@neut/ui 0.0.12 → 0.0.14

package/dist/components/combobox/Combobox/Combobox.js

@@ -0,0 +1,60 @@
+import { ComboboxContext as e } from "./Combobox.context.js";
+import { createComponent as t } from "solid-js/web";
+import { createMemo as n, createSignal as r, createUniqueId as i } from "solid-js";
+//#region src/components/combobox/Combobox/Combobox.tsx
+var a = (e) => String(e);
+function o(o) {
+	let s = n(() => o.items), c = n(() => o.itemToStringValue ?? a), l = o.value === void 0 ? o.defaultValue : o.value, [u, d] = r(l == null || Array.isArray(l) ? "" : c()(l)), [f, p] = r(""), [m, h] = r(o.defaultValue), g = n(() => o.value === void 0 ? m() : o.value), _ = (e) => {
+		o.value === void 0 && h(e), o.onValueChange?.(e);
+	}, [v, y] = r(o.defaultOpen ?? !1), b = n(() => o.open === void 0 ? v() : o.open), x = n(() => !!o.disabled), S = n(() => !!o.multiple), C = (e) => {
+		o.open === void 0 && y(e), o.onOpenChange?.(e);
+	}, [w, T] = r(-1), [E, D] = r(), [O, k] = r(), A = `combobox-content-${i()}`, j = n(() => s().some((e) => e && typeof e == "object" && Array.isArray(e.items))), M = n(() => {
+		let e = f().toLowerCase().trim();
+		return e ? s().filter((t) => c()(t).toLowerCase().includes(e)) : s();
+	}), N = n(() => {
+		let e = g();
+		return e == null ? [] : Array.isArray(e) ? e : [e];
+	}), P = (e) => N().some((t) => t === e), F = () => C(!1), I = {
+		items: s,
+		filteredItems: M,
+		isGrouped: j,
+		inputValue: u,
+		setInputValue: d,
+		filterValue: f,
+		setFilterValue: p,
+		open: b,
+		setOpen: C,
+		disabled: x,
+		multiple: S,
+		value: g,
+		setValue: _,
+		selectItem: (e) => {
+			if (!x()) {
+				if (o.multiple) {
+					let t = N(), n = P(e) ? t.filter((t) => t !== e) : [...t, e];
+					_(n), d(""), p("");
+				} else _(e), d(c()(e)), p(""), F();
+			}
+		},
+		isSelected: P,
+		itemToStringValue: (e) => c()(e),
+		activeIndex: w,
+		setActiveIndex: T,
+		reference: E,
+		setReference: D,
+		floating: O,
+		setFloating: k,
+		contentId: A,
+		close: F
+	};
+	return t(e.Provider, {
+		value: I,
+		get children() {
+			return o.children;
+		}
+	});
+}
+//#endregion
+export { o as Combobox };
+
+//# sourceMappingURL=Combobox.js.map

package/dist/components/combobox/Combobox/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","names":["createMemo","createSignal","createUniqueId","JSX","ComboboxContext","ComboboxContextValue","ComboboxProps","DEFAULT_ITEM_TO_STRING","item","String","Combobox","props","T","Element","items","itemToStringValue","initialValue","value","undefined","defaultValue","inputValue","setInputValue","Array","isArray","filterValue","setFilterValue","internalValue","setInternalValue","setValue","next","onValueChange","internalOpen","setInternalOpen","defaultOpen","open","disabled","multiple","setOpen","onOpenChange","activeIndex","setActiveIndex","reference","setReference","HTMLElement","floating","setFloating","contentId","isGrouped","some","filteredItems","query","toLowerCase","trim","filter","includes","selectedItems","current","isSelected","selected","close","selectItem","ctx","_$createComponent","Provider","children"],"sources":["../../../../src/components/combobox/Combobox/Combobox.tsx"],"sourcesContent":["import { createMemo, createSignal, createUniqueId, type JSX } from \"solid-js\";\nimport { ComboboxContext } from \"./Combobox.context\";\nimport type { ComboboxContextValue, ComboboxProps } from \"./Combobox.types\";\n\nconst DEFAULT_ITEM_TO_STRING = (item: any) => String(item);\n\nexport function Combobox<T = any>(props: ComboboxProps<T>): JSX.Element {\n  const items = createMemo(() => props.items);\n  const itemToStringValue = createMemo(\n    () => props.itemToStringValue ?? DEFAULT_ITEM_TO_STRING,\n  );\n\n  const initialValue =\n    props.value !== undefined ? props.value : props.defaultValue;\n  const [inputValue, setInputValue] = createSignal(\n    initialValue == null || Array.isArray(initialValue)\n      ? \"\"\n      : itemToStringValue()(initialValue as T),\n  );\n  const [filterValue, setFilterValue] = createSignal(\"\");\n  const [internalValue, setInternalValue] = createSignal<\n    T | T[] | null | undefined\n  >(props.defaultValue);\n  const value = createMemo(() =>\n    props.value !== undefined ? props.value : internalValue(),\n  );\n\n  const setValue = (next: T | T[] | null) => {\n    if (props.value === undefined) setInternalValue(next as any);\n    props.onValueChange?.(next);\n  };\n\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const disabled = createMemo(() => !!props.disabled);\n  const multiple = createMemo(() => !!props.multiple);\n  const setOpen = (next: boolean) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n\n  const [activeIndex, setActiveIndex] = createSignal(-1);\n  const [reference, setReference] = createSignal<HTMLElement>();\n  const [floating, setFloating] = createSignal<HTMLElement>();\n  const contentId = `combobox-content-${createUniqueId()}`;\n\n  const isGrouped = createMemo(() =>\n    items().some(\n      (item) =>\n        item && typeof item === \"object\" && Array.isArray((item as any).items),\n    ),\n  );\n\n  const filteredItems = createMemo(() => {\n    const query = filterValue().toLowerCase().trim();\n    if (!query) return items();\n    return items().filter((item) =>\n      itemToStringValue()(item).toLowerCase().includes(query),\n    );\n  });\n\n  const selectedItems = createMemo(() => {\n    const current = value();\n    if (current == null) return [] as T[];\n    return Array.isArray(current) ? current : [current];\n  });\n\n  const isSelected = (item: T) =>\n    selectedItems().some((selected) => selected === item);\n\n  const close = () => setOpen(false);\n\n  const selectItem = (item: T) => {\n    if (disabled()) return;\n    if (props.multiple) {\n      const current = selectedItems();\n      const next = isSelected(item)\n        ? current.filter((selected) => selected !== item)\n        : [...current, item];\n      setValue(next);\n      setInputValue(\"\");\n      setFilterValue(\"\");\n    } else {\n      setValue(item);\n      setInputValue(itemToStringValue()(item));\n      setFilterValue(\"\");\n      close();\n    }\n  };\n\n  const ctx: ComboboxContextValue<T> = {\n    items,\n    filteredItems,\n    isGrouped,\n    inputValue,\n    setInputValue,\n    filterValue,\n    setFilterValue,\n    open,\n    setOpen,\n    disabled,\n    multiple,\n    value,\n    setValue,\n    selectItem,\n    isSelected,\n    itemToStringValue: (item) => itemToStringValue()(item),\n    activeIndex,\n    setActiveIndex,\n    reference,\n    setReference,\n    floating,\n    setFloating,\n    contentId,\n    close,\n  };\n\n  return (\n    <ComboboxContext.Provider value={ctx}>\n      {props.children}\n    </ComboboxContext.Provider>\n  );\n}\n"],"mappings":"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"}

package/dist/components/combobox/Combobox/Combobox.types.d.ts

@@ -0,0 +1,40 @@
+import { Accessor, ParentProps } from 'solid-js';
+export interface ComboboxProps<T = any> extends ParentProps {
+    items: T[];
+    value?: T | T[] | null;
+    defaultValue?: T | T[];
+    onValueChange?: (value: T | T[] | null) => void;
+    multiple?: boolean;
+    disabled?: boolean;
+    autoHighlight?: boolean;
+    itemToStringValue?: (item: T) => string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export interface ComboboxContextValue<T = any> {
+    items: Accessor<T[]>;
+    filteredItems: Accessor<T[]>;
+    isGrouped: Accessor<boolean>;
+    inputValue: Accessor<string>;
+    setInputValue: (value: string) => void;
+    filterValue: Accessor<string>;
+    setFilterValue: (value: string) => void;
+    open: Accessor<boolean>;
+    setOpen: (open: boolean) => void;
+    disabled: Accessor<boolean>;
+    multiple: Accessor<boolean>;
+    value: Accessor<T | T[] | null | undefined>;
+    setValue: (value: T | T[] | null) => void;
+    selectItem: (item: T) => void;
+    isSelected: (item: T) => boolean;
+    itemToStringValue: (item: T) => string;
+    activeIndex: Accessor<number>;
+    setActiveIndex: (index: number) => void;
+    reference: Accessor<HTMLElement | undefined>;
+    setReference: (el: HTMLElement | undefined) => void;
+    floating: Accessor<HTMLElement | undefined>;
+    setFloating: (el: HTMLElement | undefined) => void;
+    contentId: string;
+    close: () => void;
+}

package/dist/components/combobox/Combobox/index.d.ts

@@ -0,0 +1,2 @@
+export { Combobox } from './Combobox';
+export type { ComboboxProps, ComboboxContextValue } from './Combobox.types';

package/dist/components/combobox/ComboboxChip/ComboboxChip.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'solid-js';
+export declare function ComboboxChip(props: {
+    value: any;
+    children?: JSX.Element;
+    class?: string;
+    showRemove?: boolean;
+}): JSX.Element;

package/dist/components/combobox/ComboboxChip/ComboboxChip.js

@@ -0,0 +1,35 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { Button as t } from "../../button/Button.js";
+import { useComboboxContext as n } from "../Combobox/Combobox.context.js";
+import { className as r, createComponent as i, effect as a, insert as o, template as s } from "solid-js/web";
+import { Show as c } from "solid-js";
+import { X as l } from "lucide-solid";
+//#region src/components/combobox/ComboboxChip/ComboboxChip.tsx
+var u = /*#__PURE__*/ s("<span data-slot=combobox-chip>");
+function d(s) {
+	let d = n("ComboboxChip");
+	return (() => {
+		var n = u();
+		return o(n, () => s.children, null), o(n, i(c, {
+			get when() {
+				return s.showRemove !== !1;
+			},
+			get children() {
+				return i(t, {
+					variant: "ghost",
+					size: "xs",
+					"data-slot": "combobox-chip-remove",
+					class: "-ml-1 opacity-50 hover:opacity-100",
+					onClick: () => d.selectItem(s.value),
+					get icon() {
+						return i(l, { class: "pointer-events-none" });
+					}
+				});
+			}
+		}), null), a(() => r(n, e("flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0", s.class))), n;
+	})();
+}
+//#endregion
+export { d as ComboboxChip };
+
+//# sourceMappingURL=ComboboxChip.js.map

package/dist/components/combobox/ComboboxChip/ComboboxChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxChip.js","names":["Show","JSX","X","clsx","useComboboxContext","Button","ComboboxChip","props","value","children","Element","class","showRemove","ctx","_el$","_tmpl$","_$insert","_$createComponent","when","variant","size","onClick","selectItem","icon","_$effect","_$className"],"sources":["../../../../src/components/combobox/ComboboxChip/ComboboxChip.tsx"],"sourcesContent":["import { Show, type JSX } from \"solid-js\";\nimport { X } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { Button } from \"~/components/button\";\n\nexport function ComboboxChip(props: {\n  value: any;\n  children?: JSX.Element;\n  class?: string;\n  showRemove?: boolean;\n}) {\n  const ctx = useComboboxContext(\"ComboboxChip\");\n  return (\n    <span\n      data-slot=\"combobox-chip\"\n      class={clsx(\n        \"flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0\",\n        props.class,\n      )}\n    >\n      {props.children}\n      <Show when={props.showRemove !== false}>\n        <Button\n          variant=\"ghost\"\n          size=\"xs\"\n          data-slot=\"combobox-chip-remove\"\n          class=\"-ml-1 opacity-50 hover:opacity-100\"\n          onClick={() => ctx.selectItem(props.value)}\n          icon={<X class=\"pointer-events-none\" />}\n        />\n      </Show>\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;AAMA,SAAgBM,EAAaC,GAK1B;CACD,IAAMM,IAAMT,EAAmB,cAAc;CAC7C,cAAA;EAAA,IAAAU,IAAAC,EAAA;EAMK,OANLC,EAAAF,SAQKP,EAAME,UAAQ,IAAA,GAAAO,EAAAF,GAAAG,EACdjB,GAAI;GAAA,IAACkB,OAAI;IAAA,OAAEX,EAAMK,eAAe;GAAK;GAAA,IAAAH,WAAA;IAAA,OAAAQ,EACnCZ,GAAM;KACLc,SAAO;KACPC,MAAI;KAAA,aAAA;KAAA,OAAA;KAGJC,eAAeR,EAAIS,WAAWf,EAAMC,KAAK;KAAC,IAC1Ce,OAAI;MAAA,OAAAN,EAAGf,GAAC,EAAA,OAAA,sBAAA,CAAA;KAAA;IAAA,CAAA;GAAA;EAAA,CAAA,GAAA,IAAA,GAAAsB,QAAAC,EAAAX,GAbLX,EACL,8RACAI,EAAMI,KACR,CAAC,CAAA,GAAAG;CAAA,EAAA,CAAA;AAeP"}

package/dist/components/combobox/ComboboxChip/index.d.ts

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

package/dist/components/combobox/ComboboxChips/ComboboxChips.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+export declare function ComboboxChips(props: {
+    children?: JSX.Element;
+    class?: string;
+}): JSX.Element;

package/dist/components/combobox/ComboboxChips/ComboboxChips.js

@@ -0,0 +1,16 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useComboboxContext as t } from "../Combobox/Combobox.context.js";
+import { className as n, effect as r, insert as i, template as a, use as o } from "solid-js/web";
+//#region src/components/combobox/ComboboxChips/ComboboxChips.tsx
+var s = /*#__PURE__*/ a("<div role=toolbar data-slot=combobox-chips>");
+function c(a) {
+	let c = t("ComboboxChips");
+	return (() => {
+		var t = s(), l = c.setReference;
+		return typeof l == "function" ? o(l, t) : c.setReference = t, i(t, () => a.children), r(() => n(t, e("flex min-h-8 flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40", a.class))), t;
+	})();
+}
+//#endregion
+export { c as ComboboxChips };
+
+//# sourceMappingURL=ComboboxChips.js.map

package/dist/components/combobox/ComboboxChips/ComboboxChips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxChips.js","names":["JSX","clsx","useComboboxContext","ComboboxChips","props","children","Element","class","ctx","_el$","_tmpl$","_ref$","setReference","_$use","_$insert","_$effect","_$className"],"sources":["../../../../src/components/combobox/ComboboxChips/ComboboxChips.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxChips(props: {\n  children?: JSX.Element;\n  class?: string;\n}) {\n  const ctx = useComboboxContext(\"ComboboxChips\");\n  return (\n    <div\n      ref={ctx.setReference}\n      role=\"toolbar\"\n      data-slot=\"combobox-chips\"\n      class={clsx(\n        \"flex min-h-8 flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 has-aria-invalid:border-destructive has-aria-invalid:ring-3 has-aria-invalid:ring-destructive/20 has-data-[slot=combobox-chip]:px-1 dark:bg-input/30 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40\",\n        props.class,\n      )}\n    >\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAcC,GAG3B;CACD,IAAMI,IAAMN,EAAmB,eAAe;CAC9C,cAAA;EAAA,IAAAO,IAAAC,EAAA,GAAAC,IAESH,EAAII;EAMR,OANoB,OAAAD,KAAA,aAAAE,EAAAF,GAAAF,CAAA,IAAhBD,EAAII,eAAYH,GAAAK,EAAAL,SAQpBL,EAAMC,QAAQ,GAAAU,QAAAC,EAAAP,GALRR,EACL,mcACAG,EAAMG,KACR,CAAC,CAAA,GAAAE;CAAA,EAAA,CAAA;AAKP"}

package/dist/components/combobox/ComboboxChips/index.d.ts

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

package/dist/components/combobox/ComboboxChipsInput/ComboboxChipsInput.d.ts

@@ -0,0 +1,4 @@
+export declare function ComboboxChipsInput(props: {
+    placeholder?: string;
+    class?: string;
+}): import("solid-js").JSX.Element;

package/dist/components/combobox/ComboboxChipsInput/ComboboxChipsInput.js

@@ -0,0 +1,27 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useComboboxContext as t } from "../Combobox/Combobox.context.js";
+import { className as n, delegateEvents as r, effect as i, setAttribute as a, template as o } from "solid-js/web";
+//#region src/components/combobox/ComboboxChipsInput/ComboboxChipsInput.tsx
+var s = /*#__PURE__*/ o("<input data-slot=combobox-chip-input>");
+function c(r) {
+	let o = t("ComboboxChipsInput");
+	return (() => {
+		var t = s();
+		return t.addEventListener("focus", () => o.setOpen(!0)), t.$$input = (e) => {
+			let t = e.currentTarget.value;
+			o.setInputValue(t), o.setFilterValue(t), o.setOpen(!0);
+		}, i((i) => {
+			var s = e("min-w-16 flex-1 bg-transparent outline-none", r.class), c = r.placeholder, l = o.disabled();
+			return s !== i.e && n(t, i.e = s), c !== i.t && a(t, "placeholder", i.t = c), l !== i.a && (t.disabled = i.a = l), i;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		}), i(() => t.value = o.inputValue()), t;
+	})();
+}
+r(["input"]);
+//#endregion
+export { c as ComboboxChipsInput };
+
+//# sourceMappingURL=ComboboxChipsInput.js.map

package/dist/components/combobox/ComboboxChipsInput/ComboboxChipsInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxChipsInput.js","names":["clsx","useComboboxContext","ComboboxChipsInput","props","placeholder","class","ctx","_el$","_tmpl$","addEventListener","setOpen","$$input","e","next","currentTarget","value","setInputValue","setFilterValue","_$effect","_p$","_v$","_v$2","_v$3","disabled","_$className","t","_$setAttribute","a","undefined","inputValue","_$delegateEvents"],"sources":["../../../../src/components/combobox/ComboboxChipsInput/ComboboxChipsInput.tsx"],"sourcesContent":["import { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxChipsInput(props: {\n  placeholder?: string;\n  class?: string;\n}) {\n  const ctx = useComboboxContext(\"ComboboxChipsInput\");\n  return (\n    <input\n      data-slot=\"combobox-chip-input\"\n      class={clsx(\"min-w-16 flex-1 bg-transparent outline-none\", props.class)}\n      placeholder={props.placeholder}\n      disabled={ctx.disabled()}\n      value={ctx.inputValue()}\n      onInput={(e) => {\n        const next = e.currentTarget.value;\n        ctx.setInputValue(next);\n        ctx.setFilterValue(next);\n        ctx.setOpen(true);\n      }}\n      onFocus={() => ctx.setOpen(true)}\n    />\n  );\n}\n"],"mappings":";;;;;AAGA,SAAgBE,EAAmBC,GAGhC;CACD,IAAMG,IAAML,EAAmB,oBAAoB;CACnD,cAAA;EAAA,IAAAM,IAAAC,EAAA;EAM2B,OAN3BD,EAAAE,iBAAA,eAamBH,EAAII,QAAQ,EAAI,CAAC,GAAAH,EAAAI,WANtBC,MAAM;GACd,IAAMC,IAAOD,EAAEE,cAAcC;GAG7BT,AAFAA,EAAIU,cAAcH,CAAI,GACtBP,EAAIW,eAAeJ,CAAI,GACvBP,EAAII,QAAQ,EAAI;EAClB,GAACQ,GAAAC,MAAA;GAAA,IAAAC,IATMpB,EAAK,+CAA+CG,EAAME,KAAK,GAACgB,IAC1DlB,EAAMC,aAAWkB,IACpBhB,EAAIiB,SAAS;GAAC,OAAAH,MAAAD,EAAAP,KAAAY,EAAAjB,GAAAY,EAAAP,IAAAQ,CAAA,GAAAC,MAAAF,EAAAM,KAAAC,EAAAnB,GAAA,eAAAY,EAAAM,IAAAJ,CAAA,GAAAC,MAAAH,EAAAQ,MAAApB,EAAAgB,WAAAJ,EAAAQ,IAAAL,IAAAH;EAAA,GAAA;GAAAP,GAAAgB,KAAAA;GAAAH,GAAAG,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAAV,QAAAX,EAAAQ,QACjBT,EAAIuB,WAAW,CAAC,GAAAtB;CAAA,EAAA,CAAA;AAU7B;AAACuB,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/combobox/ComboboxChipsInput/index.d.ts

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

package/dist/components/combobox/ComboboxClear/ComboboxClear.d.ts

@@ -0,0 +1,4 @@
+export declare function ComboboxClear(props: {
+    disabled?: boolean;
+    class?: string;
+}): import("solid-js").JSX.Element;

package/dist/components/combobox/ComboboxClear/ComboboxClear.js

@@ -0,0 +1,30 @@
+import { useComboboxContext as e } from "../Combobox/Combobox.context.js";
+import { InputGroupButton as t } from "../../input-group/InputGroupButton/InputGroupButton.js";
+import { createComponent as n } from "solid-js/web";
+import { X as r } from "lucide-solid";
+//#region src/components/combobox/ComboboxClear/ComboboxClear.tsx
+function i(i) {
+	let a = e("ComboboxClear");
+	return n(t, {
+		variant: "ghost",
+		size: "xs",
+		"data-slot": "combobox-clear",
+		"aria-label": "Clear",
+		get disabled() {
+			return a.disabled() || i.disabled;
+		},
+		get class() {
+			return i.class;
+		},
+		onClick: () => {
+			a.setValue(null), a.setInputValue(""), a.setFilterValue(""), a.setOpen(!1);
+		},
+		get icon() {
+			return n(r, { class: "\"pointer-events-none" });
+		}
+	});
+}
+//#endregion
+export { i as ComboboxClear };
+
+//# sourceMappingURL=ComboboxClear.js.map

package/dist/components/combobox/ComboboxClear/ComboboxClear.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxClear.js","names":["X","useComboboxContext","InputGroupButton","ComboboxClear","props","disabled","class","ctx","_$createComponent","variant","size","onClick","setValue","setInputValue","setFilterValue","setOpen","icon"],"sources":["../../../../src/components/combobox/ComboboxClear/ComboboxClear.tsx"],"sourcesContent":["import { X } from \"lucide-solid\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { InputGroupButton } from \"~/components/input-group\";\n\nexport function ComboboxClear(props: { disabled?: boolean; class?: string }) {\n  const ctx = useComboboxContext(\"ComboboxClear\");\n  return (\n    <InputGroupButton\n      variant=\"ghost\"\n      size=\"xs\"\n      data-slot=\"combobox-clear\"\n      aria-label=\"Clear\"\n      disabled={ctx.disabled() || props.disabled}\n      class={props.class}\n      onClick={() => {\n        ctx.setValue(null);\n        ctx.setInputValue(\"\");\n        ctx.setFilterValue(\"\");\n        ctx.setOpen(false);\n      }}\n      icon={<X class='\"pointer-events-none' />}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgBG,EAAcC,GAA+C;CAC3E,IAAMG,IAAMN,EAAmB,eAAe;CAC9C,OAAAO,EACGN,GAAgB;EACfO,SAAO;EACPC,MAAI;EAAA,aAAA;EAAA,cAAA;EAAA,IAGJL,WAAQ;GAAA,OAAEE,EAAIF,SAAS,KAAKD,EAAMC;EAAQ;EAAA,IAAA,QAAA;GAAA,OACnCD,EAAME;EAAK;EAClBK,eAAe;GAIbJ,AAHAA,EAAIK,SAAS,IAAI,GACjBL,EAAIM,cAAc,EAAE,GACpBN,EAAIO,eAAe,EAAE,GACrBP,EAAIQ,QAAQ,EAAK;EACnB;EAAC,IACDC,OAAI;GAAA,OAAAR,EAAGR,GAAC,EAAA,OAAA,wBAAA,CAAA;EAAA;CAAA,CAAA;AAGd"}

package/dist/components/combobox/ComboboxClear/index.d.ts

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

package/dist/components/combobox/ComboboxCollection/ComboboxCollection.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+export declare function ComboboxCollection(props: {
+    items?: any[];
+    children?: JSX.Element | ((item: any, index: number) => JSX.Element);
+}): JSX.Element;

package/dist/components/combobox/ComboboxCollection/ComboboxCollection.js

@@ -0,0 +1,20 @@
+import { useComboboxContext as e } from "../Combobox/Combobox.context.js";
+import { createComponent as t } from "solid-js/web";
+import { For as n, createMemo as r } from "solid-js";
+//#region src/components/combobox/ComboboxCollection/ComboboxCollection.tsx
+function i(i) {
+	let a = e("ComboboxCollection"), o = r(() => i.items ?? a.items()), s = r(() => {
+		let e = a.filterValue().toLowerCase().trim();
+		return e ? o().filter((t) => a.itemToStringValue(t).toLowerCase().includes(e)) : o();
+	});
+	return t(n, {
+		get each() {
+			return s();
+		},
+		children: (e, t) => typeof i.children == "function" ? i.children(e, t()) : i.children
+	});
+}
+//#endregion
+export { i as ComboboxCollection };
+
+//# sourceMappingURL=ComboboxCollection.js.map

package/dist/components/combobox/ComboboxCollection/ComboboxCollection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxCollection.js","names":["For","createMemo","JSX","useComboboxContext","ComboboxCollection","props","items","children","Element","item","index","ctx","filtered","query","filterValue","toLowerCase","trim","filter","itemToStringValue","includes","_$createComponent","each"],"sources":["../../../../src/components/combobox/ComboboxCollection/ComboboxCollection.tsx"],"sourcesContent":["import { For, createMemo, type JSX } from \"solid-js\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxCollection(props: {\n  items?: any[];\n  children?: JSX.Element | ((item: any, index: number) => JSX.Element);\n}) {\n  const ctx = useComboboxContext(\"ComboboxCollection\");\n  const items = createMemo(() => props.items ?? ctx.items());\n  const filtered = createMemo(() => {\n    const query = ctx.filterValue().toLowerCase().trim();\n    if (!query) return items();\n    return items().filter((item) =>\n      ctx.itemToStringValue(item).toLowerCase().includes(query),\n    );\n  });\n  return (\n    <For each={filtered()}>\n      {(item, index) =>\n        typeof props.children === \"function\"\n          ? props.children(item, index())\n          : props.children\n      }\n    </For>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgBI,EAAmBC,GAGhC;CACD,IAAMM,IAAMR,EAAmB,oBAAoB,GAC7CG,IAAQL,QAAiBI,EAAMC,SAASK,EAAIL,MAAM,CAAC,GACnDM,IAAWX,QAAiB;EAChC,IAAMY,IAAQF,EAAIG,YAAY,CAAC,CAACC,YAAY,CAAC,CAACC,KAAK;EAEnD,OADKH,IACEP,EAAM,CAAC,CAACW,QAAQR,MACrBE,EAAIO,kBAAkBT,CAAI,CAAC,CAACM,YAAY,CAAC,CAACI,SAASN,CAAK,CAC1D,IAHmBP,EAAM;CAI3B,CAAC;CACD,OAAAc,EACGpB,GAAG;EAAA,IAACqB,OAAI;GAAA,OAAET,EAAS;EAAC;EAAAL,WACjBE,GAAMC,MACN,OAAOL,EAAME,YAAa,aACtBF,EAAME,SAASE,GAAMC,EAAM,CAAC,IAC5BL,EAAME;CAAQ,CAAA;AAI1B"}

package/dist/components/combobox/ComboboxCollection/index.d.ts

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

package/dist/components/combobox/ComboboxContent/ComboboxContent.d.ts

@@ -0,0 +1,2 @@
+import { ComboboxContentProps } from './ComboboxContent.types';
+export declare function ComboboxContent(props: ComboboxContentProps): import("solid-js").JSX.Element;

package/dist/components/combobox/ComboboxContent/ComboboxContent.js

@@ -0,0 +1,49 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useComboboxContent as t } from "./useComboboxContent.js";
+import { Portal as n, createComponent as r, effect as i, mergeProps as a, spread as o, style as s, template as c, use as l } from "solid-js/web";
+import { Show as u, mergeProps as d, onCleanup as f, splitProps as p } from "solid-js";
+//#region src/components/combobox/ComboboxContent/ComboboxContent.tsx
+var m = /*#__PURE__*/ c("<div><div data-slot=combobox-content>");
+function h(c) {
+	let h = d({
+		side: "bottom",
+		align: "start",
+		sideOffset: 6,
+		alignOffset: 0
+	}, c), [g, _] = p(h, [
+		"side",
+		"align",
+		"alignOffset",
+		"sideOffset"
+	]), { ctx: v, style: y } = t(() => g);
+	return r(u, {
+		get when() {
+			return v.open();
+		},
+		get children() {
+			return r(n, { get children() {
+				var t = m(), n = t.firstChild;
+				return l((e) => {
+					v.setFloating(e), f(() => v.setFloating(void 0));
+				}, t), o(n, a({
+					get id() {
+						return v.contentId;
+					},
+					get "data-side"() {
+						return g.side;
+					},
+					get "data-align"() {
+						return g.align;
+					},
+					get class() {
+						return e("group/combobox-content relative max-h-96 w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+(--spacing(7)))] origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", h.class);
+					}
+				}, _), !1, !1), i((e) => s(t, y(), e)), t;
+			} });
+		}
+	});
+}
+//#endregion
+export { h as ComboboxContent };
+
+//# sourceMappingURL=ComboboxContent.js.map

package/dist/components/combobox/ComboboxContent/ComboboxContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxContent.js","names":["Show","mergeProps","onCleanup","splitProps","Portal","clsx","ComboboxContentProps","useComboboxContent","ComboboxContent","props","merged","side","align","sideOffset","alignOffset","const","local","others","ctx","style","_$createComponent","when","open","children","_el$","_tmpl$","_el$2","firstChild","_$use","el","setFloating","undefined","_$spread","_$mergeProps","id","contentId","data-side","data-align","class","_$effect","_$p","_$style"],"sources":["../../../../src/components/combobox/ComboboxContent/ComboboxContent.tsx"],"sourcesContent":["import { Show, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport type { ComboboxContentProps } from \"./ComboboxContent.types\";\nimport { useComboboxContent } from \"./useComboboxContent\";\n\nexport function ComboboxContent(props: ComboboxContentProps) {\n  const merged = mergeProps(\n    { side: \"bottom\", align: \"start\", sideOffset: 6, alignOffset: 0 } as const,\n    props,\n  );\n  const [local, others] = splitProps(merged, [\n    \"side\",\n    \"align\",\n    \"alignOffset\",\n    \"sideOffset\",\n  ]);\n\n  const { ctx, style } = useComboboxContent(() => local);\n\n  return (\n    <Show when={ctx.open()}>\n      <Portal>\n        <div\n          ref={(el) => {\n            ctx.setFloating(el);\n            onCleanup(() => ctx.setFloating(undefined));\n          }}\n          style={style()}\n        >\n          <div\n            id={ctx.contentId}\n            data-slot=\"combobox-content\"\n            data-side={local.side}\n            data-align={local.align}\n            class={clsx(\n              \"group/combobox-content relative max-h-96 w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+(--spacing(7)))] origin-(--transform-origin) overflow-hidden rounded-md bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n              merged.class,\n            )}\n            {...others}\n          />\n        </div>\n      </Portal>\n    </Show>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgBQ,EAAgBC,GAA6B;CAC3D,IAAMC,IAAST,EACb;EAAEU,MAAM;EAAUC,OAAO;EAASC,YAAY;EAAGC,aAAa;CAAE,GAChEL,CACF,GACM,CAACO,GAAOC,KAAUd,EAAWO,GAAQ;EACzC;EACA;EACA;EACA;CAAY,CACb,GAEK,EAAEQ,QAAKC,OAAAA,MAAUZ,QAAyBS,CAAK;CAErD,OAAAI,EACGpB,GAAI;EAAA,IAACqB,OAAI;GAAA,OAAEH,EAAII,KAAK;EAAC;EAAA,IAAAC,WAAA;GAAA,OAAAH,EACnBhB,GAAM,EAAA,IAAAmB,WAAA;IAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;IAMW,OANXC,GAEGC,MAAO;KAEX3B,AADAgB,EAAIY,YAAYD,CAAE,GAClB3B,QAAgBgB,EAAIY,YAAYC,KAAAA,CAAS,CAAC;IAC5C,GAACP,CAAA,GAAAQ,EAAAN,GAAAO,EAAA;KAAA,IAICC,KAAE;MAAA,OAAEhB,EAAIiB;KAAS;KAAA,IAAA,cAAA;MAAA,OAENnB,EAAML;KAAI;KAAA,IAAA,eAAA;MAAA,OACTK,EAAMJ;KAAK;KAAA,IAAA,QAAA;MAAA,OAChBP,EACL,gzBACAK,EAAO4B,KACT;KAAC;IAAA,GACGrB,CAAM,GAAA,IAAA,EAAA,GAAAsB,GAAAC,MAAAC,EAAAjB,GAXLL,EAAM,GAACqB,CAAA,CAAA,GAAAhB;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AAiBxB"}

package/dist/components/combobox/ComboboxContent/ComboboxContent.types.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from 'solid-js';
+import { Alignment, Side } from '../../../lib';
+import { BaseProps, PolymorphicProps } from '../../../types';
+interface BaseComboboxContentProps extends BaseProps {
+    side?: Side;
+    align?: "center" | Alignment;
+    sideOffset?: number;
+    alignOffset?: number;
+    children?: JSX.Element;
+}
+export type ComboboxContentProps = PolymorphicProps<"div", BaseComboboxContentProps, false>;
+export {};

package/dist/components/combobox/ComboboxContent/ComboboxContent.utils.d.ts

@@ -0,0 +1,2 @@
+import { Alignment, Placement, Side } from '../../../lib';
+export declare const toPlacement: (side: Side, align: "center" | Alignment) => Placement;

package/dist/components/combobox/ComboboxContent/ComboboxContent.utils.js

@@ -0,0 +1,6 @@
+//#region src/components/combobox/ComboboxContent/ComboboxContent.utils.ts
+var e = (e, t) => t === "center" ? e : `${e}-${t}`;
+//#endregion
+export { e as toPlacement };
+
+//# sourceMappingURL=ComboboxContent.utils.js.map

package/dist/components/combobox/ComboboxContent/ComboboxContent.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxContent.utils.js","names":[],"sources":["../../../../src/components/combobox/ComboboxContent/ComboboxContent.utils.ts"],"sourcesContent":["import type { Alignment, Placement, Side } from \"~/lib\";\n\nexport const toPlacement = (\n  side: Side,\n  align: \"center\" | Alignment,\n): Placement => {\n  return align === \"center\" ? side : `${side}-${align}`;\n};\n"],"mappings":";AAEA,IAAa,KACX,GACA,MAEO,MAAU,WAAW,IAAO,GAAG,EAAK,GAAG"}

package/dist/components/combobox/ComboboxContent/index.d.ts

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

package/dist/components/combobox/ComboboxContent/useComboboxContent.d.ts

@@ -0,0 +1,13 @@
+import { ComboboxContentProps } from './ComboboxContent.types';
+export declare const useComboboxContent: (local: () => Required<Pick<ComboboxContentProps, "side" | "align" | "alignOffset" | "sideOffset">>) => {
+    ctx: import('..').ComboboxContextValue<any>;
+    style: () => {
+        "z-index": number;
+        opacity: number;
+        width: string | undefined;
+        position: import('../../../lib').Strategy;
+        top: string;
+        left: string;
+        transform: string;
+    };
+};

package/dist/components/combobox/ComboboxContent/useComboboxContent.js

@@ -0,0 +1,48 @@
+import { createPositioner as e } from "../../../lib/positioner/create-positioner.js";
+import { offset as t } from "../../../lib/positioner/middleware/offset.js";
+import { shift as n } from "../../../lib/positioner/middleware/shift.js";
+import { flip as r } from "../../../lib/positioner/middleware/flip.js";
+import { size as i } from "../../../lib/positioner/middleware/size.js";
+import { hide as a } from "../../../lib/positioner/middleware/hide.js";
+import { useComboboxContext as o } from "../Combobox/Combobox.context.js";
+import { toPlacement as s } from "./ComboboxContent.utils.js";
+import { createEffect as c, onCleanup as l } from "solid-js";
+//#region src/components/combobox/ComboboxContent/useComboboxContent.ts
+var u = (u) => {
+	let d = o("ComboboxContent"), f = e(d.reference, d.floating, {
+		placement: () => s(u().side, u().align),
+		strategy: "fixed",
+		middleware: () => [
+			t({
+				mainAxis: u().sideOffset,
+				crossAxis: u().alignOffset
+			}),
+			r(),
+			n({ padding: 8 }),
+			i({ padding: 8 }),
+			a()
+		]
+	}), p = () => d.reference()?.getBoundingClientRect().width;
+	return c(() => {
+		d.open() && f.update();
+	}), c(() => {
+		if (!d.open()) return;
+		let e = (e) => {
+			let t = e.target;
+			!d.reference()?.contains(t) && !d.floating()?.contains(t) && d.close();
+		};
+		document.addEventListener("pointerdown", e, { capture: !0 }), l(() => document.removeEventListener("pointerdown", e, { capture: !0 }));
+	}), {
+		ctx: d,
+		style: () => ({
+			...f.floatingStyles(),
+			"z-index": 1e3,
+			opacity: +!!f.isPositioned(),
+			width: p() ? `${p()}px` : void 0
+		})
+	};
+};
+//#endregion
+export { u as useComboboxContent };
+
+//# sourceMappingURL=useComboboxContent.js.map

package/dist/components/combobox/ComboboxContent/useComboboxContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComboboxContent.js","names":[],"sources":["../../../../src/components/combobox/ComboboxContent/useComboboxContent.ts"],"sourcesContent":["import { createEffect, onCleanup } from \"solid-js\";\nimport { createPositioner, flip, hide, offset, shift, size } from \"~/lib\";\nimport { toPlacement } from \"./ComboboxContent.utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport type { ComboboxContentProps } from \"./ComboboxContent.types\";\n\nexport const useComboboxContent = (\n  local: () => Required<\n    Pick<ComboboxContentProps, \"side\" | \"align\" | \"alignOffset\" | \"sideOffset\">\n  >,\n) => {\n  const ctx = useComboboxContext(\"ComboboxContent\");\n\n  const pos = createPositioner(ctx.reference, ctx.floating, {\n    placement: () => toPlacement(local().side, local().align),\n    strategy: \"fixed\",\n    middleware: () => [\n      offset({\n        mainAxis: local().sideOffset,\n        crossAxis: local().alignOffset,\n      }),\n      flip(),\n      shift({ padding: 8 }),\n      size({ padding: 8 }),\n      hide(),\n    ],\n  });\n\n  const referenceWidth = () => ctx.reference()?.getBoundingClientRect().width;\n\n  createEffect(() => {\n    if (ctx.open()) pos.update();\n  });\n\n  createEffect(() => {\n    if (!ctx.open()) return;\n\n    const onPointerDown = (e: PointerEvent) => {\n      const target = e.target as Node;\n      if (\n        !ctx.reference()?.contains(target) &&\n        !ctx.floating()?.contains(target)\n      ) {\n        ctx.close();\n      }\n    };\n\n    document.addEventListener(\"pointerdown\", onPointerDown, { capture: true });\n    onCleanup(() =>\n      document.removeEventListener(\"pointerdown\", onPointerDown, {\n        capture: true,\n      }),\n    );\n  });\n\n  const style = () => ({\n    ...pos.floatingStyles(),\n    \"z-index\": 1000,\n    opacity: pos.isPositioned() ? 1 : 0,\n    width: referenceWidth() ? `${referenceWidth()}px` : undefined,\n  });\n\n  return { ctx, style };\n};\n"],"mappings":";;;;;;;;;;AAMA,IAAa,KACX,MAGG;CACH,IAAM,IAAM,EAAmB,iBAAiB,GAE1C,IAAM,EAAiB,EAAI,WAAW,EAAI,UAAU;EACxD,iBAAiB,EAAY,EAAM,CAAC,CAAC,MAAM,EAAM,CAAC,CAAC,KAAK;EACxD,UAAU;EACV,kBAAkB;GAChB,EAAO;IACL,UAAU,EAAM,CAAC,CAAC;IAClB,WAAW,EAAM,CAAC,CAAC;GACrB,CAAC;GACD,EAAK;GACL,EAAM,EAAE,SAAS,EAAE,CAAC;GACpB,EAAK,EAAE,SAAS,EAAE,CAAC;GACnB,EAAK;EACP;CACF,CAAC,GAEK,UAAuB,EAAI,UAAU,CAAC,EAAE,sBAAsB,CAAC,CAAC;CAkCtE,OAhCA,QAAmB;EACjB,AAAI,EAAI,KAAK,KAAG,EAAI,OAAO;CAC7B,CAAC,GAED,QAAmB;EACjB,IAAI,CAAC,EAAI,KAAK,GAAG;EAEjB,IAAM,KAAiB,MAAoB;GACzC,IAAM,IAAS,EAAE;GACjB,AACE,CAAC,EAAI,UAAU,CAAC,EAAE,SAAS,CAAM,KACjC,CAAC,EAAI,SAAS,CAAC,EAAE,SAAS,CAAM,KAEhC,EAAI,MAAM;EAEd;EAGA,AADA,SAAS,iBAAiB,eAAe,GAAe,EAAE,SAAS,GAAK,CAAC,GACzE,QACE,SAAS,oBAAoB,eAAe,GAAe,EACzD,SAAS,GACX,CAAC,CACH;CACF,CAAC,GASM;EAAE;EAAK,cAPO;GACnB,GAAG,EAAI,eAAe;GACtB,WAAW;GACX,SAAS,KAAI,aAAa;GAC1B,OAAO,EAAe,IAAI,GAAG,EAAe,EAAE,MAAM,KAAA;EACtD;CAEoB;AACtB"}

package/dist/components/combobox/ComboboxEmpty/ComboboxEmpty.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+export declare function ComboboxEmpty(props: {
+    children?: JSX.Element;
+    class?: string;
+}): JSX.Element;

package/dist/components/combobox/ComboboxEmpty/ComboboxEmpty.js

@@ -0,0 +1,14 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { className as t, effect as n, insert as r, template as i } from "solid-js/web";
+//#region src/components/combobox/ComboboxEmpty/ComboboxEmpty.tsx
+var a = /*#__PURE__*/ i("<div data-slot=combobox-empty>");
+function o(i) {
+	return (() => {
+		var o = a();
+		return r(o, () => i.children), n(() => t(o, e("hidden w-full justify-center py-2 text-center text-sm text-muted-foreground", i.class))), o;
+	})();
+}
+//#endregion
+export { o as ComboboxEmpty };
+
+//# sourceMappingURL=ComboboxEmpty.js.map

package/dist/components/combobox/ComboboxEmpty/ComboboxEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxEmpty.js","names":["JSX","clsx","ComboboxEmpty","props","children","Element","class","_el$","_tmpl$","_$insert","_$effect","_$className"],"sources":["../../../../src/components/combobox/ComboboxEmpty/ComboboxEmpty.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport function ComboboxEmpty(props: {\n  children?: JSX.Element;\n  class?: string;\n}) {\n  return (\n    <div\n      data-slot=\"combobox-empty\"\n      class={clsx(\n        \"hidden w-full justify-center py-2 text-center text-sm text-muted-foreground\",\n        props.class,\n      )}\n    >\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgBE,EAAcC,GAG3B;CACD,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAMK,OANLC,EAAAF,SAQKJ,EAAMC,QAAQ,GAAAM,QAAAC,EAAAJ,GALRN,EACL,+EACAE,EAAMG,KACR,CAAC,CAAA,GAAAC;CAAA,EAAA,CAAA;AAKP"}

package/dist/components/combobox/ComboboxEmpty/index.d.ts

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

package/dist/components/combobox/ComboboxGroup/ComboboxGroup.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+export declare function ComboboxGroup(props: {
+    children?: JSX.Element;
+    class?: string;
+}): JSX.Element;

package/dist/components/combobox/ComboboxGroup/ComboboxGroup.js

@@ -0,0 +1,13 @@
+import { className as e, effect as t, insert as n, template as r } from "solid-js/web";
+//#region src/components/combobox/ComboboxGroup/ComboboxGroup.tsx
+var i = /*#__PURE__*/ r("<div data-slot=combobox-group>");
+function a(r) {
+	return (() => {
+		var a = i();
+		return n(a, () => r.children), t(() => e(a, r.class)), a;
+	})();
+}
+//#endregion
+export { a as ComboboxGroup };
+
+//# sourceMappingURL=ComboboxGroup.js.map

package/dist/components/combobox/ComboboxGroup/ComboboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxGroup.js","names":["JSX","ComboboxGroup","props","children","Element","class","_el$","_tmpl$","_$insert","_$effect","_$className"],"sources":["../../../../src/components/combobox/ComboboxGroup/ComboboxGroup.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\n\nexport function ComboboxGroup(props: {\n  children?: JSX.Element;\n  class?: string;\n}) {\n  return (\n    <div data-slot=\"combobox-group\" class={props.class}>\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":";;;AAEA,SAAgBC,EAAcC,GAG3B;CACD,cAAA;EAAA,IAAAI,IAAAC,EAAA;EACoD,OADpDC,EAAAF,SAEKJ,EAAMC,QAAQ,GAAAM,QAAAC,EAAAJ,GADsBJ,EAAMG,KAAK,CAAA,GAAAC;CAAA,EAAA,CAAA;AAItD"}

package/dist/components/combobox/ComboboxGroup/index.d.ts

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

package/dist/components/combobox/ComboboxInput/ComboboxInput.d.ts

@@ -0,0 +1,9 @@
+import { JSX } from 'solid-js';
+export declare function ComboboxInput(props: {
+    placeholder?: string;
+    disabled?: boolean;
+    showClear?: boolean;
+    class?: string;
+    "aria-invalid"?: string | boolean;
+    children?: JSX.Element;
+}): JSX.Element;