@neut/ui 0.0.6 → 0.0.8

package/README.md

@@ -12,6 +12,9 @@
 
 ### 复制组件代码
 
+> [!NOTE]
+> 为了尽最大可能实现组件的复制即可用，非基础组件之间虽然存在功能重叠但并没有引为依赖，比如`AlertDialog`和`Dialog`二者代码存在高度重叠，但相互独立，并未复用。
+
 本组件的代码基于tailwindcss样式库，因此你需要安装tailwindcss作为开发依赖，具体安装方式请参考tailwindcss文档。
 
 除了tailwindcss外，本组件库还内置了两个样式文件：

package/dist/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.js

@@ -5,10 +5,13 @@ import { mergeProps as i } from "solid-js";
 //#region src/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.tsx
 var a = (a) => {
 	let { setOpen: o } = e();
-	return n(t, r({ "data-slot": "alert-dialog-cancel" }, i({
+	return n(t, r(i({
 		variant: "outline",
 		size: "md"
-	}, a), { onClick: () => o(!1) }));
+	}, a), {
+		"data-slot": "alert-dialog-cancel",
+		onClick: () => o(!1)
+	}));
 };
 //#endregion
 export { a as AlertDialogCancel };

package/dist/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogCancel.js","names":["mergeProps","AlertDialogCancelProps","Button","useAlertDialogContext","AlertDialogCancel","props","setOpen","merged","variant","size","const","_$createComponent","_$mergeProps","onClick"],"sources":["../../../../src/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.tsx"],"sourcesContent":["import { mergeProps } from \"solid-js\";\nimport type { AlertDialogCancelProps } from \"./AlertDialogCancel.types\";\nimport { Button } from \"~/components/button\";\nimport { useAlertDialogContext } from \"../AlertDialog\";\n\nexport const AlertDialogCancel = (props: AlertDialogCancelProps) => {\n  const { setOpen } = useAlertDialogContext();\n\n  const merged = mergeProps({ variant: \"outline\", size: \"md\" } as const, props);\n\n  return (\n    <Button\n      data-slot=\"alert-dialog-cancel\"\n      {...merged}\n      onClick={() => setOpen(false)}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,eAAYH,GAAuB;AAI3C,QAAAQ,EACGT,GAAMU,EAAA,EAAA,aAAA,uBAAA,EAHMZ,EAAW;EAAEQ,SAAS;EAAWC,MAAM;EAAM,EAAWJ,EAAM,EAK/D,EACVQ,eAAeP,EAAQ,GAAK,EAAC,CAAA,CAAA"}
+{"version":3,"file":"AlertDialogCancel.js","names":["mergeProps","AlertDialogCancelProps","Button","useAlertDialogContext","AlertDialogCancel","props","setOpen","merged","variant","size","const","_$createComponent","_$mergeProps","onClick"],"sources":["../../../../src/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.tsx"],"sourcesContent":["import { mergeProps } from \"solid-js\";\nimport type { AlertDialogCancelProps } from \"./AlertDialogCancel.types\";\nimport { Button } from \"~/components/button\";\nimport { useAlertDialogContext } from \"../AlertDialog\";\n\nexport const AlertDialogCancel = (props: AlertDialogCancelProps) => {\n  const { setOpen } = useAlertDialogContext();\n\n  const merged = mergeProps({ variant: \"outline\", size: \"md\" } as const, props);\n\n  return (\n    <Button\n      {...merged}\n      data-slot=\"alert-dialog-cancel\"\n      onClick={() => setOpen(false)}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,eAAYH,GAAuB;AAI3C,QAAAQ,EACGT,GAAMU,EAHMZ,EAAW;EAAEQ,SAAS;EAAWC,MAAM;EAAM,EAAWJ,EAAM,EAI/D;EAAA,aAAA;EAEVQ,eAAeP,EAAQ,GAAK;EAAC,CAAA,CAAA"}

package/dist/components/alert-dialog/AlertDialogCancel/AlertDialogCancel.types.d.ts

@@ -1,2 +1,2 @@
 import { ButtonProps } from '../../button';
-export type AlertDialogCancelProps = Pick<ButtonProps<"button">, "variant" | "size" | "class" | "children">;
+export type AlertDialogCancelProps = ButtonProps<"button">;

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

@@ -0,0 +1,2 @@
+import { BreadcrumbProps } from './Breadcrumb.types';
+export declare const Breadcrumb: (props: BreadcrumbProps) => import("solid-js").JSX.Element;

package/dist/components/breadcrumb/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,10 @@
+import { spread as e, template as t } from "solid-js/web";
+//#region src/components/breadcrumb/Breadcrumb/Breadcrumb.tsx
+var n = /* @__PURE__ */ t("<nav aria-label=breadcrumb data-slot=breadcrumb>"), r = (t) => (() => {
+	var r = n();
+	return e(r, t, !1, !1), r;
+})();
+//#endregion
+export { r as Breadcrumb };
+
+//# sourceMappingURL=Breadcrumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","names":["BreadcrumbProps","Breadcrumb","props","_el$","_tmpl$","_$spread"],"sources":["../../../../src/components/breadcrumb/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import type { BreadcrumbProps } from \"./Breadcrumb.types\";\n\nexport const Breadcrumb = (props: BreadcrumbProps) => {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n};\n"],"mappings":";;+EAEaC,KAAcC,aACzB;CAAA,IAAAC,IAAAC,GAAA;AAAoE,QAApEC,EAAAF,GAA+DD,GAAK,IAAA,GAAA,EAAAC;IAAA"}

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

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type BreadcrumbProps = PolymorphicProps<"nav", BaseProps, false>;

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

@@ -0,0 +1 @@
+export { Breadcrumb } from './Breadcrumb';

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

@@ -0,0 +1,2 @@
+import { BreadcrumbEllipsisProps } from './BreadcrumbEllipsis.types';
+export declare const BreadcrumbEllipsis: (props: BreadcrumbEllipsisProps) => import("solid-js").JSX.Element;

package/dist/components/breadcrumb/BreadcrumbEllipsis/BreadcrumbEllipsis.js

@@ -0,0 +1,19 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./BreadcrumbEllipsis.styles.js";
+import { createComponent as n, insert as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
+import { splitProps as s } from "solid-js";
+import { Ellipsis as c } from "lucide-solid";
+//#region src/components/breadcrumb/BreadcrumbEllipsis/BreadcrumbEllipsis.tsx
+var l = /* @__PURE__ */ o("<span data-slot=breadcrumb-ellipsis role=presentation aria-hidden=true><span class=sr-only>More"), u = (o) => {
+	let [u, d] = s(o, ["class", "classList"]);
+	return (() => {
+		var o = l(), s = o.firstChild;
+		return a(o, i({ get class() {
+			return e(t, u.class);
+		} }, d), !1, !0), r(o, n(c, {}), s), o;
+	})();
+};
+//#endregion
+export { u as BreadcrumbEllipsis };
+
+//# sourceMappingURL=BreadcrumbEllipsis.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbEllipsis.js","names":["splitProps","BreadcrumbEllipsisProps","classes","clsx","Ellipsis","BreadcrumbEllipsis","props","local","others","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","_$insert","_$createComponent"],"sources":["../../../../src/components/breadcrumb/BreadcrumbEllipsis/BreadcrumbEllipsis.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { BreadcrumbEllipsisProps } from \"./BreadcrumbEllipsis.types\";\nimport { classes } from \"./BreadcrumbEllipsis.styles\";\nimport { clsx } from \"~/utils\";\nimport { Ellipsis } from \"lucide-solid\";\n\nexport const BreadcrumbEllipsis = (props: BreadcrumbEllipsisProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      class={clsx(classes, local.class)}\n      {...others}\n    >\n      <Ellipsis />\n      <span class=\"sr-only\">More</span>\n    </span>\n  );\n};\n"],"mappings":";;;;;;8HAMaK,KAAsBC,MAAmC;CACpE,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA,EAAAC,IAAAF,EAAAG;AAQa,SARbC,EAAAJ,GAAAK,EAAA,EAAA,IAAA,QAAA;AAAA,UAKWX,EAAKD,GAASK,EAAMQ,MAAM;KAAA,EAC7BP,EAAM,EAAA,IAAA,GAAA,EAAAQ,EAAAP,GAAAQ,EAETb,GAAQ,EAAA,CAAA,EAAAO,EAAA,EAAAF;KAAA"}

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

@@ -0,0 +1 @@
+export declare const classes = "flex size-5 items-center justify-center [&>svg]:size-4";

package/dist/components/breadcrumb/BreadcrumbEllipsis/BreadcrumbEllipsis.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/breadcrumb/BreadcrumbEllipsis/BreadcrumbEllipsis.styles.ts
+var e = "flex size-5 items-center justify-center [&>svg]:size-4";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=BreadcrumbEllipsis.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbEllipsis.styles.js","names":[],"sources":["../../../../src/components/breadcrumb/BreadcrumbEllipsis/BreadcrumbEllipsis.styles.ts"],"sourcesContent":["export const classes = \"flex size-5 items-center justify-center [&>svg]:size-4\";\n"],"mappings":";AAAA,IAAa,IAAU"}

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

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type BreadcrumbEllipsisProps = Omit<PolymorphicProps<"span", BaseProps, false>, "children">;

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

@@ -0,0 +1 @@
+export { BreadcrumbEllipsis } from './BreadcrumbEllipsis';

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

@@ -0,0 +1,2 @@
+import { BreadcrumbItemProps } from './BreadcrumbItem.types';
+export declare const BreadcrumbItem: (props: BreadcrumbItemProps) => import("solid-js").JSX.Element;

package/dist/components/breadcrumb/BreadcrumbItem/BreadcrumbItem.js

@@ -0,0 +1,18 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./BreadcrumbItem.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/breadcrumb/BreadcrumbItem/BreadcrumbItem.tsx
+var o = /* @__PURE__ */ i("<li data-slot=breadcrumb-item>"), s = (i) => {
+	let [s, c] = a(i, ["class", "classList"]);
+	return (() => {
+		var i = o();
+		return r(i, n({ get class() {
+			return e(t, s.class);
+		} }, c), !1, !1), i;
+	})();
+};
+//#endregion
+export { s as BreadcrumbItem };
+
+//# sourceMappingURL=BreadcrumbItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.js","names":["splitProps","BreadcrumbItemProps","clsx","classes","BreadcrumbItem","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/breadcrumb/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { BreadcrumbItemProps } from \"./BreadcrumbItem.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./BreadcrumbItem.styles\";\n\nexport const BreadcrumbItem = (props: BreadcrumbItemProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;6DAKaI,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIc,SAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EAAKC,GAASG,EAAMM,MAAM;KAAA,EAC7BL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

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

@@ -0,0 +1 @@
+export declare const classes = "inline-flex items-center gap-1";

package/dist/components/breadcrumb/BreadcrumbItem/BreadcrumbItem.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/breadcrumb/BreadcrumbItem/BreadcrumbItem.styles.ts
+var e = "inline-flex items-center gap-1";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=BreadcrumbItem.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.styles.js","names":[],"sources":["../../../../src/components/breadcrumb/BreadcrumbItem/BreadcrumbItem.styles.ts"],"sourcesContent":["export const classes = \"inline-flex items-center gap-1\";\n"],"mappings":";AAAA,IAAa,IAAU"}

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

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type BreadcrumbItemProps = PolymorphicProps<"li", BaseProps, false>;

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

@@ -0,0 +1 @@
+export { BreadcrumbItem } from './BreadcrumbItem';

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

@@ -0,0 +1,3 @@
+import { ValidComponent } from 'solid-js';
+import { BreadcrumbLinkProps } from './BreadcrumbLink.types';
+export declare const BreadcrumbLink: <T extends ValidComponent = "a">(props: BreadcrumbLinkProps<T>) => import("solid-js").JSX.Element;

package/dist/components/breadcrumb/BreadcrumbLink/BreadcrumbLink.js

@@ -0,0 +1,29 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./BreadcrumbLink.styles.js";
+import { Dynamic as n, createComponent as r, mergeProps as i } from "solid-js/web";
+import { mergeProps as a, splitProps as o } from "solid-js";
+//#region src/components/breadcrumb/BreadcrumbLink/BreadcrumbLink.tsx
+var s = (s) => {
+	let [c, l] = o(a({ as: "a" }, s), [
+		"as",
+		"href",
+		"class",
+		"classList"
+	]);
+	return r(n, i({
+		get component() {
+			return c.as;
+		},
+		get href() {
+			return c.href;
+		},
+		"data-slot": "breadcrumb-link",
+		get class() {
+			return e(t, c.class);
+		}
+	}, l));
+};
+//#endregion
+export { s as BreadcrumbLink };
+
+//# sourceMappingURL=BreadcrumbLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbLink.js","names":["mergeProps","splitProps","ValidComponent","Dynamic","BreadcrumbLinkProps","ResolvedBreadcrumbLinkProps","clsx","classes","BreadcrumbLink","props","T","merged","as","const","local","others","_$createComponent","_$mergeProps","component","href","class"],"sources":["../../../../src/components/breadcrumb/BreadcrumbLink/BreadcrumbLink.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport type {\n  BreadcrumbLinkProps,\n  ResolvedBreadcrumbLinkProps,\n} from \"./BreadcrumbLink.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./BreadcrumbLink.styles\";\n\nexport const BreadcrumbLink = <T extends ValidComponent = \"a\">(\n  props: BreadcrumbLinkProps<T>,\n) => {\n  const merged = mergeProps(\n    { as: \"a\" as ValidComponent } as const,\n    props as ResolvedBreadcrumbLinkProps,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"as\",\n    \"href\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Dynamic\n      component={local.as}\n      href={local.href}\n      data-slot=\"breadcrumb-link\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AASA,IAAaQ,KACXC,MACG;CAMH,IAAM,CAACK,GAAOC,KAAUd,EALTD,EACb,EAAEY,IAAI,KAAuB,EAC7BH,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAAO,EACGb,GAAOc,EAAA;EAAA,IACNC,YAAS;AAAA,UAAEJ,EAAMF;;EAAE,IACnBO,OAAI;AAAA,UAAEL,EAAMK;;EAAI,aAAA;EAAA,IAAA,QAAA;AAAA,UAETb,EAAKC,GAASO,EAAMM,MAAM;;EAAA,EAC7BL,EAAM,CAAA"}

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

@@ -0,0 +1 @@
+export declare const classes = "transition-colors hover:text-neutral-950 dark:hover:text-neutral-50";

package/dist/components/breadcrumb/BreadcrumbLink/BreadcrumbLink.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/breadcrumb/BreadcrumbLink/BreadcrumbLink.styles.ts
+var e = "transition-colors hover:text-neutral-950 dark:hover:text-neutral-50";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=BreadcrumbLink.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbLink.styles.js","names":[],"sources":["../../../../src/components/breadcrumb/BreadcrumbLink/BreadcrumbLink.styles.ts"],"sourcesContent":["export const classes =\n  \"transition-colors hover:text-neutral-950 dark:hover:text-neutral-50\";\n"],"mappings":";AAAA,IAAa,IACX"}

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

@@ -0,0 +1,6 @@
+import { ValidComponent, JSX, ComponentProps } from 'solid-js';
+import { BaseProps, PolymorphicProps, ResolvedProps } from '../../../types';
+type IsACompatible<T extends ValidComponent> = T extends "a" ? true : ComponentProps<T> extends Pick<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, "href"> ? true : false;
+export type BreadcrumbLinkProps<T extends ValidComponent = "a", _Check = IsACompatible<T> extends true ? true : ["Error: T must be 'a' or a-compatible component", T]> = PolymorphicProps<T, BaseProps>;
+export type ResolvedBreadcrumbLinkProps = ResolvedProps<BreadcrumbLinkProps<"a">, "a">;
+export {};

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

@@ -0,0 +1 @@
+export { BreadcrumbLink } from './BreadcrumbLink';

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

@@ -0,0 +1,2 @@
+import { BreadcrumbListProps } from './BreadcrumbList.types';
+export declare const BreadcrumbList: (props: BreadcrumbListProps) => import("solid-js").JSX.Element;

package/dist/components/breadcrumb/BreadcrumbList/BreadcrumbList.js

@@ -0,0 +1,18 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./BreadcrumbList.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/breadcrumb/BreadcrumbList/BreadcrumbList.tsx
+var o = /* @__PURE__ */ i("<ol data-slot=breadcrumb-list>"), s = (i) => {
+	let [s, c] = a(i, ["class", "classList"]);
+	return (() => {
+		var i = o();
+		return r(i, n({ get class() {
+			return e(t, s.class);
+		} }, c), !1, !1), i;
+	})();
+};
+//#endregion
+export { s as BreadcrumbList };
+
+//# sourceMappingURL=BreadcrumbList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbList.js","names":["splitProps","BreadcrumbListProps","clsx","classes","BreadcrumbList","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/breadcrumb/BreadcrumbList/BreadcrumbList.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { BreadcrumbListProps } from \"./BreadcrumbList.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./BreadcrumbList.styles\";\n\nexport const BreadcrumbList = (props: BreadcrumbListProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;6DAKaI,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIc,SAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EAAKC,GAASG,EAAMM,MAAM;KAAA,EAC7BL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

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

@@ -0,0 +1 @@
+export declare const classes = "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-neutral-500 dark:text-neutral-400";

package/dist/components/breadcrumb/BreadcrumbList/BreadcrumbList.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/breadcrumb/BreadcrumbList/BreadcrumbList.styles.ts
+var e = "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-neutral-500 dark:text-neutral-400";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=BreadcrumbList.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbList.styles.js","names":[],"sources":["../../../../src/components/breadcrumb/BreadcrumbList/BreadcrumbList.styles.ts"],"sourcesContent":["export const classes =\n  \"flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-neutral-500 dark:text-neutral-400\";\n"],"mappings":";AAAA,IAAa,IACX"}

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

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type BreadcrumbListProps = PolymorphicProps<"ol", BaseProps, false>;

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

@@ -0,0 +1 @@
+export { BreadcrumbList } from './BreadcrumbList';

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

@@ -0,0 +1,2 @@
+import { BreadcrumbPageProps } from './BreadcrumbPage.types';
+export declare const BreadcrumbPage: (props: BreadcrumbPageProps) => import("solid-js").JSX.Element;

package/dist/components/breadcrumb/BreadcrumbPage/BreadcrumbPage.js

@@ -0,0 +1,18 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./BreadcrumbPage.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/breadcrumb/BreadcrumbPage/BreadcrumbPage.tsx
+var o = /* @__PURE__ */ i("<span role=link data-slot=breadcrumb-page tabindex=0 aria-disabled=true aria-current=page>"), s = (i) => {
+	let [s, c] = a(i, ["class", "classList"]);
+	return (() => {
+		var i = o();
+		return r(i, n({ get class() {
+			return e(t, s.class);
+		} }, c), !1, !1), i;
+	})();
+};
+//#endregion
+export { s as BreadcrumbPage };
+
+//# sourceMappingURL=BreadcrumbPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbPage.js","names":["splitProps","BreadcrumbPageProps","classes","clsx","BreadcrumbPage","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/breadcrumb/BreadcrumbPage/BreadcrumbPage.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { BreadcrumbPageProps } from \"./BreadcrumbPage.types\";\nimport { classes } from \"./BreadcrumbPage.styles\";\nimport { clsx } from \"~/utils\";\n\nexport const BreadcrumbPage = (props: BreadcrumbPageProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      role=\"link\"\n      data-slot=\"breadcrumb-page\"\n      tabIndex={0}\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;yHAKaI,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAQc,SARdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAOWR,EAAKD,GAASI,EAAMM,MAAM;KAAA,EAC7BL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

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

@@ -0,0 +1 @@
+export declare const classes = "font-normal text-neutral-950 dark:text-neutral-50";

package/dist/components/breadcrumb/BreadcrumbPage/BreadcrumbPage.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/breadcrumb/BreadcrumbPage/BreadcrumbPage.styles.ts
+var e = "font-normal text-neutral-950 dark:text-neutral-50";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=BreadcrumbPage.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbPage.styles.js","names":[],"sources":["../../../../src/components/breadcrumb/BreadcrumbPage/BreadcrumbPage.styles.ts"],"sourcesContent":["export const classes = \"font-normal text-neutral-950 dark:text-neutral-50\";\n"],"mappings":";AAAA,IAAa,IAAU"}

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

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type BreadcrumbPageProps = PolymorphicProps<"span", BaseProps, false>;

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

@@ -0,0 +1 @@
+export { BreadcrumbPage } from './BreadcrumbPage';

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

@@ -0,0 +1,2 @@
+import { BreadcrumbSeparatorProps } from './BreadcrumbSeparator.types';
+export declare const BreadcrumbSeparator: (props: BreadcrumbSeparatorProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,33 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./BreadcrumbSeparator.styles.js";
+import { createComponent as n, insert as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
+import { Show as s, splitProps as c } from "solid-js";
+import { ChevronRight as l } from "lucide-solid";
+//#region src/components/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.tsx
+var u = /* @__PURE__ */ o("<li data-slot=breadcrumb-separator role=presentation aria-hidden=true>"), d = (o) => {
+	let [d, f] = c(o, [
+		"class",
+		"classList",
+		"children"
+	]);
+	return (() => {
+		var o = u();
+		return a(o, i({ get class() {
+			return e(t, d.class);
+		} }, f), !1, !0), r(o, n(s, {
+			get when() {
+				return d.children;
+			},
+			get fallback() {
+				return n(l, { class: "cn-rtl-flip" });
+			},
+			get children() {
+				return d.children;
+			}
+		})), o;
+	})();
+};
+//#endregion
+export { d as BreadcrumbSeparator };
+
+//# sourceMappingURL=BreadcrumbSeparator.js.map

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

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

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

@@ -0,0 +1 @@
+export declare const classes = "[&>svg]:size-3.5";

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

@@ -0,0 +1,6 @@
+//#region src/components/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.styles.ts
+var e = "[&>svg]:size-3.5";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=BreadcrumbSeparator.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbSeparator.styles.js","names":[],"sources":["../../../../src/components/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.styles.ts"],"sourcesContent":["export const classes = \"[&>svg]:size-3.5\";\n"],"mappings":";AAAA,IAAa,IAAU"}

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

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type BreadcrumbSeparatorProps = PolymorphicProps<"li", BaseProps, false>;

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

@@ -0,0 +1 @@
+export { BreadcrumbSeparator } from './BreadcrumbSeparator';

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

@@ -0,0 +1,7 @@
+export { Breadcrumb } from './Breadcrumb';
+export { BreadcrumbList } from './BreadcrumbList';
+export { BreadcrumbItem } from './BreadcrumbItem';
+export { BreadcrumbLink } from './BreadcrumbLink';
+export { BreadcrumbPage } from './BreadcrumbPage';
+export { BreadcrumbSeparator } from './BreadcrumbSeparator';
+export { BreadcrumbEllipsis } from './BreadcrumbEllipsis';

package/dist/components/breadcrumb/index.js

@@ -0,0 +1,8 @@
+import { Breadcrumb as e } from "./Breadcrumb/Breadcrumb.js";
+import { BreadcrumbList as t } from "./BreadcrumbList/BreadcrumbList.js";
+import { BreadcrumbItem as n } from "./BreadcrumbItem/BreadcrumbItem.js";
+import { BreadcrumbLink as r } from "./BreadcrumbLink/BreadcrumbLink.js";
+import { BreadcrumbPage as i } from "./BreadcrumbPage/BreadcrumbPage.js";
+import { BreadcrumbSeparator as a } from "./BreadcrumbSeparator/BreadcrumbSeparator.js";
+import { BreadcrumbEllipsis as o } from "./BreadcrumbEllipsis/BreadcrumbEllipsis.js";
+export { e as Breadcrumb, o as BreadcrumbEllipsis, n as BreadcrumbItem, r as BreadcrumbLink, t as BreadcrumbList, i as BreadcrumbPage, a as BreadcrumbSeparator };

package/dist/components/button/Button.js

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

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

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

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

@@ -3,9 +3,9 @@ import { cva as t } from "class-variance-authority";
 var n = t("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-neutral-400 focus-visible:ring-3 focus-visible:ring-neutral-400/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-red-600 aria-invalid:ring-3 aria-invalid:ring-red-600/20 dark:aria-invalid:border-red-600/50 dark:aria-invalid:ring-red-600/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", { variants: {
 	variant: {
 		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:bg-neutral-100 aria-expanded:text-neutral-950", "dark:border-white/15 dark:bg-white/4 dark:hover:bg-white/5 dark:hover:text-neutral-50 dark:aria-expanded:bg-neutral-800 dark:aria-expanded:text-neutral-50"),
-		secondary: e("bg-neutral-100 text-neutral-900 hover:bg-neutral-100/80 aria-expanded:bg-neutral-100 aria-expanded:text-neutral-900", "dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80 aria-expanded:bg-neutral-800 aria-expanded:text-neutral-50"),
-		ghost: e("hover:bg-neutral-100 hover:text-neutral-950 aria-expanded:bg-neutral-100 aria-expanded:text-neutral-950", "dark:hover:bg-neutral-800/50 dark:hover:text-neutral-50 dark:aria-expanded:bg-neutral-800 dark:aria-expanded:text-neutral-50"),
+		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")
 	},