[New features for v2] ClassValue, attachment, class names, etc.

[shinokada]

Summary

• Svelte uses ClassValue for class, so all classes should accept ClassValue as well. Svelte class
• We use use: currently like use:init, but since Svelte has Attachement that is more flexbible, we need to convert them to @attach. And Svelte recommend using attachments.
• Better class names. For example, some props classes are used for setContext and it should reflect to prop names as well. For example, activeCtxClass means, it is for active class used for context and use ClassValue.
• Svelte has svelte/reactivity/window that exports reactive versions of various window values. Can't we use it? For example, Drawer.svelte and Sidebar.svelte.
• Clean up transition related prop names. Some use transitionType and some use transition. And we need to check transitionParam and params.
• Adaput Svelte's preferReducedMotion, https://svelte.dev/docs/svelte/svelte-motion#prefersReducedMotion for all transition components.
• $state() in context instead of writable
• #snippet instead of dynamic DOM manipulations (like in tabs)
• Enable CloseButton Customization Enable CloseButton Customization #1698
• generic xxxItem to unify ListgroupItem, DropdownItem, etc.
• introduce a generic Component as a base of all components to manage classes, themes, events.
• ? vitest

Do you have any other thoughts for Flowbite-Svelte@v2?

[shinokada]

Started using classes for new components and class: Progressbar, Progressradial, Datepicker, all Stepper components.

[jjagielka]

• The action Better class names is now finished, isn't it?
• @attachment in place of use is a duplication of We use use: ...

As for transitions, see sveltejs/svelte#11452 - there's no plan to have a good solution for now.
So for the naming convention I'd propose:

• transition - for the transition function: fade, slide, fly, ...
• transitionParams - for params to the above
  Although this sill doesn't solve the issue with in: and out:.

[shinokada]

I haven't started better class names yet.
Regarding the transition names, we can use transition and transitionParams.

[jjagielka]

• $state() in context instead of writable
• #snippet instead of dynamic DOM manipulations (like in tabs)