@devslab/dds-solid 0.20.0 → 0.21.0

package/README.ko.md

@@ -25,3 +25,13 @@ DDS가 공개 API와 시각 토큰을 소유한다. 기존 import와 콜백 값
 하나를 두고, 알림 영역 이름이 필요하면 현지화한 `regionLabel`을 주입한다.
 포인터·포커스 상호작용 중과 브라우저 페이지가 비활성일 때는 알림 타이머가
 멈춘다. duration이 0 이하이면 명시적으로 닫을 때까지 유지한다.
+
+## DatePicker
+
+```tsx
+import { DatePicker } from "@devslab/dds-solid";
+const [date, setDate] = createSignal("");
+<DatePicker label="시작 날짜" value={date()} onChange={setDate} />
+```
+
+Ark UI owns focus, selection and keyboard navigation; DDS owns styling. Controlled `value` uses `YYYY-MM-DD` or an empty string. `locale` defaults to `ko-KR`, `timeZone` to `Asia/Seoul`; optional `min`, `max` and `disabled` constrain selection. Time remains a separate field.

package/README.md

@@ -24,3 +24,13 @@ same. See [the migration guide](../../docs/ark-migration.md) for integration det
 `regionLabel` if the notification region needs a name. Toast timers pause during
 pointer/focus interaction and when the browser page is idle. A non-positive duration
 keeps the toast until dismissed.
+
+## DatePicker
+
+```tsx
+import { DatePicker } from "@devslab/dds-solid";
+const [date, setDate] = createSignal("");
+<DatePicker label="시작 날짜" value={date()} onChange={setDate} />
+```
+
+Ark UI owns focus, selection and keyboard navigation; DDS owns styling. Controlled `value` uses `YYYY-MM-DD` or an empty string. `locale` defaults to `ko-KR`, `timeZone` to `Asia/Seoul`; optional `min`, `max` and `disabled` constrain selection. Time remains a separate field.

package/dist/date-picker.d.ts

@@ -0,0 +1,13 @@
+export interface DatePickerProps {
+    label: string;
+    /** ISO calendar date (YYYY-MM-DD), or an empty string. */
+    value: string;
+    onChange: (value: string) => void;
+    locale?: string;
+    timeZone?: string;
+    disabled?: boolean;
+    min?: string;
+    max?: string;
+}
+export declare function DatePicker(props: DatePickerProps): import("solid-js").JSX.Element;
+//# sourceMappingURL=date-picker.d.ts.map

package/dist/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../src/date-picker.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAC,MAAM,CAAC;IACb,0DAA0D;IAC1D,KAAK,EAAC,MAAM,CAAC;IACb,QAAQ,EAAC,CAAC,KAAK,EAAC,MAAM,KAAG,IAAI,CAAC;IAC9B,MAAM,CAAC,EAAC,MAAM,CAAC;IACf,QAAQ,CAAC,EAAC,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,GAAG,CAAC,EAAC,MAAM,CAAC;IACZ,GAAG,CAAC,EAAC,MAAM,CAAC;CACb;AAKD,wBAAgB,UAAU,CAAC,KAAK,EAAC,eAAe,kCA2B/C"}

package/dist/index.d.ts

@@ -9,4 +9,5 @@ export type { StatusTone } from "./status-pill";
 export { Tab, TabList, TabPanel, Tabs, type TabPanelProps, type TabProps, type TabsProps } from "./tabs";
 export { ToastProvider, useToast, type ToastApi, type ToastInput, type ToastProviderProps, type ToastTone } from "./toast";
 export { Tooltip, type TooltipProps, type TooltipTriggerProps } from "./tooltip";
+export { DatePicker, type DatePickerProps } from "./date-picker";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACpF,OAAO,EACL,MAAM,EACN,QAAQ,EACR,KAAK,EACL,UAAU,EACV,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC/J,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzG,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,UAAU,EAAE,KAAK,kBAAkB,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC3H,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,KAAK,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACpF,OAAO,EACL,MAAM,EACN,QAAQ,EACR,KAAK,EACL,UAAU,EACV,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,WAAW,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAC/J,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzG,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,UAAU,EAAE,KAAK,kBAAkB,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAC3H,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAEjF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -9,11 +9,12 @@ import { FocusTrap as I } from "@zag-js/focus-trap";
 import { ariaHidden as L } from "@zag-js/aria-hidden";
 import { RadioGroup as R } from "@ark-ui/solid/radio-group";
 import { directionPolicy as z, icons as B } from "@devslab/dds-icons";
-import { Tabs as V, useTabsContext as H } from "@ark-ui/solid/tabs";
-import { LocaleProvider as U } from "@ark-ui/solid/locale";
-import { Toast as W, Toaster as ee, createToaster as te } from "@ark-ui/solid/toast";
-import { space as ne } from "@devslab/dds-tokens";
-import { Tooltip as G, useTooltip as re } from "@ark-ui/solid/tooltip";
+import { Tabs as V, useTabsContext as ee } from "@ark-ui/solid/tabs";
+import { LocaleProvider as te } from "@ark-ui/solid/locale";
+import { Toast as H, Toaster as ne, createToaster as re } from "@ark-ui/solid/toast";
+import { space as ie } from "@devslab/dds-tokens";
+import { Tooltip as U, useTooltip as ae } from "@ark-ui/solid/tooltip";
+import { DatePicker as W, parseDate as G } from "@ark-ui/solid/date-picker";
 //#region src/controllable.ts
 function K(e) {
 	let [t, n] = a(e.defaultValue), r = () => e.value() ?? t(), i = n;
@@ -27,13 +28,13 @@ function K(e) {
 function q(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function ie(...e) {
+function oe(...e) {
 	return e.filter(Boolean).join(" ") || void 0;
 }
 //#endregion
 //#region src/controls.tsx
-var ae = /*#__PURE__*/ O("<button><!$><!/><!$><!/>"), J = /*#__PURE__*/ O("<span class=dds-spinner aria-hidden=true>"), oe = /*#__PURE__*/ O("<button>"), se = /*#__PURE__*/ O("<span aria-hidden=true> *"), ce = /*#__PURE__*/ O("<span><select>"), Y = /*#__PURE__*/ O("<label><input><span>");
-function le(e) {
+var se = /*#__PURE__*/ O("<button><!$><!/><!$><!/>"), J = /*#__PURE__*/ O("<span class=dds-spinner aria-hidden=true>"), ce = /*#__PURE__*/ O("<button>"), le = /*#__PURE__*/ O("<span aria-hidden=true> *"), ue = /*#__PURE__*/ O("<span><select>"), Y = /*#__PURE__*/ O("<label><input><span>");
+function X(e) {
 	let [t, n] = u(e, [
 		"class",
 		"tone",
@@ -44,7 +45,7 @@ function le(e) {
 		"children"
 	]);
 	return (() => {
-		var e = v(ae), r = e.firstChild, [i, a] = y(r.nextSibling), o = i.nextSibling, [s, c] = y(o.nextSibling);
+		var e = v(se), r = e.firstChild, [i, a] = y(r.nextSibling), o = i.nextSibling, [s, c] = y(o.nextSibling);
 		return D(e, C(n, {
 			get type() {
 				return t.type ?? "button";
@@ -64,7 +65,7 @@ function le(e) {
 		})(), i, a), b(e, () => t.children, s, c), w(), e;
 	})();
 }
-function ue(e) {
+function de(e) {
 	let [t, n] = u(e, [
 		"class",
 		"tone",
@@ -75,7 +76,7 @@ function ue(e) {
 		"children"
 	]);
 	return (() => {
-		var e = v(oe);
+		var e = v(ce);
 		return D(e, C(n, {
 			get type() {
 				return t.type ?? "button";
@@ -95,10 +96,10 @@ function ue(e) {
 		})()), w(), e;
 	})();
 }
-function de(e) {
+function Z(e) {
 	let t = o(), n = () => e.id ?? `dds-field-${t}`, r = () => e.helpText ? `${n()}-help` : void 0, i = () => e.error ? `${n()}-error` : void 0, a = () => ({
 		id: n(),
-		"aria-describedby": ie(r(), i()),
+		"aria-describedby": oe(r(), i()),
 		"aria-invalid": e.error ? "true" : void 0,
 		"aria-required": e.required ? "true" : void 0
 	});
@@ -130,7 +131,7 @@ function de(e) {
 						return n();
 					},
 					get children() {
-						return [S(() => e.label), S(() => S(() => !!e.required)() && v(se))];
+						return [S(() => e.label), S(() => S(() => !!e.required)() && v(le))];
 					}
 				}),
 				S(() => S(() => typeof e.children == "function")() ? e.children(a()) : e.children),
@@ -158,7 +159,7 @@ function fe(e) {
 		"children"
 	]);
 	return (() => {
-		var e = v(ce), r = e.firstChild;
+		var e = v(ue), r = e.firstChild;
 		return D(r, C(n, {
 			class: "dds-select__input",
 			get "aria-invalid"() {
@@ -201,8 +202,8 @@ function pe(e) {
 		}), !1, !1), b(o, () => t.label), _(() => m(e, q(t.role === "switch" ? "dds-switch" : "dds-check", t.class))), w(), e;
 	})();
 }
-var me = (e) => h(X, C(e, { kind: "checkbox" })), he = (e) => h(pe, C(e, { type: "radio" })), ge = (e) => h(X, C(e, { kind: "switch" }));
-function X(e) {
+var me = (e) => h(Q, C(e, { kind: "checkbox" })), he = (e) => h(pe, C(e, { type: "radio" })), ge = (e) => h(Q, C(e, { kind: "switch" }));
+function Q(e) {
 	let t = o(), [n, r] = u(e, [
 		"checked",
 		"defaultChecked",
@@ -253,10 +254,10 @@ function X(e) {
 				return a().checked;
 			},
 			onFocusIn: (e) => {
-				Z(a().getHiddenInputProps().onFocusIn, e), Z(n.onFocusIn, e);
+				$(a().getHiddenInputProps().onFocusIn, e), $(n.onFocusIn, e);
 			},
 			onFocusOut: (e) => {
-				Z(a().getHiddenInputProps().onFocusOut, e), Z(n.onFocusOut, e);
+				$(a().getHiddenInputProps().onFocusOut, e), $(n.onFocusOut, e);
 			},
 			onClick: (e) => {
 				if (typeof n.onClick == "function" ? n.onClick(e) : n.onClick && n.onClick[0](n.onClick[1], e), !e.defaultPrevented) {
@@ -267,7 +268,7 @@ function X(e) {
 		}), !1, !1), D(i, C(() => a().getLabelProps()), !1, !0), b(i, () => n.label), w(), e;
 	})();
 }
-function Z(e, t) {
+function $(e, t) {
 	typeof e == "function" ? e(t) : e && e[0](e[1], t);
 }
 //#endregion
@@ -288,7 +289,7 @@ function Oe(n) {
 		};
 		document.addEventListener("keydown", e), c(() => document.removeEventListener("keydown", e));
 	}), (() => {
-		var a = v(xe), c = a.firstChild, l = c.nextSibling, d = l.firstChild.nextSibling, f = l.nextSibling, p = f.nextSibling, m = p.firstChild, g = m.firstChild, x = g.nextSibling, C = m.nextSibling, [E, D] = y(C.nextSibling), O = E.nextSibling, k = O.nextSibling, [A, j] = y(k.nextSibling), M = p.nextSibling, N = M.firstChild, P = N.firstChild, F = P.firstChild, [I, L] = y(F.nextSibling), R = I.nextSibling, z = P.nextSibling, [B, V] = y(z.nextSibling), H = N.nextSibling, [U, W] = y(H.nextSibling);
+		var a = v(xe), c = a.firstChild, l = c.nextSibling, d = l.firstChild.nextSibling, f = l.nextSibling, p = f.nextSibling, m = p.firstChild, g = m.firstChild, x = g.nextSibling, C = m.nextSibling, [E, D] = y(C.nextSibling), O = E.nextSibling, k = O.nextSibling, [A, j] = y(k.nextSibling), M = p.nextSibling, N = M.firstChild, P = N.firstChild, F = P.firstChild, [I, L] = y(F.nextSibling), R = I.nextSibling, z = P.nextSibling, [B, V] = y(z.nextSibling), ee = N.nextSibling, [te, H] = y(ee.nextSibling);
 		return b(c, () => n.labels.skip), l.$$click = () => i(!r()), b(d, (() => {
 			var e = S(() => !!r());
 			return () => e() ? n.labels.menuClose : n.labels.menuOpen;
@@ -366,7 +367,7 @@ function Oe(n) {
 				var e = v(be);
 				return b(e, () => n.header.actions), e;
 			}
-		}), B, V), b(M, () => n.children, U, W), _((e) => {
+		}), B, V), b(M, () => n.children, te, H), _((e) => {
 			var t = n.surface, i = u() ? "true" : void 0, o = r(), s = r() ? "true" : "false", c = r() ? "true" : "false", d = n.brand.href, h = n.brand.mark, _ = n.labels.nav;
 			return t !== e.e && T(a, "data-surface", e.e = t), i !== e.t && T(a, "data-hydrated", e.t = i), o !== e.a && T(l, "aria-expanded", e.a = o), s !== e.o && T(f, "data-open", e.o = s), c !== e.i && T(p, "data-open", e.i = c), d !== e.n && T(m, "href", e.n = d), h !== e.s && T(g, "src", e.s = h), _ !== e.h && T(O, "aria-label", e.h = _), e;
 		}, {
@@ -646,8 +647,8 @@ function Pe(e) {
 }
 //#endregion
 //#region src/status-pill.tsx
-var Fe = /*#__PURE__*/ O("<code>"), Q = /*#__PURE__*/ O("<span>");
-function Ie(e) {
+var Fe = /*#__PURE__*/ O("<code>"), Ie = /*#__PURE__*/ O("<span>");
+function Le(e) {
 	let n = new Set(e.openDomains ?? []);
 	return function(r) {
 		let i = () => e.tones[r.domain]?.[r.value], a = () => e.label(r.domain, r.value, r.locale), o = () => !!(i() && a()), s = () => {
@@ -674,7 +675,7 @@ function Ie(e) {
 				return (() => {
 					let e = s();
 					return (() => {
-						var t = v(Q);
+						var t = v(Ie);
 						return b(t, () => e.text), _((n) => {
 							var i = e.tone === "neutral" ? "dds-badge" : `dds-badge dds-badge--${e.tone}`, a = `${r.domain}.${r.value}`, o = e.tone;
 							return i !== n.e && m(t, n.e = i), a !== n.t && T(t, "data-status", n.t = a), o !== n.a && T(t, "data-tone", n.a = o), n;
@@ -691,7 +692,7 @@ function Ie(e) {
 }
 //#endregion
 //#region src/direction.ts
-function Le(e, t) {
+function Re(e, t) {
 	let [n, r] = a("ltr");
 	return l(() => {
 		let t = e()?.parentElement;
@@ -708,11 +709,11 @@ function Le(e, t) {
 }
 //#endregion
 //#region src/tabs.tsx
-function Re(e) {
-	let t = o(), n = () => e.id ?? `dds-tabs-${t}`, r, i = Le(() => r, () => e.dir), a = e.asChild ? (t) => e.asChild(s(t({}), { ref: (e) => {
+function ze(e) {
+	let t = o(), n = () => e.id ?? `dds-tabs-${t}`, r, i = Re(() => r, () => e.dir), a = e.asChild ? (t) => e.asChild(s(t({}), { ref: (e) => {
 		r = e;
 	} })) : void 0;
-	return h(U, {
+	return h(te, {
 		get locale() {
 			return i() === "rtl" ? "ar" : "en";
 		},
@@ -755,7 +756,7 @@ function Re(e) {
 		}
 	});
 }
-function ze(e) {
+function Be(e) {
 	let [t, n] = u(e, [
 		"class",
 		"children",
@@ -770,7 +771,7 @@ function ze(e) {
 		}
 	}));
 }
-function Be(e) {
+function Ve(e) {
 	let [t, n] = u(e, [
 		"class",
 		"children",
@@ -789,12 +790,12 @@ function Be(e) {
 		return t.children;
 	} }));
 }
-function Ve(e) {
+function He(e) {
 	let [t, n] = u(e, [
 		"value",
 		"children",
 		"style"
-	]), r = H(), i = () => r().value !== t.value, a = () => i() ? typeof t.style == "string" ? `${t.style.replace(/;+\s*$/, "")};display:none;` : {
+	]), r = ee(), i = () => r().value !== t.value, a = () => i() ? typeof t.style == "string" ? `${t.style.replace(/;+\s*$/, "")};display:none;` : {
 		...t.style,
 		display: "none"
 	} : t.style;
@@ -818,16 +819,16 @@ function Ve(e) {
 }
 //#endregion
 //#region src/toast.tsx
-var $ = n();
-function He(e) {
+var Ue = n();
+function We(e) {
 	let t = o(), n, r, i = () => r ??= new Proxy(n?.ownerDocument ?? document, { get(e, t) {
 		if (t === "getElementById") return (t) => t === "toast-group:bottom-end" ? n ?? null : e.getElementById(t);
 		let r = Reflect.get(e, t, e);
 		return typeof r == "function" ? r.bind(e) : r;
-	} }), a = te({
+	} }), a = re({
 		placement: "bottom-end",
 		overlap: !1,
-		gap: ne[8],
+		gap: ie[8],
 		offsets: "var(--dds-space-16)",
 		removeDelay: 0,
 		hotkey: ["DDS_NO_HOTKEY"],
@@ -850,10 +851,10 @@ function He(e) {
 		dismiss: (e) => a.remove(e),
 		clear: () => a.remove()
 	};
-	return c(l.clear), h($.Provider, {
+	return c(l.clear), h(Ue.Provider, {
 		value: l,
 		get children() {
-			return [S(() => e.children), h(ee, {
+			return [S(() => e.children), h(ne, {
 				toaster: a,
 				ref(e) {
 					var t = n;
@@ -872,7 +873,7 @@ function He(e) {
 				},
 				children: (t) => {
 					let n = () => t().meta?.dds;
-					return h(W.Root, {
+					return h(H.Root, {
 						get class() {
 							return q("dds-toast", `dds-toast--${n().tone ?? "info"}`);
 						},
@@ -880,9 +881,9 @@ function He(e) {
 							return n().tone === "danger" ? "alert" : "status";
 						},
 						get children() {
-							return [h(W.Description, { get children() {
+							return [h(H.Description, { get children() {
 								return t().description;
-							} }), S(() => S(() => !!e.dismissLabel)() && h(W.CloseTrigger, {
+							} }), S(() => S(() => !!e.dismissLabel)() && h(H.CloseTrigger, {
 								class: "dds-iconbtn dds-iconbtn--sm",
 								get "aria-label"() {
 									return S(() => typeof e.dismissLabel == "function")() ? e.dismissLabel(n()) : e.dismissLabel;
@@ -896,20 +897,20 @@ function He(e) {
 		}
 	});
 }
-function Ue() {
-	let e = d($);
+function Ge() {
+	let e = d(Ue);
 	if (!e) throw Error("useToast must be called inside <ToastProvider>");
 	return e;
 }
 //#endregion
 //#region src/tooltip.tsx
-var We = /*#__PURE__*/ O("<span><!$><!/><!$><!/>");
-function Ge(e) {
+var Ke = /*#__PURE__*/ O("<span><!$><!/><!$><!/>");
+function qe(e) {
 	let t = o(), n = () => e.id ?? `dds-tooltip-${t}`, [r, i] = K({
 		value: () => e.open,
 		defaultValue: e.defaultOpen ?? !1,
 		onChange: (t) => e.onOpenChange?.(t)
-	}), a = re(() => ({
+	}), a = ae(() => ({
 		id: n(),
 		ids: { content: n() },
 		open: r(),
@@ -917,13 +918,13 @@ function Ge(e) {
 		openDelay: 0,
 		closeDelay: 0
 	}));
-	return h(G.RootProvider, {
+	return h(U.RootProvider, {
 		value: a,
 		lazyMount: !1,
 		unmountOnExit: !1,
 		get children() {
-			var t = v(We), r = t.firstChild, [i, o] = y(r.nextSibling), s = i.nextSibling, [c, l] = y(s.nextSibling);
-			return b(t, h(G.Trigger, { asChild: (t) => {
+			var t = v(Ke), r = t.firstChild, [i, o] = y(r.nextSibling), s = i.nextSibling, [c, l] = y(s.nextSibling);
+			return b(t, h(U.Trigger, { asChild: (t) => {
 				let [, r] = u(t(), ["onFocusIn", "onFocusOut"]);
 				return e.children({
 					...r,
@@ -933,8 +934,8 @@ function Ge(e) {
 					onPointerEnter: () => a().setOpen(!0),
 					onPointerLeave: () => a().setOpen(!1)
 				});
-			} }), i, o), b(t, h(G.Positioner, { get children() {
-				return h(G.Content, {
+			} }), i, o), b(t, h(U.Positioner, { get children() {
+				return h(U.Content, {
 					class: "dds-tooltip__bubble",
 					get children() {
 						return e.content;
@@ -945,6 +946,169 @@ function Ge(e) {
 	});
 }
 //#endregion
-export { le as Button, me as Checkbox, Oe as ConsoleShell, Ae as Dialog, de as Field, Pe as Icon, ue as IconButton, he as Radio, je as RadioGroup, fe as Select, ge as Switch, Be as Tab, ze as TabList, Ve as TabPanel, Re as Tabs, He as ToastProvider, Ge as Tooltip, K as createControllableSignal, Ie as createStatusPill, Ue as useToast };
+//#region src/date-picker.tsx
+var Je = /*#__PURE__*/ O("<svg width=20 height=20 viewBox=\"0 0 24 24\"fill=none stroke=currentColor stroke-width=1.5 aria-hidden=true><rect x=3.5 y=5.5 width=17 height=15 rx=2></rect><path d=\"M7.5 3v5M16.5 3v5M3.5 10.5h17\">"), Ye = /*#__PURE__*/ O("<svg width=18 height=18 viewBox=\"0 0 24 24\"fill=none stroke=currentColor stroke-width=1.5 aria-hidden=true><path>"), Xe = /*#__PURE__*/ O("<div class=dds-date-picker-footer><!$><!/><!$><!/>");
+function Ze() {
+	return v(Je);
+}
+function Qe(e) {
+	return (() => {
+		var t = v(Ye), n = t.firstChild;
+		return _(() => T(n, "d", e.next ? "m9 5 7 7-7 7" : "m15 5-7 7 7 7")), t;
+	})();
+}
+function $e(t) {
+	return h(Z, {
+		get label() {
+			return t.label;
+		},
+		children: (n) => h(W.Root, {
+			get locale() {
+				return t.locale ?? "ko-KR";
+			},
+			get timeZone() {
+				return t.timeZone ?? "Asia/Seoul";
+			},
+			get disabled() {
+				return t.disabled;
+			},
+			get min() {
+				return S(() => !!t.min)() ? G(t.min) : void 0;
+			},
+			get max() {
+				return S(() => !!t.max)() ? G(t.max) : void 0;
+			},
+			startOfWeek: 0,
+			minView: "day",
+			maxView: "day",
+			fixedWeeks: !0,
+			translations: {
+				dayCell: (e) => `${e.valueText} 선택`,
+				clearTrigger: "선택 날짜 지우기"
+			},
+			get value() {
+				return S(() => !!t.value)() ? [G(t.value)] : [];
+			},
+			format: (e) => e.toString(),
+			onValueChange: (e) => t.onChange(e.valueAsString[0] || ""),
+			positioning: {
+				placement: "bottom-start",
+				gutter: 8
+			},
+			get children() {
+				return [h(W.Control, {
+					class: "dds-date-picker-control",
+					get children() {
+						return [h(W.Input, C(n, {
+							placeholder: "YYYY-MM-DD",
+							autocomplete: "off"
+						})), h(W.Trigger, {
+							class: "dds-btn dds-btn--secondary",
+							get "aria-label"() {
+								return `${t.label} 달력 열기`;
+							},
+							get children() {
+								return h(Ze, {});
+							}
+						})];
+					}
+				}), h(p, { get children() {
+					return h(W.Positioner, {
+						class: "dds-date-picker-positioner",
+						get children() {
+							return h(W.Content, {
+								class: "dds-date-picker-content",
+								get "aria-label"() {
+									return `${t.label} 날짜 선택`;
+								},
+								get children() {
+									return h(W.View, {
+										view: "day",
+										get children() {
+											return h(W.Context, { children: (t) => [
+												h(W.ViewControl, {
+													class: "dds-date-picker-header",
+													get children() {
+														return [
+															h(W.PrevTrigger, {
+																class: "dds-btn dds-btn--secondary",
+																"aria-label": "이전 달",
+																get children() {
+																	return h(Qe, {});
+																}
+															}),
+															h(W.RangeText, {}),
+															h(W.NextTrigger, {
+																class: "dds-btn dds-btn--secondary",
+																"aria-label": "다음 달",
+																get children() {
+																	return h(Qe, { next: !0 });
+																}
+															})
+														];
+													}
+												}),
+												h(W.Table, {
+													class: "dds-date-picker-table",
+													get children() {
+														return [h(W.TableHead, { get children() {
+															return h(W.TableRow, { get children() {
+																return h(e, {
+																	get each() {
+																		return t().weekDays;
+																	},
+																	children: (e) => h(W.TableHeader, { get children() {
+																		return e.short;
+																	} })
+																});
+															} });
+														} }), h(W.TableBody, { get children() {
+															return h(e, {
+																get each() {
+																	return t().weeks;
+																},
+																children: (t) => h(W.TableRow, { get children() {
+																	return h(e, {
+																		each: t,
+																		children: (e) => h(W.TableCell, {
+																			value: e,
+																			get children() {
+																				return h(W.TableCellTrigger, { get children() {
+																					return e.day;
+																				} });
+																			}
+																		})
+																	});
+																} })
+															});
+														} })];
+													}
+												}),
+												(() => {
+													var e = v(Xe), n = e.firstChild, [r, i] = y(n.nextSibling), a = r.nextSibling, [o, s] = y(a.nextSibling);
+													return b(e, h(X, {
+														type: "button",
+														tone: "secondary",
+														onClick: () => t().selectToday(),
+														children: "오늘"
+													}), r, i), b(e, h(W.ClearTrigger, {
+														class: "dds-btn dds-btn--secondary",
+														children: "지우기"
+													}), o, s), e;
+												})()
+											] });
+										}
+									});
+								}
+							});
+						}
+					});
+				} })];
+			}
+		})
+	});
+}
+//#endregion
+export { X as Button, me as Checkbox, Oe as ConsoleShell, $e as DatePicker, Ae as Dialog, Z as Field, Pe as Icon, de as IconButton, he as Radio, je as RadioGroup, fe as Select, ge as Switch, Ve as Tab, Be as TabList, He as TabPanel, ze as Tabs, We as ToastProvider, qe as Tooltip, K as createControllableSignal, Le as createStatusPill, Ge as useToast };
 
 //# sourceMappingURL=index.js.map