@neut/ui 0.0.9 → 0.0.10

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

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbSeparator.js","names":["Show","splitProps","BreadcrumbSeparatorProps","classes","clsx","ChevronRight","BreadcrumbSeparator","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","_$createComponent","when","children","fallback"],"sources":["../../../../src/components/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport type { BreadcrumbSeparatorProps } from \"./BreadcrumbSeparator.types\";\nimport { classes } from \"./BreadcrumbSeparator.styles\";\nimport { clsx } from \"~/utils\";\nimport { ChevronRight } from \"lucide-solid\";\n\nexport const BreadcrumbSeparator = (props: BreadcrumbSeparatorProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\", \"children\"]);\n\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      class={clsx(classes, local.class)}\n      {...others}\n    >\n      <Show\n        when={local.children}\n        fallback={<ChevronRight class=\"cn-rtl-flip\" />}\n      >\n        {local.children}\n      </Show>\n    </li>\n  );\n};\n"],"mappings":";;;;;;qGAMaM,KAAuBC,MAAoC;CACtE,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO;EAAC;EAAS;EAAa;EAAW,CAAC;AAE7E,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAYqB,SAZrBC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAKWT,EAAKD,GAASK,EAAMM,MAAM;KAAA,EAC7BL,EAAM,EAAA,IAAA,GAAA,EAAAM,EAAAL,GAAAM,EAEThB,GAAI;GAAA,IACHiB,OAAI;AAAA,WAAET,EAAMU;;GAAQ,IACpBC,WAAQ;AAAA,WAAAH,EAAGX,GAAY,EAAA,OAAA,eAAA,CAAA;;GAAA,IAAAa,WAAA;AAAA,WAEtBV,EAAMU;;GAAQ,CAAA,CAAA,EAAAR;KAAA"}
+{"version":3,"file":"BreadcrumbSeparator.js","names":["Show","splitProps","BreadcrumbSeparatorProps","classes","clsx","ChevronRight","BreadcrumbSeparator","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","_$createComponent","when","children","fallback"],"sources":["../../../../src/components/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport type { BreadcrumbSeparatorProps } from \"./BreadcrumbSeparator.types\";\nimport { classes } from \"./BreadcrumbSeparator.styles\";\nimport { clsx } from \"~/utils\";\nimport { ChevronRight } from \"lucide-solid\";\n\nexport const BreadcrumbSeparator = (props: BreadcrumbSeparatorProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\", \"children\"]);\n\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      class={clsx(classes, local.class)}\n      {...others}\n    >\n      <Show\n        when={local.children}\n        fallback={<ChevronRight class=\"cn-rtl-flip\" />}\n      >\n        {local.children}\n      </Show>\n    </li>\n  );\n};\n"],"mappings":";;;;;;mGAMaM,KAAuBC,MAAoC;CACtE,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO;EAAC;EAAS;EAAa;CAAU,CAAC;CAE5E,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAYqB,OAZrBC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAKWT,EAAKD,GAASK,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAM,EAAAL,GAAAM,EAEThB,GAAI;GAAA,IACHiB,OAAI;IAAA,OAAET,EAAMU;GAAQ;GAAA,IACpBC,WAAQ;IAAA,OAAAH,EAAGX,GAAY,EAAA,OAAA,cAAA,CAAA;GAAA;GAAA,IAAAa,WAAA;IAAA,OAEtBV,EAAMU;GAAQ;EAAA,CAAA,CAAA,GAAAR;CAAA,EAAA,CAAA;AAIvB"}

package/dist/components/button/Button.js

@@ -1,16 +1,19 @@
 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 { children as l, createMemo as u, createUniqueId as d, mergeProps as f, splitProps as p } from "solid-js";
+import { logger as t } from "../../utils/logger.js";
+import n from "./Button.styles.js";
+import { Dynamic as r, createComponent as i, insert as a, memo as o, mergeProps as s, setAttribute as c, template as l } from "solid-js/web";
+import { children as u, createMemo as d, createUniqueId as f, mergeProps as p, splitProps as m } from "solid-js";
 //#region src/components/button/Button.tsx
-var m = /* @__PURE__ */ c("<span>"), h = /* @__PURE__ */ c("<span class=sr-only>"), g = (c) => {
-	let [g, _] = p(f({
+var h = /*#__PURE__*/ l("<span>"), g = /*#__PURE__*/ l("<span class=sr-only>");
+t.child("Button");
+var _ = (t) => {
+	let l = p({
 		variant: "primary",
 		size: "md",
-		as: "button",
-		id: d()
-	}, c), [
-		"as",
+		component: "button",
+		id: f()
+	}, t), [_, v] = m(l, [
+		"component",
 		"variant",
 		"size",
 		"icon",
@@ -19,40 +22,40 @@ var m = /* @__PURE__ */ c("<span>"), h = /* @__PURE__ */ c("<span class=sr-only>
 		"classList",
 		"children",
 		"onClick"
-	]), v = u(() => g.icon && typeof g.icon == "object" && "ariaLabel" in g.icon && "icon" in g.icon || !!g.icon && !g.children), y = (e, t) => (() => {
-		var n = m();
-		return s(n, "data-icon", t), i(n, e), n;
-	})(), b = l(() => g.icon ? typeof g.icon == "object" && "ariaLabel" in g.icon && "icon" in g.icon ? [a(() => g.icon.icon), (() => {
-		var e = h();
-		return i(e, () => g.icon.ariaLabel), e;
+	]), y = d(() => !!_.icon && !_.children), b = (e, t) => (() => {
+		var n = h();
+		return c(n, "data-icon", t), a(n, e), n;
+	})(), x = u(() => _.icon ? y() ? [o(() => _.icon), (() => {
+		var e = g();
+		return a(e, () => v["aria-label"]), e;
 	})()] : [
-		a(() => a(() => !g.iconPosition || g.iconPosition === "left")() && y(g.icon, "inline-start")),
-		a(() => g.children),
-		a(() => a(() => g.iconPosition === "right")() && y(g.icon, "inline-end"))
-	] : g.children);
-	return r(n, o({
+		o(() => o(() => !_.iconPosition || _.iconPosition === "left")() && b(_.icon, "inline-start")),
+		o(() => _.children),
+		o(() => o(() => _.iconPosition === "right")() && b(_.icon, "inline-end"))
+	] : _.children);
+	return i(r, s({
 		"data-slot": "button",
 		get component() {
-			return g.as;
+			return _.component;
 		},
 		get type() {
-			return a(() => g.as === "button")() ? _.type ?? "button" : void 0;
+			return o(() => _.component === "button")() ? v.type ?? "button" : void 0;
 		},
 		get onClick() {
-			return g.onClick;
+			return _.onClick;
 		},
 		get class() {
-			return e(t({
-				variant: g.variant,
-				size: v() ? void 0 : g.size,
-				iconSize: v() ? g.size : void 0
-			}), g.class);
+			return e(n({
+				variant: _.variant,
+				size: y() ? void 0 : _.size,
+				iconSize: y() ? _.size : void 0
+			}), _.class);
 		}
-	}, _, { get children() {
-		return b();
+	}, v, { get children() {
+		return x();
 	} }));
 };
 //#endregion
-export { g as Button };
+export { _ as Button };
 
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["children","createMemo","createUniqueId","JSXElement","mergeProps","splitProps","Dynamic","clsx","s","ButtonProps","ButtonValidElement","DefaultStyleProps","ResolvedButtonProps","Button","props","T","merged","variant","size","as","id","Partial","local","others","iconOnly","icon","iconWithAttr","position","_el$","_tmpl$","_$setAttribute","_$insert","resolved","_$memo","_el$2","_tmpl$2","ariaLabel","iconPosition","_$createComponent","_$mergeProps","component","type","undefined","onClick","class","iconSize"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n  children,\n  createMemo,\n  createUniqueId,\n  type JSXElement,\n  mergeProps,\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  ResolvedButtonProps,\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      id: createUniqueId(),\n    } satisfies Partial<DefaultStyleProps>,\n    props as ResolvedButtonProps<T>,\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(\n    () =>\n      (local.icon &&\n        typeof local.icon === \"object\" &&\n        \"ariaLabel\" in local.icon &&\n        \"icon\" in local.icon) ||\n      (!!local.icon && !local.children),\n  );\n\n  const iconWithAttr = (\n    icon: JSXElement,\n    position: \"inline-start\" | \"inline-end\",\n  ) => <span data-icon={position}>{icon}</span>;\n\n  const resolved = children(() =>\n    local.icon ? (\n      typeof local.icon === \"object\" &&\n      \"ariaLabel\" in local.icon &&\n      \"icon\" in local.icon ? (\n        <>\n          {local.icon.icon}\n          <span class=\"sr-only\">{local.icon.ariaLabel}</span>\n        </>\n      ) : (\n        <>\n          {(!local.iconPosition || local.iconPosition === \"left\") &&\n            iconWithAttr(local.icon, \"inline-start\")}\n          {local.children}\n          {local.iconPosition === \"right\" &&\n            iconWithAttr(local.icon, \"inline-end\")}\n        </>\n      )\n    ) : (\n      local.children\n    ),\n  );\n\n  return (\n    // @ts-expect-error\n    <Dynamic\n      data-slot=\"button\"\n      component={local.as}\n      type={local.as === \"button\" ? (others.type ?? \"button\") : undefined}\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      {resolved()}\n    </Dynamic>\n  );\n};\n"],"mappings":";;;;;oFAkBaa,KACXC,MACG;CAWH,IAAM,CAACQ,GAAOC,KAAUlB,EAVTD,EACb;EACEa,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,IAAIlB,GAAe;EACpB,EACDY,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEIU,IAAWvB,QAEZqB,EAAMG,QACL,OAAOH,EAAMG,QAAS,YACtB,eAAeH,EAAMG,QACrB,UAAUH,EAAMG,QACjB,CAAC,CAACH,EAAMG,QAAQ,CAACH,EAAMtB,SAC3B,EAEK0B,KACJD,GACAE,aAAuC;EAAA,IAAAC,IAAAC,GAAA;AACJ,SADIC,EAAAF,GAAA,aACnBD,EAAQ,EAAAI,EAAAH,GAAGH,EAAI,EAAAG;KAAQ,EAEvCI,IAAWhC,QACfsB,EAAMG,OACJ,OAAOH,EAAMG,QAAS,YACtB,eAAeH,EAAMG,QACrB,UAAUH,EAAMG,OAAI,CAAAQ,QAEfX,EAAMG,KAAKA,KAAI,SAAA;EAAA,IAAAS,IAAAC,GAAA;AAC2B,SAD3BJ,EAAAG,SACOZ,EAAMG,KAAKW,UAAS,EAAAF;KAAA,CAAA,GAAA;EAAAD,QAI1CA,QAAC,CAACX,EAAMe,gBAAgBf,EAAMe,iBAAiB,OAAM,EAAA,IACpDX,EAAaJ,EAAMG,MAAM,eAAe,CAAA;EAAAQ,QACzCX,EAAMtB,SAAQ;EAAAiC,QACdA,QAAAX,EAAMe,iBAAiB,QAAO,EAAA,IAC7BX,EAAaJ,EAAMG,MAAM,aAAa,CAAA;EAE3C,GAEDH,EAAMtB,SAET;AAED,QACEsC,EACChC,GAAOiC,EAAA;EAAA,aAAA;EAAA,IAENC,YAAS;AAAA,UAAElB,EAAMH;;EAAE,IACnBsB,OAAI;AAAA,UAAER,QAAAX,EAAMH,OAAO,SAAQ,EAAA,GAAII,EAAOkB,QAAQ,WAAYC,KAAAA;;EAAS,IACnEC,UAAO;AAAA,UAAErB,EAAMqB;;EAAO,IAAA,QAAA;AAAA,UACfpC,EACLC,EAAE;IACAS,SAASK,EAAML;IACfC,MAAMM,GAAU,GAAGkB,KAAAA,IAAYpB,EAAMJ;IACrC2B,UAAUrB,GAAU,GAAGF,EAAMJ,OAAOwB,KAAAA;IACrC,CAAC,EACFpB,EAAMsB,MACP;;EAAA,EACGrB,GAAM,EAAA,IAAAvB,WAAA;AAAA,SAETgC,GAAU;IAAA,CAAA,CAAA"}
+{"version":3,"file":"Button.js","names":["children","createMemo","createUniqueId","JSXElement","mergeProps","splitProps","ValidComponent","Dynamic","clsx","logger","s","ButtonProps","ButtonValidElement","log","child","Button","props","T","merged","variant","size","component","id","const","local","others","iconOnly","icon","iconWithAttr","position","_el$","_tmpl$","_$setAttribute","_$insert","resolved","import","meta","env","DEV","warn","_$memo","_el$2","_tmpl$2","iconPosition","_$createComponent","_$mergeProps","type","undefined","onClick","class","iconSize"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n  children,\n  createMemo,\n  createUniqueId,\n  type JSXElement,\n  mergeProps,\n  splitProps,\n  type ValidComponent,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx, logger } from \"~/utils\";\nimport s from \"./Button.styles\";\nimport type { ButtonProps, ButtonValidElement } from \"./Button.types\";\n\nconst log = logger.child(\"Button\");\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      component: \"button\",\n      id: createUniqueId(),\n    } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\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 = (\n    icon: JSXElement,\n    position: \"inline-start\" | \"inline-end\",\n  ) => <span data-icon={position}>{icon}</span>;\n\n  const resolved = children(() => {\n    if (import.meta.env.DEV && iconOnly() && !others[\"aria-label\"]) {\n      log.warn(\"icon-only button must have an aria-label\");\n    }\n\n    return local.icon ? (\n      iconOnly() ? (\n        <>\n          {local.icon}\n          <span class=\"sr-only\">{others[\"aria-label\"]}</span>\n        </>\n      ) : (\n        <>\n          {(!local.iconPosition || local.iconPosition === \"left\") &&\n            iconWithAttr(local.icon, \"inline-start\")}\n          {local.children}\n          {local.iconPosition === \"right\" &&\n            iconWithAttr(local.icon, \"inline-end\")}\n        </>\n      )\n    ) : (\n      local.children\n    );\n  });\n\n  return (\n    <Dynamic\n      data-slot=\"button\"\n      component={local.component as ValidComponent}\n      type={\n        local.component === \"button\" ? (others.type ?? \"button\") : undefined\n      }\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      {resolved()}\n    </Dynamic>\n  );\n};\n"],"mappings":";;;;;;;AAcYS,EAAOK,MAAM,QAAQ;AAEjC,IAAaC,KACXC,MACG;CACH,IAAME,IAASd,EACb;EACEe,SAAS;EACTC,MAAM;EACNC,WAAW;EACXC,IAAIpB,EAAe;CACrB,GACAc,CACF,GAEM,CAACQ,GAAOC,KAAUpB,EAAWa,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAS,CACV,GAEKQ,IAAWzB,QAAiB,CAAC,CAACuB,EAAMG,QAAQ,CAACH,EAAMxB,QAAQ,GAE3D4B,KACJD,GACAE,aAAuC;EAAA,IAAAC,IAAAC,EAAA;EACJ,OADIC,EAAAF,GAAA,aACnBD,CAAQ,GAAAI,EAAAH,GAAGH,CAAI,GAAAG;CAAA,EAAA,CAAA,GAE/BI,IAAWlC,QAKRwB,EAAMG,OACXD,EAAS,IAAC,CAAAc,QAELhB,EAAMG,IAAI,UAAA;EAAA,IAAAc,IAAAC,EAAA;EACgC,OADhCT,EAAAQ,SACYhB,EAAO,aAAa,GAAAgB;CAAA,EAAA,CAAA,CAAA,IAAA;EAAAD,QAI1CA,QAAC,CAAChB,EAAMmB,gBAAgBnB,EAAMmB,iBAAiB,MAAM,CAAA,CAAA,KACpDf,EAAaJ,EAAMG,MAAM,cAAc,CAAC;EAAAa,QACzChB,EAAMxB,QAAQ;EAAAwC,QACdA,QAAAhB,EAAMmB,iBAAiB,OAAO,CAAA,CAAA,KAC7Bf,EAAaJ,EAAMG,MAAM,YAAY,CAAC;CAAA,IAI5CH,EAAMxB,QAET;CAED,OAAA4C,EACGrC,GAAOsC,EAAA;EAAA,aAAA;EAAA,IAENxB,YAAS;GAAA,OAAEG,EAAMH;EAA2B;EAAA,IAC5CyB,OAAI;GAAA,OACFN,QAAAhB,EAAMH,cAAc,QAAQ,CAAA,CAAA,IAAII,EAAOqB,QAAQ,WAAYC,KAAAA;EAAS;EAAA,IAEtEC,UAAO;GAAA,OAAExB,EAAMwB;EAAO;EAAA,IAAA,QAAA;GAAA,OACfxC,EACLE,EAAE;IACAS,SAASK,EAAML;IACfC,MAAMM,EAAS,IAAIqB,KAAAA,IAAYvB,EAAMJ;IACrC8B,UAAUxB,EAAS,IAAIF,EAAMJ,OAAO2B,KAAAA;GACtC,CAAC,GACDvB,EAAMyB,KACR;EAAC;CAAA,GACGxB,GAAM,EAAA,IAAAzB,WAAA;EAAA,OAETkC,EAAS;CAAC,EAAA,CAAA,CAAA;AAGjB"}

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

@@ -1,4 +1,4 @@
-export declare const base = "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";
+export declare const base = "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-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 declare const _default: (props?: ({
     variant?: "link" | "outline" | "destructive" | "primary" | "secondary" | "ghost" | null | undefined;
     size?: "md" | "xs" | "sm" | "lg" | null | undefined;

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

@@ -1,13 +1,13 @@
-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: {
+import { cva as e } from "class-variance-authority";
+//#region src/components/button/Button.styles.ts
+var 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-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", n = e(t, { variants: {
 	variant: {
-		primary: e("bg-neutral-900 text-neutral-50 [a]:hover:bg-neutral-900/80", "dark:bg-neutral-200 dark:text-neutral-900 [a]:hover:bg-neutral-200/80"),
-		outline: e("border-neutral-200 bg-white hover:bg-neutral-100 hover:text-neutral-950 aria-[expanded=true]:bg-neutral-100 aria-[expanded=true]:text-neutral-950", "dark:border-white/15 dark:bg-white/4 dark:hover:bg-white/5 dark:hover:text-neutral-50 dark:aria-[expanded=true]:bg-neutral-800 dark:aria-[expanded=true]:text-neutral-50"),
-		secondary: e("bg-neutral-100 text-neutral-900 hover:bg-neutral-100/80 aria-[expanded=true]:bg-neutral-100 aria-[expanded=true]:text-neutral-900", "dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80 aria-[expanded=true]:bg-neutral-800 aria-[expanded=true]:text-neutral-50"),
-		ghost: e("hover:bg-neutral-100 hover:text-neutral-950 aria-[expanded=true]:bg-neutral-100 aria-[expanded=true]:text-neutral-950", "dark:hover:bg-neutral-800/50 dark:hover:text-neutral-50 dark:aria-[expanded=true]:bg-neutral-800 dark:aria-[expanded=true]:text-neutral-50"),
-		destructive: e("bg-red-600/10 text-red-600 hover:bg-red-600/20 focus-visible:border-red-600/40 focus-visible:ring-red-600/20", "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"),
-		link: e("underline-offset-4 hover:underline", "text-neutral-900", "dark:text-neutral-200")
+		primary: "bg-primary text-primary-foreground hover:bg-primary/80",
+		outline: "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",
+		secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+		ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+		destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+		link: "text-primary underline-offset-4 hover:underline"
 	},
 	size: {
 		md: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
@@ -23,6 +23,6 @@ var n = t("group/button inline-flex shrink-0 items-center justify-center rounded
 	}
 } });
 //#endregion
-export { n as default };
+export { t as base, n as default };
 
 //# sourceMappingURL=Button.styles.js.map

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

@@ -1 +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      outline: clsx(\n        \"border-neutral-200 bg-white hover:bg-neutral-100 hover:text-neutral-950 aria-[expanded=true]:bg-neutral-100 aria-[expanded=true]: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=true]:bg-neutral-800 dark:aria-[expanded=true]:text-neutral-50\",\n      ),\n      secondary: clsx(\n        \"bg-neutral-100 text-neutral-900 hover:bg-neutral-100/80 aria-[expanded=true]:bg-neutral-100 aria-[expanded=true]:text-neutral-900\",\n        \"dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80 aria-[expanded=true]:bg-neutral-800 aria-[expanded=true]:text-neutral-50\",\n      ),\n      ghost: clsx(\n        \"hover:bg-neutral-100 hover:text-neutral-950 aria-[expanded=true]:bg-neutral-100 aria-[expanded=true]:text-neutral-950\",\n        \"dark:hover:bg-neutral-800/50 dark:hover:text-neutral-50 dark:aria-[expanded=true]:bg-neutral-800 dark:aria-[expanded=true]: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;EACD,SAAS,EACP,qJACA,2KACD;EACD,WAAW,EACT,qIACA,iJACD;EACD,OAAO,EACL,yHACA,6IACD;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"}
+{"version":3,"file":"Button.styles.js","names":[],"sources":["../../../src/components/button/Button.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\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-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/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: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n      outline:\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      secondary:\n        \"bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n      ghost:\n        \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n      destructive:\n        \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n      link: \"text-primary underline-offset-4 hover:underline\",\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":";;AAEA,IAAa,IACX,8lBAEF,IAAe,EAAI,GAAM,EACvB,UAAU;CACR,SAAS;EACP,SAAS;EACT,SACE;EACF,WACE;EACF,OACE;EACF,aACE;EACF,MAAM;CACR;CACA,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN;CACA,UAAU;EACR,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN;AACF,EACF,CAAC"}

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

@@ -1,42 +1,16 @@
 import { JSXElement } from 'solid-js';
-import { BaseProps, MakeRequired, MouseEventHandler, PolymorphicProps } from '../../types';
+import { BaseProps, MouseEventHandler, PolymorphicProps } from '../../types';
 export type ButtonVariant = "primary" | "outline" | "secondary" | "ghost" | "destructive" | "link";
 export type ButtonSize = "md" | "xs" | "sm" | "lg";
 export interface BaseButtonProps extends BaseProps {
     variant?: ButtonVariant;
     size?: ButtonSize;
     id?: string;
-}
-export type ButtonIconProps = {
-    /** Button content */
-    children: JSXElement;
+    children?: JSXElement;
     icon?: JSXElement;
     iconPosition?: "left" | "right";
-} | {
-    icon: {
-        icon: JSXElement;
-        ariaLabel: string;
-    };
-};
+}
 export type ButtonValidElement = "button" | "a";
-export type ButtonProps<T extends ButtonValidElement> = Omit<PolymorphicProps<T, BaseButtonProps & {
-    onClick?: MouseEventHandler<T>;
-}>, "children"> & ButtonIconProps;
-export type ResolvedBaseButtonProps = {
-    /** Button content */
-    children?: JSXElement;
-    icon?: JSXElement | {
-        icon: JSXElement;
-        ariaLabel: string;
-    };
-    iconPosition?: "left" | "right";
-};
-export type ResolvedButtonProps<T extends ButtonValidElement> = PolymorphicProps<T, BaseButtonProps & {
-    onClick?: MouseEventHandler<T>;
-}> & ResolvedBaseButtonProps;
-export type DefaultStyleProps = MakeRequired<BaseButtonProps, "size" | "variant"> & {
-    as: ButtonValidElement;
-};
-export type ButtonPropsWithDefault<T extends ButtonValidElement> = PolymorphicProps<T, BaseButtonProps & {
+export type ButtonProps<T extends ButtonValidElement = "button"> = PolymorphicProps<T, BaseButtonProps & {
     onClick?: MouseEventHandler<T>;
 }>;

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