@neut/ui 0.0.1 → 0.0.3

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"}

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

@@ -1,4 +1,4 @@
-import { clsx as e } from "../../../lib/utils/clsx.js";
+import { clsx as e } from "../../../utils/clsx.js";
 import { Separator as t } from "../../separator/Separator.js";
 import { classes as n } from "./ButtonGroupSeparator.styles.js";
 import { createComponent as r, mergeProps as i } from "solid-js/web";
@@ -18,3 +18,5 @@ var o = (o) => {
 };
 //#endregion
 export { o as ButtonGroupSeparator };
+
+//# sourceMappingURL=ButtonGroupSeparator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupSeparator.js","names":["mergeProps","Separator","clsx","classes","ButtonGroupSeparatorProps","ButtonGroupSeparator","props","merged","orientation","const","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.tsx"],"sourcesContent":["import { mergeProps } from \"solid-js\";\nimport { Separator } from \"~/components/separator\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ButtonGroupSeparator.styles\";\nimport type { ButtonGroupSeparatorProps } from \"./ButtonGroupSeparator.types\";\n\nexport const ButtonGroupSeparator = (props: ButtonGroupSeparatorProps) => {\n  const merged = mergeProps({ orientation: \"vertical\" } as const, props);\n\n  return (\n    <Separator\n      {...merged}\n      data-slot=\"button-group-separator\"\n      orientation={merged.orientation}\n      class={clsx(classes, merged.class)}\n    />\n  );\n};\n"],"mappings":";;;;;;AAMA,IAAaK,KAAwBC,MAAqC;CACxE,IAAMC,IAASP,EAAW,EAAEQ,aAAa,YAAY,EAAWF,EAAM;AAEtE,QAAAI,EACGT,GAASU,EACJJ,GAAM;EAAA,aAAA;EAAA,IAEVC,cAAW;AAAA,UAAED,EAAOC;;EAAW,IAAA,QAAA;AAAA,UACxBN,EAAKC,GAASI,EAAOK,MAAM;;EAAA,CAAA,CAAA"}

package/dist/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.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/button-group/ButtonGroupSeparator/ButtonGroupSeparator.styles.ts
 var t = e("relative self-stretch bg-neutral-200 dark:bg-white/15 data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto");
 //#endregion
 export { t as classes };
+
+//# sourceMappingURL=ButtonGroupSeparator.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupSeparator.styles.js","names":[],"sources":["../../../../src/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\n  \"relative self-stretch bg-neutral-200 dark:bg-white/15 data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto\",\n);\n"],"mappings":";;AAEA,IAAa,IAAU,EACrB,8IACD"}

package/dist/components/button-group/ButtonGroupText/ButtonGroupText.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 "./ButtonGroupText.styles.js";
 import { mergeProps as n, spread as r, template as i } from "solid-js/web";
 //#region src/components/button-group/ButtonGroupText/ButtonGroupText.tsx
@@ -10,3 +10,5 @@ var a = /* @__PURE__ */ i("<div data-slot=button-group-text>"), o = (i) => (() =
 })();
 //#endregion
 export { o as ButtonGroupText };
+
+//# sourceMappingURL=ButtonGroupText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupText.js","names":["clsx","classes","ButtonGroupTextProps","ButtonGroupText","props","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/button-group/ButtonGroupText/ButtonGroupText.tsx"],"sourcesContent":["import { clsx } from \"~/utils\";\nimport { classes } from \"./ButtonGroupText.styles\";\nimport type { ButtonGroupTextProps } from \"./ButtonGroupText.types\";\n\nexport const ButtonGroupText = (props: ButtonGroupTextProps) => {\n  return (\n    <div\n      data-slot=\"button-group-text\"\n      class={clsx(classes, props.class)}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;gEAIaG,KAAmBC,aAC9B;CAAA,IAAAC,IAAAC,GAAA;AAIa,QAJbC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,SAGWR,EAAKC,GAASG,EAAMK,MAAM;IAAA,EAC7BL,EAAK,EAAA,IAAA,GAAA,EAAAC;IAAA"}

package/dist/components/button-group/ButtonGroupText/ButtonGroupText.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/button-group/ButtonGroupText/ButtonGroupText.styles.ts
 var t = e("flex items-center gap-2 rounded-lg border bg-neutral-100 dark:bg-neutral-800 px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4");
 //#endregion
 export { t as classes };
+
+//# sourceMappingURL=ButtonGroupText.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupText.styles.js","names":[],"sources":["../../../../src/components/button-group/ButtonGroupText/ButtonGroupText.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\n  \"flex items-center gap-2 rounded-lg border bg-neutral-100 dark:bg-neutral-800 px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n);\n"],"mappings":";;AAEA,IAAa,IAAU,EACrB,2KACD"}

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

@@ -0,0 +1,4 @@
+import { ButtonGroup as e } from "./ButtonGroup/ButtonGroup.js";
+import { ButtonGroupSeparator as t } from "./ButtonGroupSeparator/ButtonGroupSeparator.js";
+import { ButtonGroupText as n } from "./ButtonGroupText/ButtonGroupText.js";
+export { e as ButtonGroup, t as ButtonGroupSeparator, n as ButtonGroupText };

package/dist/components/card/Card/Card.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 "./Card.styles.js";
 import { mergeProps as n, spread as r, template as i } from "solid-js/web";
 import { mergeProps as a, splitProps as o } from "solid-js";
@@ -23,3 +23,5 @@ var s = /* @__PURE__ */ i("<div data-slot=card>"), c = (i) => {
 };
 //#endregion
 export { c as Card };
+
+//# sourceMappingURL=Card.js.map

package/dist/components/card/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","names":["mergeProps","splitProps","classes","clsx","CardProps","Card","props","merged","size","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-size","class"],"sources":["../../../../src/components/card/Card/Card.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { classes } from \"~/components/card/Card/Card.styles\";\nimport { clsx } from \"~/utils\";\nimport type { CardProps } from \"./Card.types\";\n\nexport const Card = (props: CardProps) => {\n  const merged = mergeProps({ size: \"md\" } as const, props);\n  const [local, others] = splitProps(merged, [\"size\", \"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"card\"\n      data-size={local.size}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;mDAKaK,KAAQC,MAAqB;CAExC,IAAM,CAACI,GAAOC,KAAUV,EADTD,EAAW,EAAEQ,MAAM,MAAM,EAAWF,EAAM,EACd;EAAC;EAAQ;EAAS;EAAY,CAAC;AAE1E,eAAA;EAAA,IAAAM,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,cAAA;AAAA,WAGeL,EAAMF;;GAAI,IAAA,QAAA;AAAA,WACdL,EAAKD,GAASQ,EAAMO,MAAM;;GAAA,EAC7BN,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/card/Card/Card.styles.d.ts

@@ -1 +1 @@
-export declare const classes = "group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-white dark:bg-neutral-900 py-4 text-sm text-neutral-950 dark:text-neutral-50 ring-1 ring-neutral-950/10 dark:ring-neutral-50/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl";
+export declare const classes = "flex flex-col gap-4 overflow-hidden rounded-xl bg-white dark:bg-neutral-900 py-4 text-sm text-neutral-950 dark:text-neutral-50 dark:ring-neutral-50/10";

package/dist/components/card/Card/Card.styles.js

@@ -1,4 +1,6 @@
 //#region src/components/card/Card/Card.styles.ts
-var e = "group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-white dark:bg-neutral-900 py-4 text-sm text-neutral-950 dark:text-neutral-50 ring-1 ring-neutral-950/10 dark:ring-neutral-50/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl";
+var e = "flex flex-col gap-4 overflow-hidden rounded-xl bg-white dark:bg-neutral-900 py-4 text-sm text-neutral-950 dark:text-neutral-50 dark:ring-neutral-50/10";
 //#endregion
 export { e as classes };
+
+//# sourceMappingURL=Card.styles.js.map

package/dist/components/card/Card/Card.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.styles.js","names":[],"sources":["../../../../src/components/card/Card/Card.styles.ts"],"sourcesContent":["// export const classes =\n//   \"group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-white dark:bg-neutral-900 py-4 text-sm text-neutral-950 dark:text-neutral-50 ring-1 ring-neutral-950/10 dark:ring-neutral-50/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl\";\nexport const classes =\n  \"flex flex-col gap-4 overflow-hidden rounded-xl bg-white dark:bg-neutral-900 py-4 text-sm text-neutral-950 dark:text-neutral-50 dark:ring-neutral-50/10\";\n"],"mappings":";AAEA,IAAa,IACX"}

package/dist/components/card/CardAction/CardAction.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 "./CardAction.styles.js";
 import { mergeProps as n, spread as r, template as i } from "solid-js/web";
 import { splitProps as a } from "solid-js";
@@ -14,3 +14,5 @@ var o = /* @__PURE__ */ i("<div data-slot=card-action>"), s = (i) => {
 };
 //#endregion
 export { s as CardAction };
+
+//# sourceMappingURL=CardAction.js.map

package/dist/components/card/CardAction/CardAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardAction.js","names":["splitProps","clsx","classes","CardActionProps","CardAction","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/card/CardAction/CardAction.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./CardAction.styles\";\nimport type { CardActionProps } from \"./CardAction.types\";\n\nexport const CardAction = (props: CardActionProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-action\" class={clsx(classes, local.class)} {...rest} />\n  );\n};\n"],"mappings":";;;;;0DAKaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAE/D,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAC0E,SAD1EC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UACsCV,EAAKC,GAASI,EAAMM,MAAM;KAAA,EAAML,EAAI,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/card/CardAction/CardAction.styles.js

@@ -2,3 +2,5 @@
 var e = "col-start-2 row-span-2 row-start-1 self-start justify-self-end";
 //#endregion
 export { e as classes };
+
+//# sourceMappingURL=CardAction.styles.js.map

package/dist/components/card/CardAction/CardAction.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardAction.styles.js","names":[],"sources":["../../../../src/components/card/CardAction/CardAction.styles.ts"],"sourcesContent":["export const classes =\n  \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/card/CardContent/CardContent.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 "./CardContent.styles.js";
 import { mergeProps as n, spread as r, template as i } from "solid-js/web";
 import { splitProps as a } from "solid-js";
@@ -14,3 +14,5 @@ var o = /* @__PURE__ */ i("<div data-slot=card-content>"), s = (i) => {
 };
 //#endregion
 export { s as CardContent };
+
+//# sourceMappingURL=CardContent.js.map

package/dist/components/card/CardContent/CardContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.js","names":["splitProps","clsx","classes","CardContentProps","CardContent","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/card/CardContent/CardContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./CardContent.styles\";\nimport type { CardContentProps } from \"./CardContent.types\";\n\nexport const CardContent = (props: CardContentProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"card-content\"\n      class={clsx(classes, local.class)}\n      {...rest}\n    />\n  );\n};\n"],"mappings":";;;;;2DAKaI,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAE/D,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIY,SAJZC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWV,EAAKC,GAASI,EAAMM,MAAM;KAAA,EAC7BL,EAAI,EAAA,IAAA,GAAA,EAAAC;KAAA"}