Migrate component to Svelte CustomElement API

[Th1nkK1D]

Changes

1. Replace Hybrid with Svelte

• Use esbuilt + svelte-preprocessor
• Svelte syntax is more intuitive and has less learning curve
• Svelte is a compiler, get rid of Hybrid dependency on run time

2. Replace twind with WindiCSS

• WindiCSS compatible with Tailwind
• WindiCSS used during built time, get rid of twind dependency on run time

3. The component is self-register with elect- prefix (breaking change)

• Can be used right away after import
• Making component name consistent between the projects
• Components can be import all or just specific component

4. Remove postcss and cssnano for css minify

• Let esbuild handle all the things

5. Update doc and geerator

• To match the latest version of code

Notes

Introduce some workaround for

• WindiCSS to work with web component (parse global to local style) Windi Svelte Preprocess v4 now support scoped preflight
• Support kebab case attribute (Allow hyphenated properties to be defined in a component sveltejs/svelte#3852)