@neut/ui 0.0.12 → 0.0.14

package/dist/components/combobox/ComboboxInput/ComboboxInput.js

@@ -0,0 +1,85 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useComboboxContext as t } from "../Combobox/Combobox.context.js";
+import { InputGroup as n } from "../../input-group/InputGroup/InputGroup.js";
+import { InputGroupAddon as r } from "../../input-group/InputGroupAddon/InputGroupAddon.js";
+import { InputGroupInput as i } from "../../input-group/InputGroupInput/InputGroupInput.js";
+import { ComboboxClear as a } from "../ComboboxClear/ComboboxClear.js";
+import { createComponent as o, memo as s } from "solid-js/web";
+import { Show as c, createEffect as l, mergeProps as u, onCleanup as d } from "solid-js";
+//#region src/components/combobox/ComboboxInput/ComboboxInput.tsx
+function f(f) {
+	let p = t("ComboboxInput"), m = u({ showClear: !1 }, f), h = () => p.disabled() || !!m.disabled, g = p.reference() !== void 0, _;
+	l(() => {
+		p.open() && g && _ && _.focus();
+	});
+	let v = () => {
+		let e = p.value();
+		return e == null ? !1 : Array.isArray(e) ? e.length > 0 : e !== "";
+	}, y = (e) => {
+		if (h()) return;
+		let t = p.filteredItems();
+		if (e.key === "ArrowDown") e.preventDefault(), p.setOpen(!0), p.setActiveIndex(t.length === 0 ? -1 : (p.activeIndex() + 1) % t.length);
+		else if (e.key === "ArrowUp") e.preventDefault(), p.setOpen(!0), p.setActiveIndex(t.length === 0 ? -1 : (p.activeIndex() - 1 + t.length) % t.length);
+		else if (e.key === "Enter" && p.open()) {
+			e.preventDefault();
+			let t = p.filteredItems()[p.activeIndex()];
+			t !== void 0 && p.selectItem(t);
+		} else e.key === "Escape" && p.open() && (e.preventDefault(), p.close());
+	};
+	return o(n, {
+		ref: (e) => {
+			p.reference() || p.setReference(e), d(() => {
+				p.reference() === e && p.setReference(void 0);
+			});
+		},
+		get class() {
+			return e("w-auto", m.class);
+		},
+		get children() {
+			return [
+				o(i, {
+					ref: (e) => {
+						_ = e;
+					},
+					get placeholder() {
+						return m.placeholder;
+					},
+					get disabled() {
+						return h();
+					},
+					get "aria-invalid"() {
+						return m["aria-invalid"];
+					},
+					get value() {
+						return p.inputValue();
+					},
+					onInput: (e) => {
+						let t = String(e);
+						p.setInputValue(t), p.setFilterValue(t), p.setOpen(!0), !p.multiple() && t.trim() === "" && (p.setValue(null), p.setFilterValue(""));
+					},
+					onFocus: () => p.setOpen(!0),
+					onClick: () => p.setOpen(!0),
+					onKeyDown: y
+				}),
+				o(r, {
+					align: "inline-end",
+					get children() {
+						return o(c, {
+							get when() {
+								return s(() => !!(m.showClear && v()))() && !h();
+							},
+							get children() {
+								return o(a, {});
+							}
+						});
+					}
+				}),
+				s(() => m.children)
+			];
+		}
+	});
+}
+//#endregion
+export { f as ComboboxInput };
+
+//# sourceMappingURL=ComboboxInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxInput.js","names":["Show","createEffect","mergeProps","onCleanup","JSX","InputGroup","InputGroupAddon","InputGroupInput","clsx","useComboboxContext","ComboboxClear","ComboboxInput","props","placeholder","disabled","showClear","class","children","Element","ctx","local","mountedWithExternalReference","reference","undefined","inputEl","HTMLInputElement","open","focus","hasValue","current","value","Array","isArray","length","onKeyDown","e","KeyboardEvent","list","filteredItems","key","preventDefault","setOpen","setActiveIndex","activeIndex","item","selectItem","close","_$createComponent","ref","el","setReference","aria-invalid","inputValue","onInput","next","String","setInputValue","setFilterValue","multiple","trim","setValue","onFocus","onClick","align","when","_$memo"],"sources":["../../../../src/components/combobox/ComboboxInput/ComboboxInput.tsx"],"sourcesContent":["import { Show, createEffect, mergeProps, onCleanup, type JSX } from \"solid-js\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupInput,\n} from \"~/components/input-group\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { ComboboxClear } from \"../ComboboxClear\";\n\nexport function ComboboxInput(props: {\n  placeholder?: string;\n  disabled?: boolean;\n  showClear?: boolean;\n  class?: string;\n  \"aria-invalid\"?: string | boolean;\n  children?: JSX.Element;\n}) {\n  const ctx = useComboboxContext(\"ComboboxInput\");\n  const local = mergeProps({ showClear: false }, props);\n  const disabled = () => ctx.disabled() || !!local.disabled;\n  // 当 ComboboxInput 作为 ComboboxContent 子组件时（Popup 模式），\n  // 此时 reference 已经由 ComboboxTrigger 设置。打开弹层后自动聚焦输入框。\n  const mountedWithExternalReference = ctx.reference() !== undefined;\n  let inputEl: HTMLInputElement | undefined;\n\n  createEffect(() => {\n    if (ctx.open() && mountedWithExternalReference && inputEl) {\n      inputEl.focus();\n    }\n  });\n\n  const hasValue = () => {\n    const current = ctx.value();\n    if (current == null) return false;\n    if (Array.isArray(current)) return current.length > 0;\n    return current !== \"\";\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (disabled()) return;\n    const list = ctx.filteredItems();\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      ctx.setOpen(true);\n      ctx.setActiveIndex(\n        list.length === 0 ? -1 : (ctx.activeIndex() + 1) % list.length,\n      );\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      ctx.setOpen(true);\n      ctx.setActiveIndex(\n        list.length === 0\n          ? -1\n          : (ctx.activeIndex() - 1 + list.length) % list.length,\n      );\n    } else if (e.key === \"Enter\" && ctx.open()) {\n      e.preventDefault();\n      const item = ctx.filteredItems()[ctx.activeIndex()];\n      if (item !== undefined) ctx.selectItem(item);\n    } else if (e.key === \"Escape\" && ctx.open()) {\n      e.preventDefault();\n      ctx.close();\n    }\n  };\n\n  return (\n    <InputGroup\n      ref={(el) => {\n        if (!ctx.reference()) ctx.setReference(el);\n        onCleanup(() => {\n          if (ctx.reference() === el) ctx.setReference(undefined);\n        });\n      }}\n      class={clsx(\"w-auto\", local.class)}\n    >\n      <InputGroupInput\n        ref={(el) => {\n          inputEl = el;\n        }}\n        placeholder={local.placeholder}\n        disabled={disabled()}\n        aria-invalid={local[\"aria-invalid\"] as any}\n        value={ctx.inputValue()}\n        onInput={(value) => {\n          const next = String(value);\n          ctx.setInputValue(next);\n          ctx.setFilterValue(next);\n          ctx.setOpen(true);\n          if (!ctx.multiple() && next.trim() === \"\") {\n            ctx.setValue(null);\n            ctx.setFilterValue(\"\");\n          }\n        }}\n        onFocus={() => ctx.setOpen(true)}\n        onClick={() => ctx.setOpen(true)}\n        onKeyDown={onKeyDown}\n      />\n      <InputGroupAddon align=\"inline-end\">\n        <Show when={local.showClear && hasValue() && !disabled()}>\n          <ComboboxClear />\n        </Show>\n      </InputGroupAddon>\n      {local.children}\n    </InputGroup>\n  );\n}\n"],"mappings":"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"}

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

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

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

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

package/dist/components/combobox/ComboboxItem/ComboboxItem.js

@@ -0,0 +1,40 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useComboboxContext as t } from "../Combobox/Combobox.context.js";
+import { className as n, createComponent as r, delegateEvents as i, effect as a, insert as o, setAttribute as s, template as c } from "solid-js/web";
+import { Show as l, createMemo as u, createSignal as d } from "solid-js";
+import { Check as f } from "lucide-solid";
+//#region src/components/combobox/ComboboxItem/ComboboxItem.tsx
+var p = /*#__PURE__*/ c("<div data-slot=combobox-item role=option>");
+function m(i) {
+	let c = t("ComboboxItem"), m = u(() => c.isSelected(i.value)), h = u(() => c.filteredItems()[c.activeIndex()] === i.value), [g, _] = d(!1);
+	return (() => {
+		var t = p();
+		return t.$$click = () => {
+			i.disabled || c.selectItem(i.value);
+		}, t.addEventListener("mouseleave", () => _(!1)), t.addEventListener("mouseenter", () => {
+			_(!0);
+			let e = c.filteredItems().indexOf(i.value);
+			e !== -1 && c.setActiveIndex(e);
+		}), o(t, () => i.children, null), o(t, r(l, {
+			get when() {
+				return m();
+			},
+			get children() {
+				return r(f, { class: "pointer-events-none absolute right-2 size-4" });
+			}
+		}), null), a((r) => {
+			var a = i.disabled ? -1 : 0, o = m(), c = h() || g() ? "" : void 0, l = e("relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-none select-none", "data-highlighted:bg-accent data-highlighted:text-accent-foreground", i.disabled && "pointer-events-none opacity-50", i.class);
+			return a !== r.e && s(t, "tabindex", r.e = a), o !== r.t && s(t, "aria-selected", r.t = o), c !== r.a && s(t, "data-highlighted", r.a = c), l !== r.o && n(t, r.o = l), r;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0
+		}), t;
+	})();
+}
+i(["click"]);
+//#endregion
+export { m as ComboboxItem };
+
+//# sourceMappingURL=ComboboxItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxItem.js","names":["Show","createMemo","createSignal","JSX","Check","clsx","useComboboxContext","ComboboxItem","props","value","children","Element","class","disabled","ctx","selected","isSelected","active","filteredItems","activeIndex","hovered","setHovered","_el$","_tmpl$","$$click","selectItem","addEventListener","index","indexOf","setActiveIndex","_$insert","_$createComponent","when","_$effect","_p$","_v$","_v$2","_v$3","undefined","_v$4","e","_$setAttribute","t","a","o","_$className","_$delegateEvents"],"sources":["../../../../src/components/combobox/ComboboxItem/ComboboxItem.tsx"],"sourcesContent":["import { Show, createMemo, createSignal, type JSX } from \"solid-js\";\nimport { Check } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxItem(props: {\n  value: any;\n  children?: JSX.Element;\n  class?: string;\n  disabled?: boolean;\n}) {\n  const ctx = useComboboxContext(\"ComboboxItem\");\n  const selected = createMemo(() => ctx.isSelected(props.value));\n  const active = createMemo(\n    () => ctx.filteredItems()[ctx.activeIndex()] === props.value,\n  );\n  const [hovered, setHovered] = createSignal(false);\n\n  return (\n    <div\n      data-slot=\"combobox-item\"\n      role=\"option\"\n      tabIndex={props.disabled ? -1 : 0}\n      aria-selected={selected()}\n      data-highlighted={active() || hovered() ? \"\" : undefined}\n      class={clsx(\n        \"relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-none select-none\",\n        \"data-highlighted:bg-accent data-highlighted:text-accent-foreground\",\n        props.disabled && \"pointer-events-none opacity-50\",\n        props.class,\n      )}\n      onMouseEnter={() => {\n        setHovered(true);\n        const index = ctx.filteredItems().indexOf(props.value);\n        if (index !== -1) ctx.setActiveIndex(index);\n      }}\n      onMouseLeave={() => setHovered(false)}\n      onClick={() => {\n        if (!props.disabled) ctx.selectItem(props.value);\n      }}\n    >\n      {props.children}\n      <Show when={selected()}>\n        <Check class=\"pointer-events-none absolute right-2 size-4\" />\n      </Show>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAKA,SAAgBO,EAAaC,GAK1B;CACD,IAAMM,IAAMR,EAAmB,cAAc,GACvCS,IAAWd,QAAiBa,EAAIE,WAAWR,EAAMC,KAAK,CAAC,GACvDQ,IAAShB,QACPa,EAAII,cAAc,CAAC,CAACJ,EAAIK,YAAY,OAAOX,EAAMC,KACzD,GACM,CAACW,GAASC,KAAcnB,EAAa,EAAK;CAEhD,cAAA;EAAA,IAAAoB,IAAAC,EAAA;EAYK,OAZLD,EAAAE,gBAmBmB;GACb,AAAKhB,EAAMK,YAAUC,EAAIW,WAAWjB,EAAMC,KAAK;EACjD,GAACa,EAAAI,iBAAA,oBAHmBL,EAAW,EAAK,CAAC,GAAAC,EAAAI,iBAAA,oBALjB;GAClBL,EAAW,EAAI;GACf,IAAMM,IAAQb,EAAII,cAAc,CAAC,CAACU,QAAQpB,EAAMC,KAAK;GACrD,AAAIkB,MAAU,MAAIb,EAAIe,eAAeF,CAAK;EAC5C,CAAC,GAAAG,EAAAR,SAMAd,EAAME,UAAQ,IAAA,GAAAoB,EAAAR,GAAAS,EACd/B,GAAI;GAAA,IAACgC,OAAI;IAAA,OAAEjB,EAAS;GAAC;GAAA,IAAAL,WAAA;IAAA,OAAAqB,EACnB3B,GAAK,EAAA,OAAA,8CAAA,CAAA;GAAA;EAAA,CAAA,GAAA,IAAA,GAAA6B,GAAAC,MAAA;GAAA,IAAAC,IArBE3B,EAAMK,WAAW,KAAK,GAACuB,IAClBrB,EAAS,GAACsB,IACPpB,EAAO,KAAKG,EAAQ,IAAI,KAAKkB,KAAAA,GAASC,IACjDlC,EACL,uHACA,sEACAG,EAAMK,YAAY,kCAClBL,EAAMI,KACR;GAAC,OAAAuB,MAAAD,EAAAM,KAAAC,EAAAnB,GAAA,YAAAY,EAAAM,IAAAL,CAAA,GAAAC,MAAAF,EAAAQ,KAAAD,EAAAnB,GAAA,iBAAAY,EAAAQ,IAAAN,CAAA,GAAAC,MAAAH,EAAAS,KAAAF,EAAAnB,GAAA,oBAAAY,EAAAS,IAAAN,CAAA,GAAAE,MAAAL,EAAAU,KAAAC,EAAAvB,GAAAY,EAAAU,IAAAL,CAAA,GAAAL;EAAA,GAAA;GAAAM,GAAAF,KAAAA;GAAAI,GAAAJ,KAAAA;GAAAK,GAAAL,KAAAA;GAAAM,GAAAN,KAAAA;EAAA,CAAA,GAAAhB;CAAA,EAAA,CAAA;AAiBP;AAACwB,EAAA,CAAA,OAAA,CAAA"}

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

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

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

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

package/dist/components/combobox/ComboboxLabel/ComboboxLabel.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/ComboboxLabel/ComboboxLabel.tsx
+var a = /*#__PURE__*/ i("<div data-slot=combobox-label>");
+function o(i) {
+	return (() => {
+		var o = a();
+		return r(o, () => i.children), n(() => t(o, e("px-2 py-1.5 text-xs text-muted-foreground", i.class))), o;
+	})();
+}
+//#endregion
+export { o as ComboboxLabel };
+
+//# sourceMappingURL=ComboboxLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxLabel.js","names":["JSX","clsx","ComboboxLabel","props","children","Element","class","_el$","_tmpl$","_$insert","_$effect","_$className"],"sources":["../../../../src/components/combobox/ComboboxLabel/ComboboxLabel.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\n\nexport function ComboboxLabel(props: {\n  children?: JSX.Element;\n  class?: string;\n}) {\n  return (\n    <div\n      data-slot=\"combobox-label\"\n      class={clsx(\"px-2 py-1.5 text-xs text-muted-foreground\", props.class)}\n    >\n      {props.children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgBE,EAAcC,GAG3B;CACD,cAAA;EAAA,IAAAI,IAAAC,EAAA;EAGyE,OAHzEC,EAAAF,SAKKJ,EAAMC,QAAQ,GAAAM,QAAAC,EAAAJ,GAFRN,EAAK,6CAA6CE,EAAMG,KAAK,CAAC,CAAA,GAAAC;CAAA,EAAA,CAAA;AAK3E"}

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

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

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

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

package/dist/components/combobox/ComboboxList/ComboboxList.js

@@ -0,0 +1,22 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useComboboxContext as t } from "../Combobox/Combobox.context.js";
+import { className as n, createComponent as r, effect as i, insert as a, template as o } from "solid-js/web";
+import { For as s } from "solid-js";
+//#region src/components/combobox/ComboboxList/ComboboxList.tsx
+var c = /*#__PURE__*/ o("<div data-slot=combobox-list role=listbox>");
+function l(o) {
+	let l = t("ComboboxList"), u = () => l.isGrouped() ? l.items() : l.filteredItems();
+	return (() => {
+		var t = c();
+		return a(t, r(s, {
+			get each() {
+				return u();
+			},
+			children: (e, t) => typeof o.children == "function" ? o.children(e, t()) : o.children
+		})), i(() => n(t, e("max-h-72 overflow-y-auto overscroll-contain p-1", o.class))), t;
+	})();
+}
+//#endregion
+export { l as ComboboxList };
+
+//# sourceMappingURL=ComboboxList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxList.js","names":["For","JSX","clsx","useComboboxContext","ComboboxList","props","children","Element","item","index","class","ctx","listItems","isGrouped","items","filteredItems","_el$","_tmpl$","_$insert","_$createComponent","each","_$effect","_$className"],"sources":["../../../../src/components/combobox/ComboboxList/ComboboxList.tsx"],"sourcesContent":["import { For, type JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxList(props: {\n  children?: JSX.Element | ((item: any, index: number) => JSX.Element);\n  class?: string;\n}) {\n  const ctx = useComboboxContext(\"ComboboxList\");\n  const listItems = () => (ctx.isGrouped() ? ctx.items() : ctx.filteredItems());\n\n  return (\n    <div\n      data-slot=\"combobox-list\"\n      class={clsx(\n        \"max-h-72 overflow-y-auto overscroll-contain p-1\",\n        props.class,\n      )}\n      role=\"listbox\"\n    >\n      <For each={listItems()}>\n        {(item, index) =>\n          typeof props.children === \"function\"\n            ? props.children(item, index())\n            : props.children\n        }\n      </For>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgBI,EAAaC,GAG1B;CACD,IAAMM,IAAMR,EAAmB,cAAc,GACvCS,UAAmBD,EAAIE,UAAU,IAAIF,EAAIG,MAAM,IAAIH,EAAII,cAAc;CAE3E,cAAA;EAAA,IAAAC,IAAAC,EAAA;EAMK,OANLC,EAAAF,GAAAG,EASKnB,GAAG;GAAA,IAACoB,OAAI;IAAA,OAAER,EAAU;GAAC;GAAAN,WAClBE,GAAMC,MACN,OAAOJ,EAAMC,YAAa,aACtBD,EAAMC,SAASE,GAAMC,EAAM,CAAC,IAC5BJ,EAAMC;EAAQ,CAAA,CAAA,GAAAe,QAAAC,EAAAN,GAVfd,EACL,mDACAG,EAAMK,KACR,CAAC,CAAA,GAAAM;CAAA,EAAA,CAAA;AAYP"}

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

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

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

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

package/dist/components/combobox/ComboboxSeparator/ComboboxSeparator.js

@@ -0,0 +1,14 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { className as t, effect as n, template as r } from "solid-js/web";
+//#region src/components/combobox/ComboboxSeparator/ComboboxSeparator.tsx
+var i = /*#__PURE__*/ r("<div data-slot=combobox-separator>");
+function a(r) {
+	return (() => {
+		var a = i();
+		return n(() => t(a, e("-mx-1 my-1 h-px bg-border", r.class))), a;
+	})();
+}
+//#endregion
+export { a as ComboboxSeparator };
+
+//# sourceMappingURL=ComboboxSeparator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxSeparator.js","names":["clsx","ComboboxSeparator","props","class","_el$","_tmpl$","_$effect","_$className"],"sources":["../../../../src/components/combobox/ComboboxSeparator/ComboboxSeparator.tsx"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport function ComboboxSeparator(props: { class?: string }) {\n  return (\n    <div\n      data-slot=\"combobox-separator\"\n      class={clsx(\"-mx-1 my-1 h-px bg-border\", props.class)}\n    />\n  );\n}\n"],"mappings":";;;;AAEA,SAAgBC,EAAkBC,GAA2B;CAC3D,cAAA;EAAA,IAAAE,IAAAC,EAAA;EAGyD,OAHzDC,QAAAC,EAAAH,GAGWJ,EAAK,6BAA6BE,EAAMC,KAAK,CAAC,CAAA,GAAAC;CAAA,EAAA,CAAA;AAG3D"}

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

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

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

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

package/dist/components/combobox/ComboboxTrigger/ComboboxTrigger.js

@@ -0,0 +1,34 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useComboboxContext as t } from "../Combobox/Combobox.context.js";
+import { InputGroupButton as n } from "../../input-group/InputGroupButton/InputGroupButton.js";
+import { createComponent as r, memo as i } from "solid-js/web";
+import { ChevronDown as a } from "lucide-solid";
+//#region src/components/combobox/ComboboxTrigger/ComboboxTrigger.tsx
+function o(o) {
+	let s = t("ComboboxTrigger");
+	return r(n, {
+		ref(e) {
+			var t = s.setReference;
+			typeof t == "function" ? t(e) : s.setReference = e;
+		},
+		variant: "outline",
+		"data-slot": "combobox-trigger",
+		get class() {
+			return e("h-8 [&_svg:not([class*='size-'])]:size-4 active:not-aria-[haspopup]:translate-y-0", o.class);
+		},
+		get disabled() {
+			return s.disabled() || o.disabled;
+		},
+		onClick: () => s.setOpen(!s.open()),
+		get children() {
+			return [i(() => o.children), r(a, {
+				"data-slot": "combobox-trigger-icon",
+				class: "pointer-events-none size-4 text-muted-foreground"
+			})];
+		}
+	});
+}
+//#endregion
+export { o as ComboboxTrigger };
+
+//# sourceMappingURL=ComboboxTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxTrigger.js","names":["JSX","ChevronDown","clsx","useComboboxContext","InputGroupButton","ComboboxTrigger","props","children","Element","class","disabled","ctx","_$createComponent","ref","r$","_ref$","setReference","variant","onClick","setOpen","open","_$memo"],"sources":["../../../../src/components/combobox/ComboboxTrigger/ComboboxTrigger.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport { ChevronDown } from \"lucide-solid\";\nimport { clsx } from \"~/utils\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\nimport { InputGroupButton } from \"~/components/input-group\";\n\nexport function ComboboxTrigger(props: {\n  children?: JSX.Element;\n  class?: string;\n  disabled?: boolean;\n}) {\n  const ctx = useComboboxContext(\"ComboboxTrigger\");\n  return (\n    <InputGroupButton\n      ref={ctx.setReference}\n      variant=\"outline\"\n      data-slot=\"combobox-trigger\"\n      class={clsx(\n        \"h-8 [&_svg:not([class*='size-'])]:size-4 active:not-aria-[haspopup]:translate-y-0\",\n        props.class,\n      )}\n      disabled={ctx.disabled() || props.disabled}\n      onClick={() => ctx.setOpen(!ctx.open())}\n    >\n      {props.children}\n      <ChevronDown\n        data-slot=\"combobox-trigger-icon\"\n        class=\"pointer-events-none size-4 text-muted-foreground\"\n      />\n    </InputGroupButton>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgBK,EAAgBC,GAI7B;CACD,IAAMK,IAAMR,EAAmB,iBAAiB;CAChD,OAAAS,EACGR,GAAgB;EAAAS,IAAAC,GAAA;GAAA,IAAAC,IACVJ,EAAIK;GAAY,OAAAD,KAAA,aAAAA,EAAAD,CAAA,IAAhBH,EAAIK,eAAYF;EAAA;EACrBG,SAAO;EAAA,aAAA;EAAA,IAAA,QAAA;GAAA,OAEAf,EACL,qFACAI,EAAMG,KACR;EAAC;EAAA,IACDC,WAAQ;GAAA,OAAEC,EAAID,SAAS,KAAKJ,EAAMI;EAAQ;EAC1CQ,eAAeP,EAAIQ,QAAQ,CAACR,EAAIS,KAAK,CAAC;EAAC,IAAAb,WAAA;GAAA,OAAA,CAAAc,QAEtCf,EAAMC,QAAQ,GAAAK,EACdX,GAAW;IAAA,aAAA;IAAA,OAAA;GAAA,CAAA,CAAA;EAAA;CAAA,CAAA;AAMlB"}

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

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

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

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+export declare function ComboboxValue(props: {
+    placeholder?: string;
+    children?: JSX.Element | ((values: any[]) => JSX.Element);
+}): JSX.Element;

package/dist/components/combobox/ComboboxValue/ComboboxValue.js

@@ -0,0 +1,15 @@
+import { useComboboxContext as e } from "../Combobox/Combobox.context.js";
+import { memo as t } from "solid-js/web";
+import { children as n, createMemo as r } from "solid-js";
+//#region src/components/combobox/ComboboxValue/ComboboxValue.tsx
+function i(i) {
+	let a = e("ComboboxValue"), o = r(() => {
+		let e = a.value();
+		return e == null ? [] : Array.isArray(e) ? e : [e];
+	}), s = n(() => typeof i.children == "function" ? i.children(o()) : o().length > 0 ? o().map((e) => a.itemToStringValue(e)).join(", ") : i.placeholder ?? "");
+	return t(s);
+}
+//#endregion
+export { i as ComboboxValue };
+
+//# sourceMappingURL=ComboboxValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxValue.js","names":["children","createMemo","JSX","useComboboxContext","ComboboxValue","props","placeholder","Element","values","ctx","selected","current","value","Array","isArray","render","length","map","item","itemToStringValue","join","_$memo"],"sources":["../../../../src/components/combobox/ComboboxValue/ComboboxValue.tsx"],"sourcesContent":["import { children, createMemo, type JSX } from \"solid-js\";\nimport { useComboboxContext } from \"../Combobox/Combobox.context\";\n\nexport function ComboboxValue(props: {\n  placeholder?: string;\n  children?: JSX.Element | ((values: any[]) => JSX.Element);\n}): JSX.Element {\n  const ctx = useComboboxContext(\"ComboboxValue\");\n  const selected = createMemo(() => {\n    const current = ctx.value();\n    if (current == null) return [] as any[];\n    return Array.isArray(current) ? current : [current];\n  });\n\n  const render = children(() => {\n    if (typeof props.children === \"function\") return props.children(selected());\n    if (selected().length > 0) {\n      return selected()\n        .map((item) => ctx.itemToStringValue(item))\n        .join(\", \") as unknown as JSX.Element;\n    }\n    return (props.placeholder ?? \"\") as unknown as JSX.Element;\n  });\n\n  return <>{render()}</>;\n}\n"],"mappings":";;;;AAGA,SAAgBI,EAAcC,GAGd;CACd,IAAMI,IAAMN,EAAmB,eAAe,GACxCO,IAAWT,QAAiB;EAChC,IAAMU,IAAUF,EAAIG,MAAM;EAE1B,OADID,KAAW,OAAa,CAAA,IACrBE,MAAMC,QAAQH,CAAO,IAAIA,IAAU,CAACA,CAAO;CACpD,CAAC,GAEKI,IAASf,QACT,OAAOK,EAAML,YAAa,aAAmBK,EAAML,SAASU,EAAS,CAAC,IACtEA,EAAS,CAAC,CAACM,SAAS,IACfN,EAAS,CAAC,CACdO,KAAKC,MAAST,EAAIU,kBAAkBD,CAAI,CAAC,CAAC,CAC1CE,KAAK,IAAI,IAENf,EAAMC,eAAe,EAC9B;CAED,OAAAe,EAAUN,CAAM;AAClB"}

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

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

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

@@ -0,0 +1,18 @@
+export { Combobox } from './Combobox';
+export type { ComboboxProps, ComboboxContextValue } from './Combobox';
+export { ComboboxClear } from './ComboboxClear';
+export { ComboboxInput } from './ComboboxInput';
+export { ComboboxTrigger } from './ComboboxTrigger';
+export { ComboboxValue } from './ComboboxValue';
+export { ComboboxContent } from './ComboboxContent';
+export { ComboboxList } from './ComboboxList';
+export { ComboboxItem } from './ComboboxItem';
+export { ComboboxEmpty } from './ComboboxEmpty';
+export { ComboboxGroup } from './ComboboxGroup';
+export { ComboboxLabel } from './ComboboxLabel';
+export { ComboboxCollection } from './ComboboxCollection';
+export { ComboboxSeparator } from './ComboboxSeparator';
+export { ComboboxChips } from './ComboboxChips';
+export { ComboboxChip } from './ComboboxChip';
+export { ComboboxChipsInput } from './ComboboxChipsInput';
+export { useComboboxAnchor } from './useComboboxAnchor';

package/dist/components/combobox/index.js

@@ -0,0 +1,18 @@
+import { Combobox as e } from "./Combobox/Combobox.js";
+import { ComboboxClear as t } from "./ComboboxClear/ComboboxClear.js";
+import { ComboboxInput as n } from "./ComboboxInput/ComboboxInput.js";
+import { ComboboxTrigger as r } from "./ComboboxTrigger/ComboboxTrigger.js";
+import { ComboboxValue as i } from "./ComboboxValue/ComboboxValue.js";
+import { ComboboxContent as a } from "./ComboboxContent/ComboboxContent.js";
+import { ComboboxList as o } from "./ComboboxList/ComboboxList.js";
+import { ComboboxItem as s } from "./ComboboxItem/ComboboxItem.js";
+import { ComboboxEmpty as c } from "./ComboboxEmpty/ComboboxEmpty.js";
+import { ComboboxGroup as l } from "./ComboboxGroup/ComboboxGroup.js";
+import { ComboboxLabel as u } from "./ComboboxLabel/ComboboxLabel.js";
+import { ComboboxCollection as d } from "./ComboboxCollection/ComboboxCollection.js";
+import { ComboboxSeparator as f } from "./ComboboxSeparator/ComboboxSeparator.js";
+import { ComboboxChips as p } from "./ComboboxChips/ComboboxChips.js";
+import { ComboboxChip as m } from "./ComboboxChip/ComboboxChip.js";
+import { ComboboxChipsInput as h } from "./ComboboxChipsInput/ComboboxChipsInput.js";
+import { useComboboxAnchor as g } from "./useComboboxAnchor/useComboboxAnchor.js";
+export { e as Combobox, m as ComboboxChip, p as ComboboxChips, h as ComboboxChipsInput, t as ComboboxClear, d as ComboboxCollection, a as ComboboxContent, c as ComboboxEmpty, l as ComboboxGroup, n as ComboboxInput, s as ComboboxItem, u as ComboboxLabel, o as ComboboxList, f as ComboboxSeparator, r as ComboboxTrigger, i as ComboboxValue, g as useComboboxAnchor };

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

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

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

@@ -0,0 +1 @@
+export declare function useComboboxAnchor(): import('solid-js').Signal<HTMLElement | undefined>;

package/dist/components/combobox/useComboboxAnchor/useComboboxAnchor.js

@@ -0,0 +1,9 @@
+import { createSignal as e } from "solid-js";
+//#region src/components/combobox/useComboboxAnchor/useComboboxAnchor.tsx
+function t() {
+	return e();
+}
+//#endregion
+export { t as useComboboxAnchor };
+
+//# sourceMappingURL=useComboboxAnchor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useComboboxAnchor.js","names":["createSignal","useComboboxAnchor","HTMLElement"],"sources":["../../../../src/components/combobox/useComboboxAnchor/useComboboxAnchor.tsx"],"sourcesContent":["import { createSignal } from \"solid-js\";\n\nexport function useComboboxAnchor() {\n  return createSignal<HTMLElement | undefined>();\n}\n"],"mappings":";;AAEA,SAAgBC,IAAoB;CAClC,OAAOD,EAAsC;AAC/C"}

package/dist/components/date-picker/DatePicker/DatePicker.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'solid-js';
+import { DatePickerProps } from './DatePicker.types';
+/**
+ * Date Picker：shadcn Base UI 版本 Date Picker 的 SolidJS 移植。
+ *
+ * shadcn 的 Base UI Date Picker 本身不是单个 Root 组件，而是由 Popover + Calendar
+ * 组合而成。这里把它封装成一个开箱即用的 <DatePicker>，底层仍使用本仓库的
+ * <Popover> 和 <Calendar>；如果你想完全复刻 shadcn 的「组合式」用法，也可以直接
+ * 绕过这个封装，自己写 Popover + Calendar。
+ */
+export declare function DatePicker(props: DatePickerProps): JSX.Element;

package/dist/components/date-picker/DatePicker/DatePicker.js

@@ -0,0 +1,136 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { Calendar as t } from "../../calendar/Calendar/Calendar.js";
+import { Popover as n } from "../../popover/Popover/Popover.js";
+import { PopoverTrigger as r } from "../../popover/PopoverTrigger/PopoverTrigger.js";
+import { PopoverContent as i } from "../../popover/PopoverContent/PopoverContent.js";
+import { createComponent as a, insert as o, mergeProps as s, template as c } from "solid-js/web";
+import { createMemo as l, createSignal as u, mergeProps as d, splitProps as f } from "solid-js";
+import { ChevronDown as p } from "lucide-solid";
+//#region src/components/date-picker/DatePicker/DatePicker.tsx
+var m = /*#__PURE__*/ c("<span class=truncate>");
+function h(e, t) {
+	return new Intl.DateTimeFormat(t, {
+		year: "numeric",
+		month: "long",
+		day: "numeric"
+	}).format(e);
+}
+function g(c) {
+	let g = d({
+		placeholder: "Pick a date",
+		align: "start",
+		side: "bottom"
+	}, c), [_, v] = f(g, [
+		"value",
+		"defaultValue",
+		"onValueChange",
+		"placeholder",
+		"disabled",
+		"min",
+		"max",
+		"locale",
+		"formatDate",
+		"showOutsideDays",
+		"weekStartsOn",
+		"captionLayout",
+		"buttonVariant",
+		"classNames",
+		"side",
+		"align",
+		"sideOffset",
+		"contentClass",
+		"calendarClass",
+		"class",
+		"classList",
+		"style"
+	]), [y, b] = u(_.defaultValue), [x, S] = u(!1), C = l(() => _.value === void 0 ? y() : _.value), w = (e) => {
+		_.value === void 0 && b(e), _.onValueChange?.(e);
+	}, T = l(() => typeof _.locale == "string" ? _.locale : _.locale?.code), E = l(() => {
+		let e = C();
+		return e ? (_.formatDate ?? h)(e, T()) : _.placeholder;
+	});
+	return a(n, {
+		get open() {
+			return x();
+		},
+		onOpenChange: S,
+		get children() {
+			return [a(r, {
+				variant: "outline",
+				get disabled() {
+					return _.disabled;
+				},
+				get "data-empty"() {
+					return C() === void 0 ? "true" : void 0;
+				},
+				get class() {
+					return e("w-53 justify-between text-left font-normal", "data-[empty=true]:text-muted-foreground", _.class);
+				},
+				get children() {
+					return [(() => {
+						var e = m();
+						return o(e, E), e;
+					})(), a(p, { "data-icon": "inline-end" })];
+				}
+			}), a(i, {
+				get side() {
+					return _.side;
+				},
+				get align() {
+					return _.align;
+				},
+				get sideOffset() {
+					return _.sideOffset;
+				},
+				get class() {
+					return e("w-auto p-0", _.contentClass);
+				},
+				get children() {
+					return a(t, s({
+						mode: "single",
+						get selected() {
+							return C();
+						},
+						onSelect: (e) => {
+							w(e), S(!1);
+						},
+						get defaultMonth() {
+							return C();
+						},
+						get min() {
+							return _.min;
+						},
+						get max() {
+							return _.max;
+						},
+						get showOutsideDays() {
+							return _.showOutsideDays;
+						},
+						get weekStartsOn() {
+							return _.weekStartsOn;
+						},
+						get captionLayout() {
+							return _.captionLayout;
+						},
+						get buttonVariant() {
+							return _.buttonVariant;
+						},
+						get locale() {
+							return _.locale;
+						},
+						get classNames() {
+							return _.classNames;
+						},
+						get class() {
+							return _.calendarClass;
+						}
+					}, v));
+				}
+			})];
+		}
+	});
+}
+//#endregion
+export { g as DatePicker };
+
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/date-picker/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","names":["createMemo","createSignal","mergeProps","splitProps","JSX","ChevronDown","Calendar","Popover","PopoverContent","PopoverTrigger","clsx","DatePickerProps","defaultFormatDate","date","Date","locale","Intl","DateTimeFormat","year","month","day","format","DatePicker","props","Element","merged","placeholder","align","const","side","local","rest","internalValue","setInternalValue","defaultValue","open","setOpen","value","undefined","setValue","onValueChange","localeCode","code","displayText","formatDate","_$createComponent","onOpenChange","children","variant","disabled","data-empty","class","_el$","_tmpl$","_$insert","sideOffset","contentClass","_$mergeProps","mode","selected","onSelect","defaultMonth","min","max","showOutsideDays","weekStartsOn","captionLayout","buttonVariant","classNames","calendarClass"],"sources":["../../../../src/components/date-picker/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  createMemo,\n  createSignal,\n  mergeProps,\n  splitProps,\n  type JSX,\n} from \"solid-js\";\nimport { ChevronDown } from \"lucide-solid\";\nimport { Calendar } from \"~/components/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"~/components/popover\";\nimport { clsx } from \"~/utils\";\nimport type { DatePickerProps } from \"./DatePicker.types\";\n\nfunction defaultFormatDate(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n  }).format(date);\n}\n\n/**\n * Date Picker：shadcn Base UI 版本 Date Picker 的 SolidJS 移植。\n *\n * shadcn 的 Base UI Date Picker 本身不是单个 Root 组件，而是由 Popover + Calendar\n * 组合而成。这里把它封装成一个开箱即用的 <DatePicker>，底层仍使用本仓库的\n * <Popover> 和 <Calendar>；如果你想完全复刻 shadcn 的「组合式」用法，也可以直接\n * 绕过这个封装，自己写 Popover + Calendar。\n */\nexport function DatePicker(props: DatePickerProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      placeholder: \"Pick a date\",\n      align: \"start\" as const,\n      side: \"bottom\" as const,\n    },\n    props,\n  );\n\n  const [local, rest] = splitProps(merged, [\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"placeholder\",\n    \"disabled\",\n    \"min\",\n    \"max\",\n    \"locale\",\n    \"formatDate\",\n    \"showOutsideDays\",\n    \"weekStartsOn\",\n    \"captionLayout\",\n    \"buttonVariant\",\n    \"classNames\",\n    \"side\",\n    \"align\",\n    \"sideOffset\",\n    \"contentClass\",\n    \"calendarClass\",\n    \"class\",\n    \"classList\",\n    \"style\",\n  ]);\n\n  const [internalValue, setInternalValue] = createSignal<Date | undefined>(\n    local.defaultValue,\n  );\n  const [open, setOpen] = createSignal(false);\n  const value = createMemo(() =>\n    local.value !== undefined ? local.value : internalValue(),\n  );\n\n  const setValue = (date: Date | undefined) => {\n    if (local.value === undefined) setInternalValue(date);\n    local.onValueChange?.(date);\n  };\n\n  const localeCode = createMemo(() =>\n    typeof local.locale === \"string\" ? local.locale : local.locale?.code,\n  );\n\n  const displayText = createMemo(() => {\n    const date = value();\n    if (!date) return local.placeholder;\n    return (local.formatDate ?? defaultFormatDate)(date, localeCode());\n  });\n\n  return (\n    <Popover open={open()} onOpenChange={setOpen}>\n      <PopoverTrigger\n        variant=\"outline\"\n        disabled={local.disabled}\n        data-empty={value() === undefined ? \"true\" : undefined}\n        class={clsx(\n          \"w-53 justify-between text-left font-normal\",\n          \"data-[empty=true]:text-muted-foreground\",\n          local.class,\n        )}\n      >\n        <span class=\"truncate\">{displayText()}</span>\n        <ChevronDown data-icon=\"inline-end\" />\n      </PopoverTrigger>\n      <PopoverContent\n        side={local.side}\n        align={local.align}\n        sideOffset={local.sideOffset}\n        class={clsx(\"w-auto p-0\", local.contentClass)}\n      >\n        <Calendar\n          mode=\"single\"\n          selected={value()}\n          onSelect={(date) => {\n            setValue(date as Date | undefined);\n            // 选完日期后关闭浮层，交互上和常见 DatePicker 一致。\n            // shadcn 原始示例由 Popover 自己保持打开，用户可按需改写。\n            setOpen(false);\n          }}\n          defaultMonth={value()}\n          min={local.min}\n          max={local.max}\n          showOutsideDays={local.showOutsideDays}\n          weekStartsOn={local.weekStartsOn}\n          captionLayout={local.captionLayout}\n          buttonVariant={local.buttonVariant}\n          locale={local.locale}\n          classNames={local.classNames}\n          class={local.calendarClass}\n          {...rest}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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"}

package/dist/components/date-picker/DatePicker/DatePicker.types.d.ts

@@ -0,0 +1,32 @@
+import { BaseProps } from '../../../types';
+import { CalendarClassNames, CalendarProps } from '../../calendar';
+import { PopoverSide } from '../../popover';
+export interface DatePickerProps extends BaseProps {
+    /** 受控选中日期；不传则内部自管理（非受控模式） */
+    value?: Date | undefined;
+    /** 非受控模式下的初始选中日期 */
+    defaultValue?: Date | undefined;
+    onValueChange?: (date: Date | undefined) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    min?: Date;
+    max?: Date;
+    /** 传给 Calendar 的 locale */
+    locale?: CalendarProps["locale"];
+    /** 自定义格式化函数；默认用 Intl 输出「2025年4月29日」这类长日期 */
+    formatDate?: (date: Date) => string;
+    showOutsideDays?: boolean;
+    weekStartsOn?: CalendarProps["weekStartsOn"];
+    captionLayout?: CalendarProps["captionLayout"];
+    buttonVariant?: CalendarProps["buttonVariant"];
+    classNames?: Partial<CalendarClassNames>;
+    /** PopoverContent 相对 trigger 的位置，默认 'bottom' */
+    side?: PopoverSide;
+    /** PopoverContent 水平对齐方式，默认 'start' */
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    /** PopoverContent 的 class */
+    contentClass?: string;
+    /** Calendar 根节点的 class */
+    calendarClass?: string;
+}

package/dist/components/date-picker/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps } from './DatePicker.types';

package/dist/components/date-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps } from './DatePicker';