@neut/ui 0.0.5 → 0.0.7

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.d.ts

@@ -1,7 +1,7 @@
 export declare const base = "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-neutral-400 focus-visible:ring-3 focus-visible:ring-neutral-400/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-red-600 aria-invalid:ring-3 aria-invalid:ring-red-600/20 dark:aria-invalid:border-red-600/50 dark:aria-invalid:ring-red-600/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 declare const _default: (props?: ({
-    variant?: "link" | "primary" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
-    size?: "md" | "sm" | "lg" | "xs" | null | undefined;
-    iconSize?: "md" | "sm" | "lg" | "xs" | null | undefined;
+    variant?: "link" | "outline" | "destructive" | "primary" | "secondary" | "ghost" | null | undefined;
+    size?: "md" | "xs" | "sm" | "lg" | null | undefined;
+    iconSize?: "md" | "xs" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export default _default;

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

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

@@ -0,0 +1 @@
+export declare const classes = "grid place-content-center text-current transition-none [&>svg]:size-3.5";

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

@@ -0,0 +1,6 @@
+//#region src/components/checkbox/CheckboxIndicator/CheckboxIndicator.styles.ts
+var e = "grid place-content-center text-current transition-none [&>svg]:size-3.5";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=CheckboxIndicator.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxIndicator.styles.js","names":[],"sources":["../../../../src/components/checkbox/CheckboxIndicator/CheckboxIndicator.styles.ts"],"sourcesContent":["export const classes =\n  \"grid place-content-center text-current transition-none [&>svg]:size-3.5\";\n"],"mappings":";AAAA,IAAa,IACX"}

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

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

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

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

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

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

package/dist/components/checkbox/index.js

@@ -0,0 +1,2 @@
+import { Checkbox as e } from "./Checkbox/Checkbox.js";
+export { e as Checkbox };

package/dist/components/collapsible/Collapsible/Collapsible.context.d.ts

@@ -0,0 +1,9 @@
+import { Accessor, Setter } from 'solid-js';
+interface CollapsibleContextValue {
+    open: Accessor<boolean>;
+    setInternalOpen: Setter<boolean>;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare const CollapsibleContext: import('solid-js').Context<CollapsibleContextValue | undefined>;
+export declare const useCollapsibleContext: () => CollapsibleContextValue;
+export {};

package/dist/components/collapsible/Collapsible/Collapsible.context.js

@@ -0,0 +1,11 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/collapsible/Collapsible/Collapsible.context.ts
+var n = e(), r = () => {
+	let e = t(n);
+	if (!e) throw Error("useCollapsibleContext must be used within a CollapsibleProvider");
+	return e;
+};
+//#endregion
+export { n as CollapsibleContext, r as useCollapsibleContext };
+
+//# sourceMappingURL=Collapsible.context.js.map

package/dist/components/collapsible/Collapsible/Collapsible.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.context.js","names":[],"sources":["../../../../src/components/collapsible/Collapsible/Collapsible.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\n\ninterface CollapsibleContextValue {\n  open: Accessor<boolean>;\n  setInternalOpen: Setter<boolean>;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport const CollapsibleContext = createContext<CollapsibleContextValue>();\n\nexport const useCollapsibleContext = () => {\n  const ctx = useContext(CollapsibleContext);\n  if (!ctx) {\n    throw new Error(\n      \"useCollapsibleContext must be used within a CollapsibleProvider\",\n    );\n  }\n  return ctx;\n};\n"],"mappings":";;AAaA,IAAa,IAAqB,GAAwC,EAE7D,UAA8B;CACzC,IAAM,IAAM,EAAW,EAAmB;AAC1C,KAAI,CAAC,EACH,OAAU,MACR,kEACD;AAEH,QAAO"}

package/dist/components/collapsible/Collapsible/Collapsible.d.ts

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

package/dist/components/collapsible/Collapsible/Collapsible.js

@@ -0,0 +1,33 @@
+import { CollapsibleContext as e } from "./Collapsible.context.js";
+import { createComponent as t, insert as n, mergeProps as r, spread as i, template as a } from "solid-js/web";
+import { createMemo as o, createSignal as s, splitProps as c } from "solid-js";
+//#region src/components/collapsible/Collapsible/Collapsible.tsx
+var l = /* @__PURE__ */ a("<div data-slot=collapsible>"), u = (a) => {
+	let [u, d] = c(a, [
+		"defaultOpen",
+		"open",
+		"onOpenChange",
+		"children"
+	]), [f, p] = s(u.defaultOpen || !1), m = o(() => u.open === void 0 ? f() : u.open);
+	return (() => {
+		var a = l();
+		return i(a, r({ get "data-open"() {
+			return m();
+		} }, d), !1, !0), n(a, t(e.Provider, {
+			get value() {
+				return {
+					open: m,
+					setInternalOpen: p,
+					onOpenChange: u.onOpenChange
+				};
+			},
+			get children() {
+				return u.children;
+			}
+		})), a;
+	})();
+};
+//#endregion
+export { u as Collapsible };
+
+//# sourceMappingURL=Collapsible.js.map

package/dist/components/collapsible/Collapsible/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","names":["createMemo","createSignal","splitProps","CollapsibleProps","CollapsibleContext","Collapsible","props","local","others","internalOpen","setInternalOpen","defaultOpen","open","undefined","_el$","_tmpl$","_$spread","_$mergeProps","data-open","_$insert","_$createComponent","Provider","value","onOpenChange","children"],"sources":["../../../../src/components/collapsible/Collapsible/Collapsible.tsx"],"sourcesContent":["import { createMemo, createSignal, splitProps } from \"solid-js\";\nimport type { CollapsibleProps } from \"./Collapsible.types\";\nimport { CollapsibleContext } from \"./Collapsible.context\";\n\nexport const Collapsible = (props: CollapsibleProps) => {\n  const [local, others] = splitProps(props, [\n    \"defaultOpen\",\n    \"open\",\n    \"onOpenChange\",\n    \"children\",\n  ]);\n\n  const [internalOpen, setInternalOpen] = createSignal(\n    local.defaultOpen || false,\n  );\n\n  const open = createMemo(() =>\n    local.open === undefined ? internalOpen() : local.open,\n  );\n\n  return (\n    <div data-slot=\"collapsible\" data-open={open()} {...others}>\n      <CollapsibleContext.Provider\n        value={{\n          open,\n          setInternalOpen,\n          onOpenChange: local.onOpenChange,\n        }}\n      >\n        {local.children}\n      </CollapsibleContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;0DAIaK,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO;EACxC;EACA;EACA;EACA;EACD,CAAC,EAEI,CAACG,GAAcC,KAAmBT,EACtCM,EAAMI,eAAe,GACtB,EAEKC,IAAOZ,QACXO,EAAMK,SAASC,KAAAA,IAAYJ,GAAc,GAAGF,EAAMK,KACnD;AAED,eAAA;EAAA,IAAAE,IAAAC,GAAA;AASqB,SATrBC,EAAAF,GAAAG,EAAA,EAAA,IAAA,cAAA;AAAA,UAC0CL,GAAM;KAAA,EAAMJ,EAAM,EAAA,IAAA,GAAA,EAAAW,EAAAL,GAAAM,EACvDhB,EAAmBiB,UAAQ;GAAA,IAC1BC,QAAK;AAAA,WAAE;KACLV;KACAF;KACAa,cAAchB,EAAMgB;KACrB;;GAAA,IAAAC,WAAA;AAAA,WAEAjB,EAAMiB;;GAAQ,CAAA,CAAA,EAAAV;KAAA"}

package/dist/components/collapsible/Collapsible/Collapsible.types.d.ts

@@ -0,0 +1,8 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+interface BaseCollapsibleProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export type CollapsibleProps = PolymorphicProps<"div", BaseProps & BaseCollapsibleProps, false>;
+export {};

package/dist/components/collapsible/Collapsible/index.d.ts

@@ -0,0 +1,2 @@
+export { Collapsible } from './Collapsible';
+export { useCollapsibleContext } from './Collapsible.context';

package/dist/components/collapsible/CollapsibleContent/CollapsibleContent.d.ts

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

package/dist/components/collapsible/CollapsibleContent/CollapsibleContent.js

@@ -0,0 +1,20 @@
+import { useCollapsibleContext as e } from "../Collapsible/Collapsible.context.js";
+import { createComponent as t, insert as n, spread as r, template as i } from "solid-js/web";
+import { Show as a, splitProps as o } from "solid-js";
+//#region src/components/collapsible/CollapsibleContent/CollapsibleContent.tsx
+var s = /* @__PURE__ */ i("<div data-slot=collapsible-content>"), c = (i) => {
+	let { onOpenChange: c, open: l, setInternalOpen: u } = e(), [d, f] = o(i, ["children"]);
+	return t(a, {
+		get when() {
+			return l();
+		},
+		get children() {
+			var e = s();
+			return r(e, f, !1, !0), n(e, () => d.children), e;
+		}
+	});
+};
+//#endregion
+export { c as CollapsibleContent };
+
+//# sourceMappingURL=CollapsibleContent.js.map

package/dist/components/collapsible/CollapsibleContent/CollapsibleContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleContent.js","names":["Show","splitProps","CollapsibleContentProps","useCollapsibleContext","CollapsibleContent","props","onOpenChange","open","setInternalOpen","local","others","_$createComponent","when","children","_el$","_tmpl$","_$spread","_$insert"],"sources":["../../../../src/components/collapsible/CollapsibleContent/CollapsibleContent.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport type { CollapsibleContentProps } from \"./CollapsibleContent.types\";\nimport { useCollapsibleContext } from \"../Collapsible\";\n\nexport const CollapsibleContent = (props: CollapsibleContentProps) => {\n  const { onOpenChange, open, setInternalOpen } = useCollapsibleContext();\n\n  const [local, others] = splitProps(props, [\"children\"]);\n\n  return (\n    <Show when={open()}>\n      <div data-slot=\"collapsible-content\" {...others}>\n        {local.children}\n      </div>\n    </Show>\n  );\n};\n"],"mappings":";;;;kEAIaI,KAAsBC,MAAmC;CACpE,IAAM,EAAEC,iBAAcC,SAAMC,uBAAoBL,GAAuB,EAEjE,CAACM,GAAOC,KAAUT,EAAWI,GAAO,CAAC,WAAW,CAAC;AAEvD,QAAAM,EACGX,GAAI;EAAA,IAACY,OAAI;AAAA,UAAEL,GAAM;;EAAA,IAAAM,WAAA;GAAA,IAAAC,IAAAC,GAAA;AAEC,UAFDC,EAAAF,GACyBJ,GAAM,IAAA,GAAA,EAAAO,EAAAH,SAC5CL,EAAMI,SAAQ,EAAAC;;EAAA,CAAA"}

package/dist/components/collapsible/CollapsibleContent/CollapsibleContent.types.d.ts

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

package/dist/components/collapsible/CollapsibleContent/index.d.ts

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

package/dist/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.d.ts

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