solid-tom-ui 0.1.0 → 0.2.0

package/README.md

@@ -11,17 +11,18 @@ Built on **Tailwind CSS 4** and **DaisyUI 5**, leveraging SolidJS fine-grained r
 - **Typed** — full TypeScript support with exported prop interfaces
 - **Themeable** — DaisyUI color tokens + unified `color` prop across all components
 - **Accessible** — semantic HTML, ARIA attributes, keyboard navigation
+- **Zero CSS setup** — pre-compiled CSS bundle includes Tailwind + DaisyUI, no extra config needed
 
 ## Installation
 
 ```bash
-npm install solid-ui
+npm install solid-tom-ui
 ```
 
 ### Peer dependencies
 
 ```bash
-npm install solid-js tailwindcss daisyui clsx tailwind-merge class-variance-authority lucide-solid
+npm install solid-js clsx tailwind-merge class-variance-authority lucide-solid
 ```
 
 Optional (only needed for specific components):
@@ -34,21 +35,19 @@ Optional (only needed for specific components):
 
 ## Setup
 
-### 1. Configure Tailwind + DaisyUI
+### 1. Import the pre-compiled CSS bundle
 
 ```css
 /* app.css */
-@import 'tailwindcss';
-@plugin 'daisyui';
-
-/* Import solid-ui component styles */
-@import 'solid-ui/styles';
+@import 'solid-tom-ui/styles';
 ```
 
+That's it. No Tailwind or DaisyUI configuration needed — the bundle includes everything.
+
 ### 2. Use components
 
 ```tsx
-import { Button, Modal, toast } from 'solid-ui';
+import { Button, Modal, toast } from 'solid-tom-ui';
 
 function App() {
   return (
@@ -59,6 +58,44 @@ function App() {
 }
 ```
 
+---
+
+### Advanced: custom theme setup
+
+If you want to override DaisyUI themes or use your own Tailwind configuration, use the source CSS export instead:
+
+```bash
+npm install tailwindcss daisyui
+```
+
+```css
+/* app.css */
+@import 'tailwindcss';
+@plugin 'daisyui';
+
+/* Source CSS — component styles only, no Tailwind/DaisyUI included */
+@import 'solid-tom-ui/styles-source';
+```
+
+---
+
+## Themes
+
+The pre-compiled bundle ships with two themes:
+
+| Theme | Mode | Data attribute |
+|-------|------|----------------|
+| `solidUi` | Light (default) | `data-theme="solidUi"` |
+| `dim` | Dark (prefers-dark) | `data-theme="dim"` |
+
+To switch themes at runtime:
+
+```ts
+document.documentElement.setAttribute('data-theme', 'dim');
+```
+
+---
+
 ## Components
 
 ### Layout & Navigation
@@ -127,6 +164,8 @@ function App() {
 |-----------|-------------|
 | `Blank` | Empty state placeholder |
 
+---
+
 ## API
 
 ### Color prop
@@ -165,7 +204,7 @@ Every component exposes a `class` prop to override individual slots:
 ### Utilities
 
 ```tsx
-import { cn, getColor, renderCSSAnimation, createThrottle } from 'solid-ui';
+import { cn, getColor, renderCSSAnimation, createThrottle } from 'solid-tom-ui';
 
 // Tailwind class merging
 cn('btn btn-primary', isActive && 'btn-active', props.class);
@@ -177,7 +216,7 @@ getColor('primary'); // → 'color-primary'
 ## Toast
 
 ```tsx
-import { toast, Toaster } from 'solid-ui';
+import { toast, Toaster } from 'solid-tom-ui';
 
 // Add <Toaster /> once at the app root
 function App() {
@@ -202,7 +241,7 @@ toast('Custom message', { color: 'accent' });
 The `Table` component supports virtual scrolling, column pinning, sort, filter, expandable rows, and pagination via `@tanstack/solid-table`.
 
 ```tsx
-import { Table } from 'solid-ui';
+import { Table } from 'solid-tom-ui';
 import { createSolidTable, getCoreRowModel } from '@tanstack/solid-table';
 
 const table = createSolidTable({
@@ -226,7 +265,7 @@ import {
   InputRange,
   InputColor,
   InputDate,
-} from 'solid-ui';
+} from 'solid-tom-ui';
 
 <InputText placeholder="Name" />
 <InputPassword placeholder="Password" />
@@ -239,7 +278,7 @@ import {
 All prop types are exported:
 
 ```tsx
-import type { ButtonProps, ModalProps, BaseColorProps, SolidComponent } from 'solid-ui';
+import type { ButtonProps, ModalProps, BaseColorProps, SolidComponent } from 'solid-tom-ui';
 ```
 
 ## License

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1 @@
+var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n||e(r,Symbol.toStringTag,{value:`Module`}),r};export{t as __exportAll};

package/dist/components/avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":["cn","cva","VariantProps","Component","createMemo","For","Match","mergeProps","ParentComponent","Show","Switch","AvatarGroup","AvatarProps","variants","mask","heart","hexagon","squircle","square","circle","status","online","offline","AvatarVariantsProps","Avatar","p","ReturnType","const","effect","_el$","_tmpl$","_$insert","_$createComponent","children","when","placeholder","Element","image","_el$2","_c$","_$memo","_el$3","_tmpl$2","_$effect","_$setAttribute","_p$","_v$","class","avatar","_v$2","width","e","_$className","t","_$setStyleProperty","undefined","root","Group","props","renderWidth","_el$4","each","avatars","_$mergeProps","counter","_el$5","_tmpl$3","_el$6","firstChild","_el$7","_v$3","_v$4","_v$5","a","group"],"sources":["../../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { cva, VariantProps } from 'class-variance-authority';\r\nimport {\r\n  Component,\r\n  createMemo,\r\n  For,\r\n  Match,\r\n  mergeProps,\r\n  ParentComponent,\r\n  Show,\r\n  Switch,\r\n} from 'solid-js';\r\nimport type { AvatarGroup, AvatarProps } from './avatar.types';\r\n\r\nconst variants = cva('', {\r\n  variants: {\r\n    mask: {\r\n      heart: 'mask mask-heart',\r\n      hexagon: 'mask mask-hexagon',\r\n      squircle: 'mask mask-squircle',\r\n      square: 'rounded-lg',\r\n      circle: 'rounded-full',\r\n    },\r\n    status: {\r\n      online: 'avatar-online',\r\n      offline: 'avatar-offline',\r\n    },\r\n  },\r\n});\r\n\r\nexport type AvatarVariantsProps = VariantProps<typeof variants>;\r\n\r\nexport function Avatar(p: AvatarProps): ReturnType<Component<AvatarProps>> {\r\n  p = mergeProps(\r\n    {\r\n      mask: 'circle' as const,\r\n      effect: true,\r\n    },\r\n    p,\r\n  );\r\n\r\n  return (\r\n    <div\r\n      class={cn(\r\n        'avatar',\r\n        p.placeholder && 'avatar-placeholder',\r\n        variants({ status: p.status }),\r\n        p.effect && 'avatar-effect',\r\n        p.class?.root,\r\n      )}\r\n    >\r\n      <Switch>\r\n        <Match when={p.placeholder}>{p.placeholder as Element}</Match>\r\n        <Match when={p.image}>\r\n          <div\r\n            class={cn(variants({ mask: p.mask }), p.class?.avatar)}\r\n            style={{ width: typeof p.width === 'string' ? p.width : `${p.width}px` }}\r\n          >\r\n            {p.image && <img src={p.image} />}\r\n          </div>\r\n        </Match>\r\n      </Switch>\r\n    </div>\r\n  );\r\n}\r\n\r\nAvatar.Group = (props: AvatarGroup): ReturnType<ParentComponent> => {\r\n  const renderWidth = createMemo(() => {\r\n    return typeof props.width === 'string' ? props.width : `${props.width}px`;\r\n  });\r\n  return (\r\n    <div class={cn('avatar-group -space-x-6', props.class?.group)}>\r\n      <For each={props.avatars}>{avatar => <Avatar {...avatar} width={renderWidth()} />}</For>\r\n      <Show when={props.counter}>\r\n        <div class={cn('avatar avatar-placeholder', props.class?.placeholder)}>\r\n          <div\r\n            class={cn('bg-neutral text-neutral-content', props.class?.counter)}\r\n            style={{\r\n              width: renderWidth(),\r\n            }}\r\n          >\r\n            +{props.counter}\r\n          </div>\r\n        </div>\r\n      </Show>\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"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"}
+{"version":3,"file":"avatar.js","names":["cn","cva","VariantProps","Component","createMemo","For","Match","mergeProps","ParentComponent","Show","Switch","AvatarGroup","AvatarProps","variants","mask","heart","hexagon","squircle","square","circle","status","online","offline","AvatarVariantsProps","Avatar","p","ReturnType","const","effect","_el$","_tmpl$","_$insert","_$createComponent","children","when","placeholder","Element","image","_el$2","_c$","_$memo","_el$3","_tmpl$2","_$effect","_$setAttribute","_p$","_v$","class","avatar","_v$2","width","e","_$className","t","_$setStyleProperty","undefined","root","Group","props","renderWidth","_el$4","each","avatars","_$mergeProps","counter","_el$5","_tmpl$3","_el$6","firstChild","_el$7","_v$3","_v$4","_v$5","a","group"],"sources":["../../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport {\n  Component,\n  createMemo,\n  For,\n  Match,\n  mergeProps,\n  ParentComponent,\n  Show,\n  Switch,\n} from 'solid-js';\nimport type { AvatarGroup, AvatarProps } from './avatar.types';\n\nconst variants = cva('', {\n  variants: {\n    mask: {\n      heart: 'mask mask-heart',\n      hexagon: 'mask mask-hexagon',\n      squircle: 'mask mask-squircle',\n      square: 'rounded-lg',\n      circle: 'rounded-full',\n    },\n    status: {\n      online: 'avatar-online',\n      offline: 'avatar-offline',\n    },\n  },\n});\n\nexport type AvatarVariantsProps = VariantProps<typeof variants>;\n\nexport function Avatar(p: AvatarProps): ReturnType<Component<AvatarProps>> {\n  p = mergeProps(\n    {\n      mask: 'circle' as const,\n      effect: true,\n    },\n    p,\n  );\n\n  return (\n    <div\n      class={cn(\n        'avatar',\n        p.placeholder && 'avatar-placeholder',\n        variants({ status: p.status }),\n        p.effect && 'avatar-effect',\n        p.class?.root,\n      )}\n    >\n      <Switch>\n        <Match when={p.placeholder}>{p.placeholder as Element}</Match>\n        <Match when={p.image}>\n          <div\n            class={cn(variants({ mask: p.mask }), p.class?.avatar)}\n            style={{ width: typeof p.width === 'string' ? p.width : `${p.width}px` }}\n          >\n            {p.image && <img src={p.image} />}\n          </div>\n        </Match>\n      </Switch>\n    </div>\n  );\n}\n\nAvatar.Group = (props: AvatarGroup): ReturnType<ParentComponent> => {\n  const renderWidth = createMemo(() => {\n    return typeof props.width === 'string' ? props.width : `${props.width}px`;\n  });\n  return (\n    <div class={cn('avatar-group -space-x-6', props.class?.group)}>\n      <For each={props.avatars}>{avatar => <Avatar {...avatar} width={renderWidth()} />}</For>\n      <Show when={props.counter}>\n        <div class={cn('avatar avatar-placeholder', props.class?.placeholder)}>\n          <div\n            class={cn('bg-neutral text-neutral-content', props.class?.counter)}\n            style={{\n              width: renderWidth(),\n            }}\n          >\n            +{props.counter}\n          </div>\n        </div>\n      </Show>\n    </div>\n  );\n};\n"],"mappings":"6YAcMa,EAAWZ,EAAI,GAAI,CACvBY,SAAU,CACRC,KAAM,CACJC,MAAO,kBACPC,QAAS,oBACTC,SAAU,qBACVC,OAAQ,aACRC,OAAQ,eACT,CACDC,OAAQ,CACNC,OAAQ,gBACRC,QAAS,iBACX,CACF,CACD,CAAC,CAIF,SAAgBE,EAAOC,EAAoD,CASzE,MARAA,GAAIlB,EACF,CACEO,KAAM,SACNc,OAAQ,GACT,CACDH,EACD,MAED,CAAA,IAAAI,EAAAC,GAAA,CAQK,OARLC,EAAAF,EAAAG,EAUKtB,EAAM,CAAA,IAAAuB,UAAA,CAAA,MAAA,CAAAD,EACJ1B,EAAK,CAAA,IAAC4B,MAAI,CAAA,OAAET,EAAEU,aAAW,IAAAF,UAAA,CAAA,OAAGR,EAAEU,aAAsB,CAAA,CAAAH,EACpD1B,EAAK,CAAA,IAAC4B,MAAI,CAAA,OAAET,EAAEY,OAAK,IAAAJ,UAAA,CAAA,IAAAK,EAAAR,GAAA,CAGsD,OAHtDC,EAAAO,OAAA,CAAA,IAAAC,EAAAC,MAAA,CAAA,CAKff,EAAEY,MAAK,CAAA,UAAPE,GAAA,OAAA,CAAA,IAAAE,EAAAC,GAAA,CAA4B,OAA5BC,MAAAC,EAAAH,EAAA,MAAqBhB,EAAEY,MAAK,CAAA,CAAAI,KAAI,IAAA,CAAA,CAAAE,EAAAE,GAAA,CAAA,IAAAC,EAH1B9C,EAAGa,EAAS,CAAEC,KAAMW,EAAEX,KAAM,CAAC,CAAEW,EAAEsB,OAAOC,OAAO,CAAAC,EACtC,OAAOxB,EAAEyB,OAAU,SAAWzB,EAAEyB,MAAQ,GAAGzB,EAAEyB,MAAK,IAAI,OAAAJ,IAAAD,EAAAM,GAAAC,EAAAd,EAAAO,EAAAM,EAAAL,EAAA,CAAAG,IAAAJ,EAAAQ,GAAAC,EAAAhB,EAAA,QAAAO,EAAAQ,EAAAJ,EAAA,CAAAJ,GAAA,CAAAM,EAAAI,IAAAA,GAAAF,EAAAE,IAAAA,GAAA,CAAA,CAAAjB,GAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAAK,MAAAS,EAAAvB,EAbrE7B,EACL,SACAyB,EAAEU,aAAe,qBACjBtB,EAAS,CAAEO,OAAQK,EAAEL,OAAQ,CAAC,CAC9BK,EAAEG,QAAU,gBACZH,EAAEsB,OAAOS,KACV,CAAA,CAAA,CAAA3B,KAAA,CAiBPL,EAAOiC,MAASC,GAAoD,CAClE,IAAMC,EAAcvD,MACX,OAAOsD,EAAMR,OAAU,SAAWQ,EAAMR,MAAQ,GAAGQ,EAAMR,MAAK,IACrE,CACF,WAAA,CAAA,IAAAU,EAAA9B,GAAA,CAC+D,OAD/DC,EAAA6B,EAAA5B,EAEK3B,EAAG,CAAA,IAACwD,MAAI,CAAA,OAAEH,EAAMI,SAAO7B,SAAGe,GAAMhB,EAAKR,EAAMuC,EAAKf,EAAM,CAAA,IAAEE,OAAK,CAAA,OAAES,GAAa,EAAA,CAAA,CAAA,CAAI,CAAA,CAAA,KAAA,CAAA5B,EAAA6B,EAAA5B,EAChFvB,EAAI,CAAA,IAACyB,MAAI,CAAA,OAAEwB,EAAMM,SAAO,IAAA/B,UAAA,CAAA,IAAAgC,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAKG,OALHD,EAAAC,WAAArC,EAAAoC,MAQjBT,EAAMM,QAAO,KAAA,CAAArB,EAAAE,GAAA,CAAA,IAAAyB,EAPPtE,EAAG,4BAA6B0D,EAAMX,OAAOZ,YAAY,CAAAoC,EAE1DvE,EAAG,kCAAmC0D,EAAMX,OAAOiB,QAAQ,CAAAQ,EAEzDb,GAAa,CAAA,OAAAW,IAAAzB,EAAAM,GAAAC,EAAAa,EAAApB,EAAAM,EAAAmB,EAAA,CAAAC,IAAA1B,EAAAQ,GAAAD,EAAAe,EAAAtB,EAAAQ,EAAAkB,EAAA,CAAAC,IAAA3B,EAAA4B,GAAAnB,EAAAa,EAAA,QAAAtB,EAAA4B,EAAAD,EAAA,CAAA3B,GAAA,CAAAM,EAAAI,IAAAA,GAAAF,EAAAE,IAAAA,GAAAkB,EAAAlB,IAAAA,GAAA,CAAA,CAAAU,GAAA,CAAA,CAAA,KAAA,CAAAtB,MAAAS,EAAAQ,EAPlB5D,EAAG,0BAA2B0D,EAAMX,OAAO2B,MAAM,CAAA,CAAA,CAAAd,KAAA"}

package/dist/components/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":["cn","cva","VariantProps","Component","mergeProps","BadgeProps","variants","size","xs","sm","md","lg","xl","color","neutral","primary","secondary","accent","info","success","warning","error","outline","soft","dashed","BadgeVariantsProps","Badge","p","content","const","_el$","_tmpl$","_$insert","_c$","_$memo","_el$2","_tmpl$2","_$effect","_$className","class","child","_el$3","Element","root"],"sources":["../../../src/components/badge/badge.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { cva, VariantProps } from 'class-variance-authority';\r\nimport { Component, mergeProps } from 'solid-js';\r\nimport type { BadgeProps } from './badge.types';\r\n\r\nconst variants = cva('', {\r\n  variants: {\r\n    size: {\r\n      '3xs': 'h-3.5 text-[10px]',\r\n      '2xs': 'h-4 text-xs',\r\n      xs: 'h-4.5 text-xs',\r\n      sm: 'h-5 text-xs',\r\n      md: 'h-5.5 text-xs',\r\n      lg: 'h-6 text-sm',\r\n      xl: 'h-6.5 text-sm',\r\n      '2xl': 'h-7 text-sm',\r\n      '3xl': 'h-7.5 text-base',\r\n    },\r\n    color: {\r\n      neutral: 'color-neutral',\r\n      primary: 'color-primary',\r\n      secondary: 'color-secondary',\r\n      accent: 'color-accent',\r\n      info: 'color-info',\r\n      success: 'color-success',\r\n      warning: 'color-warning',\r\n      error: 'color-error',\r\n    },\r\n    variants: {\r\n      outline: 'bad03',\r\n      soft: 'bad02',\r\n      dashed: 'bad04',\r\n    },\r\n  },\r\n});\r\nexport type BadgeVariantsProps = VariantProps<typeof variants>;\r\n\r\nexport const Badge: Component<BadgeProps> = p => {\r\n  p = mergeProps({ size: 'md', color: 'primary', content: 'lorem', variants: 'soft' } as const, p);\r\n\r\n  return (\r\n    <div\r\n      class={cn(\r\n        'bad00',\r\n        variants({ color: p.color, size: p.size, variants: p.variants }),\r\n        p.class?.root,\r\n      )}\r\n    >\r\n      {typeof p.content === 'string' ? (\r\n        <span class={cn('bad01', p.class?.child)}>{p.content}</span>\r\n      ) : (\r\n        <div class={p.class?.child}>{p.content as Element}</div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"oPAKMM,EAAWL,EAAI,GAAI,CACvBK,SAAU,CACRC,KAAM,CACJ,MAAO,oBACP,MAAO,cACPC,GAAI,gBACJC,GAAI,cACJC,GAAI,gBACJC,GAAI,cACJC,GAAI,gBACJ,MAAO,cACP,MAAO,kBACR,CACDC,MAAO,CACLC,QAAS,gBACTC,QAAS,gBACTC,UAAW,kBACXC,OAAQ,eACRC,KAAM,aACNC,QAAS,gBACTC,QAAS,gBACTC,MAAO,cACR,CACDf,SAAU,CACRgB,QAAS,QACTC,KAAM,QACNC,OAAQ,QACV,CACF,CACD,CAAC,CAGWE,EAA+BC,IAC1CA,EAAIvB,EAAW,CAAEG,KAAM,KAAMM,MAAO,UAAWe,QAAS,QAAStB,SAAU,OAAQ,CAAWqB,EAAE,MAEhG,CAAA,IAAAG,EAAAC,GAAA,CAMK,OANLC,EAAAF,OAAA,CAAA,IAAAG,EAAAC,MAQK,OAAOP,EAAEC,SAAY,SAAQ,CAAA,UAA7BK,GAAA,MAAA,CAAA,IAAAE,EAAAC,GAAA,CACyC,OADzCJ,EAAAG,MAC4CR,EAAEC,QAAO,CAAAS,MAAAC,EAAAH,EAAvCnC,EAAG,QAAS2B,EAAEY,OAAOC,MAAM,CAAA,CAAA,CAAAL,KAAA,MAAA,CAAA,IAAAM,EAAAV,GAAA,CAEd,OAFcC,EAAAS,MAEXd,EAAEC,QAAkB,CAAAS,MAAAC,EAAAG,EAArCd,EAAEY,OAAOC,MAAK,CAAA,CAAAC,KAC3B,IAAA,CAAA,CAAAJ,MAAAC,EAAAR,EAVM9B,EACL,QACAM,EAAS,CAAEO,MAAOc,EAAEd,MAAON,KAAMoB,EAAEpB,KAAMD,SAAUqB,EAAErB,SAAU,CAAC,CAChEqB,EAAEY,OAAOI,KACV,CAAA,CAAA,CAAAb,KAAA"}
+{"version":3,"file":"badge.js","names":["cn","cva","VariantProps","Component","mergeProps","BadgeProps","variants","size","xs","sm","md","lg","xl","color","neutral","primary","secondary","accent","info","success","warning","error","outline","soft","dashed","BadgeVariantsProps","Badge","p","content","const","_el$","_tmpl$","_$insert","_c$","_$memo","_el$2","_tmpl$2","_$effect","_$className","class","child","_el$3","Element","root"],"sources":["../../../src/components/badge/badge.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport { Component, mergeProps } from 'solid-js';\nimport type { BadgeProps } from './badge.types';\n\nconst variants = cva('', {\n  variants: {\n    size: {\n      '3xs': 'h-3.5 text-[10px]',\n      '2xs': 'h-4 text-xs',\n      xs: 'h-4.5 text-xs',\n      sm: 'h-5 text-xs',\n      md: 'h-5.5 text-xs',\n      lg: 'h-6 text-sm',\n      xl: 'h-6.5 text-sm',\n      '2xl': 'h-7 text-sm',\n      '3xl': 'h-7.5 text-base',\n    },\n    color: {\n      neutral: 'color-neutral',\n      primary: 'color-primary',\n      secondary: 'color-secondary',\n      accent: 'color-accent',\n      info: 'color-info',\n      success: 'color-success',\n      warning: 'color-warning',\n      error: 'color-error',\n    },\n    variants: {\n      outline: 'bad03',\n      soft: 'bad02',\n      dashed: 'bad04',\n    },\n  },\n});\nexport type BadgeVariantsProps = VariantProps<typeof variants>;\n\nexport const Badge: Component<BadgeProps> = p => {\n  p = mergeProps({ size: 'md', color: 'primary', content: 'lorem', variants: 'soft' } as const, p);\n\n  return (\n    <div\n      class={cn(\n        'bad00',\n        variants({ color: p.color, size: p.size, variants: p.variants }),\n        p.class?.root,\n      )}\n    >\n      {typeof p.content === 'string' ? (\n        <span class={cn('bad01', p.class?.child)}>{p.content}</span>\n      ) : (\n        <div class={p.class?.child}>{p.content as Element}</div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"oPAKMM,EAAWL,EAAI,GAAI,CACvBK,SAAU,CACRC,KAAM,CACJ,MAAO,oBACP,MAAO,cACPC,GAAI,gBACJC,GAAI,cACJC,GAAI,gBACJC,GAAI,cACJC,GAAI,gBACJ,MAAO,cACP,MAAO,kBACR,CACDC,MAAO,CACLC,QAAS,gBACTC,QAAS,gBACTC,UAAW,kBACXC,OAAQ,eACRC,KAAM,aACNC,QAAS,gBACTC,QAAS,gBACTC,MAAO,cACR,CACDf,SAAU,CACRgB,QAAS,QACTC,KAAM,QACNC,OAAQ,QACV,CACF,CACD,CAAC,CAGWE,EAA+BC,IAC1CA,EAAIvB,EAAW,CAAEG,KAAM,KAAMM,MAAO,UAAWe,QAAS,QAAStB,SAAU,OAAQ,CAAWqB,EAAE,MAEhG,CAAA,IAAAG,EAAAC,GAAA,CAMK,OANLC,EAAAF,OAAA,CAAA,IAAAG,EAAAC,MAQK,OAAOP,EAAEC,SAAY,SAAQ,CAAA,UAA7BK,GAAA,MAAA,CAAA,IAAAE,EAAAC,GAAA,CACyC,OADzCJ,EAAAG,MAC4CR,EAAEC,QAAO,CAAAS,MAAAC,EAAAH,EAAvCnC,EAAG,QAAS2B,EAAEY,OAAOC,MAAM,CAAA,CAAA,CAAAL,KAAA,MAAA,CAAA,IAAAM,EAAAV,GAAA,CAEd,OAFcC,EAAAS,MAEXd,EAAEC,QAAkB,CAAAS,MAAAC,EAAAG,EAArCd,EAAEY,OAAOC,MAAK,CAAA,CAAAC,KAC3B,IAAA,CAAA,CAAAJ,MAAAC,EAAAR,EAVM9B,EACL,QACAM,EAAS,CAAEO,MAAOc,EAAEd,MAAON,KAAMoB,EAAEpB,KAAMD,SAAUqB,EAAErB,SAAU,CAAC,CAChEqB,EAAEY,OAAOI,KACV,CAAA,CAAA,CAAAb,KAAA"}

package/dist/components/breadcrumb/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":["SolidComponent","cn","Component","createMemo","For","BreadcrumbProps","items","class","Partial","Record","separate","onItemClick","e","MouseEvent","Breadcrumb","p","length","_el$","_tmpl$","_el$2","firstChild","$$click","target","tagName","_$insert","_$createComponent","each","children","item","index","_el$3","_tmpl$2","Element","_$effect","_$className","_$memo","root","_$delegateEvents"],"sources":["../../../src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { SolidComponent } from '@/type';\r\nimport { cn } from '@/utils/cn';\r\nimport { Component, createMemo, For } from 'solid-js';\r\n\r\ntype BreadcrumbProps = {\r\n  items: SolidComponent[];\r\n  class?: Partial<Record<'root' | 'item', string>>;\r\n  separate?: SolidComponent;\r\n  onItemClick?: (e: MouseEvent) => void;\r\n};\r\nexport const Breadcrumb: Component<BreadcrumbProps> = p => {\r\n  const length = createMemo(() => p.items.length - 1);\r\n  return (\r\n    <div class={cn('breadcrumbs', p.separate && 'separate', p.class?.root)}>\r\n      <ul\r\n        onClick={e => {\r\n          if (e.target.tagName !== 'UL' && p.onItemClick) {\r\n            p.onItemClick(e);\r\n          }\r\n        }}\r\n      >\r\n        <For each={p.items}>\r\n          {(item, index) => {\r\n            return (\r\n              <>\r\n                <li class={p.class?.item}>{item as Element}</li>\r\n                {index() < length() && p.separate}\r\n              </>\r\n            );\r\n          }}\r\n        </For>\r\n      </ul>\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"yPAUac,EAAyCC,GAAK,CACzD,IAAMC,EAASb,MAAiBY,EAAET,MAAMU,OAAS,EAAE,CACnD,WAAA,CAAA,IAAAC,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WACwE,MADxED,GAAAE,QAGeT,GAAK,CACRA,EAAEU,OAAOC,UAAY,MAAQR,EAAEJ,aACjCI,EAAEJ,YAAYC,EAAE,EAEnBY,EAAAL,EAAAM,EAEArB,EAAG,CAAA,IAACsB,MAAI,CAAA,OAAEX,EAAET,OAAKqB,UACdC,EAAMC,IACN,MAAA,CAAA,IAAAC,EAAAC,GAAA,CAE4B,OAF5BP,EAAAM,EAE+BF,EAAe,CAAAK,MAAAC,EAAAJ,EAA/Bf,EAAER,OAAOqB,KAAI,CAAA,CAAAE,KAAA,CAAAK,MACvBA,MAAAN,GAAO,CAAGb,GAAQ,CAAA,EAAA,EAAID,EAAEL,SAAQ,CAAA,CAGtC,CAAA,CAAA,CAAAuB,MAAAC,EAAAjB,EAhBKhB,EAAG,cAAec,EAAEL,UAAY,WAAYK,EAAER,OAAO6B,KAAK,CAAA,CAAA,CAAAnB,KAAA,EAqBxEoB,EAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"breadcrumb.js","names":["SolidComponent","cn","Component","createMemo","For","BreadcrumbProps","items","class","Partial","Record","separate","onItemClick","e","MouseEvent","Breadcrumb","p","length","_el$","_tmpl$","_el$2","firstChild","$$click","target","tagName","_$insert","_$createComponent","each","children","item","index","_el$3","_tmpl$2","Element","_$effect","_$className","_$memo","root","_$delegateEvents"],"sources":["../../../src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { SolidComponent } from '@/type';\nimport { cn } from '@/utils/cn';\nimport { Component, createMemo, For } from 'solid-js';\n\ntype BreadcrumbProps = {\n  items: SolidComponent[];\n  class?: Partial<Record<'root' | 'item', string>>;\n  separate?: SolidComponent;\n  onItemClick?: (e: MouseEvent) => void;\n};\nexport const Breadcrumb: Component<BreadcrumbProps> = p => {\n  const length = createMemo(() => p.items.length - 1);\n  return (\n    <div class={cn('breadcrumbs', p.separate && 'separate', p.class?.root)}>\n      <ul\n        onClick={e => {\n          if (e.target.tagName !== 'UL' && p.onItemClick) {\n            p.onItemClick(e);\n          }\n        }}\n      >\n        <For each={p.items}>\n          {(item, index) => {\n            return (\n              <>\n                <li class={p.class?.item}>{item as Element}</li>\n                {index() < length() && p.separate}\n              </>\n            );\n          }}\n        </For>\n      </ul>\n    </div>\n  );\n};\n"],"mappings":"yPAUac,EAAyCC,GAAK,CACzD,IAAMC,EAASb,MAAiBY,EAAET,MAAMU,OAAS,EAAE,CACnD,WAAA,CAAA,IAAAC,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WACwE,MADxED,GAAAE,QAGeT,GAAK,CACRA,EAAEU,OAAOC,UAAY,MAAQR,EAAEJ,aACjCI,EAAEJ,YAAYC,EAAE,EAEnBY,EAAAL,EAAAM,EAEArB,EAAG,CAAA,IAACsB,MAAI,CAAA,OAAEX,EAAET,OAAKqB,UACdC,EAAMC,IACN,MAAA,CAAA,IAAAC,EAAAC,GAAA,CAE4B,OAF5BP,EAAAM,EAE+BF,EAAe,CAAAK,MAAAC,EAAAJ,EAA/Bf,EAAER,OAAOqB,KAAI,CAAA,CAAAE,KAAA,CAAAK,MACvBA,MAAAN,GAAO,CAAGb,GAAQ,CAAA,EAAA,EAAID,EAAEL,SAAQ,CAAA,CAGtC,CAAA,CAAA,CAAAuB,MAAAC,EAAAjB,EAhBKhB,EAAG,cAAec,EAAEL,UAAY,WAAYK,EAAER,OAAO6B,KAAK,CAAA,CAAA,CAAAnB,KAAA,EAqBxEoB,EAAA,CAAA,QAAA,CAAA"}

package/dist/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["cn","cva","VariantProps","Component","Match","mergeProps","splitProps","Switch","ButtonProps","Opacity","from","to","rippleAnimate","target","HTMLButtonElement","duration","opacity","animate","boxShadow","easing","variants","size","xs","sm","md","lg","xl","color","neutral","primary","secondary","accent","info","success","warning","error","variant","default","simple","solid","outline","dashed","soft","text","link","shape","circle","square","loadingType","dots","ring","ball","bars","infinity","spinner","ButtonVariantsProps","Button","props","merge","const","disabled","loading","class","iconPlacement","loadingOptions","type","isShape","p","nativeProps","handleClick","e","MouseEvent","onClick","currentTarget","_el$","_tmpl$2","_$spread","_$mergeProps","icon","_$insert","_$createComponent","children","when","_el$2","_tmpl$","_$effect","_p$","_v$","_v$2","_$className","t","_$setStyleProperty","undefined","_$memo","Element","_c$","_el$3","_tmpl$3"],"sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { Component, Match, mergeProps, splitProps, Switch } from 'solid-js';\r\nimport { ButtonProps } from './button.types';\r\n\r\ntype Opacity = {\r\n  from: string;\r\n  to: string;\r\n};\r\nexport function rippleAnimate(\r\n  target: HTMLButtonElement,\r\n  duration: number = 300,\r\n  opacity: Opacity = { from: '20%', to: '10%' },\r\n) {\r\n  if (!target) return;\r\n  target.animate(\r\n    [\r\n      { boxShadow: `0 0 0 0 rgba(from var(--btn-color) r g b / ${opacity.from})` },\r\n      { boxShadow: `0 0 0 6px rgba(from var(--btn-color) r g b / ${opacity.to})` },\r\n    ],\r\n    {\r\n      duration,\r\n      easing: 'linear',\r\n    },\r\n  );\r\n}\r\nconst variants = cva('', {\r\n  variants: {\r\n    size: {\r\n      '4xs': 'h-6.5 text-xs',\r\n      '3xs': 'h-7 text-xs',\r\n      '2xs': 'h-7.5 text-xs',\r\n      xs: 'h-8 text-xs',\r\n      sm: 'h-8.5',\r\n      md: 'h-9',\r\n      lg: 'h-9.5',\r\n      xl: 'h-10 text-base',\r\n      '2xl': 'h-10.5 text-base',\r\n      '3xl': 'h-11 text-base',\r\n      '4xl': 'h-11.5 text-base',\r\n    },\r\n    color: {\r\n      neutral: 'btn-neutral',\r\n      primary: 'btn-primary',\r\n      secondary: 'btn-secondary',\r\n      accent: 'btn-accent',\r\n      info: 'btn-info',\r\n      success: 'btn-success',\r\n      warning: 'btn-warning',\r\n      error: 'btn-error',\r\n    },\r\n    variant: {\r\n      default: 'btn-default',\r\n      simple: 'btn-default border-transparent',\r\n      solid: '',\r\n      outline: 'btn-outline',\r\n      dashed: 'btn-dash',\r\n      soft: 'btn-soft',\r\n      text: 'btn-ghost',\r\n      link: 'btn-link',\r\n    },\r\n    shape: {\r\n      circle: 'aspect-square rounded-full',\r\n      square: 'aspect-square',\r\n    },\r\n    loadingType: {\r\n      dots: 'loading-dots',\r\n      ring: 'loading-ring',\r\n      ball: 'loading-ball',\r\n      bars: 'loading-bars',\r\n      infinity: 'loading-infinity',\r\n      spinner: 'loading-spinner',\r\n    },\r\n  },\r\n});\r\nexport type ButtonVariantsProps = VariantProps<typeof variants>;\r\n\r\nexport const Button: Component<ButtonProps> = props => {\r\n  const merge = mergeProps(\r\n    {\r\n      size: 'sm' as const,\r\n      disabled: false,\r\n      loading: false,\r\n      color: 'secondary' as const,\r\n      class: void 0,\r\n      iconPlacement: 'start',\r\n      loadingOptions: {\r\n        type: 'spinner' as const,\r\n        size: 20,\r\n      },\r\n      animate: 'ripple' as const,\r\n    },\r\n    props,\r\n  );\r\n  const isShape = merge.shape === 'square' || merge.shape === 'circle';\r\n  const [p, nativeProps] = splitProps(merge, [\r\n    'size',\r\n    'iconPlacement',\r\n    'loading',\r\n    'variant',\r\n    'color',\r\n    'shape',\r\n    'icon',\r\n    'children',\r\n    'class',\r\n    'disabled',\r\n    'onClick',\r\n    'loadingOptions',\r\n    'animate',\r\n  ]);\r\n  const handleClick = (e: MouseEvent) => {\r\n    p.onClick?.(e);\r\n    if (p.animate === 'ripple') {\r\n      const target = e.currentTarget as HTMLButtonElement;\r\n      switch (p.variant) {\r\n        case 'default':\r\n        case 'simple':\r\n        case 'link':\r\n          return rippleAnimate(target, 300, { from: '8%', to: '2%' });\r\n        default:\r\n          return rippleAnimate(target);\r\n      }\r\n    }\r\n  };\r\n  return (\r\n    <button\r\n      {...nativeProps}\r\n      class={cn(\r\n        'sui-btn',\r\n        variants({ size: p.size, color: p.color, variant: p.variant, shape: p.shape }),\r\n        !isShape && p.icon && (p.iconPlacement === 'start' ? 'flex-row' : 'flex-row-reverse'),\r\n        p.icon && '[&_svg]:shrink-0',\r\n        p.animate !== 'translate' && 'active:translate-none',\r\n        p.class,\r\n      )}\r\n      {...(p.shape && { 'data-shape': p.shape })}\r\n      onClick={handleClick}\r\n      disabled={p.disabled || p.loading}\r\n    >\r\n      <Switch>\r\n        <Match when={p.loading}>\r\n          <span\r\n            class={cn('loading shrink-0', variants({ loadingType: p.loadingOptions?.type }))}\r\n            style={{ width: `${p.loadingOptions?.size}px` }}\r\n          ></span>\r\n        </Match>\r\n\r\n        <Match when={!p.loading && p.icon}>{p.icon! as Element}</Match>\r\n      </Switch>\r\n      {!isShape && p.children && <span class=\"mb-px\">{p.children}</span>}\r\n    </button>\r\n  );\r\n};\r\n"],"mappings":"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"}
+{"version":3,"file":"button.js","names":["cn","cva","VariantProps","Component","Match","mergeProps","splitProps","Switch","ButtonProps","Opacity","from","to","rippleAnimate","target","HTMLButtonElement","duration","opacity","animate","boxShadow","easing","variants","size","xs","sm","md","lg","xl","color","neutral","primary","secondary","accent","info","success","warning","error","variant","default","simple","solid","outline","dashed","soft","text","link","shape","circle","square","loadingType","dots","ring","ball","bars","infinity","spinner","ButtonVariantsProps","Button","props","merge","const","disabled","loading","class","iconPlacement","loadingOptions","type","isShape","p","nativeProps","handleClick","e","MouseEvent","onClick","currentTarget","_el$","_tmpl$2","_$spread","_$mergeProps","icon","_$insert","_$createComponent","children","when","_el$2","_tmpl$","_$effect","_p$","_v$","_v$2","_$className","t","_$setStyleProperty","undefined","_$memo","Element","_c$","_el$3","_tmpl$3"],"sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Component, Match, mergeProps, splitProps, Switch } from 'solid-js';\nimport { ButtonProps } from './button.types';\n\ntype Opacity = {\n  from: string;\n  to: string;\n};\nexport function rippleAnimate(\n  target: HTMLButtonElement,\n  duration: number = 300,\n  opacity: Opacity = { from: '20%', to: '10%' },\n) {\n  if (!target) return;\n  target.animate(\n    [\n      { boxShadow: `0 0 0 0 rgba(from var(--btn-color) r g b / ${opacity.from})` },\n      { boxShadow: `0 0 0 6px rgba(from var(--btn-color) r g b / ${opacity.to})` },\n    ],\n    {\n      duration,\n      easing: 'linear',\n    },\n  );\n}\nconst variants = cva('', {\n  variants: {\n    size: {\n      '4xs': 'h-6.5 text-xs',\n      '3xs': 'h-7 text-xs',\n      '2xs': 'h-7.5 text-xs',\n      xs: 'h-8 text-xs',\n      sm: 'h-8.5',\n      md: 'h-9',\n      lg: 'h-9.5',\n      xl: 'h-10 text-base',\n      '2xl': 'h-10.5 text-base',\n      '3xl': 'h-11 text-base',\n      '4xl': 'h-11.5 text-base',\n    },\n    color: {\n      neutral: 'btn-neutral',\n      primary: 'btn-primary',\n      secondary: 'btn-secondary',\n      accent: 'btn-accent',\n      info: 'btn-info',\n      success: 'btn-success',\n      warning: 'btn-warning',\n      error: 'btn-error',\n    },\n    variant: {\n      default: 'btn-default',\n      simple: 'btn-default border-transparent',\n      solid: '',\n      outline: 'btn-outline',\n      dashed: 'btn-dash',\n      soft: 'btn-soft',\n      text: 'btn-ghost',\n      link: 'btn-link',\n    },\n    shape: {\n      circle: 'aspect-square rounded-full',\n      square: 'aspect-square',\n    },\n    loadingType: {\n      dots: 'loading-dots',\n      ring: 'loading-ring',\n      ball: 'loading-ball',\n      bars: 'loading-bars',\n      infinity: 'loading-infinity',\n      spinner: 'loading-spinner',\n    },\n  },\n});\nexport type ButtonVariantsProps = VariantProps<typeof variants>;\n\nexport const Button: Component<ButtonProps> = props => {\n  const merge = mergeProps(\n    {\n      size: 'sm' as const,\n      disabled: false,\n      loading: false,\n      color: 'secondary' as const,\n      class: void 0,\n      iconPlacement: 'start',\n      loadingOptions: {\n        type: 'spinner' as const,\n        size: 20,\n      },\n      animate: 'ripple' as const,\n    },\n    props,\n  );\n  const isShape = merge.shape === 'square' || merge.shape === 'circle';\n  const [p, nativeProps] = splitProps(merge, [\n    'size',\n    'iconPlacement',\n    'loading',\n    'variant',\n    'color',\n    'shape',\n    'icon',\n    'children',\n    'class',\n    'disabled',\n    'onClick',\n    'loadingOptions',\n    'animate',\n  ]);\n  const handleClick = (e: MouseEvent) => {\n    p.onClick?.(e);\n    if (p.animate === 'ripple') {\n      const target = e.currentTarget as HTMLButtonElement;\n      switch (p.variant) {\n        case 'default':\n        case 'simple':\n        case 'link':\n          return rippleAnimate(target, 300, { from: '8%', to: '2%' });\n        default:\n          return rippleAnimate(target);\n      }\n    }\n  };\n  return (\n    <button\n      {...nativeProps}\n      class={cn(\n        'sui-btn',\n        variants({ size: p.size, color: p.color, variant: p.variant, shape: p.shape }),\n        !isShape && p.icon && (p.iconPlacement === 'start' ? 'flex-row' : 'flex-row-reverse'),\n        p.icon && '[&_svg]:shrink-0',\n        p.animate !== 'translate' && 'active:translate-none',\n        p.class,\n      )}\n      {...(p.shape && { 'data-shape': p.shape })}\n      onClick={handleClick}\n      disabled={p.disabled || p.loading}\n    >\n      <Switch>\n        <Match when={p.loading}>\n          <span\n            class={cn('loading shrink-0', variants({ loadingType: p.loadingOptions?.type }))}\n            style={{ width: `${p.loadingOptions?.size}px` }}\n          ></span>\n        </Match>\n\n        <Match when={!p.loading && p.icon}>{p.icon! as Element}</Match>\n      </Switch>\n      {!isShape && p.children && <span class=\"mb-px\">{p.children}</span>}\n    </button>\n  );\n};\n"],"mappings":"+XASA,SAAgBY,EACdC,EACAE,EAAmB,IACnBC,EAAmB,CAAEN,KAAM,MAAOC,GAAI,MAAO,CAC7C,CACKE,GACLA,EAAOI,QACL,CACE,CAAEC,UAAW,8CAA8CF,EAAQN,KAAI,GAAK,CAC5E,CAAEQ,UAAW,gDAAgDF,EAAQL,GAAE,GAAK,CAC7E,CACD,CACEI,WACAI,OAAQ,SAEZ,CAAC,CAEH,IAAMC,EAAWnB,EAAI,GAAI,CACvBmB,SAAU,CACRC,KAAM,CACJ,MAAO,gBACP,MAAO,cACP,MAAO,gBACPC,GAAI,cACJC,GAAI,QACJC,GAAI,MACJC,GAAI,QACJC,GAAI,iBACJ,MAAO,mBACP,MAAO,iBACP,MAAO,mBACR,CACDC,MAAO,CACLC,QAAS,cACTC,QAAS,cACTC,UAAW,gBACXC,OAAQ,aACRC,KAAM,WACNC,QAAS,cACTC,QAAS,cACTC,MAAO,YACR,CACDC,QAAS,CACPC,QAAS,cACTC,OAAQ,iCACRC,MAAO,GACPC,QAAS,cACTC,OAAQ,WACRC,KAAM,WACNC,KAAM,YACNC,KAAM,WACP,CACDC,MAAO,CACLC,OAAQ,6BACRC,OAAQ,gBACT,CACDC,YAAa,CACXC,KAAM,eACNC,KAAM,eACNC,KAAM,eACNC,KAAM,eACNC,SAAU,mBACVC,QAAS,kBACX,CACF,CACD,CAAC,CAGWE,EAAiCC,GAAS,CACrD,IAAMC,EAAQrD,EACZ,CACEgB,KAAM,KACNuC,SAAU,GACVC,QAAS,GACTlC,MAAO,YACPmC,MAAO,IAAK,GACZC,cAAe,QACfC,eAAgB,CACdC,KAAM,UACN5C,KAAM,GACP,CACDJ,QAAS,SACV,CACDwC,EACD,CACKS,EAAUR,EAAMb,QAAU,UAAYa,EAAMb,QAAU,SACtD,CAACsB,EAAGC,GAAe9D,EAAWoD,EAAO,CACzC,OACA,gBACA,UACA,UACA,QACA,QACA,OACA,WACA,QACA,WACA,UACA,iBACA,UACD,CAAC,CACIW,EAAeC,GAAkB,CAErC,GADAH,EAAEK,UAAUF,EAAE,CACVH,EAAElD,UAAY,SAAU,CAC1B,IAAMJ,EAASyD,EAAEG,cACjB,OAAQN,EAAE/B,QAAV,CACE,IAAK,UACL,IAAK,SACL,IAAK,OACH,OAAOxB,EAAcC,EAAQ,IAAK,CAAEH,KAAM,KAAMC,GAAI,KAAM,CAAC,CAC7D,QACE,OAAOC,EAAcC,EAAO,IAIpC,WAAA,CAAA,IAAA6D,EAAAC,GAAA,CAyBsE,OAzBtEC,EAAAF,EAAAG,EAEQT,EAAW,CAAA,IAAA,OAAA,CAAA,OACRpE,EACL,UACAoB,EAAS,CAAEC,KAAM8C,EAAE9C,KAAMM,MAAOwC,EAAExC,MAAOS,QAAS+B,EAAE/B,QAASS,MAAOsB,EAAEtB,MAAO,CAAC,CAC9E,CAACqB,GAAWC,EAAEW,OAASX,EAAEJ,gBAAkB,QAAU,WAAa,oBAClEI,EAAEW,MAAQ,mBACVX,EAAElD,UAAY,aAAe,wBAC7BkD,EAAEL,MACH,EAAA,KACIK,EAAEtB,OAAS,CAAE,aAAcsB,EAAEtB,MAAO,CAAA,CAAA,QAChCwB,EAAW,IACpBT,UAAQ,CAAA,OAAEO,EAAEP,UAAYO,EAAEN,SAAO,CAAA,CAAA,GAAA,GAAA,CAAAkB,EAAAL,EAAAM,EAEhCzE,EAAM,CAAA,IAAA0E,UAAA,CAAA,MAAA,CAAAD,EACJ5E,EAAK,CAAA,IAAC8E,MAAI,CAAA,OAAEf,EAAEN,SAAO,IAAAoB,UAAA,CAAA,IAAAE,EAAAC,GAAA,CAG2B,OAH3BC,EAAAC,GAAA,CAAA,IAAAC,EAEXvF,EAAG,mBAAoBoB,EAAS,CAAE4B,YAAamB,EAAEH,gBAAgBC,KAAM,CAAC,CAAC,CAAAuB,EAChE,GAAGrB,EAAEH,gBAAgB3C,KAAI,IAAI,OAAAkE,IAAAD,EAAAhB,GAAAmB,EAAAN,EAAAG,EAAAhB,EAAAiB,EAAA,CAAAC,IAAAF,EAAAI,GAAAC,EAAAR,EAAA,QAAAG,EAAAI,EAAAF,EAAA,CAAAF,GAAA,CAAAhB,EAAAsB,IAAAA,GAAAF,EAAAE,IAAAA,GAAA,CAAA,CAAAT,GAAA,CAAA,CAAAH,EAIhD5E,EAAK,CAAA,IAAC8E,MAAI,CAAA,OAAEW,MAAA,CAAC1B,EAAEN,QAAO,EAAA,EAAIM,EAAEW,MAAI,IAAAG,UAAA,CAAA,OAAGd,EAAEW,MAAgB,CAAA,CAAA,EAAA,CAAA,CAAA,KAAA,CAAAC,EAAAL,OAAA,CAAA,IAAAqB,EAAAF,MAAA,CAAA,EAEvD,CAAC3B,GAAWC,EAAEc,UAAQ,CAAA,UAAtBc,GAAA,OAAA,CAAA,IAAAC,EAAAC,GAAA,CAAyD,OAAzDlB,EAAAiB,MAA+C7B,EAAEc,SAAQ,CAAAe,KAAQ,IAAA,CAAA,KAAA,CAAAtB,KAAA"}

package/dist/components/carousel/carousel.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../../utils/cn.js";import{className as t,createComponent as n,delegateEvents as r,effect as i,insert as a,memo as o,mergeProps as s,setAttribute as c,setStyleProperty as l,spread as u,template as d,use as f}from"solid-js/web";import{For as p,Show as m,createEffect as h,createMemo as g,createSignal as _,mergeProps as v,on as y,onCleanup as ee,onMount as b}from"solid-js";import x from"lucide-solid/icons/chevron-left";import S from"lucide-solid/icons/chevron-right";var C=d(`<button type=button class="car05 car06"aria-label="Previous slide">`),w=d(`<button type=button class="car05 car07"aria-label="Next slide">`),T=d(`<div class=car08>`),E=d(`<div style=--carousel-transition-duration:400ms><div class=car02>`),D=d(`<div><img>`),O=d(`<div class=car12>`),k=d(`<button type=button>`),A={horizontal:`car17`,vertical:`car18`},j=r=>{let d=v({arrows:!0,autoplay:!0,autoplaySpeed:3e3,dots:!0,infinite:!0,effect:`scrollx`},r),[j,M]=_(0),[N,P]=_(!!d.autoplay),[F,I]=_(!1),L,R,z,B=()=>d.images.length,V=()=>{z&&=(clearInterval(z),void 0)},H=(e,t)=>{if(!R||F())return;I(!0);let n=R.querySelectorAll(`.car03`),r=n[e],i=n[t];if(!r||!i){I(!1);return}let a=d.direction===`vertical`,o=a?`translateY`:`translateX`;if(d.effect===`fade`){r.style.zIndex=`1`,i.style.zIndex=`2`,i.style.transition=`none`,r.style.transition=`none`,i.style.opacity=`0`,i.offsetHeight;let e=`opacity var(--carousel-transition-duration) ease-in-out`;r.style.transition=e,i.style.transition=e,r.style.opacity=`0`,i.style.opacity=`1`,setTimeout(()=>{n.forEach((e,n)=>{let r=e;r.style.transition=`none`,r.style.opacity=n===t?`1`:`0`,r.style.zIndex=n===t?`1`:`0`}),I(!1)},400)}else{let s=a?R.offsetHeight:R.offsetWidth,c=t>e?-1:1,l=e===0&&t===B()-1||e===B()-1&&t===0,u=c;l&&(u=e===0?1:-1),i.style.transition=`none`,r.style.transition=`none`,i.style.transform=`${o}(${-u*(s-1)}px)`,i.style.opacity=`1`,i.offsetHeight;let d=`transform var(--carousel-transition-duration) ease-in-out`;r.style.transition=d,i.style.transition=d,r.style.transform=`${o}(${u*s}px)`,i.style.transform=`${o}(0px)`,setTimeout(()=>{n.forEach((e,n)=>{let r=e;r.style.transition=`none`,n===t?(r.style.transform=`${o}(0px)`,r.style.opacity=`1`):(r.style.transform=`${o}(${s}px)`,r.style.opacity=`0`)}),I(!1)},400)}},U=(e,t=!1)=>{if(F()&&!t)return;let n=j(),r=e;d.infinite?(r<0&&(r=B()-1),r>=B()&&(r=0)):(r<0&&(r=0),r>=B()&&(r=B()-1)),!(r===n&&!t)&&(d.beforeChange?.(n,r),t?(M(r),d.afterChange?.(r)):(H(n,r),M(r),d.afterChange?.(r)),N()&&d.autoplay&&(V(),Y()))},W=()=>U(j()+1),G=()=>U(j()-1),K=e=>U(e),q=()=>(P(!1),V(),{}),J=()=>d.autoplay?(P(!0),Y(),{}):{},Y=()=>{!d.autoplay||!N()||(V(),z=setInterval(()=>{F()||W()},d.autoplaySpeed))};h(function(){let e={next:W,prev:G,moveTo:K,pause:q,play:J};d.setCarouselFunction?.(e)}),h(y(()=>[d.autoplay,N()],()=>{d.autoplay&&N()?Y():V()})),b(()=>{if(R){let e=R.querySelectorAll(`.car03`),t=d.direction===`vertical`?`translateY`:`translateX`;e.forEach((e,n)=>{let r=e;d.effect===`fade`?(r.style.opacity=n===0?`1`:`0`,r.style.zIndex=n===0?`1`:`0`):(r.style.transform=n===0?`${t}(0%)`:`${t}(100%)`,r.style.opacity=n===0?`1`:`0`)})}d.autoplay&&Y()}),ee(function(){V()});let X=e=>{e===j()&&d.onClickSlide?.(e)},Z=()=>d.infinite||j()>0,Q=()=>d.infinite||j()<B()-1,te=()=>d.direction===`vertical`,ne=()=>te()?d.dotPlacement===`start`?`car15`:`car16`:d.dotPlacement===`top`?`car14`:`car13`,$=g(()=>N()&&d.autoplay&&typeof d.autoplay==`object`&&d.autoplay.dotDuration);return(()=>{var r=E(),h=r.firstChild,g=L;typeof g==`function`?f(g,r):L=r;var _=R;return typeof _==`function`?f(_,h):R=h,a(h,n(p,{get each(){return d.images},children:(n,r)=>(()=>{var a=D(),o=a.firstChild;return a.$$click=()=>X(r()),u(o,s(n,{get class(){return e(`car04`,n.class)},draggable:!1}),!1,!1),i(()=>t(a,e(`car03`,d.class?.item))),a})()})),a(r,n(m,{get when(){return d.arrows},get children(){return[n(m,{get when(){return Z()},get children(){var e=C();return e.$$click=G,a(e,n(x,{class:`size-6`})),e}}),n(m,{get when(){return Q()},get children(){var e=w();return e.$$click=W,a(e,n(S,{class:`size-6`})),e}})]}}),null),a(r,n(m,{get when(){return o(()=>!!d.dots)()&&B()>1},get children(){var r=T();return a(r,n(p,{get each(){return d.images},children:(r,o)=>(()=>{var r=k();return r.$$click=()=>U(o()),a(r,n(m,{get when(){return $()},get children(){return O()}})),i(n=>{var i=e(`car09`,j()===o()&&`car10`,$()&&`car11`),a=`Go to slide ${o()+1}`;return i!==n.e&&t(r,n.e=i),a!==n.t&&c(r,`aria-label`,n.t=a),n},{e:void 0,t:void 0}),r})()})),r}}),null),i(n=>{var i=e(`car01`,d.direction&&A[d.direction],ne(),d.class?.root),a=`${d.autoplaySpeed}ms`;return i!==n.e&&t(r,n.e=i),a!==n.t&&l(r,`--carousel-autoplay-speed`,n.t=a),n},{e:void 0,t:void 0}),r})()};r([`click`]);export{j as Carousel};
+import{cn as e}from"../../utils/cn.js";import{chevron_left_default as t}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/chevron-left.js";import{chevron_right_default as n}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/chevron-right.js";import{className as r,createComponent as i,delegateEvents as a,effect as o,insert as s,memo as c,mergeProps as l,setAttribute as u,setStyleProperty as d,spread as f,template as p,use as m}from"solid-js/web";import{For as h,Show as g,createEffect as _,createMemo as v,createSignal as y,mergeProps as b,on as x,onCleanup as ee,onMount as S}from"solid-js";var C=p(`<button type=button class="car05 car06"aria-label="Previous slide">`),w=p(`<button type=button class="car05 car07"aria-label="Next slide">`),T=p(`<div class=car08>`),E=p(`<div style=--carousel-transition-duration:400ms><div class=car02>`),D=p(`<div><img>`),O=p(`<div class=car12>`),k=p(`<button type=button>`),A={horizontal:`car17`,vertical:`car18`},j=a=>{let p=b({arrows:!0,autoplay:!0,autoplaySpeed:3e3,dots:!0,infinite:!0,effect:`scrollx`},a),[j,M]=y(0),[N,P]=y(!!p.autoplay),[F,I]=y(!1),L,R,z,B=()=>p.images.length,V=()=>{z&&=(clearInterval(z),void 0)},H=(e,t)=>{if(!R||F())return;I(!0);let n=R.querySelectorAll(`.car03`),r=n[e],i=n[t];if(!r||!i){I(!1);return}let a=p.direction===`vertical`,o=a?`translateY`:`translateX`;if(p.effect===`fade`){r.style.zIndex=`1`,i.style.zIndex=`2`,i.style.transition=`none`,r.style.transition=`none`,i.style.opacity=`0`,i.offsetHeight;let e=`opacity var(--carousel-transition-duration) ease-in-out`;r.style.transition=e,i.style.transition=e,r.style.opacity=`0`,i.style.opacity=`1`,setTimeout(()=>{n.forEach((e,n)=>{let r=e;r.style.transition=`none`,r.style.opacity=n===t?`1`:`0`,r.style.zIndex=n===t?`1`:`0`}),I(!1)},400)}else{let s=a?R.offsetHeight:R.offsetWidth,c=t>e?-1:1,l=e===0&&t===B()-1||e===B()-1&&t===0,u=c;l&&(u=e===0?1:-1),i.style.transition=`none`,r.style.transition=`none`,i.style.transform=`${o}(${-u*(s-1)}px)`,i.style.opacity=`1`,i.offsetHeight;let d=`transform var(--carousel-transition-duration) ease-in-out`;r.style.transition=d,i.style.transition=d,r.style.transform=`${o}(${u*s}px)`,i.style.transform=`${o}(0px)`,setTimeout(()=>{n.forEach((e,n)=>{let r=e;r.style.transition=`none`,n===t?(r.style.transform=`${o}(0px)`,r.style.opacity=`1`):(r.style.transform=`${o}(${s}px)`,r.style.opacity=`0`)}),I(!1)},400)}},U=(e,t=!1)=>{if(F()&&!t)return;let n=j(),r=e;p.infinite?(r<0&&(r=B()-1),r>=B()&&(r=0)):(r<0&&(r=0),r>=B()&&(r=B()-1)),!(r===n&&!t)&&(p.beforeChange?.(n,r),t?(M(r),p.afterChange?.(r)):(H(n,r),M(r),p.afterChange?.(r)),N()&&p.autoplay&&(V(),Y()))},W=()=>U(j()+1),G=()=>U(j()-1),K=e=>U(e),q=()=>(P(!1),V(),{}),J=()=>p.autoplay?(P(!0),Y(),{}):{},Y=()=>{!p.autoplay||!N()||(V(),z=setInterval(()=>{F()||W()},p.autoplaySpeed))};_(function(){let e={next:W,prev:G,moveTo:K,pause:q,play:J};p.setCarouselFunction?.(e)}),_(x(()=>[p.autoplay,N()],()=>{p.autoplay&&N()?Y():V()})),S(()=>{if(R){let e=R.querySelectorAll(`.car03`),t=p.direction===`vertical`?`translateY`:`translateX`;e.forEach((e,n)=>{let r=e;p.effect===`fade`?(r.style.opacity=n===0?`1`:`0`,r.style.zIndex=n===0?`1`:`0`):(r.style.transform=n===0?`${t}(0%)`:`${t}(100%)`,r.style.opacity=n===0?`1`:`0`)})}p.autoplay&&Y()}),ee(function(){V()});let X=e=>{e===j()&&p.onClickSlide?.(e)},Z=()=>p.infinite||j()>0,Q=()=>p.infinite||j()<B()-1,te=()=>p.direction===`vertical`,ne=()=>te()?p.dotPlacement===`start`?`car15`:`car16`:p.dotPlacement===`top`?`car14`:`car13`,$=v(()=>N()&&p.autoplay&&typeof p.autoplay==`object`&&p.autoplay.dotDuration);return(()=>{var a=E(),_=a.firstChild,v=L;typeof v==`function`?m(v,a):L=a;var y=R;return typeof y==`function`?m(y,_):R=_,s(_,i(h,{get each(){return p.images},children:(t,n)=>(()=>{var i=D(),a=i.firstChild;return i.$$click=()=>X(n()),f(a,l(t,{get class(){return e(`car04`,t.class)},draggable:!1}),!1,!1),o(()=>r(i,e(`car03`,p.class?.item))),i})()})),s(a,i(g,{get when(){return p.arrows},get children(){return[i(g,{get when(){return Z()},get children(){var e=C();return e.$$click=G,s(e,i(t,{class:`size-6`})),e}}),i(g,{get when(){return Q()},get children(){var e=w();return e.$$click=W,s(e,i(n,{class:`size-6`})),e}})]}}),null),s(a,i(g,{get when(){return c(()=>!!p.dots)()&&B()>1},get children(){var t=T();return s(t,i(h,{get each(){return p.images},children:(t,n)=>(()=>{var t=k();return t.$$click=()=>U(n()),s(t,i(g,{get when(){return $()},get children(){return O()}})),o(i=>{var a=e(`car09`,j()===n()&&`car10`,$()&&`car11`),o=`Go to slide ${n()+1}`;return a!==i.e&&r(t,i.e=a),o!==i.t&&u(t,`aria-label`,i.t=o),i},{e:void 0,t:void 0}),t})()})),t}}),null),o(t=>{var n=e(`car01`,p.direction&&A[p.direction],ne(),p.class?.root),i=`${p.autoplaySpeed}ms`;return n!==t.e&&r(a,t.e=n),i!==t.t&&d(a,`--carousel-autoplay-speed`,t.t=i),t},{e:void 0,t:void 0}),a})()};a([`click`]);export{j as Carousel};
 //# sourceMappingURL=carousel.js.map

package/dist/components/carousel/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","names":["cn","ChevronLeft","ChevronRight","Component","createEffect","createMemo","createSignal","For","mergeProps","on","onCleanup","onMount","Show","CarouselFunction","CarouselProps","VARIANTS","horizontal","vertical","Carousel","_p","p","arrows","autoplay","autoplaySpeed","dots","infinite","effect","const","currentIndex","setCurrentIndex","isPlaying","setIsPlaying","isAnimating","setIsAnimating","containerRef","HTMLDivElement","slidesRef","autoplayTimer","ReturnType","setInterval","totalSlides","images","length","transitionDuration","clearAutoplay","clearInterval","undefined","animateTransition","from","to","slides","querySelectorAll","fromSlide","HTMLElement","toSlide","direction","translateProp","style","zIndex","transition","opacity","offsetHeight","transitionValue","setTimeout","forEach","slide","index","el","size","offsetWidth","isWrapping","actualDirection","transform","goToSlide","skipAnimation","current","targetIndex","beforeChange","afterChange","startAutoplay","next","prev","moveTo","pause","play","exportCarouselFunction","carouselFunction","setCarouselFunction","stopAutoplay","handleSlideClick","onClickSlide","showPrevArrow","showNextArrow","isVertical","dotPlacementClass","dotPlacement","hasDotDuration","dotDuration","_el$","_tmpl$4","_el$2","firstChild","_ref$","_$use","_ref$2","_$insert","_$createComponent","each","children","image","_el$6","_tmpl$5","_el$7","$$click","_$spread","_$mergeProps","class","_$effect","_$className","item","when","_el$3","_tmpl$","_el$4","_tmpl$2","_$memo","_el$5","_tmpl$3","_","_el$8","_tmpl$7","_tmpl$6","_p$","_v$3","_v$4","e","t","_$setAttribute","_v$","root","_v$2","_$setStyleProperty","_$delegateEvents"],"sources":["../../../src/components/carousel/carousel.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport ChevronLeft from 'lucide-solid/icons/chevron-left';\r\nimport ChevronRight from 'lucide-solid/icons/chevron-right';\r\nimport type { Component } from 'solid-js';\r\nimport {\r\n  createEffect,\r\n  createMemo,\r\n  createSignal,\r\n  For,\r\n  mergeProps,\r\n  on,\r\n  onCleanup,\r\n  onMount,\r\n  Show,\r\n} from 'solid-js';\r\nimport type { CarouselFunction, CarouselProps } from './carousel.types';\r\nconst VARIANTS = {\r\n  horizontal: 'car17',\r\n  vertical: 'car18',\r\n};\r\n\r\nexport const Carousel: Component<CarouselProps> = _p => {\r\n  const p = mergeProps(\r\n    {\r\n      arrows: true,\r\n      autoplay: true,\r\n      autoplaySpeed: 3000,\r\n      dots: true,\r\n      infinite: true,\r\n      effect: 'scrollx' as const,\r\n    },\r\n    _p,\r\n  );\r\n\r\n  const [currentIndex, setCurrentIndex] = createSignal(0);\r\n  const [isPlaying, setIsPlaying] = createSignal(!!p.autoplay);\r\n  const [isAnimating, setIsAnimating] = createSignal(false);\r\n\r\n  let containerRef: HTMLDivElement | undefined;\r\n  let slidesRef: HTMLDivElement | undefined;\r\n  let autoplayTimer: ReturnType<typeof setInterval> | undefined;\r\n\r\n  const totalSlides = () => p.images.length;\r\n\r\n  // Animation duration for slide transitions\r\n  const transitionDuration = 400;\r\n\r\n  // Clear autoplay timer\r\n  const clearAutoplay = () => {\r\n    if (autoplayTimer) {\r\n      clearInterval(autoplayTimer);\r\n      autoplayTimer = undefined;\r\n    }\r\n  };\r\n\r\n  // Animate slide transition using CSS transitions\r\n  const animateTransition = (from: number, to: number) => {\r\n    if (!slidesRef || isAnimating()) return;\r\n\r\n    setIsAnimating(true);\r\n\r\n    const slides = slidesRef.querySelectorAll('.car03');\r\n    const fromSlide = slides[from] as HTMLElement;\r\n    const toSlide = slides[to] as HTMLElement;\r\n\r\n    if (!fromSlide || !toSlide) {\r\n      setIsAnimating(false);\r\n      return;\r\n    }\r\n\r\n    const vertical = p.direction === 'vertical';\r\n    const translateProp = vertical ? 'translateY' : 'translateX';\r\n\r\n    if (p.effect === 'fade') {\r\n      // Fade effect\r\n      fromSlide.style.zIndex = '1';\r\n      toSlide.style.zIndex = '2';\r\n      toSlide.style.transition = 'none';\r\n      fromSlide.style.transition = 'none';\r\n      toSlide.style.opacity = '0';\r\n\r\n      // Force reflow to apply initial state\r\n      void toSlide.offsetHeight;\r\n\r\n      // Apply CSS transition and target values\r\n      const transitionValue = 'opacity var(--carousel-transition-duration) ease-in-out';\r\n      fromSlide.style.transition = transitionValue;\r\n      toSlide.style.transition = transitionValue;\r\n\r\n      fromSlide.style.opacity = '0';\r\n      toSlide.style.opacity = '1';\r\n\r\n      setTimeout(() => {\r\n        slides.forEach((slide, index) => {\r\n          const el = slide as HTMLElement;\r\n          el.style.transition = 'none';\r\n          el.style.opacity = index === to ? '1' : '0';\r\n          el.style.zIndex = index === to ? '1' : '0';\r\n        });\r\n        setIsAnimating(false);\r\n      }, transitionDuration);\r\n    } else {\r\n      // Scrollx effect (default)\r\n      // Use pixel-based transforms with 1px overlap to eliminate sub-pixel gap\r\n      const size = vertical ? slidesRef.offsetHeight : slidesRef.offsetWidth;\r\n      const direction = to > from ? -1 : 1;\r\n      const isWrapping =\r\n        (from === 0 && to === totalSlides() - 1) || (from === totalSlides() - 1 && to === 0);\r\n\r\n      let actualDirection = direction;\r\n      if (isWrapping) {\r\n        actualDirection = from === 0 ? 1 : -1;\r\n      }\r\n\r\n      // Position the target slide without transition (1px overlap to prevent gap)\r\n      toSlide.style.transition = 'none';\r\n      fromSlide.style.transition = 'none';\r\n      toSlide.style.transform = `${translateProp}(${-actualDirection * (size - 1)}px)`;\r\n      toSlide.style.opacity = '1';\r\n\r\n      // Force reflow to apply initial position\r\n      void toSlide.offsetHeight;\r\n\r\n      // Apply CSS transition and target values\r\n      const transitionValue = 'transform var(--carousel-transition-duration) ease-in-out';\r\n      fromSlide.style.transition = transitionValue;\r\n      toSlide.style.transition = transitionValue;\r\n\r\n      fromSlide.style.transform = `${translateProp}(${actualDirection * size}px)`;\r\n      toSlide.style.transform = `${translateProp}(0px)`;\r\n\r\n      setTimeout(() => {\r\n        slides.forEach((slide, index) => {\r\n          const el = slide as HTMLElement;\r\n          el.style.transition = 'none';\r\n          if (index === to) {\r\n            el.style.transform = `${translateProp}(0px)`;\r\n            el.style.opacity = '1';\r\n          } else {\r\n            el.style.transform = `${translateProp}(${size}px)`;\r\n            el.style.opacity = '0';\r\n          }\r\n        });\r\n        setIsAnimating(false);\r\n      }, transitionDuration);\r\n    }\r\n  };\r\n\r\n  // Go to specific slide\r\n  const goToSlide = (index: number, skipAnimation = false) => {\r\n    if (isAnimating() && !skipAnimation) return;\r\n\r\n    const current = currentIndex();\r\n    let targetIndex = index;\r\n\r\n    // Handle boundaries\r\n    if (p.infinite) {\r\n      if (targetIndex < 0) targetIndex = totalSlides() - 1;\r\n      if (targetIndex >= totalSlides()) targetIndex = 0;\r\n    } else {\r\n      if (targetIndex < 0) targetIndex = 0;\r\n      if (targetIndex >= totalSlides()) targetIndex = totalSlides() - 1;\r\n    }\r\n\r\n    if (targetIndex === current && !skipAnimation) return;\r\n\r\n    p.beforeChange?.(current, targetIndex);\r\n\r\n    if (skipAnimation) {\r\n      setCurrentIndex(targetIndex);\r\n      p.afterChange?.(targetIndex);\r\n    } else {\r\n      animateTransition(current, targetIndex);\r\n      setCurrentIndex(targetIndex);\r\n      p.afterChange?.(targetIndex);\r\n    }\r\n\r\n    // Reset autoplay timer and progress animation when slide changes\r\n    if (isPlaying() && p.autoplay) {\r\n      clearAutoplay();\r\n      startAutoplay();\r\n    }\r\n  };\r\n\r\n  // Navigation functions\r\n  const next = () => goToSlide(currentIndex() + 1);\r\n  const prev = () => goToSlide(currentIndex() - 1);\r\n  const moveTo = (index: number) => goToSlide(index);\r\n\r\n  const pause = () => {\r\n    setIsPlaying(false);\r\n    clearAutoplay();\r\n    return {};\r\n  };\r\n\r\n  const play = () => {\r\n    if (!p.autoplay) return {};\r\n    setIsPlaying(true);\r\n    startAutoplay();\r\n    return {};\r\n  };\r\n\r\n  // Start autoplay\r\n  const startAutoplay = () => {\r\n    if (!p.autoplay || !isPlaying()) return;\r\n\r\n    clearAutoplay();\r\n\r\n    autoplayTimer = setInterval(() => {\r\n      if (!isAnimating()) {\r\n        next();\r\n      }\r\n    }, p.autoplaySpeed);\r\n  };\r\n\r\n  // Export carousel functions\r\n  createEffect(function exportCarouselFunction() {\r\n    const carouselFunction: CarouselFunction = {\r\n      next,\r\n      prev,\r\n      moveTo,\r\n      pause,\r\n      play,\r\n    };\r\n    p.setCarouselFunction?.(carouselFunction);\r\n  });\r\n\r\n  // Handle autoplay\r\n  createEffect(\r\n    on(\r\n      () => [p.autoplay, isPlaying()],\r\n      () => {\r\n        if (p.autoplay && isPlaying()) {\r\n          startAutoplay();\r\n        } else {\r\n          clearAutoplay();\r\n        }\r\n      },\r\n    ),\r\n  );\r\n\r\n  // Initialize slides\r\n  onMount(() => {\r\n    if (slidesRef) {\r\n      const slides = slidesRef.querySelectorAll('.car03');\r\n      const vertical = p.direction === 'vertical';\r\n      const translateProp = vertical ? 'translateY' : 'translateX';\r\n\r\n      slides.forEach((slide, index) => {\r\n        const el = slide as HTMLElement;\r\n        if (p.effect === 'fade') {\r\n          el.style.opacity = index === 0 ? '1' : '0';\r\n          el.style.zIndex = index === 0 ? '1' : '0';\r\n        } else {\r\n          el.style.transform = index === 0 ? `${translateProp}(0%)` : `${translateProp}(100%)`;\r\n          el.style.opacity = index === 0 ? '1' : '0';\r\n        }\r\n      });\r\n    }\r\n\r\n    if (p.autoplay) {\r\n      startAutoplay();\r\n    }\r\n  });\r\n\r\n  // Cleanup\r\n  onCleanup(function stopAutoplay() {\r\n    clearAutoplay();\r\n  });\r\n\r\n  // Handle click on slide\r\n  const handleSlideClick = (index: number) => {\r\n    if (index === currentIndex()) {\r\n      p.onClickSlide?.(index);\r\n    }\r\n  };\r\n\r\n  const showPrevArrow = () => p.infinite || currentIndex() > 0;\r\n  const showNextArrow = () => p.infinite || currentIndex() < totalSlides() - 1;\r\n\r\n  const isVertical = () => p.direction === 'vertical';\r\n\r\n  // Constrain dotPlacement based on direction\r\n  const dotPlacementClass = () => {\r\n    if (isVertical()) {\r\n      // Vertical: only 'start' or 'end' allowed\r\n      if (p.dotPlacement === 'start') return 'car15';\r\n      return 'car16'; // default for vertical\r\n    } else {\r\n      // Horizontal: only 'top' or 'bottom' allowed\r\n      if (p.dotPlacement === 'top') return 'car14';\r\n      return 'car13'; // default for horizontal\r\n    }\r\n  };\r\n\r\n  const hasDotDuration = createMemo(\r\n    () => isPlaying() && p.autoplay && typeof p.autoplay === 'object' && p.autoplay.dotDuration,\r\n  );\r\n\r\n  return (\r\n    <div\r\n      ref={containerRef}\r\n      class={cn(\r\n        'car01',\r\n        p.direction && VARIANTS[p.direction],\r\n        dotPlacementClass(),\r\n        p.class?.root,\r\n      )}\r\n      style={{\r\n        '--carousel-transition-duration': `${transitionDuration}ms`,\r\n        '--carousel-autoplay-speed': `${p.autoplaySpeed}ms`,\r\n      }}\r\n    >\r\n      {/* Slides container */}\r\n      <div ref={slidesRef} class=\"car02\">\r\n        <For each={p.images}>\r\n          {(image, index) => (\r\n            <div\r\n              class={cn('car03', p.class?.item)}\r\n              onClick={() => handleSlideClick(index())}\r\n            >\r\n              <img {...image} class={cn('car04', image.class)} draggable={false} />\r\n            </div>\r\n          )}\r\n        </For>\r\n      </div>\r\n\r\n      {/* Arrows */}\r\n      <Show when={p.arrows}>\r\n        <Show when={showPrevArrow()}>\r\n          <button\r\n            type=\"button\"\r\n            class=\"car05 car06\"\r\n            onClick={prev}\r\n            aria-label=\"Previous slide\"\r\n          >\r\n            <ChevronLeft class=\"size-6\" />\r\n          </button>\r\n        </Show>\r\n        <Show when={showNextArrow()}>\r\n          <button\r\n            type=\"button\"\r\n            class=\"car05 car07\"\r\n            onClick={next}\r\n            aria-label=\"Next slide\"\r\n          >\r\n            <ChevronRight class=\"size-6\" />\r\n          </button>\r\n        </Show>\r\n      </Show>\r\n\r\n      {/* Dots */}\r\n      <Show when={p.dots && totalSlides() > 1}>\r\n        <div class=\"car08\">\r\n          <For each={p.images}>\r\n            {(_, index) => (\r\n              <button\r\n                type=\"button\"\r\n                class={cn(\r\n                  'car09',\r\n                  currentIndex() === index() && 'car10',\r\n                  hasDotDuration() && 'car11',\r\n                )}\r\n                onClick={() => goToSlide(index())}\r\n                aria-label={`Go to slide ${index() + 1}`}\r\n              >\r\n                <Show when={hasDotDuration()}>\r\n                  <div class=\"car12\" />\r\n                </Show>\r\n              </button>\r\n            )}\r\n          </For>\r\n        </div>\r\n      </Show>\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"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"}
+{"version":3,"file":"carousel.js","names":["cn","ChevronLeft","ChevronRight","Component","createEffect","createMemo","createSignal","For","mergeProps","on","onCleanup","onMount","Show","CarouselFunction","CarouselProps","VARIANTS","horizontal","vertical","Carousel","_p","p","arrows","autoplay","autoplaySpeed","dots","infinite","effect","const","currentIndex","setCurrentIndex","isPlaying","setIsPlaying","isAnimating","setIsAnimating","containerRef","HTMLDivElement","slidesRef","autoplayTimer","ReturnType","setInterval","totalSlides","images","length","transitionDuration","clearAutoplay","clearInterval","undefined","animateTransition","from","to","slides","querySelectorAll","fromSlide","HTMLElement","toSlide","direction","translateProp","style","zIndex","transition","opacity","offsetHeight","transitionValue","setTimeout","forEach","slide","index","el","size","offsetWidth","isWrapping","actualDirection","transform","goToSlide","skipAnimation","current","targetIndex","beforeChange","afterChange","startAutoplay","next","prev","moveTo","pause","play","exportCarouselFunction","carouselFunction","setCarouselFunction","stopAutoplay","handleSlideClick","onClickSlide","showPrevArrow","showNextArrow","isVertical","dotPlacementClass","dotPlacement","hasDotDuration","dotDuration","_el$","_tmpl$4","_el$2","firstChild","_ref$","_$use","_ref$2","_$insert","_$createComponent","each","children","image","_el$6","_tmpl$5","_el$7","$$click","_$spread","_$mergeProps","class","_$effect","_$className","item","when","_el$3","_tmpl$","_el$4","_tmpl$2","_$memo","_el$5","_tmpl$3","_","_el$8","_tmpl$7","_tmpl$6","_p$","_v$3","_v$4","e","t","_$setAttribute","_v$","root","_v$2","_$setStyleProperty","_$delegateEvents"],"sources":["../../../src/components/carousel/carousel.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport ChevronLeft from 'lucide-solid/icons/chevron-left';\nimport ChevronRight from 'lucide-solid/icons/chevron-right';\nimport type { Component } from 'solid-js';\nimport {\n  createEffect,\n  createMemo,\n  createSignal,\n  For,\n  mergeProps,\n  on,\n  onCleanup,\n  onMount,\n  Show,\n} from 'solid-js';\nimport type { CarouselFunction, CarouselProps } from './carousel.types';\nconst VARIANTS = {\n  horizontal: 'car17',\n  vertical: 'car18',\n};\n\nexport const Carousel: Component<CarouselProps> = _p => {\n  const p = mergeProps(\n    {\n      arrows: true,\n      autoplay: true,\n      autoplaySpeed: 3000,\n      dots: true,\n      infinite: true,\n      effect: 'scrollx' as const,\n    },\n    _p,\n  );\n\n  const [currentIndex, setCurrentIndex] = createSignal(0);\n  const [isPlaying, setIsPlaying] = createSignal(!!p.autoplay);\n  const [isAnimating, setIsAnimating] = createSignal(false);\n\n  let containerRef: HTMLDivElement | undefined;\n  let slidesRef: HTMLDivElement | undefined;\n  let autoplayTimer: ReturnType<typeof setInterval> | undefined;\n\n  const totalSlides = () => p.images.length;\n\n  // Animation duration for slide transitions\n  const transitionDuration = 400;\n\n  // Clear autoplay timer\n  const clearAutoplay = () => {\n    if (autoplayTimer) {\n      clearInterval(autoplayTimer);\n      autoplayTimer = undefined;\n    }\n  };\n\n  // Animate slide transition using CSS transitions\n  const animateTransition = (from: number, to: number) => {\n    if (!slidesRef || isAnimating()) return;\n\n    setIsAnimating(true);\n\n    const slides = slidesRef.querySelectorAll('.car03');\n    const fromSlide = slides[from] as HTMLElement;\n    const toSlide = slides[to] as HTMLElement;\n\n    if (!fromSlide || !toSlide) {\n      setIsAnimating(false);\n      return;\n    }\n\n    const vertical = p.direction === 'vertical';\n    const translateProp = vertical ? 'translateY' : 'translateX';\n\n    if (p.effect === 'fade') {\n      // Fade effect\n      fromSlide.style.zIndex = '1';\n      toSlide.style.zIndex = '2';\n      toSlide.style.transition = 'none';\n      fromSlide.style.transition = 'none';\n      toSlide.style.opacity = '0';\n\n      // Force reflow to apply initial state\n      void toSlide.offsetHeight;\n\n      // Apply CSS transition and target values\n      const transitionValue = 'opacity var(--carousel-transition-duration) ease-in-out';\n      fromSlide.style.transition = transitionValue;\n      toSlide.style.transition = transitionValue;\n\n      fromSlide.style.opacity = '0';\n      toSlide.style.opacity = '1';\n\n      setTimeout(() => {\n        slides.forEach((slide, index) => {\n          const el = slide as HTMLElement;\n          el.style.transition = 'none';\n          el.style.opacity = index === to ? '1' : '0';\n          el.style.zIndex = index === to ? '1' : '0';\n        });\n        setIsAnimating(false);\n      }, transitionDuration);\n    } else {\n      // Scrollx effect (default)\n      // Use pixel-based transforms with 1px overlap to eliminate sub-pixel gap\n      const size = vertical ? slidesRef.offsetHeight : slidesRef.offsetWidth;\n      const direction = to > from ? -1 : 1;\n      const isWrapping =\n        (from === 0 && to === totalSlides() - 1) || (from === totalSlides() - 1 && to === 0);\n\n      let actualDirection = direction;\n      if (isWrapping) {\n        actualDirection = from === 0 ? 1 : -1;\n      }\n\n      // Position the target slide without transition (1px overlap to prevent gap)\n      toSlide.style.transition = 'none';\n      fromSlide.style.transition = 'none';\n      toSlide.style.transform = `${translateProp}(${-actualDirection * (size - 1)}px)`;\n      toSlide.style.opacity = '1';\n\n      // Force reflow to apply initial position\n      void toSlide.offsetHeight;\n\n      // Apply CSS transition and target values\n      const transitionValue = 'transform var(--carousel-transition-duration) ease-in-out';\n      fromSlide.style.transition = transitionValue;\n      toSlide.style.transition = transitionValue;\n\n      fromSlide.style.transform = `${translateProp}(${actualDirection * size}px)`;\n      toSlide.style.transform = `${translateProp}(0px)`;\n\n      setTimeout(() => {\n        slides.forEach((slide, index) => {\n          const el = slide as HTMLElement;\n          el.style.transition = 'none';\n          if (index === to) {\n            el.style.transform = `${translateProp}(0px)`;\n            el.style.opacity = '1';\n          } else {\n            el.style.transform = `${translateProp}(${size}px)`;\n            el.style.opacity = '0';\n          }\n        });\n        setIsAnimating(false);\n      }, transitionDuration);\n    }\n  };\n\n  // Go to specific slide\n  const goToSlide = (index: number, skipAnimation = false) => {\n    if (isAnimating() && !skipAnimation) return;\n\n    const current = currentIndex();\n    let targetIndex = index;\n\n    // Handle boundaries\n    if (p.infinite) {\n      if (targetIndex < 0) targetIndex = totalSlides() - 1;\n      if (targetIndex >= totalSlides()) targetIndex = 0;\n    } else {\n      if (targetIndex < 0) targetIndex = 0;\n      if (targetIndex >= totalSlides()) targetIndex = totalSlides() - 1;\n    }\n\n    if (targetIndex === current && !skipAnimation) return;\n\n    p.beforeChange?.(current, targetIndex);\n\n    if (skipAnimation) {\n      setCurrentIndex(targetIndex);\n      p.afterChange?.(targetIndex);\n    } else {\n      animateTransition(current, targetIndex);\n      setCurrentIndex(targetIndex);\n      p.afterChange?.(targetIndex);\n    }\n\n    // Reset autoplay timer and progress animation when slide changes\n    if (isPlaying() && p.autoplay) {\n      clearAutoplay();\n      startAutoplay();\n    }\n  };\n\n  // Navigation functions\n  const next = () => goToSlide(currentIndex() + 1);\n  const prev = () => goToSlide(currentIndex() - 1);\n  const moveTo = (index: number) => goToSlide(index);\n\n  const pause = () => {\n    setIsPlaying(false);\n    clearAutoplay();\n    return {};\n  };\n\n  const play = () => {\n    if (!p.autoplay) return {};\n    setIsPlaying(true);\n    startAutoplay();\n    return {};\n  };\n\n  // Start autoplay\n  const startAutoplay = () => {\n    if (!p.autoplay || !isPlaying()) return;\n\n    clearAutoplay();\n\n    autoplayTimer = setInterval(() => {\n      if (!isAnimating()) {\n        next();\n      }\n    }, p.autoplaySpeed);\n  };\n\n  // Export carousel functions\n  createEffect(function exportCarouselFunction() {\n    const carouselFunction: CarouselFunction = {\n      next,\n      prev,\n      moveTo,\n      pause,\n      play,\n    };\n    p.setCarouselFunction?.(carouselFunction);\n  });\n\n  // Handle autoplay\n  createEffect(\n    on(\n      () => [p.autoplay, isPlaying()],\n      () => {\n        if (p.autoplay && isPlaying()) {\n          startAutoplay();\n        } else {\n          clearAutoplay();\n        }\n      },\n    ),\n  );\n\n  // Initialize slides\n  onMount(() => {\n    if (slidesRef) {\n      const slides = slidesRef.querySelectorAll('.car03');\n      const vertical = p.direction === 'vertical';\n      const translateProp = vertical ? 'translateY' : 'translateX';\n\n      slides.forEach((slide, index) => {\n        const el = slide as HTMLElement;\n        if (p.effect === 'fade') {\n          el.style.opacity = index === 0 ? '1' : '0';\n          el.style.zIndex = index === 0 ? '1' : '0';\n        } else {\n          el.style.transform = index === 0 ? `${translateProp}(0%)` : `${translateProp}(100%)`;\n          el.style.opacity = index === 0 ? '1' : '0';\n        }\n      });\n    }\n\n    if (p.autoplay) {\n      startAutoplay();\n    }\n  });\n\n  // Cleanup\n  onCleanup(function stopAutoplay() {\n    clearAutoplay();\n  });\n\n  // Handle click on slide\n  const handleSlideClick = (index: number) => {\n    if (index === currentIndex()) {\n      p.onClickSlide?.(index);\n    }\n  };\n\n  const showPrevArrow = () => p.infinite || currentIndex() > 0;\n  const showNextArrow = () => p.infinite || currentIndex() < totalSlides() - 1;\n\n  const isVertical = () => p.direction === 'vertical';\n\n  // Constrain dotPlacement based on direction\n  const dotPlacementClass = () => {\n    if (isVertical()) {\n      // Vertical: only 'start' or 'end' allowed\n      if (p.dotPlacement === 'start') return 'car15';\n      return 'car16'; // default for vertical\n    } else {\n      // Horizontal: only 'top' or 'bottom' allowed\n      if (p.dotPlacement === 'top') return 'car14';\n      return 'car13'; // default for horizontal\n    }\n  };\n\n  const hasDotDuration = createMemo(\n    () => isPlaying() && p.autoplay && typeof p.autoplay === 'object' && p.autoplay.dotDuration,\n  );\n\n  return (\n    <div\n      ref={containerRef}\n      class={cn(\n        'car01',\n        p.direction && VARIANTS[p.direction],\n        dotPlacementClass(),\n        p.class?.root,\n      )}\n      style={{\n        '--carousel-transition-duration': `${transitionDuration}ms`,\n        '--carousel-autoplay-speed': `${p.autoplaySpeed}ms`,\n      }}\n    >\n      {/* Slides container */}\n      <div ref={slidesRef} class=\"car02\">\n        <For each={p.images}>\n          {(image, index) => (\n            <div\n              class={cn('car03', p.class?.item)}\n              onClick={() => handleSlideClick(index())}\n            >\n              <img {...image} class={cn('car04', image.class)} draggable={false} />\n            </div>\n          )}\n        </For>\n      </div>\n\n      {/* Arrows */}\n      <Show when={p.arrows}>\n        <Show when={showPrevArrow()}>\n          <button\n            type=\"button\"\n            class=\"car05 car06\"\n            onClick={prev}\n            aria-label=\"Previous slide\"\n          >\n            <ChevronLeft class=\"size-6\" />\n          </button>\n        </Show>\n        <Show when={showNextArrow()}>\n          <button\n            type=\"button\"\n            class=\"car05 car07\"\n            onClick={next}\n            aria-label=\"Next slide\"\n          >\n            <ChevronRight class=\"size-6\" />\n          </button>\n        </Show>\n      </Show>\n\n      {/* Dots */}\n      <Show when={p.dots && totalSlides() > 1}>\n        <div class=\"car08\">\n          <For each={p.images}>\n            {(_, index) => (\n              <button\n                type=\"button\"\n                class={cn(\n                  'car09',\n                  currentIndex() === index() && 'car10',\n                  hasDotDuration() && 'car11',\n                )}\n                onClick={() => goToSlide(index())}\n                aria-label={`Go to slide ${index() + 1}`}\n              >\n                <Show when={hasDotDuration()}>\n                  <div class=\"car12\" />\n                </Show>\n              </button>\n            )}\n          </For>\n        </div>\n      </Show>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/chat-bubble/chatBubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"chatBubble.js","names":["cn","cva","VariantProps","Component","Show","ChatBubbleProps","variants","color","default","neutral","primary","secondary","accent","info","success","warning","error","align","start","end","ChatBubbleVariantsProps","ChatBubble","props","_el$","_tmpl$","_$insert","_$createComponent","when","avatar","children","_el$2","Element","_$effect","_$className","class","header","_el$3","bubble","_el$4","footer","_el$5"],"sources":["../../../src/components/chat-bubble/chatBubble.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { cva, VariantProps } from 'class-variance-authority';\r\nimport { Component, Show } from 'solid-js';\r\nimport { ChatBubbleProps } from './chatBubble.type';\r\n\r\nconst variants = cva('', {\r\n  variants: {\r\n    color: {\r\n      default: '',\r\n      neutral: 'chat-bubble-neutral',\r\n      primary: 'chat-bubble-primary',\r\n      secondary: 'chat-bubble-secondary',\r\n      accent: 'chat-bubble-accent',\r\n      info: 'chat-bubble-info',\r\n      success: 'chat-bubble-success',\r\n      warning: 'chat-bubble-warning',\r\n      error: 'chat-bubble-error',\r\n    },\r\n    align: {\r\n      start: 'chat-start',\r\n      end: 'chat-end',\r\n    },\r\n  },\r\n});\r\nexport type ChatBubbleVariantsProps = VariantProps<typeof variants>;\r\nexport const ChatBubble: Component<ChatBubbleProps> = props => {\r\n  return (\r\n    <>\r\n      <div class={cn('chat', variants({ align: props.align }))}>\r\n        <Show when={props.avatar}>\r\n          <div class={cn('chat-image', props.class?.avatar)}>{props.avatar as Element}</div>\r\n        </Show>\r\n        <Show when={props.header}>\r\n          <div class={cn('chat-header', props.class?.header)}>{props.header as Element}</div>\r\n        </Show>\r\n        <Show when={props.bubble}>\r\n          <div class={cn('chat-bubble', variants({ color: props.color }), props.class?.bubble)}>\r\n            {props.bubble as Element}\r\n          </div>\r\n        </Show>\r\n        <Show when={props.footer}>\r\n          <div class={cn('chat-footer', props.class?.footer)}>{props.bubble as Element}</div>\r\n        </Show>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n"],"mappings":"2OAKMM,EAAWL,EAAI,GAAI,CACvBK,SAAU,CACRC,MAAO,CACLC,QAAS,GACTC,QAAS,sBACTC,QAAS,sBACTC,UAAW,wBACXC,OAAQ,qBACRC,KAAM,mBACNC,QAAS,sBACTC,QAAS,sBACTC,MAAO,oBACR,CACDC,MAAO,CACLC,MAAO,aACPC,IAAK,WACP,CACF,CACD,CAAC,CAEWE,EAAyCC,QACpD,CAAA,IAAAC,EAAAC,GAAA,CAE4D,OAF5DC,EAAAF,EAAAG,EAGOtB,EAAI,CAAA,IAACuB,MAAI,CAAA,OAAEL,EAAMM,QAAM,IAAAC,UAAA,CAAA,IAAAC,EAAAN,GAAA,CAC2B,OAD3BC,EAAAK,MAC8BR,EAAMM,OAAiB,CAAAI,MAAAC,EAAAH,EAA/D9B,EAAG,aAAcsB,EAAMY,OAAON,OAAO,CAAA,CAAA,CAAAE,GAAA,CAAA,CAAA,KAAA,CAAAL,EAAAF,EAAAG,EAElDtB,EAAI,CAAA,IAACuB,MAAI,CAAA,OAAEL,EAAMa,QAAM,IAAAN,UAAA,CAAA,IAAAO,EAAAZ,GAAA,CAC4B,OAD5BC,EAAAW,MAC+Bd,EAAMa,OAAiB,CAAAH,MAAAC,EAAAG,EAAhEpC,EAAG,cAAesB,EAAMY,OAAOC,OAAO,CAAA,CAAA,CAAAC,GAAA,CAAA,CAAA,KAAA,CAAAX,EAAAF,EAAAG,EAEnDtB,EAAI,CAAA,IAACuB,MAAI,CAAA,OAAEL,EAAMe,QAAM,IAAAR,UAAA,CAAA,IAAAS,EAAAd,GAAA,CAC8D,OAD9DC,EAAAa,MAEnBhB,EAAMe,OAAiB,CAAAL,MAAAC,EAAAK,EADdtC,EAAG,cAAeM,EAAS,CAAEC,MAAOe,EAAMf,MAAO,CAAC,CAAEe,EAAMY,OAAOG,OAAO,CAAA,CAAA,CAAAC,GAAA,CAAA,CAAA,KAAA,CAAAb,EAAAF,EAAAG,EAIrFtB,EAAI,CAAA,IAACuB,MAAI,CAAA,OAAEL,EAAMiB,QAAM,IAAAV,UAAA,CAAA,IAAAW,EAAAhB,GAAA,CAC4B,OAD5BC,EAAAe,MAC+BlB,EAAMe,OAAiB,CAAAL,MAAAC,EAAAO,EAAhExC,EAAG,cAAesB,EAAMY,OAAOK,OAAO,CAAA,CAAA,CAAAC,GAAA,CAAA,CAAA,KAAA,CAAAR,MAAAC,EAAAV,EAb1CvB,EAAG,OAAQM,EAAS,CAAEW,MAAOK,EAAML,MAAO,CAAC,CAAC,CAAA,CAAA,CAAAM,KAAA"}
+{"version":3,"file":"chatBubble.js","names":["cn","cva","VariantProps","Component","Show","ChatBubbleProps","variants","color","default","neutral","primary","secondary","accent","info","success","warning","error","align","start","end","ChatBubbleVariantsProps","ChatBubble","props","_el$","_tmpl$","_$insert","_$createComponent","when","avatar","children","_el$2","Element","_$effect","_$className","class","header","_el$3","bubble","_el$4","footer","_el$5"],"sources":["../../../src/components/chat-bubble/chatBubble.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport { Component, Show } from 'solid-js';\nimport { ChatBubbleProps } from './chatBubble.type';\n\nconst variants = cva('', {\n  variants: {\n    color: {\n      default: '',\n      neutral: 'chat-bubble-neutral',\n      primary: 'chat-bubble-primary',\n      secondary: 'chat-bubble-secondary',\n      accent: 'chat-bubble-accent',\n      info: 'chat-bubble-info',\n      success: 'chat-bubble-success',\n      warning: 'chat-bubble-warning',\n      error: 'chat-bubble-error',\n    },\n    align: {\n      start: 'chat-start',\n      end: 'chat-end',\n    },\n  },\n});\nexport type ChatBubbleVariantsProps = VariantProps<typeof variants>;\nexport const ChatBubble: Component<ChatBubbleProps> = props => {\n  return (\n    <>\n      <div class={cn('chat', variants({ align: props.align }))}>\n        <Show when={props.avatar}>\n          <div class={cn('chat-image', props.class?.avatar)}>{props.avatar as Element}</div>\n        </Show>\n        <Show when={props.header}>\n          <div class={cn('chat-header', props.class?.header)}>{props.header as Element}</div>\n        </Show>\n        <Show when={props.bubble}>\n          <div class={cn('chat-bubble', variants({ color: props.color }), props.class?.bubble)}>\n            {props.bubble as Element}\n          </div>\n        </Show>\n        <Show when={props.footer}>\n          <div class={cn('chat-footer', props.class?.footer)}>{props.bubble as Element}</div>\n        </Show>\n      </div>\n    </>\n  );\n};\n"],"mappings":"2OAKMM,EAAWL,EAAI,GAAI,CACvBK,SAAU,CACRC,MAAO,CACLC,QAAS,GACTC,QAAS,sBACTC,QAAS,sBACTC,UAAW,wBACXC,OAAQ,qBACRC,KAAM,mBACNC,QAAS,sBACTC,QAAS,sBACTC,MAAO,oBACR,CACDC,MAAO,CACLC,MAAO,aACPC,IAAK,WACP,CACF,CACD,CAAC,CAEWE,EAAyCC,QACpD,CAAA,IAAAC,EAAAC,GAAA,CAE4D,OAF5DC,EAAAF,EAAAG,EAGOtB,EAAI,CAAA,IAACuB,MAAI,CAAA,OAAEL,EAAMM,QAAM,IAAAC,UAAA,CAAA,IAAAC,EAAAN,GAAA,CAC2B,OAD3BC,EAAAK,MAC8BR,EAAMM,OAAiB,CAAAI,MAAAC,EAAAH,EAA/D9B,EAAG,aAAcsB,EAAMY,OAAON,OAAO,CAAA,CAAA,CAAAE,GAAA,CAAA,CAAA,KAAA,CAAAL,EAAAF,EAAAG,EAElDtB,EAAI,CAAA,IAACuB,MAAI,CAAA,OAAEL,EAAMa,QAAM,IAAAN,UAAA,CAAA,IAAAO,EAAAZ,GAAA,CAC4B,OAD5BC,EAAAW,MAC+Bd,EAAMa,OAAiB,CAAAH,MAAAC,EAAAG,EAAhEpC,EAAG,cAAesB,EAAMY,OAAOC,OAAO,CAAA,CAAA,CAAAC,GAAA,CAAA,CAAA,KAAA,CAAAX,EAAAF,EAAAG,EAEnDtB,EAAI,CAAA,IAACuB,MAAI,CAAA,OAAEL,EAAMe,QAAM,IAAAR,UAAA,CAAA,IAAAS,EAAAd,GAAA,CAC8D,OAD9DC,EAAAa,MAEnBhB,EAAMe,OAAiB,CAAAL,MAAAC,EAAAK,EADdtC,EAAG,cAAeM,EAAS,CAAEC,MAAOe,EAAMf,MAAO,CAAC,CAAEe,EAAMY,OAAOG,OAAO,CAAA,CAAA,CAAAC,GAAA,CAAA,CAAA,KAAA,CAAAb,EAAAF,EAAAG,EAIrFtB,EAAI,CAAA,IAACuB,MAAI,CAAA,OAAEL,EAAMiB,QAAM,IAAAV,UAAA,CAAA,IAAAW,EAAAhB,GAAA,CAC4B,OAD5BC,EAAAe,MAC+BlB,EAAMe,OAAiB,CAAAL,MAAAC,EAAAO,EAAhExC,EAAG,cAAesB,EAAMY,OAAOK,OAAO,CAAA,CAAA,CAAAC,GAAA,CAAA,CAAA,KAAA,CAAAR,MAAAC,EAAAV,EAb1CvB,EAAG,OAAQM,EAAS,CAAEW,MAAOK,EAAML,MAAO,CAAC,CAAC,CAAA,CAAA,CAAAM,KAAA"}

package/dist/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["cn","cva","VariantProps","Component","createEffect","createUniqueId","mergeProps","CheckboxProps","id","name","defaultChecked","indeterminate","class","size","CheckboxVariantsProps","color","disabled","onChange","checked","value","variants","xs","sm","md","lg","xl","default","neutral","primary","secondary","accent","info","success","warning","error","Checkbox","p","_el$","_tmpl$","_$use","ref","_$spread","_$mergeProps","e","preventDefault","target","_$memo"],"sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { cva, VariantProps } from 'class-variance-authority';\r\nimport { Component, createEffect, createUniqueId, mergeProps } from 'solid-js';\r\n\r\ntype CheckboxProps = {\r\n  id?: string;\r\n  name?: string;\r\n  defaultChecked: boolean;\r\n  indeterminate?: boolean;\r\n  class?: string;\r\n  size?: CheckboxVariantsProps['size'];\r\n  color?: CheckboxVariantsProps['color'];\r\n  disabled?: boolean;\r\n  onChange?: (checked: boolean | null) => void;\r\n  value?: string;\r\n};\r\n\r\nconst variants = cva('checkbox', {\r\n  variants: {\r\n    size: {\r\n      xs: 'checkbox-xs',\r\n      sm: 'checkbox-sm',\r\n      md: 'checkbox-md',\r\n      lg: 'checkbox-lg',\r\n      xl: 'checkbox-xl',\r\n    },\r\n    color: {\r\n      default: '',\r\n      neutral: 'checkbox-neutral',\r\n      primary: 'checkbox-primary',\r\n      secondary: 'checkbox-secondary',\r\n      accent: 'checkbox-accent',\r\n      info: 'checkbox-info',\r\n      success: 'checkbox-success',\r\n      warning: 'checkbox-warning',\r\n      error: 'checkbox-error',\r\n    },\r\n  },\r\n});\r\n\r\nexport type CheckboxVariantsProps = VariantProps<typeof variants>;\r\n\r\nexport const Checkbox: Component<CheckboxProps> = p => {\r\n  p = mergeProps(\r\n    { size: 'xs', color: 'primary', id: createUniqueId(), defaultChecked: false } as CheckboxProps,\r\n    p,\r\n  );\r\n\r\n  return (\r\n    <input\r\n      ref={ref => {\r\n        if (!ref) return;\r\n        ref.checked = p.defaultChecked;\r\n        p.indeterminate && (ref.value = 'inteterminate');\r\n      }}\r\n      type=\"checkbox\"\r\n      id={p.id}\r\n      class={cn(variants({ size: p.size, color: p.color }), p.class)}\r\n      disabled={p.disabled}\r\n      {...(p.name && { name: p.name })}\r\n      {...(p.indeterminate && { 'data-indeterminate': true })}\r\n      onClick={e => {\r\n        if (p.indeterminate || p.disabled) e.preventDefault();\r\n      }}\r\n      onChange={e => p.onChange && p.onChange(e.target.checked)}\r\n      value={p.indeterminate ? 'inteterminate' : p.value}\r\n    />\r\n  );\r\n};\r\n"],"mappings":"wQAiBMoB,EAAWnB,EAAI,WAAY,CAC/BmB,SAAU,CACRP,KAAM,CACJQ,GAAI,cACJC,GAAI,cACJC,GAAI,cACJC,GAAI,cACJC,GAAI,cACL,CACDV,MAAO,CACLW,QAAS,GACTC,QAAS,mBACTC,QAAS,mBACTC,UAAW,qBACXC,OAAQ,kBACRC,KAAM,gBACNC,QAAS,mBACTC,QAAS,mBACTC,MAAO,iBACT,CACF,CACD,CAAC,CAIWC,EAAqCC,IAChDA,EAAI9B,EACF,CAAEO,KAAM,KAAME,MAAO,UAAWP,GAAIH,GAAgB,CAAEK,eAAgB,GAAO,CAC7E0B,EACD,MAED,CAAA,IAAAC,EAAAC,GAAA,CAiBsD,OAjBtDC,EAESC,GAAO,CACLA,IACLA,EAAItB,QAAUkB,EAAE1B,eAChB0B,EAAEzB,gBAAkB6B,EAAIrB,MAAQ,mBACjCkB,EAAA,CAAAI,EAAAJ,EAAAK,EAAA,CAAA,IAEDlC,IAAE,CAAA,OAAE4B,EAAE5B,IAAE,IAAA,OAAA,CAAA,OACDR,EAAGoB,EAAS,CAAEP,KAAMuB,EAAEvB,KAAME,MAAOqB,EAAErB,MAAO,CAAC,CAAEqB,EAAExB,MAAM,EAAA,IAC9DI,UAAQ,CAAA,OAAEoB,EAAEpB,UAAQ,KACfoB,EAAE3B,MAAQ,CAAEA,KAAM2B,EAAE3B,KAAM,KAC1B2B,EAAEzB,eAAiB,CAAE,qBAAsB,GAAM,CAAA,CAAA,QAC7CgC,GAAK,EACRP,EAAEzB,eAAiByB,EAAEpB,WAAU2B,EAAEC,gBAAgB,EACtD,SACSD,GAAKP,EAAEnB,UAAYmB,EAAEnB,SAAS0B,EAAEE,OAAO3B,QAAQ,CAAA,IACzDC,OAAK,CAAA,OAAE2B,MAAA,CAAA,CAAAV,EAAEzB,cAAa,EAAA,CAAG,gBAAkByB,EAAEjB,OAAK,CAAA,CAAA,GAAA,GAAA,CAAAkB,KAAA"}
+{"version":3,"file":"checkbox.js","names":["cn","cva","VariantProps","Component","createEffect","createUniqueId","mergeProps","CheckboxProps","id","name","defaultChecked","indeterminate","class","size","CheckboxVariantsProps","color","disabled","onChange","checked","value","variants","xs","sm","md","lg","xl","default","neutral","primary","secondary","accent","info","success","warning","error","Checkbox","p","_el$","_tmpl$","_$use","ref","_$spread","_$mergeProps","e","preventDefault","target","_$memo"],"sources":["../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport { cva, VariantProps } from 'class-variance-authority';\nimport { Component, createEffect, createUniqueId, mergeProps } from 'solid-js';\n\ntype CheckboxProps = {\n  id?: string;\n  name?: string;\n  defaultChecked: boolean;\n  indeterminate?: boolean;\n  class?: string;\n  size?: CheckboxVariantsProps['size'];\n  color?: CheckboxVariantsProps['color'];\n  disabled?: boolean;\n  onChange?: (checked: boolean | null) => void;\n  value?: string;\n};\n\nconst variants = cva('checkbox', {\n  variants: {\n    size: {\n      xs: 'checkbox-xs',\n      sm: 'checkbox-sm',\n      md: 'checkbox-md',\n      lg: 'checkbox-lg',\n      xl: 'checkbox-xl',\n    },\n    color: {\n      default: '',\n      neutral: 'checkbox-neutral',\n      primary: 'checkbox-primary',\n      secondary: 'checkbox-secondary',\n      accent: 'checkbox-accent',\n      info: 'checkbox-info',\n      success: 'checkbox-success',\n      warning: 'checkbox-warning',\n      error: 'checkbox-error',\n    },\n  },\n});\n\nexport type CheckboxVariantsProps = VariantProps<typeof variants>;\n\nexport const Checkbox: Component<CheckboxProps> = p => {\n  p = mergeProps(\n    { size: 'xs', color: 'primary', id: createUniqueId(), defaultChecked: false } as CheckboxProps,\n    p,\n  );\n\n  return (\n    <input\n      ref={ref => {\n        if (!ref) return;\n        ref.checked = p.defaultChecked;\n        p.indeterminate && (ref.value = 'inteterminate');\n      }}\n      type=\"checkbox\"\n      id={p.id}\n      class={cn(variants({ size: p.size, color: p.color }), p.class)}\n      disabled={p.disabled}\n      {...(p.name && { name: p.name })}\n      {...(p.indeterminate && { 'data-indeterminate': true })}\n      onClick={e => {\n        if (p.indeterminate || p.disabled) e.preventDefault();\n      }}\n      onChange={e => p.onChange && p.onChange(e.target.checked)}\n      value={p.indeterminate ? 'inteterminate' : p.value}\n    />\n  );\n};\n"],"mappings":"wQAiBMoB,EAAWnB,EAAI,WAAY,CAC/BmB,SAAU,CACRP,KAAM,CACJQ,GAAI,cACJC,GAAI,cACJC,GAAI,cACJC,GAAI,cACJC,GAAI,cACL,CACDV,MAAO,CACLW,QAAS,GACTC,QAAS,mBACTC,QAAS,mBACTC,UAAW,qBACXC,OAAQ,kBACRC,KAAM,gBACNC,QAAS,mBACTC,QAAS,mBACTC,MAAO,iBACT,CACF,CACD,CAAC,CAIWC,EAAqCC,IAChDA,EAAI9B,EACF,CAAEO,KAAM,KAAME,MAAO,UAAWP,GAAIH,GAAgB,CAAEK,eAAgB,GAAO,CAC7E0B,EACD,MAED,CAAA,IAAAC,EAAAC,GAAA,CAiBsD,OAjBtDC,EAESC,GAAO,CACLA,IACLA,EAAItB,QAAUkB,EAAE1B,eAChB0B,EAAEzB,gBAAkB6B,EAAIrB,MAAQ,mBACjCkB,EAAA,CAAAI,EAAAJ,EAAAK,EAAA,CAAA,IAEDlC,IAAE,CAAA,OAAE4B,EAAE5B,IAAE,IAAA,OAAA,CAAA,OACDR,EAAGoB,EAAS,CAAEP,KAAMuB,EAAEvB,KAAME,MAAOqB,EAAErB,MAAO,CAAC,CAAEqB,EAAExB,MAAM,EAAA,IAC9DI,UAAQ,CAAA,OAAEoB,EAAEpB,UAAQ,KACfoB,EAAE3B,MAAQ,CAAEA,KAAM2B,EAAE3B,KAAM,KAC1B2B,EAAEzB,eAAiB,CAAE,qBAAsB,GAAM,CAAA,CAAA,QAC7CgC,GAAK,EACRP,EAAEzB,eAAiByB,EAAEpB,WAAU2B,EAAEC,gBAAgB,EACtD,SACSD,GAAKP,EAAEnB,UAAYmB,EAAEnB,SAAS0B,EAAEE,OAAO3B,QAAQ,CAAA,IACzDC,OAAK,CAAA,OAAE2B,MAAA,CAAA,CAAAV,EAAEzB,cAAa,EAAA,CAAG,gBAAkByB,EAAEjB,OAAK,CAAA,CAAA,GAAA,GAAA,CAAAkB,KAAA"}

package/dist/components/code-preview/code-preview.d.ts

@@ -0,0 +1,23 @@
+import { Component } from 'solid-js';
+export declare const CODE_PREVIEW_THEMES: readonly ["andromeeda", "aurora-x", "ayu-dark", "catppuccin-frappe", "catppuccin-latte", "catppuccin-macchiato", "catppuccin-mocha", "dark-plus", "dracula", "dracula-soft", "everforest-dark", "everforest-light", "github-dark", "github-dark-default", "github-dark-dimmed", "github-dark-high-contrast", "github-light", "github-light-default", "github-light-high-contrast", "light-plus", "material-theme", "material-theme-darker", "material-theme-lighter", "material-theme-ocean", "material-theme-palenight", "min-dark", "min-light", "monokai", "night-owl", "nord", "one-dark-pro", "one-light", "plastic", "poimandres", "red", "rose-pine", "rose-pine-dawn", "rose-pine-moon", "slack-dark", "slack-ochin", "snazzy-light", "solarized-dark", "solarized-light", "synthwave-84", "tokyo-night"];
+export type CodePreviewTheme = (typeof CODE_PREVIEW_THEMES)[number];
+interface CodePreviewProps {
+    code: string;
+    preview: Component<any>;
+    title?: string;
+    language?: string;
+    theme?: CodePreviewTheme;
+    class?: {
+        root?: string;
+        header?: string;
+        body?: string;
+        preview?: string;
+        code?: string;
+        btnPreview?: string;
+        btnCode?: string;
+        btnCopy?: string;
+    };
+}
+export { ensureThemeLoaded, processCode } from '../../utils/shiki-highlight';
+export declare const CodePreview: (props: CodePreviewProps) => import("solid-js").JSX.Element;
+//# sourceMappingURL=code-preview.d.ts.map

package/dist/components/code-preview/code-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-preview.d.ts","sourceRoot":"","sources":["../../../src/components/code-preview/code-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAsD,MAAM,UAAU,CAAC;AAKzF,eAAO,MAAM,mBAAmB,mxBA8CtB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEpE,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAED,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAGxE,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,mCA8ElD,CAAC"}

package/dist/components/code-preview/code-preview.js

@@ -0,0 +1,2 @@
+import{cn as e}from"../../utils/cn.js";import{Button as t}from"../button/button.js";import{clipboard_copy_default as n}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/clipboard-copy.js";import{processCode as r}from"../../utils/shiki-highlight.js";import{Dynamic as i,className as a,createComponent as o,effect as s,insert as c,memo as l,template as u}from"solid-js/web";import{Suspense as d,createResource as f,createSignal as p,mergeProps as m}from"solid-js";var h=u(`<div><div></div><div>`),g=u(`<div>`),_=u(`<div class=relative>`),v=u(`<pre class="m-0! rounded-none! bg-gray-50! p-4! text-sm text-gray-500">Đang format code...`),y=`andromeeda.aurora-x.ayu-dark.catppuccin-frappe.catppuccin-latte.catppuccin-macchiato.catppuccin-mocha.dark-plus.dracula.dracula-soft.everforest-dark.everforest-light.github-dark.github-dark-default.github-dark-dimmed.github-dark-high-contrast.github-light.github-light-default.github-light-high-contrast.light-plus.material-theme.material-theme-darker.material-theme-lighter.material-theme-ocean.material-theme-palenight.min-dark.min-light.monokai.night-owl.nord.one-dark-pro.one-light.plastic.poimandres.red.rose-pine.rose-pine-dawn.rose-pine-moon.slack-dark.slack-ochin.snazzy-light.solarized-dark.solarized-light.synthwave-84.tokyo-night`.split(`.`),b=u=>{let y=m({language:`tsx`,theme:`github-light`},u),[b,x]=p(`preview`),[S,C]=p(!1),[w]=f(()=>({code:y.code,language:y.language,theme:y.theme}),({code:e,language:t,theme:n})=>r(e,t,n)),T=async()=>{try{await navigator.clipboard.writeText(u.code),C(!0),setTimeout(()=>C(!1),2e3)}catch(e){console.error(`Failed to copy:`,e)}};return(()=>{var r=h(),f=r.firstChild,p=f.nextSibling;return c(f,o(t,{onClick:()=>x(`preview`),size:`xs`,get color(){return b()===`preview`?`info`:`secondary`},get variant(){return b()===`preview`?`solid`:`soft`},get class(){return u.class?.btnPreview},children:`Preview`}),null),c(f,o(t,{onClick:()=>x(`code`),size:`xs`,get color(){return b()===`code`?`info`:`secondary`},get variant(){return b()===`code`?`solid`:`soft`},get class(){return u.class?.btnCode},children:`Code`}),null),c(f,(()=>{var r=l(()=>b()===`code`);return()=>r()&&o(t,{onClick:T,size:`xs`,get color(){return S()?`success`:`secondary`},get variant(){return S()?`solid`:`soft`},get icon(){return o(n,{size:16})},get class(){return e(`ml-auto`,u.class?.btnCopy)},get children(){return S()?`Đã sao chép!`:`Sao chép`}})})(),null),c(p,(()=>{var t=l(()=>b()===`preview`);return()=>t()?(()=>{var t=g();return c(t,o(i,{get component(){return u.preview}})),s(()=>a(t,e(`cod04`,u.class?.preview))),t})():(()=>{var t=_();return c(t,o(d,{get fallback(){return v()},get children(){var t=g();return s(n=>{var r=e(`cod05`,u.class?.code),i=w();return r!==n.e&&a(t,n.e=r),i!==n.t&&(t.innerHTML=n.t=i),n},{e:void 0,t:void 0}),t}})),t})()})()),s(t=>{var n=e(`cod01`,u.class?.root),i=e(`cod02`,u.class?.header),o=e(`cod03`,u.class?.body);return n!==t.e&&a(r,t.e=n),i!==t.t&&a(f,t.t=i),o!==t.a&&a(p,t.a=o),t},{e:void 0,t:void 0,a:void 0}),r})()};export{y as CODE_PREVIEW_THEMES,b as CodePreview};
+//# sourceMappingURL=code-preview.js.map

package/dist/components/code-preview/code-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-preview.js","names":["cn","ClipboardCopy","Component","createResource","createSignal","mergeProps","Suspense","Dynamic","Button","CODE_PREVIEW_THEMES","const","CodePreviewTheme","CodePreviewProps","code","preview","title","language","theme","class","root","header","body","btnPreview","btnCode","btnCopy","ensureThemeLoaded","processCode","CodePreview","props","merged","activeTab","setActiveTab","copied","setCopied","codeHtml","copyToClipboard","navigator","clipboard","writeText","setTimeout","err","console","error","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_$insert","_$createComponent","onClick","size","color","variant","children","_c$","_$memo","icon","_c$2","_el$4","_tmpl$2","component","_$effect","_$className","_el$5","_tmpl$3","fallback","_tmpl$4","_el$6","_p$","_v$4","_v$5","e","t","innerHTML","undefined","_v$","_v$2","_v$3","a"],"sources":["../../../src/components/code-preview/code-preview.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\nimport ClipboardCopy from 'lucide-solid/icons/clipboard-copy';\nimport { Component, createResource, createSignal, mergeProps, Suspense } from 'solid-js';\nimport { Dynamic } from 'solid-js/web';\nimport { Button } from '../button';\n\n// Danh sách theme built-in của Shiki\nexport const CODE_PREVIEW_THEMES = [\n  'andromeeda',\n  'aurora-x',\n  'ayu-dark',\n  'catppuccin-frappe',\n  'catppuccin-latte',\n  'catppuccin-macchiato',\n  'catppuccin-mocha',\n  'dark-plus',\n  'dracula',\n  'dracula-soft',\n  'everforest-dark',\n  'everforest-light',\n  'github-dark',\n  'github-dark-default',\n  'github-dark-dimmed',\n  'github-dark-high-contrast',\n  'github-light',\n  'github-light-default',\n  'github-light-high-contrast',\n  'light-plus',\n  'material-theme',\n  'material-theme-darker',\n  'material-theme-lighter',\n  'material-theme-ocean',\n  'material-theme-palenight',\n  'min-dark',\n  'min-light',\n  'monokai',\n  'night-owl',\n  'nord',\n  'one-dark-pro',\n  'one-light',\n  'plastic',\n  'poimandres',\n  'red',\n  'rose-pine',\n  'rose-pine-dawn',\n  'rose-pine-moon',\n  'slack-dark',\n  'slack-ochin',\n  'snazzy-light',\n  'solarized-dark',\n  'solarized-light',\n  'synthwave-84',\n  'tokyo-night',\n] as const;\n\nexport type CodePreviewTheme = (typeof CODE_PREVIEW_THEMES)[number];\n\ninterface CodePreviewProps {\n  code: string;\n  preview: Component<any>;\n  title?: string;\n  language?: string;\n  theme?: CodePreviewTheme;\n  class?: {\n    root?: string;\n    header?: string;\n    body?: string;\n    preview?: string;\n    code?: string;\n    btnPreview?: string;\n    btnCode?: string;\n    btnCopy?: string;\n  };\n}\n\nexport { ensureThemeLoaded, processCode } from '@utils/shiki-highlight';\nimport { processCode } from '@utils/shiki-highlight';\n\nexport const CodePreview = (props: CodePreviewProps) => {\n  const merged = mergeProps({ language: 'tsx', theme: 'github-light' as CodePreviewTheme }, props);\n\n  const [activeTab, setActiveTab] = createSignal<'preview' | 'code'>('preview');\n  const [copied, setCopied] = createSignal(false);\n\n  const [codeHtml] = createResource(\n    () => ({ code: merged.code, language: merged.language, theme: merged.theme }),\n    ({ code, language, theme }) => processCode(code, language, theme),\n  );\n\n  const copyToClipboard = async () => {\n    try {\n      await navigator.clipboard.writeText(props.code);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    } catch (err) {\n      console.error('Failed to copy:', err);\n    }\n  };\n\n  return (\n    <div class={cn('cod01', props.class?.root)}>\n      <div class={cn('cod02', props.class?.header)}>\n        <Button\n          onClick={() => setActiveTab('preview')}\n          size=\"xs\"\n          color={activeTab() === 'preview' ? 'info' : 'secondary'}\n          variant={activeTab() === 'preview' ? 'solid' : 'soft'}\n          class={props.class?.btnPreview}\n        >\n          Preview\n        </Button>\n        <Button\n          onClick={() => setActiveTab('code')}\n          size=\"xs\"\n          color={activeTab() === 'code' ? 'info' : 'secondary'}\n          variant={activeTab() === 'code' ? 'solid' : 'soft'}\n          class={props.class?.btnCode}\n        >\n          Code\n        </Button>\n\n        {activeTab() === 'code' && (\n          <Button\n            onClick={copyToClipboard}\n            size=\"xs\"\n            color={copied() ? 'success' : 'secondary'}\n            variant={copied() ? 'solid' : 'soft'}\n            icon={<ClipboardCopy size={16} />}\n            class={cn('ml-auto', props.class?.btnCopy)}\n          >\n            {copied() ? 'Đã sao chép!' : 'Sao chép'}\n          </Button>\n        )}\n      </div>\n\n      <div class={cn('cod03', props.class?.body)}>\n        {activeTab() === 'preview' ? (\n          <div class={cn('cod04', props.class?.preview)}>\n            <Dynamic component={props.preview} />\n          </div>\n        ) : (\n          <div class=\"relative\">\n            <Suspense\n              fallback={\n                <pre class=\"m-0! rounded-none! bg-gray-50! p-4! text-sm text-gray-500\">\n                  Đang format code...\n                </pre>\n              }\n            >\n              <div class={cn('cod05', props.class?.code)} innerHTML={codeHtml()} />\n            </Suspense>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/code-preview/index.d.ts

@@ -0,0 +1,3 @@
+export { CodePreview, CODE_PREVIEW_THEMES } from '../code-preview/code-preview';
+export type { CodePreviewTheme } from '../code-preview/code-preview';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/code-preview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/code-preview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAChF,YAAY,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/components/collapse/collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse.js","names":["mergeProps","Show","Component","CollapseProps","cn","cva","VariantProps","getColor","variants","iconType","plus","arrow","iconPosition","start","end","forceStatus","open","close","CollapseVariantsProps","Collapse","p","icon","type","postion","color","_el$","_tmpl$2","_el$3","firstChild","_el$4","nextSibling","_$insert","_$createComponent","when","force","children","_el$2","_tmpl$","_$spread","_$mergeProps","onOpen","onClose","onChange","e","checked","currentTarget","id","class","title","onClick","content","Element","_$effect","_p$","_v$","root","_v$2","_$className","t","undefined"],"sources":["../../../src/components/collapse/collapse.tsx"],"sourcesContent":["import { mergeProps, Show, type Component } from 'solid-js';\r\nimport type { CollapseProps } from './collapse.types';\r\nimport { cn } from '@/utils/cn';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { getColor } from '@/utils/helper';\r\n\r\nconst variants = cva('', {\r\n  variants: {\r\n    iconType: {\r\n      plus: 'collapse-plus',\r\n      arrow: 'collapse-arrow',\r\n    },\r\n    iconPosition: {\r\n      start: 'after:start-5 after:end-auto pe-4 ps-12',\r\n      end: '',\r\n    },\r\n    forceStatus: {\r\n      open: 'collapse-open',\r\n      close: 'collapse-close',\r\n    },\r\n  },\r\n});\r\nexport type CollapseVariantsProps = VariantProps<typeof variants>;\r\n\r\nexport const Collapse: Component<CollapseProps> = p => {\r\n  p = mergeProps(\r\n    {\r\n      icon: {\r\n        type: 'arrow',\r\n        postion: 'end',\r\n      },\r\n      color: 'transparent',\r\n    } as CollapseProps,\r\n    p,\r\n  );\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        class={cn(\r\n          'collapse border',\r\n          variants({ iconType: p.icon?.type, forceStatus: p.force }),\r\n          getColor(p.color, 'bg-base-100 border-base-300'),\r\n          p.color && p.color !== 'transparent' && 'sui-collapse',\r\n          p.class?.root,\r\n        )}\r\n      >\r\n        <Show when={!p.force}>\r\n          <input\r\n            type=\"checkbox\"\r\n            {...(p.onOpen || p.onClose\r\n              ? {\r\n                  onChange: e => {\r\n                    const checked = e.currentTarget.checked;\r\n                    checked ? p.onOpen?.() : p.onClose?.();\r\n                  },\r\n                }\r\n              : {})}\r\n            {...(p.id && { id: p.id })}\r\n          />\r\n        </Show>\r\n        <div\r\n          class={cn(\r\n            'collapse-title font-semibold',\r\n            variants({ iconPosition: p.icon?.postion }),\r\n            p.class?.title,\r\n            p.force && (p.onOpen || p.onClose) ? 'cursor-pointer' : '',\r\n          )}\r\n          {...(p.force && (p.onOpen || p.onClose)\r\n            ? {\r\n                onClick: () => {\r\n                  p.force === 'open' ? p.onClose?.() : p.onOpen?.();\r\n                },\r\n              }\r\n            : {})}\r\n        >\r\n          {p.title}\r\n        </div>\r\n        <div class={cn('collapse-content text-sm', p.class?.content)}>{p.content as Element}</div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n"],"mappings":"qXAMMQ,EAAWH,EAAI,GAAI,CACvBG,SAAU,CACRC,SAAU,CACRC,KAAM,gBACNC,MAAO,iBACR,CACDC,aAAc,CACZC,MAAO,0CACPC,IAAK,GACN,CACDC,YAAa,CACXC,KAAM,gBACNC,MAAO,iBACT,CACF,CACD,CAAC,CAGWE,EAAqCC,IAChDA,EAAIpB,EACF,CACEqB,KAAM,CACJC,KAAM,QACNC,QAAS,MACV,CACDC,MAAO,cACR,CACDJ,EACD,MAED,CAAA,IAAAK,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAG,YA0CkE,OA1ClEC,EAAAN,EAAAO,EAWO/B,EAAI,CAAA,IAACgC,MAAI,CAAA,MAAE,CAACb,EAAEc,OAAK,IAAAC,UAAA,CAAA,IAAAC,EAAAC,GAAA,CAWS,OAXTC,EAAAF,EAAAG,MAGXnB,EAAEoB,QAAUpB,EAAEqB,QACf,CACEC,SAAUC,GAAK,CACGA,EAAEE,cAAcD,QACtBxB,EAAEoB,UAAU,CAAGpB,EAAEqB,WAAW,EAEzC,CACD,EAAE,KACDrB,EAAE0B,IAAM,CAAEA,GAAI1B,EAAE0B,GAAI,CAAA,CAAA,GAAA,GAAA,CAAAV,GAAA,CAAA,CAAAT,EAAA,CAAAW,EAAAX,EAAAY,EAAA,CAAA,IAAA,OAAA,CAAA,OAIpBnC,EACL,+BACAI,EAAS,CAAEI,aAAcQ,EAAEC,MAAME,QAAS,CAAC,CAC3CH,EAAE2B,OAAOC,MACT5B,EAAEc,QAAUd,EAAEoB,QAAUpB,EAAEqB,SAAW,iBAAmB,GACzD,EAAA,KACIrB,EAAEc,QAAUd,EAAEoB,QAAUpB,EAAEqB,SAC3B,CACEQ,YAAe,CACb7B,EAAEc,QAAU,OAASd,EAAEqB,WAAW,CAAGrB,EAAEoB,UAAU,EAEpD,CACD,EAAE,CAAA,CAAA,GAAA,GAAA,CAAAT,EAAAJ,MAELP,EAAE4B,MAAK,CAAAjB,EAAAF,MAEqDT,EAAE8B,QAAkB,CAAAE,EAAAC,GAAA,CAAA,IAAAC,EAvC5ElD,EACL,kBACAI,EAAS,CAAEC,SAAUW,EAAEC,MAAMC,KAAMP,YAAaK,EAAEc,MAAO,CAAC,CAC1D3B,EAASa,EAAEI,MAAO,8BAA8B,CAChDJ,EAAEI,OAASJ,EAAEI,QAAU,eAAiB,eACxCJ,EAAE2B,OAAOQ,KACV,CAAAC,EAiCWpD,EAAG,2BAA4BgB,EAAE2B,OAAOG,QAAQ,CAAA,OAAAI,IAAAD,EAAAV,GAAAc,EAAAhC,EAAA4B,EAAAV,EAAAW,EAAA,CAAAE,IAAAH,EAAAK,GAAAD,EAAA5B,EAAAwB,EAAAK,EAAAF,EAAA,CAAAH,GAAA,CAAAV,EAAAgB,IAAAA,GAAAD,EAAAC,IAAAA,GAAA,CAAA,CAAAlC,KAAA"}
+{"version":3,"file":"collapse.js","names":["mergeProps","Show","Component","CollapseProps","cn","cva","VariantProps","getColor","variants","iconType","plus","arrow","iconPosition","start","end","forceStatus","open","close","CollapseVariantsProps","Collapse","p","icon","type","postion","color","_el$","_tmpl$2","_el$3","firstChild","_el$4","nextSibling","_$insert","_$createComponent","when","force","children","_el$2","_tmpl$","_$spread","_$mergeProps","onOpen","onClose","onChange","e","checked","currentTarget","id","class","title","onClick","content","Element","_$effect","_p$","_v$","root","_v$2","_$className","t","undefined"],"sources":["../../../src/components/collapse/collapse.tsx"],"sourcesContent":["import { mergeProps, Show, type Component } from 'solid-js';\nimport type { CollapseProps } from './collapse.types';\nimport { cn } from '@/utils/cn';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { getColor } from '@/utils/helper';\n\nconst variants = cva('', {\n  variants: {\n    iconType: {\n      plus: 'collapse-plus',\n      arrow: 'collapse-arrow',\n    },\n    iconPosition: {\n      start: 'after:start-5 after:end-auto pe-4 ps-12',\n      end: '',\n    },\n    forceStatus: {\n      open: 'collapse-open',\n      close: 'collapse-close',\n    },\n  },\n});\nexport type CollapseVariantsProps = VariantProps<typeof variants>;\n\nexport const Collapse: Component<CollapseProps> = p => {\n  p = mergeProps(\n    {\n      icon: {\n        type: 'arrow',\n        postion: 'end',\n      },\n      color: 'transparent',\n    } as CollapseProps,\n    p,\n  );\n\n  return (\n    <>\n      <div\n        class={cn(\n          'collapse border',\n          variants({ iconType: p.icon?.type, forceStatus: p.force }),\n          getColor(p.color, 'bg-base-100 border-base-300'),\n          p.color && p.color !== 'transparent' && 'sui-collapse',\n          p.class?.root,\n        )}\n      >\n        <Show when={!p.force}>\n          <input\n            type=\"checkbox\"\n            {...(p.onOpen || p.onClose\n              ? {\n                  onChange: e => {\n                    const checked = e.currentTarget.checked;\n                    checked ? p.onOpen?.() : p.onClose?.();\n                  },\n                }\n              : {})}\n            {...(p.id && { id: p.id })}\n          />\n        </Show>\n        <div\n          class={cn(\n            'collapse-title font-semibold',\n            variants({ iconPosition: p.icon?.postion }),\n            p.class?.title,\n            p.force && (p.onOpen || p.onClose) ? 'cursor-pointer' : '',\n          )}\n          {...(p.force && (p.onOpen || p.onClose)\n            ? {\n                onClick: () => {\n                  p.force === 'open' ? p.onClose?.() : p.onOpen?.();\n                },\n              }\n            : {})}\n        >\n          {p.title}\n        </div>\n        <div class={cn('collapse-content text-sm', p.class?.content)}>{p.content as Element}</div>\n      </div>\n    </>\n  );\n};\n"],"mappings":"qXAMMQ,EAAWH,EAAI,GAAI,CACvBG,SAAU,CACRC,SAAU,CACRC,KAAM,gBACNC,MAAO,iBACR,CACDC,aAAc,CACZC,MAAO,0CACPC,IAAK,GACN,CACDC,YAAa,CACXC,KAAM,gBACNC,MAAO,iBACT,CACF,CACD,CAAC,CAGWE,EAAqCC,IAChDA,EAAIpB,EACF,CACEqB,KAAM,CACJC,KAAM,QACNC,QAAS,MACV,CACDC,MAAO,cACR,CACDJ,EACD,MAED,CAAA,IAAAK,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAG,YA0CkE,OA1ClEC,EAAAN,EAAAO,EAWO/B,EAAI,CAAA,IAACgC,MAAI,CAAA,MAAE,CAACb,EAAEc,OAAK,IAAAC,UAAA,CAAA,IAAAC,EAAAC,GAAA,CAWS,OAXTC,EAAAF,EAAAG,MAGXnB,EAAEoB,QAAUpB,EAAEqB,QACf,CACEC,SAAUC,GAAK,CACGA,EAAEE,cAAcD,QACtBxB,EAAEoB,UAAU,CAAGpB,EAAEqB,WAAW,EAEzC,CACD,EAAE,KACDrB,EAAE0B,IAAM,CAAEA,GAAI1B,EAAE0B,GAAI,CAAA,CAAA,GAAA,GAAA,CAAAV,GAAA,CAAA,CAAAT,EAAA,CAAAW,EAAAX,EAAAY,EAAA,CAAA,IAAA,OAAA,CAAA,OAIpBnC,EACL,+BACAI,EAAS,CAAEI,aAAcQ,EAAEC,MAAME,QAAS,CAAC,CAC3CH,EAAE2B,OAAOC,MACT5B,EAAEc,QAAUd,EAAEoB,QAAUpB,EAAEqB,SAAW,iBAAmB,GACzD,EAAA,KACIrB,EAAEc,QAAUd,EAAEoB,QAAUpB,EAAEqB,SAC3B,CACEQ,YAAe,CACb7B,EAAEc,QAAU,OAASd,EAAEqB,WAAW,CAAGrB,EAAEoB,UAAU,EAEpD,CACD,EAAE,CAAA,CAAA,GAAA,GAAA,CAAAT,EAAAJ,MAELP,EAAE4B,MAAK,CAAAjB,EAAAF,MAEqDT,EAAE8B,QAAkB,CAAAE,EAAAC,GAAA,CAAA,IAAAC,EAvC5ElD,EACL,kBACAI,EAAS,CAAEC,SAAUW,EAAEC,MAAMC,KAAMP,YAAaK,EAAEc,MAAO,CAAC,CAC1D3B,EAASa,EAAEI,MAAO,8BAA8B,CAChDJ,EAAEI,OAASJ,EAAEI,QAAU,eAAiB,eACxCJ,EAAE2B,OAAOQ,KACV,CAAAC,EAiCWpD,EAAG,2BAA4BgB,EAAE2B,OAAOG,QAAQ,CAAA,OAAAI,IAAAD,EAAAV,GAAAc,EAAAhC,EAAA4B,EAAAV,EAAAW,EAAA,CAAAE,IAAAH,EAAAK,GAAAD,EAAA5B,EAAAwB,EAAAK,EAAAF,EAAA,CAAAH,GAAA,CAAAV,EAAAgB,IAAAA,GAAAD,EAAAC,IAAAA,GAAA,CAAA,CAAAlC,KAAA"}