@neut/ui 0.0.6 → 0.0.7

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;

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({
+		"data-slot": "collapsible-trigger",
+		get "data-panel-open"() {
+			return o();
+		},
+		get "aria-expanded"() {
+			return o();
+		},
+		onClick: () => {
+			let e = !o();
+			s(e), a?.(e);
+		}
+	}, i));
+};
+//#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    <Button\n      data-slot=\"collapsible-trigger\"\n      data-panel-open={open()}\n      aria-expanded={open()}\n      onClick={handleClick}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;AAIA,IAAaG,KAAsBC,MAAmC;CACpE,IAAM,EAAEC,iBAAcC,SAAMC,uBAAoBP,GAAuB;AAQvE,QAAAU,EACGR,GAAMS,EAAA;EAAA,aAAA;EAAA,IAAA,oBAAA;AAAA,UAEYL,GAAM;;EAAA,IAAA,kBAAA;AAAA,UACRA,GAAM;;EACrBQ,eAXsB;GACxB,IAAML,IAAO,CAACH,GAAM;AAEpBD,GADAE,EAAgBE,EAAK,EACrBJ,IAAeI,EAAK;;EAQE,EAChBL,EAAK,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/field/FieldLabel/FieldLabel.js

@@ -8,7 +8,7 @@ var a = (a) => {
 	return n(t, r({
 		"data-slot": "field-label",
 		get class() {
-			return e("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-neutral-900/30 has-data-checked:bg-neutral-900/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-checked:border-neutral-200/20 dark:has-data-checked:bg-neutral-200/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", o.class);
+			return e("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-[checked=true]:border-neutral-900/30 has-data-[checked=true]:bg-neutral-900/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-[checked=true]:border-neutral-200/20 dark:has-data-[checked=true]:bg-neutral-200/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", o.class);
 		}
 	}, s));
 };

package/dist/components/field/FieldLabel/FieldLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldLabel.js","names":["splitProps","clsx","FieldLabelProps","Label","FieldLabel","props","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/field/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldLabelProps } from \"./FieldLabel.types\";\nimport { Label } from \"~/components/label\";\n\nexport const FieldLabel = (props: FieldLabelProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Label\n      data-slot=\"field-label\"\n      class={clsx(\n        \"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-neutral-900/30 has-data-checked:bg-neutral-900/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-checked:border-neutral-200/20 dark:has-data-checked:bg-neutral-200/10\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,QAAAG,EACGL,GAAKM,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEGR,EACL,2WACA,qEACAK,EAAMI,MACP;;EAAA,EACGH,EAAM,CAAA"}
+{"version":3,"file":"FieldLabel.js","names":["splitProps","clsx","FieldLabelProps","Label","FieldLabel","props","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/field/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { FieldLabelProps } from \"./FieldLabel.types\";\nimport { Label } from \"~/components/label\";\n\nexport const FieldLabel = (props: FieldLabelProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Label\n      data-slot=\"field-label\"\n      class={clsx(\n        \"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-[checked=true]:border-neutral-900/30 has-data-[checked=true]:bg-neutral-900/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-[checked=true]:border-neutral-200/20 dark:has-data-[checked=true]:bg-neutral-200/10\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAcC,MAA2B;CACpD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,QAAAG,EACGL,GAAKM,EAAA;EAAA,aAAA;EAAA,IAAA,QAAA;AAAA,UAEGR,EACL,uYACA,qEACAK,EAAMI,MACP;;EAAA,EACGH,EAAM,CAAA"}

package/dist/components/input/Input.js

@@ -1,33 +1,42 @@
 import { clsx as e } from "../../utils/clsx.js";
 import { delegateEvents as t, mergeProps as n, spread as r, template as i } from "solid-js/web";
-import { createUniqueId as a, mergeProps as o, splitProps as s } from "solid-js";
+import { createMemo as a, createUniqueId as o, mergeProps as s, splitProps as c } from "solid-js";
 //#region src/components/input/Input.tsx
-var c = /* @__PURE__ */ i("<input data-slot=input>"), l = (t) => {
-	let [i, l] = s(o({
-		id: a(),
+var l = /* @__PURE__ */ i("<input data-slot=input>"), u = (t) => {
+	let [i, u] = c(s({
+		id: o(),
 		type: "text"
 	}, t), [
+		"value",
+		"defaultValue",
 		"type",
 		"onInput",
 		"onChange",
-		"class",
-		"classList"
-	]), u = (e) => {
+		"class"
+	]), d = (e) => {
 		let t = e.target.value;
 		i.type === "number" && (t = Number(e.target.value)), i.onInput?.(t);
-	}, d = (e) => {
+	}, f = (e) => {
 		let t = e.target.value;
 		i.type === "number" && (t = Number(e.target.value)), i.onChange?.(t);
-	};
+	}, p = a(() => i.value === void 0 ? i.defaultValue : i.value);
 	return (() => {
-		var t = c();
-		return t.addEventListener("change", d), t.$$input = u, r(t, n({ get class() {
-			return e("h-8 w-full min-w-0 rounded-lg border border-neutral-200 dark:border-white/15 bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-neutral-950 dark:file:text-neutral-50 placeholder:text-neutral-500 dark:placeholder:text-neutral-400 focus-visible:border-neutral-400 dark:focus-visible:border-neutral-500 focus-visible:ring-3 focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:select-none disabled:bg-neutral-200/50 disabled:opacity-50 aria-invalid:border-red-600 aria-invalid:ring-3 aria-invalid:ring-red-600/20 md:text-sm dark:bg-white/4.5 dark:disabled:bg-white/12 dark:aria-invalid:border-red-400/50 dark:aria-invalid:ring-red-400/40", i.class);
-		} }, l), !1, !1), t;
+		var t = l();
+		return t.addEventListener("change", f), t.$$input = d, r(t, n({
+			get type() {
+				return i.type;
+			},
+			get value() {
+				return p();
+			},
+			get class() {
+				return e("h-8 w-full min-w-0 rounded-lg border border-neutral-200 dark:border-white/15 bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-neutral-950 dark:file:text-neutral-50 placeholder:text-neutral-500 dark:placeholder:text-neutral-400 focus-visible:border-neutral-400 dark:focus-visible:border-neutral-500 focus-visible:ring-3 focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:select-none disabled:bg-neutral-200/50 disabled:opacity-50 aria-invalid:border-red-600 aria-invalid:ring-3 aria-invalid:ring-red-600/20 md:text-sm dark:bg-white/4.5 dark:disabled:bg-white/12 dark:aria-invalid:border-red-400/50 dark:aria-invalid:ring-red-400/40", i.class);
+			}
+		}, u), !1, !1), t;
 	})();
 };
 t(["input"]);
 //#endregion
-export { l as Input };
+export { u as Input };
 
 //# sourceMappingURL=Input.js.map

package/dist/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["createUniqueId","JSX","mergeProps","splitProps","InputProps","clsx","Input","props","merged","id","type","const","local","others","handleInput","IntrinsicElements","e","value","target","Number","onInput","handleChange","onChange","_el$","_tmpl$","addEventListener","$$input","_$spread","_$mergeProps","class","_$delegateEvents"],"sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import { createUniqueId, type JSX, mergeProps, splitProps } from \"solid-js\";\nimport type { InputProps } from \"./Input.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Input = (props: InputProps) => {\n  const merged = mergeProps(\n    { id: createUniqueId(), type: \"text\" } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"type\",\n    \"onInput\",\n    \"onChange\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  const handleInput: JSX.IntrinsicElements[\"input\"][\"onInput\"] = (e) => {\n    let value: string | number = e.target.value;\n    if (local.type === \"number\") {\n      value = Number(e.target.value);\n    }\n    // @ts-expect-error\n    local.onInput?.(value);\n  };\n\n  const handleChange: JSX.IntrinsicElements[\"input\"][\"onChange\"] = (e) => {\n    let value: string | number = e.target.value;\n    if (local.type === \"number\") {\n      value = Number(e.target.value);\n    }\n    // @ts-expect-error\n    local.onChange?.(value);\n  };\n\n  return (\n    <input\n      data-slot=\"input\"\n      class={clsx(\n        \"h-8 w-full min-w-0 rounded-lg border border-neutral-200 dark:border-white/15 bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-neutral-950 dark:file:text-neutral-50 placeholder:text-neutral-500 dark:placeholder:text-neutral-400 focus-visible:border-neutral-400 dark:focus-visible:border-neutral-500 focus-visible:ring-3 focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:select-none disabled:bg-neutral-200/50 disabled:opacity-50 aria-invalid:border-red-600 aria-invalid:ring-3 aria-invalid:ring-red-600/20 md:text-sm dark:bg-white/4.5 dark:disabled:bg-white/12 dark:aria-invalid:border-red-400/50 dark:aria-invalid:ring-red-400/40\",\n        local.class,\n      )}\n      onInput={handleInput}\n      onChange={handleChange}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;sDAIaM,KAASC,MAAsB;CAM1C,IAAM,CAACK,GAAOC,KAAUV,EALTD,EACb;EAAEO,IAAIT,GAAgB;EAAEU,MAAM;EAAQ,EACtCH,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACD,CAAC,EAEIO,KAA0DE,MAAM;EACpE,IAAIC,IAAyBD,EAAEE,OAAOD;AAKtCL,EAJIA,EAAMF,SAAS,aACjBO,IAAQE,OAAOH,EAAEE,OAAOD,MAAM,GAGhCL,EAAMQ,UAAUH,EAAM;IAGlBI,KAA4DL,MAAM;EACtE,IAAIC,IAAyBD,EAAEE,OAAOD;AAKtCL,EAJIA,EAAMF,SAAS,aACjBO,IAAQE,OAAOH,EAAEE,OAAOD,MAAM,GAGhCL,EAAMU,WAAWL,EAAM;;AAGzB,eAAA;EAAA,IAAAM,IAAAC,GAAA;AASc,SATdD,EAAAE,iBAAA,UAQcJ,EAAY,EAAAE,EAAAG,UADbZ,GAAWa,EAAAJ,GAAAK,EAAA,EAAA,IAAA,QAAA;AAAA,UAJbvB,EACL,y0BACAO,EAAMiB,MACP;KAAA,EAGGhB,EAAM,EAAA,IAAA,GAAA,EAAAU;KAAA;;AAGdO,EAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"Input.js","names":["createMemo","createUniqueId","JSX","mergeProps","splitProps","InputProps","clsx","Input","props","merged","id","type","const","local","others","handleInput","IntrinsicElements","e","value","target","Number","onInput","handleChange","onChange","undefined","defaultValue","_el$","_tmpl$","addEventListener","$$input","_$spread","_$mergeProps","class","_$delegateEvents"],"sources":["../../../src/components/input/Input.tsx"],"sourcesContent":["import {\n  createMemo,\n  createUniqueId,\n  type JSX,\n  mergeProps,\n  splitProps,\n} from \"solid-js\";\nimport type { InputProps } from \"./Input.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Input = (props: InputProps) => {\n  const merged = mergeProps(\n    { id: createUniqueId(), type: \"text\" } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"value\",\n    \"defaultValue\",\n    \"type\",\n    \"onInput\",\n    \"onChange\",\n    \"class\",\n  ]);\n\n  const handleInput: JSX.IntrinsicElements[\"input\"][\"onInput\"] = (e) => {\n    let value: string | number = e.target.value;\n    if (local.type === \"number\") {\n      value = Number(e.target.value);\n    }\n    // @ts-expect-error\n    local.onInput?.(value);\n  };\n\n  const handleChange: JSX.IntrinsicElements[\"input\"][\"onChange\"] = (e) => {\n    let value: string | number = e.target.value;\n    if (local.type === \"number\") {\n      value = Number(e.target.value);\n    }\n    // @ts-expect-error\n    local.onChange?.(value);\n  };\n\n  const value = createMemo(() =>\n    local.value !== undefined ? local.value : local.defaultValue,\n  );\n\n  return (\n    <input\n      type={local.type}\n      value={value()}\n      data-slot=\"input\"\n      class={clsx(\n        \"h-8 w-full min-w-0 rounded-lg border border-neutral-200 dark:border-white/15 bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-neutral-950 dark:file:text-neutral-50 placeholder:text-neutral-500 dark:placeholder:text-neutral-400 focus-visible:border-neutral-400 dark:focus-visible:border-neutral-500 focus-visible:ring-3 focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:select-none disabled:bg-neutral-200/50 disabled:opacity-50 aria-invalid:border-red-600 aria-invalid:ring-3 aria-invalid:ring-red-600/20 md:text-sm dark:bg-white/4.5 dark:disabled:bg-white/12 dark:aria-invalid:border-red-400/50 dark:aria-invalid:ring-red-400/40\",\n        local.class,\n      )}\n      onInput={handleInput}\n      onChange={handleChange}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;sDAUaO,KAASC,MAAsB;CAM1C,IAAM,CAACK,GAAOC,KAAUV,EALTD,EACb;EAAEO,IAAIT,GAAgB;EAAEU,MAAM;EAAQ,EACtCH,EACD,EAE0C;EACzC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEIO,KAA0DE,MAAM;EACpE,IAAIC,IAAyBD,EAAEE,OAAOD;AAKtCL,EAJIA,EAAMF,SAAS,aACjBO,IAAQE,OAAOH,EAAEE,OAAOD,MAAM,GAGhCL,EAAMQ,UAAUH,EAAM;IAGlBI,KAA4DL,MAAM;EACtE,IAAIC,IAAyBD,EAAEE,OAAOD;AAKtCL,EAJIA,EAAMF,SAAS,aACjBO,IAAQE,OAAOH,EAAEE,OAAOD,MAAM,GAGhCL,EAAMU,WAAWL,EAAM;IAGnBA,IAAQlB,QACZa,EAAMK,UAAUM,KAAAA,IAA0BX,EAAMY,eAApBZ,EAAMK,MACnC;AAED,eAAA;EAAA,IAAAQ,IAAAC,GAAA;AAWc,SAXdD,EAAAE,iBAAA,UAUcN,EAAY,EAAAI,EAAAG,UADbd,GAAWe,EAAAJ,GAAAK,EAAA;GAAA,IAPpBpB,OAAI;AAAA,WAAEE,EAAMF;;GAAI,IAChBO,QAAK;AAAA,WAAEA,GAAO;;GAAA,IAAA,QAAA;AAAA,WAEPZ,EACL,y0BACAO,EAAMmB,MACP;;GAAA,EAGGlB,EAAM,EAAA,IAAA,GAAA,EAAAY;KAAA;;AAGdO,EAAA,CAAA,QAAA,CAAA"}

package/dist/components/input/Input.types.d.ts

@@ -5,11 +5,13 @@ export interface NumberInputSpecifics {
     type: "number";
     onChange?: (value: number) => void;
     onInput?: (value: number) => void;
+    defaultValue?: number;
 }
 interface TextInputSpecifics {
     type?: Exclude<InputType, "number">;
     onChange?: (value: string) => void;
     onInput?: (value: string) => void;
+    defaultValue?: string;
 }
 export type InputProps = (NumberInputSpecifics & Omit<NativeInputProps, keyof NumberInputSpecifics>) | (TextInputSpecifics & Omit<NativeInputProps, keyof TextInputSpecifics>);
 export {};

package/dist/components/label/Label.js

@@ -1,17 +1,39 @@
 import { clsx as e } from "../../utils/clsx.js";
-import { mergeProps as t, spread as n, template as r } from "solid-js/web";
-import { splitProps as i } from "solid-js";
+import { delegateEvents as t, mergeProps as n, spread as r, template as i, use as a } from "solid-js/web";
+import { splitProps as o } from "solid-js";
 //#region src/components/label/Label.tsx
-var a = /* @__PURE__ */ r("<label data-slot=label>"), o = (r) => {
-	let [o, s] = i(r, ["class", "classList"]);
+var s = /* @__PURE__ */ i("<label data-slot=label>"), c = (t) => {
+	let i, [c, l] = o(t, [
+		"for",
+		"class",
+		"classList"
+	]), u = (e) => {
+		let t = c.for;
+		if (t) {
+			let e = document.querySelector(`[aria-labelledby="${t}"]`);
+			if (!e) return;
+			e.click();
+			return;
+		}
+		let n = i?.querySelector("[aria-labelledby]");
+		n && !n.contains(e.target) && (e.preventDefault(), n.click());
+	};
 	return (() => {
-		var r = a();
-		return n(r, t({ get class() {
-			return e("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", o.class);
-		} }, s), !1, !1), r;
+		var t = s();
+		t.$$click = u;
+		var o = i;
+		return typeof o == "function" ? a(o, t) : i = t, r(t, n({
+			get for() {
+				return c.for;
+			},
+			get class() {
+				return e("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", c.class);
+			}
+		}, l), !1, !1), t;
 	})();
 };
+t(["click"]);
 //#endregion
-export { o as Label };
+export { c as Label };
 
 //# sourceMappingURL=Label.js.map

package/dist/components/label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","names":["splitProps","LabelProps","clsx","Label","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { LabelProps } from \"./Label.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Label = (props: LabelProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    // biome-ignore lint/a11y/noLabelWithoutControl: ignore\n    <label\n      data-slot=\"label\"\n      class={clsx(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;sDAIaG,KAASC,MAAsB;CAC1C,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eACE;EAAA,IAAAG,IAAAC,GAAA;AAOY,SAPZC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGSR,EACL,uNACAG,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}
+{"version":3,"file":"Label.js","names":["splitProps","LabelProps","clsx","Label","props","ref","HTMLLabelElement","local","others","handleClick","e","MouseEvent","htmlFor","for","target","document","querySelector","HTMLElement","click","contains","Node","preventDefault","_el$","_tmpl$","$$click","_ref$","_$use","_$spread","_$mergeProps","class","_$delegateEvents"],"sources":["../../../src/components/label/Label.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { LabelProps } from \"./Label.types\";\nimport { clsx } from \"~/utils\";\n\nexport const Label = (props: LabelProps) => {\n  let ref: HTMLLabelElement | undefined;\n  const [local, others] = splitProps(props, [\"for\", \"class\", \"classList\"]);\n\n  const handleClick = (e: MouseEvent) => {\n    // 兄弟元素用 for 查找\n    const htmlFor = local.for;\n    if (htmlFor) {\n      const target = document.querySelector<HTMLElement>(\n        `[aria-labelledby=\"${htmlFor}\"]`,\n      );\n      if (!target) return;\n      target.click();\n      return;\n    }\n\n    // 子元素直接查询有 `aria-labelledby` 属性\n    const target = ref?.querySelector<HTMLElement>(\"[aria-labelledby]\");\n    if (target && !target.contains(e.target as Node)) {\n      e.preventDefault(); // 阻止 label 原生的自动点击转发\n      target.click(); // 手动触发一次\n    }\n  };\n\n  return (\n    // biome-ignore lint/a11y/noLabelWithoutControl: ignore\n    <label\n      ref={ref}\n      for={local.for}\n      data-slot=\"label\"\n      class={clsx(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        local.class,\n      )}\n      onClick={handleClick}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;sDAIaG,KAASC,MAAsB;CAC1C,IAAIC,GACE,CAACE,GAAOC,KAAUR,EAAWI,GAAO;EAAC;EAAO;EAAS;EAAY,CAAC,EAElEK,KAAeC,MAAkB;EAErC,IAAME,IAAUL,EAAMM;AACtB,MAAID,GAAS;GACX,IAAME,IAASC,SAASC,cACtB,qBAAqBJ,EAAO,IAC7B;AACD,OAAI,CAACE,EAAQ;AACbA,KAAOI,OAAO;AACd;;EAIF,IAAMJ,IAAST,GAAKW,cAA2B,oBAAoB;AACnE,EAAIF,KAAU,CAACA,EAAOK,SAAST,EAAEI,OAAe,KAC9CJ,EAAEW,gBAAgB,EAClBP,EAAOI,OAAO;;AAIlB,eACE;EAAA,IAAAI,IAAAC,GAAA;AAAAD,IAAAE,UASWf;EAAW,IAAAgB,IAPfpB;AAQK,SARF,OAAAoB,KAAA,aAAAC,EAAAD,GAAAH,EAAA,GAAHjB,IAAGiB,GAAAK,EAAAL,GAAAM,EAAA;GAAA,IAAA,MAAA;AAAA,WACHrB,EAAMM;;GAAG,IAAA,QAAA;AAAA,WAEPX,EACL,uNACAK,EAAMsB,MACP;;GAAA,EAEGrB,EAAM,EAAA,IAAA,GAAA,EAAAc;KAAA;;AAGdQ,EAAA,CAAA,QAAA,CAAA"}

package/dist/index.d.ts

@@ -4,10 +4,13 @@ export * from './components/alert-dialog';
 export * from './components/aspect-ratio';
 export * from './components/avatar';
 export * from './components/badge';
+export * from './components/breadcrumb';
 export * from './components/button';
 export * from './components/button-group';
 export * from './components/card';
 export * from './components/carousel';
+export * from './components/checkbox';
+export * from './components/collapsible';
 export * from './components/field';
 export * from './components/image';
 export * from './components/input';