@neut/ui 0.0.2 → 0.0.4

package/README.md

@@ -36,7 +36,8 @@
 
 ```css
 @import "tailwindcss";
-@import "../node_modules/@neut/ui/dist/ui.css";
+@import "./styles/animate.css";
+@import "./styles/toast.css";
 ```
 
 除了样式文件外，还需要安装样式合并依赖`tailwind-merge`及样式定义依赖`class-variance-authority`：
@@ -84,8 +85,8 @@ bun i @neut/ui
 安装后需要在根样式文件中导入样式及注册样式资源：
 
 ```css
-@import "../node_modules/@neut/ui/dist/styles/index.css";
-@source "../node_modules/@neut/ui/dist";
+@import "tailwindcss";
+@import "../node_modules/@neut/ui/dist/ui.css";
 ```
 
 然后即可如同其他组件库一样导入并使用组件：

package/dist/components/accordion/Accordion/Accordion.context.js

@@ -39,3 +39,5 @@ var s = () => {
 };
 //#endregion
 export { o as AccordionProvider, s as useAccordionContext };
+
+//# sourceMappingURL=Accordion.context.js.map

package/dist/components/accordion/Accordion/Accordion.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.context.js","names":["createContext","ParentProps","useContext","AccordionValue","createStore","produce","AccordionContextValue","orientation","isOpen","value","toggle","AccordionContext","AccordionProvider","props","defaultValue","multiple","onValueChange","openMap","setOpenMap","Record","reduce","acc","val","String","includes","undefined","current","next","filter","v","key","draft","isCurrentlyOpen","k","prev","Object","values","contextValue","_$createComponent","Provider","children","useAccordionContext","context","Error"],"sources":["../../../../src/components/accordion/Accordion/Accordion.context.tsx"],"sourcesContent":["import { createContext, type ParentProps, useContext } from \"solid-js\";\nimport type { AccordionValue } from \"./Accordion.types\";\nimport { createStore, produce } from \"solid-js/store\";\n\ninterface AccordionContextValue {\n  orientation: \"horizontal\" | \"vertical\";\n  isOpen: (value: string | number) => boolean;\n  toggle: (value: string | number) => void;\n}\n\nconst AccordionContext = createContext<AccordionContextValue>();\n\nexport function AccordionProvider(\n  props: ParentProps & {\n    orientation: \"horizontal\" | \"vertical\";\n    defaultValue?: AccordionValue[];\n    value?: AccordionValue[];\n    multiple?: boolean;\n    onValueChange?: (value: (string | number)[]) => void;\n  },\n) {\n  const [openMap, setOpenMap] = createStore<\n    Record<string, AccordionValue | undefined>\n  >(\n    (props.defaultValue ?? []).reduce(\n      (acc, val) => {\n        acc[String(val)] = val;\n        return acc;\n      },\n      {} as Record<string, AccordionValue | undefined>,\n    ),\n  );\n\n  const isOpen = (value: AccordionValue) => {\n    if (props.value) {\n      // 受控模式：依赖外部传入的数据\n      return props.value.includes(value);\n    }\n    // 非受控模式：O(1) 的细粒度追踪，只订阅该 value 对应的 key\n    return openMap[String(value)] !== undefined;\n  };\n\n  const toggle = (value: string | number) => {\n    // 【受控模式】只通知外部，不改本地状态\n    if (props.value) {\n      const current = props.value;\n      const next = current.includes(value)\n        ? current.filter((v) => v !== value)\n        : props.multiple\n          ? [...current, value]\n          : [value];\n      props.onValueChange?.(next);\n      return;\n    }\n\n    // 非受控模式：细粒度更新，只改动涉及的 key\n    const key = String(value);\n\n    if (!props.multiple) {\n      // 单选：关闭其他，切换自己\n      setOpenMap(\n        produce((draft) => {\n          const isCurrentlyOpen = draft[key] !== undefined;\n\n          for (const k in draft) {\n            draft[k] = undefined;\n          }\n\n          if (!isCurrentlyOpen) {\n            draft[key] = value;\n          }\n        }),\n      );\n    } else {\n      // 多选：切换自己\n      setOpenMap(key, (prev) => (prev !== undefined ? undefined : value));\n    }\n\n    // 通知外部\n    const next = Object.values(openMap).filter(\n      (v): v is AccordionValue => v !== undefined,\n    );\n    props.onValueChange?.(next);\n  };\n\n  const contextValue: AccordionContextValue = {\n    // 使用 getter 确保 props.orientation 改变时能响应\n    get orientation() {\n      return props.orientation;\n    },\n    isOpen,\n    toggle,\n  };\n\n  return (\n    <AccordionContext.Provider value={contextValue}>\n      {props.children}\n    </AccordionContext.Provider>\n  );\n}\n\nexport const useAccordionContext = () => {\n  const context = useContext(AccordionContext);\n  if (!context)\n    throw new Error(\"useAccordionContext must be used in AccordionProvider\");\n\n  return context;\n};\n"],"mappings":";;;;AAUA,IAAMW,IAAmBX,GAAsC;AAE/D,SAAgBY,EACdC,GAOA;CACA,IAAM,CAACI,GAASC,KAAcd,GAG3BS,EAAMC,gBAAgB,EAAE,EAAEM,QACxBC,GAAKC,OACJD,EAAIE,OAAOD,EAAI,IAAIA,GACZD,IAET,EAAE,CAEN,CAAC;AA+DD,QAAAiB,EACG3B,EAAiB4B,UAAQ;EAAC9B,OAVe;GAE1C,IAAIF,cAAc;AAChB,WAAOM,EAAMN;;GAEfC,SAzDcC,MACVI,EAAMJ,QAEDI,EAAMJ,MAAMe,SAASf,EAAM,GAG7BQ,EAAQM,OAAOd,EAAM,MAAMgB,KAAAA;GAoDlCf,SAjDcD,MAA2B;AAEzC,QAAII,EAAMJ,OAAO;KACf,IAAMiB,IAAUb,EAAMJ,OAChBkB,IAAOD,EAAQF,SAASf,EAAM,GAChCiB,EAAQE,QAAQC,MAAMA,MAAMpB,EAAM,GAClCI,EAAME,WACJ,CAAC,GAAGW,GAASjB,EAAM,GACnB,CAACA,EAAM;AACbI,OAAMG,gBAAgBW,EAAK;AAC3B;;IAIF,IAAMG,IAAMP,OAAOd,EAAM;AAEzB,IAAKI,EAAME,WAiBTG,EAAWY,IAAMI,MAAUA,MAAST,KAAAA,IAAwBhB,IAAZgB,KAAAA,EAAmB,GAfnEP,EACEb,GAAS0B,MAAU;KACjB,IAAMC,IAAkBD,EAAMD,OAASL,KAAAA;AAEvC,UAAK,IAAMQ,KAAKF,EACdA,GAAME,KAAKR,KAAAA;AAGb,KAAKO,MACHD,EAAMD,KAAOrB;MAGnB,CAAC;IAOH,IAAMkB,IAAOQ,OAAOC,OAAOnB,EAAQ,CAACW,QACjCC,MAA2BA,MAAMJ,KAAAA,EACnC;AACDZ,MAAMG,gBAAgBW,EAAK;;GAU5B;EAG+C,IAAAa,WAAA;AAAA,UAC3C3B,EAAM2B;;EAAQ,CAAA;;AAKrB,IAAaC,UAA4B;CACvC,IAAMC,IAAUxC,EAAWS,EAAiB;AAC5C,KAAI,CAAC+B,EACH,OAAUC,MAAM,wDAAwD;AAE1E,QAAOD"}

package/dist/components/accordion/Accordion/Accordion.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { AccordionProvider as t } from "./Accordion.context.js";
 import { useAccordion as n } from "./useAccordion.js";
 import { addEventListener as r, createComponent as i, delegateEvents as a, insert as o, mergeProps as s, spread as c, template as l } from "solid-js/web";
@@ -65,3 +65,5 @@ var f = /* @__PURE__ */ l("<section data-slot=accordion>"), p = (a) => {
 a(["keydown"]);
 //#endregion
 export { p as Accordion };
+
+//# sourceMappingURL=Accordion.js.map

package/dist/components/accordion/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","names":["mergeProps","splitProps","clsx","AccordionProvider","AccordionProps","useAccordion","Accordion","props","merged","hiddenUntilFound","loopFocus","multiple","disabled","orientation","keepMounted","dir","const","local","others","handleKeyDown","_el$","_tmpl$","_$addEventListener","_$spread","_$mergeProps","class","data-orientation","_$insert","_$createComponent","defaultValue","value","onValueChange","children","_$delegateEvents"],"sources":["../../../../src/components/accordion/Accordion/Accordion.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { AccordionProvider } from \"./Accordion.context\";\nimport type { AccordionProps } from \"./Accordion.types\";\nimport { useAccordion } from \"./useAccordion\";\n\nexport const Accordion = (props: AccordionProps) => {\n  const merged = mergeProps(\n    {\n      hiddenUntilFound: false,\n      loopFocus: true,\n      multiple: false,\n      disabled: false,\n      orientation: \"vertical\",\n      keepMounted: false,\n      dir: \"ltr\",\n    } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"defaultValue\",\n    \"value\",\n    \"onValueChange\",\n    \"hiddenUntilFound\",\n    \"loopFocus\",\n    \"multiple\",\n    \"disabled\",\n    \"orientation\",\n    \"class\",\n    \"classList\",\n    \"keepMounted\",\n    \"dir\",\n    \"children\",\n  ]);\n\n  const { handleKeyDown } = useAccordion();\n\n  return (\n    <section\n      class={clsx(\"flex\", \"w-full\", \"flex-col\", \"max-w-lg\", local.class)}\n      data-orientation={local.orientation}\n      data-slot=\"accordion\"\n      dir={local.dir}\n      onKeyDown={handleKeyDown}\n      {...others}\n    >\n      <AccordionProvider\n        orientation={local.orientation}\n        defaultValue={props.defaultValue}\n        value={props.value}\n        multiple={props.multiple}\n        onValueChange={props.onValueChange}\n      >\n        {/* children 是1个以上 AccordionItem */}\n        {local.children}\n      </AccordionProvider>\n    </section>\n  );\n};\n"],"mappings":";;;;;;4DAMaM,KAAaC,MAA0B;CAclD,IAAM,CAACU,GAAOC,KAAUjB,EAbTD,EACb;EACES,kBAAkB;EAClBC,WAAW;EACXC,UAAU;EACVC,UAAU;EACVC,aAAa;EACbC,aAAa;EACbC,KAAK;EACN,EACDR,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,EAAEY,qBAAkBd,GAAc;AAExC,eAAA;EAAA,IAAAe,IAAAC,GAAA;AAiBqB,SAjBrBC,EAAAF,GAAA,WAMeD,GAAa,GAAA,EAAAI,EAAAH,GAAAI,EAAA;GAAA,IAAA,QAAA;AAAA,WAJjBtB,EAAK,QAAQ,UAAU,YAAY,YAAYe,EAAMQ,MAAM;;GAAA,IAAA,qBAAA;AAAA,WAChDR,EAAMJ;;GAAW,IAEnCE,MAAG;AAAA,WAAEE,EAAMF;;GAAG,EAEVG,EAAM,EAAA,IAAA,GAAA,EAAAS,EAAAP,GAAAQ,EAETzB,GAAiB;GAAA,IAChBU,cAAW;AAAA,WAAEI,EAAMJ;;GAAW,IAC9BgB,eAAY;AAAA,WAAEtB,EAAMsB;;GAAY,IAChCC,QAAK;AAAA,WAAEvB,EAAMuB;;GAAK,IAClBnB,WAAQ;AAAA,WAAEJ,EAAMI;;GAAQ,IACxBoB,gBAAa;AAAA,WAAExB,EAAMwB;;GAAa,IAAAC,WAAA;AAAA,WAGjCf,EAAMe;;GAAQ,CAAA,CAAA,EAAAZ;KAAA;;AAIrBa,EAAA,CAAA,UAAA,CAAA"}

package/dist/components/accordion/Accordion/useAccordion.js

@@ -30,3 +30,5 @@ var e = () => ({ handleKeyDown: (e) => {
 } });
 //#endregion
 export { e as useAccordion };
+
+//# sourceMappingURL=useAccordion.js.map

package/dist/components/accordion/Accordion/useAccordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccordion.js","names":[],"sources":["../../../../src/components/accordion/Accordion/useAccordion.ts"],"sourcesContent":["export const useAccordion = () => {\n  // 键盘无障碍导航\n  const handleKeyDown = (e: KeyboardEvent) => {\n    // 只有这四个键需要处理\n    if (![\"ArrowDown\", \"ArrowUp\", \"Home\", \"End\"].includes(e.key)) return;\n\n    // 确保当前焦点是在一个 Accordion Trigger 上\n    const activeEl = document.activeElement as HTMLElement;\n    if (!activeEl || activeEl.getAttribute(\"data-accordion-trigger\") === null)\n      return;\n\n    e.preventDefault(); // 阻止页面的默认滚动\n\n    const container = e.currentTarget as HTMLElement;\n    // 获取当前 Accordion 下所有未被禁用的 Trigger\n    const triggers = Array.from(\n      container.querySelectorAll(\"[data-accordion-trigger]:not([disabled])\"),\n    ) as HTMLElement[];\n\n    const currentIndex = triggers.indexOf(activeEl);\n    if (currentIndex === -1) return;\n\n    let nextIndex = currentIndex;\n\n    switch (e.key) {\n      case \"ArrowDown\":\n        nextIndex = (currentIndex + 1) % triggers.length; // 循环向下\n        break;\n      case \"ArrowUp\":\n        nextIndex = (currentIndex - 1 + triggers.length) % triggers.length; // 循环向上\n        break;\n      case \"Home\":\n        nextIndex = 0; // 跳到第一个\n        break;\n      case \"End\":\n        nextIndex = triggers.length - 1; // 跳到最后一个\n        break;\n    }\n\n    // 聚焦到下一个元素\n    triggers[nextIndex]?.focus();\n  };\n\n  return { handleKeyDown };\n};\n"],"mappings":";AAAA,IAAa,WA2CJ,EAAE,gBAzCc,MAAqB;AAE1C,KAAI,CAAC;EAAC;EAAa;EAAW;EAAQ;EAAM,CAAC,SAAS,EAAE,IAAI,CAAE;CAG9D,IAAM,IAAW,SAAS;AAC1B,KAAI,CAAC,KAAY,EAAS,aAAa,yBAAyB,KAAK,KACnE;AAEF,GAAE,gBAAgB;CAElB,IAAM,IAAY,EAAE,eAEd,IAAW,MAAM,KACrB,EAAU,iBAAiB,2CAA2C,CACvE,EAEK,IAAe,EAAS,QAAQ,EAAS;AAC/C,KAAI,MAAiB,GAAI;CAEzB,IAAI,IAAY;AAEhB,SAAQ,EAAE,KAAV;EACE,KAAK;AACH,QAAa,IAAe,KAAK,EAAS;AAC1C;EACF,KAAK;AACH,QAAa,IAAe,IAAI,EAAS,UAAU,EAAS;AAC5D;EACF,KAAK;AACH,OAAY;AACZ;EACF,KAAK;AACH,OAAY,EAAS,SAAS;AAC9B;;AAIJ,GAAS,IAAY,OAAO;GAGN"}

package/dist/components/accordion/AccordionContent/AccordionContent.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { useAccordionContext as t } from "../Accordion/Accordion.context.js";
 import { useAccordionItemContext as n } from "../AccordionItem/AccordionItem.context.js";
 import { className as r, createComponent as i, effect as a, insert as o, mergeProps as s, setAttribute as c, spread as l, template as u, use as d } from "solid-js/web";
@@ -42,3 +42,5 @@ var v = /* @__PURE__ */ u("<div role=region class=\"overflow-hidden text-sm data
 };
 //#endregion
 export { y as AccordionContent };
+
+//# sourceMappingURL=AccordionContent.js.map

package/dist/components/accordion/AccordionContent/AccordionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.js","names":["createEffect","createSignal","on","Show","splitProps","untrack","clsx","useAccordionContext","useAccordionItemContext","AccordionContentProps","AccordionContent","props","orientation","triggerId","open","contentId","local","others","mounted","setMounted","panelHeight","setPanelHeight","contentRef","HTMLDivElement","isOpen","scrollHeight","handleAnimationEnd","e","AnimationEvent","animationName","_$createComponent","when","children","_el$","_tmpl$","_el$2","firstChild","addEventListener","_$setAttribute","_$spread","_$mergeProps","data-open","style","_ref$","_$use","_$insert","_$effect","_$className","class"],"sources":["../../../../src/components/accordion/AccordionContent/AccordionContent.tsx"],"sourcesContent":["import {\n  createEffect,\n  createSignal,\n  on,\n  Show,\n  splitProps,\n  untrack,\n} from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useAccordionContext } from \"../Accordion/Accordion.context\";\nimport { useAccordionItemContext } from \"../AccordionItem/AccordionItem.context\";\nimport type { AccordionContentProps } from \"./AccordionContent.types\";\n\nexport const AccordionContent = (props: AccordionContentProps) => {\n  const { orientation } = useAccordionContext();\n  const { triggerId, open, contentId } = useAccordionItemContext();\n\n  const [local, others] = splitProps(props, [\n    \"hiddenUntilFound\",\n    \"keepMounted\",\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"style\",\n  ]);\n\n  // 控制 DOM 是否存在，用untrack避免追踪open变化\n  const [mounted, setMounted] = createSignal(untrack(open));\n  // 记录测量到的真实高度\n  const [panelHeight, setPanelHeight] = createSignal<number | null>(null);\n\n  let contentRef: HTMLDivElement | undefined;\n\n  createEffect(\n    on(open, (isOpen) => {\n      if (isOpen) {\n        setMounted(true);\n      }\n    }),\n  );\n\n  // 挂载后测量高度\n  createEffect(() => {\n    if (mounted() && contentRef) {\n      // 临时让内容可见以测量真实高度\n      setPanelHeight(contentRef.scrollHeight);\n    }\n  });\n\n  const handleAnimationEnd = (e: AnimationEvent) => {\n    if (!open() && e.animationName === \"accordion-up\") {\n      setMounted(false);\n      setPanelHeight(null);\n    }\n  };\n\n  return (\n    <Show when={mounted()}>\n      <div\n        id={contentId}\n        role=\"region\"\n        aria-labelledby={triggerId}\n        class=\"overflow-hidden text-sm data-[open=true]:animate-accordion-down data-[open=false]:animate-accordion-up\"\n        data-slot=\"accordion-content\"\n        data-orientation={orientation}\n        data-open={open() ? \"true\" : \"false\"}\n        style={{\n          \"--accordion-panel-height\":\n            panelHeight() !== null ? `${panelHeight()}px` : \"auto\",\n        }}\n        onAnimationEnd={handleAnimationEnd}\n        {...others}\n      >\n        <div\n          ref={contentRef}\n          class={clsx(\n            \"pb-2.5 pt-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4\",\n            local.class,\n          )}\n        >\n          {local.children}\n        </div>\n      </div>\n    </Show>\n  );\n};\n"],"mappings":";;;;;;iMAaaU,KAAoBC,MAAiC;CAChE,IAAM,EAAEC,mBAAgBL,GAAqB,EACvC,EAAEM,cAAWC,SAAMC,iBAAcP,GAAyB,EAE1D,CAACQ,GAAOC,KAAUb,EAAWO,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAGI,CAACO,GAASC,KAAclB,EAAaI,EAAQS,EAAK,CAAC,EAEnD,CAACM,GAAaC,KAAkBpB,EAA4B,KAAK,EAEnEqB;AAWJtB,CATAA,EACEE,EAAGY,IAAOU,MAAW;AACnB,EAAIA,KACFL,EAAW,GAAK;GAGtB,CAAC,EAGDnB,QAAmB;AACjB,EAAIkB,GAAS,IAAII,KAEfD,EAAeC,EAAWG,aAAa;GAEzC;CAEF,IAAMC,KAAsBC,MAAsB;AAChD,EAAI,CAACb,GAAM,IAAIa,EAAEE,kBAAkB,mBACjCV,EAAW,GAAM,EACjBE,EAAe,KAAK;;AAIxB,QAAAS,EACG3B,GAAI;EAAA,IAAC4B,OAAI;AAAA,UAAEb,GAAS;;EAAA,IAAAc,WAAA;GAAA,IAAAC,IAAAC,GAAA,EAAAC,IAAAF,EAAAG;AAOYG,GAPZN,EAAAI,iBAAA,gBAaDX,EAAkB,EAAAY,EAAAL,GAAA,MAX9BlB,EAAS,EAAAuB,EAAAL,GAAA,mBAEIpB,EAAS,EAAAyB,EAAAL,GAAA,oBAGRrB,EAAW,EAAA2B,EAAAN,GAAAO,EAAA;IAAA,IAAA,cAAA;AAAA,YAClB1B,GAAM,GAAG,SAAS;;IAAO,IACpC4B,QAAK;AAAA,YAAE,EACL,4BACEtB,GAAa,KAAK,OAA8B,SAAvB,GAAGA,GAAa,CAAA,KAC5C;;IAAA,EAEGH,EAAM,EAAA,IAAA,GAAA;GAAA,IAAA0B,IAGHrB;AAIJ,UAJc,OAAAqB,KAAA,aAAAC,EAAAD,GAAAR,EAAA,GAAVb,IAAUa,GAAAU,EAAAV,SAMdnB,EAAMgB,SAAQ,EAAAc,QAAAC,EAAAZ,GALR7B,EACL,gHACAU,EAAMgC,MACP,CAAA,CAAA,EAAAf;;EAAA,CAAA"}

package/dist/components/accordion/AccordionItem/AccordionItem.context.js

@@ -7,3 +7,5 @@ var n = e(), r = () => {
 };
 //#endregion
 export { n as AccordionItemContext, r as useAccordionItemContext };
+
+//# sourceMappingURL=AccordionItem.context.js.map

package/dist/components/accordion/AccordionItem/AccordionItem.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.context.js","names":["createContext","useContext","AccordionValue","AccordionItemContextValue","value","triggerId","contentId","open","disabled","AccordionItemContext","useAccordionItemContext","context","Error"],"sources":["../../../../src/components/accordion/AccordionItem/AccordionItem.context.tsx"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { AccordionValue } from \"../Accordion\";\n\ninterface AccordionItemContextValue {\n  value: AccordionValue;\n  triggerId: string;\n  contentId: string;\n  open: () => boolean;\n  disabled?: boolean;\n}\n\nexport const AccordionItemContext = createContext<AccordionItemContextValue>();\n\nexport const useAccordionItemContext = () => {\n  const context = useContext(AccordionItemContext);\n  if (!context)\n    throw new Error(\n      \"useAccordionItemContext must be used in AccordionProvider\",\n    );\n\n  return context;\n};\n"],"mappings":";;AAWA,IAAaS,IAAuBT,GAA0C,EAEjEU,UAAgC;CAC3C,IAAMC,IAAUV,EAAWQ,EAAqB;AAChD,KAAI,CAACE,EACH,OAAUC,MACR,4DACD;AAEH,QAAOD"}

package/dist/components/accordion/AccordionItem/AccordionItem.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { useAccordionContext as t } from "../Accordion/Accordion.context.js";
 import { AccordionItemContext as n } from "./AccordionItem.context.js";
 import { createComponent as r, insert as i, mergeProps as a, setAttribute as o, spread as s, template as c } from "solid-js/web";
@@ -43,3 +43,5 @@ var d = /* @__PURE__ */ c("<div data-slot=accordion-item>"), f = (c) => {
 };
 //#endregion
 export { f as AccordionItem };
+
+//# sourceMappingURL=AccordionItem.js.map

package/dist/components/accordion/AccordionItem/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","names":["createUniqueId","splitProps","clsx","useAccordionContext","AccordionItemContext","AccordionItemProps","AccordionItem","props","orientation","isOpen","local","others","id","triggerId","contentId","value","open","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class","data-open","data-disabled","disabled","_$insert","_$createComponent","Provider","children"],"sources":["../../../../src/components/accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import { createUniqueId, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useAccordionContext } from \"../Accordion/Accordion.context\";\nimport { AccordionItemContext } from \"./AccordionItem.context\";\nimport type { AccordionItemProps } from \"./AccordionItem.types\";\n\nexport const AccordionItem = (props: AccordionItemProps) => {\n  const { orientation, isOpen } = useAccordionContext();\n\n  const [local, others] = splitProps(props, [\n    \"value\",\n    \"onOpenChange\",\n    \"disabled\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const id = createUniqueId();\n  const triggerId = `accordion-trigger-${id}`;\n  const contentId = `accordion-content-${id}`;\n\n  const value = () => local.value ?? id;\n\n  const open = () => isOpen(value());\n\n  return (\n    <div\n      class={clsx(\"not-last:border-b\", local.class)}\n      data-slot=\"accordion-item\"\n      data-orientation={orientation}\n      data-open={open()}\n      data-disabled={props.disabled ? \"\" : null}\n      {...others}\n    >\n      <AccordionItemContext.Provider\n        value={{\n          value: value(),\n          triggerId,\n          contentId,\n          open,\n          disabled: props.disabled,\n        }}\n      >\n        {local.children}\n      </AccordionItemContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;;;6DAMaM,KAAiBC,MAA8B;CAC1D,IAAM,EAAEC,gBAAaC,cAAWN,GAAqB,EAE/C,CAACO,GAAOC,KAAUV,EAAWM,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEIK,IAAKZ,GAAgB,EACrBa,IAAY,qBAAqBD,KACjCE,IAAY,qBAAqBF,KAEjCG,UAAcL,EAAMK,SAASH,GAE7BI,UAAaP,EAAOM,GAAO,CAAC;AAElC,eAAA;EAAA,IAAAE,IAAAC,GAAA;AAkBqB,SAlBrBC,EAAAF,GAAA,oBAIsBT,EAAW,EAAAY,EAAAH,GAAAI,EAAA;GAAA,IAAA,QAAA;AAAA,WAFtBnB,EAAK,qBAAqBQ,EAAMY,MAAM;;GAAA,IAAA,cAAA;AAAA,WAGlCN,GAAM;;GAAA,IAAA,kBAAA;AAAA,WACFT,EAAMkB,WAAW,KAAK;;GAAI,EACrCd,EAAM,EAAA,IAAA,GAAA,EAAAe,EAAAT,GAAAU,EAETvB,EAAqBwB,UAAQ;GAAA,IAC5Bb,QAAK;AAAA,WAAE;KACLA,OAAOA,GAAO;KACdF;KACAC;KACAE;KACAS,UAAUlB,EAAMkB;KACjB;;GAAA,IAAAI,WAAA;AAAA,WAEAnB,EAAMmB;;GAAQ,CAAA,CAAA,EAAAZ;KAAA"}

package/dist/components/accordion/AccordionTrigger/AccordionTrigger.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { useAccordionContext as t } from "../Accordion/Accordion.context.js";
 import { useAccordionItemContext as n } from "../AccordionItem/AccordionItem.context.js";
 import { className as r, createComponent as i, delegateEvents as a, effect as o, insert as s, mergeProps as c, setAttribute as l, spread as u, template as d } from "solid-js/web";
@@ -37,3 +37,5 @@ var m = /* @__PURE__ */ d("<h3 class=flex><button type=button data-accordion-tri
 a(["click"]);
 //#endregion
 export { h as AccordionTrigger };
+
+//# sourceMappingURL=AccordionTrigger.js.map

package/dist/components/accordion/AccordionTrigger/AccordionTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTrigger.js","names":["ChevronDown","splitProps","clsx","useAccordionContext","useAccordionItemContext","AccordionTriggerProps","AccordionTrigger","props","orientation","toggle","value","open","disabled","triggerId","contentId","local","others","handleClick","_el$","_tmpl$","_el$2","firstChild","_$setAttribute","_$spread","_$mergeProps","data-open","$$click","_$insert","children","_$createComponent","_$effect","_p$","_v$","_v$2","class","_v$3","e","t","_$className","a","undefined","_$delegateEvents"],"sources":["../../../../src/components/accordion/AccordionTrigger/AccordionTrigger.tsx"],"sourcesContent":["import { ChevronDown } from \"lucide-solid\";\nimport { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useAccordionContext } from \"../Accordion/Accordion.context\";\nimport { useAccordionItemContext } from \"../AccordionItem/AccordionItem.context\";\nimport type { AccordionTriggerProps } from \"./AccordionTrigger.types\";\n\nexport const AccordionTrigger = (props: AccordionTriggerProps) => {\n  const { orientation, toggle } = useAccordionContext();\n  const { value, open, disabled, triggerId, contentId } =\n    useAccordionItemContext();\n\n  const [local, others] = splitProps(props, [\n    \"nativeButton\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    toggle(value);\n  };\n\n  return (\n    <h3\n      class=\"flex\"\n      data-orientation={orientation}\n      data-open={open()}\n      data-disabled={disabled ? \"\" : null}\n      {...others}\n    >\n      <button\n        type=\"button\"\n        id={triggerId}\n        aria-controls={contentId}\n        aria-expanded={open()}\n        aria-disabled={disabled}\n        data-accordion-trigger=\"\"\n        class={clsx(\n          \"group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:select-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-neutral-500 dark:**:data-[slot=accordion-trigger-icon]:text-neutral-400\",\n          local.class,\n        )}\n        onClick={handleClick}\n        data-orientation={orientation}\n        data-open={open()}\n        disabled={disabled}\n      >\n        {local.children}\n        <ChevronDown\n          class=\"pointer-events-none shrink-0 data-[open=true]:-rotate-180 transition-[rotate] duration-200\"\n          data-slot=\"accordion-trigger-icon\"\n          data-open={open()}\n        />\n      </button>\n    </h3>\n  );\n};\n"],"mappings":";;;;;;;yFAOaM,KAAoBC,MAAiC;CAChE,IAAM,EAAEC,gBAAaC,cAAWN,GAAqB,EAC/C,EAAEO,UAAOC,SAAMC,aAAUC,cAAWC,iBACxCV,GAAyB,EAErB,CAACW,GAAOC,KAAUf,EAAWM,GAAO;EACxC;EACA;EACA;EACA;EACD,CAAC,EAEIU,UAAoB;AACpBL,OACJH,EAAOC,EAAM;;AAGf,eAAA;EAAA,IAAAQ,IAAAC,GAAA,EAAAC,IAAAF,EAAAG;AAqBuB,SArBvBC,EAAAJ,GAAA,oBAGsBV,EAAW,EAAAc,EAAAJ,GAAA,iBAEdN,IAAW,KAAK,KAAI,EAAAW,EAAAL,GAAAM,EAAA,EAAA,IAAA,cAAA;AAAA,UADxBb,GAAM;KAAA,EAEbK,EAAM,EAAA,IAAA,GAAA,EAAAI,EAAAM,UAaCT,GAAWK,EAAAF,GAAA,MAThBP,EAAS,EAAAS,EAAAF,GAAA,iBACEN,EAAS,EAAAQ,EAAAF,GAAA,iBAETR,EAAQ,EAAAU,EAAAF,GAAA,oBAOLZ,EAAW,EAAAY,EAAAR,WAEnBA,GAAQe,EAAAP,SAEjBL,EAAMa,UAAQ,KAAA,EAAAD,EAAAP,GAAAS,EACd7B,GAAW;GAAA,OAAA;GAAA,aAAA;GAAA,IAAA,cAAA;AAAA,WAGCW,GAAM;;GAAA,CAAA,EAAA,KAAA,EAAAmB,GAAAC,MAAA;GAAA,IAAAC,IAhBJrB,GAAM,EAAAsB,IAGd/B,EACL,+kBACAa,EAAMmB,MACP,EAAAC,IAGUxB,GAAM;AAAA,UAAAqB,MAAAD,EAAAK,KAAAd,EAAAF,GAAA,iBAAAW,EAAAK,IAAAJ,EAAA,EAAAC,MAAAF,EAAAM,KAAAC,EAAAlB,GAAAW,EAAAM,IAAAJ,EAAA,EAAAE,MAAAJ,EAAAQ,KAAAjB,EAAAF,GAAA,aAAAW,EAAAQ,IAAAJ,EAAA,EAAAJ;KAAA;GAAAK,GAAAI,KAAAA;GAAAH,GAAAG,KAAAA;GAAAD,GAAAC,KAAAA;GAAA,CAAA,EAAAtB;KAAA;;AAYvBuB,EAAA,CAAA,QAAA,CAAA"}

package/dist/components/accordion/index.js

@@ -0,0 +1,5 @@
+import { Accordion as e } from "./Accordion/Accordion.js";
+import { AccordionContent as t } from "./AccordionContent/AccordionContent.js";
+import { AccordionItem as n } from "./AccordionItem/AccordionItem.js";
+import { AccordionTrigger as r } from "./AccordionTrigger/AccordionTrigger.js";
+export { e as Accordion, t as AccordionContent, n as AccordionItem, r as AccordionTrigger };

package/dist/components/aspect-ratio/AspectRatio.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../lib/utils/clsx.js";
+import { clsx as e } from "../../utils/clsx.js";
 import { classes as t } from "./AspectRatio.styles.js";
 import { mergeProps as n, spread as r, template as i } from "solid-js/web";
 import { splitProps as a } from "solid-js";
@@ -23,3 +23,5 @@ var o = /* @__PURE__ */ i("<div data-slot=aspect-ratio>"), s = (i) => {
 };
 //#endregion
 export { s as AspectRatio };
+
+//# sourceMappingURL=AspectRatio.js.map

package/dist/components/aspect-ratio/AspectRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.js","names":["splitProps","clsx","classes","AspectRatioProps","AspectRatio","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","style","ratio","class"],"sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./AspectRatio.styles\";\nimport type { AspectRatioProps } from \"./AspectRatio.types\";\n\nexport const AspectRatio = (props: AspectRatioProps) => {\n  const [local, others] = splitProps(props, [\"ratio\", \"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"aspect-ratio\"\n      style={{ \"--ratio\": props.ratio }}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;2DAKaI,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EAAC;EAAS;EAAS;EAAY,CAAC;AAE1E,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAAG,EAAA;GAAA,IAGIC,QAAK;AAAA,WAAE,EAAE,WAAWP,EAAMQ,OAAO;;GAAA,IAAA,QAAA;AAAA,WAC1BZ,EAAKC,GAASI,EAAMQ,MAAM;;GAAA,EAC7BP,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/aspect-ratio/AspectRatio.styles.js

@@ -1,5 +1,7 @@
-import { clsx as e } from "../../lib/utils/clsx.js";
+import { clsx as e } from "../../utils/clsx.js";
 //#region src/components/aspect-ratio/AspectRatio.styles.ts
 var t = e("relative", "aspect-(--ratio)");
 //#endregion
 export { t as classes };
+
+//# sourceMappingURL=AspectRatio.styles.js.map

package/dist/components/aspect-ratio/AspectRatio.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.styles.js","names":[],"sources":["../../../src/components/aspect-ratio/AspectRatio.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\"relative\", \"aspect-(--ratio)\");\n"],"mappings":";;AAEA,IAAa,IAAU,EAAK,YAAY,mBAAmB"}

package/dist/components/aspect-ratio/index.js

@@ -0,0 +1,2 @@
+import { AspectRatio as e } from "./AspectRatio.js";
+export { e as AspectRatio };

package/dist/components/avatar/Avatar/Avatar.context.js

@@ -7,3 +7,5 @@ var n = e(), r = () => {
 };
 //#endregion
 export { n as AvatarContext, r as useAvatarContext };
+
+//# sourceMappingURL=Avatar.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.context.js","names":[],"sources":["../../../../src/components/avatar/Avatar/Avatar.context.ts"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  type Accessor,\n  type Setter,\n} from \"solid-js\";\n\ninterface AvatarContextValue {\n  imageLoadFailed: Accessor<boolean>;\n  setImageLoadFailed: Setter<boolean>;\n}\n\nexport const AvatarContext = createContext<AvatarContextValue>();\n\nexport const useAvatarContext = () => {\n  const ctx = useContext(AvatarContext);\n  if (!ctx) {\n    throw new Error(\"useAvatarContext must be used within Avatar\");\n  }\n\n  return ctx;\n};\n"],"mappings":";;AAYA,IAAa,IAAgB,GAAmC,EAEnD,UAAyB;CACpC,IAAM,IAAM,EAAW,EAAc;AACrC,KAAI,CAAC,EACH,OAAU,MAAM,8CAA8C;AAGhE,QAAO"}

package/dist/components/avatar/Avatar/Avatar.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { AvatarContext as t } from "./Avatar.context.js";
 import { createComponent as n, insert as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
 import { createSignal as s, mergeProps as c, splitProps as l } from "solid-js";
@@ -32,3 +32,5 @@ var u = /* @__PURE__ */ o("<span data-slot=avatar>"), d = (o) => {
 };
 //#endregion
 export { d as Avatar };
+
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","names":["createSignal","mergeProps","splitProps","clsx","AvatarProps","AvatarContext","Avatar","props","merged","size","const","local","others","imageLoadFailed","setImageLoadFailed","_el$","_tmpl$","_$spread","_$mergeProps","data-size","class","_$insert","_$createComponent","Provider","value","children"],"sources":["../../../../src/components/avatar/Avatar/Avatar.tsx"],"sourcesContent":["import { createSignal, mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarProps } from \"./Avatar.types\";\nimport { AvatarContext } from \"./Avatar.context\";\n\nexport const Avatar = (props: AvatarProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"size\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const [imageLoadFailed, setImageLoadFailed] = createSignal(false);\n\n  return (\n    <span\n      data-slot=\"avatar\"\n      data-size={local.size}\n      class={clsx(\n        \"group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-neutral-200 dark:after:border-white/10 after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten\",\n        local.class,\n      )}\n      {...others}\n    >\n      <AvatarContext.Provider value={{ imageLoadFailed, setImageLoadFailed }}>\n        {local.children}\n      </AvatarContext.Provider>\n    </span>\n  );\n};\n"],"mappings":";;;;;sDAKaM,KAAUC,MAAuB;CAG5C,IAAM,CAACI,GAAOC,KAAUV,EAFTD,EAAW,EAAEQ,MAAM,MAAM,EAAWF,EAAM,EAEd;EACzC;EACA;EACA;EACA;EACD,CAAC,EAEI,CAACM,GAAiBC,KAAsBd,EAAa,GAAM;AAEjE,eAAA;EAAA,IAAAe,IAAAC,GAAA;AAWqB,SAXrBC,EAAAF,GAAAG,EAAA;GAAA,IAAA,cAAA;AAAA,WAGeP,EAAMF;;GAAI,IAAA,QAAA;AAAA,WACdN,EACL,yRACAQ,EAAMS,MACP;;GAAA,EACGR,EAAM,EAAA,IAAA,GAAA,EAAAS,EAAAN,GAAAO,EAETjB,EAAckB,UAAQ;GAACC,OAAO;IAAEX;IAAiBC;IAAoB;GAAA,IAAAW,WAAA;AAAA,WACnEd,EAAMc;;GAAQ,CAAA,CAAA,EAAAV;KAAA"}

package/dist/components/avatar/AvatarBadge/AvatarBadge.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/avatar/AvatarBadge/AvatarBadge.tsx
@@ -13,3 +13,5 @@ var a = /* @__PURE__ */ r("<span data-slot=avatar-badge>"), o = (r) => {
 };
 //#endregion
 export { o as AvatarBadge };
+
+//# sourceMappingURL=AvatarBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarBadge.js","names":["splitProps","clsx","AvatarBadgeProps","AvatarBadge","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/avatar/AvatarBadge/AvatarBadge.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarBadgeProps } from \"./AvatarBadge.types\";\n\nexport const AvatarBadge = (props: AvatarBadgeProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      class={clsx(\n        \"absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full\",\n        \"bg-neutral-900 dark:bg-neutral-200 text-neutral-50 dark:text-neutral-900 bg-blend-color ring-2 ring-white dark:ring-neutral-950 select-none\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"group-data-[size=md]/avatar:size-2.5 group-data-[size=md]/avatar:[&>svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;4DAIaG,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAWc,SAXdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EACL,uFACA,+IACA,iFACA,mFACA,iFACAI,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/avatar/AvatarFallback/AvatarFallback.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { useAvatarContext as t } from "../Avatar/Avatar.context.js";
 import { createComponent as n, mergeProps as r, spread as i, template as a } from "solid-js/web";
 import { Show as o, splitProps as s } from "solid-js";
@@ -19,3 +19,5 @@ var c = /* @__PURE__ */ a("<span data-slot=avatar-fallback>"), l = (a) => {
 };
 //#endregion
 export { l as AvatarFallback };
+
+//# sourceMappingURL=AvatarFallback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarFallback.js","names":["Show","splitProps","clsx","AvatarFallbackProps","useAvatarContext","AvatarFallback","props","imageLoadFailed","local","others","_$createComponent","when","children","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/avatar/AvatarFallback/AvatarFallback.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarFallbackProps } from \"./AvatarFallback.types\";\nimport { useAvatarContext } from \"../Avatar/Avatar.context\";\n\nexport const AvatarFallback = (props: AvatarFallbackProps) => {\n  const { imageLoadFailed } = useAvatarContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Show when={imageLoadFailed()}>\n      <span\n        data-slot=\"avatar-fallback\"\n        class={clsx(\n          \"flex size-full items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800 text-sm text-neutral-500 dark:text-neutral-400 group-data-[size=sm]/avatar:text-xs\",\n          local.class,\n        )}\n        {...others}\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;+DAKaK,KAAkBC,MAA+B;CAC5D,IAAM,EAAEC,uBAAoBH,GAAkB,EAExC,CAACI,GAAOC,KAAUR,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,QAAAI,EACGV,GAAI;EAAA,IAACW,OAAI;AAAA,UAAEJ,GAAiB;;EAAA,IAAAK,WAAA;GAAA,IAAAC,IAAAC,GAAA;AAOf,UAPeC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,WAGlBd,EACL,iLACAM,EAAMS,MACP;MAAA,EACGR,EAAM,EAAA,IAAA,GAAA,EAAAI;;EAAA,CAAA"}

package/dist/components/avatar/AvatarGroup/AvatarGroup.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/avatar/AvatarGroup/AvatarGroup.tsx
@@ -13,3 +13,5 @@ var a = /* @__PURE__ */ r("<div data-slot=avatar-group>"), o = (r) => {
 };
 //#endregion
 export { o as AvatarGroup };
+
+//# sourceMappingURL=AvatarGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.js","names":["splitProps","clsx","AvatarGroupProps","AvatarGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/avatar/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarGroupProps } from \"./AvatarGroup.types\";\n\nexport const AvatarGroup = (props: AvatarGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      class={clsx(\n        \"group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-white dark:*:data-[slot=avatar]:ring-neutral-950\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;2DAIaG,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAOc,SAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EACL,6IACAI,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/avatar/AvatarGroupCount/AvatarGroupCount.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { mergeProps as t, spread as n, template as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/avatar/AvatarGroupCount/AvatarGroupCount.tsx
@@ -13,3 +13,5 @@ var a = /* @__PURE__ */ r("<div data-slot=avatar-group-count>"), o = (r) => {
 };
 //#endregion
 export { o as AvatarGroupCount };
+
+//# sourceMappingURL=AvatarGroupCount.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroupCount.js","names":["splitProps","clsx","AvatarGroupCountProps","AvatarGroupCount","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/avatar/AvatarGroupCount/AvatarGroupCount.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarGroupCountProps } from \"./AvatarGroupCount.types\";\n\nexport const AvatarGroupCount = (props: AvatarGroupCountProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      class={clsx(\n        \"relative flex size-8 shrink-0 items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800 text-sm text-neutral-500 dark:text-neutral-400 ring-2 ring-white dark:ring-neutral-950 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;iEAIaG,KAAoBC,MAAiC;CAChE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAOc,SAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EACL,wZACAI,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/avatar/AvatarImage/AvatarImage.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { useAvatarContext as t } from "../Avatar/Avatar.context.js";
 import { createComponent as n, mergeProps as r, spread as i, template as a } from "solid-js/web";
 import { Show as o, splitProps as s } from "solid-js";
@@ -30,3 +30,5 @@ var c = /* @__PURE__ */ a("<img data-slot=avatar-image>"), l = (a) => {
 };
 //#endregion
 export { l as AvatarImage };
+
+//# sourceMappingURL=AvatarImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarImage.js","names":["Show","splitProps","clsx","AvatarImageProps","useAvatarContext","AvatarImage","props","imageLoadFailed","setImageLoadFailed","local","others","handleError","_$createComponent","when","children","_el$","_tmpl$","addEventListener","_$spread","_$mergeProps","alt","class"],"sources":["../../../../src/components/avatar/AvatarImage/AvatarImage.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { AvatarImageProps } from \"./AvatarImage.types\";\nimport { useAvatarContext } from \"../Avatar/Avatar.context\";\n\nexport const AvatarImage = (props: AvatarImageProps) => {\n  const { imageLoadFailed, setImageLoadFailed } = useAvatarContext();\n\n  const [local, others] = splitProps(props, [\"alt\", \"class\", \"classList\"]);\n\n  const handleError = () => {\n    setImageLoadFailed(true);\n  };\n\n  return (\n    <Show when={!imageLoadFailed()}>\n      <img\n        data-slot=\"avatar-image\"\n        alt={local.alt ?? \"Avatar Image\"}\n        onError={handleError}\n        class={clsx(\n          \"aspect-square size-full rounded-full object-cover\",\n          local.class,\n        )}\n        {...others}\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;2DAKaK,KAAeC,MAA4B;CACtD,IAAM,EAAEC,oBAAiBC,0BAAuBJ,GAAkB,EAE5D,CAACK,GAAOC,KAAUT,EAAWK,GAAO;EAAC;EAAO;EAAS;EAAY,CAAC,EAElEK,UAAoB;AACxBH,IAAmB,GAAK;;AAG1B,QAAAI,EACGZ,GAAI;EAAA,IAACa,OAAI;AAAA,UAAE,CAACN,GAAiB;;EAAA,IAAAO,WAAA;GAAA,IAAAC,IAAAC,GAAA;AAShB,UATgBD,EAAAE,iBAAA,SAIjBN,EAAW,EAAAO,EAAAH,GAAAI,EAAA;IAAA,IADpBC,MAAG;AAAA,YAAEX,EAAMW,OAAO;;IAAc,IAAA,QAAA;AAAA,YAEzBlB,EACL,qDACAO,EAAMY,MACP;;IAAA,EACGX,EAAM,EAAA,IAAA,GAAA,EAAAK;;EAAA,CAAA"}

package/dist/components/avatar/index.js

@@ -0,0 +1,7 @@
+import { Avatar as e } from "./Avatar/Avatar.js";
+import { AvatarImage as t } from "./AvatarImage/AvatarImage.js";
+import { AvatarFallback as n } from "./AvatarFallback/AvatarFallback.js";
+import { AvatarBadge as r } from "./AvatarBadge/AvatarBadge.js";
+import { AvatarGroup as i } from "./AvatarGroup/AvatarGroup.js";
+import { AvatarGroupCount as a } from "./AvatarGroupCount/AvatarGroupCount.js";
+export { e as Avatar, r as AvatarBadge, n as AvatarFallback, i as AvatarGroup, a as AvatarGroupCount, t as AvatarImage };

package/dist/components/badge/Badge.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../lib/utils/clsx.js";
+import { clsx as e } from "../../utils/clsx.js";
 import { badgeVariants as t } from "./Badge.styles.js";
 import { mergeProps as n, spread as r, template as i } from "solid-js/web";
 import { splitProps as a } from "solid-js";
@@ -18,3 +18,5 @@ var o = /* @__PURE__ */ i("<span>"), s = (i) => {
 };
 //#endregion
 export { s as Badge };
+
+//# sourceMappingURL=Badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","names":["splitProps","clsx","badgeVariants","BadgeProps","Badge","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","variant"],"sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { badgeVariants } from \"./Badge.styles\";\nimport type { BadgeProps } from \"./Badge.types\";\n\nexport const Badge = (props: BadgeProps) => {\n  const [local, others] = splitProps(props, [\"variant\", \"class\", \"classList\"]);\n\n  return (\n    <span\n      class={clsx(badgeVariants({ variant: local.variant }), local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;qCAKaI,KAASC,MAAsB;CAC1C,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EAAC;EAAW;EAAS;EAAY,CAAC;AAE5E,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAGc,SAHdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAEWV,EAAKC,EAAc,EAAEW,SAASP,EAAMO,SAAS,CAAC,EAAEP,EAAMM,MAAM;KAAA,EAC/DL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/badge/Badge.styles.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../lib/utils/clsx.js";
+import { clsx as e } from "../../utils/clsx.js";
 import { cva as t } from "class-variance-authority";
 //#region src/components/badge/Badge.styles.ts
 var n = t("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-red-600 aria-invalid:ring-red-600/20 dark:aria-invalid:ring-red-600/40 [&>svg]:pointer-events-none [&>svg]:size-3! dark:aria-invalid:border-red-600 dark:aria-invalid:ring-red-400/40 ", {
@@ -14,3 +14,5 @@ var n = t("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-cente
 });
 //#endregion
 export { n as badgeVariants };
+
+//# sourceMappingURL=Badge.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.styles.js","names":[],"sources":["../../../src/components/badge/Badge.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { clsx } from \"~/utils\";\n\nexport const badgeVariants = cva(\n  \"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-red-600 aria-invalid:ring-red-600/20 dark:aria-invalid:ring-red-600/40 [&>svg]:pointer-events-none [&>svg]:size-3! dark:aria-invalid:border-red-600 dark:aria-invalid:ring-red-400/40 \",\n  {\n    variants: {\n      variant: {\n        primary: clsx(\n          \"bg-neutral-900 text-neutral-50 [a]:hover:bg-neutral-900/80\",\n          \"dark:bg-neutral-200 dark:text-neutral-900 dark:[a]:hover:bg-neutral-200/80\",\n        ),\n        secondary: clsx(\n          \"bg-neutral-100 text-neutral-900 [a]:hover:bg-neutral-100/80\",\n          \"dark:bg-neutral-800 dark:text-neutral-50 dark:[a]:hover:bg-neutral-800/80\",\n        ),\n        destructive: clsx(\n          \"bg-red-600/10 text-red-600 focus-visible:ring-red-600/20 [a]:hover:bg-red-600/20\",\n          \"dark:bg-red-400/20 dark:text-red-400 dark:focus-visible:ring-red-400/40 dark:[a]:hover:bg-red-400/20\",\n        ),\n        outline: clsx(\n          \"border-neutral-200 text-neutral-950 [a]:hover:bg-neutral-100 [a]:hover:text-neutral-500\",\n          \"dark:border-white/10 dark:text-neutral-50 dark:[a]:hover:bg-neutral-800 dark:[a]:hover:text-neutral-400\",\n        ),\n        ghost: clsx(\n          \"hover:bg-neutral-100 hover:text-neutral-500\",\n          \"dark:hover:text-neutral-400 dark:hover:bg-neutral-800/50\",\n        ),\n        link: clsx(\n          \"text-neutral-900 underline-offset-4 hover:underline\",\n          \"dark:text-neutral-200\",\n        ),\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n    },\n  },\n);\n"],"mappings":";;;AAGA,IAAa,IAAgB,EAC3B,siBACA;CACE,UAAU,EACR,SAAS;EACP,SAAS,EACP,8DACA,6EACD;EACD,WAAW,EACT,+DACA,4EACD;EACD,aAAa,EACX,oFACA,uGACD;EACD,SAAS,EACP,2FACA,0GACD;EACD,OAAO,EACL,+CACA,2DACD;EACD,MAAM,EACJ,uDACA,wBACD;EACF,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACF"}

package/dist/components/badge/index.js

@@ -0,0 +1,2 @@
+import { Badge as e } from "./Badge.js";
+export { e as Badge };

package/dist/components/button/Button.js

@@ -1,14 +1,15 @@
-import { clsx as e } from "../../lib/utils/clsx.js";
+import { clsx as e } from "../../utils/clsx.js";
 import t from "./Button.styles.js";
 import { Dynamic as n, createComponent as r, insert as i, memo as a, mergeProps as o, setAttribute as s, template as c } from "solid-js/web";
-import { Show as l, mergeProps as u, splitProps as d } from "solid-js";
+import { Show as l, createMemo as u, createUniqueId as d, mergeProps as f, splitProps as p } from "solid-js";
 //#region src/components/button/Button.tsx
-var f = /* @__PURE__ */ c("<span>"), p = (c) => {
-	let [p, m] = d(u({
+var m = /* @__PURE__ */ c("<span>"), h = (c) => {
+	let [h, g] = p(f({
 		variant: "primary",
 		size: "md",
 		as: "button",
-		iconPosition: "left"
+		iconPosition: "left",
+		id: d()
 	}, c), [
 		"as",
 		"variant",
@@ -19,60 +20,60 @@ var f = /* @__PURE__ */ c("<span>"), p = (c) => {
 		"classList",
 		"children",
 		"onClick"
-	]), h = () => !!p.icon && !p.children, g = (e) => (() => {
-		var t = f();
-		return s(t, "data-icon", e), i(t, () => p.icon), t;
+	]), _ = u(() => !!h.icon && !h.children), v = (e) => (() => {
+		var t = m();
+		return s(t, "data-icon", e), i(t, () => h.icon), t;
 	})();
 	return r(n, o({
 		"data-slot": "button",
 		get component() {
-			return p.as;
+			return h.as;
 		},
 		get onClick() {
-			return p.onClick;
+			return h.onClick;
 		},
 		get class() {
 			return e(t({
-				variant: p.variant,
-				size: h() ? void 0 : p.size,
-				iconSize: h() ? p.size : void 0
-			}), p.class);
+				variant: h.variant,
+				size: _() ? void 0 : h.size,
+				iconSize: _() ? h.size : void 0
+			}), h.class);
 		}
-	}, m, { get children() {
+	}, g, { get children() {
 		return [
 			r(l, {
 				get when() {
-					return a(() => !!p.icon)() && p.iconPosition === "left";
+					return a(() => !!h.icon)() && h.iconPosition === "left";
 				},
 				get children() {
 					return r(l, {
 						get when() {
-							return !h();
+							return !_();
 						},
 						get fallback() {
-							return p.icon;
+							return h.icon;
 						},
 						get children() {
-							return g("inline-start");
+							return v("inline-start");
 						}
 					});
 				}
 			}),
-			a(() => p.children),
+			a(() => h.children),
 			r(l, {
 				get when() {
-					return a(() => !!p.icon)() && p.iconPosition === "right";
+					return a(() => !!h.icon)() && h.iconPosition === "right";
 				},
 				get children() {
 					return r(l, {
 						get when() {
-							return !h();
+							return !_();
 						},
 						get fallback() {
-							return p.icon;
+							return h.icon;
 						},
 						get children() {
-							return g("inline-end");
+							return v("inline-end");
 						}
 					});
 				}
@@ -81,4 +82,6 @@ var f = /* @__PURE__ */ c("<span>"), p = (c) => {
 	} }));
 };
 //#endregion
-export { p as Button };
+export { h as Button };
+
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":["createMemo","createUniqueId","mergeProps","Show","splitProps","Dynamic","clsx","s","ButtonProps","ButtonValidElement","DefaultStyleProps","Button","props","T","merged","variant","size","as","iconPosition","id","Partial","local","others","iconOnly","icon","children","iconWithAttr","position","_el$","_tmpl$","_$setAttribute","_$insert","_$createComponent","_$mergeProps","component","onClick","class","undefined","iconSize","when","_$memo","fallback"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n  createMemo,\n  createUniqueId,\n  mergeProps,\n  Show,\n  splitProps,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport s from \"./Button.styles\";\nimport type {\n  ButtonProps,\n  ButtonValidElement,\n  DefaultStyleProps,\n} from \"./Button.types\";\n\nexport const Button = <T extends ButtonValidElement = \"button\">(\n  props: ButtonProps<T>,\n) => {\n  const merged = mergeProps(\n    {\n      variant: \"primary\",\n      size: \"md\",\n      as: \"button\",\n      iconPosition: \"left\",\n      id: createUniqueId(),\n    } satisfies Partial<DefaultStyleProps>,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"as\",\n    \"variant\",\n    \"size\",\n    \"icon\",\n    \"iconPosition\",\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"onClick\",\n  ]);\n\n  const iconOnly = createMemo(() => !!local.icon && !local.children);\n\n  const iconWithAttr = (position: \"inline-start\" | \"inline-end\") => (\n    <span data-icon={position}>{local.icon}</span>\n  );\n\n  return (\n    // @ts-expect-error\n    <Dynamic\n      data-slot=\"button\"\n      component={local.as}\n      onClick={local.onClick}\n      class={clsx(\n        s({\n          variant: local.variant,\n          size: iconOnly() ? undefined : local.size,\n          iconSize: iconOnly() ? local.size : undefined,\n        }),\n        local.class,\n      )}\n      {...others}\n    >\n      <Show when={local.icon && local.iconPosition === \"left\"}>\n        <Show when={!iconOnly()} fallback={local.icon}>\n          {iconWithAttr(\"inline-start\")}\n        </Show>\n      </Show>\n      {local.children}\n      <Show when={local.icon && local.iconPosition === \"right\"}>\n        <Show when={!iconOnly()} fallback={local.icon}>\n          {iconWithAttr(\"inline-end\")}\n        </Show>\n      </Show>\n    </Dynamic>\n  );\n};\n"],"mappings":";;;;;qCAgBaW,KACXC,MACG;CAYH,IAAM,CAACS,GAAOC,KAAUlB,EAXTF,EACb;EACEa,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,cAAc;EACdC,IAAIlB,GAAe;EACpB,EACDW,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEIW,IAAWvB,QAAiB,CAAC,CAACqB,EAAMG,QAAQ,CAACH,EAAMI,SAAS,EAE5DC,KAAgBC,aAAuC;EAAA,IAAAC,IAAAC,GAAA;AACrB,SADqBC,EAAAF,GAAA,aAC1CD,EAAQ,EAAAI,EAAAH,SAAGP,EAAMG,KAAI,EAAAI;KACvC;AAED,QACEI,EACC3B,GAAO4B,EAAA;EAAA,aAAA;EAAA,IAENC,YAAS;AAAA,UAAEb,EAAMJ;;EAAE,IACnBkB,UAAO;AAAA,UAAEd,EAAMc;;EAAO,IAAA,QAAA;AAAA,UACf7B,EACLC,EAAE;IACAQ,SAASM,EAAMN;IACfC,MAAMO,GAAU,GAAGc,KAAAA,IAAYhB,EAAML;IACrCsB,UAAUf,GAAU,GAAGF,EAAML,OAAOqB,KAAAA;IACrC,CAAC,EACFhB,EAAMe,MACP;;EAAA,EACGd,GAAM,EAAA,IAAAG,WAAA;AAAA,SAAA;GAAAO,EAET7B,GAAI;IAAA,IAACoC,OAAI;AAAA,YAAEC,QAAA,CAAA,CAAAnB,EAAMG,KAAI,EAAA,IAAIH,EAAMH,iBAAiB;;IAAM,IAAAO,WAAA;AAAA,YAAAO,EACpD7B,GAAI;MAAA,IAACoC,OAAI;AAAA,cAAE,CAAChB,GAAU;;MAAA,IAAEkB,WAAQ;AAAA,cAAEpB,EAAMG;;MAAI,IAAAC,WAAA;AAAA,cAC1CC,EAAa,eAAe;;MAAA,CAAA;;IAAA,CAAA;GAAAc,QAGhCnB,EAAMI,SAAQ;GAAAO,EACd7B,GAAI;IAAA,IAACoC,OAAI;AAAA,YAAEC,QAAA,CAAA,CAAAnB,EAAMG,KAAI,EAAA,IAAIH,EAAMH,iBAAiB;;IAAO,IAAAO,WAAA;AAAA,YAAAO,EACrD7B,GAAI;MAAA,IAACoC,OAAI;AAAA,cAAE,CAAChB,GAAU;;MAAA,IAAEkB,WAAQ;AAAA,cAAEpB,EAAMG;;MAAI,IAAAC,WAAA;AAAA,cAC1CC,EAAa,aAAa;;MAAA,CAAA;;IAAA,CAAA;GAAA;IAAA,CAAA,CAAA"}

package/dist/components/button/Button.styles.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../lib/utils/clsx.js";
+import { clsx as e } from "../../utils/clsx.js";
 import { cva as t } from "class-variance-authority";
 var n = t("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-neutral-400 focus-visible:ring-3 focus-visible:ring-neutral-400/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-red-600 aria-invalid:ring-3 aria-invalid:ring-red-600/20 dark:aria-invalid:border-red-600/50 dark:aria-invalid:ring-red-600/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", { variants: {
 	variant: {
@@ -24,3 +24,5 @@ var n = t("group/button inline-flex shrink-0 items-center justify-center rounded
 } });
 //#endregion
 export { n as default };
+
+//# sourceMappingURL=Button.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styles.js","names":[],"sources":["../../../src/components/button/Button.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { clsx } from \"~/utils\";\n\nexport const base =\n  \"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-neutral-400 focus-visible:ring-3 focus-visible:ring-neutral-400/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-red-600 aria-invalid:ring-3 aria-invalid:ring-red-600/20 dark:aria-invalid:border-red-600/50 dark:aria-invalid:ring-red-600/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport default cva(base, {\n  variants: {\n    variant: {\n      primary: clsx(\n        \"bg-neutral-900 text-neutral-50 [a]:hover:bg-neutral-900/80\",\n        \"dark:bg-neutral-200 dark:text-neutral-900 [a]:hover:bg-neutral-200/80\",\n      ),\n      // \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n      outline: clsx(\n        \"border-neutral-200 bg-white hover:bg-neutral-100 hover:text-neutral-950 aria-expanded:bg-neutral-100 aria-expanded:text-neutral-950\",\n        \"dark:border-white/15 dark:bg-white/4 dark:hover:bg-white/5 dark:hover:text-neutral-50 dark:aria-expanded:bg-neutral-800 dark:aria-expanded:text-neutral-50\",\n      ),\n      secondary: clsx(\n        \"bg-neutral-100 text-neutral-900 hover:bg-neutral-100/80 aria-expanded:bg-neutral-100 aria-expanded:text-neutral-900\",\n        \"dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80 aria-expanded:bg-neutral-800 aria-expanded:text-neutral-50\",\n      ),\n      ghost: clsx(\n        \"hover:bg-neutral-100 hover:text-neutral-950 aria-expanded:bg-neutral-100 aria-expanded:text-neutral-950\",\n        \"dark:hover:bg-neutral-800/50 dark:hover:text-neutral-50 dark:aria-expanded:bg-neutral-800 dark:aria-expanded:text-neutral-50\",\n      ),\n      destructive: clsx(\n        \"bg-red-600/10 text-red-600 hover:bg-red-600/20 focus-visible:border-red-600/40 focus-visible:ring-red-600/20\",\n        \"dark:bg-red-400/20 dark:text-red-400 dark:hover:bg-red-400/30 dark:focus-visible:border-red-400/40 dark:focus-visible:ring-red-400/40\",\n      ),\n      link: clsx(\n        \"underline-offset-4 hover:underline\",\n        \"text-neutral-900\",\n        \"dark:text-neutral-200\",\n      ),\n    },\n    size: {\n      md: \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n      xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n      lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n    },\n    iconSize: {\n      md: \"size-8\",\n      xs: \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\n      lg: \"size-9\",\n    },\n  },\n});\n"],"mappings":";;AAMA,IAAA,IAAe,EAFb,4lBAEuB,EACvB,UAAU;CACR,SAAS;EACP,SAAS,EACP,8DACA,wEACD;EAED,SAAS,EACP,uIACA,6JACD;EACD,WAAW,EACT,uHACA,mIACD;EACD,OAAO,EACL,2GACA,+HACD;EACD,aAAa,EACX,gHACA,wIACD;EACD,MAAM,EACJ,sCACA,oBACA,wBACD;EACF;CACD,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACD,UAAU;EACR,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACF,EACF,CAAC"}

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

@@ -9,6 +9,7 @@ interface BaseButtonProps extends BaseProps {
     children?: JSXElement;
     icon?: JSXElement;
     iconPosition?: "left" | "right";
+    id?: string;
 }
 export type ButtonValidElement = "button" | "a";
 export type ButtonProps<T extends ButtonValidElement> = PolymorphicProps<T, BaseButtonProps & {

package/dist/components/button/index.js

@@ -0,0 +1,2 @@
+import { Button as e } from "./Button.js";
+export { e as Button };

package/dist/components/button-group/ButtonGroup/ButtonGroup.js

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { buttonGroupVariants as t } from "./ButtonGroup.styles.js";
 import { mergeProps as n, spread as r, template as i } from "solid-js/web";
 import { splitProps as a } from "solid-js";
@@ -23,3 +23,5 @@ var o = /* @__PURE__ */ i("<fieldset data-slot=button-group>"), s = (i) => {
 };
 //#endregion
 export { s as ButtonGroup };
+
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/components/button-group/ButtonGroup/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","names":["splitProps","clsx","buttonGroupVariants","ButtonGroupProps","ButtonGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","orientation","class"],"sources":["../../../../src/components/button-group/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { buttonGroupVariants } from \"./ButtonGroup.styles\";\nimport type { ButtonGroupProps } from \"./ButtonGroup.types\";\n\nexport const ButtonGroup = (props: ButtonGroupProps) => {\n  const [local, others] = splitProps(props, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n  return (\n    <fieldset\n      data-slot=\"button-group\"\n      data-orientation={local.orientation}\n      class={clsx(\n        buttonGroupVariants({ orientation: local.orientation }),\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;gEAKaI,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EACxC;EACA;EACA;EACD,CAAC;AACF,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAQc,SARdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;AAAA,WAGsBL,EAAMO;;GAAW,IAAA,QAAA;AAAA,WAC5BZ,EACLC,EAAoB,EAAEW,aAAaP,EAAMO,aAAa,CAAC,EACvDP,EAAMQ,MACP;;GAAA,EACGP,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/button-group/ButtonGroup/ButtonGroup.styles.js

@@ -9,3 +9,5 @@ var t = e("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-1
 });
 //#endregion
 export { t as buttonGroupVariants };
+
+//# sourceMappingURL=ButtonGroup.styles.js.map

package/dist/components/button-group/ButtonGroup/ButtonGroup.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.styles.js","names":[],"sources":["../../../../src/components/button-group/ButtonGroup/ButtonGroup.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const buttonGroupVariants = cva(\n  \"flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0\",\n        vertical:\n          \"flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  },\n);\n"],"mappings":";;AAEA,IAAa,IAAsB,EACjC,4RACA;CACE,UAAU,EACR,aAAa;EACX,YACE;EACF,UACE;EACH,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CACF"}