@neut/ui 0.0.6 → 0.0.7

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.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")
 	},

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      // \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n      outline: clsx(\n        \"border-neutral-200 bg-white hover:bg-neutral-100 hover:text-neutral-950 aria-expanded:bg-neutral-100 aria-expanded:text-neutral-950\",\n        \"dark:border-white/15 dark:bg-white/4 dark:hover:bg-white/5 dark:hover:text-neutral-50 dark:aria-expanded:bg-neutral-800 dark:aria-expanded:text-neutral-50\",\n      ),\n      secondary: clsx(\n        \"bg-neutral-100 text-neutral-900 hover:bg-neutral-100/80 aria-expanded:bg-neutral-100 aria-expanded:text-neutral-900\",\n        \"dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80 aria-expanded:bg-neutral-800 aria-expanded:text-neutral-50\",\n      ),\n      ghost: clsx(\n        \"hover:bg-neutral-100 hover:text-neutral-950 aria-expanded:bg-neutral-100 aria-expanded:text-neutral-950\",\n        \"dark:hover:bg-neutral-800/50 dark:hover:text-neutral-50 dark:aria-expanded:bg-neutral-800 dark:aria-expanded:text-neutral-50\",\n      ),\n      destructive: clsx(\n        \"bg-red-600/10 text-red-600 hover:bg-red-600/20 focus-visible:border-red-600/40 focus-visible:ring-red-600/20\",\n        \"dark:bg-red-400/20 dark:text-red-400 dark:hover:bg-red-400/30 dark:focus-visible:border-red-400/40 dark:focus-visible:ring-red-400/40\",\n      ),\n      link: clsx(\n        \"underline-offset-4 hover:underline\",\n        \"text-neutral-900\",\n        \"dark:text-neutral-200\",\n      ),\n    },\n    size: {\n      md: \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n      xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n      lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n    },\n    iconSize: {\n      md: \"size-8\",\n      xs: \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\n      lg: \"size-9\",\n    },\n  },\n});\n"],"mappings":";;AAMA,IAAA,IAAe,EAFb,4lBAEuB,EACvB,UAAU;CACR,SAAS;EACP,SAAS,EACP,8DACA,wEACD;EAED,SAAS,EACP,uIACA,6JACD;EACD,WAAW,EACT,uHACA,mIACD;EACD,OAAO,EACL,2GACA,+HACD;EACD,aAAa,EACX,gHACA,wIACD;EACD,MAAM,EACJ,sCACA,oBACA,wBACD;EACF;CACD,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACD,UAAU;EACR,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL;CACF,EACF,CAAC"}
+{"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"}

package/dist/components/checkbox/Checkbox/Checkbox.d.ts

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

package/dist/components/checkbox/Checkbox/Checkbox.js

@@ -0,0 +1,66 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./Checkbox.styles.js";
+import { CheckboxIndicator as n } from "../CheckboxIndicator/CheckboxIndicator.js";
+import { createComponent as r, delegateEvents as i, effect as a, insert as o, mergeProps as s, setAttribute as c, spread as l, template as u } from "solid-js/web";
+import { createMemo as d, createSignal as f, createUniqueId as p, mergeProps as m, splitProps as h } from "solid-js";
+//#region src/components/checkbox/Checkbox/Checkbox.tsx
+var g = /* @__PURE__ */ u("<span data-slot=checkbox role=checkbox tabindex=0>"), _ = /* @__PURE__ */ u("<input type=checkbox tabindex=-1 aria-hidden=true class=sr-only>"), v = (i) => {
+	let u = p(), [v, y] = h(m({
+		id: u,
+		name: u,
+		defaultChecked: !1
+	}, i), [
+		"name",
+		"id",
+		"checked",
+		"defaultChecked",
+		"onChange",
+		"disabled",
+		"class",
+		"classList"
+	]), [b, x] = f(v.defaultChecked), S = d(() => v.checked ?? b()), C = () => {
+		if (v.disabled) return;
+		let e = !S();
+		x(e), v.onChange?.(e);
+	};
+	return [(() => {
+		var i = g();
+		return i.$$click = C, l(i, s({
+			get "aria-checked"() {
+				return S();
+			},
+			get "aria-disabled"() {
+				return v.disabled;
+			},
+			get "data-disabled"() {
+				return v.disabled;
+			},
+			get "data-checked"() {
+				return S();
+			},
+			get "aria-labelledby"() {
+				return v.id;
+			},
+			get class() {
+				return e(t, v.class);
+			}
+		}, y), !1, !0), o(i, r(n, { get checked() {
+			return S();
+		} })), i;
+	})(), (() => {
+		var e = _();
+		return a((t) => {
+			var n = v.id, r = v.name, i = v.disabled;
+			return n !== t.e && c(e, "id", t.e = n), r !== t.t && c(e, "name", t.t = r), i !== t.a && (e.disabled = t.a = i), t;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		}), a(() => e.checked = S()), e;
+	})()];
+};
+i(["click"]);
+//#endregion
+export { v as Checkbox };
+
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/checkbox/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","names":["createMemo","createSignal","createUniqueId","mergeProps","splitProps","CheckboxProps","clsx","classes","CheckboxIndicator","Checkbox","props","defaultID","merged","id","name","defaultChecked","const","local","others","internalChecked","setInternalChecked","checked","handleClick","disabled","newChecked","onChange","_el$","_tmpl$","$$click","_$spread","_$mergeProps","aria-checked","aria-disabled","data-disabled","data-checked","aria-labelledby","class","_$insert","_$createComponent","_el$2","_tmpl$2","_$effect","_p$","_v$","_v$2","_v$3","e","_$setAttribute","t","a","undefined","_$delegateEvents"],"sources":["../../../../src/components/checkbox/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  splitProps,\n} from \"solid-js\";\nimport type { CheckboxProps } from \"./Checkbox.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Checkbox.styles\";\nimport { CheckboxIndicator } from \"../CheckboxIndicator\";\n\nexport const Checkbox = (props: CheckboxProps) => {\n  const defaultID = createUniqueId();\n  const merged = mergeProps(\n    { id: defaultID, name: defaultID, defaultChecked: false } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"name\",\n    \"id\",\n    \"checked\",\n    \"defaultChecked\",\n    \"onChange\",\n    \"disabled\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const [internalChecked, setInternalChecked] = createSignal(\n    local.defaultChecked,\n  );\n\n  const checked = createMemo(() => local.checked ?? internalChecked());\n\n  const handleClick = () => {\n    if (local.disabled) return;\n\n    const newChecked = !checked();\n    setInternalChecked(newChecked);\n    local.onChange?.(newChecked);\n  };\n\n  return (\n    <>\n      <span\n        data-slot=\"checkbox\"\n        role=\"checkbox\"\n        tabIndex={0}\n        aria-checked={checked()}\n        aria-disabled={local.disabled}\n        data-disabled={local.disabled}\n        data-checked={checked()}\n        aria-labelledby={local.id}\n        class={clsx(classes, local.class)}\n        onClick={handleClick}\n        {...others}\n      >\n        <CheckboxIndicator checked={checked()} />\n      </span>\n      <input\n        id={local.id}\n        type=\"checkbox\"\n        checked={checked()}\n        tabIndex={-1}\n        aria-hidden=\"true\"\n        name={local.name}\n        class=\"sr-only\"\n        disabled={local.disabled}\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;4KAYaS,KAAYC,MAAyB;CAChD,IAAMC,IAAYT,GAAgB,EAM5B,CAACe,GAAOC,KAAUd,EALTD,EACb;EAAEU,IAAIF;EAAWG,MAAMH;EAAWI,gBAAgB;EAAO,EACzDL,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,CAACS,GAAiBC,KAAsBnB,EAC5CgB,EAAMF,eACP,EAEKM,IAAUrB,QAAiBiB,EAAMI,WAAWF,GAAiB,CAAC,EAE9DG,UAAoB;AACxB,MAAIL,EAAMM,SAAU;EAEpB,IAAMC,IAAa,CAACH,GAAS;AAE7BJ,EADAG,EAAmBI,EAAW,EAC9BP,EAAMQ,WAAWD,EAAW;;AAG9B,QAAA,QAAA;EAAA,IAAAE,IAAAC,GAAA;AAe2C,SAf3CD,EAAAE,UAYeN,GAAWO,EAAAH,GAAAI,EAAA;GAAA,IAAA,iBAAA;AAAA,WANNT,GAAS;;GAAA,IAAA,kBAAA;AAAA,WACRJ,EAAMM;;GAAQ,IAAA,kBAAA;AAAA,WACdN,EAAMM;;GAAQ,IAAA,iBAAA;AAAA,WACfF,GAAS;;GAAA,IAAA,oBAAA;AAAA,WACNJ,EAAMJ;;GAAE,IAAA,QAAA;AAAA,WAClBP,EAAKC,GAASU,EAAMmB,MAAM;;GAAA,EAE7BlB,EAAM,EAAA,IAAA,GAAA,EAAAmB,EAAAX,GAAAY,EAET9B,GAAiB,EAAA,IAACa,UAAO;AAAA,UAAEA,GAAS;KAAA,CAAA,CAAA,EAAAK;KAAA,SAAA;EAAA,IAAAa,IAAAC,GAAA;AAKnB,SALmBC,GAAAC,MAAA;GAAA,IAAAC,IAGjC1B,EAAMJ,IAAE+B,IAKN3B,EAAMH,MAAI+B,IAEN5B,EAAMM;AAAQ,UAAAoB,MAAAD,EAAAI,KAAAC,EAAAR,GAAA,MAAAG,EAAAI,IAAAH,EAAA,EAAAC,MAAAF,EAAAM,KAAAD,EAAAR,GAAA,QAAAG,EAAAM,IAAAJ,EAAA,EAAAC,MAAAH,EAAAO,MAAAV,EAAAhB,WAAAmB,EAAAO,IAAAJ,IAAAH;KAAA;GAAAI,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;GAAA,CAAA,EAAAT,QAAAF,EAAAlB,UALfA,GAAS,CAAA,EAAAkB;KAAA,CAAA;;AASxBY,EAAA,CAAA,QAAA,CAAA"}

package/dist/components/checkbox/Checkbox/Checkbox.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes: string;

package/dist/components/checkbox/Checkbox/Checkbox.styles.js

@@ -0,0 +1,7 @@
+import { clsx as e } from "../../../utils/clsx.js";
+//#region src/components/checkbox/Checkbox/Checkbox.styles.ts
+var t = e("peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 aria-invalid:ring-3", "border-neutral-200 focus-visible:border-neutral-400 focus-visible:ring-neutral-400/50 aria-invalid:border-red-600 aria-invalid:ring-red-600/20 aria-invalid:aria-checked:border-neutral-900 data-[checked=true]:border-neutral-900 data-[checked=true]:bg-neutral-900 data-[checked=true]:text-neutral-50", "dark:border-white/15 dark:focus-visible:border-neutral-500 dark:focus-visible:ring-neutral-500/50 dark:bg-input/30 dark:aria-invalid:border-red-400/50 dark:aria-invalid:ring-red-400/40 dark:data-[checked=true]:bg-neutral-200 dark:aria-invalid:aria-checked:border-neutral-200 dark:data-[checked=true]:border-neutral-200 dark:data-[checked=true]:text-neutral-900");
+//#endregion
+export { t as classes };
+
+//# sourceMappingURL=Checkbox.styles.js.map

package/dist/components/checkbox/Checkbox/Checkbox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.styles.js","names":[],"sources":["../../../../src/components/checkbox/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\n  \"peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50 aria-invalid:ring-3\",\n  \"border-neutral-200 focus-visible:border-neutral-400 focus-visible:ring-neutral-400/50 aria-invalid:border-red-600 aria-invalid:ring-red-600/20 aria-invalid:aria-checked:border-neutral-900 data-[checked=true]:border-neutral-900 data-[checked=true]:bg-neutral-900 data-[checked=true]:text-neutral-50\",\n  \"dark:border-white/15 dark:focus-visible:border-neutral-500 dark:focus-visible:ring-neutral-500/50 dark:bg-input/30 dark:aria-invalid:border-red-400/50 dark:aria-invalid:ring-red-400/40 dark:data-[checked=true]:bg-neutral-200 dark:aria-invalid:aria-checked:border-neutral-200 dark:data-[checked=true]:border-neutral-200 dark:data-[checked=true]:text-neutral-900\",\n);\n"],"mappings":";;AAEA,IAAa,IAAU,EACrB,4TACA,6SACA,2WACD"}

package/dist/components/checkbox/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,10 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+interface BaseCheckboxProps {
+    defaultChecked?: boolean;
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    name?: string;
+    disabled?: boolean;
+}
+export type CheckboxProps = Omit<PolymorphicProps<"span", BaseProps & BaseCheckboxProps, false>, "children" | "onClick">;
+export {};

package/dist/components/checkbox/Checkbox/index.d.ts

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

package/dist/components/checkbox/CheckboxIndicator/CheckboxIndicator.d.ts

@@ -0,0 +1,3 @@
+export declare const CheckboxIndicator: (props: {
+    checked: boolean;
+}) => import("solid-js").JSX.Element;

package/dist/components/checkbox/CheckboxIndicator/CheckboxIndicator.js

@@ -0,0 +1,25 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./CheckboxIndicator.styles.js";
+import { className as n, createComponent as r, effect as i, insert as a, setAttribute as o, template as s } from "solid-js/web";
+import { Show as c } from "solid-js";
+import { Check as l } from "lucide-solid";
+//#region src/components/checkbox/CheckboxIndicator/CheckboxIndicator.tsx
+var u = /* @__PURE__ */ s("<span data-slot=checkbox-indicator>"), d = (s) => r(c, {
+	get when() {
+		return s.checked;
+	},
+	get children() {
+		var c = u();
+		return a(c, r(l, {})), i((r) => {
+			var i = s.checked, a = e(t);
+			return i !== r.e && o(c, "data-checked", r.e = i), a !== r.t && n(c, r.t = a), r;
+		}, {
+			e: void 0,
+			t: void 0
+		}), c;
+	}
+});
+//#endregion
+export { d as CheckboxIndicator };
+
+//# sourceMappingURL=CheckboxIndicator.js.map

package/dist/components/checkbox/CheckboxIndicator/CheckboxIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxIndicator.js","names":["clsx","classes","Check","Show","CheckboxIndicator","props","checked","_$createComponent","when","children","_el$","_tmpl$","_$insert","_$effect","_p$","_v$","_v$2","e","_$setAttribute","t","_$className","undefined"],"sources":["../../../../src/components/checkbox/CheckboxIndicator/CheckboxIndicator.tsx"],"sourcesContent":["import { clsx } from \"~/utils\";\nimport { classes } from \"./CheckboxIndicator.styles\";\nimport { Check } from \"lucide-solid\";\nimport { Show } from \"solid-js\";\n\nexport const CheckboxIndicator = (props: { checked: boolean }) => {\n  return (\n    <Show when={props.checked}>\n      <span\n        data-slot=\"checkbox-indicator\"\n        data-checked={props.checked}\n        class={clsx(classes)}\n      >\n        <Check />\n      </span>\n    </Show>\n  );\n};\n"],"mappings":";;;;;;kEAKaI,KAAqBC,MAChCE,EACGJ,GAAI;CAAA,IAACK,OAAI;AAAA,SAAEH,EAAMC;;CAAO,IAAAG,WAAA;EAAA,IAAAC,IAAAC,GAAA;AAID,SAJCC,EAAAF,GAAAH,EAMpBL,GAAK,EAAA,CAAA,CAAA,EAAAW,GAAAC,MAAA;GAAA,IAAAC,IAHQV,EAAMC,SAAOU,IACpBhB,EAAKC,EAAQ;AAAA,UAAAc,MAAAD,EAAAG,KAAAC,EAAAR,GAAA,gBAAAI,EAAAG,IAAAF,EAAA,EAAAC,MAAAF,EAAAK,KAAAC,EAAAV,GAAAI,EAAAK,IAAAH,EAAA,EAAAF;KAAA;GAAAG,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;GAAA,CAAA,EAAAX;;CAAA,CAAA"}