@nuka-ui/core 1.1.4 → 1.1.5

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

@@ -2,11 +2,9 @@ import { clampDate as e, monthHasSelectableDays as t } from "./DatePicker.utils.
 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 [i, a] = n.useState(r.focusedDate.getFullYear()), [o, s] = n.useState(r.focusedDate.getMonth()), [c, l] = n.useState(r.open), [u, d] = n.useState(r.focusedDate);
+	(c !== r.open || u !== r.focusedDate) && (l(r.open), d(r.focusedDate), r.open && (a(r.focusedDate.getFullYear()), s(r.focusedDate.getMonth())));
+	let f = n.useMemo(() => {
 		let e = o - 1;
 		return t(e < 0 ? i - 1 : i, (e % 12 + 12) % 12, r.min, r.max);
 	}, [
@@ -14,7 +12,7 @@ function r(r) {
 		o,
 		r.min,
 		r.max
-	]), l = n.useMemo(() => {
+	]), p = n.useMemo(() => {
 		let e = o + 1;
 		return t(e > 11 ? i + 1 : i, e % 12, r.min, r.max);
 	}, [
@@ -28,28 +26,28 @@ function r(r) {
 		setDisplayedYear: a,
 		displayedMonth: o,
 		setDisplayedMonth: s,
-		canGoPrev: c,
-		canGoNext: l,
+		canGoPrev: f,
+		canGoNext: p,
 		goToPrevMonth: n.useCallback(() => {
-			if (!c) return;
+			if (!f) 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,
+			f,
 			i,
 			o,
 			r
 		]),
 		goToNextMonth: n.useCallback(() => {
-			if (!l) return;
+			if (!p) 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,
+			p,
 			i,
 			o,
 			r

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

@@ -1 +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":";;;AAUA,SAAgB,EAAsB,GAA6B;CACjE,IAAM,CAAC,GAAe,KAAoB,EAAM,SAC9C,EAAI,YAAY,aAAa,CAC9B,EACK,CAAC,GAAgB,KAAqB,EAAM,SAChD,EAAI,YAAY,UAAU,CAC3B;AAED,GAAM,gBAAgB;AACpB,EAAI,EAAI,SACN,EAAiB,EAAI,YAAY,aAAa,CAAC,EAC/C,EAAkB,EAAI,YAAY,UAAU,CAAC;IAE9C,CAAC,EAAI,MAAM,EAAI,YAAY,CAAC;CAE/B,IAAM,IAAY,EAAM,cAAc;EACpC,IAAM,IAAY,IAAiB;AAGnC,SAAO,EAFU,IAAY,IAAI,IAAgB,IAAI,IAC3B,IAAY,KAAM,MAAM,IACO,EAAI,KAAK,EAAI,IAAI;IACzE;EAAC;EAAe;EAAgB,EAAI;EAAK,EAAI;EAAI,CAAC,EAE/C,IAAY,EAAM,cAAc;EACpC,IAAM,IAAY,IAAiB;AAGnC,SAAO,EAFU,IAAY,KAAK,IAAgB,IAAI,GAC9B,IAAY,IACqB,EAAI,KAAK,EAAI,IAAI;IACzE;EAAC;EAAe;EAAgB,EAAI;EAAK,EAAI;EAAI,CAAC;AAkCrD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,eAvCoB,EAAM,kBAAkB;AAC5C,OAAI,CAAC,EAAW;GAChB,IAAM,IAAI,IAAI,KAAK,GAAe,IAAiB,GAAG,EAAE;AAExD,GADA,EAAiB,EAAE,aAAa,CAAC,EACjC,EAAkB,EAAE,UAAU,CAAC;GAC/B,IAAM,IAAa,IAAI,KACrB,EAAE,aAAa,EACf,EAAE,UAAU,EACZ,KAAK,IACH,EAAI,YAAY,SAAS,EACzB,IAAI,KAAK,EAAE,aAAa,EAAE,EAAE,UAAU,GAAG,GAAG,EAAE,CAAC,SAAS,CACzD,CACF;AACD,KAAI,eAAe,EAAU,GAAY,EAAI,KAAK,EAAI,IAAI,CAAC;KAC1D;GAAC;GAAW;GAAe;GAAgB;GAAI,CAAC;EA0BjD,eAxBoB,EAAM,kBAAkB;AAC5C,OAAI,CAAC,EAAW;GAChB,IAAM,IAAI,IAAI,KAAK,GAAe,IAAiB,GAAG,EAAE;AAExD,GADA,EAAiB,EAAE,aAAa,CAAC,EACjC,EAAkB,EAAE,UAAU,CAAC;GAC/B,IAAM,IAAa,IAAI,KACrB,EAAE,aAAa,EACf,EAAE,UAAU,EACZ,KAAK,IACH,EAAI,YAAY,SAAS,EACzB,IAAI,KAAK,EAAE,aAAa,EAAE,EAAE,UAAU,GAAG,GAAG,EAAE,CAAC,SAAS,CACzD,CACF;AACD,KAAI,eAAe,EAAU,GAAY,EAAI,KAAK,EAAI,IAAI,CAAC;KAC1D;GAAC;GAAW;GAAe;GAAgB;GAAI,CAAC;EAWlD;;AAGH,SAAgB,EACd,GACA,GACA,GACA;CACA,IAAM,IAAgB,EAAM,OAA0B,KAAK,EACrD,IAAmB,EAAM,OAAO,GAAK;AA8B3C,QA5BA,EAAM,gBAAgB;AACpB,MAAI,CAAC,EAAI,MAAM;AACb,KAAiB,UAAU;AAC3B;;AAGF,EAAI,EAAc,YACZ,EAAiB,WACnB,EAAiB,UAAU,IACvB,EAAI,oBAAoB,WAC1B,4BAA4B;AAC1B,KAAc,SAAS,OAAO;IAC9B,IAGJ,4BAA4B;AAC1B,KAAc,SAAS,OAAO;IAC9B;IAGL;EACD,EAAI;EACJ,EAAI;EACJ,EAAI;EACJ;EACA;EACD,CAAC,EAEK,EAAE,kBAAe;;AAG1B,SAAgB,EACd,GACA,GACA,GACA;AA+JA,QAAO,EAAE,eA9Ja,EAAM,aACzB,MAA2B;EAC1B,IAAM,IAAU,EAAI,aAChB,IAAU;AAEd,UAAQ,EAAE,KAAV;GACE,KAAK;AAMH,MALkB,IAAI,KACpB,EAAQ,aAAa,EACrB,EAAQ,UAAU,EAClB,EAAQ,SAAS,GAAG,EACrB,GAGE,MAAM,IAAI,KAAK,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,EAAE,SAAS,GAAG,EAAE,CAChE;AACD;GAEF,KAAK;AAMH,MALkB,IAAI,KACpB,EAAQ,aAAa,EACrB,EAAQ,UAAU,EAClB,EAAQ,SAAS,GAAG,EACrB,GAGE,MAAM,IAAI,KAAK,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,EAAE,SAAS,GAAG,EAAE,CAChE;AACD;GAEF,KAAK;AAMH,MALkB,IAAI,KACpB,EAAQ,aAAa,EACrB,EAAQ,UAAU,EAClB,EAAQ,SAAS,GAAG,EACrB,GAGE,MAAM,IAAI,KAAK,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,EAAE,SAAS,GAAG,EAAE,CAChE;AACD;GAEF,KAAK;AAMH,MALkB,IAAI,KACpB,EAAQ,aAAa,EACrB,EAAQ,UAAU,EAClB,EAAQ,SAAS,GAAG,EACrB,GAGE,MAAM,IAAI,KAAK,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,EAAE,SAAS,GAAG,EAAE,CAChE;AACD;GAEF,KAAK,UAAU;IACb,IAAM,IAAgB,IAAI,KACxB,EAAQ,aAAa,EACrB,EAAQ,UAAU,GAAG,GACrB,EACD,EACK,IAAe,IAAI,KACvB,EAAc,aAAa,EAC3B,EAAc,UAAU,GAAG,GAC3B,EACD,CAAC,SAAS;AAMX,MALkB,IAAI,KACpB,EAAc,aAAa,EAC3B,EAAc,UAAU,EACxB,KAAK,IAAI,EAAQ,SAAS,EAAE,EAAa,CAC1C,GAGE,MAAM,IAAI,KAAK,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,EAAE,SAAS,GAAG,EAAE,CAChE;AACD;;GAEF,KAAK,YAAY;IACf,IAAM,IAAgB,IAAI,KACxB,EAAQ,aAAa,EACrB,EAAQ,UAAU,GAAG,GACrB,EACD,EACK,IAAe,IAAI,KACvB,EAAc,aAAa,EAC3B,EAAc,UAAU,GAAG,GAC3B,EACD,CAAC,SAAS;AAMX,MALkB,IAAI,KACpB,EAAc,aAAa,EAC3B,EAAc,UAAU,EACxB,KAAK,IAAI,EAAQ,SAAS,EAAE,EAAa,CAC1C,GAGE,MAAM,IAAI,KAAK,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,EAAE,SAAS,GAAG,EAAE,CAChE;AACD;;GAEF,KAAK,QAAQ;IAEX,IAAM,KADY,EAAQ,QAAQ,GACA,KAAK;AAMvC,MALkB,IAAI,KACpB,EAAQ,aAAa,EACrB,EAAQ,UAAU,EAClB,EAAQ,SAAS,GAAG,EACrB,GAGE,MAAM,IAAI,KAAK,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,EAAE,SAAS,GAAG,EAAE,CAChE;AACD;;GAEF,KAAK,OAAO;IAEV,IAAM,KAAgB,IADJ,EAAQ,QAAQ,IACK;AAMvC,MALkB,IAAI,KACpB,EAAQ,aAAa,EACrB,EAAQ,UAAU,EAClB,EAAQ,SAAS,GAAG,EACrB,GAGE,MAAM,IAAI,KAAK,EAAE,aAAa,EAAE,EAAE,UAAU,EAAE,EAAE,SAAS,GAAG,EAAE,CAChE;AACD;;GAEF,KAAK;GACL,KAAK;AAEH,IADA,EAAE,gBAAgB,EAClB,EAAU,EAAQ;AAClB;GAEF,KAAK;AAEH,IADA,EAAI,aAAa,GAAM,EACvB,4BAA4B;AAC1B,OAAI,iBAAiB,SAAS,OAAO;MACrC;AACF;GAEF,KAAK;AAGH,IAFA,EAAE,gBAAgB,EAClB,EAAI,aAAa,GAAM,EACvB,4BAA4B;AAC1B,OAAI,iBAAiB,SAAS,OAAO;MACrC;AACF;GAEF,QACE,KAAU;;AAGd,EAAI,KACF,EAAE,gBAAgB;IAGtB;EAAC;EAAK;EAAgB;EAAU,CACjC,EAEuB"}
+{"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  // Sync displayed month/year when the calendar opens or the focused date\n  // changes (e.g. user selects a date). Uses setState during render to avoid\n  // the extra paint cycle that a useEffect would introduce.\n  const [prevOpen, setPrevOpen] = React.useState(ctx.open);\n  const [prevFocusedDate, setPrevFocusedDate] = React.useState(ctx.focusedDate);\n  if (prevOpen !== ctx.open || prevFocusedDate !== ctx.focusedDate) {\n    setPrevOpen(ctx.open);\n    setPrevFocusedDate(ctx.focusedDate);\n    if (ctx.open) {\n      setDisplayedYear(ctx.focusedDate.getFullYear());\n      setDisplayedMonth(ctx.focusedDate.getMonth());\n    }\n  }\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.map

@@ -1 +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"}
+{"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 focusCalendarOnOpenRef = 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: focusCalendarOnOpenRef,\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      focusCalendarOnOpenRef,\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,CACF,GAEM,CAAC,GAAM,KAAW,EAAM,SAAS,EAAK,GAEtC,IAAQ,EAAM,cAAc;EAChC,IAAM,oBAAM,IAAI,KAAK;EACrB,OAAO,IAAI,KAAK,EAAI,YAAY,GAAG,EAAI,SAAS,GAAG,EAAI,QAAQ,CAAC;CAClE,GAAG,CAAC,CAAC,GAEC,IAAmB,EAAM,cACzB,MAAiB,KAAA,IACd,EAAU,GAAO,GAAK,CAAG,IADO,GAEtC;EAAC;EAAc;EAAO;EAAK;CAAG,CAAC,GAE5B,CAAC,GAAa,KAAkB,EAAM,SAAS,CAAgB,GAE/D,IAAmB,EAAM,aAC5B,MAAsB;EAErB,AADA,EAAQ,CAAQ,GACZ,KAEF,EADe,KAAgB,EAAU,GAAO,GAAK,CAAG,CACnC;CAEzB,GACA;EAAC;EAAc;EAAO;EAAK;CAAG,CAChC,GAEM,EAAE,SAAM,mBAAgB,eAAY,EAAY;EACpD;EACA,cAAc;EACd,WAAW;EACX,YAAY;GAAC,EAAO,CAAC;GAAG,EAAK;GAAG,EAAM,EAAE,SAAS,EAAE,CAAC;EAAC;EACrD,sBAAsB;CACxB,CAAC,GAKK,EAAE,sBAAmB,wBAAqB,EAAgB,CAHhD,EAAW,CAIzB,GAHW,EAAQ,GAAS,EAAE,MAAM,SAAS,CAI7C,CACF,CAAC,GAEK,IAAS,EAAM,MAAM,GACrB,IAAmB,EAAM,OAA0B,IAAI,GACvD,IAAyB,EAAM,OAAO,EAAK;CA+CjD,OAAO,kBAAC,GAAD;EAAmB,OA7CmB,EAAM,eAC1C;GACL;GACA,cAAc;GACd;GACA,sBAAsB;GACtB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,qBAAqB;GACrB,YAAY;GACZ,WAAW;GACX;EACF,IACA;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAG+B;EAAe;CAA4B,CAAA;AAC9E;AAEA,EAAW,cAAc"}

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

@@ -1 +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"}
+{"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,YAAY,IAAM,EAAE,YAAY,GAClC,EAAE,SAAS,IAAM,EAAE,SAAS,GAC5B,EAAE,QAAQ,IAAM,EAAE,QAAQ,CAE9B,CAEA,SAAgB,EACd,EACA,EACA,EACS,CACT,IAAM,EAAY,IAAI,KACpB,EAAK,YAAY,EACjB,EAAK,SAAS,EACd,EAAK,QAAQ,CACf,EASA,OARI,IAAQ,IAAA,IAEN,EAAY,IADK,KAAK,EAAI,YAAY,EAAG,EAAI,SAAS,EAAG,EAAI,QAAQ,CACzD,GAEd,IAAQ,IAAA,IAEN,EAAY,IADG,KAAK,EAAI,YAAY,EAAG,EAAI,SAAS,EAAG,EAAI,QAAQ,CACvD,CAGpB,CAEA,SAAgB,EAAkB,EAAoB,CACpD,IAAM,EAAI,EAAK,YAAY,EACrB,EAAI,OAAO,EAAK,SAAS,EAAI,CAAC,EAAE,SAAS,EAAG,GAAG,EAC/C,EAAI,OAAO,EAAK,QAAQ,CAAC,EAAE,SAAS,EAAG,GAAG,EAChD,MAAO,GAAG,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,GAC9B,CAEA,SAAgB,EAAiB,EAA4B,CAC3D,IAAM,EAAQ,4BAA4B,KAAK,CAAK,EACpD,GAAI,CAAC,EAAO,OAAO,KACnB,IAAM,EAAO,OAAO,EAAM,EAAE,EACtB,EAAQ,OAAO,EAAM,EAAE,EACvB,EAAM,OAAO,EAAM,EAAE,EAC3B,GAAI,EAAQ,GAAK,EAAQ,GAAI,OAAO,KACpC,IAAM,EAAS,IAAI,KAAK,EAAM,EAAO,CAAC,EAAE,QAAQ,EAEhD,OADI,EAAM,GAAK,EAAM,EAAe,KAC7B,IAAI,KAAK,EAAM,EAAQ,EAAG,CAAG,CACtC,CAEA,SAAgB,EACd,EACA,EACqB,CAErB,IAAM,GADW,IAAI,KAAK,EAAM,EAAO,CAAC,EAAE,OAClB,EAAW,GAAK,EAClC,EAAY,IAAI,KAAK,EAAM,EAAQ,EAAG,CAAC,EAAE,QAAQ,EAEjD,EAA2B,CAAC,EAClC,IAAK,IAAI,EAAI,EAAG,EAAI,EAAgB,IAAK,EAAM,KAAK,IAAI,EACxD,IAAK,IAAI,EAAI,EAAG,GAAK,EAAW,IAAK,EAAM,KAAK,CAAC,EACjD,KAAO,EAAM,OAAS,GAAM,GAAG,EAAM,KAAK,IAAI,EAE9C,IAAM,EAA6B,CAAC,EACpC,IAAK,IAAI,EAAI,EAAG,EAAI,EAAM,OAAQ,GAAK,EACrC,EAAM,KAAK,EAAM,MAAM,EAAG,EAAI,CAAC,CAAC,EAElC,OAAO,CACT,CAEA,SAAgB,EACd,EACA,EACA,EACM,CAKN,OAJI,IAAQ,IAAA,IAAa,EAAO,EACvB,IAAI,KAAK,EAAI,YAAY,EAAG,EAAI,SAAS,EAAG,EAAI,QAAQ,CAAC,EAC9D,IAAQ,IAAA,IAAa,EAAO,EACvB,IAAI,KAAK,EAAI,YAAY,EAAG,EAAI,SAAS,EAAG,EAAI,QAAQ,CAAC,EAC3D,CACT,CAEA,SAAgB,EACd,EACA,EACA,EACA,EACS,CACT,IAAM,EAAY,IAAI,KAAK,EAAM,EAAQ,EAAG,CAAC,EAAE,QAAQ,EACjD,EAAe,IAAI,KAAK,EAAM,EAAO,CAAC,EACtC,EAAc,IAAI,KAAK,EAAM,EAAO,CAAS,EAWnD,MALA,EAJE,IAAQ,IAAA,IACR,EAAc,IAAI,KAAK,EAAI,YAAY,EAAG,EAAI,SAAS,EAAG,EAAI,QAAQ,CAAC,GAIvE,IAAQ,IAAA,IACR,EAAe,IAAI,KAAK,EAAI,YAAY,EAAG,EAAI,SAAS,EAAG,EAAI,QAAQ,CAAC,EAI5E"}

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

@@ -1 +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"}
+{"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;CACnD,OACE,EAAE,YAAY,MAAM,EAAE,YAAY,KAClC,EAAE,SAAS,MAAM,EAAE,SAAS,KAC5B,EAAE,QAAQ,MAAM,EAAE,QAAQ;AAE9B;AAEA,SAAgB,EACd,GACA,GACA,GACS;CACT,IAAM,IAAY,IAAI,KACpB,EAAK,YAAY,GACjB,EAAK,SAAS,GACd,EAAK,QAAQ,CACf;CASA,OARI,MAAQ,KAAA,KAEN,IAAY,IADK,KAAK,EAAI,YAAY,GAAG,EAAI,SAAS,GAAG,EAAI,QAAQ,CACzD,KAEd,MAAQ,KAAA,KAEN,IAAY,IADG,KAAK,EAAI,YAAY,GAAG,EAAI,SAAS,GAAG,EAAI,QAAQ,CACvD;AAGpB;AAEA,SAAgB,EAAkB,GAAoB;CACpD,IAAM,IAAI,EAAK,YAAY,GACrB,IAAI,OAAO,EAAK,SAAS,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG,GAC/C,IAAI,OAAO,EAAK,QAAQ,CAAC,EAAE,SAAS,GAAG,GAAG;CAChD,OAAO,GAAG,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG;AAC9B;AAEA,SAAgB,EAAiB,GAA4B;CAC3D,IAAM,IAAQ,4BAA4B,KAAK,CAAK;CACpD,IAAI,CAAC,GAAO,OAAO;CACnB,IAAM,IAAO,OAAO,EAAM,EAAE,GACtB,IAAQ,OAAO,EAAM,EAAE,GACvB,IAAM,OAAO,EAAM,EAAE;CAC3B,IAAI,IAAQ,KAAK,IAAQ,IAAI,OAAO;CACpC,IAAM,IAAS,IAAI,KAAK,GAAM,GAAO,CAAC,EAAE,QAAQ;CAEhD,OADI,IAAM,KAAK,IAAM,IAAe,OAC7B,IAAI,KAAK,GAAM,IAAQ,GAAG,CAAG;AACtC;AAEA,SAAgB,EACd,GACA,GACqB;CAErB,IAAM,KADW,IAAI,KAAK,GAAM,GAAO,CAAC,EAAE,OAClB,IAAW,KAAK,GAClC,IAAY,IAAI,KAAK,GAAM,IAAQ,GAAG,CAAC,EAAE,QAAQ,GAEjD,IAA2B,CAAC;CAClC,KAAK,IAAI,IAAI,GAAG,IAAI,GAAgB,KAAK,EAAM,KAAK,IAAI;CACxD,KAAK,IAAI,IAAI,GAAG,KAAK,GAAW,KAAK,EAAM,KAAK,CAAC;CACjD,OAAO,EAAM,SAAS,KAAM,IAAG,EAAM,KAAK,IAAI;CAE9C,IAAM,IAA6B,CAAC;CACpC,KAAK,IAAI,IAAI,GAAG,IAAI,EAAM,QAAQ,KAAK,GACrC,EAAM,KAAK,EAAM,MAAM,GAAG,IAAI,CAAC,CAAC;CAElC,OAAO;AACT;AAEA,SAAgB,EACd,GACA,GACA,GACM;CAKN,OAJI,MAAQ,KAAA,KAAa,IAAO,IACvB,IAAI,KAAK,EAAI,YAAY,GAAG,EAAI,SAAS,GAAG,EAAI,QAAQ,CAAC,IAC9D,MAAQ,KAAA,KAAa,IAAO,IACvB,IAAI,KAAK,EAAI,YAAY,GAAG,EAAI,SAAS,GAAG,EAAI,QAAQ,CAAC,IAC3D;AACT;AAEA,SAAgB,EACd,GACA,GACA,GACA,GACS;CACT,IAAM,IAAY,IAAI,KAAK,GAAM,IAAQ,GAAG,CAAC,EAAE,QAAQ,GACjD,IAAe,IAAI,KAAK,GAAM,GAAO,CAAC,GACtC,IAAc,IAAI,KAAK,GAAM,GAAO,CAAS;CAWnD,OALA,EAJE,MAAQ,KAAA,KACR,IAAc,IAAI,KAAK,EAAI,YAAY,GAAG,EAAI,SAAS,GAAG,EAAI,QAAQ,CAAC,KAIvE,MAAQ,KAAA,KACR,IAAe,IAAI,KAAK,EAAI,YAAY,GAAG,EAAI,SAAS,GAAG,EAAI,QAAQ,CAAC;AAI5E"}

package/dist/components/DatePicker/DatePickerCalendar.cjs

@@ -1,2 +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`);function f({ref:e,className:f,...p}){let m=s.useDatePickerContext(),h=n.composeRefs(e,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(p),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`,"data-slot":`calendar`,...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`,f),children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between mb-(--space-2)`,"data-slot":`calendar-header`,children:[(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:S,disabled:!b,"aria-label":`Previous month`,"data-slot":`prev-button`,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`,"data-slot":`month-year-label`,children:k}),(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:C,disabled:!x,"aria-label":`Next month`,"data-slot":`next-button`,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`,"data-slot":`grid`,onKeyDown:j,children:[(0,d.jsx)(`div`,{role:`row`,"aria-hidden":`true`,className:`grid grid-cols-7 mb-(--space-1)`,"data-slot":`weekday-row`,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)`,"data-slot":`weekday`,children:e.short},e.short))}),O.map((e,n)=>(0,d.jsx)(`div`,{role:`row`,className:`grid grid-cols-7`,"data-slot":`week-row`,children:e.map((e,n)=>{if(e===null)return(0,d.jsx)(`div`,{role:`gridcell`,"aria-hidden":`true`,"data-slot":`day-cell`,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`,"data-slot":`day-cell`,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),"data-slot":`day-button`,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;
+"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");function f({ref:e,className:f,...p}){let m=s.useDatePickerContext(),h=n.composeRefs(e,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),M=u.useMemo(()=>new Date,[]);if(!m.open)return null;let N=m.getFloatingProps(p);return(0,d.jsx)(o.Portal,{children:(0,d.jsxs)(`div`,{ref:h,style:m.floatingStyles,role:`dialog`,"aria-label":`Date picker`,"data-slot":`calendar`,...N,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`,f),children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between mb-(--space-2)`,"data-slot":`calendar-header`,children:[(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:S,disabled:!b,"aria-label":`Previous month`,"data-slot":`prev-button`,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`,"data-slot":`month-year-label`,children:k}),(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:C,disabled:!x,"aria-label":`Next month`,"data-slot":`next-button`,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`,"data-slot":`grid`,onKeyDown:j,children:[(0,d.jsx)(`div`,{role:`row`,"aria-hidden":`true`,className:`grid grid-cols-7 mb-(--space-1)`,"data-slot":`weekday-row`,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)`,"data-slot":`weekday`,children:e.short},e.short))}),O.map(e=>(0,d.jsx)(`div`,{role:`row`,className:`grid grid-cols-7`,"data-slot":`week-row`,children:e.map((e,n)=>{if(e===null)return(0,d.jsx)(`div`,{role:`gridcell`,"aria-hidden":`true`,"data-slot":`day-cell`,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,M),l=T.format(r);return(0,d.jsx)(`div`,{role:`gridcell`,"data-slot":`day-cell`,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),"data-slot":`day-button`,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)})},`${String(g)}-${String(v)}-${String(e.find(e=>e!==null)??0)}`))]})]})})}f.displayName=`DatePickerCalendar`,exports.DatePickerCalendar=f;
 //# sourceMappingURL=DatePickerCalendar.cjs.map

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

@@ -1 +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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DatePickerCalendar({\n  ref,\n  className,\n  ...props\n}: DatePickerCalendarProps) {\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        data-slot=\"calendar\"\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\n          className=\"flex items-center justify-between mb-(--space-2)\"\n          data-slot=\"calendar-header\"\n        >\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToPrevMonth}\n            disabled={!canGoPrev}\n            aria-label=\"Previous month\"\n            data-slot=\"prev-button\"\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\n            as=\"span\"\n            size=\"sm\"\n            weight=\"medium\"\n            data-slot=\"month-year-label\"\n          >\n            {headerLabel}\n          </Text>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToNextMonth}\n            disabled={!canGoNext}\n            aria-label=\"Next month\"\n            data-slot=\"next-button\"\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          data-slot=\"grid\"\n          onKeyDown={handleKeyDown}\n        >\n          <div\n            role=\"row\"\n            aria-hidden=\"true\"\n            className=\"grid grid-cols-7 mb-(--space-1)\"\n            data-slot=\"weekday-row\"\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                data-slot=\"weekday\"\n              >\n                {day.short}\n              </abbr>\n            ))}\n          </div>\n\n          {weeks.map((week, weekIndex) => (\n            <div\n              role=\"row\"\n              key={weekIndex}\n              className=\"grid grid-cols-7\"\n              data-slot=\"week-row\"\n            >\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                      data-slot=\"day-cell\"\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} data-slot=\"day-cell\">\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                      data-slot=\"day-button\"\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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"}
+{"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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DatePickerCalendar({\n  ref,\n  className,\n  ...props\n}: DatePickerCalendarProps) {\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  const today = React.useMemo(() => new Date(), []);\n\n  if (!ctx.open) return null;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <div\n        ref={composedRef}\n        style={ctx.floatingStyles}\n        role=\"dialog\"\n        aria-label=\"Date picker\"\n        data-slot=\"calendar\"\n        {...floatingProps}\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\n          className=\"flex items-center justify-between mb-(--space-2)\"\n          data-slot=\"calendar-header\"\n        >\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToPrevMonth}\n            disabled={!canGoPrev}\n            aria-label=\"Previous month\"\n            data-slot=\"prev-button\"\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\n            as=\"span\"\n            size=\"sm\"\n            weight=\"medium\"\n            data-slot=\"month-year-label\"\n          >\n            {headerLabel}\n          </Text>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToNextMonth}\n            disabled={!canGoNext}\n            aria-label=\"Next month\"\n            data-slot=\"next-button\"\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          data-slot=\"grid\"\n          onKeyDown={handleKeyDown}\n        >\n          <div\n            role=\"row\"\n            aria-hidden=\"true\"\n            className=\"grid grid-cols-7 mb-(--space-1)\"\n            data-slot=\"weekday-row\"\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                data-slot=\"weekday\"\n              >\n                {day.short}\n              </abbr>\n            ))}\n          </div>\n\n          {weeks.map((week) => (\n            <div\n              role=\"row\"\n              key={`${String(displayedYear)}-${String(displayedMonth)}-${String(week.find((d) => d !== null) ?? 0)}`}\n              className=\"grid grid-cols-7\"\n              data-slot=\"week-row\"\n            >\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                      data-slot=\"day-cell\"\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} data-slot=\"day-cell\">\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                      data-slot=\"day-button\"\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":"kcA2BA,SAAS,EAAmB,CAC1B,MACA,YACA,GAAG,GACuB,CAC1B,IAAM,EAAM,EAAA,qBAAqB,EAE3B,EAAc,EAAA,YAClB,EAFiB,EAAM,OAAuB,IAG9C,EACA,EAAI,KAAK,WACX,EAEM,CACJ,gBACA,mBACA,iBACA,oBACA,YACA,YACA,gBACA,iBACE,EAAA,sBAAsB,CAAG,EAEvB,CAAE,iBAAkB,EAAA,iBACxB,EACA,EACA,CACF,EAEM,EAAiB,EAAM,YAEzB,IAAI,KAAK,eAAe,EAAI,OAAQ,CAClC,QAAS,OACT,KAAM,UACN,MAAO,OACP,IAAK,SACP,CAAC,EACH,CAAC,EAAI,MAAM,CACb,EAEM,EAAkB,EAAM,YAE1B,IAAI,KAAK,eAAe,EAAI,OAAQ,CAClC,MAAO,OACP,KAAM,SACR,CAAC,EACH,CAAC,EAAI,MAAM,CACb,EAEM,EAAgB,EAAM,YAAc,CACxC,IAAM,EAAW,IAAI,KAAK,eAAe,EAAI,OAAQ,CAAE,QAAS,OAAQ,CAAC,EACnE,EAAU,IAAI,KAAK,eAAe,EAAI,OAAQ,CAAE,QAAS,MAAO,CAAC,EACvE,OAAO,MAAM,KAAK,CAAE,OAAQ,CAAE,GAAI,EAAG,IAAM,CACzC,IAAM,EAAO,IAAI,KAAK,KAAM,EAAG,EAAI,CAAC,EACpC,MAAO,CACL,MAAO,EAAS,OAAO,CAAI,EAC3B,KAAM,EAAQ,OAAO,CAAI,CAC3B,CACF,CAAC,CACH,EAAG,CAAC,EAAI,MAAM,CAAC,EAET,EAAQ,EAAM,YACZ,EAAA,eAAe,EAAe,CAAc,EAClD,CAAC,EAAe,CAAc,CAChC,EAEM,EAAc,EAAM,YAClB,EAAgB,OAAO,IAAI,KAAK,EAAe,EAAgB,CAAC,CAAC,EACvE,CAAC,EAAe,EAAgB,CAAe,CACjD,EAEM,EAAY,EAAM,YACrB,GAAe,CACV,EAAA,eAAe,EAAM,EAAI,IAAK,EAAI,GAAG,IACzC,EAAI,qBAAqB,CAAI,EAC7B,EAAI,aAAa,EAAK,EACtB,0BAA4B,CAC1B,EAAI,iBAAiB,SAAS,MAAM,CACtC,CAAC,EACH,EACA,CAAC,CAAG,CACN,EAwBM,CAAE,iBAAkB,EAAA,oBAAoB,EAtBvB,EAAM,aAC1B,EAAiB,IAA8B,CAC9C,IAAI,EAAU,EACV,EAAW,EACf,KAAO,EAAA,eAAe,EAAS,EAAI,IAAK,EAAI,GAAG,GAAK,EAAW,KAC7D,EAAU,EAAO,CAAO,EACxB,IAEE,EAAA,eAAe,EAAS,EAAI,IAAK,EAAI,GAAG,IAE5C,EAAI,eAAe,CAAO,GAExB,EAAQ,SAAS,IAAM,GACvB,EAAQ,YAAY,IAAM,KAE1B,EAAiB,EAAQ,YAAY,CAAC,EACtC,EAAkB,EAAQ,SAAS,CAAC,GAExC,EACA,CAAC,EAAK,EAAgB,EAAe,EAAkB,CAAiB,CAGvB,EAAgB,CAAS,EACtE,EAAQ,EAAM,YAAc,IAAI,KAAQ,CAAC,CAAC,EAEhD,GAAI,CAAC,EAAI,KAAM,OAAO,KAEtB,IAAM,EAAgB,EAAI,iBAAiB,CAAK,EAEhD,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,MAAO,EAAI,eACX,KAAK,SACL,aAAW,cACX,YAAU,WACV,GAAI,EACJ,UAAW,EAAA,GACT,iFACA,8CACA,6BACA,CACF,WAZF,EAcE,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,mDACV,YAAU,2BAFZ,EAIE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAQ,QACR,KAAK,KACL,QAAS,EACT,SAAU,CAAC,EACX,aAAW,iBACX,YAAU,wBAEV,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,WAAD,CAAU,OAAO,iBAAmB,CAAA,CACjC,CAAA,CACD,CAAA,CACA,CAAA,GACR,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,OACH,KAAK,KACL,OAAO,SACP,YAAU,4BAET,CACG,CAAA,GACN,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAQ,QACR,KAAK,KACL,QAAS,EACT,SAAU,CAAC,EACX,aAAW,aACX,YAAU,wBAEV,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,WAAD,CAAU,OAAO,gBAAkB,CAAA,CAChC,CAAA,CACD,CAAA,CACA,CAAA,CACL,KAEL,EAAA,EAAA,MAAC,MAAD,CACE,KAAK,OACL,aAAY,EACZ,GAAI,GAAG,EAAI,OAAO,OAClB,YAAU,OACV,UAAW,WALb,EAOE,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,MACL,cAAY,OACZ,UAAU,kCACV,YAAU,uBAET,EAAc,IAAK,IAClB,EAAA,EAAA,KAAC,OAAD,CAEE,MAAO,EAAI,KACX,UAAU,gGACV,YAAU,mBAET,EAAI,KACD,EANC,EAAI,KAML,CACP,CACE,CAAA,EAEJ,EAAM,IAAK,IACV,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,MAEL,UAAU,mBACV,YAAU,oBAET,EAAK,KAAK,EAAK,IAAa,CAC3B,GAAI,IAAQ,KACV,OACE,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,WAEL,cAAY,OACZ,YAAU,qBAEV,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,cAAgB,CAAA,CAC7B,EALE,SAAS,OAAO,CAAQ,GAK1B,EAIT,IAAM,EAAO,IAAI,KAAK,EAAe,EAAgB,CAAG,EAClD,EAAW,EAAA,eAAe,EAAM,EAAI,IAAK,EAAI,GAAG,EAChD,EACJ,EAAI,eAAiB,IAAA,IACrB,EAAA,UAAU,EAAM,EAAI,YAAY,EAC5B,EAAY,EAAA,UAAU,EAAM,EAAI,WAAW,EAC3C,EAAU,EAAA,UAAU,EAAM,CAAK,EAC/B,EAAW,EAAe,OAAO,CAAI,EAE3C,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,KAAK,WAAqB,YAAU,qBACvC,EAAA,EAAA,KAAC,SAAD,CACE,IAAK,EAAY,EAAgB,IAAA,GACjC,KAAK,SACL,SAAU,EAAY,EAAI,GAC1B,aAAY,EACZ,gBAAe,EACf,gBAAe,GAAY,IAAA,GACjB,WACV,YAAe,EAAU,CAAI,EAC7B,YAAU,aACV,UAAW,EAAA,GACT,wEACA,qGACA,iBACA,GACE,gDACF,CAAC,GACC,CAAC,GACD,6BACF,GACE,CAAC,GACD,qCACF,GAAY,2BACd,WAEC,CACK,CAAA,CACL,EA5BqB,CA4BrB,CAET,CAAC,CACE,EA3DE,GAAG,OAAO,CAAa,EAAE,GAAG,OAAO,CAAc,EAAE,GAAG,OAAO,EAAK,KAAM,GAAM,IAAM,IAAI,GAAK,CAAC,GA2DhG,CACN,CACE,GACF,GACC,CAAA,CAEZ,CAEA,EAAmB,YAAc"}

package/dist/components/DatePicker/DatePickerCalendar.js

@@ -47,16 +47,16 @@ function g({ ref: g, className: _, ...v }) {
 		x,
 		S,
 		w
-	]), F);
+	]), F), L = p.useMemo(() => /* @__PURE__ */ new Date(), []);
 	if (!y.open) return null;
-	let L = y.getFloatingProps(v), R = /* @__PURE__ */ new Date();
+	let R = y.getFloatingProps(v);
 	return /* @__PURE__ */ m(a, { children: /* @__PURE__ */ h("div", {
 		ref: b,
 		style: y.floatingStyles,
 		role: "dialog",
 		"aria-label": "Date picker",
 		"data-slot": "calendar",
-		...L,
+		...R,
 		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", _),
 		children: [/* @__PURE__ */ h("div", {
 			className: "flex items-center justify-between mb-(--space-2)",
@@ -129,7 +129,7 @@ function g({ ref: g, className: _, ...v }) {
 					"data-slot": "weekday",
 					children: e.short
 				}, e.short))
-			}), N.map((t, n) => /* @__PURE__ */ m("div", {
+			}), N.map((t) => /* @__PURE__ */ m("div", {
 				role: "row",
 				className: "grid grid-cols-7",
 				"data-slot": "week-row",
@@ -140,7 +140,7 @@ function g({ ref: g, className: _, ...v }) {
 						"data-slot": "day-cell",
 						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);
+					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, L), u = A.format(r);
 					return /* @__PURE__ */ m("div", {
 						role: "gridcell",
 						"data-slot": "day-cell",
@@ -159,7 +159,7 @@ function g({ ref: g, className: _, ...v }) {
 						})
 					}, t);
 				})
-			}, n))]
+			}, `${String(x)}-${String(C)}-${String(t.find((e) => e !== null) ?? 0)}`))]
 		})]
 	}) });
 }

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

@@ -1 +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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DatePickerCalendar({\n  ref,\n  className,\n  ...props\n}: DatePickerCalendarProps) {\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        data-slot=\"calendar\"\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\n          className=\"flex items-center justify-between mb-(--space-2)\"\n          data-slot=\"calendar-header\"\n        >\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToPrevMonth}\n            disabled={!canGoPrev}\n            aria-label=\"Previous month\"\n            data-slot=\"prev-button\"\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\n            as=\"span\"\n            size=\"sm\"\n            weight=\"medium\"\n            data-slot=\"month-year-label\"\n          >\n            {headerLabel}\n          </Text>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToNextMonth}\n            disabled={!canGoNext}\n            aria-label=\"Next month\"\n            data-slot=\"next-button\"\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          data-slot=\"grid\"\n          onKeyDown={handleKeyDown}\n        >\n          <div\n            role=\"row\"\n            aria-hidden=\"true\"\n            className=\"grid grid-cols-7 mb-(--space-1)\"\n            data-slot=\"weekday-row\"\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                data-slot=\"weekday\"\n              >\n                {day.short}\n              </abbr>\n            ))}\n          </div>\n\n          {weeks.map((week, weekIndex) => (\n            <div\n              role=\"row\"\n              key={weekIndex}\n              className=\"grid grid-cols-7\"\n              data-slot=\"week-row\"\n            >\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                      data-slot=\"day-cell\"\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} data-slot=\"day-cell\">\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                      data-slot=\"day-button\"\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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"}
+{"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  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DatePickerCalendar({\n  ref,\n  className,\n  ...props\n}: DatePickerCalendarProps) {\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  const today = React.useMemo(() => new Date(), []);\n\n  if (!ctx.open) return null;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <div\n        ref={composedRef}\n        style={ctx.floatingStyles}\n        role=\"dialog\"\n        aria-label=\"Date picker\"\n        data-slot=\"calendar\"\n        {...floatingProps}\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\n          className=\"flex items-center justify-between mb-(--space-2)\"\n          data-slot=\"calendar-header\"\n        >\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToPrevMonth}\n            disabled={!canGoPrev}\n            aria-label=\"Previous month\"\n            data-slot=\"prev-button\"\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\n            as=\"span\"\n            size=\"sm\"\n            weight=\"medium\"\n            data-slot=\"month-year-label\"\n          >\n            {headerLabel}\n          </Text>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToNextMonth}\n            disabled={!canGoNext}\n            aria-label=\"Next month\"\n            data-slot=\"next-button\"\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          data-slot=\"grid\"\n          onKeyDown={handleKeyDown}\n        >\n          <div\n            role=\"row\"\n            aria-hidden=\"true\"\n            className=\"grid grid-cols-7 mb-(--space-1)\"\n            data-slot=\"weekday-row\"\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                data-slot=\"weekday\"\n              >\n                {day.short}\n              </abbr>\n            ))}\n          </div>\n\n          {weeks.map((week) => (\n            <div\n              role=\"row\"\n              key={`${String(displayedYear)}-${String(displayedMonth)}-${String(week.find((d) => d !== null) ?? 0)}`}\n              className=\"grid grid-cols-7\"\n              data-slot=\"week-row\"\n            >\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                      data-slot=\"day-cell\"\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} data-slot=\"day-cell\">\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                      data-slot=\"day-button\"\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

@@ -1,2 +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`);function u({ref:e,className:u,placeholder:d=`YYYY-MM-DD`,size:f,id:p,"aria-invalid":m,"aria-describedby":h,"aria-required":g,..._}){let v=o.useDatePickerContext(),y=n.composeRefs(e,c.useCallback(e=>{e&&v.refs.setPositionReference(e)},[v.refs])),b=i.useFormFieldProps({id:p,"aria-invalid":m,"aria-describedby":h,"aria-required":g}),{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`,u),"data-slot":`input-root`,..._,children:[(0,l.jsx)(a.Input,{type:`text`,value:w,onChange:e=>T(e.target.value),onClick:D,onKeyDown:k,onBlur:A,placeholder:d,size:f,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`,"data-slot":`input`}),(0,l.jsx)(`button`,{ref:n.composeRefs(v.triggerButtonRef,v.refs.setReference),type:`button`,...M,onClick:j,disabled:v.disabled,"aria-label":`Open calendar`,"data-slot":`toggle`,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;
+"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");function u({ref:e,className:u,placeholder:d=`YYYY-MM-DD`,size:f,id:p,"aria-invalid":m,"aria-describedby":h,"aria-required":g,..._}){let v=o.useDatePickerContext(),y=n.composeRefs(e,c.useCallback(e=>{e&&v.refs.setPositionReference(e)},[v.refs])),b=i.useFormFieldProps({id:p,"aria-invalid":m,"aria-describedby":h,"aria-required":g}),{selectedDate:x,open:S,formatDate:C}=v,[w,T]=c.useState(()=>x===void 0?``:C(x)),[E,D]=c.useState(S),[O,k]=c.useState(x);(E!==S||O!==x)&&(D(S),k(x),S||T(x===void 0?``:C(x)));let A=b.ariaInvalid??void 0,j=c.useCallback(()=>{!v.disabled&&!v.open&&(v.focusCalendarOnOpen.current=!1,v.onOpenChange(!0))},[v]),M=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]),N=c.useCallback(e=>{e.key===`Enter`?(e.preventDefault(),M()):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)},[M,v]),P=c.useCallback(e=>{let t=e.relatedTarget;t&&v.refs.floating.current?.contains(t)||M()},[M,v.refs.floating]),F=c.useCallback(()=>{v.disabled||(v.focusCalendarOnOpen.current=!v.open,v.onOpenChange(!v.open))},[v]),I=v.getReferenceProps({});return(0,l.jsxs)(`div`,{ref:y,className:t.cn(`relative inline-flex w-full items-center`,u),"data-slot":`input-root`,..._,children:[(0,l.jsx)(a.Input,{type:`text`,value:w,onChange:e=>T(e.target.value),onClick:j,onKeyDown:N,onBlur:P,placeholder:d,size:f,id:b.resolvedId,disabled:v.disabled||b.resolvedDisabled,"aria-invalid":A,"aria-describedby":b.ariaDescribedBy,"aria-required":b.ariaRequired,className:`pr-(--space-10)`,autoComplete:`off`,"data-slot":`input`}),(0,l.jsx)(`button`,{ref:n.composeRefs(v.triggerButtonRef,v.refs.setReference),type:`button`,...I,onClick:F,disabled:v.disabled,"aria-label":`Open calendar`,"data-slot":`toggle`,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

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerInput.cjs","names":[],"sources":["../../../src/components/DatePicker/DatePickerInput.tsx"],"sourcesContent":["\"use client\";\n// Exceeds 200 lines: single forwardRef component with input handling, blur/keydown/click\n// callbacks, form field integration, and calendar toggle. Cannot split without violating\n// single-component-per-file.\nimport * as React from \"react\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Input } from \"@nuka/components/Input\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useDatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport { isDateDisabled } from \"@nuka/components/DatePicker/DatePicker.utils\";\n\nexport interface DatePickerInputProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"id\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  placeholder?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  id?: string;\n  \"aria-invalid\"?: React.AriaAttributes[\"aria-invalid\"];\n  \"aria-describedby\"?: string;\n  \"aria-required\"?: React.AriaAttributes[\"aria-required\"];\n}\n\nfunction DatePickerInput({\n  ref,\n  className,\n  placeholder = \"YYYY-MM-DD\",\n  size,\n  id,\n  \"aria-invalid\": ariaInvalidProp,\n  \"aria-describedby\": ariaDescribedByProp,\n  \"aria-required\": ariaRequiredProp,\n  ...props\n}: DatePickerInputProps) {\n  const ctx = useDatePickerContext();\n  const setPositionRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      if (node) {\n        ctx.refs.setPositionReference(node);\n      }\n    },\n    [ctx.refs],\n  );\n  const composedRef = composeRefs(ref, setPositionRef);\n\n  const field = useFormFieldProps({\n    id,\n    \"aria-invalid\": ariaInvalidProp,\n    \"aria-describedby\": ariaDescribedByProp,\n    \"aria-required\": ariaRequiredProp,\n  });\n\n  const { selectedDate, open, formatDate: ctxFormatDate } = ctx;\n\n  const [inputText, setInputText] = React.useState(\n    selectedDate !== undefined ? ctxFormatDate(selectedDate) : \"\",\n  );\n\n  React.useEffect(() => {\n    if (!open) {\n      setInputText(\n        selectedDate !== undefined ? ctxFormatDate(selectedDate) : \"\",\n      );\n    }\n  }, [selectedDate, open, ctxFormatDate]);\n\n  const ariaInvalid = field.ariaInvalid ?? undefined;\n\n  const handleInputClick = React.useCallback(() => {\n    if (!ctx.disabled && !ctx.open) {\n      ctx.focusCalendarOnOpen.current = false;\n      ctx.onOpenChange(true);\n    }\n  }, [ctx]);\n\n  const commitValue = React.useCallback(() => {\n    const parsed = ctx.parseDate(inputText);\n    if (parsed !== null && !isDateDisabled(parsed, ctx.min, ctx.max)) {\n      ctx.onSelectedDateChange(parsed);\n    } else {\n      setInputText(\n        ctx.selectedDate !== undefined ? ctx.formatDate(ctx.selectedDate) : \"\",\n      );\n    }\n  }, [inputText, ctx]);\n\n  const handleInputKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") {\n        e.preventDefault();\n        commitValue();\n      } else if (e.key === \"Escape\") {\n        if (ctx.open) {\n          e.preventDefault();\n          ctx.onOpenChange(false);\n        } else {\n          setInputText(\n            ctx.selectedDate !== undefined\n              ? ctx.formatDate(ctx.selectedDate)\n              : \"\",\n          );\n        }\n      } else if (e.key === \"Tab\") {\n        if (ctx.open) {\n          ctx.onOpenChange(false);\n        }\n      }\n    },\n    [commitValue, ctx],\n  );\n\n  const handleInputBlur = React.useCallback(\n    (e: React.FocusEvent<HTMLInputElement>) => {\n      const relatedTarget = e.relatedTarget as Node | null;\n      if (relatedTarget && ctx.refs.floating.current?.contains(relatedTarget)) {\n        return;\n      }\n      commitValue();\n    },\n    [commitValue, ctx.refs.floating],\n  );\n\n  const handleToggle = React.useCallback(() => {\n    if (!ctx.disabled) {\n      ctx.focusCalendarOnOpen.current = !ctx.open;\n      ctx.onOpenChange(!ctx.open);\n    }\n  }, [ctx]);\n\n  const referenceProps = ctx.getReferenceProps({});\n\n  return (\n    <div\n      ref={composedRef}\n      className={cn(\"relative inline-flex w-full items-center\", className)}\n      data-slot=\"input-root\"\n      {...props}\n    >\n      <Input\n        type=\"text\"\n        value={inputText}\n        onChange={(e) => setInputText(e.target.value)}\n        onClick={handleInputClick}\n        onKeyDown={handleInputKeyDown}\n        onBlur={handleInputBlur}\n        placeholder={placeholder}\n        size={size}\n        id={field.resolvedId}\n        disabled={ctx.disabled || field.resolvedDisabled}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        className=\"pr-(--space-10)\"\n        autoComplete=\"off\"\n        data-slot=\"input\"\n      />\n      <button\n        ref={composeRefs(\n          ctx.triggerButtonRef,\n          ctx.refs.setReference as React.Ref<HTMLButtonElement>,\n        )}\n        type=\"button\"\n        {...(referenceProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n        onClick={handleToggle}\n        disabled={ctx.disabled}\n        aria-label=\"Open calendar\"\n        data-slot=\"toggle\"\n        className={cn(\n          \"absolute right-0 top-0 bottom-0 flex items-center justify-center\",\n          \"px-(--space-3) text-(--nuka-text-muted) hover:text-(--nuka-text-base)\",\n          \"disabled:pointer-events-none disabled:opacity-50\",\n          \"cursor-pointer\",\n        )}\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            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" />\n            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" />\n            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" />\n            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" />\n          </svg>\n        </Icon>\n      </button>\n    </div>\n  );\n}\n\nDatePickerInput.displayName = \"DatePickerInput\";\n\nexport { DatePickerInput };\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerInput.cjs","names":[],"sources":["../../../src/components/DatePicker/DatePickerInput.tsx"],"sourcesContent":["\"use client\";\n// Exceeds 200 lines: single forwardRef component with input handling, blur/keydown/click\n// callbacks, form field integration, and calendar toggle. Cannot split without violating\n// single-component-per-file.\nimport * as React from \"react\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Input } from \"@nuka/components/Input\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useDatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport { isDateDisabled } from \"@nuka/components/DatePicker/DatePicker.utils\";\n\nexport interface DatePickerInputProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"id\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  placeholder?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n  id?: string;\n  \"aria-invalid\"?: React.AriaAttributes[\"aria-invalid\"];\n  \"aria-describedby\"?: string;\n  \"aria-required\"?: React.AriaAttributes[\"aria-required\"];\n}\n\nfunction DatePickerInput({\n  ref,\n  className,\n  placeholder = \"YYYY-MM-DD\",\n  size,\n  id,\n  \"aria-invalid\": ariaInvalidProp,\n  \"aria-describedby\": ariaDescribedByProp,\n  \"aria-required\": ariaRequiredProp,\n  ...props\n}: DatePickerInputProps) {\n  const ctx = useDatePickerContext();\n  const setPositionRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      if (node) {\n        ctx.refs.setPositionReference(node);\n      }\n    },\n    [ctx.refs],\n  );\n  const composedRef = composeRefs(ref, setPositionRef);\n\n  const field = useFormFieldProps({\n    id,\n    \"aria-invalid\": ariaInvalidProp,\n    \"aria-describedby\": ariaDescribedByProp,\n    \"aria-required\": ariaRequiredProp,\n  });\n\n  const { selectedDate, open, formatDate: ctxFormatDate } = ctx;\n\n  const [inputText, setInputText] = React.useState(() =>\n    selectedDate !== undefined ? ctxFormatDate(selectedDate) : \"\",\n  );\n\n  // Sync input text when the calendar closes or the selected date changes.\n  // Uses setState during render to avoid the extra paint cycle from useEffect.\n  const [prevOpen, setPrevOpen] = React.useState(open);\n  const [prevSelectedDate, setPrevSelectedDate] = React.useState(selectedDate);\n  if (prevOpen !== open || prevSelectedDate !== selectedDate) {\n    setPrevOpen(open);\n    setPrevSelectedDate(selectedDate);\n    if (!open) {\n      setInputText(\n        selectedDate !== undefined ? ctxFormatDate(selectedDate) : \"\",\n      );\n    }\n  }\n\n  const ariaInvalid = field.ariaInvalid ?? undefined;\n\n  const handleInputClick = React.useCallback(() => {\n    if (!ctx.disabled && !ctx.open) {\n      ctx.focusCalendarOnOpen.current = false;\n      ctx.onOpenChange(true);\n    }\n  }, [ctx]);\n\n  const commitValue = React.useCallback(() => {\n    const parsed = ctx.parseDate(inputText);\n    if (parsed !== null && !isDateDisabled(parsed, ctx.min, ctx.max)) {\n      ctx.onSelectedDateChange(parsed);\n    } else {\n      setInputText(\n        ctx.selectedDate !== undefined ? ctx.formatDate(ctx.selectedDate) : \"\",\n      );\n    }\n  }, [inputText, ctx]);\n\n  const handleInputKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") {\n        e.preventDefault();\n        commitValue();\n      } else if (e.key === \"Escape\") {\n        if (ctx.open) {\n          e.preventDefault();\n          ctx.onOpenChange(false);\n        } else {\n          setInputText(\n            ctx.selectedDate !== undefined\n              ? ctx.formatDate(ctx.selectedDate)\n              : \"\",\n          );\n        }\n      } else if (e.key === \"Tab\") {\n        if (ctx.open) {\n          ctx.onOpenChange(false);\n        }\n      }\n    },\n    [commitValue, ctx],\n  );\n\n  const handleInputBlur = React.useCallback(\n    (e: React.FocusEvent<HTMLInputElement>) => {\n      const relatedTarget = e.relatedTarget as Node | null;\n      if (relatedTarget && ctx.refs.floating.current?.contains(relatedTarget)) {\n        return;\n      }\n      commitValue();\n    },\n    [commitValue, ctx.refs.floating],\n  );\n\n  const handleToggle = React.useCallback(() => {\n    if (!ctx.disabled) {\n      ctx.focusCalendarOnOpen.current = !ctx.open;\n      ctx.onOpenChange(!ctx.open);\n    }\n  }, [ctx]);\n\n  const referenceProps = ctx.getReferenceProps({});\n\n  return (\n    <div\n      ref={composedRef}\n      className={cn(\"relative inline-flex w-full items-center\", className)}\n      data-slot=\"input-root\"\n      {...props}\n    >\n      <Input\n        type=\"text\"\n        value={inputText}\n        onChange={(e) => setInputText(e.target.value)}\n        onClick={handleInputClick}\n        onKeyDown={handleInputKeyDown}\n        onBlur={handleInputBlur}\n        placeholder={placeholder}\n        size={size}\n        id={field.resolvedId}\n        disabled={ctx.disabled || field.resolvedDisabled}\n        aria-invalid={ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        className=\"pr-(--space-10)\"\n        autoComplete=\"off\"\n        data-slot=\"input\"\n      />\n      <button\n        ref={composeRefs(\n          ctx.triggerButtonRef,\n          ctx.refs.setReference as React.Ref<HTMLButtonElement>,\n        )}\n        type=\"button\"\n        {...referenceProps}\n        onClick={handleToggle}\n        disabled={ctx.disabled}\n        aria-label=\"Open calendar\"\n        data-slot=\"toggle\"\n        className={cn(\n          \"absolute right-0 top-0 bottom-0 flex items-center justify-center\",\n          \"px-(--space-3) text-(--nuka-text-muted) hover:text-(--nuka-text-base)\",\n          \"disabled:pointer-events-none disabled:opacity-50\",\n          \"cursor-pointer\",\n        )}\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            <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" />\n            <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" />\n            <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" />\n            <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" />\n          </svg>\n        </Icon>\n      </button>\n    </div>\n  );\n}\n\nDatePickerInput.displayName = \"DatePickerInput\";\n\nexport { DatePickerInput };\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerInput.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,IAAI,CACL;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;CACzD;AAED,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,SAAS,EACT,WAA0B,EAC1B,IAAI,EACJ,EAAE,EACF,cAAc,EAAE,eAAe,EAC/B,kBAAkB,EAAE,mBAAmB,EACvC,eAAe,EAAE,gBAAgB,EACjC,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAgKtB;kBA1KQ,eAAe;;;AA8KxB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"DatePickerInput.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,IAAI,CACL;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;CACzD;AAED,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,SAAS,EACT,WAA0B,EAC1B,IAAI,EACJ,EAAE,EACF,cAAc,EAAE,eAAe,EAC/B,kBAAkB,EAAE,mBAAmB,EACvC,eAAe,EAAE,gBAAgB,EACjC,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAsKtB;kBAhLQ,eAAe;;;AAoLxB,OAAO,EAAE,eAAe,EAAE,CAAC"}