npm - solid-tom-ui - Versions diffs - 1.0.5 → 1.0.6 - Mend

solid-tom-ui 1.0.5 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/dist/README.md ADDED Viewed

@@ -0,0 +1,246 @@
+# solid-tom-ui
+> A blazing-fast, beautifully crafted UI component library for [SolidJS](https://solidjs.com), inspired by Ant Design.
+**Entire library ships at just ~1.5 MB.** Built on **Tailwind CSS 4** and **DaisyUI 5**, solid-tom-ui harnesses SolidJS fine-grained reactivity to deliver buttery-smooth UIs with near-zero overhead — no virtual DOM, no unnecessary re-renders, just raw speed.
+Customizing the look and feel is a first-class experience: swap the entire color scheme by overriding a handful of CSS variables, or dial in individual components through the unified `color` prop and per-slot `class` overrides — no CSS-in-JS, no build plugins, just plain CSS and Tailwind utilities you already know.
+## Why solid-tom-ui?
+- **Featherlight** — the full library (45+ components, styles included) weighs only ~1.5 MB, keeping your app fast on any network
+- **Instant theming** — change primary colors, border radii, and shadows site-wide by editing a single CSS block; no rebuild required
+- **Pixel-perfect by default** — every component is designed to look great out of the box, while remaining fully customizable via `class` props or CSS variables
+- **SolidJS-native** — reactivity is handled at the signal level, so components update surgically without wasting a single render cycle
+## Features
+- **45+ components** — from simple buttons to complex data tables with virtual scrolling
+- **Tree-shakeable** — each component is its own module; unused components are not bundled
+- **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-tom-ui
+or
+pnpm install solid-tom-ui
+or
+bun install solid-tom-ui
+```
+### Peer dependencies
+```bash
+npm install solid-js
+```
+Optional (only needed for specific components):
+| Package | Component |
+|---------|-----------|
+| `imask` | `Input` with mask |
+| `qrcode` | `QrCode` |
+| `@tanstack/solid-table` | `Table` |
+## Setup
+### 1. Import the pre-compiled CSS bundle
+```css
+/* app.css */
+@import 'solid-tom-ui/styles';
+```
+Make sure this CSS file is imported in your app entry point:
+```tsx
+// src/index.tsx
+import './app.css';
+import { render } from 'solid-js/web';
+import App from './App';
+render(() => <App />, document.getElementById('root')!);
+```
+---
+### 2. Use components
+```tsx
+import { Button, Modal, toast } from 'solid-tom-ui';
+function App() {
+  return (
+    <Button color="primary" onClick={() => toast.success('Hello!')}>
+      Click me
+    </Button>
+  );
+}
+```
+---
+## Advanced Setup (Custom Theme)
+Overwrite css variable
+```css
+:root {
+	--color-base-100: white;
+	--color-base-content: black;
+	--color-primary: red;
+	--color-primary-content: white;
+	--color-secondary: red;
+	--color-secondary-content: white;
+	--color-accent: red;
+	--color-accent-content: white;
+	--color-neutral: red;
+	--color-neutral-content: white;
+	--color-info: red;
+	--color-info-content: white;
+	--color-success: red;
+	--color-success-content: white;
+	--color-warning: red;
+	--color-warning-content: white;
+	--color-error: red;
+	--color-error-content: white;
+	--radius-selector: 8px;
+	--radius-field: 4px;
+	--radius-box: 6px;
+	--size-selector: 4px;
+	--size-field: 4px;
+	--border: 1px;
+	--depth: 0;
+	--noise: 0;
+}
+```
+---
+## Components
+### Layout & Navigation
+| Component | Description |
+|-----------|-------------|
+| `Breadcrumb` | Navigation breadcrumb trail |
+| `Divider` | Horizontal or vertical divider |
+| `Drawer` | Slide-in side panel |
+| `Dropdown` | Dropdown menu |
+| `Menu` | Vertical/horizontal navigation menu |
+| `Pagination` | Page navigation |
+| `Splitter` | Resizable split pane |
+| `Steps` | Step-by-step progress indicator |
+| `Tab` | Tabbed navigation |
+### Data Display
+| Component | Description |
+|-----------|-------------|
+| `Avatar` | User avatar with fallback |
+| `Badge` | Status badge / tag |
+| `Carousel` | Image/content carousel |
+| `ChatBubble` | Chat message bubble |
+| `Diff` | Side-by-side diff viewer |
+| `Indicator` | Numeric badge overlay |
+| `Skeleton` | Loading skeleton placeholder |
+| `Table` | Feature-rich table (virtual scroll, sort, filter, pinned columns) |
+| `Timeline` | Vertical timeline |
+| `Tooltip` | Hover tooltip |
+| `Tour` | Interactive product tour |
+### Input & Forms
+| Component | Description |
+|-----------|-------------|
+| `Checkbox` | Checkbox input |
+| `Input` | Text, password, number, textarea, color, date, range, OTP, masked inputs |
+| `Rating` | Star rating |
+| `Select` | Dropdown select |
+| `SelectZone` | Drag-to-select zone |
+| `Slider` | Range slider |
+| `Switch` | Toggle switch |
+| `Upload` | File upload with drag & drop |
+### Feedback
+| Component | Description |
+|-----------|-------------|
+| `Loading` | Spinner / loading indicator |
+| `Modal` | Dialog modal |
+| `ProgressBar` | Progress bar |
+| `Toast` | Toast notifications (`toast.success()`, `toast.error()`, …) |
+### Visual & Effects
+| Component | Description |
+|-----------|-------------|
+| `Collapse` | Collapsible content panel |
+| `ContextMenu` | Right-click context menu |
+| `FloatButton` | Floating action button |
+| `Hover3dImage` | 3D parallax image on hover |
+| `ImagePreview` | Lightbox image preview |
+| `Mansory` | Masonry grid layout |
+| `QrCode` | QR code generator |
+| `Swap` | Flip between two states |
+| `TextRotate` | Animated rotating text |
+### Utilities
+| Component | Description |
+|-----------|-------------|
+| `CodePreview` | Code preview |
+---
+## API
+### Color prop
+Most components accept a `color` prop:
+```tsx
+type BaseColorProps =
+  | 'primary' | 'secondary' | 'accent' | 'neutral'
+  | 'info' | 'success' | 'warning' | 'error';
+```
+```tsx
+<Badge color="success">Active</Badge>
+<Button color="warning">Caution</Button>
+```
+### Class override (slot system)
+Every component exposes a `class` prop to override individual slots:
+```tsx
+// Single-element components
+<Badge class="font-bold text-lg" />
+// Multi-slot components
+<Modal
+  class={{
+    root: 'max-w-2xl',
+    header: 'bg-base-200',
+    body: 'p-8',
+  }}
+/>
+```
+## TypeScript
+All prop types are exported:
+```tsx
+import type { ButtonProps, ModalProps, BaseColorProps, SolidComponent } from 'solid-tom-ui';
+```
+## License
+MIT © [Truong Tom](https://github.com/truongtom1993)

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

	@@ -1 +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';\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":"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"}
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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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"badge.js","names":["cn","cva","VariantProps","Component","mergeProps","BadgeProps","getColor","variants","size","xs","sm","md","lg","xl","outline","soft","dashed","BadgeVariantsProps","Badge","p","color","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';\nimport { getColor } from '@/utils/helper';\n\nconst variants = cva('', {\n variants: {\n size: {\n '3xs': 'bad-3xs',\n '2xs': 'bad-2xs',\n xs: 'bad-xs',\n sm: 'bad-sm',\n md: 'bad-md',\n lg: 'bad-lg',\n xl: 'bad-xl',\n '2xl': 'bad-2xl',\n '3xl': 'bad-3xl',\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({ size: p.size, variants: p.variants }),\n getColor(p.color),\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":"qSAMMO,EAAWN,EAAI,GAAI,CACvBM,SAAU,CACRC,KAAM,CACJ,MAAO,UACP,MAAO,UACPC,GAAI,SACJC,GAAI,SACJC,GAAI,SACJC,GAAI,SACJC,GAAI,SACJ,MAAO,UACP,MAAO,UACR,CACDN,SAAU,CACRO,QAAS,QACTC,KAAM,QACNC,OAAQ,QACV,CACF,CACD,CAAC,CAGWE,EAA+BC,IAC1CA,EAAIf,EAAW,CAAEI,KAAM,KAAMY,MAAO,UAAWC,QAAS,QAASd,SAAU,OAAQ,CAAWY,EAAE,MAEhG,CAAA,IAAAI,EAAAC,GAAA,CAOK,OAPLC,EAAAF,OAAA,CAAA,IAAAG,EAAAC,MASK,OAAOR,EAAEE,SAAY,SAAQ,CAAA,UAA7BK,GAAA,MAAA,CAAA,IAAAE,EAAAC,GAAA,CACyC,OADzCJ,EAAAG,MAC4CT,EAAEE,QAAO,CAAAS,MAAAC,EAAAH,EAAvC5B,EAAG,QAASmB,EAAEa,OAAOC,MAAM,CAAA,CAAA,CAAAL,KAAA,MAAA,CAAA,IAAAM,EAAAV,GAAA,CAEd,OAFcC,EAAAS,MAEXf,EAAEE,QAAkB,CAAAS,MAAAC,EAAAG,EAArCf,EAAEa,OAAOC,MAAK,CAAA,CAAAC,KAC3B,IAAA,CAAA,CAAAJ,MAAAC,EAAAR,EAXMvB,EACL,QACAO,EAAS,CAAEC,KAAMW,EAAEX,KAAMD,SAAUY,EAAEZ,SAAU,CAAC,CAChDD,EAASa,EAAEC,MAAM,CACjBD,EAAEa,OAAOI,KACV,CAAA,CAAA,CAAAb,KAAA"}
1	+ {"version":3,"file":"badge.js","names":["cn","cva","VariantProps","Component","mergeProps","BadgeProps","getColor","variants","size","xs","sm","md","lg","xl","outline","soft","dashed","BadgeVariantsProps","Badge","p","color","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\nimport { getColor } from '@/utils/helper';\r\n\r\nconst variants = cva('', {\r\n variants: {\r\n size: {\r\n '3xs': 'bad-3xs',\r\n '2xs': 'bad-2xs',\r\n xs: 'bad-xs',\r\n sm: 'bad-sm',\r\n md: 'bad-md',\r\n lg: 'bad-lg',\r\n xl: 'bad-xl',\r\n '2xl': 'bad-2xl',\r\n '3xl': 'bad-3xl',\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({ size: p.size, variants: p.variants }),\r\n getColor(p.color),\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":"qSAMMO,EAAWN,EAAI,GAAI,CACvBM,SAAU,CACRC,KAAM,CACJ,MAAO,UACP,MAAO,UACPC,GAAI,SACJC,GAAI,SACJC,GAAI,SACJC,GAAI,SACJC,GAAI,SACJ,MAAO,UACP,MAAO,UACR,CACDN,SAAU,CACRO,QAAS,QACTC,KAAM,QACNC,OAAQ,QACV,CACF,CACD,CAAC,CAGWE,EAA+BC,IAC1CA,EAAIf,EAAW,CAAEI,KAAM,KAAMY,MAAO,UAAWC,QAAS,QAASd,SAAU,OAAQ,CAAWY,EAAE,MAEhG,CAAA,IAAAI,EAAAC,GAAA,CAOK,OAPLC,EAAAF,OAAA,CAAA,IAAAG,EAAAC,MASK,OAAOR,EAAEE,SAAY,SAAQ,CAAA,UAA7BK,GAAA,MAAA,CAAA,IAAAE,EAAAC,GAAA,CACyC,OADzCJ,EAAAG,MAC4CT,EAAEE,QAAO,CAAAS,MAAAC,EAAAH,EAAvC5B,EAAG,QAASmB,EAAEa,OAAOC,MAAM,CAAA,CAAA,CAAAL,KAAA,MAAA,CAAA,IAAAM,EAAAV,GAAA,CAEd,OAFcC,EAAAS,MAEXf,EAAEE,QAAkB,CAAAS,MAAAC,EAAAG,EAArCf,EAAEa,OAAOC,MAAK,CAAA,CAAAC,KAC3B,IAAA,CAAA,CAAAJ,MAAAC,EAAAR,EAXMvB,EACL,QACAO,EAAS,CAAEC,KAAMW,EAAEX,KAAMD,SAAUY,EAAEZ,SAAU,CAAC,CAChDD,EAASa,EAAEC,MAAM,CACjBD,EAAEa,OAAOI,KACV,CAAA,CAAA,CAAAb,KAAA"}

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

	@@ -1 +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';\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"}
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"}

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

	@@ -1 +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';\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': 'bt-4xs',\n '3xs': 'bt-3xs',\n '2xs': 'bt-2xs',\n xs: 'bt-xs',\n sm: 'bt-sm',\n md: 'bt-md',\n lg: 'bt-lg',\n xl: 'bt-xl',\n '2xl': 'bt-2xl',\n '3xl': 'bt-3xl',\n '4xl': 'bt-4xl',\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 'sbt',\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":"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"}
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': 'bt-4xs',\r\n '3xs': 'bt-3xs',\r\n '2xs': 'bt-2xs',\r\n xs: 'bt-xs',\r\n sm: 'bt-sm',\r\n md: 'bt-md',\r\n lg: 'bt-lg',\r\n xl: 'bt-xl',\r\n '2xl': 'bt-2xl',\r\n '3xl': 'bt-3xl',\r\n '4xl': 'bt-4xl',\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 'sbt',\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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"}

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

	@@ -1 +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';\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('car01', p.direction && VARIANTS[p.direction], dotPlacementClass(), p.class?.root)}\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 class={cn('car03', p.class?.item)} onClick={() => handleSlideClick(index())}>\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 type=\"button\" class=\"car05 car06\" onClick={prev} aria-label=\"Previous slide\">\n <ChevronLeft class=\"size-6\" />\n </button>\n </Show>\n <Show when={showNextArrow()}>\n <button type=\"button\" class=\"car05 car07\" onClick={next} aria-label=\"Next slide\">\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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"}
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('car01', p.direction && VARIANTS[p.direction], dotPlacementClass(), p.class?.root)}\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 class={cn('car03', p.class?.item)} onClick={() => handleSlideClick(index())}>\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 type=\"button\" class=\"car05 car06\" onClick={prev} aria-label=\"Previous slide\">\r\n <ChevronLeft class=\"size-6\" />\r\n </button>\r\n </Show>\r\n <Show when={showNextArrow()}>\r\n <button type=\"button\" class=\"car05 car07\" onClick={next} aria-label=\"Next slide\">\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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"}

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

	@@ -1 +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';\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"}
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"}

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

	@@ -1 +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';\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"}
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"}

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

	@@ -1 +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';\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"}
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"}

package/dist/components/context-menu/context-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"context-menu.js","names":["Component","createEffect","createSignal","For","onCleanup","Show","cn","ZIndex","ZIndexType","contextMenuStore","ContextMenuProps","RenderedItem","ChevronRight","MenuItemProps","item","close","customClass","Partial","Record","MenuItem","props","type","_el$","_tmpl$","_$effect","_$className","separator","submenuRef","HTMLDivElement","flip","setFlip","detectSubmenuEdge","rafId","requestAnimationFrame","checkEdge","rect","getBoundingClientRect","right","window","innerWidth","cancelAnimationFrame","_el$2","_tmpl$3","_el$3","firstChild","_el$5","_el$6","nextSibling","_el$7","_$insert","_$createComponent","when","prefixIcon","children","_el$4","_tmpl$2","label","size","_$use","el","each","items","sub","_p$","_v$","disabled","submenu","_v$2","_v$3","e","t","_$setAttribute","a","undefined","_el$8","_tmpl$5","_el$0","$$click","onClick","_el$9","shortcut","_el$1","_tmpl$4","_v$4","_v$5","MenuContentProps","x","y","MenuContent","panelRef","style","setStyle","left","top","adjustPosition","computePosition","vw","vh","innerHeight","Math","max","width","bottom","height","_el$10","$$contextmenu","preventDefault","_v$6","content","_v$7","_$style","ContextMenu","state","menuState","registerGlobalListeners","onMouseDown","MouseEvent","target","Element","closest","onKeyDown","KeyboardEvent","key","document","addEventListener","removeGlobalListeners","removeEventListener","open","DROPDOWN","s","class","_$delegateEvents"],"sources":["../../../src/components/context-menu/context-menu.tsx"],"sourcesContent":["import { Component, createEffect, createSignal, For, onCleanup, Show } from 'solid-js';\nimport { cn } from '@utils/cn';\nimport { ZIndex, ZIndexType } from '@components/z-index';\nimport { contextMenuStore } from './context-menu.store';\nimport type { ContextMenuProps, RenderedItem } from './context-menu.types';\nimport ChevronRight from 'lucide-solid/icons/chevron-right';\n\ntype MenuItemProps = {\n item: RenderedItem;\n close: () => void;\n customClass?: Partial<Record<'item' \| 'separator' \| 'submenu', string>>;\n};\n\nconst MenuItem: Component<MenuItemProps> = props => {\n if (props.item.type === 'separator') {\n return <div class={cn('cm03', props.customClass?.separator)} />;\n }\n\n if (props.item.type === 'submenu') {\n const item = props.item;\n let submenuRef!: HTMLDivElement;\n const [flip, setFlip] = createSignal(false);\n\n createEffect(function detectSubmenuEdge() {\n const rafId = requestAnimationFrame(function checkEdge() {\n if (!submenuRef) return;\n const rect = submenuRef.getBoundingClientRect();\n if (rect.right > window.innerWidth) setFlip(true);\n else setFlip(false);\n });\n onCleanup(() => cancelAnimationFrame(rafId));\n });\n\n return (\n <div\n class={cn('cm04', item.disabled && 'cm04--disabled', props.customClass?.submenu)}\n aria-disabled={item.disabled}\n >\n <div class=\"cm05\">\n <Show when={item.prefixIcon}>\n <span class=\"cm06\">{item.prefixIcon}</span>\n </Show>\n <span class=\"cm07\">{item.label}</span>\n <span class=\"cm08\">\n <ChevronRight size={14} />\n </span>\n </div>\n <div ref={el => (submenuRef = el)} class={cn('cm09', flip() && 'cm09--flip')}>\n <For each={item.items}>\n {sub => <MenuItem item={sub} close={props.close} customClass={props.customClass} />}\n </For>\n </div>\n </div>\n );\n }\n\n const item = props.item;\n return (\n <button\n type=\"button\"\n class={cn('cm02', item.disabled && 'cm02--disabled', props.customClass?.item)}\n disabled={item.disabled}\n onClick={() => {\n if (item.disabled) return;\n item.onClick();\n props.close();\n }}\n >\n <Show when={item.prefixIcon}>\n <span class=\"cm06\">{item.prefixIcon}</span>\n </Show>\n <span class=\"cm07\">{item.label}</span>\n <Show when={item.shortcut}>\n <span class=\"cm10\">{item.shortcut}</span>\n </Show>\n </button>\n );\n};\n\ntype MenuContentProps = {\n x: number;\n y: number;\n items: RenderedItem[];\n close: () => void;\n customClass?: Partial<Record<'content' \| 'item' \| 'separator' \| 'submenu', string>>;\n};\n\nconst MenuContent: Component<MenuContentProps> = props => {\n let panelRef!: HTMLDivElement;\n const [style, setStyle] = createSignal({ left: `${props.x}px`, top: `${props.y}px` });\n\n createEffect(function adjustPosition() {\n const rafId = requestAnimationFrame(function computePosition() {\n if (!panelRef) return;\n const rect = panelRef.getBoundingClientRect();\n const vw = window.innerWidth;\n const vh = window.innerHeight;\n\n const left = rect.right > vw ? Math.max(0, props.x - rect.width) : props.x;\n const top = rect.bottom > vh ? Math.max(0, props.y - rect.height) : props.y;\n\n setStyle({ left: `${left}px`, top: `${top}px` });\n });\n onCleanup(() => cancelAnimationFrame(rafId));\n });\n\n return (\n <div\n ref={el => (panelRef = el)}\n class={cn('cm01', props.customClass?.content)}\n style={style()}\n onContextMenu={e => e.preventDefault()}\n >\n <For each={props.items}>\n {item => <MenuItem item={item} close={props.close} customClass={props.customClass} />}\n </For>\n </div>\n );\n};\n\nexport const ContextMenu: Component<ContextMenuProps> = props => {\n const state = () => contextMenuStore.menuState();\n const close = () => contextMenuStore.close();\n\n createEffect(function registerGlobalListeners() {\n if (!state()) return;\n\n function onMouseDown(e: MouseEvent) {\n const target = e.target as Element;\n if (!target.closest('.cm01')) close();\n }\n\n function onKeyDown(e: KeyboardEvent) {\n if (e.key === 'Escape') close();\n }\n\n document.addEventListener('mousedown', onMouseDown);\n document.addEventListener('keydown', onKeyDown);\n\n onCleanup(function removeGlobalListeners() {\n document.removeEventListener('mousedown', onMouseDown);\n document.removeEventListener('keydown', onKeyDown);\n });\n });\n\n return (\n <ZIndex open={!!state()} type={ZIndexType.DROPDOWN} class=\"inset-0\">\n <Show when={state()}>\n {s => (\n <MenuContent\n x={s().x}\n y={s().y}\n items={s().items}\n close={close}\n customClass={props.class}\n />\n )}\n </Show>\n </ZIndex>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"context-menu.js","names":["Component","createEffect","createSignal","For","onCleanup","Show","cn","ZIndex","ZIndexType","contextMenuStore","ContextMenuProps","RenderedItem","ChevronRight","MenuItemProps","item","close","customClass","Partial","Record","MenuItem","props","type","_el$","_tmpl$","_$effect","_$className","separator","submenuRef","HTMLDivElement","flip","setFlip","detectSubmenuEdge","rafId","requestAnimationFrame","checkEdge","rect","getBoundingClientRect","right","window","innerWidth","cancelAnimationFrame","_el$2","_tmpl$3","_el$3","firstChild","_el$5","_el$6","nextSibling","_el$7","_$insert","_$createComponent","when","prefixIcon","children","_el$4","_tmpl$2","label","size","_$use","el","each","items","sub","_p$","_v$","disabled","submenu","_v$2","_v$3","e","t","_$setAttribute","a","undefined","_el$8","_tmpl$5","_el$0","$$click","onClick","_el$9","shortcut","_el$1","_tmpl$4","_v$4","_v$5","MenuContentProps","x","y","MenuContent","panelRef","style","setStyle","left","top","adjustPosition","computePosition","vw","vh","innerHeight","Math","max","width","bottom","height","_el$10","$$contextmenu","preventDefault","_v$6","content","_v$7","_$style","ContextMenu","state","menuState","registerGlobalListeners","onMouseDown","MouseEvent","target","Element","closest","onKeyDown","KeyboardEvent","key","document","addEventListener","removeGlobalListeners","removeEventListener","open","DROPDOWN","s","class","_$delegateEvents"],"sources":["../../../src/components/context-menu/context-menu.tsx"],"sourcesContent":["import { Component, createEffect, createSignal, For, onCleanup, Show } from 'solid-js';\r\nimport { cn } from '@utils/cn';\r\nimport { ZIndex, ZIndexType } from '@components/z-index';\r\nimport { contextMenuStore } from './context-menu.store';\r\nimport type { ContextMenuProps, RenderedItem } from './context-menu.types';\r\nimport ChevronRight from 'lucide-solid/icons/chevron-right';\r\n\r\ntype MenuItemProps = {\r\n item: RenderedItem;\r\n close: () => void;\r\n customClass?: Partial<Record<'item' \| 'separator' \| 'submenu', string>>;\r\n};\r\n\r\nconst MenuItem: Component<MenuItemProps> = props => {\r\n if (props.item.type === 'separator') {\r\n return <div class={cn('cm03', props.customClass?.separator)} />;\r\n }\r\n\r\n if (props.item.type === 'submenu') {\r\n const item = props.item;\r\n let submenuRef!: HTMLDivElement;\r\n const [flip, setFlip] = createSignal(false);\r\n\r\n createEffect(function detectSubmenuEdge() {\r\n const rafId = requestAnimationFrame(function checkEdge() {\r\n if (!submenuRef) return;\r\n const rect = submenuRef.getBoundingClientRect();\r\n if (rect.right > window.innerWidth) setFlip(true);\r\n else setFlip(false);\r\n });\r\n onCleanup(() => cancelAnimationFrame(rafId));\r\n });\r\n\r\n return (\r\n <div\r\n class={cn('cm04', item.disabled && 'cm04--disabled', props.customClass?.submenu)}\r\n aria-disabled={item.disabled}\r\n >\r\n <div class=\"cm05\">\r\n <Show when={item.prefixIcon}>\r\n <span class=\"cm06\">{item.prefixIcon}</span>\r\n </Show>\r\n <span class=\"cm07\">{item.label}</span>\r\n <span class=\"cm08\">\r\n <ChevronRight size={14} />\r\n </span>\r\n </div>\r\n <div ref={el => (submenuRef = el)} class={cn('cm09', flip() && 'cm09--flip')}>\r\n <For each={item.items}>\r\n {sub => <MenuItem item={sub} close={props.close} customClass={props.customClass} />}\r\n </For>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n const item = props.item;\r\n return (\r\n <button\r\n type=\"button\"\r\n class={cn('cm02', item.disabled && 'cm02--disabled', props.customClass?.item)}\r\n disabled={item.disabled}\r\n onClick={() => {\r\n if (item.disabled) return;\r\n item.onClick();\r\n props.close();\r\n }}\r\n >\r\n <Show when={item.prefixIcon}>\r\n <span class=\"cm06\">{item.prefixIcon}</span>\r\n </Show>\r\n <span class=\"cm07\">{item.label}</span>\r\n <Show when={item.shortcut}>\r\n <span class=\"cm10\">{item.shortcut}</span>\r\n </Show>\r\n </button>\r\n );\r\n};\r\n\r\ntype MenuContentProps = {\r\n x: number;\r\n y: number;\r\n items: RenderedItem[];\r\n close: () => void;\r\n customClass?: Partial<Record<'content' \| 'item' \| 'separator' \| 'submenu', string>>;\r\n};\r\n\r\nconst MenuContent: Component<MenuContentProps> = props => {\r\n let panelRef!: HTMLDivElement;\r\n const [style, setStyle] = createSignal({ left: `${props.x}px`, top: `${props.y}px` });\r\n\r\n createEffect(function adjustPosition() {\r\n const rafId = requestAnimationFrame(function computePosition() {\r\n if (!panelRef) return;\r\n const rect = panelRef.getBoundingClientRect();\r\n const vw = window.innerWidth;\r\n const vh = window.innerHeight;\r\n\r\n const left = rect.right > vw ? Math.max(0, props.x - rect.width) : props.x;\r\n const top = rect.bottom > vh ? Math.max(0, props.y - rect.height) : props.y;\r\n\r\n setStyle({ left: `${left}px`, top: `${top}px` });\r\n });\r\n onCleanup(() => cancelAnimationFrame(rafId));\r\n });\r\n\r\n return (\r\n <div\r\n ref={el => (panelRef = el)}\r\n class={cn('cm01', props.customClass?.content)}\r\n style={style()}\r\n onContextMenu={e => e.preventDefault()}\r\n >\r\n <For each={props.items}>\r\n {item => <MenuItem item={item} close={props.close} customClass={props.customClass} />}\r\n </For>\r\n </div>\r\n );\r\n};\r\n\r\nexport const ContextMenu: Component<ContextMenuProps> = props => {\r\n const state = () => contextMenuStore.menuState();\r\n const close = () => contextMenuStore.close();\r\n\r\n createEffect(function registerGlobalListeners() {\r\n if (!state()) return;\r\n\r\n function onMouseDown(e: MouseEvent) {\r\n const target = e.target as Element;\r\n if (!target.closest('.cm01')) close();\r\n }\r\n\r\n function onKeyDown(e: KeyboardEvent) {\r\n if (e.key === 'Escape') close();\r\n }\r\n\r\n document.addEventListener('mousedown', onMouseDown);\r\n document.addEventListener('keydown', onKeyDown);\r\n\r\n onCleanup(function removeGlobalListeners() {\r\n document.removeEventListener('mousedown', onMouseDown);\r\n document.removeEventListener('keydown', onKeyDown);\r\n });\r\n });\r\n\r\n return (\r\n <ZIndex open={!!state()} type={ZIndexType.DROPDOWN} class=\"inset-0\">\r\n <Show when={state()}>\r\n {s => (\r\n <MenuContent\r\n x={s().x}\r\n y={s().y}\r\n items={s().items}\r\n close={close}\r\n customClass={props.class}\r\n />\r\n )}\r\n </Show>\r\n </ZIndex>\r\n );\r\n};\r\n"],"mappings":"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"}