@nuka-ui/core 1.1.3 → 1.1.5

package/dist/components/DatePicker/DatePicker.hooks.cjs

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.hooks.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.hooks.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AAM7F,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,sBAAsB;;;;;;;;;EAuEhE;AAED,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,sBAAsB,EAC3B,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM;;EAkCvB;AAED,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,sBAAsB,EAC3B,cAAc,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,KAAK,IAAI,EACpE,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;uBAGzB,KAAK,CAAC,aAAa;EA8J1B"}
+{"version":3,"file":"DatePicker.hooks.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.hooks.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AAM7F,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,sBAAsB;;;;;;;;;EA8EhE;AAED,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,sBAAsB,EAC3B,aAAa,EAAE,MAAM,EACrB,cAAc,EAAE,MAAM;;EAkCvB;AAED,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,sBAAsB,EAC3B,cAAc,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,IAAI,KAAK,IAAI,EACpE,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI;uBAGzB,KAAK,CAAC,aAAa;EA8J1B"}

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":"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"}
+{"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`,...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)`,children:[(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:S,disabled:!b,"aria-label":`Previous month`,children:(0,d.jsx)(r.Icon,{size:`sm`,children:(0,d.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,d.jsx)(`polyline`,{points:`15 18 9 12 15 6`})})})}),(0,d.jsx)(a.Text,{as:`span`,size:`sm`,weight:`medium`,children:k}),(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:C,disabled:!x,"aria-label":`Next month`,children:(0,d.jsx)(r.Icon,{size:`sm`,children:(0,d.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,d.jsx)(`polyline`,{points:`9 18 15 12 9 6`})})})})]}),(0,d.jsxs)(`div`,{role:`grid`,"aria-label":k,id:`${m.baseId}-grid`,onKeyDown:j,children:[(0,d.jsx)(`div`,{role:`row`,"aria-hidden":`true`,className:`grid grid-cols-7 mb-(--space-1)`,children:D.map(e=>(0,d.jsx)(`abbr`,{title:e.long,className:`flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)`,children:e.short},e.short))}),O.map((e,n)=>(0,d.jsx)(`div`,{role:`row`,className:`grid grid-cols-7`,children:e.map((e,n)=>{if(e===null)return(0,d.jsx)(`div`,{role:`gridcell`,"aria-hidden":`true`,children:(0,d.jsx)(`span`,{className:`block size-9`})},`empty-${String(n)}`);let r=new Date(g,v,e),i=c.isDateDisabled(r,m.min,m.max),a=m.selectedDate!==void 0&&c.isSameDay(r,m.selectedDate),o=c.isSameDay(r,m.focusedDate),s=c.isSameDay(r,N),l=T.format(r);return(0,d.jsx)(`div`,{role:`gridcell`,children:(0,d.jsx)(`button`,{ref:o?w:void 0,type:`button`,tabIndex:o?0:-1,"aria-label":l,"aria-selected":a,"aria-disabled":i||void 0,disabled:i,onClick:()=>A(r),className:t.cn(`flex items-center justify-center size-9 rounded-(--radius-md) text-sm`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,`cursor-pointer`,a&&`bg-(--nuka-accent-bg) text-(--nuka-accent-fg)`,!a&&!i&&`hover:bg-(--nuka-bg-muted)`,s&&!a&&`ring-1 ring-(--nuka-border-strong)`,i&&`opacity-50 cursor-default`),children:e})},e)})},n))]})]})})}f.displayName=`DatePickerCalendar`,exports.DatePickerCalendar=f;
+"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        {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n        className={cn(\n          \"z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base) shadow-md p-(--space-3)\",\n          \"focus-visible:outline-none\",\n          className,\n        )}\n      >\n        <div className=\"flex items-center justify-between mb-(--space-2)\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToPrevMonth}\n            disabled={!canGoPrev}\n            aria-label=\"Previous month\"\n          >\n            <Icon size=\"sm\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              >\n                <polyline points=\"15 18 9 12 15 6\" />\n              </svg>\n            </Icon>\n          </Button>\n          <Text as=\"span\" size=\"sm\" weight=\"medium\">\n            {headerLabel}\n          </Text>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToNextMonth}\n            disabled={!canGoNext}\n            aria-label=\"Next month\"\n          >\n            <Icon size=\"sm\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              >\n                <polyline points=\"9 18 15 12 9 6\" />\n              </svg>\n            </Icon>\n          </Button>\n        </div>\n\n        <div\n          role=\"grid\"\n          aria-label={headerLabel}\n          id={`${ctx.baseId}-grid`}\n          onKeyDown={handleKeyDown}\n        >\n          <div\n            role=\"row\"\n            aria-hidden=\"true\"\n            className=\"grid grid-cols-7 mb-(--space-1)\"\n          >\n            {weekdayLabels.map((day) => (\n              <abbr\n                key={day.short}\n                title={day.long}\n                className=\"flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)\"\n              >\n                {day.short}\n              </abbr>\n            ))}\n          </div>\n\n          {weeks.map((week, weekIndex) => (\n            <div role=\"row\" key={weekIndex} className=\"grid grid-cols-7\">\n              {week.map((day, dayIndex) => {\n                if (day === null) {\n                  return (\n                    <div\n                      role=\"gridcell\"\n                      key={`empty-${String(dayIndex)}`}\n                      aria-hidden=\"true\"\n                    >\n                      <span className=\"block size-9\" />\n                    </div>\n                  );\n                }\n\n                const date = new Date(displayedYear, displayedMonth, day);\n                const disabled = isDateDisabled(date, ctx.min, ctx.max);\n                const isSelected =\n                  ctx.selectedDate !== undefined &&\n                  isSameDay(date, ctx.selectedDate);\n                const isFocused = isSameDay(date, ctx.focusedDate);\n                const isToday = isSameDay(date, today);\n                const dayLabel = labelFormatter.format(date);\n\n                return (\n                  <div role=\"gridcell\" key={day}>\n                    <button\n                      ref={isFocused ? focusedDayRef : undefined}\n                      type=\"button\"\n                      tabIndex={isFocused ? 0 : -1}\n                      aria-label={dayLabel}\n                      aria-selected={isSelected}\n                      aria-disabled={disabled || undefined}\n                      disabled={disabled}\n                      onClick={() => selectDay(date)}\n                      className={cn(\n                        \"flex items-center justify-center size-9 rounded-(--radius-md) text-sm\",\n                        \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n                        \"cursor-pointer\",\n                        isSelected &&\n                          \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n                        !isSelected &&\n                          !disabled &&\n                          \"hover:bg-(--nuka-bg-muted)\",\n                        isToday &&\n                          !isSelected &&\n                          \"ring-1 ring-(--nuka-border-strong)\",\n                        disabled && \"opacity-50 cursor-default\",\n                      )}\n                    >\n                      {day}\n                    </button>\n                  </div>\n                );\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    </Portal>\n  );\n}\n\nDatePickerCalendar.displayName = \"DatePickerCalendar\";\n\nexport { DatePickerCalendar };\n"],"mappings":"kcA2BA,SAAS,EAAmB,CAC1B,MACA,YACA,GAAG,GACuB,CAC1B,IAAM,EAAM,EAAA,sBAAsB,CAE5B,EAAc,EAAA,YAClB,EAFiB,EAAM,OAAuB,KAAK,CAInD,EAAI,KAAK,YACV,CAEK,CACJ,gBACA,mBACA,iBACA,oBACA,YACA,YACA,gBACA,iBACE,EAAA,sBAAsB,EAAI,CAExB,CAAE,iBAAkB,EAAA,iBACxB,EACA,EACA,EACD,CAEK,EAAiB,EAAM,YAEzB,IAAI,KAAK,eAAe,EAAI,OAAQ,CAClC,QAAS,OACT,KAAM,UACN,MAAO,OACP,IAAK,UACN,CAAC,CACJ,CAAC,EAAI,OAAO,CACb,CAEK,EAAkB,EAAM,YAE1B,IAAI,KAAK,eAAe,EAAI,OAAQ,CAClC,MAAO,OACP,KAAM,UACP,CAAC,CACJ,CAAC,EAAI,OAAO,CACb,CAEK,EAAgB,EAAM,YAAc,CACxC,IAAM,EAAW,IAAI,KAAK,eAAe,EAAI,OAAQ,CAAE,QAAS,QAAS,CAAC,CACpE,EAAU,IAAI,KAAK,eAAe,EAAI,OAAQ,CAAE,QAAS,OAAQ,CAAC,CACxE,OAAO,MAAM,KAAK,CAAE,OAAQ,EAAG,EAAG,EAAG,IAAM,CACzC,IAAM,EAAO,IAAI,KAAK,KAAM,EAAG,EAAI,EAAE,CACrC,MAAO,CACL,MAAO,EAAS,OAAO,EAAK,CAC5B,KAAM,EAAQ,OAAO,EAAK,CAC3B,EACD,EACD,CAAC,EAAI,OAAO,CAAC,CAEV,EAAQ,EAAM,YACZ,EAAA,eAAe,EAAe,EAAe,CACnD,CAAC,EAAe,EAAe,CAChC,CAEK,EAAc,EAAM,YAClB,EAAgB,OAAO,IAAI,KAAK,EAAe,EAAgB,EAAE,CAAC,CACxE,CAAC,EAAe,EAAgB,EAAgB,CACjD,CAEK,EAAY,EAAM,YACrB,GAAe,CACV,EAAA,eAAe,EAAM,EAAI,IAAK,EAAI,IAAI,GAC1C,EAAI,qBAAqB,EAAK,CAC9B,EAAI,aAAa,GAAM,CACvB,0BAA4B,CAC1B,EAAI,iBAAiB,SAAS,OAAO,EACrC,GAEJ,CAAC,EAAI,CACN,CAwBK,CAAE,iBAAkB,EAAA,oBAAoB,EAtBvB,EAAM,aAC1B,EAAiB,IAA8B,CAC9C,IAAI,EAAU,EACV,EAAW,EACf,KAAO,EAAA,eAAe,EAAS,EAAI,IAAK,EAAI,IAAI,EAAI,EAAW,KAC7D,EAAU,EAAO,EAAQ,CACzB,IAEE,EAAA,eAAe,EAAS,EAAI,IAAK,EAAI,IAAI,GAE7C,EAAI,eAAe,EAAQ,EAEzB,EAAQ,UAAU,GAAK,GACvB,EAAQ,aAAa,GAAK,KAE1B,EAAiB,EAAQ,aAAa,CAAC,CACvC,EAAkB,EAAQ,UAAU,CAAC,IAGzC,CAAC,EAAK,EAAgB,EAAe,EAAkB,EAAkB,CAC1E,CAEkE,EAAU,CAE7E,GAAI,CAAC,EAAI,KAAM,OAAO,KAEtB,IAAM,EAAgB,EAAI,iBAAiB,EAAM,CAC3C,EAAQ,IAAI,KAElB,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,MAAO,EAAI,eACX,KAAK,SACL,aAAW,cACX,GAAK,EACL,UAAW,EAAA,GACT,iFACA,8CACA,6BACA,EACD,UAXH,EAaE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4DAAf,EACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAQ,QACR,KAAK,KACL,QAAS,EACT,SAAU,CAAC,EACX,aAAW,2BAEX,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,kBAAoB,CAAA,CACjC,CAAA,CACD,CAAA,CACA,CAAA,EACT,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,OAAO,KAAK,KAAK,OAAO,kBAC9B,EACI,CAAA,EACP,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,QAAQ,QACR,KAAK,KACL,QAAS,EACT,SAAU,CAAC,EACX,aAAW,uBAEX,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,CAChC,CAAA,CACD,CAAA,CACA,CAAA,CACL,IAEN,EAAA,EAAA,MAAC,MAAD,CACE,KAAK,OACL,aAAY,EACZ,GAAI,GAAG,EAAI,OAAO,OAClB,UAAW,WAJb,EAME,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,MACL,cAAY,OACZ,UAAU,2CAET,EAAc,IAAK,IAClB,EAAA,EAAA,KAAC,OAAD,CAEE,MAAO,EAAI,KACX,UAAU,yGAET,EAAI,MACA,CALA,EAAI,MAKJ,CACP,CACE,CAAA,CAEL,EAAM,KAAK,EAAM,KAChB,EAAA,EAAA,KAAC,MAAD,CAAK,KAAK,MAAsB,UAAU,4BACvC,EAAK,KAAK,EAAK,IAAa,CAC3B,GAAI,IAAQ,KACV,OACE,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,WAEL,cAAY,iBAEZ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,eAAiB,CAAA,CAC7B,CAJC,SAAS,OAAO,EAAS,GAI1B,CAIV,IAAM,EAAO,IAAI,KAAK,EAAe,EAAgB,EAAI,CACnD,EAAW,EAAA,eAAe,EAAM,EAAI,IAAK,EAAI,IAAI,CACjD,EACJ,EAAI,eAAiB,IAAA,IACrB,EAAA,UAAU,EAAM,EAAI,aAAa,CAC7B,EAAY,EAAA,UAAU,EAAM,EAAI,YAAY,CAC5C,EAAU,EAAA,UAAU,EAAM,EAAM,CAChC,EAAW,EAAe,OAAO,EAAK,CAE5C,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,KAAK,qBACR,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,EAAK,CAC9B,UAAW,EAAA,GACT,wEACA,qGACA,iBACA,GACE,gDACF,CAAC,GACC,CAAC,GACD,6BACF,GACE,CAAC,GACD,qCACF,GAAY,4BACb,UAEA,EACM,CAAA,CACL,CA3BoB,EA2BpB,EAER,CACE,CAtDe,EAsDf,CACN,CACE,GACF,GACC,CAAA,CAIb,EAAmB,YAAc"}
+{"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":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerCalendar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,kDA+PzB;kBAnQQ,kBAAkB;;;AAuQ3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"DatePickerCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerCalendar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,kDAoRzB;kBAxRQ,kBAAkB;;;AA4R3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/DatePicker/DatePickerCalendar.js

@@ -47,18 +47,20 @@ 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",
-		...L,
+		"data-slot": "calendar",
+		...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)",
+			"data-slot": "calendar-header",
 			children: [
 				/* @__PURE__ */ m(r, {
 					variant: "ghost",
@@ -66,6 +68,7 @@ function g({ ref: g, className: _, ...v }) {
 					onClick: D,
 					disabled: !T,
 					"aria-label": "Previous month",
+					"data-slot": "prev-button",
 					children: /* @__PURE__ */ m(n, {
 						size: "sm",
 						children: /* @__PURE__ */ m("svg", {
@@ -84,6 +87,7 @@ function g({ ref: g, className: _, ...v }) {
 					as: "span",
 					size: "sm",
 					weight: "medium",
+					"data-slot": "month-year-label",
 					children: P
 				}),
 				/* @__PURE__ */ m(r, {
@@ -92,6 +96,7 @@ function g({ ref: g, className: _, ...v }) {
 					onClick: O,
 					disabled: !E,
 					"aria-label": "Next month",
+					"data-slot": "next-button",
 					children: /* @__PURE__ */ m(n, {
 						size: "sm",
 						children: /* @__PURE__ */ m("svg", {
@@ -111,28 +116,34 @@ function g({ ref: g, className: _, ...v }) {
 			role: "grid",
 			"aria-label": P,
 			id: `${y.baseId}-grid`,
+			"data-slot": "grid",
 			onKeyDown: I,
 			children: [/* @__PURE__ */ m("div", {
 				role: "row",
 				"aria-hidden": "true",
 				className: "grid grid-cols-7 mb-(--space-1)",
+				"data-slot": "weekday-row",
 				children: M.map((e) => /* @__PURE__ */ m("abbr", {
 					title: e.long,
 					className: "flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)",
+					"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",
 				children: t.map((t, n) => {
 					if (t === null) return /* @__PURE__ */ m("div", {
 						role: "gridcell",
 						"aria-hidden": "true",
+						"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",
 						children: /* @__PURE__ */ m("button", {
 							ref: o ? k : void 0,
 							type: "button",
@@ -142,12 +153,13 @@ function g({ ref: g, className: _, ...v }) {
 							"aria-disabled": i || void 0,
 							disabled: i,
 							onClick: () => F(r),
+							"data-slot": "day-button",
 							className: e("flex items-center justify-center size-9 rounded-(--radius-md) text-sm", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)", "cursor-pointer", a && "bg-(--nuka-accent-bg) text-(--nuka-accent-fg)", !a && !i && "hover:bg-(--nuka-bg-muted)", s && !a && "ring-1 ring-(--nuka-border-strong)", i && "opacity-50 cursor-default"),
 							children: t
 						})
 					}, t);
 				})
-			}, n))]
+			}, `${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        {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n        className={cn(\n          \"z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base) shadow-md p-(--space-3)\",\n          \"focus-visible:outline-none\",\n          className,\n        )}\n      >\n        <div className=\"flex items-center justify-between mb-(--space-2)\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToPrevMonth}\n            disabled={!canGoPrev}\n            aria-label=\"Previous month\"\n          >\n            <Icon size=\"sm\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              >\n                <polyline points=\"15 18 9 12 15 6\" />\n              </svg>\n            </Icon>\n          </Button>\n          <Text as=\"span\" size=\"sm\" weight=\"medium\">\n            {headerLabel}\n          </Text>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToNextMonth}\n            disabled={!canGoNext}\n            aria-label=\"Next month\"\n          >\n            <Icon size=\"sm\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"2\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              >\n                <polyline points=\"9 18 15 12 9 6\" />\n              </svg>\n            </Icon>\n          </Button>\n        </div>\n\n        <div\n          role=\"grid\"\n          aria-label={headerLabel}\n          id={`${ctx.baseId}-grid`}\n          onKeyDown={handleKeyDown}\n        >\n          <div\n            role=\"row\"\n            aria-hidden=\"true\"\n            className=\"grid grid-cols-7 mb-(--space-1)\"\n          >\n            {weekdayLabels.map((day) => (\n              <abbr\n                key={day.short}\n                title={day.long}\n                className=\"flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)\"\n              >\n                {day.short}\n              </abbr>\n            ))}\n          </div>\n\n          {weeks.map((week, weekIndex) => (\n            <div role=\"row\" key={weekIndex} className=\"grid grid-cols-7\">\n              {week.map((day, dayIndex) => {\n                if (day === null) {\n                  return (\n                    <div\n                      role=\"gridcell\"\n                      key={`empty-${String(dayIndex)}`}\n                      aria-hidden=\"true\"\n                    >\n                      <span className=\"block size-9\" />\n                    </div>\n                  );\n                }\n\n                const date = new Date(displayedYear, displayedMonth, day);\n                const disabled = isDateDisabled(date, ctx.min, ctx.max);\n                const isSelected =\n                  ctx.selectedDate !== undefined &&\n                  isSameDay(date, ctx.selectedDate);\n                const isFocused = isSameDay(date, ctx.focusedDate);\n                const isToday = isSameDay(date, today);\n                const dayLabel = labelFormatter.format(date);\n\n                return (\n                  <div role=\"gridcell\" key={day}>\n                    <button\n                      ref={isFocused ? focusedDayRef : undefined}\n                      type=\"button\"\n                      tabIndex={isFocused ? 0 : -1}\n                      aria-label={dayLabel}\n                      aria-selected={isSelected}\n                      aria-disabled={disabled || undefined}\n                      disabled={disabled}\n                      onClick={() => selectDay(date)}\n                      className={cn(\n                        \"flex items-center justify-center size-9 rounded-(--radius-md) text-sm\",\n                        \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n                        \"cursor-pointer\",\n                        isSelected &&\n                          \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n                        !isSelected &&\n                          !disabled &&\n                          \"hover:bg-(--nuka-bg-muted)\",\n                        isToday &&\n                          !isSelected &&\n                          \"ring-1 ring-(--nuka-border-strong)\",\n                        disabled && \"opacity-50 cursor-default\",\n                      )}\n                    >\n                      {day}\n                    </button>\n                  </div>\n                );\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    </Portal>\n  );\n}\n\nDatePickerCalendar.displayName = \"DatePickerCalendar\";\n\nexport { DatePickerCalendar };\n"],"mappings":"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"}
+{"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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"}