@nuka-ui/core 1.0.2 → 1.1.0

package/dist/components/DatePicker/DatePicker.hooks.js

@@ -0,0 +1,141 @@
+import { clampDate as e, monthHasSelectableDays as t } from "./DatePicker.utils.js";
+import * as n from "react";
+//#region src/components/DatePicker/DatePicker.hooks.ts
+function r(r) {
+	let [i, a] = n.useState(r.focusedDate.getFullYear()), [o, s] = n.useState(r.focusedDate.getMonth());
+	n.useEffect(() => {
+		r.open && (a(r.focusedDate.getFullYear()), s(r.focusedDate.getMonth()));
+	}, [r.open, r.focusedDate]);
+	let c = n.useMemo(() => {
+		let e = o - 1;
+		return t(e < 0 ? i - 1 : i, (e % 12 + 12) % 12, r.min, r.max);
+	}, [
+		i,
+		o,
+		r.min,
+		r.max
+	]), l = n.useMemo(() => {
+		let e = o + 1;
+		return t(e > 11 ? i + 1 : i, e % 12, r.min, r.max);
+	}, [
+		i,
+		o,
+		r.min,
+		r.max
+	]);
+	return {
+		displayedYear: i,
+		setDisplayedYear: a,
+		displayedMonth: o,
+		setDisplayedMonth: s,
+		canGoPrev: c,
+		canGoNext: l,
+		goToPrevMonth: n.useCallback(() => {
+			if (!c) return;
+			let t = new Date(i, o - 1, 1);
+			a(t.getFullYear()), s(t.getMonth());
+			let n = new Date(t.getFullYear(), t.getMonth(), Math.min(r.focusedDate.getDate(), new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate()));
+			r.setFocusedDate(e(n, r.min, r.max));
+		}, [
+			c,
+			i,
+			o,
+			r
+		]),
+		goToNextMonth: n.useCallback(() => {
+			if (!l) return;
+			let t = new Date(i, o + 1, 1);
+			a(t.getFullYear()), s(t.getMonth());
+			let n = new Date(t.getFullYear(), t.getMonth(), Math.min(r.focusedDate.getDate(), new Date(t.getFullYear(), t.getMonth() + 1, 0).getDate()));
+			r.setFocusedDate(e(n, r.min, r.max));
+		}, [
+			l,
+			i,
+			o,
+			r
+		])
+	};
+}
+function i(e, t, r) {
+	let i = n.useRef(null), a = n.useRef(!0);
+	return n.useEffect(() => {
+		if (!e.open) {
+			a.current = !0;
+			return;
+		}
+		i.current && (a.current ? (a.current = !1, e.focusCalendarOnOpen.current && requestAnimationFrame(() => {
+			i.current?.focus();
+		})) : requestAnimationFrame(() => {
+			i.current?.focus();
+		}));
+	}, [
+		e.open,
+		e.focusedDate,
+		e.focusCalendarOnOpen,
+		t,
+		r
+	]), { focusedDayRef: i };
+}
+function a(e, t, r) {
+	return { handleKeyDown: n.useCallback((n) => {
+		let i = e.focusedDate, a = !0;
+		switch (n.key) {
+			case "ArrowLeft":
+				t(new Date(i.getFullYear(), i.getMonth(), i.getDate() - 1), (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate() - 1));
+				break;
+			case "ArrowRight":
+				t(new Date(i.getFullYear(), i.getMonth(), i.getDate() + 1), (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate() + 1));
+				break;
+			case "ArrowUp":
+				t(new Date(i.getFullYear(), i.getMonth(), i.getDate() - 7), (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate() - 7));
+				break;
+			case "ArrowDown":
+				t(new Date(i.getFullYear(), i.getMonth(), i.getDate() + 7), (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate() + 7));
+				break;
+			case "PageUp": {
+				let e = new Date(i.getFullYear(), i.getMonth() - 1, 1), n = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
+				t(new Date(e.getFullYear(), e.getMonth(), Math.min(i.getDate(), n)), (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate() - 1));
+				break;
+			}
+			case "PageDown": {
+				let e = new Date(i.getFullYear(), i.getMonth() + 1, 1), n = new Date(e.getFullYear(), e.getMonth() + 1, 0).getDate();
+				t(new Date(e.getFullYear(), e.getMonth(), Math.min(i.getDate(), n)), (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate() + 1));
+				break;
+			}
+			case "Home": {
+				let e = (i.getDay() + 6) % 7;
+				t(new Date(i.getFullYear(), i.getMonth(), i.getDate() - e), (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate() + 1));
+				break;
+			}
+			case "End": {
+				let e = (7 - i.getDay()) % 7;
+				t(new Date(i.getFullYear(), i.getMonth(), i.getDate() + e), (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate() - 1));
+				break;
+			}
+			case "Enter":
+			case " ":
+				n.preventDefault(), r(i);
+				break;
+			case "Escape":
+				e.onOpenChange(!1), requestAnimationFrame(() => {
+					e.triggerButtonRef.current?.focus();
+				});
+				break;
+			case "Tab":
+				n.preventDefault(), e.onOpenChange(!1), requestAnimationFrame(() => {
+					e.triggerButtonRef.current?.focus();
+				});
+				break;
+			default: a = !1;
+		}
+		a && n.preventDefault();
+	}, [
+		e,
+		t,
+		r
+	]) };
+}
+//#endregion
+export { i as useCalendarFocus, a as useCalendarKeyboard, r as useCalendarNavigation };
+
+//# sourceMappingURL=DatePicker.hooks.js.map

package/dist/components/DatePicker/DatePicker.hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.hooks.js","names":[],"sources":["../../../src/components/DatePicker/DatePicker.hooks.ts"],"sourcesContent":["// Exceeds 200 lines: three tightly related calendar hooks in one file by design.\n// useCalendarKeyboard accounts for ~165 lines due to the full ARIA grid keyboard\n// contract (12 key cases). Splitting into separate files would scatter one concern.\nimport * as React from \"react\";\nimport type { DatePickerContextValue } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport {\n  clampDate,\n  monthHasSelectableDays,\n} from \"@nuka/components/DatePicker/DatePicker.utils\";\n\nexport function useCalendarNavigation(ctx: DatePickerContextValue) {\n  const [displayedYear, setDisplayedYear] = React.useState(\n    ctx.focusedDate.getFullYear(),\n  );\n  const [displayedMonth, setDisplayedMonth] = React.useState(\n    ctx.focusedDate.getMonth(),\n  );\n\n  React.useEffect(() => {\n    if (ctx.open) {\n      setDisplayedYear(ctx.focusedDate.getFullYear());\n      setDisplayedMonth(ctx.focusedDate.getMonth());\n    }\n  }, [ctx.open, ctx.focusedDate]);\n\n  const canGoPrev = React.useMemo(() => {\n    const prevMonth = displayedMonth - 1;\n    const prevYear = prevMonth < 0 ? displayedYear - 1 : displayedYear;\n    const normalizedMonth = ((prevMonth % 12) + 12) % 12;\n    return monthHasSelectableDays(prevYear, normalizedMonth, ctx.min, ctx.max);\n  }, [displayedYear, displayedMonth, ctx.min, ctx.max]);\n\n  const canGoNext = React.useMemo(() => {\n    const nextMonth = displayedMonth + 1;\n    const nextYear = nextMonth > 11 ? displayedYear + 1 : displayedYear;\n    const normalizedMonth = nextMonth % 12;\n    return monthHasSelectableDays(nextYear, normalizedMonth, ctx.min, ctx.max);\n  }, [displayedYear, displayedMonth, ctx.min, ctx.max]);\n\n  const goToPrevMonth = React.useCallback(() => {\n    if (!canGoPrev) return;\n    const d = new Date(displayedYear, displayedMonth - 1, 1);\n    setDisplayedYear(d.getFullYear());\n    setDisplayedMonth(d.getMonth());\n    const newFocused = new Date(\n      d.getFullYear(),\n      d.getMonth(),\n      Math.min(\n        ctx.focusedDate.getDate(),\n        new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate(),\n      ),\n    );\n    ctx.setFocusedDate(clampDate(newFocused, ctx.min, ctx.max));\n  }, [canGoPrev, displayedYear, displayedMonth, ctx]);\n\n  const goToNextMonth = React.useCallback(() => {\n    if (!canGoNext) return;\n    const d = new Date(displayedYear, displayedMonth + 1, 1);\n    setDisplayedYear(d.getFullYear());\n    setDisplayedMonth(d.getMonth());\n    const newFocused = new Date(\n      d.getFullYear(),\n      d.getMonth(),\n      Math.min(\n        ctx.focusedDate.getDate(),\n        new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate(),\n      ),\n    );\n    ctx.setFocusedDate(clampDate(newFocused, ctx.min, ctx.max));\n  }, [canGoNext, displayedYear, displayedMonth, ctx]);\n\n  return {\n    displayedYear,\n    setDisplayedYear,\n    displayedMonth,\n    setDisplayedMonth,\n    canGoPrev,\n    canGoNext,\n    goToPrevMonth,\n    goToNextMonth,\n  };\n}\n\nexport function useCalendarFocus(\n  ctx: DatePickerContextValue,\n  displayedYear: number,\n  displayedMonth: number,\n) {\n  const focusedDayRef = React.useRef<HTMLButtonElement>(null);\n  const isFirstRenderRef = React.useRef(true);\n\n  React.useEffect(() => {\n    if (!ctx.open) {\n      isFirstRenderRef.current = true;\n      return;\n    }\n\n    if (focusedDayRef.current) {\n      if (isFirstRenderRef.current) {\n        isFirstRenderRef.current = false;\n        if (ctx.focusCalendarOnOpen.current) {\n          requestAnimationFrame(() => {\n            focusedDayRef.current?.focus();\n          });\n        }\n      } else {\n        requestAnimationFrame(() => {\n          focusedDayRef.current?.focus();\n        });\n      }\n    }\n  }, [\n    ctx.open,\n    ctx.focusedDate,\n    ctx.focusCalendarOnOpen,\n    displayedYear,\n    displayedMonth,\n  ]);\n\n  return { focusedDayRef };\n}\n\nexport function useCalendarKeyboard(\n  ctx: DatePickerContextValue,\n  navigateToDate: (candidate: Date, stepFn: (d: Date) => Date) => void,\n  selectDay: (date: Date) => void,\n) {\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      const focused = ctx.focusedDate;\n      let handled = true;\n\n      switch (e.key) {\n        case \"ArrowLeft\": {\n          const candidate = new Date(\n            focused.getFullYear(),\n            focused.getMonth(),\n            focused.getDate() - 1,\n          );\n          navigateToDate(\n            candidate,\n            (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate() - 1),\n          );\n          break;\n        }\n        case \"ArrowRight\": {\n          const candidate = new Date(\n            focused.getFullYear(),\n            focused.getMonth(),\n            focused.getDate() + 1,\n          );\n          navigateToDate(\n            candidate,\n            (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate() + 1),\n          );\n          break;\n        }\n        case \"ArrowUp\": {\n          const candidate = new Date(\n            focused.getFullYear(),\n            focused.getMonth(),\n            focused.getDate() - 7,\n          );\n          navigateToDate(\n            candidate,\n            (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate() - 7),\n          );\n          break;\n        }\n        case \"ArrowDown\": {\n          const candidate = new Date(\n            focused.getFullYear(),\n            focused.getMonth(),\n            focused.getDate() + 7,\n          );\n          navigateToDate(\n            candidate,\n            (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate() + 7),\n          );\n          break;\n        }\n        case \"PageUp\": {\n          const prevMonthDate = new Date(\n            focused.getFullYear(),\n            focused.getMonth() - 1,\n            1,\n          );\n          const maxDayInPrev = new Date(\n            prevMonthDate.getFullYear(),\n            prevMonthDate.getMonth() + 1,\n            0,\n          ).getDate();\n          const candidate = new Date(\n            prevMonthDate.getFullYear(),\n            prevMonthDate.getMonth(),\n            Math.min(focused.getDate(), maxDayInPrev),\n          );\n          navigateToDate(\n            candidate,\n            (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate() - 1),\n          );\n          break;\n        }\n        case \"PageDown\": {\n          const nextMonthDate = new Date(\n            focused.getFullYear(),\n            focused.getMonth() + 1,\n            1,\n          );\n          const maxDayInNext = new Date(\n            nextMonthDate.getFullYear(),\n            nextMonthDate.getMonth() + 1,\n            0,\n          ).getDate();\n          const candidate = new Date(\n            nextMonthDate.getFullYear(),\n            nextMonthDate.getMonth(),\n            Math.min(focused.getDate(), maxDayInNext),\n          );\n          navigateToDate(\n            candidate,\n            (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate() + 1),\n          );\n          break;\n        }\n        case \"Home\": {\n          const dayOfWeek = focused.getDay();\n          const mondayOffset = (dayOfWeek + 6) % 7;\n          const candidate = new Date(\n            focused.getFullYear(),\n            focused.getMonth(),\n            focused.getDate() - mondayOffset,\n          );\n          navigateToDate(\n            candidate,\n            (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate() + 1),\n          );\n          break;\n        }\n        case \"End\": {\n          const dayOfWeek = focused.getDay();\n          const sundayOffset = (7 - dayOfWeek) % 7;\n          const candidate = new Date(\n            focused.getFullYear(),\n            focused.getMonth(),\n            focused.getDate() + sundayOffset,\n          );\n          navigateToDate(\n            candidate,\n            (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate() - 1),\n          );\n          break;\n        }\n        case \"Enter\":\n        case \" \": {\n          e.preventDefault();\n          selectDay(focused);\n          break;\n        }\n        case \"Escape\": {\n          ctx.onOpenChange(false);\n          requestAnimationFrame(() => {\n            ctx.triggerButtonRef.current?.focus();\n          });\n          break;\n        }\n        case \"Tab\": {\n          e.preventDefault();\n          ctx.onOpenChange(false);\n          requestAnimationFrame(() => {\n            ctx.triggerButtonRef.current?.focus();\n          });\n          break;\n        }\n        default:\n          handled = false;\n      }\n\n      if (handled) {\n        e.preventDefault();\n      }\n    },\n    [ctx, navigateToDate, selectDay],\n  );\n\n  return { handleKeyDown };\n}\n"],"mappings":"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"}

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,89 @@
+"use client";
+import { useControllableState as e } from "../../hooks/use-controllable-state.js";
+import { autoUpdate as t } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { flip as n, offset as r, shift as i } from "../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+import { useDismiss as a, useFloating as o, useInteractions as s, useRole as c } from "../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
+import { DatePickerContext as l } from "./DatePicker.context.js";
+import { clampDate as u, defaultFormatDate as d, defaultParseDate as f } from "./DatePicker.utils.js";
+import "./DatePickerInput.js";
+import "./DatePickerCalendar.js";
+import * as p from "react";
+import { jsx as m } from "react/jsx-runtime";
+//#region src/components/DatePicker/DatePicker.tsx
+function h({ children: h, value: g, defaultValue: _, onValueChange: v, disabled: y = !1, min: b, max: x, formatDate: S, parseDate: C, locale: w }) {
+	let T = S ?? d, E = C ?? f, [D, O] = e(g, _, v), [k, A] = p.useState(!1), j = p.useMemo(() => {
+		let e = /* @__PURE__ */ new Date();
+		return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+	}, []), M = p.useMemo(() => D === void 0 ? u(j, b, x) : D, [
+		D,
+		j,
+		b,
+		x
+	]), [N, P] = p.useState(M), F = p.useCallback((e) => {
+		A(e), e && P(D ?? u(j, b, x));
+	}, [
+		D,
+		j,
+		b,
+		x
+	]), { refs: I, floatingStyles: L, context: R } = o({
+		open: k,
+		onOpenChange: F,
+		placement: "bottom-start",
+		middleware: [
+			r(8),
+			n(),
+			i({ padding: 8 })
+		],
+		whileElementsMounted: t
+	}), { getReferenceProps: z, getFloatingProps: B } = s([a(R), c(R, { role: "dialog" })]), V = p.useId(), H = p.useRef(null), U = p.useRef(!1);
+	return /* @__PURE__ */ m(l, {
+		value: p.useMemo(() => ({
+			open: k,
+			onOpenChange: F,
+			selectedDate: D,
+			onSelectedDateChange: O,
+			focusedDate: N,
+			setFocusedDate: P,
+			disabled: y,
+			min: b,
+			max: x,
+			refs: I,
+			floatingStyles: L,
+			getReferenceProps: z,
+			getFloatingProps: B,
+			baseId: V,
+			triggerButtonRef: H,
+			focusCalendarOnOpen: U,
+			formatDate: T,
+			parseDate: E,
+			locale: w
+		}), [
+			k,
+			F,
+			D,
+			O,
+			N,
+			P,
+			y,
+			b,
+			x,
+			I,
+			L,
+			z,
+			B,
+			V,
+			H,
+			U,
+			T,
+			E,
+			w
+		]),
+		children: h
+	});
+}
+h.displayName = "DatePicker";
+//#endregion
+export { h as DatePicker };
+
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","names":[],"sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { DatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport type { DatePickerContextValue } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport {\n  defaultFormatDate,\n  defaultParseDate,\n  clampDate,\n} from \"@nuka/components/DatePicker/DatePicker.utils\";\n\nexport interface DatePickerProps {\n  children: React.ReactNode;\n  value?: Date | undefined;\n  defaultValue?: Date | undefined;\n  onValueChange?: (date: Date | undefined) => void;\n  disabled?: boolean | undefined;\n  min?: Date | undefined;\n  max?: Date | undefined;\n  formatDate?: ((date: Date) => string) | undefined;\n  parseDate?: ((input: string) => Date | null) | undefined;\n  locale?: string | undefined;\n}\n\nfunction DatePicker({\n  children,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  disabled = false,\n  min,\n  max,\n  formatDate,\n  parseDate,\n  locale,\n}: DatePickerProps) {\n  const effectiveFormatDate = formatDate ?? defaultFormatDate;\n  const effectiveParseDate = parseDate ?? defaultParseDate;\n  const [selectedDate, setSelectedDate] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onValueChange,\n  );\n\n  const [open, setOpen] = React.useState(false);\n\n  const today = React.useMemo(() => {\n    const now = new Date();\n    return new Date(now.getFullYear(), now.getMonth(), now.getDate());\n  }, []);\n\n  const initialFocusDate = React.useMemo(() => {\n    if (selectedDate !== undefined) return selectedDate;\n    return clampDate(today, min, max);\n  }, [selectedDate, today, min, max]);\n\n  const [focusedDate, setFocusedDate] = React.useState(initialFocusDate);\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen);\n      if (nextOpen) {\n        const target = selectedDate ?? clampDate(today, min, max);\n        setFocusedDate(target);\n      }\n    },\n    [selectedDate, today, min, max],\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [offset(8), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"dialog\" });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    dismiss,\n    role,\n  ]);\n\n  const baseId = React.useId();\n  const triggerButtonRef = React.useRef<HTMLButtonElement>(null);\n  const focusCalendarOnOpen = React.useRef(false);\n\n  const contextValue: DatePickerContextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: handleOpenChange,\n      selectedDate,\n      onSelectedDateChange: setSelectedDate,\n      focusedDate,\n      setFocusedDate,\n      disabled,\n      min,\n      max,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n      baseId,\n      triggerButtonRef,\n      focusCalendarOnOpen,\n      formatDate: effectiveFormatDate,\n      parseDate: effectiveParseDate,\n      locale,\n    }),\n    [\n      open,\n      handleOpenChange,\n      selectedDate,\n      setSelectedDate,\n      focusedDate,\n      setFocusedDate,\n      disabled,\n      min,\n      max,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n      baseId,\n      triggerButtonRef,\n      focusCalendarOnOpen,\n      effectiveFormatDate,\n      effectiveParseDate,\n      locale,\n    ],\n  );\n\n  return <DatePickerContext value={contextValue}>{children}</DatePickerContext>;\n}\n\nDatePicker.displayName = \"DatePicker\";\n\nexport { DatePicker };\nexport {\n  DatePickerInput,\n  type DatePickerInputProps,\n} from \"@nuka/components/DatePicker/DatePickerInput\";\nexport {\n  DatePickerCalendar,\n  type DatePickerCalendarProps,\n} from \"@nuka/components/DatePicker/DatePickerCalendar\";\n"],"mappings":";;;;;;;;;;;;AAkCA,SAAS,EAAW,EAClB,aACA,OAAO,GACP,iBACA,kBACA,cAAW,IACX,QACA,QACA,eACA,cACA,aACkB;CAClB,IAAM,IAAsB,KAAc,GACpC,IAAqB,KAAa,GAClC,CAAC,GAAc,KAAmB,EACtC,GACA,GACA,EACD,EAEK,CAAC,GAAM,KAAW,EAAM,SAAS,GAAM,EAEvC,IAAQ,EAAM,cAAc;EAChC,IAAM,oBAAM,IAAI,MAAM;AACtB,SAAO,IAAI,KAAK,EAAI,aAAa,EAAE,EAAI,UAAU,EAAE,EAAI,SAAS,CAAC;IAChE,EAAE,CAAC,EAEA,IAAmB,EAAM,cACzB,MAAiB,KAAA,IACd,EAAU,GAAO,GAAK,EAAI,GADM,GAEtC;EAAC;EAAc;EAAO;EAAK;EAAI,CAAC,EAE7B,CAAC,GAAa,KAAkB,EAAM,SAAS,EAAiB,EAEhE,IAAmB,EAAM,aAC5B,MAAsB;AAErB,EADA,EAAQ,EAAS,EACb,KAEF,EADe,KAAgB,EAAU,GAAO,GAAK,EAAI,CACnC;IAG1B;EAAC;EAAc;EAAO;EAAK;EAAI,CAChC,EAEK,EAAE,SAAM,mBAAgB,eAAY,EAAY;EACpD;EACA,cAAc;EACd,WAAW;EACX,YAAY;GAAC,EAAO,EAAE;GAAE,GAAM;GAAE,EAAM,EAAE,SAAS,GAAG,CAAC;GAAC;EACtD,sBAAsB;EACvB,CAAC,EAKI,EAAE,sBAAmB,wBAAqB,EAAgB,CAHhD,EAAW,EAAQ,EACtB,EAAQ,GAAS,EAAE,MAAM,UAAU,CAAC,CAKhD,CAAC,EAEI,IAAS,EAAM,OAAO,EACtB,IAAmB,EAAM,OAA0B,KAAK,EACxD,IAAsB,EAAM,OAAO,GAAM;AA+C/C,QAAO,kBAAC,GAAD;EAAmB,OA7CmB,EAAM,eAC1C;GACL;GACA,cAAc;GACd;GACA,sBAAsB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,YAAY;GACZ,WAAW;GACX;GACD,GACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAE+C;EAA6B,CAAA;;AAG/E,EAAW,cAAc"}

package/dist/components/DatePicker/DatePicker.utils.cjs

@@ -0,0 +1,2 @@
+function e(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function t(e,t,n){let r=new Date(e.getFullYear(),e.getMonth(),e.getDate());return t!==void 0&&r<new Date(t.getFullYear(),t.getMonth(),t.getDate())||n!==void 0&&r>new Date(n.getFullYear(),n.getMonth(),n.getDate())}function n(e){let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,`0`),r=String(e.getDate()).padStart(2,`0`);return`${String(t)}-${n}-${r}`}function r(e){let t=/^(\d{4})-(\d{2})-(\d{2})$/.exec(e);if(!t)return null;let n=Number(t[1]),r=Number(t[2]),i=Number(t[3]);if(r<1||r>12)return null;let a=new Date(n,r,0).getDate();return i<1||i>a?null:new Date(n,r-1,i)}function i(e,t){let n=(new Date(e,t,1).getDay()+6)%7,r=new Date(e,t+1,0).getDate(),i=[];for(let e=0;e<n;e++)i.push(null);for(let e=1;e<=r;e++)i.push(e);for(;i.length%7!=0;)i.push(null);let a=[];for(let e=0;e<i.length;e+=7)a.push(i.slice(e,e+7));return a}function a(e,t,n){return t!==void 0&&e<t?new Date(t.getFullYear(),t.getMonth(),t.getDate()):n!==void 0&&e>n?new Date(n.getFullYear(),n.getMonth(),n.getDate()):e}function o(e,t,n,r){let i=new Date(e,t+1,0).getDate(),a=new Date(e,t,1),o=new Date(e,t,i);return!(n!==void 0&&o<new Date(n.getFullYear(),n.getMonth(),n.getDate())||r!==void 0&&a>new Date(r.getFullYear(),r.getMonth(),r.getDate()))}exports.buildMonthGrid=i,exports.clampDate=a,exports.defaultFormatDate=n,exports.defaultParseDate=r,exports.isDateDisabled=t,exports.isSameDay=e,exports.monthHasSelectableDays=o;
+//# sourceMappingURL=DatePicker.utils.cjs.map

package/dist/components/DatePicker/DatePicker.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.utils.cjs","names":[],"sources":["../../../src/components/DatePicker/DatePicker.utils.ts"],"sourcesContent":["export function isSameDay(a: Date, b: Date): boolean {\n  return (\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\nexport function isDateDisabled(\n  date: Date,\n  min: Date | undefined,\n  max: Date | undefined,\n): boolean {\n  const dateStart = new Date(\n    date.getFullYear(),\n    date.getMonth(),\n    date.getDate(),\n  );\n  if (min !== undefined) {\n    const minStart = new Date(min.getFullYear(), min.getMonth(), min.getDate());\n    if (dateStart < minStart) return true;\n  }\n  if (max !== undefined) {\n    const maxEnd = new Date(max.getFullYear(), max.getMonth(), max.getDate());\n    if (dateStart > maxEnd) return true;\n  }\n  return false;\n}\n\nexport function defaultFormatDate(date: Date): string {\n  const y = date.getFullYear();\n  const m = String(date.getMonth() + 1).padStart(2, \"0\");\n  const d = String(date.getDate()).padStart(2, \"0\");\n  return `${String(y)}-${m}-${d}`;\n}\n\nexport function defaultParseDate(input: string): Date | null {\n  const match = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(input);\n  if (!match) return null;\n  const year = Number(match[1]);\n  const month = Number(match[2]);\n  const day = Number(match[3]);\n  if (month < 1 || month > 12) return null;\n  const maxDay = new Date(year, month, 0).getDate();\n  if (day < 1 || day > maxDay) return null;\n  return new Date(year, month - 1, day);\n}\n\nexport function buildMonthGrid(\n  year: number,\n  month: number,\n): (number | null)[][] {\n  const firstDay = new Date(year, month, 1).getDay();\n  const leadingEmpties = (firstDay + 6) % 7;\n  const totalDays = new Date(year, month + 1, 0).getDate();\n\n  const cells: (number | null)[] = [];\n  for (let i = 0; i < leadingEmpties; i++) cells.push(null);\n  for (let d = 1; d <= totalDays; d++) cells.push(d);\n  while (cells.length % 7 !== 0) cells.push(null);\n\n  const weeks: (number | null)[][] = [];\n  for (let i = 0; i < cells.length; i += 7) {\n    weeks.push(cells.slice(i, i + 7));\n  }\n  return weeks;\n}\n\nexport function clampDate(\n  date: Date,\n  min: Date | undefined,\n  max: Date | undefined,\n): Date {\n  if (min !== undefined && date < min)\n    return new Date(min.getFullYear(), min.getMonth(), min.getDate());\n  if (max !== undefined && date > max)\n    return new Date(max.getFullYear(), max.getMonth(), max.getDate());\n  return date;\n}\n\nexport function monthHasSelectableDays(\n  year: number,\n  month: number,\n  min: Date | undefined,\n  max: Date | undefined,\n): boolean {\n  const totalDays = new Date(year, month + 1, 0).getDate();\n  const firstOfMonth = new Date(year, month, 1);\n  const lastOfMonth = new Date(year, month, totalDays);\n  if (\n    min !== undefined &&\n    lastOfMonth < new Date(min.getFullYear(), min.getMonth(), min.getDate())\n  )\n    return false;\n  if (\n    max !== undefined &&\n    firstOfMonth > new Date(max.getFullYear(), max.getMonth(), max.getDate())\n  )\n    return false;\n  return true;\n}\n"],"mappings":"AAAA,SAAgB,EAAU,EAAS,EAAkB,CACnD,OACE,EAAE,aAAa,GAAK,EAAE,aAAa,EACnC,EAAE,UAAU,GAAK,EAAE,UAAU,EAC7B,EAAE,SAAS,GAAK,EAAE,SAAS,CAI/B,SAAgB,EACd,EACA,EACA,EACS,CACT,IAAM,EAAY,IAAI,KACpB,EAAK,aAAa,CAClB,EAAK,UAAU,CACf,EAAK,SAAS,CACf,CASD,OARI,IAAQ,IAAA,IAEN,EADa,IAAI,KAAK,EAAI,aAAa,CAAE,EAAI,UAAU,CAAE,EAAI,SAAS,CAAC,EAGzE,IAAQ,IAAA,IAEN,EADW,IAAI,KAAK,EAAI,aAAa,CAAE,EAAI,UAAU,CAAE,EAAI,SAAS,CAAC,CAM7E,SAAgB,EAAkB,EAAoB,CACpD,IAAM,EAAI,EAAK,aAAa,CACtB,EAAI,OAAO,EAAK,UAAU,CAAG,EAAE,CAAC,SAAS,EAAG,IAAI,CAChD,EAAI,OAAO,EAAK,SAAS,CAAC,CAAC,SAAS,EAAG,IAAI,CACjD,MAAO,GAAG,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,IAG9B,SAAgB,EAAiB,EAA4B,CAC3D,IAAM,EAAQ,4BAA4B,KAAK,EAAM,CACrD,GAAI,CAAC,EAAO,OAAO,KACnB,IAAM,EAAO,OAAO,EAAM,GAAG,CACvB,EAAQ,OAAO,EAAM,GAAG,CACxB,EAAM,OAAO,EAAM,GAAG,CAC5B,GAAI,EAAQ,GAAK,EAAQ,GAAI,OAAO,KACpC,IAAM,EAAS,IAAI,KAAK,EAAM,EAAO,EAAE,CAAC,SAAS,CAEjD,OADI,EAAM,GAAK,EAAM,EAAe,KAC7B,IAAI,KAAK,EAAM,EAAQ,EAAG,EAAI,CAGvC,SAAgB,EACd,EACA,EACqB,CAErB,IAAM,GADW,IAAI,KAAK,EAAM,EAAO,EAAE,CAAC,QAAQ,CACf,GAAK,EAClC,EAAY,IAAI,KAAK,EAAM,EAAQ,EAAG,EAAE,CAAC,SAAS,CAElD,EAA2B,EAAE,CACnC,IAAK,IAAI,EAAI,EAAG,EAAI,EAAgB,IAAK,EAAM,KAAK,KAAK,CACzD,IAAK,IAAI,EAAI,EAAG,GAAK,EAAW,IAAK,EAAM,KAAK,EAAE,CAClD,KAAO,EAAM,OAAS,GAAM,GAAG,EAAM,KAAK,KAAK,CAE/C,IAAM,EAA6B,EAAE,CACrC,IAAK,IAAI,EAAI,EAAG,EAAI,EAAM,OAAQ,GAAK,EACrC,EAAM,KAAK,EAAM,MAAM,EAAG,EAAI,EAAE,CAAC,CAEnC,OAAO,EAGT,SAAgB,EACd,EACA,EACA,EACM,CAKN,OAJI,IAAQ,IAAA,IAAa,EAAO,EACvB,IAAI,KAAK,EAAI,aAAa,CAAE,EAAI,UAAU,CAAE,EAAI,SAAS,CAAC,CAC/D,IAAQ,IAAA,IAAa,EAAO,EACvB,IAAI,KAAK,EAAI,aAAa,CAAE,EAAI,UAAU,CAAE,EAAI,SAAS,CAAC,CAC5D,EAGT,SAAgB,EACd,EACA,EACA,EACA,EACS,CACT,IAAM,EAAY,IAAI,KAAK,EAAM,EAAQ,EAAG,EAAE,CAAC,SAAS,CAClD,EAAe,IAAI,KAAK,EAAM,EAAO,EAAE,CACvC,EAAc,IAAI,KAAK,EAAM,EAAO,EAAU,CAWpD,MALA,EAJE,IAAQ,IAAA,IACR,EAAc,IAAI,KAAK,EAAI,aAAa,CAAE,EAAI,UAAU,CAAE,EAAI,SAAS,CAAC,EAIxE,IAAQ,IAAA,IACR,EAAe,IAAI,KAAK,EAAI,aAAa,CAAE,EAAI,UAAU,CAAE,EAAI,SAAS,CAAC"}

package/dist/components/DatePicker/DatePicker.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.utils.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO,CAMnD;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,IAAI,GAAG,SAAS,EACrB,GAAG,EAAE,IAAI,GAAG,SAAS,GACpB,OAAO,CAUT;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAKpD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAU3D;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,GACZ,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,EAAE,CAerB;AAED,wBAAgB,SAAS,CACvB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,IAAI,GAAG,SAAS,EACrB,GAAG,EAAE,IAAI,GAAG,SAAS,GACpB,IAAI,CAMN;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,IAAI,GAAG,SAAS,EACrB,GAAG,EAAE,IAAI,GAAG,SAAS,GACpB,OAAO,CAeT"}
+{"version":3,"file":"DatePicker.utils.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO,CAMnD;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,IAAI,GAAG,SAAS,EACrB,GAAG,EAAE,IAAI,GAAG,SAAS,GACpB,OAAO,CAeT;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAKpD;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAU3D;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,GACZ,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,EAAE,CAerB;AAED,wBAAgB,SAAS,CACvB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,IAAI,GAAG,SAAS,EACrB,GAAG,EAAE,IAAI,GAAG,SAAS,GACpB,IAAI,CAMN;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,IAAI,GAAG,SAAS,EACrB,GAAG,EAAE,IAAI,GAAG,SAAS,GACpB,OAAO,CAeT"}

package/dist/components/DatePicker/DatePicker.utils.js

@@ -0,0 +1,40 @@
+//#region src/components/DatePicker/DatePicker.utils.ts
+function e(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+function t(e, t, n) {
+	let r = new Date(e.getFullYear(), e.getMonth(), e.getDate());
+	return t !== void 0 && r < new Date(t.getFullYear(), t.getMonth(), t.getDate()) || n !== void 0 && r > new Date(n.getFullYear(), n.getMonth(), n.getDate());
+}
+function n(e) {
+	let t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
+	return `${String(t)}-${n}-${r}`;
+}
+function r(e) {
+	let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
+	if (!t) return null;
+	let n = Number(t[1]), r = Number(t[2]), i = Number(t[3]);
+	if (r < 1 || r > 12) return null;
+	let a = new Date(n, r, 0).getDate();
+	return i < 1 || i > a ? null : new Date(n, r - 1, i);
+}
+function i(e, t) {
+	let n = (new Date(e, t, 1).getDay() + 6) % 7, r = new Date(e, t + 1, 0).getDate(), i = [];
+	for (let e = 0; e < n; e++) i.push(null);
+	for (let e = 1; e <= r; e++) i.push(e);
+	for (; i.length % 7 != 0;) i.push(null);
+	let a = [];
+	for (let e = 0; e < i.length; e += 7) a.push(i.slice(e, e + 7));
+	return a;
+}
+function a(e, t, n) {
+	return t !== void 0 && e < t ? new Date(t.getFullYear(), t.getMonth(), t.getDate()) : n !== void 0 && e > n ? new Date(n.getFullYear(), n.getMonth(), n.getDate()) : e;
+}
+function o(e, t, n, r) {
+	let i = new Date(e, t + 1, 0).getDate(), a = new Date(e, t, 1), o = new Date(e, t, i);
+	return !(n !== void 0 && o < new Date(n.getFullYear(), n.getMonth(), n.getDate()) || r !== void 0 && a > new Date(r.getFullYear(), r.getMonth(), r.getDate()));
+}
+//#endregion
+export { i as buildMonthGrid, a as clampDate, n as defaultFormatDate, r as defaultParseDate, t as isDateDisabled, e as isSameDay, o as monthHasSelectableDays };
+
+//# sourceMappingURL=DatePicker.utils.js.map

package/dist/components/DatePicker/DatePicker.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.utils.js","names":[],"sources":["../../../src/components/DatePicker/DatePicker.utils.ts"],"sourcesContent":["export function isSameDay(a: Date, b: Date): boolean {\n  return (\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\nexport function isDateDisabled(\n  date: Date,\n  min: Date | undefined,\n  max: Date | undefined,\n): boolean {\n  const dateStart = new Date(\n    date.getFullYear(),\n    date.getMonth(),\n    date.getDate(),\n  );\n  if (min !== undefined) {\n    const minStart = new Date(min.getFullYear(), min.getMonth(), min.getDate());\n    if (dateStart < minStart) return true;\n  }\n  if (max !== undefined) {\n    const maxEnd = new Date(max.getFullYear(), max.getMonth(), max.getDate());\n    if (dateStart > maxEnd) return true;\n  }\n  return false;\n}\n\nexport function defaultFormatDate(date: Date): string {\n  const y = date.getFullYear();\n  const m = String(date.getMonth() + 1).padStart(2, \"0\");\n  const d = String(date.getDate()).padStart(2, \"0\");\n  return `${String(y)}-${m}-${d}`;\n}\n\nexport function defaultParseDate(input: string): Date | null {\n  const match = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(input);\n  if (!match) return null;\n  const year = Number(match[1]);\n  const month = Number(match[2]);\n  const day = Number(match[3]);\n  if (month < 1 || month > 12) return null;\n  const maxDay = new Date(year, month, 0).getDate();\n  if (day < 1 || day > maxDay) return null;\n  return new Date(year, month - 1, day);\n}\n\nexport function buildMonthGrid(\n  year: number,\n  month: number,\n): (number | null)[][] {\n  const firstDay = new Date(year, month, 1).getDay();\n  const leadingEmpties = (firstDay + 6) % 7;\n  const totalDays = new Date(year, month + 1, 0).getDate();\n\n  const cells: (number | null)[] = [];\n  for (let i = 0; i < leadingEmpties; i++) cells.push(null);\n  for (let d = 1; d <= totalDays; d++) cells.push(d);\n  while (cells.length % 7 !== 0) cells.push(null);\n\n  const weeks: (number | null)[][] = [];\n  for (let i = 0; i < cells.length; i += 7) {\n    weeks.push(cells.slice(i, i + 7));\n  }\n  return weeks;\n}\n\nexport function clampDate(\n  date: Date,\n  min: Date | undefined,\n  max: Date | undefined,\n): Date {\n  if (min !== undefined && date < min)\n    return new Date(min.getFullYear(), min.getMonth(), min.getDate());\n  if (max !== undefined && date > max)\n    return new Date(max.getFullYear(), max.getMonth(), max.getDate());\n  return date;\n}\n\nexport function monthHasSelectableDays(\n  year: number,\n  month: number,\n  min: Date | undefined,\n  max: Date | undefined,\n): boolean {\n  const totalDays = new Date(year, month + 1, 0).getDate();\n  const firstOfMonth = new Date(year, month, 1);\n  const lastOfMonth = new Date(year, month, totalDays);\n  if (\n    min !== undefined &&\n    lastOfMonth < new Date(min.getFullYear(), min.getMonth(), min.getDate())\n  )\n    return false;\n  if (\n    max !== undefined &&\n    firstOfMonth > new Date(max.getFullYear(), max.getMonth(), max.getDate())\n  )\n    return false;\n  return true;\n}\n"],"mappings":";AAAA,SAAgB,EAAU,GAAS,GAAkB;AACnD,QACE,EAAE,aAAa,KAAK,EAAE,aAAa,IACnC,EAAE,UAAU,KAAK,EAAE,UAAU,IAC7B,EAAE,SAAS,KAAK,EAAE,SAAS;;AAI/B,SAAgB,EACd,GACA,GACA,GACS;CACT,IAAM,IAAY,IAAI,KACpB,EAAK,aAAa,EAClB,EAAK,UAAU,EACf,EAAK,SAAS,CACf;AASD,QARI,MAAQ,KAAA,KAEN,IADa,IAAI,KAAK,EAAI,aAAa,EAAE,EAAI,UAAU,EAAE,EAAI,SAAS,CAAC,IAGzE,MAAQ,KAAA,KAEN,IADW,IAAI,KAAK,EAAI,aAAa,EAAE,EAAI,UAAU,EAAE,EAAI,SAAS,CAAC;;AAM7E,SAAgB,EAAkB,GAAoB;CACpD,IAAM,IAAI,EAAK,aAAa,EACtB,IAAI,OAAO,EAAK,UAAU,GAAG,EAAE,CAAC,SAAS,GAAG,IAAI,EAChD,IAAI,OAAO,EAAK,SAAS,CAAC,CAAC,SAAS,GAAG,IAAI;AACjD,QAAO,GAAG,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG;;AAG9B,SAAgB,EAAiB,GAA4B;CAC3D,IAAM,IAAQ,4BAA4B,KAAK,EAAM;AACrD,KAAI,CAAC,EAAO,QAAO;CACnB,IAAM,IAAO,OAAO,EAAM,GAAG,EACvB,IAAQ,OAAO,EAAM,GAAG,EACxB,IAAM,OAAO,EAAM,GAAG;AAC5B,KAAI,IAAQ,KAAK,IAAQ,GAAI,QAAO;CACpC,IAAM,IAAS,IAAI,KAAK,GAAM,GAAO,EAAE,CAAC,SAAS;AAEjD,QADI,IAAM,KAAK,IAAM,IAAe,OAC7B,IAAI,KAAK,GAAM,IAAQ,GAAG,EAAI;;AAGvC,SAAgB,EACd,GACA,GACqB;CAErB,IAAM,KADW,IAAI,KAAK,GAAM,GAAO,EAAE,CAAC,QAAQ,GACf,KAAK,GAClC,IAAY,IAAI,KAAK,GAAM,IAAQ,GAAG,EAAE,CAAC,SAAS,EAElD,IAA2B,EAAE;AACnC,MAAK,IAAI,IAAI,GAAG,IAAI,GAAgB,IAAK,GAAM,KAAK,KAAK;AACzD,MAAK,IAAI,IAAI,GAAG,KAAK,GAAW,IAAK,GAAM,KAAK,EAAE;AAClD,QAAO,EAAM,SAAS,KAAM,GAAG,GAAM,KAAK,KAAK;CAE/C,IAAM,IAA6B,EAAE;AACrC,MAAK,IAAI,IAAI,GAAG,IAAI,EAAM,QAAQ,KAAK,EACrC,GAAM,KAAK,EAAM,MAAM,GAAG,IAAI,EAAE,CAAC;AAEnC,QAAO;;AAGT,SAAgB,EACd,GACA,GACA,GACM;AAKN,QAJI,MAAQ,KAAA,KAAa,IAAO,IACvB,IAAI,KAAK,EAAI,aAAa,EAAE,EAAI,UAAU,EAAE,EAAI,SAAS,CAAC,GAC/D,MAAQ,KAAA,KAAa,IAAO,IACvB,IAAI,KAAK,EAAI,aAAa,EAAE,EAAI,UAAU,EAAE,EAAI,SAAS,CAAC,GAC5D;;AAGT,SAAgB,EACd,GACA,GACA,GACA,GACS;CACT,IAAM,IAAY,IAAI,KAAK,GAAM,IAAQ,GAAG,EAAE,CAAC,SAAS,EAClD,IAAe,IAAI,KAAK,GAAM,GAAO,EAAE,EACvC,IAAc,IAAI,KAAK,GAAM,GAAO,EAAU;AAWpD,QALA,EAJE,MAAQ,KAAA,KACR,IAAc,IAAI,KAAK,EAAI,aAAa,EAAE,EAAI,UAAU,EAAE,EAAI,SAAS,CAAC,IAIxE,MAAQ,KAAA,KACR,IAAe,IAAI,KAAK,EAAI,aAAa,EAAE,EAAI,UAAU,EAAE,EAAI,SAAS,CAAC"}

package/dist/components/DatePicker/DatePickerCalendar.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../Icon/Icon.cjs`),i=require(`../Button/Button.cjs`),a=require(`../Text/Text.cjs`),o=require(`../../utils/portal.cjs`),s=require(`./DatePicker.context.cjs`),c=require(`./DatePicker.utils.cjs`),l=require(`./DatePicker.hooks.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`react/jsx-runtime`);var f=u.forwardRef(({className:e,...f},p)=>{let m=s.useDatePickerContext(),h=n.composeRefs(p,u.useRef(null),m.refs.setFloating),{displayedYear:g,setDisplayedYear:_,displayedMonth:v,setDisplayedMonth:y,canGoPrev:b,canGoNext:x,goToPrevMonth:S,goToNextMonth:C}=l.useCalendarNavigation(m),{focusedDayRef:w}=l.useCalendarFocus(m,g,v),T=u.useMemo(()=>new Intl.DateTimeFormat(m.locale,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`}),[m.locale]),E=u.useMemo(()=>new Intl.DateTimeFormat(m.locale,{month:`long`,year:`numeric`}),[m.locale]),D=u.useMemo(()=>{let e=new Intl.DateTimeFormat(m.locale,{weekday:`short`}),t=new Intl.DateTimeFormat(m.locale,{weekday:`long`});return Array.from({length:7},(n,r)=>{let i=new Date(2026,0,5+r);return{short:e.format(i),long:t.format(i)}})},[m.locale]),O=u.useMemo(()=>c.buildMonthGrid(g,v),[g,v]),k=u.useMemo(()=>E.format(new Date(g,v,1)),[g,v,E]),A=u.useCallback(e=>{c.isDateDisabled(e,m.min,m.max)||(m.onSelectedDateChange(e),m.onOpenChange(!1),requestAnimationFrame(()=>{m.triggerButtonRef.current?.focus()}))},[m]),{handleKeyDown:j}=l.useCalendarKeyboard(m,u.useCallback((e,t)=>{let n=e,r=0;for(;c.isDateDisabled(n,m.min,m.max)&&r<366;)n=t(n),r++;c.isDateDisabled(n,m.min,m.max)||(m.setFocusedDate(n),(n.getMonth()!==v||n.getFullYear()!==g)&&(_(n.getFullYear()),y(n.getMonth())))},[m,v,g,_,y]),A);if(!m.open)return null;let M=m.getFloatingProps(f),N=new Date;return(0,d.jsx)(o.Portal,{children:(0,d.jsxs)(`div`,{ref:h,style:m.floatingStyles,role:`dialog`,"aria-label":`Date picker`,...M,className:t.cn(`z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-md p-(--space-3)`,`focus-visible:outline-none`,e),children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between mb-(--space-2)`,children:[(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:S,disabled:!b,"aria-label":`Previous month`,children:(0,d.jsx)(r.Icon,{size:`sm`,children:(0,d.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,d.jsx)(`polyline`,{points:`15 18 9 12 15 6`})})})}),(0,d.jsx)(a.Text,{as:`span`,size:`sm`,weight:`medium`,children:k}),(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:C,disabled:!x,"aria-label":`Next month`,children:(0,d.jsx)(r.Icon,{size:`sm`,children:(0,d.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,d.jsx)(`polyline`,{points:`9 18 15 12 9 6`})})})})]}),(0,d.jsxs)(`div`,{role:`grid`,"aria-label":k,id:`${m.baseId}-grid`,onKeyDown:j,children:[(0,d.jsx)(`div`,{role:`row`,"aria-hidden":`true`,className:`grid grid-cols-7 mb-(--space-1)`,children:D.map(e=>(0,d.jsx)(`abbr`,{title:e.long,className:`flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)`,children:e.short},e.short))}),O.map((e,n)=>(0,d.jsx)(`div`,{role:`row`,className:`grid grid-cols-7`,children:e.map((e,n)=>{if(e===null)return(0,d.jsx)(`div`,{role:`gridcell`,"aria-hidden":`true`,children:(0,d.jsx)(`span`,{className:`block size-9`})},`empty-${String(n)}`);let r=new Date(g,v,e),i=c.isDateDisabled(r,m.min,m.max),a=m.selectedDate!==void 0&&c.isSameDay(r,m.selectedDate),o=c.isSameDay(r,m.focusedDate),s=c.isSameDay(r,N),l=T.format(r);return(0,d.jsx)(`div`,{role:`gridcell`,children:(0,d.jsx)(`button`,{ref:o?w:void 0,type:`button`,tabIndex:o?0:-1,"aria-label":l,"aria-selected":a,"aria-disabled":i||void 0,disabled:i,onClick:()=>A(r),className:t.cn(`flex items-center justify-center size-9 rounded-(--radius-md) text-sm`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,`cursor-pointer`,a&&`bg-(--nuka-accent-bg) text-(--nuka-accent-fg)`,!a&&!i&&`hover:bg-(--nuka-bg-muted)`,s&&!a&&`ring-1 ring-(--nuka-border-strong)`,i&&`opacity-50 cursor-default`),children:e})},e)})},n))]})]})})});f.displayName=`DatePickerCalendar`,exports.DatePickerCalendar=f;
+//# sourceMappingURL=DatePickerCalendar.cjs.map

package/dist/components/DatePicker/DatePickerCalendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerCalendar.cjs","names":[],"sources":["../../../src/components/DatePicker/DatePickerCalendar.tsx"],"sourcesContent":["\"use client\";\n// Exceeds 200 lines: calendar grid JSX is inseparable from the hooks that feed it.\n// Hook calls, Intl formatters, memos, and selectDay/navigateToDate callbacks all\n// close over the same display state and cannot be moved to a sibling file.\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { Button } from \"@nuka/components/Button\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useDatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport {\n  isSameDay,\n  isDateDisabled,\n  buildMonthGrid,\n} from \"@nuka/components/DatePicker/DatePicker.utils\";\nimport {\n  useCalendarNavigation,\n  useCalendarFocus,\n  useCalendarKeyboard,\n} from \"@nuka/components/DatePicker/DatePicker.hooks\";\n\nexport interface DatePickerCalendarProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst DatePickerCalendar = React.forwardRef<\n  HTMLDivElement,\n  DatePickerCalendarProps\n>(({ className, ...props }, ref) => {\n  const ctx = useDatePickerContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(\n    ref,\n    contentRef,\n    ctx.refs.setFloating as React.Ref<HTMLDivElement>,\n  );\n\n  const {\n    displayedYear,\n    setDisplayedYear,\n    displayedMonth,\n    setDisplayedMonth,\n    canGoPrev,\n    canGoNext,\n    goToPrevMonth,\n    goToNextMonth,\n  } = useCalendarNavigation(ctx);\n\n  const { focusedDayRef } = useCalendarFocus(\n    ctx,\n    displayedYear,\n    displayedMonth,\n  );\n\n  const labelFormatter = React.useMemo(\n    () =>\n      new Intl.DateTimeFormat(ctx.locale, {\n        weekday: \"long\",\n        year: \"numeric\",\n        month: \"long\",\n        day: \"numeric\",\n      }),\n    [ctx.locale],\n  );\n\n  const headerFormatter = React.useMemo(\n    () =>\n      new Intl.DateTimeFormat(ctx.locale, {\n        month: \"long\",\n        year: \"numeric\",\n      }),\n    [ctx.locale],\n  );\n\n  const weekdayLabels = React.useMemo(() => {\n    const shortFmt = new Intl.DateTimeFormat(ctx.locale, { weekday: \"short\" });\n    const longFmt = new Intl.DateTimeFormat(ctx.locale, { weekday: \"long\" });\n    return Array.from({ length: 7 }, (_, i) => {\n      const date = new Date(2026, 0, 5 + i);\n      return {\n        short: shortFmt.format(date),\n        long: longFmt.format(date),\n      };\n    });\n  }, [ctx.locale]);\n\n  const weeks = React.useMemo(\n    () => buildMonthGrid(displayedYear, displayedMonth),\n    [displayedYear, displayedMonth],\n  );\n\n  const headerLabel = React.useMemo(\n    () => headerFormatter.format(new Date(displayedYear, displayedMonth, 1)),\n    [displayedYear, displayedMonth, headerFormatter],\n  );\n\n  const selectDay = React.useCallback(\n    (date: Date) => {\n      if (isDateDisabled(date, ctx.min, ctx.max)) return;\n      ctx.onSelectedDateChange(date);\n      ctx.onOpenChange(false);\n      requestAnimationFrame(() => {\n        ctx.triggerButtonRef.current?.focus();\n      });\n    },\n    [ctx],\n  );\n\n  const navigateToDate = React.useCallback(\n    (candidate: Date, stepFn: (d: Date) => Date) => {\n      let current = candidate;\n      let attempts = 0;\n      while (isDateDisabled(current, ctx.min, ctx.max) && attempts < 366) {\n        current = stepFn(current);\n        attempts++;\n      }\n      if (isDateDisabled(current, ctx.min, ctx.max)) return;\n\n      ctx.setFocusedDate(current);\n      if (\n        current.getMonth() !== displayedMonth ||\n        current.getFullYear() !== displayedYear\n      ) {\n        setDisplayedYear(current.getFullYear());\n        setDisplayedMonth(current.getMonth());\n      }\n    },\n    [ctx, displayedMonth, displayedYear, setDisplayedYear, setDisplayedMonth],\n  );\n\n  const { handleKeyDown } = useCalendarKeyboard(ctx, navigateToDate, selectDay);\n\n  if (!ctx.open) return null;\n\n  const floatingProps = ctx.getFloatingProps(props);\n  const today = new Date();\n\n  return (\n    <Portal>\n      <div\n        ref={composedRef}\n        style={ctx.floatingStyles}\n        role=\"dialog\"\n        aria-label=\"Date picker\"\n        {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n        className={cn(\n          \"z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base) shadow-md p-(--space-3)\",\n          \"focus-visible:outline-none\",\n          className,\n        )}\n      >\n        <div className=\"flex items-center justify-between mb-(--space-2)\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToPrevMonth}\n            disabled={!canGoPrev}\n            aria-label=\"Previous month\"\n          >\n            <Icon size=\"sm\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              >\n                <polyline points=\"15 18 9 12 15 6\" />\n              </svg>\n            </Icon>\n          </Button>\n          <Text as=\"span\" size=\"sm\" weight=\"medium\">\n            {headerLabel}\n          </Text>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToNextMonth}\n            disabled={!canGoNext}\n            aria-label=\"Next month\"\n          >\n            <Icon size=\"sm\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              >\n                <polyline points=\"9 18 15 12 9 6\" />\n              </svg>\n            </Icon>\n          </Button>\n        </div>\n\n        <div\n          role=\"grid\"\n          aria-label={headerLabel}\n          id={`${ctx.baseId}-grid`}\n          onKeyDown={handleKeyDown}\n        >\n          <div\n            role=\"row\"\n            aria-hidden=\"true\"\n            className=\"grid grid-cols-7 mb-(--space-1)\"\n          >\n            {weekdayLabels.map((day) => (\n              <abbr\n                key={day.short}\n                title={day.long}\n                className=\"flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)\"\n              >\n                {day.short}\n              </abbr>\n            ))}\n          </div>\n\n          {weeks.map((week, weekIndex) => (\n            <div role=\"row\" key={weekIndex} className=\"grid grid-cols-7\">\n              {week.map((day, dayIndex) => {\n                if (day === null) {\n                  return (\n                    <div\n                      role=\"gridcell\"\n                      key={`empty-${String(dayIndex)}`}\n                      aria-hidden=\"true\"\n                    >\n                      <span className=\"block size-9\" />\n                    </div>\n                  );\n                }\n\n                const date = new Date(displayedYear, displayedMonth, day);\n                const disabled = isDateDisabled(date, ctx.min, ctx.max);\n                const isSelected =\n                  ctx.selectedDate !== undefined &&\n                  isSameDay(date, ctx.selectedDate);\n                const isFocused = isSameDay(date, ctx.focusedDate);\n                const isToday = isSameDay(date, today);\n                const dayLabel = labelFormatter.format(date);\n\n                return (\n                  <div role=\"gridcell\" key={day}>\n                    <button\n                      ref={isFocused ? focusedDayRef : undefined}\n                      type=\"button\"\n                      tabIndex={isFocused ? 0 : -1}\n                      aria-label={dayLabel}\n                      aria-selected={isSelected}\n                      aria-disabled={disabled || undefined}\n                      disabled={disabled}\n                      onClick={() => selectDay(date)}\n                      className={cn(\n                        \"flex items-center justify-center size-9 rounded-(--radius-md) text-sm\",\n                        \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n                        \"cursor-pointer\",\n                        isSelected &&\n                          \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n                        !isSelected &&\n                          !disabled &&\n                          \"hover:bg-(--nuka-bg-muted)\",\n                        isToday &&\n                          !isSelected &&\n                          \"ring-1 ring-(--nuka-border-strong)\",\n                        disabled && \"opacity-50 cursor-default\",\n                      )}\n                    >\n                      {day}\n                    </button>\n                  </div>\n                );\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    </Portal>\n  );\n});\n\nDatePickerCalendar.displayName = \"DatePickerCalendar\";\n\nexport { DatePickerCalendar };\n"],"mappings":"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"}

package/dist/components/DatePicker/DatePickerCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerCalendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAExF,QAAA,MAAM,kBAAkB,gGAkQtB,CAAC;AAIH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"DatePickerCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerCalendar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAExF,QAAA,MAAM,kBAAkB,gGAkQtB,CAAC;AAIH,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/DatePicker/DatePickerCalendar.js

@@ -0,0 +1,158 @@
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { composeRefs as t } from "../../utils/slot.js";
+import { Icon as n } from "../Icon/Icon.js";
+import { Button as r } from "../Button/Button.js";
+import { Text as i } from "../Text/Text.js";
+import { Portal as a } from "../../utils/portal.js";
+import { useDatePickerContext as o } from "./DatePicker.context.js";
+import { buildMonthGrid as s, isDateDisabled as c, isSameDay as l } from "./DatePicker.utils.js";
+import { useCalendarFocus as u, useCalendarKeyboard as d, useCalendarNavigation as f } from "./DatePicker.hooks.js";
+import * as p from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/DatePicker/DatePickerCalendar.tsx
+var g = p.forwardRef(({ className: g, ..._ }, v) => {
+	let y = o(), b = t(v, p.useRef(null), y.refs.setFloating), { displayedYear: x, setDisplayedYear: S, displayedMonth: C, setDisplayedMonth: w, canGoPrev: T, canGoNext: E, goToPrevMonth: D, goToNextMonth: O } = f(y), { focusedDayRef: k } = u(y, x, C), A = p.useMemo(() => new Intl.DateTimeFormat(y.locale, {
+		weekday: "long",
+		year: "numeric",
+		month: "long",
+		day: "numeric"
+	}), [y.locale]), j = p.useMemo(() => new Intl.DateTimeFormat(y.locale, {
+		month: "long",
+		year: "numeric"
+	}), [y.locale]), M = p.useMemo(() => {
+		let e = new Intl.DateTimeFormat(y.locale, { weekday: "short" }), t = new Intl.DateTimeFormat(y.locale, { weekday: "long" });
+		return Array.from({ length: 7 }, (n, r) => {
+			let i = new Date(2026, 0, 5 + r);
+			return {
+				short: e.format(i),
+				long: t.format(i)
+			};
+		});
+	}, [y.locale]), N = p.useMemo(() => s(x, C), [x, C]), P = p.useMemo(() => j.format(new Date(x, C, 1)), [
+		x,
+		C,
+		j
+	]), F = p.useCallback((e) => {
+		c(e, y.min, y.max) || (y.onSelectedDateChange(e), y.onOpenChange(!1), requestAnimationFrame(() => {
+			y.triggerButtonRef.current?.focus();
+		}));
+	}, [y]), { handleKeyDown: I } = d(y, p.useCallback((e, t) => {
+		let n = e, r = 0;
+		for (; c(n, y.min, y.max) && r < 366;) n = t(n), r++;
+		c(n, y.min, y.max) || (y.setFocusedDate(n), (n.getMonth() !== C || n.getFullYear() !== x) && (S(n.getFullYear()), w(n.getMonth())));
+	}, [
+		y,
+		C,
+		x,
+		S,
+		w
+	]), F);
+	if (!y.open) return null;
+	let L = y.getFloatingProps(_), R = /* @__PURE__ */ new Date();
+	return /* @__PURE__ */ m(a, { children: /* @__PURE__ */ h("div", {
+		ref: b,
+		style: y.floatingStyles,
+		role: "dialog",
+		"aria-label": "Date picker",
+		...L,
+		className: e("z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)", "bg-(--nuka-bg-base) shadow-md p-(--space-3)", "focus-visible:outline-none", g),
+		children: [/* @__PURE__ */ h("div", {
+			className: "flex items-center justify-between mb-(--space-2)",
+			children: [
+				/* @__PURE__ */ m(r, {
+					variant: "ghost",
+					size: "sm",
+					onClick: D,
+					disabled: !T,
+					"aria-label": "Previous month",
+					children: /* @__PURE__ */ m(n, {
+						size: "sm",
+						children: /* @__PURE__ */ m("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ m("polyline", { points: "15 18 9 12 15 6" })
+						})
+					})
+				}),
+				/* @__PURE__ */ m(i, {
+					as: "span",
+					size: "sm",
+					weight: "medium",
+					children: P
+				}),
+				/* @__PURE__ */ m(r, {
+					variant: "ghost",
+					size: "sm",
+					onClick: O,
+					disabled: !E,
+					"aria-label": "Next month",
+					children: /* @__PURE__ */ m(n, {
+						size: "sm",
+						children: /* @__PURE__ */ m("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ m("polyline", { points: "9 18 15 12 9 6" })
+						})
+					})
+				})
+			]
+		}), /* @__PURE__ */ h("div", {
+			role: "grid",
+			"aria-label": P,
+			id: `${y.baseId}-grid`,
+			onKeyDown: I,
+			children: [/* @__PURE__ */ m("div", {
+				role: "row",
+				"aria-hidden": "true",
+				className: "grid grid-cols-7 mb-(--space-1)",
+				children: M.map((e) => /* @__PURE__ */ m("abbr", {
+					title: e.long,
+					className: "flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)",
+					children: e.short
+				}, e.short))
+			}), N.map((t, n) => /* @__PURE__ */ m("div", {
+				role: "row",
+				className: "grid grid-cols-7",
+				children: t.map((t, n) => {
+					if (t === null) return /* @__PURE__ */ m("div", {
+						role: "gridcell",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ m("span", { className: "block size-9" })
+					}, `empty-${String(n)}`);
+					let r = new Date(x, C, t), i = c(r, y.min, y.max), a = y.selectedDate !== void 0 && l(r, y.selectedDate), o = l(r, y.focusedDate), s = l(r, R), u = A.format(r);
+					return /* @__PURE__ */ m("div", {
+						role: "gridcell",
+						children: /* @__PURE__ */ m("button", {
+							ref: o ? k : void 0,
+							type: "button",
+							tabIndex: o ? 0 : -1,
+							"aria-label": u,
+							"aria-selected": a,
+							"aria-disabled": i || void 0,
+							disabled: i,
+							onClick: () => F(r),
+							className: e("flex items-center justify-center size-9 rounded-(--radius-md) text-sm", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)", "cursor-pointer", a && "bg-(--nuka-accent-bg) text-(--nuka-accent-fg)", !a && !i && "hover:bg-(--nuka-bg-muted)", s && !a && "ring-1 ring-(--nuka-border-strong)", i && "opacity-50 cursor-default"),
+							children: t
+						})
+					}, t);
+				})
+			}, n))]
+		})]
+	}) });
+});
+g.displayName = "DatePickerCalendar";
+//#endregion
+export { g as DatePickerCalendar };
+
+//# sourceMappingURL=DatePickerCalendar.js.map

package/dist/components/DatePicker/DatePickerCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerCalendar.js","names":[],"sources":["../../../src/components/DatePicker/DatePickerCalendar.tsx"],"sourcesContent":["\"use client\";\n// Exceeds 200 lines: calendar grid JSX is inseparable from the hooks that feed it.\n// Hook calls, Intl formatters, memos, and selectDay/navigateToDate callbacks all\n// close over the same display state and cannot be moved to a sibling file.\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { Button } from \"@nuka/components/Button\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useDatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport {\n  isSameDay,\n  isDateDisabled,\n  buildMonthGrid,\n} from \"@nuka/components/DatePicker/DatePicker.utils\";\nimport {\n  useCalendarNavigation,\n  useCalendarFocus,\n  useCalendarKeyboard,\n} from \"@nuka/components/DatePicker/DatePicker.hooks\";\n\nexport interface DatePickerCalendarProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst DatePickerCalendar = React.forwardRef<\n  HTMLDivElement,\n  DatePickerCalendarProps\n>(({ className, ...props }, ref) => {\n  const ctx = useDatePickerContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(\n    ref,\n    contentRef,\n    ctx.refs.setFloating as React.Ref<HTMLDivElement>,\n  );\n\n  const {\n    displayedYear,\n    setDisplayedYear,\n    displayedMonth,\n    setDisplayedMonth,\n    canGoPrev,\n    canGoNext,\n    goToPrevMonth,\n    goToNextMonth,\n  } = useCalendarNavigation(ctx);\n\n  const { focusedDayRef } = useCalendarFocus(\n    ctx,\n    displayedYear,\n    displayedMonth,\n  );\n\n  const labelFormatter = React.useMemo(\n    () =>\n      new Intl.DateTimeFormat(ctx.locale, {\n        weekday: \"long\",\n        year: \"numeric\",\n        month: \"long\",\n        day: \"numeric\",\n      }),\n    [ctx.locale],\n  );\n\n  const headerFormatter = React.useMemo(\n    () =>\n      new Intl.DateTimeFormat(ctx.locale, {\n        month: \"long\",\n        year: \"numeric\",\n      }),\n    [ctx.locale],\n  );\n\n  const weekdayLabels = React.useMemo(() => {\n    const shortFmt = new Intl.DateTimeFormat(ctx.locale, { weekday: \"short\" });\n    const longFmt = new Intl.DateTimeFormat(ctx.locale, { weekday: \"long\" });\n    return Array.from({ length: 7 }, (_, i) => {\n      const date = new Date(2026, 0, 5 + i);\n      return {\n        short: shortFmt.format(date),\n        long: longFmt.format(date),\n      };\n    });\n  }, [ctx.locale]);\n\n  const weeks = React.useMemo(\n    () => buildMonthGrid(displayedYear, displayedMonth),\n    [displayedYear, displayedMonth],\n  );\n\n  const headerLabel = React.useMemo(\n    () => headerFormatter.format(new Date(displayedYear, displayedMonth, 1)),\n    [displayedYear, displayedMonth, headerFormatter],\n  );\n\n  const selectDay = React.useCallback(\n    (date: Date) => {\n      if (isDateDisabled(date, ctx.min, ctx.max)) return;\n      ctx.onSelectedDateChange(date);\n      ctx.onOpenChange(false);\n      requestAnimationFrame(() => {\n        ctx.triggerButtonRef.current?.focus();\n      });\n    },\n    [ctx],\n  );\n\n  const navigateToDate = React.useCallback(\n    (candidate: Date, stepFn: (d: Date) => Date) => {\n      let current = candidate;\n      let attempts = 0;\n      while (isDateDisabled(current, ctx.min, ctx.max) && attempts < 366) {\n        current = stepFn(current);\n        attempts++;\n      }\n      if (isDateDisabled(current, ctx.min, ctx.max)) return;\n\n      ctx.setFocusedDate(current);\n      if (\n        current.getMonth() !== displayedMonth ||\n        current.getFullYear() !== displayedYear\n      ) {\n        setDisplayedYear(current.getFullYear());\n        setDisplayedMonth(current.getMonth());\n      }\n    },\n    [ctx, displayedMonth, displayedYear, setDisplayedYear, setDisplayedMonth],\n  );\n\n  const { handleKeyDown } = useCalendarKeyboard(ctx, navigateToDate, selectDay);\n\n  if (!ctx.open) return null;\n\n  const floatingProps = ctx.getFloatingProps(props);\n  const today = new Date();\n\n  return (\n    <Portal>\n      <div\n        ref={composedRef}\n        style={ctx.floatingStyles}\n        role=\"dialog\"\n        aria-label=\"Date picker\"\n        {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n        className={cn(\n          \"z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base) shadow-md p-(--space-3)\",\n          \"focus-visible:outline-none\",\n          className,\n        )}\n      >\n        <div className=\"flex items-center justify-between mb-(--space-2)\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToPrevMonth}\n            disabled={!canGoPrev}\n            aria-label=\"Previous month\"\n          >\n            <Icon size=\"sm\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              >\n                <polyline points=\"15 18 9 12 15 6\" />\n              </svg>\n            </Icon>\n          </Button>\n          <Text as=\"span\" size=\"sm\" weight=\"medium\">\n            {headerLabel}\n          </Text>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToNextMonth}\n            disabled={!canGoNext}\n            aria-label=\"Next month\"\n          >\n            <Icon size=\"sm\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              >\n                <polyline points=\"9 18 15 12 9 6\" />\n              </svg>\n            </Icon>\n          </Button>\n        </div>\n\n        <div\n          role=\"grid\"\n          aria-label={headerLabel}\n          id={`${ctx.baseId}-grid`}\n          onKeyDown={handleKeyDown}\n        >\n          <div\n            role=\"row\"\n            aria-hidden=\"true\"\n            className=\"grid grid-cols-7 mb-(--space-1)\"\n          >\n            {weekdayLabels.map((day) => (\n              <abbr\n                key={day.short}\n                title={day.long}\n                className=\"flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)\"\n              >\n                {day.short}\n              </abbr>\n            ))}\n          </div>\n\n          {weeks.map((week, weekIndex) => (\n            <div role=\"row\" key={weekIndex} className=\"grid grid-cols-7\">\n              {week.map((day, dayIndex) => {\n                if (day === null) {\n                  return (\n                    <div\n                      role=\"gridcell\"\n                      key={`empty-${String(dayIndex)}`}\n                      aria-hidden=\"true\"\n                    >\n                      <span className=\"block size-9\" />\n                    </div>\n                  );\n                }\n\n                const date = new Date(displayedYear, displayedMonth, day);\n                const disabled = isDateDisabled(date, ctx.min, ctx.max);\n                const isSelected =\n                  ctx.selectedDate !== undefined &&\n                  isSameDay(date, ctx.selectedDate);\n                const isFocused = isSameDay(date, ctx.focusedDate);\n                const isToday = isSameDay(date, today);\n                const dayLabel = labelFormatter.format(date);\n\n                return (\n                  <div role=\"gridcell\" key={day}>\n                    <button\n                      ref={isFocused ? focusedDayRef : undefined}\n                      type=\"button\"\n                      tabIndex={isFocused ? 0 : -1}\n                      aria-label={dayLabel}\n                      aria-selected={isSelected}\n                      aria-disabled={disabled || undefined}\n                      disabled={disabled}\n                      onClick={() => selectDay(date)}\n                      className={cn(\n                        \"flex items-center justify-center size-9 rounded-(--radius-md) text-sm\",\n                        \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n                        \"cursor-pointer\",\n                        isSelected &&\n                          \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n                        !isSelected &&\n                          !disabled &&\n                          \"hover:bg-(--nuka-bg-muted)\",\n                        isToday &&\n                          !isSelected &&\n                          \"ring-1 ring-(--nuka-border-strong)\",\n                        disabled && \"opacity-50 cursor-default\",\n                      )}\n                    >\n                      {day}\n                    </button>\n                  </div>\n                );\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    </Portal>\n  );\n});\n\nDatePickerCalendar.displayName = \"DatePickerCalendar\";\n\nexport { DatePickerCalendar };\n"],"mappings":"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"}

package/dist/components/DatePicker/DatePickerInput.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../Icon/Icon.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`../Input/Input.cjs`),o=require(`./DatePicker.context.cjs`),s=require(`./DatePicker.utils.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);var u=c.forwardRef(({className:e,placeholder:u=`YYYY-MM-DD`,size:d,id:f,"aria-invalid":p,"aria-describedby":m,"aria-required":h,...g},_)=>{let v=o.useDatePickerContext(),y=n.composeRefs(_,c.useCallback(e=>{e&&v.refs.setPositionReference(e)},[v.refs])),b=i.useFormFieldProps({id:f,"aria-invalid":p,"aria-describedby":m,"aria-required":h}),{selectedDate:x,open:S,formatDate:C}=v,[w,T]=c.useState(x===void 0?``:C(x));c.useEffect(()=>{S||T(x===void 0?``:C(x))},[x,S,C]);let E=b.ariaInvalid??void 0,D=c.useCallback(()=>{!v.disabled&&!v.open&&(v.focusCalendarOnOpen.current=!1,v.onOpenChange(!0))},[v]),O=c.useCallback(()=>{let e=v.parseDate(w);e!==null&&!s.isDateDisabled(e,v.min,v.max)?v.onSelectedDateChange(e):T(v.selectedDate===void 0?``:v.formatDate(v.selectedDate))},[w,v]),k=c.useCallback(e=>{e.key===`Enter`?(e.preventDefault(),O()):e.key===`Escape`?v.open?(e.preventDefault(),v.onOpenChange(!1)):T(v.selectedDate===void 0?``:v.formatDate(v.selectedDate)):e.key===`Tab`&&v.open&&v.onOpenChange(!1)},[O,v]),A=c.useCallback(e=>{let t=e.relatedTarget;t&&v.refs.floating.current?.contains(t)||O()},[O,v.refs.floating]),j=c.useCallback(()=>{v.disabled||(v.focusCalendarOnOpen.current=!v.open,v.onOpenChange(!v.open))},[v]),M=v.getReferenceProps({});return(0,l.jsxs)(`div`,{ref:y,className:t.cn(`relative inline-flex w-full items-center`,e),...g,children:[(0,l.jsx)(a.Input,{type:`text`,value:w,onChange:e=>T(e.target.value),onClick:D,onKeyDown:k,onBlur:A,placeholder:u,size:d,id:b.resolvedId,disabled:v.disabled||b.resolvedDisabled,"aria-invalid":E,"aria-describedby":b.ariaDescribedBy,"aria-required":b.ariaRequired,className:`pr-(--space-10)`,autoComplete:`off`}),(0,l.jsx)(`button`,{ref:n.composeRefs(v.triggerButtonRef,v.refs.setReference),type:`button`,...M,onClick:j,disabled:v.disabled,"aria-label":`Open calendar`,className:t.cn(`absolute right-0 top-0 bottom-0 flex items-center justify-center`,`px-(--space-3) text-(--nuka-text-muted) hover:text-(--nuka-text-base)`,`disabled:pointer-events-none disabled:opacity-50`,`cursor-pointer`),children:(0,l.jsx)(r.Icon,{size:`sm`,children:(0,l.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,l.jsx)(`rect`,{x:`3`,y:`4`,width:`18`,height:`18`,rx:`2`,ry:`2`}),(0,l.jsx)(`line`,{x1:`16`,y1:`2`,x2:`16`,y2:`6`}),(0,l.jsx)(`line`,{x1:`8`,y1:`2`,x2:`8`,y2:`6`}),(0,l.jsx)(`line`,{x1:`3`,y1:`10`,x2:`21`,y2:`10`})]})})})]})});u.displayName=`DatePickerInput`,exports.DatePickerInput=u;
+//# sourceMappingURL=DatePickerInput.cjs.map