@neut/ui 0.0.8 → 0.0.10

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

@@ -3,7 +3,7 @@ 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";
 //#region src/components/button-group/ButtonGroup/ButtonGroup.tsx
-var o = /* @__PURE__ */ i("<fieldset data-slot=button-group>"), s = (i) => {
+var o = /*#__PURE__*/ i("<fieldset data-slot=button-group>"), s = (i) => {
 	let [s, c] = a(i, [
 		"orientation",
 		"class",

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

@@ -1 +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"}
+{"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":";;;;;8DAKaI,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EACxC;EACA;EACA;CAAW,CACZ;CACD,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBL,EAAMO;GAAW;GAAA,IAAA,QAAA;IAAA,OAC5BZ,EACLC,EAAoB,EAAEW,aAAaP,EAAMO,YAAY,CAAC,GACtDP,EAAMQ,KACR;GAAC;EAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

@@ -1 +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"}
+{"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;CACJ,EACF;CACA,iBAAiB,EACf,aAAa,aACf;AACF,CACF"}

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

@@ -1,6 +1,6 @@
 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 n from "./ButtonGroupSeparator.styles.js";
 import { createComponent as r, mergeProps as i } from "solid-js/web";
 import { mergeProps as a } from "solid-js";
 //#region src/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.tsx

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

@@ -1 +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"}
+{"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,WAAW,GAAYF,CAAK;CAErE,OAAAI,EACGT,GAASU,EACJJ,GAAM;EAAA,aAAA;EAAA,IAEVC,cAAW;GAAA,OAAED,EAAOC;EAAW;EAAA,IAAA,QAAA;GAAA,OACxBN,EAAKC,GAASI,EAAOK,KAAK;EAAC;CAAA,CAAA,CAAA;AAGxC"}

package/dist/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.styles.d.ts

@@ -1 +1,2 @@
-export declare const classes: string;
+declare const classes = "relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto";
+export default classes;

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

@@ -1,7 +1,6 @@
-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");
+var e = "relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto";
 //#endregion
-export { t as classes };
+export { e as default };
 
 //# sourceMappingURL=ButtonGroupSeparator.styles.js.map

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

@@ -1 +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"}
+{"version":3,"file":"ButtonGroupSeparator.styles.js","names":[],"sources":["../../../../src/components/button-group/ButtonGroupSeparator/ButtonGroupSeparator.styles.ts"],"sourcesContent":["const classes =\n  \"relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto\";\n\nexport default classes;\n"],"mappings":";AAAA,IAAM,IACJ"}

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

@@ -1,8 +1,8 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { classes as t } from "./ButtonGroupText.styles.js";
+import 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
-var a = /* @__PURE__ */ i("<div data-slot=button-group-text>"), o = (i) => (() => {
+var a = /*#__PURE__*/ i("<div data-slot=button-group-text>"), o = (i) => (() => {
 	var o = a();
 	return r(o, n({ get class() {
 		return e(t, i.class);

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

@@ -1 +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"}
+{"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":";;;;8DAIaG,KAAmBC,aAC9B;CAAA,IAAAC,IAAAC,EAAA;CAIa,OAJbC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;EAAA,OAGWR,EAAKC,GAASG,EAAMK,KAAK;CAAC,EAAA,GAC7BL,CAAK,GAAA,IAAA,EAAA,GAAAC;AAAA,EAAA,CAAA"}

package/dist/components/button-group/ButtonGroupText/ButtonGroupText.styles.d.ts

@@ -1 +1,2 @@
-export declare const classes: string;
+declare const classes = "flex items-center gap-2 rounded-lg border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4";
+export default classes;

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

@@ -1,7 +1,6 @@
-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");
+var e = "flex items-center gap-2 rounded-lg border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4";
 //#endregion
-export { t as classes };
+export { e as default };
 
 //# sourceMappingURL=ButtonGroupText.styles.js.map

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

@@ -1 +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"}
+{"version":3,"file":"ButtonGroupText.styles.js","names":[],"sources":["../../../../src/components/button-group/ButtonGroupText/ButtonGroupText.styles.ts"],"sourcesContent":["const classes =\n  \"flex items-center gap-2 rounded-lg border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\";\n\nexport default classes;\n"],"mappings":";AAAA,IAAM,IACJ"}

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

@@ -1,10 +1,10 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { classes as t } from "./Card.styles.js";
+import 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";
 //#region src/components/card/Card/Card.tsx
-var s = /* @__PURE__ */ i("<div data-slot=card>"), c = (i) => {
-	let [c, l] = o(a({ size: "md" }, i), [
+var s = /*#__PURE__*/ i("<div data-slot=card>"), c = (i) => {
+	let c = a({ size: "md" }, i), [l, u] = o(c, [
 		"size",
 		"class",
 		"classList"
@@ -13,12 +13,12 @@ var s = /* @__PURE__ */ i("<div data-slot=card>"), c = (i) => {
 		var i = s();
 		return r(i, n({
 			get "data-size"() {
-				return c.size;
+				return l.size;
 			},
 			get class() {
-				return e(t, c.class);
+				return e(t, l.class);
 			}
-		}, l), !1, !1), i;
+		}, u), !1, !1), i;
 	})();
 };
 //#endregion

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

@@ -1 +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"}
+{"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":";;;;;iDAKaK,KAAQC,MAAqB;CACxC,IAAMC,IAASP,EAAW,EAAEQ,MAAM,KAAK,GAAYF,CAAK,GAClD,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EAAC;EAAQ;EAAS;CAAW,CAAC;CAEzE,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,cAAA;IAAA,OAGeL,EAAMF;GAAI;GAAA,IAAA,QAAA;IAAA,OACdL,EAAKD,GAASQ,EAAMO,KAAK;GAAC;EAAA,GAC7BN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

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

@@ -1 +1,2 @@
-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";
+declare const classes = "group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl";
+export default classes;

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

@@ -1,6 +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 = "group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl";
 //#endregion
-export { e as classes };
+export { e as default };
 
 //# sourceMappingURL=Card.styles.js.map

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

@@ -1 +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\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"Card.styles.js","names":[],"sources":["../../../../src/components/card/Card/Card.styles.ts"],"sourcesContent":["const classes =\n  \"group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl\";\n\nexport default classes;\n"],"mappings":";AAAA,IAAM,IACJ"}

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

@@ -1,9 +1,9 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { classes as t } from "./CardAction.styles.js";
+import 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";
 //#region src/components/card/CardAction/CardAction.tsx
-var o = /* @__PURE__ */ i("<div data-slot=card-action>"), s = (i) => {
+var o = /*#__PURE__*/ i("<div data-slot=card-action>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();

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

@@ -1 +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"}
+{"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":";;;;;wDAKaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAC0E,OAD1EC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OACsCV,EAAKC,GAASI,EAAMM,KAAK;EAAC,EAAA,GAAML,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAE5E"}

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

@@ -1 +1,2 @@
-export declare const classes = "col-start-2 row-span-2 row-start-1 self-start justify-self-end";
+declare const classes = "col-start-2 row-span-2 row-start-1 self-start justify-self-end";
+export default classes;

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

@@ -1,6 +1,6 @@
 //#region src/components/card/CardAction/CardAction.styles.ts
 var e = "col-start-2 row-span-2 row-start-1 self-start justify-self-end";
 //#endregion
-export { e as classes };
+export { e as default };
 
 //# sourceMappingURL=CardAction.styles.js.map

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

@@ -1 +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"}
+{"version":3,"file":"CardAction.styles.js","names":[],"sources":["../../../../src/components/card/CardAction/CardAction.styles.ts"],"sourcesContent":["const classes =\n  \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\";\n\nexport default classes;\n"],"mappings":";AAAA,IAAM,IACJ"}

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

@@ -1,9 +1,9 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { classes as t } from "./CardContent.styles.js";
+import 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";
 //#region src/components/card/CardContent/CardContent.tsx
-var o = /* @__PURE__ */ i("<div data-slot=card-content>"), s = (i) => {
+var o = /*#__PURE__*/ i("<div data-slot=card-content>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();

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

@@ -1 +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"}
+{"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":";;;;;yDAKaI,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIY,OAJZC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWV,EAAKC,GAASI,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}

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

@@ -1 +1,2 @@
-export declare const classes = "px-4 group-data-[size=sm]/card:px-3";
+declare const classes = "px-(--card-spacing)";
+export default classes;

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

@@ -1,6 +1,6 @@
 //#region src/components/card/CardContent/CardContent.styles.ts
-var e = "px-4 group-data-[size=sm]/card:px-3";
+var e = "px-(--card-spacing)";
 //#endregion
-export { e as classes };
+export { e as default };
 
 //# sourceMappingURL=CardContent.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardContent.styles.js","names":[],"sources":["../../../../src/components/card/CardContent/CardContent.styles.ts"],"sourcesContent":["export const classes = \"px-4 group-data-[size=sm]/card:px-3\";\n"],"mappings":";AAAA,IAAa,IAAU"}
+{"version":3,"file":"CardContent.styles.js","names":[],"sources":["../../../../src/components/card/CardContent/CardContent.styles.ts"],"sourcesContent":["const classes = \"px-(--card-spacing)\";\n\nexport default classes;\n"],"mappings":";AAAA,IAAM,IAAU"}

package/dist/components/card/CardDescription/CardDescription.js

@@ -1,9 +1,9 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { classes as t } from "./CardDescription.styles.js";
+import t from "./CardDescription.styles.js";
 import { mergeProps as n, spread as r, template as i } from "solid-js/web";
 import { splitProps as a } from "solid-js";
 //#region src/components/card/CardDescription/CardDescription.tsx
-var o = /* @__PURE__ */ i("<div data-slot=card-description>"), s = (i) => {
+var o = /*#__PURE__*/ i("<div data-slot=card-description>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();

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

@@ -1 +1 @@
-{"version":3,"file":"CardDescription.js","names":["splitProps","clsx","classes","CardDescriptionProps","CardDescription","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/card/CardDescription/CardDescription.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./CardDescription.styles\";\nimport type { CardDescriptionProps } from \"./CardDescription.types\";\n\nexport const CardDescription = (props: CardDescriptionProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"card-description\"\n      class={clsx(classes, local.class)}\n      {...rest}\n    />\n  );\n};\n"],"mappings":";;;;;+DAKaI,KAAmBC,MAAgC;CAC9D,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"}
+{"version":3,"file":"CardDescription.js","names":["splitProps","clsx","classes","CardDescriptionProps","CardDescription","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/card/CardDescription/CardDescription.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardDescription.styles\";\nimport type { CardDescriptionProps } from \"./CardDescription.types\";\n\nexport const CardDescription = (props: CardDescriptionProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"card-description\"\n      class={clsx(classes, local.class)}\n      {...rest}\n    />\n  );\n};\n"],"mappings":";;;;;6DAKaI,KAAmBC,MAAgC;CAC9D,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAIY,OAJZC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWV,EAAKC,GAASI,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGd"}

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

@@ -1 +1,2 @@
-export declare const classes = "text-sm text-neutral-500 dark:text-neutral-400";
+declare const classes = "text-sm text-muted-foreground";
+export default classes;

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

@@ -1,6 +1,6 @@
 //#region src/components/card/CardDescription/CardDescription.styles.ts
-var e = "text-sm text-neutral-500 dark:text-neutral-400";
+var e = "text-sm text-muted-foreground";
 //#endregion
-export { e as classes };
+export { e as default };
 
 //# sourceMappingURL=CardDescription.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardDescription.styles.js","names":[],"sources":["../../../../src/components/card/CardDescription/CardDescription.styles.ts"],"sourcesContent":["export const classes = \"text-sm text-neutral-500 dark:text-neutral-400\";\n"],"mappings":";AAAA,IAAa,IAAU"}
+{"version":3,"file":"CardDescription.styles.js","names":[],"sources":["../../../../src/components/card/CardDescription/CardDescription.styles.ts"],"sourcesContent":["const classes = \"text-sm text-muted-foreground\";\n\nexport default classes;\n"],"mappings":";AAAA,IAAM,IAAU"}

package/dist/components/card/CardFooter/CardFooter.js

@@ -1,9 +1,9 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { classes as t } from "./CardFooter.styles.js";
+import t from "./CardFooter.styles.js";
 import { mergeProps as n, spread as r, template as i } from "solid-js/web";
 import { splitProps as a } from "solid-js";
 //#region src/components/card/CardFooter/CardFooter.tsx
-var o = /* @__PURE__ */ i("<div data-slot=card-footer>"), s = (i) => {
+var o = /*#__PURE__*/ i("<div data-slot=card-footer>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();

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

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.js","names":["splitProps","clsx","classes","CardFooterProps","CardFooter","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/card/CardFooter/CardFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./CardFooter.styles\";\nimport type { CardFooterProps } from \"./CardFooter.types\";\n\nexport const CardFooter = (props: CardFooterProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-footer\" 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"}
+{"version":3,"file":"CardFooter.js","names":["splitProps","clsx","classes","CardFooterProps","CardFooter","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/card/CardFooter/CardFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardFooter.styles\";\nimport type { CardFooterProps } from \"./CardFooter.types\";\n\nexport const CardFooter = (props: CardFooterProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-footer\" class={clsx(classes, local.class)} {...rest} />\n  );\n};\n"],"mappings":";;;;;wDAKaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAC0E,OAD1EC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OACsCV,EAAKC,GAASI,EAAMM,KAAK;EAAC,EAAA,GAAML,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAE5E"}

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

@@ -1 +1,2 @@
-export declare const classes = "flex items-center rounded-b-xl border-t bg-neutral-100/50 dark:bg-neutral-800/50 p-4 group-data-[size=sm]/card:p-3";
+declare const classes = "flex items-center rounded-b-xl border-t bg-muted/50 p-(--card-spacing)";
+export default classes;

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

@@ -1,6 +1,6 @@
 //#region src/components/card/CardFooter/CardFooter.styles.ts
-var e = "flex items-center rounded-b-xl border-t bg-neutral-100/50 dark:bg-neutral-800/50 p-4 group-data-[size=sm]/card:p-3";
+var e = "flex items-center rounded-b-xl border-t bg-muted/50 p-(--card-spacing)";
 //#endregion
-export { e as classes };
+export { e as default };
 
 //# sourceMappingURL=CardFooter.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.styles.js","names":[],"sources":["../../../../src/components/card/CardFooter/CardFooter.styles.ts"],"sourcesContent":["export const classes =\n  \"flex items-center rounded-b-xl border-t bg-neutral-100/50 dark:bg-neutral-800/50 p-4 group-data-[size=sm]/card:p-3\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"CardFooter.styles.js","names":[],"sources":["../../../../src/components/card/CardFooter/CardFooter.styles.ts"],"sourcesContent":["const classes =\n  \"flex items-center rounded-b-xl border-t bg-muted/50 p-(--card-spacing)\";\n\nexport default classes;\n"],"mappings":";AAAA,IAAM,IACJ"}

package/dist/components/card/CardHeader/CardHeader.js

@@ -1,9 +1,9 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { classes as t } from "./CardHeader.styles.js";
+import t from "./CardHeader.styles.js";
 import { mergeProps as n, spread as r, template as i } from "solid-js/web";
 import { splitProps as a } from "solid-js";
 //#region src/components/card/CardHeader/CardHeader.tsx
-var o = /* @__PURE__ */ i("<div data-slot=card-header>"), s = (i) => {
+var o = /*#__PURE__*/ i("<div data-slot=card-header>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();

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

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","names":["splitProps","clsx","classes","CardHeaderProps","CardHeader","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/card/CardHeader/CardHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./CardHeader.styles\";\nimport type { CardHeaderProps } from \"./CardHeader.types\";\n\nexport const CardHeader = (props: CardHeaderProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-header\" 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"}
+{"version":3,"file":"CardHeader.js","names":["splitProps","clsx","classes","CardHeaderProps","CardHeader","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/card/CardHeader/CardHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardHeader.styles\";\nimport type { CardHeaderProps } from \"./CardHeader.types\";\n\nexport const CardHeader = (props: CardHeaderProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-header\" class={clsx(classes, local.class)} {...rest} />\n  );\n};\n"],"mappings":";;;;;wDAKaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAC0E,OAD1EC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OACsCV,EAAKC,GAASI,EAAMM,KAAK;EAAC,EAAA,GAAML,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAE5E"}

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

@@ -1 +1,2 @@
-export declare const classes = "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3";
+declare const classes = "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)";
+export default classes;

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

@@ -1,6 +1,6 @@
 //#region src/components/card/CardHeader/CardHeader.styles.ts
-var e = "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3";
+var e = "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)";
 //#endregion
-export { e as classes };
+export { e as default };
 
 //# sourceMappingURL=CardHeader.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.styles.js","names":[],"sources":["../../../../src/components/card/CardHeader/CardHeader.styles.ts"],"sourcesContent":["export const classes =\n  \"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"CardHeader.styles.js","names":[],"sources":["../../../../src/components/card/CardHeader/CardHeader.styles.ts"],"sourcesContent":["const classes =\n  \"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)\";\n\nexport default classes;\n"],"mappings":";AAAA,IAAM,IACJ"}

package/dist/components/card/CardTitle/CardTitle.js

@@ -1,9 +1,9 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { classes as t } from "./CardTitle.styles.js";
+import t from "./CardTitle.styles.js";
 import { mergeProps as n, spread as r, template as i } from "solid-js/web";
 import { splitProps as a } from "solid-js";
 //#region src/components/card/CardTitle/CardTitle.tsx
-var o = /* @__PURE__ */ i("<div data-slot=card-title>"), s = (i) => {
+var o = /*#__PURE__*/ i("<div data-slot=card-title>"), s = (i) => {
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();

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

@@ -1 +1 @@
-{"version":3,"file":"CardTitle.js","names":["splitProps","clsx","classes","CardTitleProps","CardTitle","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/card/CardTitle/CardTitle.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./CardTitle.styles\";\nimport type { CardTitleProps } from \"./CardTitle.types\";\n\nexport const CardTitle = (props: CardTitleProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-title\" class={clsx(classes, local.class)} {...rest} />\n  );\n};\n"],"mappings":";;;;;yDAKaI,KAAaC,MAA0B;CAClD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAE/D,eAAA;EAAA,IAAAG,IAAAC,GAAA;AACyE,SADzEC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UACqCV,EAAKC,GAASI,EAAMM,MAAM;KAAA,EAAML,EAAI,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"CardTitle.js","names":["splitProps","clsx","classes","CardTitleProps","CardTitle","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/card/CardTitle/CardTitle.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./CardTitle.styles\";\nimport type { CardTitleProps } from \"./CardTitle.types\";\n\nexport const CardTitle = (props: CardTitleProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div data-slot=\"card-title\" class={clsx(classes, local.class)} {...rest} />\n  );\n};\n"],"mappings":";;;;;uDAKaI,KAAaC,MAA0B;CAClD,IAAM,CAACC,GAAOC,KAAQP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAE9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EACyE,OADzEC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OACqCV,EAAKC,GAASI,EAAMM,KAAK;EAAC,EAAA,GAAML,CAAI,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAE3E"}

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

@@ -1 +1,2 @@
-export declare const classes = "cn-font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm";
+declare const classes = "cn-font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm";
+export default classes;

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

@@ -1,6 +1,6 @@
 //#region src/components/card/CardTitle/CardTitle.styles.ts
 var e = "cn-font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm";
 //#endregion
-export { e as classes };
+export { e as default };
 
 //# sourceMappingURL=CardTitle.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardTitle.styles.js","names":[],"sources":["../../../../src/components/card/CardTitle/CardTitle.styles.ts"],"sourcesContent":["export const classes =\n  \"cn-font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm\";\n"],"mappings":";AAAA,IAAa,IACX"}
+{"version":3,"file":"CardTitle.styles.js","names":[],"sources":["../../../../src/components/card/CardTitle/CardTitle.styles.ts"],"sourcesContent":["const classes =\n  \"cn-font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm\";\n\nexport default classes;\n"],"mappings":";AAAA,IAAM,IACJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.context.js","names":["Accessor","createContext","useContext","Orientation","CarouselContextValue","currentIndex","itemCount","orientation","loop","canScrollPrev","canScrollNext","scrollPrev","scrollNext","scrollTo","index","registerItem","itemSize","setItemSize","size","viewportSize","setViewportSize","CarouselContext","useCarouselContext","context","Error"],"sources":["../../../../src/components/carousel/Carousel/Carousel.context.tsx"],"sourcesContent":["import { type Accessor, createContext, useContext } from \"solid-js\";\nimport type { Orientation } from \"./Carousel.types\";\n\ninterface CarouselContextValue {\n  currentIndex: Accessor<number>;\n  itemCount: Accessor<number>;\n  orientation: Accessor<Orientation>;\n  loop: Accessor<boolean>;\n  canScrollPrev: Accessor<boolean>;\n  canScrollNext: Accessor<boolean>;\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  scrollTo: (index: number) => void;\n  registerItem: () => () => void;\n  itemSize: Accessor<number>;\n  setItemSize: (size: number) => void;\n  /**\n   * viewport（overflow:hidden 容器）的实测像素尺寸。\n   * 由 CarouselContent 的 ResizeObserver 写入，用于派生 visibleCount。\n   */\n  viewportSize: Accessor<number>;\n  setViewportSize: (size: number) => void;\n}\n\nexport const CarouselContext = createContext<CarouselContextValue>();\n\nexport function useCarouselContext() {\n  const context = useContext(CarouselContext);\n  if (!context) {\n    throw new Error(\"useCarouselContext must be used within a <Carousel />\");\n  }\n  return context;\n}\n"],"mappings":";;AAwBA,IAAaqB,IAAkBpB,GAAqC;AAEpE,SAAgBqB,IAAqB;CACnC,IAAMC,IAAUrB,EAAWmB,EAAgB;AAC3C,KAAI,CAACE,EACH,OAAUC,MAAM,wDAAwD;AAE1E,QAAOD"}
+{"version":3,"file":"Carousel.context.js","names":["Accessor","createContext","useContext","Orientation","CarouselContextValue","currentIndex","itemCount","orientation","loop","canScrollPrev","canScrollNext","scrollPrev","scrollNext","scrollTo","index","registerItem","itemSize","setItemSize","size","viewportSize","setViewportSize","CarouselContext","useCarouselContext","context","Error"],"sources":["../../../../src/components/carousel/Carousel/Carousel.context.tsx"],"sourcesContent":["import { type Accessor, createContext, useContext } from \"solid-js\";\nimport type { Orientation } from \"./Carousel.types\";\n\ninterface CarouselContextValue {\n  currentIndex: Accessor<number>;\n  itemCount: Accessor<number>;\n  orientation: Accessor<Orientation>;\n  loop: Accessor<boolean>;\n  canScrollPrev: Accessor<boolean>;\n  canScrollNext: Accessor<boolean>;\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  scrollTo: (index: number) => void;\n  registerItem: () => () => void;\n  itemSize: Accessor<number>;\n  setItemSize: (size: number) => void;\n  /**\n   * viewport（overflow:hidden 容器）的实测像素尺寸。\n   * 由 CarouselContent 的 ResizeObserver 写入，用于派生 visibleCount。\n   */\n  viewportSize: Accessor<number>;\n  setViewportSize: (size: number) => void;\n}\n\nexport const CarouselContext = createContext<CarouselContextValue>();\n\nexport function useCarouselContext() {\n  const context = useContext(CarouselContext);\n  if (!context) {\n    throw new Error(\"useCarouselContext must be used within a <Carousel />\");\n  }\n  return context;\n}\n"],"mappings":";;AAwBA,IAAaqB,IAAkBpB,EAAoC;AAEnE,SAAgBqB,IAAqB;CACnC,IAAMC,IAAUrB,EAAWmB,CAAe;CAC1C,IAAI,CAACE,GACH,MAAUC,MAAM,uDAAuD;CAEzE,OAAOD;AACT"}

package/dist/components/carousel/Carousel/Carousel.js

@@ -3,32 +3,33 @@ import { CarouselContext as t } from "./Carousel.context.js";
 import { useAutoPlay as n } from "./useAutoPlay.js";
 import { useCarousel as r } from "./useCarousel.js";
 import { useKeyboardNavigation as i } from "./useKeyboardNavigation.js";
-import { createComponent as a, mergeProps as o, spread as s, template as c, use as l } from "solid-js/web";
-import { splitProps as u } from "solid-js";
+import a from "./Carousel.styles.js";
+import { createComponent as o, mergeProps as s, spread as c, template as l, use as u } from "solid-js/web";
+import { splitProps as d } from "solid-js";
 //#region src/components/carousel/Carousel/Carousel.tsx
-var d = /* @__PURE__ */ c("<section data-slot=carousel aria-roledescription=carousel>"), f = (c) => {
-	let [f, p, m] = u(c, ["class", "aria-label"], [
+var f = /*#__PURE__*/ l("<section data-slot=carousel aria-roledescription=carousel>"), p = (l) => {
+	let [p, m, h] = d(l, ["class", "aria-label"], [
 		"loop",
 		"orientation",
 		"autoPlay",
 		"autoPlayInterval"
-	]), h = r(p), g;
-	return n(p.autoPlay ?? !1, p.autoPlayInterval ?? 3e3, h.scrollNext), i(g, h.orientation, h.scrollPrev, h.scrollNext), a(t.Provider, {
-		value: h,
+	]), g = r(m), _;
+	return n(m.autoPlay ?? !1, m.autoPlayInterval ?? 3e3, g.scrollNext), i(_, g.orientation, g.scrollPrev, g.scrollNext), o(t.Provider, {
+		value: g,
 		get children() {
-			var t = d(), n = g;
-			return typeof n == "function" ? l(n, t) : g = t, s(t, o({
+			var t = f(), n = _;
+			return typeof n == "function" ? u(n, t) : _ = t, c(t, s({
 				get "aria-label"() {
-					return f["aria-label"] ?? "Carousel";
+					return p["aria-label"] ?? "Carousel";
 				},
 				get class() {
-					return e("relative", f.class);
+					return e(a, p.class);
 				}
-			}, m), !1, !1), t;
+			}, h), !1, !1), t;
 		}
 	});
 };
 //#endregion
-export { f as Carousel };
+export { p as Carousel };
 
 //# sourceMappingURL=Carousel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","names":["splitProps","clsx","CarouselContext","CarouselProps","useAutoPlay","useCarousel","useKeyboardNavigation","Carousel","props","local","options","rest","state","rootRef","HTMLElement","autoPlay","autoPlayInterval","scrollNext","orientation","scrollPrev","_$createComponent","Provider","value","children","_el$","_tmpl$","_ref$","_$use","_$spread","_$mergeProps","aria-label","class"],"sources":["../../../../src/components/carousel/Carousel/Carousel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { CarouselContext } from \"./Carousel.context\";\nimport type { CarouselProps } from \"./Carousel.types\";\nimport { useAutoPlay } from \"./useAutoPlay\";\nimport { useCarousel } from \"./useCarousel\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\n\nexport const Carousel = (props: CarouselProps) => {\n  const [local, options, rest] = splitProps(\n    props,\n    [\"class\", \"aria-label\"],\n    [\"loop\", \"orientation\", \"autoPlay\", \"autoPlayInterval\"],\n  );\n\n  const state = useCarousel(options);\n  let rootRef: HTMLElement | undefined;\n\n  useAutoPlay(\n    options.autoPlay ?? false,\n    options.autoPlayInterval ?? 3000,\n    state.scrollNext,\n  );\n\n  useKeyboardNavigation(\n    rootRef,\n    state.orientation,\n    state.scrollPrev,\n    state.scrollNext,\n  );\n\n  return (\n    <CarouselContext.Provider value={state}>\n      <section\n        ref={rootRef}\n        data-slot=\"carousel\"\n        aria-label={local[\"aria-label\"] ?? \"Carousel\"}\n        aria-roledescription=\"carousel\"\n        class={clsx(\"relative\", local.class)}\n        {...rest}\n      />\n    </CarouselContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;yFAQaO,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,GAASC,KAAQX,EAC7BQ,GACA,CAAC,SAAS,aAAa,EACvB;EAAC;EAAQ;EAAe;EAAY;EACtC,CAAC,EAEKI,IAAQP,EAAYK,EAAQ,EAC9BG;AAeJ,QAbAT,EACEM,EAAQK,YAAY,IACpBL,EAAQM,oBAAoB,KAC5BJ,EAAMK,WACP,EAEDX,EACEO,GACAD,EAAMM,aACNN,EAAMO,YACNP,EAAMK,WACP,EAEDG,EACGlB,EAAgBmB,UAAQ;EAACC,OAAOV;EAAK,IAAAW,WAAA;GAAA,IAAAC,IAAAC,GAAA,EAAAC,IAE7Bb;AAKG,UALI,OAAAa,KAAA,aAAAC,EAAAD,GAAAF,EAAA,GAAPX,IAAOW,GAAAI,EAAAJ,GAAAK,EAAA;IAAA,IAAA,eAAA;AAAA,YAEApB,EAAM,iBAAiB;;IAAU,IAAA,QAAA;AAAA,YAEtCR,EAAK,YAAYQ,EAAMsB,MAAM;;IAAA,EAChCpB,EAAI,EAAA,IAAA,GAAA,EAAAa;;EAAA,CAAA"}
+{"version":3,"file":"Carousel.js","names":["splitProps","clsx","CarouselContext","CarouselProps","useAutoPlay","useCarousel","useKeyboardNavigation","classes","Carousel","props","local","options","rest","state","rootRef","HTMLElement","autoPlay","autoPlayInterval","scrollNext","orientation","scrollPrev","_$createComponent","Provider","value","children","_el$","_tmpl$","_ref$","_$use","_$spread","_$mergeProps","aria-label","class"],"sources":["../../../../src/components/carousel/Carousel/Carousel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { CarouselContext } from \"./Carousel.context\";\nimport type { CarouselProps } from \"./Carousel.types\";\nimport { useAutoPlay } from \"./useAutoPlay\";\nimport { useCarousel } from \"./useCarousel\";\nimport { useKeyboardNavigation } from \"./useKeyboardNavigation\";\nimport classes from \"./Carousel.styles\";\n\nexport const Carousel = (props: CarouselProps) => {\n  const [local, options, rest] = splitProps(\n    props,\n    [\"class\", \"aria-label\"],\n    [\"loop\", \"orientation\", \"autoPlay\", \"autoPlayInterval\"],\n  );\n\n  const state = useCarousel(options);\n  let rootRef: HTMLElement | undefined;\n\n  useAutoPlay(\n    options.autoPlay ?? false,\n    options.autoPlayInterval ?? 3000,\n    state.scrollNext,\n  );\n\n  useKeyboardNavigation(\n    rootRef,\n    state.orientation,\n    state.scrollPrev,\n    state.scrollNext,\n  );\n\n  return (\n    <CarouselContext.Provider value={state}>\n      <section\n        ref={rootRef}\n        data-slot=\"carousel\"\n        aria-label={local[\"aria-label\"] ?? \"Carousel\"}\n        aria-roledescription=\"carousel\"\n        class={clsx(classes, local.class)}\n        {...rest}\n      />\n    </CarouselContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;;uFASaQ,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,GAASC,KAAQZ,EAC7BS,GACA,CAAC,SAAS,YAAY,GACtB;EAAC;EAAQ;EAAe;EAAY;CAAkB,CACxD,GAEMI,IAAQR,EAAYM,CAAO,GAC7BG;CAeJ,OAbAV,EACEO,EAAQK,YAAY,IACpBL,EAAQM,oBAAoB,KAC5BJ,EAAMK,UACR,GAEAZ,EACEQ,GACAD,EAAMM,aACNN,EAAMO,YACNP,EAAMK,UACR,GAEAG,EACGnB,EAAgBoB,UAAQ;EAACC,OAAOV;EAAK,IAAAW,WAAA;GAAA,IAAAC,IAAAC,EAAA,GAAAC,IAE7Bb;GAKG,OALI,OAAAa,KAAA,aAAAC,EAAAD,GAAAF,CAAA,IAAPX,IAAOW,GAAAI,EAAAJ,GAAAK,EAAA;IAAA,IAAA,eAAA;KAAA,OAEApB,EAAM,iBAAiB;IAAU;IAAA,IAAA,QAAA;KAAA,OAEtCT,EAAKM,GAASG,EAAMsB,KAAK;IAAC;GAAA,GAC7BpB,CAAI,GAAA,IAAA,EAAA,GAAAa;EAAA;CAAA,CAAA;AAIhB"}

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

@@ -0,0 +1,2 @@
+declare const classes = "relative";
+export default classes;

package/dist/components/carousel/Carousel/Carousel.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/carousel/Carousel/Carousel.styles.ts
+var e = "relative";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=Carousel.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.styles.js","names":[],"sources":["../../../../src/components/carousel/Carousel/Carousel.styles.ts"],"sourcesContent":["const classes = \"relative\";\n\nexport default classes;\n"],"mappings":";AAAA,IAAM,IAAU"}

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

@@ -1 +1 @@
-{"version":3,"file":"useAutoPlay.js","names":[],"sources":["../../../../src/components/carousel/Carousel/useAutoPlay.ts"],"sourcesContent":["import { onCleanup, onMount } from \"solid-js\";\n\nexport const useAutoPlay = (\n  enabled: boolean,\n  interval: number,\n  scrollNext: () => void,\n) => {\n  if (!enabled) return;\n\n  let timer: ReturnType<typeof setInterval>;\n\n  const start = () => {\n    timer = setInterval(scrollNext, interval);\n  };\n  const stop = () => clearInterval(timer);\n\n  onMount(start);\n  onCleanup(stop);\n\n  return { start, stop };\n};\n"],"mappings":";;AAEA,IAAa,KACX,GACA,GACA,MACG;AACH,KAAI,CAAC,EAAS;CAEd,IAAI,GAEE,UAAc;AAClB,MAAQ,YAAY,GAAY,EAAS;IAErC,UAAa,cAAc,EAAM;AAKvC,QAHA,EAAQ,EAAM,EACd,EAAU,EAAK,EAER;EAAE;EAAO;EAAM"}
+{"version":3,"file":"useAutoPlay.js","names":[],"sources":["../../../../src/components/carousel/Carousel/useAutoPlay.ts"],"sourcesContent":["import { onCleanup, onMount } from \"solid-js\";\n\nexport const useAutoPlay = (\n  enabled: boolean,\n  interval: number,\n  scrollNext: () => void,\n) => {\n  if (!enabled) return;\n\n  let timer: ReturnType<typeof setInterval>;\n\n  const start = () => {\n    timer = setInterval(scrollNext, interval);\n  };\n  const stop = () => clearInterval(timer);\n\n  onMount(start);\n  onCleanup(stop);\n\n  return { start, stop };\n};\n"],"mappings":";;AAEA,IAAa,KACX,GACA,GACA,MACG;CACH,IAAI,CAAC,GAAS;CAEd,IAAI,GAEE,UAAc;EAClB,IAAQ,YAAY,GAAY,CAAQ;CAC1C,GACM,UAAa,cAAc,CAAK;CAKtC,OAHA,EAAQ,CAAK,GACb,EAAU,CAAI,GAEP;EAAE;EAAO;CAAK;AACvB"}