solid-tom-ui 0.1.0

package/README.md

@@ -0,0 +1,247 @@
+# solid-ui
+
+> A high-performance, easy-to-use UI component library for [SolidJS](https://solidjs.com), inspired by Ant Design.
+
+Built on **Tailwind CSS 4** and **DaisyUI 5**, leveraging SolidJS fine-grained reactivity for minimal re-renders and optimal bundle size.
+
+## 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
+
+## Installation
+
+```bash
+npm install solid-ui
+```
+
+### Peer dependencies
+
+```bash
+npm install solid-js tailwindcss daisyui clsx tailwind-merge class-variance-authority lucide-solid
+```
+
+Optional (only needed for specific components):
+
+| Package | Component |
+|---------|-----------|
+| `imask` | `Input` with mask |
+| `qrcode` | `QrCode` |
+| `@tanstack/solid-table` | `Table` |
+
+## Setup
+
+### 1. Configure Tailwind + DaisyUI
+
+```css
+/* app.css */
+@import 'tailwindcss';
+@plugin 'daisyui';
+
+/* Import solid-ui component styles */
+@import 'solid-ui/styles';
+```
+
+### 2. Use components
+
+```tsx
+import { Button, Modal, toast } from 'solid-ui';
+
+function App() {
+  return (
+    <Button color="primary" onClick={() => toast.success('Hello!')}>
+      Click me
+    </Button>
+  );
+}
+```
+
+## 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 |
+|-----------|-------------|
+| `Blank` | Empty state placeholder |
+
+## 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',
+  }}
+/>
+```
+
+### Utilities
+
+```tsx
+import { cn, getColor, renderCSSAnimation, createThrottle } from 'solid-ui';
+
+// Tailwind class merging
+cn('btn btn-primary', isActive && 'btn-active', props.class);
+
+// Get DaisyUI color class
+getColor('primary'); // → 'color-primary'
+```
+
+## Toast
+
+```tsx
+import { toast, Toaster } from 'solid-ui';
+
+// Add <Toaster /> once at the app root
+function App() {
+  return (
+    <>
+      <Toaster />
+      <MyPage />
+    </>
+  );
+}
+
+// Use anywhere
+toast.success('Saved!');
+toast.error('Something went wrong', { duration: 5000 });
+toast.info('New update available');
+toast.warning('Disk space low');
+toast('Custom message', { color: 'accent' });
+```
+
+## Table
+
+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 { createSolidTable, getCoreRowModel } from '@tanstack/solid-table';
+
+const table = createSolidTable({
+  get data() { return rows(); },
+  columns,
+  getCoreRowModel: getCoreRowModel(),
+});
+
+<Table table={table} height={400} />
+```
+
+## Input variants
+
+```tsx
+import {
+  InputText,
+  InputPassword,
+  InputNumber,
+  InputTextarea,
+  InputOTP,
+  InputRange,
+  InputColor,
+  InputDate,
+} from 'solid-ui';
+
+<InputText placeholder="Name" />
+<InputPassword placeholder="Password" />
+<InputNumber min={0} max={100} />
+<InputOTP length={6} onComplete={code => verify(code)} />
+```
+
+## TypeScript
+
+All prop types are exported:
+
+```tsx
+import type { ButtonProps, ModalProps, BaseColorProps, SolidComponent } from 'solid-ui';
+```
+
+## License
+
+MIT © [MSI_TruongDN](https://github.com/MSI-TruongDN)

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,14 @@
+import { VariantProps } from 'class-variance-authority';
+import { Component, ParentComponent } from 'solid-js';
+import { AvatarGroup, AvatarProps } from './avatar.types';
+declare const variants: (props?: ({
+    mask?: "heart" | "hexagon" | "squircle" | "square" | "circle" | null | undefined;
+    status?: "online" | "offline" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type AvatarVariantsProps = VariantProps<typeof variants>;
+export declare function Avatar(p: AvatarProps): ReturnType<Component<AvatarProps>>;
+export declare namespace Avatar {
+    var Group: (props: AvatarGroup) => ReturnType<ParentComponent>;
+}
+export {};
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EACL,SAAS,EAKT,eAAe,EAGhB,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE/D,QAAA,MAAM,QAAQ;;;8EAcZ,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEhE,wBAAgB,MAAM,CAAC,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAgCzE;yBAhCe,MAAM;uBAkCC,WAAW,KAAG,UAAU,CAAC,eAAe,CAAC"}

package/dist/components/avatar/avatar.js

@@ -0,0 +1,2 @@
+import{cn as e}from"../../utils/cn.js";import{className as t,createComponent as n,effect as r,insert as i,memo as a,mergeProps as o,setAttribute as s,setStyleProperty as c,template as l}from"solid-js/web";import{cva as u}from"class-variance-authority";import{For as d,Match as f,Show as p,Switch as m,createMemo as h,mergeProps as g}from"solid-js";var _=l(`<div>`),v=l(`<img>`),y=l(`<div><div>+`),b=u(``,{variants:{mask:{heart:`mask mask-heart`,hexagon:`mask mask-hexagon`,squircle:`mask mask-squircle`,square:`rounded-lg`,circle:`rounded-full`},status:{online:`avatar-online`,offline:`avatar-offline`}}});function x(o){return o=g({mask:`circle`,effect:!0},o),(()=>{var l=_();return i(l,n(m,{get children(){return[n(f,{get when(){return o.placeholder},get children(){return o.placeholder}}),n(f,{get when(){return o.image},get children(){var n=_();return i(n,(()=>{var e=a(()=>!!o.image);return()=>e()&&(()=>{var e=v();return r(()=>s(e,`src`,o.image)),e})()})()),r(r=>{var i=e(b({mask:o.mask}),o.class?.avatar),a=typeof o.width==`string`?o.width:`${o.width}px`;return i!==r.e&&t(n,r.e=i),a!==r.t&&c(n,`width`,r.t=a),r},{e:void 0,t:void 0}),n}})]}})),r(()=>t(l,e(`avatar`,o.placeholder&&`avatar-placeholder`,b({status:o.status}),o.effect&&`avatar-effect`,o.class?.root))),l})()}x.Group=a=>{let s=h(()=>typeof a.width==`string`?a.width:`${a.width}px`);return(()=>{var l=_();return i(l,n(d,{get each(){return a.avatars},children:e=>n(x,o(e,{get width(){return s()}}))}),null),i(l,n(p,{get when(){return a.counter},get children(){var n=y(),o=n.firstChild;return o.firstChild,i(o,()=>a.counter,null),r(r=>{var i=e(`avatar avatar-placeholder`,a.class?.placeholder),l=e(`bg-neutral text-neutral-content`,a.class?.counter),u=s();return i!==r.e&&t(n,r.e=i),l!==r.t&&t(o,r.t=l),u!==r.a&&c(o,`width`,r.a=u),r},{e:void 0,t:void 0,a:void 0}),n}}),null),r(()=>t(l,e(`avatar-group -space-x-6`,a.class?.group))),l})()};export{x as Avatar};
+//# sourceMappingURL=avatar.js.map

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

@@ -0,0 +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":"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/avatar/avatar.types.d.ts

@@ -0,0 +1,18 @@
+import { SolidComponent } from '../../type';
+import { AvatarVariantsProps } from './avatar';
+export type AvatarProps = {
+    width: string | number;
+    image?: string;
+    placeholder?: SolidComponent;
+    mask?: AvatarVariantsProps['mask'];
+    status?: AvatarVariantsProps['status'];
+    class?: Partial<Record<'root' | 'avatar', string>>;
+    effect?: boolean;
+};
+export type AvatarGroup = {
+    avatars: Omit<AvatarProps, 'width' | 'status'>[];
+    class?: Partial<Record<'group' | 'placeholder' | 'counter', string>>;
+    counter?: number;
+    width: string | number;
+};
+//# sourceMappingURL=avatar.types.d.ts.map

package/dist/components/avatar/avatar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC;IACjD,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,GAAG,aAAa,GAAG,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC"}

package/dist/components/avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { Avatar } from './avatar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import { Component } from 'solid-js';
+import { BadgeProps } from './badge.types';
+declare const variants: (props?: ({
+    size?: "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | null | undefined;
+    color?: "primary" | "neutral" | "secondary" | "accent" | "info" | "success" | "warning" | "error" | null | undefined;
+    variants?: "outline" | "soft" | "dashed" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type BadgeVariantsProps = VariantProps<typeof variants>;
+export declare const Badge: Component<BadgeProps>;
+export {};
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAc,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,QAAA,MAAM,QAAQ;;;;8EA6BZ,CAAC;AACH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE/D,eAAO,MAAM,KAAK,EAAE,SAAS,CAAC,UAAU,CAkBvC,CAAC"}

package/dist/components/badge/badge.js

@@ -0,0 +1,2 @@
+import{cn as e}from"../../utils/cn.js";import{className as t,effect as n,insert as r,memo as i,template as a}from"solid-js/web";import{cva as o}from"class-variance-authority";import{mergeProps as s}from"solid-js";var c=a(`<div>`),l=a(`<span>`),u=o(``,{variants:{size:{"3xs":`h-3.5 text-[10px]`,"2xs":`h-4 text-xs`,xs:`h-4.5 text-xs`,sm:`h-5 text-xs`,md:`h-5.5 text-xs`,lg:`h-6 text-sm`,xl:`h-6.5 text-sm`,"2xl":`h-7 text-sm`,"3xl":`h-7.5 text-base`},color:{neutral:`color-neutral`,primary:`color-primary`,secondary:`color-secondary`,accent:`color-accent`,info:`color-info`,success:`color-success`,warning:`color-warning`,error:`color-error`},variants:{outline:`bad03`,soft:`bad02`,dashed:`bad04`}}}),d=a=>(a=s({size:`md`,color:`primary`,content:`lorem`,variants:`soft`},a),(()=>{var o=c();return r(o,(()=>{var o=i(()=>typeof a.content==`string`);return()=>o()?(()=>{var i=l();return r(i,()=>a.content),n(()=>t(i,e(`bad01`,a.class?.child))),i})():(()=>{var e=c();return r(e,()=>a.content),n(()=>t(e,a.class?.child)),e})()})()),n(()=>t(o,e(`bad00`,u({color:a.color,size:a.size,variants:a.variants}),a.class?.root))),o})());export{d as Badge};
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +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"}

package/dist/components/badge/badge.types.d.ts

@@ -0,0 +1,10 @@
+import { BaseColorProps, SolidComponent } from '../../type';
+import { BadgeVariantsProps } from './badge';
+export type BadgeProps = {
+    content?: SolidComponent;
+    size?: BadgeVariantsProps['size'];
+    color?: BaseColorProps;
+    variants?: BadgeVariantsProps['variants'];
+    class?: Partial<Record<'root' | 'child', string>>;
+};
+//# sourceMappingURL=badge.types.d.ts.map

package/dist/components/badge/badge.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;CACnD,CAAC"}

package/dist/components/badge/index.d.ts

@@ -0,0 +1,3 @@
+export { Badge } from './badge';
+export type { BadgeProps } from './badge.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/blank/blank.d.ts

@@ -0,0 +1,5 @@
+import { Component } from 'solid-js';
+type BlankProps = {};
+export declare const Blank: Component<BlankProps>;
+export {};
+//# sourceMappingURL=blank.d.ts.map

package/dist/components/blank/blank.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blank.d.ts","sourceRoot":"","sources":["../../../src/components/blank/blank.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,KAAK,UAAU,GAAG,EAAE,CAAC;AACrB,eAAO,MAAM,KAAK,EAAE,SAAS,CAAC,UAAU,CAEvC,CAAC"}

package/dist/components/blank/blank.js

@@ -0,0 +1,2 @@
+var e=e=>[];export{e as Blank};
+//# sourceMappingURL=blank.js.map

package/dist/components/blank/blank.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blank.js","names":["Component","BlankProps","Blank","p"],"sources":["../../../src/components/blank/blank.tsx"],"sourcesContent":["import { Component } from 'solid-js';\n\ntype BlankProps = {};\nexport const Blank: Component<BlankProps> = p => {\n  return <></>;\n};\n"],"mappings":"AAGA,IAAaE,EAA+BC,GAC1C,EAAA"}

package/dist/components/blank/index.d.ts

@@ -0,0 +1,2 @@
+export { Blank } from './blank';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/blank/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/blank/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import { SolidComponent } from '../../type';
+import { Component } from 'solid-js';
+type BreadcrumbProps = {
+    items: SolidComponent[];
+    class?: Partial<Record<'root' | 'item', string>>;
+    separate?: SolidComponent;
+    onItemClick?: (e: MouseEvent) => void;
+};
+export declare const Breadcrumb: Component<BreadcrumbProps>;
+export {};
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/breadcrumb/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,SAAS,EAAmB,MAAM,UAAU,CAAC;AAEtD,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACvC,CAAC;AACF,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,eAAe,CAwBjD,CAAC"}

package/dist/components/breadcrumb/breadcrumb.js

@@ -0,0 +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,template as s}from"solid-js/web";import{For as c,createMemo as l}from"solid-js";var u=s(`<div><ul>`),d=s(`<li>`),f=r=>{let s=l(()=>r.items.length-1);return(()=>{var l=u(),f=l.firstChild;return f.$$click=e=>{e.target.tagName!==`UL`&&r.onItemClick&&r.onItemClick(e)},a(f,n(c,{get each(){return r.items},children:(e,n)=>[(()=>{var n=d();return a(n,e),i(()=>t(n,r.class?.item)),n})(),o(()=>o(()=>n()<s())()&&r.separate)]})),i(()=>t(l,e(`breadcrumbs`,r.separate&&`separate`,r.class?.root))),l})()};r([`click`]);export{f as Breadcrumb};
+//# sourceMappingURL=breadcrumb.js.map

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

@@ -0,0 +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/breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export { Breadcrumb } from './breadcrumb';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/breadcrumb/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/button/button.d.ts

@@ -0,0 +1,19 @@
+import { VariantProps } from 'class-variance-authority';
+import { Component } from 'solid-js';
+import { ButtonProps } from './button.types';
+type Opacity = {
+    from: string;
+    to: string;
+};
+export declare function rippleAnimate(target: HTMLButtonElement, duration?: number, opacity?: Opacity): void;
+declare const variants: (props?: ({
+    size?: "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xs" | "4xl" | null | undefined;
+    color?: "primary" | "neutral" | "secondary" | "accent" | "info" | "success" | "warning" | "error" | null | undefined;
+    variant?: "outline" | "soft" | "dashed" | "default" | "simple" | "solid" | "text" | "link" | null | undefined;
+    shape?: "square" | "circle" | null | undefined;
+    loadingType?: "dots" | "ring" | "ball" | "bars" | "infinity" | "spinner" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ButtonVariantsProps = VariantProps<typeof variants>;
+export declare const Button: Component<ButtonProps>;
+export {};
+//# sourceMappingURL=button.d.ts.map

package/dist/components/button/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAyC,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,KAAK,OAAO,GAAG;IACb,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AACF,wBAAgB,aAAa,CAC3B,MAAM,EAAE,iBAAiB,EACzB,QAAQ,GAAE,MAAY,EACtB,OAAO,GAAE,OAAoC,QAa9C;AACD,QAAA,MAAM,QAAQ;;;;;;8EAgDZ,CAAC;AACH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEhE,eAAO,MAAM,MAAM,EAAE,SAAS,CAAC,WAAW,CA2EzC,CAAC"}

package/dist/components/button/button.js

@@ -0,0 +1,2 @@
+import{cn as e}from"../../utils/cn.js";import{className as t,createComponent as n,effect as r,insert as i,memo as a,mergeProps as o,setStyleProperty as s,spread as c,template as l}from"solid-js/web";import{cva as u}from"class-variance-authority";import{Match as d,Switch as f,mergeProps as p,splitProps as m}from"solid-js";var h=l(`<span>`),g=l(`<button>`),_=l(`<span class=mb-px>`);function v(e,t=300,n={from:`20%`,to:`10%`}){e&&e.animate([{boxShadow:`0 0 0 0 rgba(from var(--btn-color) r g b / ${n.from})`},{boxShadow:`0 0 0 6px rgba(from var(--btn-color) r g b / ${n.to})`}],{duration:t,easing:`linear`})}var y=u(``,{variants:{size:{"4xs":`h-6.5 text-xs`,"3xs":`h-7 text-xs`,"2xs":`h-7.5 text-xs`,xs:`h-8 text-xs`,sm:`h-8.5`,md:`h-9`,lg:`h-9.5`,xl:`h-10 text-base`,"2xl":`h-10.5 text-base`,"3xl":`h-11 text-base`,"4xl":`h-11.5 text-base`},color:{neutral:`btn-neutral`,primary:`btn-primary`,secondary:`btn-secondary`,accent:`btn-accent`,info:`btn-info`,success:`btn-success`,warning:`btn-warning`,error:`btn-error`},variant:{default:`btn-default`,simple:`btn-default border-transparent`,solid:``,outline:`btn-outline`,dashed:`btn-dash`,soft:`btn-soft`,text:`btn-ghost`,link:`btn-link`},shape:{circle:`aspect-square rounded-full`,square:`aspect-square`},loadingType:{dots:`loading-dots`,ring:`loading-ring`,ball:`loading-ball`,bars:`loading-bars`,infinity:`loading-infinity`,spinner:`loading-spinner`}}}),b=l=>{let u=p({size:`sm`,disabled:!1,loading:!1,color:`secondary`,class:void 0,iconPlacement:`start`,loadingOptions:{type:`spinner`,size:20},animate:`ripple`},l),b=u.shape===`square`||u.shape===`circle`,[x,S]=m(u,[`size`,`iconPlacement`,`loading`,`variant`,`color`,`shape`,`icon`,`children`,`class`,`disabled`,`onClick`,`loadingOptions`,`animate`]),C=e=>{if(x.onClick?.(e),x.animate===`ripple`){let t=e.currentTarget;switch(x.variant){case`default`:case`simple`:case`link`:return v(t,300,{from:`8%`,to:`2%`});default:return v(t)}}};return(()=>{var l=g();return c(l,o(S,{get class(){return e(`sui-btn`,y({size:x.size,color:x.color,variant:x.variant,shape:x.shape}),!b&&x.icon&&(x.iconPlacement===`start`?`flex-row`:`flex-row-reverse`),x.icon&&`[&_svg]:shrink-0`,x.animate!==`translate`&&`active:translate-none`,x.class)}},()=>x.shape&&{"data-shape":x.shape},{onClick:C,get disabled(){return x.disabled||x.loading}}),!1,!0),i(l,n(f,{get children(){return[n(d,{get when(){return x.loading},get children(){var n=h();return r(r=>{var i=e(`loading shrink-0`,y({loadingType:x.loadingOptions?.type})),a=`${x.loadingOptions?.size}px`;return i!==r.e&&t(n,r.e=i),a!==r.t&&s(n,`width`,r.t=a),r},{e:void 0,t:void 0}),n}}),n(d,{get when(){return a(()=>!x.loading)()&&x.icon},get children(){return x.icon}})]}}),null),i(l,(()=>{var e=a(()=>!!(!b&&x.children));return()=>e()&&(()=>{var e=_();return i(e,()=>x.children),e})()})(),null),l})()};export{b as Button};
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +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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"}

package/dist/components/button/button.types.d.ts

@@ -0,0 +1,30 @@
+import { BaseColorProps, SolidComponent } from '../../type';
+import { JSX, JSXElement } from 'solid-js';
+import { ButtonVariantsProps } from './button';
+type BaseButtonProps = {
+    size?: ButtonVariantsProps['size'];
+    icon?: SolidComponent;
+    iconPlacement?: 'start' | 'end';
+    loading?: boolean;
+    variant: ButtonVariantsProps['variant'];
+    color?: BaseColorProps;
+    disabled?: boolean;
+    onClick?: (e: MouseEvent) => void;
+    class?: string;
+    loadingOptions?: {
+        type?: ButtonVariantsProps['loadingType'];
+        size?: number;
+    };
+    animate?: 'none' | 'translate' | 'ripple';
+};
+type ButtonWithShape = BaseButtonProps & {
+    shape: NonNullable<ButtonVariantsProps['shape']>;
+    children?: never;
+};
+type ButtonWithoutShape = BaseButtonProps & {
+    shape?: undefined;
+    children?: JSXElement;
+};
+export type ButtonProps = (ButtonWithShape | ButtonWithoutShape) & Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'class' | 'disabled' | 'children'>;
+export {};
+//# sourceMappingURL=button.types.d.ts.map

package/dist/components/button/button.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE;QACf,IAAI,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;QAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;CAC3C,CAAC;AAEF,KAAK,eAAe,GAAG,eAAe,GAAG;IACvC,KAAK,EAAE,WAAW,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC;AAEF,KAAK,kBAAkB,GAAG,eAAe,GAAG;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,UAAU,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,CAAC,eAAe,GAAG,kBAAkB,CAAC,GAC9D,IAAI,CAAC,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC"}

package/dist/components/button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './button';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/carousel/carousel.d.ts

@@ -0,0 +1,4 @@
+import { Component } from 'solid-js';
+import { CarouselProps } from './carousel.types';
+export declare const Carousel: Component<CarouselProps>;
+//# sourceMappingURL=carousel.d.ts.map

package/dist/components/carousel/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/carousel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAY1C,OAAO,KAAK,EAAoB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAMxE,eAAO,MAAM,QAAQ,EAAE,SAAS,CAAC,aAAa,CAmW7C,CAAC"}

package/dist/components/carousel/carousel.js

@@ -0,0 +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};
+//# sourceMappingURL=carousel.js.map