@neut/ui 0.0.6 → 0.0.8

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/button/Button.types.d.ts

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

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 { open: c } = e(), [l, u] = o(i, ["children"]);
+	return t(a, {
+		get when() {
+			return c();
+		},
+		get children() {
+			var e = s();
+			return r(e, u, !1, !0), n(e, () => l.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","open","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 { open } = 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,YAASH,GAAuB,EAElC,CAACI,GAAOC,KAAUP,EAAWI,GAAO,CAAC,WAAW,CAAC;AAEvD,QAAAI,EACGT,GAAI;EAAA,IAACU,OAAI;AAAA,UAAEJ,GAAM;;EAAA,IAAAK,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;

package/dist/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.js

@@ -0,0 +1,24 @@
+import { Button as e } from "../../button/Button.js";
+import { useCollapsibleContext as t } from "../Collapsible/Collapsible.context.js";
+import { createComponent as n, mergeProps as r } from "solid-js/web";
+//#region src/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.tsx
+var i = (i) => {
+	let { onOpenChange: a, open: o, setInternalOpen: s } = t();
+	return n(e, r(i, {
+		"data-slot": "collapsible-trigger",
+		get "data-panel-open"() {
+			return o();
+		},
+		get "aria-expanded"() {
+			return o();
+		},
+		onClick: () => {
+			let e = !o();
+			s(e), a?.(e);
+		}
+	}));
+};
+//#endregion
+export { i as CollapsibleTrigger };
+
+//# sourceMappingURL=CollapsibleTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleTrigger.js","names":["useCollapsibleContext","CollapsibleTriggerProps","Button","CollapsibleTrigger","props","onOpenChange","open","setInternalOpen","handleClick","next","_$createComponent","_$mergeProps","data-panel-open","aria-expanded","onClick"],"sources":["../../../../src/components/collapsible/CollapsibleTrigger/CollapsibleTrigger.tsx"],"sourcesContent":["import { useCollapsibleContext } from \"../Collapsible\";\nimport type { CollapsibleTriggerProps } from \"./CollapsibleTrigger.types\";\nimport { Button } from \"~/components/button\";\n\nexport const CollapsibleTrigger = (props: CollapsibleTriggerProps) => {\n  const { onOpenChange, open, setInternalOpen } = useCollapsibleContext();\n\n  const handleClick = () => {\n    const next = !open();\n    setInternalOpen(next);\n    onOpenChange?.(next);\n  };\n\n  return (\n    // @ts-expect-error\n    <Button\n      {...props}\n      data-slot=\"collapsible-trigger\"\n      data-panel-open={open()}\n      aria-expanded={open()}\n      onClick={handleClick}\n    />\n  );\n};\n"],"mappings":";;;;AAIA,IAAaG,KAAsBC,MAAmC;CACpE,IAAM,EAAEC,iBAAcC,SAAMC,uBAAoBP,GAAuB;AAQvE,QACEU,EACCR,GAAMS,EACDP,GAAK;EAAA,aAAA;EAAA,IAAA,oBAAA;AAAA,UAEQE,GAAM;;EAAA,IAAA,kBAAA;AAAA,UACRA,GAAM;;EACrBQ,eAbsB;GACxB,IAAML,IAAO,CAACH,GAAM;AAEpBD,GADAE,EAAgBE,EAAK,EACrBJ,IAAeI,EAAK;;EAUE,CAAA,CAAA"}

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

@@ -0,0 +1,2 @@
+import { ButtonProps } from '../../button';
+export type CollapsibleTriggerProps = Omit<ButtonProps<"button">, "onClick">;

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

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

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

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

package/dist/components/collapsible/index.js

@@ -0,0 +1,4 @@
+import { Collapsible as e } from "./Collapsible/Collapsible.js";
+import { CollapsibleTrigger as t } from "./CollapsibleTrigger/CollapsibleTrigger.js";
+import { CollapsibleContent as n } from "./CollapsibleContent/CollapsibleContent.js";
+export { e as Collapsible, n as CollapsibleContent, t as CollapsibleTrigger };

package/dist/components/dialog/Dialog/Dialog.context.d.ts

@@ -0,0 +1,10 @@
+import { Accessor, Setter } from 'solid-js';
+interface DialogContextValue {
+    show: Accessor<boolean>;
+    setShow: Setter<boolean>;
+    open: Accessor<boolean>;
+    setOpen: Setter<boolean>;
+}
+export declare const DialogContext: import('solid-js').Context<DialogContextValue | undefined>;
+export declare const useDialogContext: () => DialogContextValue;
+export {};

package/dist/components/dialog/Dialog/Dialog.context.js

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

package/dist/components/dialog/Dialog/Dialog.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.context.js","names":[],"sources":["../../../../src/components/dialog/Dialog/Dialog.context.ts"],"sourcesContent":["import {\n  type Accessor,\n  createContext,\n  type Setter,\n  useContext,\n} from \"solid-js\";\n\ninterface DialogContextValue {\n  show: Accessor<boolean>;\n  setShow: Setter<boolean>;\n  open: Accessor<boolean>;\n  setOpen: Setter<boolean>;\n}\n\nexport const DialogContext = createContext<DialogContextValue>();\n\nexport const useDialogContext = () => {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error(\"useDialogContext must be used within a DialogProvider\");\n  }\n  return context;\n};\n"],"mappings":";;AAcA,IAAa,IAAgB,GAAmC,EAEnD,UAAyB;CACpC,IAAM,IAAU,EAAW,EAAc;AACzC,KAAI,CAAC,EACH,OAAU,MAAM,wDAAwD;AAE1E,QAAO"}

package/dist/components/dialog/Dialog/Dialog.d.ts

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

package/dist/components/dialog/Dialog/Dialog.js

@@ -0,0 +1,23 @@
+import { DialogContext as e } from "./Dialog.context.js";
+import { createComponent as t, spread as n, template as r } from "solid-js/web";
+import { createSignal as i } from "solid-js";
+//#region src/components/dialog/Dialog/Dialog.tsx
+var a = /* @__PURE__ */ r("<div data-slot=dialog role=alert>"), o = (r) => {
+	let [o, s] = i(!1), [c, l] = i(!1);
+	return t(e.Provider, {
+		value: {
+			show: o,
+			setShow: s,
+			open: c,
+			setOpen: l
+		},
+		get children() {
+			var e = a();
+			return n(e, r, !1, !1), e;
+		}
+	});
+};
+//#endregion
+export { o as Dialog };
+
+//# sourceMappingURL=Dialog.js.map

package/dist/components/dialog/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","names":["createSignal","DialogProps","DialogContext","Dialog","props","show","setShow","open","setOpen","_$createComponent","Provider","value","children","_el$","_tmpl$","_$spread"],"sources":["../../../../src/components/dialog/Dialog/Dialog.tsx"],"sourcesContent":["import { createSignal } from \"solid-js\";\nimport type { DialogProps } from \"./Dialog.types\";\nimport { DialogContext } from \"./Dialog.context\";\n\nexport const Dialog = (props: DialogProps) => {\n  // 实际显示或卸载信号\n  const [show, setShow] = createSignal(false);\n  // 动画控制信号\n  const [open, setOpen] = createSignal(false);\n\n  return (\n    <DialogContext.Provider\n      value={{\n        show,\n        setShow,\n        open,\n        setOpen,\n      }}\n    >\n      <div data-slot=\"dialog\" role=\"alert\" {...props} />\n    </DialogContext.Provider>\n  );\n};\n"],"mappings":";;;;gEAIaG,KAAUC,MAAuB;CAE5C,IAAM,CAACC,GAAMC,KAAWN,EAAa,GAAM,EAErC,CAACO,GAAMC,KAAWR,EAAa,GAAM;AAE3C,QAAAS,EACGP,EAAcQ,UAAQ;EACrBC,OAAO;GACLN;GACAC;GACAC;GACAC;GACD;EAAA,IAAAI,WAAA;GAAA,IAAAC,IAAAC,GAAA;AAE6C,UAF7CC,EAAAF,GAEwCT,GAAK,IAAA,GAAA,EAAAS;;EAAA,CAAA"}

package/dist/components/dialog/Dialog/Dialog.types.d.ts

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

package/dist/components/dialog/Dialog/index.d.ts

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

package/dist/components/dialog/DialogClose/DialogClose.d.ts

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

package/dist/components/dialog/DialogClose/DialogClose.js

@@ -0,0 +1,46 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { Button as t } from "../../button/Button.js";
+import { useDialogContext as n } from "../Dialog/Dialog.context.js";
+import { classes as r } from "./DialogClose.styles.js";
+import { createComponent as i, memo as a, mergeProps as o } from "solid-js/web";
+import { Show as s, mergeProps as c } from "solid-js";
+import { X as l } from "lucide-solid";
+//#region src/components/dialog/DialogClose/DialogClose.tsx
+var u = (u) => {
+	let { setOpen: d } = n(), f = c({
+		variant: "ghost",
+		size: "sm"
+	}, u), p = () => {
+		d(!1), f.onClick?.();
+	};
+	return i(s, {
+		get when() {
+			return a(() => !f.children)() && !f.icon;
+		},
+		get fallback() {
+			return i(t, o(f, {
+				"data-slot": "dialog-close",
+				onClick: p
+			}));
+		},
+		get children() {
+			return i(t, o(f, {
+				"data-slot": "dialog-close",
+				get class() {
+					return e(r);
+				},
+				onClick: p,
+				get icon() {
+					return {
+						icon: i(l, {}),
+						ariaLabel: "Close"
+					};
+				}
+			}));
+		}
+	});
+};
+//#endregion
+export { u as DialogClose };
+
+//# sourceMappingURL=DialogClose.js.map

package/dist/components/dialog/DialogClose/DialogClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogClose.js","names":["mergeProps","Show","DialogCloseProps","Button","clsx","classes","X","useDialogContext","ButtonProps","ResolvedButtonProps","DialogClose","props","setOpen","merged","variant","size","const","handleClick","onClick","_$createComponent","when","_$memo","children","icon","fallback","_$mergeProps","class","ariaLabel"],"sources":["../../../../src/components/dialog/DialogClose/DialogClose.tsx"],"sourcesContent":["import { mergeProps, Show } from \"solid-js\";\nimport type { DialogCloseProps } from \"./DialogClose.types\";\nimport { Button } from \"~/components/button\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./DialogClose.styles\";\nimport { X } from \"lucide-solid\";\nimport { useDialogContext } from \"../Dialog\";\nimport type {\n  ButtonProps,\n  ResolvedButtonProps,\n} from \"~/components/button/Button.types\";\n\nexport const DialogClose = (props: DialogCloseProps) => {\n  const { setOpen } = useDialogContext();\n\n  const merged = mergeProps(\n    {\n      variant: \"ghost\",\n      size: \"sm\",\n    } as const,\n    props as ResolvedButtonProps<\"button\">,\n  );\n\n  const handleClick = () => {\n    setOpen(false);\n    merged.onClick?.();\n  };\n\n  return (\n    <Show\n      when={!merged.children && !merged.icon}\n      fallback={\n        <Button\n          {...(merged as ButtonProps<\"button\">)}\n          data-slot=\"dialog-close\"\n          onClick={handleClick}\n        />\n      }\n    >\n      <Button\n        {...(merged as ButtonProps<\"button\">)}\n        data-slot=\"dialog-close\"\n        class={clsx(classes)}\n        onClick={handleClick}\n        icon={{ icon: <X />, ariaLabel: \"Close\" }}\n      />\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;AAYA,IAAaU,KAAeC,MAA4B;CACtD,IAAM,EAAEC,eAAYL,GAAkB,EAEhCM,IAASb,EACb;EACEc,SAAS;EACTC,MAAM;EACP,EACDJ,EACD,EAEKM,UAAoB;AAExBJ,EADAD,EAAQ,GAAM,EACdC,EAAOK,WAAW;;AAGpB,QAAAC,EACGlB,GAAI;EAAA,IACHmB,OAAI;AAAA,UAAEC,QAAA,CAACR,EAAOS,SAAQ,EAAA,IAAI,CAACT,EAAOU;;EAAI,IACtCC,WAAQ;AAAA,UAAAL,EACLhB,GAAMsB,EACAZ,GAA+B;IAAA,aAAA;IAEpCK,SAASD;IAAW,CAAA,CAAA;;EAAA,IAAAK,WAAA;AAAA,UAAAH,EAIvBhB,GAAMsB,EACAZ,GAA+B;IAAA,aAAA;IAAA,IAAA,QAAA;AAAA,YAE7BT,EAAKC,EAAQ;;IACpBa,SAASD;IAAW,IACpBM,OAAI;AAAA,YAAE;MAAEA,MAAIJ,EAAGb,GAAC,EAAA,CAAG;MAAEqB,WAAW;MAAS;;IAAA,CAAA,CAAA;;EAAA,CAAA"}

package/dist/components/dialog/DialogClose/DialogClose.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "absolute top-2 right-2";

package/dist/components/dialog/DialogClose/DialogClose.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/dialog/DialogClose/DialogClose.styles.ts
+var e = "absolute top-2 right-2";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=DialogClose.styles.js.map

package/dist/components/dialog/DialogClose/DialogClose.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogClose.styles.js","names":[],"sources":["../../../../src/components/dialog/DialogClose/DialogClose.styles.ts"],"sourcesContent":["export const classes = \"absolute top-2 right-2\";\n"],"mappings":";AAAA,IAAa,IAAU"}

package/dist/components/dialog/DialogClose/DialogClose.types.d.ts

@@ -0,0 +1,2 @@
+import { ResolvedButtonProps } from '../../button/Button.types';
+export type DialogCloseProps = ResolvedButtonProps<"button">;

package/dist/components/dialog/DialogClose/index.d.ts

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

package/dist/components/dialog/DialogContent/DialogContent.context.d.ts

@@ -0,0 +1,8 @@
+import { Setter } from 'solid-js';
+interface DialogContentContextValue {
+    setTitleID: Setter<string | undefined>;
+    setDescriptionID: Setter<string | undefined>;
+}
+export declare const DialogContentContext: import('solid-js').Context<DialogContentContextValue | undefined>;
+export declare const useDialogContentContext: () => DialogContentContextValue;
+export {};