@open-mercato/ui 0.8.1-develop.7215.1.60786cf836 → 0.8.1-develop.7219.1.f96cb57e70

package/.turbo/turbo-build.log

@@ -1,3 +1,3 @@
 Generated lucide registry with 169 icons -> /home/runner/work/open-mercato/open-mercato/packages/ui/src/backend/icons/lucideRegistry.generated.tsx
-[build:ui] found 449 entry points
+[build:ui] found 450 entry points
 [build:ui] built successfully

package/build.mjs

@@ -1,22 +1,49 @@
-import { writeFileSync } from 'node:fs'
+import { existsSync, readFileSync, writeFileSync } from 'node:fs'
 import { dirname, join } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import { buildPackage } from '../../scripts/build-package.mjs'
 import { discoverResolvedIcons } from './scripts/lucideIconDiscovery.cjs'
-import { buildLucideRegistrySource } from './scripts/lucideRegistrySource.cjs'
+import { buildLucideRegistrySource, checkLucideRegistryDrift } from './scripts/lucideRegistrySource.cjs'
 
 const packageDir = dirname(fileURLToPath(import.meta.url))
+// `--check` regenerates the lucide registry in memory and fails on drift
+// without writing or building — the CI guard mode (`yarn ui:icons:check`).
+const checkOnly = process.argv.includes('--check')
 
 async function generateLucideRegistry() {
   const repoRoot = join(packageDir, '..', '..')
   const resolved = await discoverResolvedIcons(repoRoot)
 
   const outPath = join(packageDir, 'src/backend/icons/lucideRegistry.generated.tsx')
-  writeFileSync(outPath, buildLucideRegistrySource(resolved))
+  const source = buildLucideRegistrySource(resolved)
+
+  // `--check` makes this a drift guard instead of a writer. The committed
+  // registry is a canonical mirror of a repo-wide scan, so nothing inside
+  // `packages/ui`'s own test suite can protect it: a PR that adds
+  // `icon: 'some-lucide-name'` in another package never selects `packages/ui`
+  // under turbo's `--filter=[base]...` (ui is a dependency of those packages,
+  // not a dependent), which is exactly how #4391 drifted unnoticed. CI calls
+  // this unfiltered, mirroring `ds:tokens:check`.
+  if (checkOnly) {
+    const committed = existsSync(outPath) ? readFileSync(outPath, 'utf8') : ''
+    const drift = checkLucideRegistryDrift(committed, source, outPath)
+    if (drift.drifted) {
+      console.error(drift.message)
+      process.exit(1)
+    }
+    console.log(`Lucide registry is in sync (${resolved.length} icons).`)
+    return
+  }
+
+  writeFileSync(outPath, source)
   console.log(`Generated lucide registry with ${resolved.length} icons -> ${outPath}`)
 }
 
-await buildPackage(packageDir, {
-  name: 'ui',
-  beforeBuild: generateLucideRegistry,
-})
+if (checkOnly) {
+  await generateLucideRegistry()
+} else {
+  await buildPackage(packageDir, {
+    name: 'ui',
+    beforeBuild: generateLucideRegistry,
+  })
+}

package/dist/backend/inputs/TimePicker.js

@@ -8,6 +8,7 @@ import {
   TimePicker as TimePickerPrimitive,
   formatTimePickerDisplay
 } from "../../primitives/time-picker.js";
+import { useTimeDisplayFormat } from "../../primitives/date-locale.js";
 function currentHHMM() {
   const now = /* @__PURE__ */ new Date();
   const hour = String(now.getHours()).padStart(2, "0");
@@ -27,16 +28,19 @@ function TimePicker({
   // button already exits the popover without committing, which is what users mean
   // by "Clear" in most flows. Pass `showClearButton={true}` to opt back in when
   // you need an explicit "set value to null" action distinct from "dismiss".
-  showClearButton = false
+  showClearButton = false,
+  format
 }) {
   const t = useT();
+  const localeFormat = useTimeDisplayFormat();
+  const timeFormat = format ?? localeFormat;
   const [open, setOpen] = React.useState(false);
   const placeholderText = placeholder ?? t("ui.timePicker.placeholder", "Pick a time");
   const nowText = t("ui.timePicker.nowButton", "Now");
   const clearText = t("ui.timePicker.clearButton", "Clear");
   const isInteractive = !disabled && !readOnly;
   const displayValue = value ? (() => {
-    const { main, suffix } = formatTimePickerDisplay(value, "12h");
+    const { main, suffix } = formatTimePickerDisplay(value, timeFormat);
     return suffix ? `${main} ${suffix}` : main;
   })() : null;
   const triggerButton = /* @__PURE__ */ jsxs(
@@ -67,7 +71,7 @@ function TimePicker({
   const pinnedTopActions = [];
   if (showNowButton) {
     const nowValue = currentHHMM();
-    const { main: nowMain, suffix: nowSuffix } = formatTimePickerDisplay(nowValue, "12h");
+    const { main: nowMain, suffix: nowSuffix } = formatTimePickerDisplay(nowValue, timeFormat);
     pinnedTopActions.push({
       label: nowText,
       icon: /* @__PURE__ */ jsx(ClockIcon, { "aria-hidden": "true" }),
@@ -98,6 +102,7 @@ function TimePicker({
         onChange(next);
       },
       intervalMinutes: Math.max(1, minuteStep),
+      format: timeFormat,
       showHeader: false,
       showFooter: true,
       headerPlaceholder: placeholderText,

package/dist/backend/inputs/TimePicker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/backend/inputs/TimePicker.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ClockIcon } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  TimePicker as TimePickerPrimitive,\n  formatTimePickerDisplay,\n} from '../../primitives/time-picker'\n\nexport type TimePickerProps = {\n  value?: string | null\n  onChange: (time: string | null) => void\n  placeholder?: string\n  disabled?: boolean\n  readOnly?: boolean\n  className?: string\n  minuteStep?: number\n  showNowButton?: boolean\n  showClearButton?: boolean\n}\n\nfunction currentHHMM(): string {\n  const now = new Date()\n  const hour = String(now.getHours()).padStart(2, '0')\n  const minute = String(now.getMinutes()).padStart(2, '0')\n  return `${hour}:${minute}`\n}\n\n/**\n * Legacy popover-anchored time picker. Preserved for backward compatibility with\n * existing CrudForm `type: 'time'` consumers and DateTimePicker. Internally a shim\n * over the new `<TimePicker>` primitive from `@open-mercato/ui/primitives/time-picker`.\n *\n * `minuteStep` maps to `intervalMinutes` (default 30 for sane slot list size).\n * `showNowButton` / `showClearButton` render as `legacyFooterActions`.\n */\nexport function TimePicker({\n  value,\n  onChange,\n  placeholder,\n  disabled = false,\n  readOnly = false,\n  className,\n  minuteStep = 30,\n  showNowButton = true,\n  // Default changed 2026-05-11 from `true` \u2192 `false`: the new primitive's Cancel\n  // button already exits the popover without committing, which is what users mean\n  // by \"Clear\" in most flows. Pass `showClearButton={true}` to opt back in when\n  // you need an explicit \"set value to null\" action distinct from \"dismiss\".\n  showClearButton = false,\n}: TimePickerProps) {\n  const t = useT()\n  const [open, setOpen] = React.useState(false)\n\n  const placeholderText = placeholder ?? t('ui.timePicker.placeholder', 'Pick a time')\n  const nowText = t('ui.timePicker.nowButton', 'Now')\n  const clearText = t('ui.timePicker.clearButton', 'Clear')\n  const isInteractive = !disabled && !readOnly\n\n  // Render the trigger label in the same 12h \"HH:MM AM/PM\" format as the slot list\n  // inside the popover so users see one consistent representation.\n  const displayValue = value\n    ? (() => {\n        const { main, suffix } = formatTimePickerDisplay(value, '12h')\n        return suffix ? `${main} ${suffix}` : main\n      })()\n    : null\n\n  const triggerButton = (\n    <button\n      type=\"button\"\n      data-crud-focus-target=\"\"\n      disabled={disabled}\n      aria-haspopup=\"dialog\"\n      className={cn(\n        'w-full h-10 flex items-center gap-2 rounded-md border bg-background px-3 text-sm text-left transition-colors',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1',\n        'disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed',\n        readOnly && 'cursor-default opacity-70',\n        !value && 'text-muted-foreground',\n        className,\n      )}\n      onClick={!isInteractive ? (event) => event.preventDefault() : undefined}\n    >\n      <ClockIcon className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n      <span className=\"flex-1 truncate\">{displayValue ?? placeholderText}</span>\n    </button>\n  )\n\n  if (!isInteractive) {\n    return triggerButton\n  }\n\n  const pinnedTopActions: Array<{\n    label: string\n    onClick: () => void\n    icon?: React.ReactNode\n    rightText?: string\n  }> = []\n  if (showNowButton) {\n    const nowValue = currentHHMM()\n    const { main: nowMain, suffix: nowSuffix } = formatTimePickerDisplay(nowValue, '12h')\n    pinnedTopActions.push({\n      label: nowText,\n      icon: <ClockIcon aria-hidden=\"true\" />,\n      rightText: nowSuffix ? `${nowMain} ${nowSuffix}` : nowMain,\n      onClick: () => {\n        onChange(nowValue)\n        setOpen(false)\n      },\n    })\n  }\n\n  const legacyFooterActions: Array<{ label: string; onClick: () => void; variant: 'link' | 'muted' }> = []\n  if (showClearButton) {\n    legacyFooterActions.push({\n      label: clearText,\n      onClick: () => {\n        onChange(null)\n        setOpen(false)\n      },\n      variant: 'muted',\n    })\n  }\n\n  return (\n    <TimePickerPrimitive\n      value={value ?? null}\n      onChange={(next) => onChange(next)}\n      onApply={(next) => {\n        onChange(next)\n      }}\n      intervalMinutes={Math.max(1, minuteStep)}\n      // Trigger button already displays current value \u2014 don't duplicate it\n      // inside the popover header.\n      showHeader={false}\n      showFooter\n      headerPlaceholder={placeholderText}\n      pinnedTopActions={pinnedTopActions.length > 0 ? pinnedTopActions : undefined}\n      legacyFooterActions={legacyFooterActions.length > 0 ? legacyFooterActions : undefined}\n      trigger={triggerButton}\n      open={open}\n      onOpenChange={setOpen}\n      disabled={disabled}\n    />\n  )\n}\n"],
-  "mappings": ";AAuEI,SAeE,KAfF;AArEJ,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB;AAAA,EACE,cAAc;AAAA,EACd;AAAA,OACK;AAcP,SAAS,cAAsB;AAC7B,QAAM,MAAM,oBAAI,KAAK;AACrB,QAAM,OAAO,OAAO,IAAI,SAAS,CAAC,EAAE,SAAS,GAAG,GAAG;AACnD,QAAM,SAAS,OAAO,IAAI,WAAW,CAAC,EAAE,SAAS,GAAG,GAAG;AACvD,SAAO,GAAG,IAAI,IAAI,MAAM;AAC1B;AAUO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA,aAAa;AAAA,EACb,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKhB,kBAAkB;AACpB,GAAoB;AAClB,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,QAAM,kBAAkB,eAAe,EAAE,6BAA6B,aAAa;AACnF,QAAM,UAAU,EAAE,2BAA2B,KAAK;AAClD,QAAM,YAAY,EAAE,6BAA6B,OAAO;AACxD,QAAM,gBAAgB,CAAC,YAAY,CAAC;AAIpC,QAAM,eAAe,SAChB,MAAM;AACL,UAAM,EAAE,MAAM,OAAO,IAAI,wBAAwB,OAAO,KAAK;AAC7D,WAAO,SAAS,GAAG,IAAI,IAAI,MAAM,KAAK;AAAA,EACxC,GAAG,IACH;AAEJ,QAAM,gBACJ;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,0BAAuB;AAAA,MACvB;AAAA,MACA,iBAAc;AAAA,MACd,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY;AAAA,QACZ,CAAC,SAAS;AAAA,QACV;AAAA,MACF;AAAA,MACA,SAAS,CAAC,gBAAgB,CAAC,UAAU,MAAM,eAAe,IAAI;AAAA,MAE9D;AAAA,4BAAC,aAAU,WAAU,0CAAyC;AAAA,QAC9D,oBAAC,UAAK,WAAU,mBAAmB,0BAAgB,iBAAgB;AAAA;AAAA;AAAA,EACrE;AAGF,MAAI,CAAC,eAAe;AAClB,WAAO;AAAA,EACT;AAEA,QAAM,mBAKD,CAAC;AACN,MAAI,eAAe;AACjB,UAAM,WAAW,YAAY;AAC7B,UAAM,EAAE,MAAM,SAAS,QAAQ,UAAU,IAAI,wBAAwB,UAAU,KAAK;AACpF,qBAAiB,KAAK;AAAA,MACpB,OAAO;AAAA,MACP,MAAM,oBAAC,aAAU,eAAY,QAAO;AAAA,MACpC,WAAW,YAAY,GAAG,OAAO,IAAI,SAAS,KAAK;AAAA,MACnD,SAAS,MAAM;AACb,iBAAS,QAAQ;AACjB,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF,CAAC;AAAA,EACH;AAEA,QAAM,sBAAgG,CAAC;AACvG,MAAI,iBAAiB;AACnB,wBAAoB,KAAK;AAAA,MACvB,OAAO;AAAA,MACP,SAAS,MAAM;AACb,iBAAS,IAAI;AACb,gBAAQ,KAAK;AAAA,MACf;AAAA,MACA,SAAS;AAAA,IACX,CAAC;AAAA,EACH;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,SAAS;AAAA,MAChB,UAAU,CAAC,SAAS,SAAS,IAAI;AAAA,MACjC,SAAS,CAAC,SAAS;AACjB,iBAAS,IAAI;AAAA,MACf;AAAA,MACA,iBAAiB,KAAK,IAAI,GAAG,UAAU;AAAA,MAGvC,YAAY;AAAA,MACZ,YAAU;AAAA,MACV,mBAAmB;AAAA,MACnB,kBAAkB,iBAAiB,SAAS,IAAI,mBAAmB;AAAA,MACnE,qBAAqB,oBAAoB,SAAS,IAAI,sBAAsB;AAAA,MAC5E,SAAS;AAAA,MACT;AAAA,MACA,cAAc;AAAA,MACd;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { ClockIcon } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport {\n  TimePicker as TimePickerPrimitive,\n  formatTimePickerDisplay,\n  type TimeFormat,\n} from '../../primitives/time-picker'\nimport { useTimeDisplayFormat } from '../../primitives/date-locale'\n\nexport type TimePickerProps = {\n  value?: string | null\n  onChange: (time: string | null) => void\n  placeholder?: string\n  disabled?: boolean\n  readOnly?: boolean\n  className?: string\n  minuteStep?: number\n  showNowButton?: boolean\n  showClearButton?: boolean\n  /**\n   * Clock convention for the trigger label and the slot list. Defaults to the one the active\n   * locale writes time in \u2014 `12h` for English and Korean, `24h` for Polish, German and Spanish \u2014\n   * so a tenant does not read an AM/PM clock its language never uses. Pass an explicit value to\n   * pin one regardless of locale.\n   */\n  format?: TimeFormat\n}\n\nfunction currentHHMM(): string {\n  const now = new Date()\n  const hour = String(now.getHours()).padStart(2, '0')\n  const minute = String(now.getMinutes()).padStart(2, '0')\n  return `${hour}:${minute}`\n}\n\n/**\n * Legacy popover-anchored time picker. Preserved for backward compatibility with\n * existing CrudForm `type: 'time'` consumers and DateTimePicker. Internally a shim\n * over the new `<TimePicker>` primitive from `@open-mercato/ui/primitives/time-picker`.\n *\n * `minuteStep` maps to `intervalMinutes` (default 30 for sane slot list size).\n * `showNowButton` / `showClearButton` render as `legacyFooterActions`.\n */\nexport function TimePicker({\n  value,\n  onChange,\n  placeholder,\n  disabled = false,\n  readOnly = false,\n  className,\n  minuteStep = 30,\n  showNowButton = true,\n  // Default changed 2026-05-11 from `true` \u2192 `false`: the new primitive's Cancel\n  // button already exits the popover without committing, which is what users mean\n  // by \"Clear\" in most flows. Pass `showClearButton={true}` to opt back in when\n  // you need an explicit \"set value to null\" action distinct from \"dismiss\".\n  showClearButton = false,\n  format,\n}: TimePickerProps) {\n  const t = useT()\n  const localeFormat = useTimeDisplayFormat()\n  const timeFormat = format ?? localeFormat\n  const [open, setOpen] = React.useState(false)\n\n  const placeholderText = placeholder ?? t('ui.timePicker.placeholder', 'Pick a time')\n  const nowText = t('ui.timePicker.nowButton', 'Now')\n  const clearText = t('ui.timePicker.clearButton', 'Clear')\n  const isInteractive = !disabled && !readOnly\n\n  // Render the trigger label in the same format as the slot list inside the popover\n  // so users see one consistent representation.\n  const displayValue = value\n    ? (() => {\n        const { main, suffix } = formatTimePickerDisplay(value, timeFormat)\n        return suffix ? `${main} ${suffix}` : main\n      })()\n    : null\n\n  const triggerButton = (\n    <button\n      type=\"button\"\n      data-crud-focus-target=\"\"\n      disabled={disabled}\n      aria-haspopup=\"dialog\"\n      className={cn(\n        'w-full h-10 flex items-center gap-2 rounded-md border bg-background px-3 text-sm text-left transition-colors',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1',\n        'disabled:bg-muted disabled:text-muted-foreground disabled:cursor-not-allowed',\n        readOnly && 'cursor-default opacity-70',\n        !value && 'text-muted-foreground',\n        className,\n      )}\n      onClick={!isInteractive ? (event) => event.preventDefault() : undefined}\n    >\n      <ClockIcon className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n      <span className=\"flex-1 truncate\">{displayValue ?? placeholderText}</span>\n    </button>\n  )\n\n  if (!isInteractive) {\n    return triggerButton\n  }\n\n  const pinnedTopActions: Array<{\n    label: string\n    onClick: () => void\n    icon?: React.ReactNode\n    rightText?: string\n  }> = []\n  if (showNowButton) {\n    const nowValue = currentHHMM()\n    const { main: nowMain, suffix: nowSuffix } = formatTimePickerDisplay(nowValue, timeFormat)\n    pinnedTopActions.push({\n      label: nowText,\n      icon: <ClockIcon aria-hidden=\"true\" />,\n      rightText: nowSuffix ? `${nowMain} ${nowSuffix}` : nowMain,\n      onClick: () => {\n        onChange(nowValue)\n        setOpen(false)\n      },\n    })\n  }\n\n  const legacyFooterActions: Array<{ label: string; onClick: () => void; variant: 'link' | 'muted' }> = []\n  if (showClearButton) {\n    legacyFooterActions.push({\n      label: clearText,\n      onClick: () => {\n        onChange(null)\n        setOpen(false)\n      },\n      variant: 'muted',\n    })\n  }\n\n  return (\n    <TimePickerPrimitive\n      value={value ?? null}\n      onChange={(next) => onChange(next)}\n      onApply={(next) => {\n        onChange(next)\n      }}\n      intervalMinutes={Math.max(1, minuteStep)}\n      format={timeFormat}\n      // Trigger button already displays current value \u2014 don't duplicate it\n      // inside the popover header.\n      showHeader={false}\n      showFooter\n      headerPlaceholder={placeholderText}\n      pinnedTopActions={pinnedTopActions.length > 0 ? pinnedTopActions : undefined}\n      legacyFooterActions={legacyFooterActions.length > 0 ? legacyFooterActions : undefined}\n      trigger={triggerButton}\n      open={open}\n      onOpenChange={setOpen}\n      disabled={disabled}\n    />\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/primitives/calendar.js

@@ -24,6 +24,8 @@ function CalendarMonthSelector({
     onNextMonth ? /* @__PURE__ */ jsx(CompactButton, { appearance: "white", size: 24, className: "shadow-xs", onClick: onNextMonth, disabled: disabledNext, "aria-label": t("ui.calendar.nextMonth", "Next month"), children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-5", "aria-hidden": "true" }) }) : /* @__PURE__ */ jsx("span", { className: "size-6 shrink-0", "aria-hidden": "true" })
   ] });
 }
+const STANDALONE_MONTH_YEAR = "LLLL yyyy";
+const STANDALONE_MONTH_SHORT = "LLL";
 const navButtonClassName = cn(
   "h-9 w-9 inline-flex items-center justify-center rounded-md shrink-0",
   "border border-border bg-background text-muted-foreground transition-colors",
@@ -38,7 +40,7 @@ function MonthNavButton({
   const dayPicker = useDayPicker();
   const target = direction === "prev" ? dayPicker.previousMonth : dayPicker.nextMonth;
   const Icon = direction === "prev" ? ChevronLeft : ChevronRight;
-  const targetLabel = format(target ?? /* @__PURE__ */ new Date(), "MMMM yyyy", locale ? { locale } : void 0);
+  const targetLabel = format(target ?? /* @__PURE__ */ new Date(), STANDALONE_MONTH_YEAR, locale ? { locale } : void 0);
   const ariaLabel = `Go to ${direction === "prev" ? "previous" : "next"} month: ${targetLabel}`;
   return /* @__PURE__ */ jsx(
     "button",
@@ -59,7 +61,7 @@ function buildMonthCaption(locale, totalMonths, onOpenMonthGrid) {
     calendarMonth,
     displayIndex
   }) {
-    const label = format(calendarMonth.date, "MMMM yyyy", locale ? { locale } : void 0);
+    const label = format(calendarMonth.date, STANDALONE_MONTH_YEAR, locale ? { locale } : void 0);
     const index = typeof displayIndex === "number" ? displayIndex : 0;
     const showPrev = index === 0;
     const showNext = index === totalMonths - 1;
@@ -103,7 +105,7 @@ function MonthGrid({
   const monthLabels = React.useMemo(
     () => Array.from(
       { length: 12 },
-      (_, monthIndex) => format(new Date(year, monthIndex, 1), "MMM", locale ? { locale } : void 0)
+      (_, monthIndex) => format(new Date(year, monthIndex, 1), STANDALONE_MONTH_SHORT, locale ? { locale } : void 0)
     ),
     [year, locale]
   );

package/dist/primitives/calendar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/primitives/calendar.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { DayPicker, useDayPicker } from 'react-day-picker'\nimport type { DayPickerProps, CalendarMonth } from 'react-day-picker'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport { format } from 'date-fns/format'\nimport type { Locale } from 'date-fns/locale'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { CompactButton } from './compact-button'\n\nexport type CalendarProps = DayPickerProps & { daySize?: 36 | 40 }\n\nexport type CalendarMonthSelectorProps = React.HTMLAttributes<HTMLDivElement> & {\n  month: Date\n  locale?: Locale\n  onPreviousMonth?: () => void\n  onNextMonth?: () => void\n  disabledPrevious?: boolean\n  disabledNext?: boolean\n}\n\nexport function CalendarMonthSelector({\n  month, locale, onPreviousMonth, onNextMonth, disabledPrevious, disabledNext, className, ...props\n}: CalendarMonthSelectorProps) {\n  const t = useT()\n  return (\n    <div data-slot=\"calendar-month-selector\" className={cn('flex h-9 items-center gap-1.5 rounded-md bg-muted p-1.5', className)} {...props}>\n      {onPreviousMonth\n        ? <CompactButton appearance=\"white\" size={24} className=\"shadow-xs\" onClick={onPreviousMonth} disabled={disabledPrevious} aria-label={t('ui.calendar.previousMonth', 'Previous month')}><ChevronLeft className=\"size-5\" aria-hidden=\"true\" /></CompactButton>\n        : <span className=\"size-6 shrink-0\" aria-hidden=\"true\" />}\n      <span className=\"min-w-0 flex-1 text-center text-sm font-medium text-muted-foreground\" aria-live=\"polite\">{format(month, 'MMMM yyyy', locale ? { locale } : undefined)}</span>\n      {onNextMonth\n        ? <CompactButton appearance=\"white\" size={24} className=\"shadow-xs\" onClick={onNextMonth} disabled={disabledNext} aria-label={t('ui.calendar.nextMonth', 'Next month')}><ChevronRight className=\"size-5\" aria-hidden=\"true\" /></CompactButton>\n        : <span className=\"size-6 shrink-0\" aria-hidden=\"true\" />}\n    </div>\n  )\n}\n\nconst navButtonClassName = cn(\n  'h-9 w-9 inline-flex items-center justify-center rounded-md shrink-0',\n  'border border-border bg-background text-muted-foreground transition-colors',\n  'hover:bg-accent hover:text-accent-foreground hover:border-input',\n  'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n  'disabled:opacity-30 disabled:pointer-events-none disabled:hover:bg-background',\n)\n\nfunction MonthNavButton({\n  direction,\n  locale,\n}: {\n  direction: 'prev' | 'next'\n  locale?: Locale\n}) {\n  const dayPicker = useDayPicker() as unknown as {\n    previousMonth?: Date\n    nextMonth?: Date\n    goToMonth?: (month: Date) => void\n  }\n  const target = direction === 'prev' ? dayPicker.previousMonth : dayPicker.nextMonth\n  const Icon = direction === 'prev' ? ChevronLeft : ChevronRight\n  const targetLabel = format(target ?? new Date(), 'MMMM yyyy', locale ? { locale } : undefined)\n  const ariaLabel = `Go to ${direction === 'prev' ? 'previous' : 'next'} month: ${targetLabel}`\n  return (\n    <button\n      type=\"button\"\n      disabled={!target}\n      aria-label={ariaLabel}\n      onClick={() => {\n        if (target && dayPicker.goToMonth) dayPicker.goToMonth(target)\n      }}\n      className={navButtonClassName}\n    >\n      <Icon className=\"h-4 w-4\" aria-hidden=\"true\" />\n    </button>\n  )\n}\n\nfunction buildMonthCaption(\n  locale: Locale | undefined,\n  totalMonths: number,\n  onOpenMonthGrid: (() => void) | null,\n) {\n  return function MonthCaption({\n    calendarMonth,\n    displayIndex,\n  }: {\n    calendarMonth: CalendarMonth\n    displayIndex?: number\n  }) {\n    const label = format(calendarMonth.date, 'MMMM yyyy', locale ? { locale } : undefined)\n    const index = typeof displayIndex === 'number' ? displayIndex : 0\n    // For multi-month layouts (e.g. range pickers) only the leftmost month\n    // exposes the previous-month chevron and only the rightmost exposes the\n    // next-month chevron. Navigation is always global across all visible\n    // months, so showing both arrows on every month is confusing.\n    const showPrev = index === 0\n    const showNext = index === totalMonths - 1\n    // The month grid (fast navigation) is only offered on single-month\n    // calendars; on the leftmost caption it owns the click target.\n    const labelInteractive = onOpenMonthGrid !== null && index === 0\n    return (\n      <div className=\"flex items-center justify-between gap-2 mb-3\">\n        {showPrev ? (\n          <MonthNavButton direction=\"prev\" locale={locale} />\n        ) : (\n          <div className=\"h-9 w-9 shrink-0\" aria-hidden=\"true\" />\n        )}\n        {labelInteractive ? (\n          <button\n            type=\"button\"\n            onClick={onOpenMonthGrid ?? undefined}\n            aria-label={`${label} \u2013 open month and year navigation`}\n            className={cn(\n              'flex-1 flex items-center justify-center h-9 rounded-md bg-muted px-3 text-sm font-medium',\n              'transition-colors hover:bg-accent hover:text-accent-foreground',\n              'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n            )}\n          >\n            {label}\n          </button>\n        ) : (\n          <div\n            className=\"flex-1 flex items-center justify-center h-9 rounded-md bg-muted px-3 text-sm font-medium\"\n            aria-live=\"polite\"\n          >\n            {label}\n          </div>\n        )}\n        {showNext ? (\n          <MonthNavButton direction=\"next\" locale={locale} />\n        ) : (\n          <div className=\"h-9 w-9 shrink-0\" aria-hidden=\"true\" />\n        )}\n      </div>\n    )\n  }\n}\n\nfunction MonthGrid({\n  initialYear,\n  selectedMonth,\n  locale,\n  onSelectMonth,\n  onClose,\n}: {\n  initialYear: number\n  selectedMonth: Date\n  locale?: Locale\n  onSelectMonth: (month: Date) => void\n  onClose: () => void\n}) {\n  const [year, setYear] = React.useState(initialYear)\n  const today = new Date()\n  const monthLabels = React.useMemo(\n    () =>\n      Array.from({ length: 12 }, (_, monthIndex) =>\n        format(new Date(year, monthIndex, 1), 'MMM', locale ? { locale } : undefined),\n      ),\n    [year, locale],\n  )\n  const yearLabel = format(new Date(year, 0, 1), 'yyyy', locale ? { locale } : undefined)\n  return (\n    <div\n      className=\"absolute inset-0 z-10 flex flex-col rounded-md bg-popover p-3\"\n      role=\"dialog\"\n      aria-label=\"Select month and year\"\n    >\n      <div className=\"flex items-center justify-between gap-2 mb-3\">\n        <button\n          type=\"button\"\n          aria-label={`Go to previous year: ${year - 1}`}\n          onClick={() => setYear((current) => current - 1)}\n          className={navButtonClassName}\n        >\n          <ChevronLeft className=\"h-4 w-4\" aria-hidden=\"true\" />\n        </button>\n        <button\n          type=\"button\"\n          onClick={onClose}\n          aria-label={`${yearLabel} \u2013 back to day selection`}\n          className={cn(\n            'flex-1 flex items-center justify-center h-9 rounded-md bg-muted px-3 text-sm font-medium',\n            'transition-colors hover:bg-accent hover:text-accent-foreground',\n            'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n          )}\n        >\n          {yearLabel}\n        </button>\n        <button\n          type=\"button\"\n          aria-label={`Go to next year: ${year + 1}`}\n          onClick={() => setYear((current) => current + 1)}\n          className={navButtonClassName}\n        >\n          <ChevronRight className=\"h-4 w-4\" aria-hidden=\"true\" />\n        </button>\n      </div>\n      <div className=\"grid grid-cols-3 gap-2\">\n        {monthLabels.map((monthLabel, monthIndex) => {\n          const isSelected =\n            selectedMonth.getFullYear() === year && selectedMonth.getMonth() === monthIndex\n          const isCurrentMonth =\n            today.getFullYear() === year && today.getMonth() === monthIndex\n          return (\n            <button\n              key={monthIndex}\n              type=\"button\"\n              aria-pressed={isSelected}\n              onClick={() => onSelectMonth(new Date(year, monthIndex, 1))}\n              className={cn(\n                'h-9 rounded-md text-sm font-normal transition-colors',\n                'inline-flex items-center justify-center',\n                'hover:bg-accent hover:text-accent-foreground',\n                'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n                isCurrentMonth && !isSelected && 'font-semibold text-primary',\n                isSelected && '!bg-primary !text-primary-foreground hover:!bg-primary',\n              )}\n            >\n              {monthLabel}\n            </button>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport function Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  daySize = 36,\n  fixedWeeks = true,\n  locale,\n  components,\n  numberOfMonths = 1,\n  pagedNavigation = true,\n  month,\n  defaultMonth,\n  onMonthChange,\n  ...props\n}: CalendarProps) {\n  // The month/year grid (fast navigation) is only meaningful for single-month\n  // calendars; multi-month layouts (range pickers) keep the static caption.\n  const monthGridEnabled = numberOfMonths === 1\n  const [displayMonth, setDisplayMonth] = React.useState<Date>(\n    () => month ?? defaultMonth ?? new Date(),\n  )\n  const [showMonthGrid, setShowMonthGrid] = React.useState(false)\n\n  // Honor a controlled `month` prop when consumers drive navigation externally.\n  React.useEffect(() => {\n    if (month) setDisplayMonth(month)\n  }, [month])\n\n  const handleMonthChange = React.useCallback(\n    (next: Date) => {\n      setDisplayMonth(next)\n      onMonthChange?.(next)\n    },\n    [onMonthChange],\n  )\n\n  const handleSelectMonth = React.useCallback(\n    (next: Date) => {\n      handleMonthChange(next)\n      setShowMonthGrid(false)\n    },\n    [handleMonthChange],\n  )\n\n  const monthCaption = React.useMemo(\n    () =>\n      buildMonthCaption(\n        locale as Locale | undefined,\n        numberOfMonths,\n        monthGridEnabled ? () => setShowMonthGrid(true) : null,\n      ),\n    [locale, numberOfMonths, monthGridEnabled],\n  )\n\n  return (\n    <div className={monthGridEnabled ? 'relative' : 'contents'}>\n      <div\n        className={monthGridEnabled && showMonthGrid ? 'pointer-events-none' : 'contents'}\n        aria-hidden={monthGridEnabled && showMonthGrid ? true : undefined}\n      >\n        <DayPicker\n          showOutsideDays={showOutsideDays}\n          fixedWeeks={fixedWeeks}\n          pagedNavigation={pagedNavigation}\n          locale={locale}\n          numberOfMonths={numberOfMonths}\n          month={displayMonth}\n          onMonthChange={handleMonthChange}\n          className={cn('p-3', className)}\n          classNames={{\n            months: 'flex flex-col sm:flex-row gap-4',\n            month: 'space-y-2',\n            month_caption: '',\n            caption_label: 'sr-only',\n            nav: 'sr-only',\n            month_grid: 'w-full border-collapse',\n            weekdays: 'flex',\n            weekday: cn('text-muted-foreground rounded-md font-normal text-xs', daySize === 40 ? 'w-10' : 'w-9'),\n            weeks: 'w-full border-collapse',\n            week: 'flex w-full mt-1',\n            day: cn('text-center text-sm p-0 relative focus-within:relative focus-within:z-20', daySize === 40 ? 'size-10' : 'size-9'),\n            day_button: cn(\n              'p-0 font-normal aria-selected:opacity-100',\n              daySize === 40 ? 'size-10' : 'size-9',\n              'inline-flex items-center justify-center rounded-md text-sm',\n              'transition-colors focus:outline-none focus-visible:outline-none disabled:pointer-events-none',\n              // Focus indicator is a soft accent fill instead of a ring overlay \u2014 keyboard\n              // users get a visible cue, but mouse-click focus does not leave a stuck ring\n              // on top of the selected cell.\n              'hover:bg-accent hover:text-accent-foreground',\n              'focus-visible:bg-accent focus-visible:text-accent-foreground',\n            ),\n            // React-day-picker v9 applies `classNames.selected` / `range_*` to the day\n            // CELL (`<td>`) wrapper, not to the inner `<button>`. To keep the parent\n            // fill visible through interaction, we (a) paint the cell with the desired\n            // bg/text, and (b) force the inner button to render transparent \u2014 so the\n            // button's own hover/focus-visible bg overrides cannot cover the cell fill.\n            selected: cn(\n              '!bg-primary !text-primary-foreground rounded-md',\n              '[&_button]:!bg-transparent [&_button]:!text-primary-foreground',\n              '[&_button:hover]:!bg-transparent [&_button:hover]:!text-primary-foreground',\n              '[&_button:focus-visible]:!bg-transparent [&_button:focus-visible]:!text-primary-foreground',\n            ),\n            range_start: cn(\n              '!bg-primary !text-primary-foreground rounded-l-md !rounded-r-none',\n              '[&_button]:!bg-transparent [&_button]:!text-primary-foreground',\n              '[&_button:hover]:!bg-transparent [&_button:hover]:!text-primary-foreground',\n              '[&_button:focus-visible]:!bg-transparent [&_button:focus-visible]:!text-primary-foreground',\n            ),\n            range_end: cn(\n              '!bg-primary !text-primary-foreground rounded-r-md !rounded-l-none',\n              '[&_button]:!bg-transparent [&_button]:!text-primary-foreground',\n              '[&_button:hover]:!bg-transparent [&_button:hover]:!text-primary-foreground',\n              '[&_button:focus-visible]:!bg-transparent [&_button:focus-visible]:!text-primary-foreground',\n            ),\n            range_middle: cn(\n              '!bg-accent !text-accent-foreground !rounded-none',\n              '[&_button]:!bg-transparent [&_button]:!text-accent-foreground',\n              '[&_button:hover]:!bg-transparent [&_button:hover]:!text-accent-foreground',\n              '[&_button:focus-visible]:!bg-transparent [&_button:focus-visible]:!text-accent-foreground',\n            ),\n            today: 'font-semibold text-primary rounded-md',\n            outside:\n              'day-outside text-muted-foreground opacity-40 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',\n            disabled: 'text-muted-foreground opacity-50',\n            hidden: 'invisible',\n            ...classNames,\n          }}\n          components={{\n            MonthCaption: monthCaption,\n            ...components,\n          }}\n          {...props}\n        />\n      </div>\n      {monthGridEnabled && showMonthGrid ? (\n        <MonthGrid\n          initialYear={displayMonth.getFullYear()}\n          selectedMonth={displayMonth}\n          locale={locale as Locale | undefined}\n          onSelectMonth={handleSelectMonth}\n          onClose={() => setShowMonthGrid(false)}\n        />\n      ) : null}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { DayPicker, useDayPicker } from 'react-day-picker'\nimport type { DayPickerProps, CalendarMonth } from 'react-day-picker'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport { format } from 'date-fns/format'\nimport type { Locale } from 'date-fns/locale'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { CompactButton } from './compact-button'\n\nexport type CalendarProps = DayPickerProps & { daySize?: 36 | 40 }\n\nexport type CalendarMonthSelectorProps = React.HTMLAttributes<HTMLDivElement> & {\n  month: Date\n  locale?: Locale\n  onPreviousMonth?: () => void\n  onNextMonth?: () => void\n  disabledPrevious?: boolean\n  disabledNext?: boolean\n}\n\nexport function CalendarMonthSelector({\n  month, locale, onPreviousMonth, onNextMonth, disabledPrevious, disabledNext, className, ...props\n}: CalendarMonthSelectorProps) {\n  const t = useT()\n  return (\n    <div data-slot=\"calendar-month-selector\" className={cn('flex h-9 items-center gap-1.5 rounded-md bg-muted p-1.5', className)} {...props}>\n      {onPreviousMonth\n        ? <CompactButton appearance=\"white\" size={24} className=\"shadow-xs\" onClick={onPreviousMonth} disabled={disabledPrevious} aria-label={t('ui.calendar.previousMonth', 'Previous month')}><ChevronLeft className=\"size-5\" aria-hidden=\"true\" /></CompactButton>\n        : <span className=\"size-6 shrink-0\" aria-hidden=\"true\" />}\n      <span className=\"min-w-0 flex-1 text-center text-sm font-medium text-muted-foreground\" aria-live=\"polite\">{format(month, 'MMMM yyyy', locale ? { locale } : undefined)}</span>\n      {onNextMonth\n        ? <CompactButton appearance=\"white\" size={24} className=\"shadow-xs\" onClick={onNextMonth} disabled={disabledNext} aria-label={t('ui.calendar.nextMonth', 'Next month')}><ChevronRight className=\"size-5\" aria-hidden=\"true\" /></CompactButton>\n        : <span className=\"size-6 shrink-0\" aria-hidden=\"true\" />}\n    </div>\n  )\n}\n\n// `LLLL`/`LLL`, not `MMMM`/`MMM`: these labels name a month on its own, and languages that\n// inflect month names \u2014 Polish among the five this repo ships \u2014 spell that differently from a\n// month inside a full date. `MMMM` is the inflected (genitive) form, so a Polish header read\n// \"stycznia\" (\"of January\") where it should read \"stycze\u0144\". The two tokens are identical in\n// English, which is why the bug was invisible until a non-English tenant opened a picker.\nconst STANDALONE_MONTH_YEAR = 'LLLL yyyy'\nconst STANDALONE_MONTH_SHORT = 'LLL'\n\nconst navButtonClassName = cn(\n  'h-9 w-9 inline-flex items-center justify-center rounded-md shrink-0',\n  'border border-border bg-background text-muted-foreground transition-colors',\n  'hover:bg-accent hover:text-accent-foreground hover:border-input',\n  'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n  'disabled:opacity-30 disabled:pointer-events-none disabled:hover:bg-background',\n)\n\nfunction MonthNavButton({\n  direction,\n  locale,\n}: {\n  direction: 'prev' | 'next'\n  locale?: Locale\n}) {\n  const dayPicker = useDayPicker() as unknown as {\n    previousMonth?: Date\n    nextMonth?: Date\n    goToMonth?: (month: Date) => void\n  }\n  const target = direction === 'prev' ? dayPicker.previousMonth : dayPicker.nextMonth\n  const Icon = direction === 'prev' ? ChevronLeft : ChevronRight\n  const targetLabel = format(target ?? new Date(), STANDALONE_MONTH_YEAR, locale ? { locale } : undefined)\n  const ariaLabel = `Go to ${direction === 'prev' ? 'previous' : 'next'} month: ${targetLabel}`\n  return (\n    <button\n      type=\"button\"\n      disabled={!target}\n      aria-label={ariaLabel}\n      onClick={() => {\n        if (target && dayPicker.goToMonth) dayPicker.goToMonth(target)\n      }}\n      className={navButtonClassName}\n    >\n      <Icon className=\"h-4 w-4\" aria-hidden=\"true\" />\n    </button>\n  )\n}\n\nfunction buildMonthCaption(\n  locale: Locale | undefined,\n  totalMonths: number,\n  onOpenMonthGrid: (() => void) | null,\n) {\n  return function MonthCaption({\n    calendarMonth,\n    displayIndex,\n  }: {\n    calendarMonth: CalendarMonth\n    displayIndex?: number\n  }) {\n    const label = format(calendarMonth.date, STANDALONE_MONTH_YEAR, locale ? { locale } : undefined)\n    const index = typeof displayIndex === 'number' ? displayIndex : 0\n    // For multi-month layouts (e.g. range pickers) only the leftmost month\n    // exposes the previous-month chevron and only the rightmost exposes the\n    // next-month chevron. Navigation is always global across all visible\n    // months, so showing both arrows on every month is confusing.\n    const showPrev = index === 0\n    const showNext = index === totalMonths - 1\n    // The month grid (fast navigation) is only offered on single-month\n    // calendars; on the leftmost caption it owns the click target.\n    const labelInteractive = onOpenMonthGrid !== null && index === 0\n    return (\n      <div className=\"flex items-center justify-between gap-2 mb-3\">\n        {showPrev ? (\n          <MonthNavButton direction=\"prev\" locale={locale} />\n        ) : (\n          <div className=\"h-9 w-9 shrink-0\" aria-hidden=\"true\" />\n        )}\n        {labelInteractive ? (\n          <button\n            type=\"button\"\n            onClick={onOpenMonthGrid ?? undefined}\n            aria-label={`${label} \u2013 open month and year navigation`}\n            className={cn(\n              'flex-1 flex items-center justify-center h-9 rounded-md bg-muted px-3 text-sm font-medium',\n              'transition-colors hover:bg-accent hover:text-accent-foreground',\n              'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n            )}\n          >\n            {label}\n          </button>\n        ) : (\n          <div\n            className=\"flex-1 flex items-center justify-center h-9 rounded-md bg-muted px-3 text-sm font-medium\"\n            aria-live=\"polite\"\n          >\n            {label}\n          </div>\n        )}\n        {showNext ? (\n          <MonthNavButton direction=\"next\" locale={locale} />\n        ) : (\n          <div className=\"h-9 w-9 shrink-0\" aria-hidden=\"true\" />\n        )}\n      </div>\n    )\n  }\n}\n\nfunction MonthGrid({\n  initialYear,\n  selectedMonth,\n  locale,\n  onSelectMonth,\n  onClose,\n}: {\n  initialYear: number\n  selectedMonth: Date\n  locale?: Locale\n  onSelectMonth: (month: Date) => void\n  onClose: () => void\n}) {\n  const [year, setYear] = React.useState(initialYear)\n  const today = new Date()\n  const monthLabels = React.useMemo(\n    () =>\n      Array.from({ length: 12 }, (_, monthIndex) =>\n        format(new Date(year, monthIndex, 1), STANDALONE_MONTH_SHORT, locale ? { locale } : undefined),\n      ),\n    [year, locale],\n  )\n  const yearLabel = format(new Date(year, 0, 1), 'yyyy', locale ? { locale } : undefined)\n  return (\n    <div\n      className=\"absolute inset-0 z-10 flex flex-col rounded-md bg-popover p-3\"\n      role=\"dialog\"\n      aria-label=\"Select month and year\"\n    >\n      <div className=\"flex items-center justify-between gap-2 mb-3\">\n        <button\n          type=\"button\"\n          aria-label={`Go to previous year: ${year - 1}`}\n          onClick={() => setYear((current) => current - 1)}\n          className={navButtonClassName}\n        >\n          <ChevronLeft className=\"h-4 w-4\" aria-hidden=\"true\" />\n        </button>\n        <button\n          type=\"button\"\n          onClick={onClose}\n          aria-label={`${yearLabel} \u2013 back to day selection`}\n          className={cn(\n            'flex-1 flex items-center justify-center h-9 rounded-md bg-muted px-3 text-sm font-medium',\n            'transition-colors hover:bg-accent hover:text-accent-foreground',\n            'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n          )}\n        >\n          {yearLabel}\n        </button>\n        <button\n          type=\"button\"\n          aria-label={`Go to next year: ${year + 1}`}\n          onClick={() => setYear((current) => current + 1)}\n          className={navButtonClassName}\n        >\n          <ChevronRight className=\"h-4 w-4\" aria-hidden=\"true\" />\n        </button>\n      </div>\n      <div className=\"grid grid-cols-3 gap-2\">\n        {monthLabels.map((monthLabel, monthIndex) => {\n          const isSelected =\n            selectedMonth.getFullYear() === year && selectedMonth.getMonth() === monthIndex\n          const isCurrentMonth =\n            today.getFullYear() === year && today.getMonth() === monthIndex\n          return (\n            <button\n              key={monthIndex}\n              type=\"button\"\n              aria-pressed={isSelected}\n              onClick={() => onSelectMonth(new Date(year, monthIndex, 1))}\n              className={cn(\n                'h-9 rounded-md text-sm font-normal transition-colors',\n                'inline-flex items-center justify-center',\n                'hover:bg-accent hover:text-accent-foreground',\n                'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n                isCurrentMonth && !isSelected && 'font-semibold text-primary',\n                isSelected && '!bg-primary !text-primary-foreground hover:!bg-primary',\n              )}\n            >\n              {monthLabel}\n            </button>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport function Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  daySize = 36,\n  fixedWeeks = true,\n  locale,\n  components,\n  numberOfMonths = 1,\n  pagedNavigation = true,\n  month,\n  defaultMonth,\n  onMonthChange,\n  ...props\n}: CalendarProps) {\n  // The month/year grid (fast navigation) is only meaningful for single-month\n  // calendars; multi-month layouts (range pickers) keep the static caption.\n  const monthGridEnabled = numberOfMonths === 1\n  const [displayMonth, setDisplayMonth] = React.useState<Date>(\n    () => month ?? defaultMonth ?? new Date(),\n  )\n  const [showMonthGrid, setShowMonthGrid] = React.useState(false)\n\n  // Honor a controlled `month` prop when consumers drive navigation externally.\n  React.useEffect(() => {\n    if (month) setDisplayMonth(month)\n  }, [month])\n\n  const handleMonthChange = React.useCallback(\n    (next: Date) => {\n      setDisplayMonth(next)\n      onMonthChange?.(next)\n    },\n    [onMonthChange],\n  )\n\n  const handleSelectMonth = React.useCallback(\n    (next: Date) => {\n      handleMonthChange(next)\n      setShowMonthGrid(false)\n    },\n    [handleMonthChange],\n  )\n\n  const monthCaption = React.useMemo(\n    () =>\n      buildMonthCaption(\n        locale as Locale | undefined,\n        numberOfMonths,\n        monthGridEnabled ? () => setShowMonthGrid(true) : null,\n      ),\n    [locale, numberOfMonths, monthGridEnabled],\n  )\n\n  return (\n    <div className={monthGridEnabled ? 'relative' : 'contents'}>\n      <div\n        className={monthGridEnabled && showMonthGrid ? 'pointer-events-none' : 'contents'}\n        aria-hidden={monthGridEnabled && showMonthGrid ? true : undefined}\n      >\n        <DayPicker\n          showOutsideDays={showOutsideDays}\n          fixedWeeks={fixedWeeks}\n          pagedNavigation={pagedNavigation}\n          locale={locale}\n          numberOfMonths={numberOfMonths}\n          month={displayMonth}\n          onMonthChange={handleMonthChange}\n          className={cn('p-3', className)}\n          classNames={{\n            months: 'flex flex-col sm:flex-row gap-4',\n            month: 'space-y-2',\n            month_caption: '',\n            caption_label: 'sr-only',\n            nav: 'sr-only',\n            month_grid: 'w-full border-collapse',\n            weekdays: 'flex',\n            weekday: cn('text-muted-foreground rounded-md font-normal text-xs', daySize === 40 ? 'w-10' : 'w-9'),\n            weeks: 'w-full border-collapse',\n            week: 'flex w-full mt-1',\n            day: cn('text-center text-sm p-0 relative focus-within:relative focus-within:z-20', daySize === 40 ? 'size-10' : 'size-9'),\n            day_button: cn(\n              'p-0 font-normal aria-selected:opacity-100',\n              daySize === 40 ? 'size-10' : 'size-9',\n              'inline-flex items-center justify-center rounded-md text-sm',\n              'transition-colors focus:outline-none focus-visible:outline-none disabled:pointer-events-none',\n              // Focus indicator is a soft accent fill instead of a ring overlay \u2014 keyboard\n              // users get a visible cue, but mouse-click focus does not leave a stuck ring\n              // on top of the selected cell.\n              'hover:bg-accent hover:text-accent-foreground',\n              'focus-visible:bg-accent focus-visible:text-accent-foreground',\n            ),\n            // React-day-picker v9 applies `classNames.selected` / `range_*` to the day\n            // CELL (`<td>`) wrapper, not to the inner `<button>`. To keep the parent\n            // fill visible through interaction, we (a) paint the cell with the desired\n            // bg/text, and (b) force the inner button to render transparent \u2014 so the\n            // button's own hover/focus-visible bg overrides cannot cover the cell fill.\n            selected: cn(\n              '!bg-primary !text-primary-foreground rounded-md',\n              '[&_button]:!bg-transparent [&_button]:!text-primary-foreground',\n              '[&_button:hover]:!bg-transparent [&_button:hover]:!text-primary-foreground',\n              '[&_button:focus-visible]:!bg-transparent [&_button:focus-visible]:!text-primary-foreground',\n            ),\n            range_start: cn(\n              '!bg-primary !text-primary-foreground rounded-l-md !rounded-r-none',\n              '[&_button]:!bg-transparent [&_button]:!text-primary-foreground',\n              '[&_button:hover]:!bg-transparent [&_button:hover]:!text-primary-foreground',\n              '[&_button:focus-visible]:!bg-transparent [&_button:focus-visible]:!text-primary-foreground',\n            ),\n            range_end: cn(\n              '!bg-primary !text-primary-foreground rounded-r-md !rounded-l-none',\n              '[&_button]:!bg-transparent [&_button]:!text-primary-foreground',\n              '[&_button:hover]:!bg-transparent [&_button:hover]:!text-primary-foreground',\n              '[&_button:focus-visible]:!bg-transparent [&_button:focus-visible]:!text-primary-foreground',\n            ),\n            range_middle: cn(\n              '!bg-accent !text-accent-foreground !rounded-none',\n              '[&_button]:!bg-transparent [&_button]:!text-accent-foreground',\n              '[&_button:hover]:!bg-transparent [&_button:hover]:!text-accent-foreground',\n              '[&_button:focus-visible]:!bg-transparent [&_button:focus-visible]:!text-accent-foreground',\n            ),\n            today: 'font-semibold text-primary rounded-md',\n            outside:\n              'day-outside text-muted-foreground opacity-40 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',\n            disabled: 'text-muted-foreground opacity-50',\n            hidden: 'invisible',\n            ...classNames,\n          }}\n          components={{\n            MonthCaption: monthCaption,\n            ...components,\n          }}\n          {...props}\n        />\n      </div>\n      {monthGridEnabled && showMonthGrid ? (\n        <MonthGrid\n          initialYear={displayMonth.getFullYear()}\n          selectedMonth={displayMonth}\n          locale={locale as Locale | undefined}\n          onSelectMonth={handleSelectMonth}\n          onClose={() => setShowMonthGrid(false)}\n        />\n      ) : null}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/primitives/date-locale.js

@@ -0,0 +1,47 @@
+"use client";
+import { de } from "date-fns/locale/de";
+import { enUS } from "date-fns/locale/en-US";
+import { es } from "date-fns/locale/es";
+import { ko } from "date-fns/locale/ko";
+import { pl } from "date-fns/locale/pl";
+import { useOptionalLocale } from "@open-mercato/shared/lib/i18n/context";
+const DATE_FNS_LOCALES = {
+  de,
+  en: enUS,
+  es,
+  ko,
+  pl
+};
+function resolveDateFnsLocale(locale) {
+  const code = locale?.split("-")[0]?.toLowerCase();
+  return code ? DATE_FNS_LOCALES[code] : void 0;
+}
+function useDateFnsLocale() {
+  return resolveDateFnsLocale(useOptionalLocale());
+}
+const timeFormatCache = /* @__PURE__ */ new Map();
+function deriveTimeDisplayFormat(locale) {
+  if (!locale) return "12h";
+  const cached = timeFormatCache.get(locale);
+  if (cached) return cached;
+  let resolved = "12h";
+  try {
+    if (new Intl.DateTimeFormat(locale, { hour: "numeric" }).resolvedOptions().hour12 === false) {
+      resolved = "24h";
+    }
+  } catch {
+    resolved = "12h";
+  }
+  timeFormatCache.set(locale, resolved);
+  return resolved;
+}
+function useTimeDisplayFormat() {
+  return deriveTimeDisplayFormat(useOptionalLocale());
+}
+export {
+  deriveTimeDisplayFormat,
+  resolveDateFnsLocale,
+  useDateFnsLocale,
+  useTimeDisplayFormat
+};
+//# sourceMappingURL=date-locale.js.map

package/dist/primitives/date-locale.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/date-locale.ts"],
+  "sourcesContent": ["\"use client\"\n\nimport type { Locale as DateFnsLocale } from 'date-fns/locale'\nimport { de } from 'date-fns/locale/de'\nimport { enUS } from 'date-fns/locale/en-US'\nimport { es } from 'date-fns/locale/es'\nimport { ko } from 'date-fns/locale/ko'\nimport { pl } from 'date-fns/locale/pl'\nimport { useOptionalLocale } from '@open-mercato/shared/lib/i18n/context'\n\nexport type TimeDisplayFormat = '12h' | '24h'\n\n/**\n * The app locale is a bare language code (`'pl'`), but `react-day-picker` and every\n * date-fns formatter want a `Locale` object \u2014 the thing that knows month names and,\n * critically, `weekStartsOn`. Without one the picker falls back to the bundled `enUS`:\n * English month/weekday names and a Sunday-first week for every tenant.\n *\n * The five entries mirror `locales` in `@open-mercato/shared/lib/i18n/config`. They are\n * imported statically rather than loaded on demand because a picker renders its calendar\n * synchronously \u2014 an async locale would flash an English month header first.\n */\nconst DATE_FNS_LOCALES: Record<string, DateFnsLocale> = {\n  de,\n  en: enUS,\n  es,\n  ko,\n  pl,\n}\n\n/**\n * The date-fns locale for an app locale code, or `undefined` when there is none to apply.\n *\n * `undefined` rather than `enUS` for an unknown code: the consumers pass this straight into\n * a `locale?: Locale` prop, and leaving it unset keeps their own documented default instead\n * of pinning English on a deployment that added a locale this map has not caught up with.\n */\nexport function resolveDateFnsLocale(locale?: string | null): DateFnsLocale | undefined {\n  const code = locale?.split('-')[0]?.toLowerCase()\n  return code ? DATE_FNS_LOCALES[code] : undefined\n}\n\n/** The date-fns locale for the active `I18nProvider` locale, or `undefined` outside a provider. */\nexport function useDateFnsLocale(): DateFnsLocale | undefined {\n  return resolveDateFnsLocale(useOptionalLocale())\n}\n\n/**\n * Whether a locale writes the time of day on a 12- or 24-hour clock.\n *\n * Asked of `Intl` rather than a \"not English means 24h\" heuristic, because that heuristic is\n * wrong for two of the five locales this repo ships: Korean is a 12-hour locale (\uC624\uC804/\uC624\uD6C4), as\n * is English, while Polish, German and Spanish are not. `12h` is the fallback when `Intl` cannot\n * answer, matching the `TimePicker` primitive's own default.\n */\n// Constructing an `Intl.DateTimeFormat` costs ~40x using one, and this runs on every render of\n// every time picker \u2014 so the answer is kept per locale, exactly as `date-format.ts` caches its\n// formatters. The key space is the locales a deployment ships and the answer never changes.\nconst timeFormatCache = new Map<string, TimeDisplayFormat>()\n\nexport function deriveTimeDisplayFormat(locale?: string | null): TimeDisplayFormat {\n  if (!locale) return '12h'\n  const cached = timeFormatCache.get(locale)\n  if (cached) return cached\n  let resolved: TimeDisplayFormat = '12h'\n  try {\n    if (new Intl.DateTimeFormat(locale, { hour: 'numeric' }).resolvedOptions().hour12 === false) {\n      resolved = '24h'\n    }\n  } catch {\n    resolved = '12h'\n  }\n  timeFormatCache.set(locale, resolved)\n  return resolved\n}\n\n/** The clock convention of the active `I18nProvider` locale; `12h` outside a provider. */\nexport function useTimeDisplayFormat(): TimeDisplayFormat {\n  return deriveTimeDisplayFormat(useOptionalLocale())\n}\n"],
+  "mappings": ";AAGA,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB,SAAS,UAAU;AACnB,SAAS,UAAU;AACnB,SAAS,UAAU;AACnB,SAAS,yBAAyB;AAclC,MAAM,mBAAkD;AAAA,EACtD;AAAA,EACA,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AACF;AASO,SAAS,qBAAqB,QAAmD;AACtF,QAAM,OAAO,QAAQ,MAAM,GAAG,EAAE,CAAC,GAAG,YAAY;AAChD,SAAO,OAAO,iBAAiB,IAAI,IAAI;AACzC;AAGO,SAAS,mBAA8C;AAC5D,SAAO,qBAAqB,kBAAkB,CAAC;AACjD;AAaA,MAAM,kBAAkB,oBAAI,IAA+B;AAEpD,SAAS,wBAAwB,QAA2C;AACjF,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,SAAS,gBAAgB,IAAI,MAAM;AACzC,MAAI,OAAQ,QAAO;AACnB,MAAI,WAA8B;AAClC,MAAI;AACF,QAAI,IAAI,KAAK,eAAe,QAAQ,EAAE,MAAM,UAAU,CAAC,EAAE,gBAAgB,EAAE,WAAW,OAAO;AAC3F,iBAAW;AAAA,IACb;AAAA,EACF,QAAQ;AACN,eAAW;AAAA,EACb;AACA,kBAAgB,IAAI,QAAQ,QAAQ;AACpC,SAAO;AACT;AAGO,SAAS,uBAA0C;AACxD,SAAO,wBAAwB,kBAAkB,CAAC;AACpD;",
+  "names": []
+}

package/dist/primitives/date-picker.js

@@ -10,6 +10,7 @@ import { Button } from "./button.js";
 import { LinkButton } from "./link-button.js";
 import { TimeInput } from "../backend/inputs/TimeInput.js";
 import { formatWithPublicDateFormat, resolvePublicDateFormat, resolvePublicDateTimeFormat } from "./date-format.js";
+import { useDateFnsLocale } from "./date-locale.js";
 function extractTime(date) {
   return `${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
 }
@@ -44,7 +45,7 @@ function DatePicker({
   align = "start",
   minDate,
   maxDate,
-  locale,
+  locale: localeProp,
   displayFormat,
   className,
   popoverClassName,
@@ -56,6 +57,8 @@ function DatePicker({
 }) {
   const resolvedCloseOnSelect = closeOnSelect ?? footer === "today-clear";
   const t = useT();
+  const appLocale = useDateFnsLocale();
+  const locale = localeProp ?? appLocale;
   const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
   const open = controlledOpen ?? uncontrolledOpen;
   const setOpen = React.useCallback((next) => {

package/dist/primitives/date-picker.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/primitives/date-picker.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { Locale } from 'date-fns/locale'\nimport { CalendarIcon } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\nimport { Calendar } from './calendar'\nimport { Button } from './button'\nimport { LinkButton } from './link-button'\nimport { TimeInput } from '../backend/inputs/TimeInput'\nimport { formatWithPublicDateFormat, resolvePublicDateFormat, resolvePublicDateTimeFormat } from './date-format'\n\nexport type DatePickerFooter = 'apply-cancel' | 'today-clear' | 'none'\n\nexport type DatePickerProps = {\n  value?: Date | null\n  onChange: (value: Date | null) => void\n  placeholder?: string\n  size?: 'sm' | 'default'\n  disabled?: boolean\n  readOnly?: boolean\n  /** Controlled open state of the popover. Omit for the default uncontrolled\n   * behavior. Pair with `onOpenChange` to drive it externally (e.g. closing the\n   * picker when a surrounding dialog scrolls). */\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  /**\n   * Footer mode in the popover.\n   * - `'apply-cancel'` (default, Figma-aligned): selecting a day stages a draft;\n   *   Apply commits and closes; Cancel reverts and closes.\n   * - `'today-clear'`: legacy behavior \u2014 Today commits today, Clear sets null.\n   * - `'none'`: no footer; selecting a day commits immediately and closes.\n   */\n  footer?: DatePickerFooter\n  /**\n   * Whether selecting a day commits the value and closes the popover.\n   * - In `footer='apply-cancel'`: ignored (commit happens via Apply).\n   * - In `footer='today-clear'`: default `true` for backward compatibility.\n   * - In `footer='none'`: always `true` (popover always closes after selection).\n   */\n  closeOnSelect?: boolean\n  /**\n   * Whether to show the \"Today\" link in `footer='today-clear'` mode. Default `true`.\n   * Only meaningful when `footer='today-clear'`.\n   */\n  showTodayButton?: boolean\n  /**\n   * Whether to show the \"Clear\" link in `footer='today-clear'` mode. Default `true`.\n   * Only meaningful when `footer='today-clear'`.\n   */\n  showClearButton?: boolean\n  withTime?: boolean\n  minuteStep?: number\n  align?: 'start' | 'center' | 'end'\n  minDate?: Date\n  maxDate?: Date\n  locale?: Locale\n  displayFormat?: string\n  className?: string\n  popoverClassName?: string\n  id?: string\n  name?: string\n  required?: boolean\n  'aria-label'?: string\n  'aria-describedby'?: string\n}\n\nfunction extractTime(date: Date): string {\n  return `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`\n}\n\nfunction applyTimeToDate(base: Date, time: string): Date {\n  const [hourStr = '0', minuteStr = '0'] = time.split(':')\n  const hour = parseInt(hourStr, 10)\n  const minute = parseInt(minuteStr, 10)\n  const next = new Date(base)\n  next.setHours(isNaN(hour) ? 0 : hour, isNaN(minute) ? 0 : minute, 0, 0)\n  return next\n}\n\nfunction startOfDay(date: Date): Date {\n  const next = new Date(date)\n  next.setHours(0, 0, 0, 0)\n  return next\n}\n\nexport function DatePicker({\n  value,\n  onChange,\n  placeholder,\n  size = 'default',\n  disabled = false,\n  readOnly = false,\n  open: controlledOpen,\n  onOpenChange,\n  footer = 'apply-cancel',\n  closeOnSelect,\n  showTodayButton = true,\n  showClearButton = true,\n  withTime = false,\n  minuteStep = 1,\n  align = 'start',\n  minDate,\n  maxDate,\n  locale,\n  displayFormat,\n  className,\n  popoverClassName,\n  id,\n  name,\n  required,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n}: DatePickerProps) {\n  const resolvedCloseOnSelect = closeOnSelect ?? footer === 'today-clear'\n  const t = useT()\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false)\n  const open = controlledOpen ?? uncontrolledOpen\n  const setOpen = React.useCallback((next: boolean) => {\n    if (controlledOpen === undefined) setUncontrolledOpen(next)\n    onOpenChange?.(next)\n  }, [controlledOpen, onOpenChange])\n  const [draft, setDraft] = React.useState<Date | null>(value ?? null)\n\n  const isInteractive = !disabled && !readOnly\n  const useDraft = footer === 'apply-cancel'\n\n  React.useEffect(() => {\n    if (open) setDraft(value ?? null)\n  }, [open, value])\n\n  const resolvedFormat = withTime\n    ? resolvePublicDateTimeFormat(locale, displayFormat)\n    : resolvePublicDateFormat(locale, displayFormat)\n  const placeholderText = placeholder ?? (\n    withTime\n      ? t('ui.dateTimePicker.placeholder', 'Pick date and time')\n      : t('ui.datePicker.placeholder', 'Pick a date')\n  )\n\n  const formattedValue = React.useMemo(() => {\n    if (!value) return null\n    return formatWithPublicDateFormat(value, resolvedFormat, locale)\n  }, [value, resolvedFormat, locale])\n\n  const handleDaySelect = React.useCallback(\n    (day: Date | undefined) => {\n      if (!day || !isInteractive) return\n      const reference = withTime ? (useDraft ? draft : value) : null\n      const base = withTime\n        ? applyTimeToDate(day, reference ? extractTime(reference) : '00:00')\n        : startOfDay(day)\n      if (useDraft) {\n        setDraft(base)\n      } else {\n        onChange(base)\n        if (footer === 'none' || resolvedCloseOnSelect) setOpen(false)\n      }\n    },\n    [isInteractive, withTime, useDraft, draft, value, footer, resolvedCloseOnSelect, onChange, setOpen],\n  )\n\n  const handleTimeChange = React.useCallback(\n    (time: string) => {\n      const target = useDraft ? draft : value\n      if (!target) return\n      const next = applyTimeToDate(target, time)\n      if (useDraft) setDraft(next)\n      else onChange(next)\n    },\n    [useDraft, draft, value, onChange],\n  )\n\n  const handleApply = React.useCallback(() => {\n    onChange(draft)\n    setOpen(false)\n  }, [draft, onChange, setOpen])\n\n  const handleCancel = React.useCallback(() => {\n    setDraft(value ?? null)\n    setOpen(false)\n  }, [value, setOpen])\n\n  const handleToday = React.useCallback(() => {\n    const today = withTime ? new Date() : startOfDay(new Date())\n    onChange(today)\n    setOpen(false)\n  }, [withTime, onChange, setOpen])\n\n  const handleClear = React.useCallback(() => {\n    onChange(null)\n    setOpen(false)\n  }, [onChange, setOpen])\n\n  const disabledMatcher = React.useMemo(() => {\n    if (!minDate && !maxDate) return undefined\n    const matchers: import('react-day-picker').Matcher[] = []\n    if (minDate) matchers.push({ before: minDate })\n    if (maxDate) matchers.push({ after: maxDate })\n    return matchers\n  }, [minDate, maxDate])\n\n  const heightClass = size === 'sm' ? 'h-8 px-2.5 text-xs' : 'h-9 px-3 text-sm'\n  const selectedDate = useDraft ? draft : value\n\n  return (\n    <Popover open={open} onOpenChange={isInteractive ? setOpen : undefined}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          id={id}\n          name={name}\n          aria-label={ariaLabel}\n          aria-describedby={ariaDescribedBy}\n          aria-haspopup=\"dialog\"\n          aria-required={required ? true : undefined}\n          data-crud-focus-target=\"\"\n          data-slot=\"date-picker-trigger\"\n          disabled={disabled}\n          className={cn(\n            'w-full inline-flex items-center gap-2 rounded-md border border-input bg-background shadow-xs transition-colors text-left',\n            'focus-visible:outline-none focus-visible:shadow-focus focus-visible:border-foreground',\n            'hover:bg-muted/40',\n            'disabled:bg-bg-disabled disabled:border-border-disabled disabled:shadow-none disabled:hover:bg-bg-disabled disabled:cursor-not-allowed',\n            'aria-invalid:border-destructive',\n            heightClass,\n            readOnly && 'cursor-default opacity-70',\n            !formattedValue && 'text-muted-foreground',\n            className,\n          )}\n          onClick={isInteractive ? undefined : (event) => event.preventDefault()}\n        >\n          <CalendarIcon className=\"h-4 w-4 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n          <span className=\"flex-1 truncate\">\n            {formattedValue ?? placeholderText}\n          </span>\n        </button>\n      </PopoverTrigger>\n      <PopoverContent align={align} className={cn('w-auto p-0', popoverClassName)}>\n        <Calendar\n          mode=\"single\"\n          selected={selectedDate ?? undefined}\n          defaultMonth={selectedDate ?? undefined}\n          onSelect={handleDaySelect}\n          locale={locale}\n          disabled={disabledMatcher}\n          autoFocus\n        />\n        {withTime && (\n          <div className=\"flex items-center gap-2 border-t px-3 py-2\">\n            <span className=\"text-sm text-muted-foreground shrink-0\">\n              {t('ui.datePicker.timeLabel', 'Time')}:\n            </span>\n            <TimeInput\n              value={selectedDate ? extractTime(selectedDate) : undefined}\n              onChange={handleTimeChange}\n              minuteStep={minuteStep}\n              disabled={!isInteractive || !selectedDate}\n            />\n          </div>\n        )}\n        {footer === 'apply-cancel' && (\n          <div className=\"flex items-center justify-end gap-2 border-t px-3 py-2\">\n            <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={handleCancel}>\n              {t('ui.datePicker.cancelButton', 'Cancel')}\n            </Button>\n            <Button type=\"button\" size=\"sm\" onClick={handleApply}>\n              {t('ui.datePicker.applyButton', 'Apply')}\n            </Button>\n          </div>\n        )}\n        {footer === 'today-clear' && (showTodayButton || showClearButton) && (\n          <div className=\"flex items-center justify-between gap-2 border-t px-3 py-2\">\n            {showTodayButton ? (\n              <LinkButton type=\"button\" variant=\"primary\" onClick={handleToday}>\n                {t('ui.datePicker.todayButton', 'Today')}\n              </LinkButton>\n            ) : null}\n            {showClearButton ? (\n              <LinkButton type=\"button\" variant=\"gray\" onClick={handleClear} className=\"ml-auto\">\n                {t('ui.datePicker.clearButton', 'Clear')}\n              </LinkButton>\n            ) : null}\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { Locale } from 'date-fns/locale'\nimport { CalendarIcon } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { Popover, PopoverContent, PopoverTrigger } from './popover'\nimport { Calendar } from './calendar'\nimport { Button } from './button'\nimport { LinkButton } from './link-button'\nimport { TimeInput } from '../backend/inputs/TimeInput'\nimport { formatWithPublicDateFormat, resolvePublicDateFormat, resolvePublicDateTimeFormat } from './date-format'\nimport { useDateFnsLocale } from './date-locale'\n\nexport type DatePickerFooter = 'apply-cancel' | 'today-clear' | 'none'\n\nexport type DatePickerProps = {\n  value?: Date | null\n  onChange: (value: Date | null) => void\n  placeholder?: string\n  size?: 'sm' | 'default'\n  disabled?: boolean\n  readOnly?: boolean\n  /** Controlled open state of the popover. Omit for the default uncontrolled\n   * behavior. Pair with `onOpenChange` to drive it externally (e.g. closing the\n   * picker when a surrounding dialog scrolls). */\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  /**\n   * Footer mode in the popover.\n   * - `'apply-cancel'` (default, Figma-aligned): selecting a day stages a draft;\n   *   Apply commits and closes; Cancel reverts and closes.\n   * - `'today-clear'`: legacy behavior \u2014 Today commits today, Clear sets null.\n   * - `'none'`: no footer; selecting a day commits immediately and closes.\n   */\n  footer?: DatePickerFooter\n  /**\n   * Whether selecting a day commits the value and closes the popover.\n   * - In `footer='apply-cancel'`: ignored (commit happens via Apply).\n   * - In `footer='today-clear'`: default `true` for backward compatibility.\n   * - In `footer='none'`: always `true` (popover always closes after selection).\n   */\n  closeOnSelect?: boolean\n  /**\n   * Whether to show the \"Today\" link in `footer='today-clear'` mode. Default `true`.\n   * Only meaningful when `footer='today-clear'`.\n   */\n  showTodayButton?: boolean\n  /**\n   * Whether to show the \"Clear\" link in `footer='today-clear'` mode. Default `true`.\n   * Only meaningful when `footer='today-clear'`.\n   */\n  showClearButton?: boolean\n  withTime?: boolean\n  minuteStep?: number\n  align?: 'start' | 'center' | 'end'\n  minDate?: Date\n  maxDate?: Date\n  /**\n   * date-fns locale for month/weekday names and the first day of the week.\n   * Defaults to the active `I18nProvider` locale (`undefined` outside a\n   * provider, matching pre-existing behavior); pass one explicitly to pin it\n   * regardless of the app locale.\n   */\n  locale?: Locale\n  displayFormat?: string\n  className?: string\n  popoverClassName?: string\n  id?: string\n  name?: string\n  required?: boolean\n  'aria-label'?: string\n  'aria-describedby'?: string\n}\n\nfunction extractTime(date: Date): string {\n  return `${String(date.getHours()).padStart(2, '0')}:${String(date.getMinutes()).padStart(2, '0')}`\n}\n\nfunction applyTimeToDate(base: Date, time: string): Date {\n  const [hourStr = '0', minuteStr = '0'] = time.split(':')\n  const hour = parseInt(hourStr, 10)\n  const minute = parseInt(minuteStr, 10)\n  const next = new Date(base)\n  next.setHours(isNaN(hour) ? 0 : hour, isNaN(minute) ? 0 : minute, 0, 0)\n  return next\n}\n\nfunction startOfDay(date: Date): Date {\n  const next = new Date(date)\n  next.setHours(0, 0, 0, 0)\n  return next\n}\n\nexport function DatePicker({\n  value,\n  onChange,\n  placeholder,\n  size = 'default',\n  disabled = false,\n  readOnly = false,\n  open: controlledOpen,\n  onOpenChange,\n  footer = 'apply-cancel',\n  closeOnSelect,\n  showTodayButton = true,\n  showClearButton = true,\n  withTime = false,\n  minuteStep = 1,\n  align = 'start',\n  minDate,\n  maxDate,\n  locale: localeProp,\n  displayFormat,\n  className,\n  popoverClassName,\n  id,\n  name,\n  required,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n}: DatePickerProps) {\n  const resolvedCloseOnSelect = closeOnSelect ?? footer === 'today-clear'\n  const t = useT()\n  // Callers may pin a locale explicitly (e.g. a field-level override); absent\n  // that, fall back to the active app locale so every consumer of this\n  // primitive \u2014 not just the ones that remember to thread a `locale` prop \u2014\n  // renders a localized month/weekday grid instead of silently defaulting to\n  // English. Outside an `I18nProvider` this resolves to `undefined`, same as\n  // not passing a locale at all today.\n  const appLocale = useDateFnsLocale()\n  const locale = localeProp ?? appLocale\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false)\n  const open = controlledOpen ?? uncontrolledOpen\n  const setOpen = React.useCallback((next: boolean) => {\n    if (controlledOpen === undefined) setUncontrolledOpen(next)\n    onOpenChange?.(next)\n  }, [controlledOpen, onOpenChange])\n  const [draft, setDraft] = React.useState<Date | null>(value ?? null)\n\n  const isInteractive = !disabled && !readOnly\n  const useDraft = footer === 'apply-cancel'\n\n  React.useEffect(() => {\n    if (open) setDraft(value ?? null)\n  }, [open, value])\n\n  const resolvedFormat = withTime\n    ? resolvePublicDateTimeFormat(locale, displayFormat)\n    : resolvePublicDateFormat(locale, displayFormat)\n  const placeholderText = placeholder ?? (\n    withTime\n      ? t('ui.dateTimePicker.placeholder', 'Pick date and time')\n      : t('ui.datePicker.placeholder', 'Pick a date')\n  )\n\n  const formattedValue = React.useMemo(() => {\n    if (!value) return null\n    return formatWithPublicDateFormat(value, resolvedFormat, locale)\n  }, [value, resolvedFormat, locale])\n\n  const handleDaySelect = React.useCallback(\n    (day: Date | undefined) => {\n      if (!day || !isInteractive) return\n      const reference = withTime ? (useDraft ? draft : value) : null\n      const base = withTime\n        ? applyTimeToDate(day, reference ? extractTime(reference) : '00:00')\n        : startOfDay(day)\n      if (useDraft) {\n        setDraft(base)\n      } else {\n        onChange(base)\n        if (footer === 'none' || resolvedCloseOnSelect) setOpen(false)\n      }\n    },\n    [isInteractive, withTime, useDraft, draft, value, footer, resolvedCloseOnSelect, onChange, setOpen],\n  )\n\n  const handleTimeChange = React.useCallback(\n    (time: string) => {\n      const target = useDraft ? draft : value\n      if (!target) return\n      const next = applyTimeToDate(target, time)\n      if (useDraft) setDraft(next)\n      else onChange(next)\n    },\n    [useDraft, draft, value, onChange],\n  )\n\n  const handleApply = React.useCallback(() => {\n    onChange(draft)\n    setOpen(false)\n  }, [draft, onChange, setOpen])\n\n  const handleCancel = React.useCallback(() => {\n    setDraft(value ?? null)\n    setOpen(false)\n  }, [value, setOpen])\n\n  const handleToday = React.useCallback(() => {\n    const today = withTime ? new Date() : startOfDay(new Date())\n    onChange(today)\n    setOpen(false)\n  }, [withTime, onChange, setOpen])\n\n  const handleClear = React.useCallback(() => {\n    onChange(null)\n    setOpen(false)\n  }, [onChange, setOpen])\n\n  const disabledMatcher = React.useMemo(() => {\n    if (!minDate && !maxDate) return undefined\n    const matchers: import('react-day-picker').Matcher[] = []\n    if (minDate) matchers.push({ before: minDate })\n    if (maxDate) matchers.push({ after: maxDate })\n    return matchers\n  }, [minDate, maxDate])\n\n  const heightClass = size === 'sm' ? 'h-8 px-2.5 text-xs' : 'h-9 px-3 text-sm'\n  const selectedDate = useDraft ? draft : value\n\n  return (\n    <Popover open={open} onOpenChange={isInteractive ? setOpen : undefined}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          id={id}\n          name={name}\n          aria-label={ariaLabel}\n          aria-describedby={ariaDescribedBy}\n          aria-haspopup=\"dialog\"\n          aria-required={required ? true : undefined}\n          data-crud-focus-target=\"\"\n          data-slot=\"date-picker-trigger\"\n          disabled={disabled}\n          className={cn(\n            'w-full inline-flex items-center gap-2 rounded-md border border-input bg-background shadow-xs transition-colors text-left',\n            'focus-visible:outline-none focus-visible:shadow-focus focus-visible:border-foreground',\n            'hover:bg-muted/40',\n            'disabled:bg-bg-disabled disabled:border-border-disabled disabled:shadow-none disabled:hover:bg-bg-disabled disabled:cursor-not-allowed',\n            'aria-invalid:border-destructive',\n            heightClass,\n            readOnly && 'cursor-default opacity-70',\n            !formattedValue && 'text-muted-foreground',\n            className,\n          )}\n          onClick={isInteractive ? undefined : (event) => event.preventDefault()}\n        >\n          <CalendarIcon className=\"h-4 w-4 shrink-0 text-muted-foreground\" aria-hidden=\"true\" />\n          <span className=\"flex-1 truncate\">\n            {formattedValue ?? placeholderText}\n          </span>\n        </button>\n      </PopoverTrigger>\n      <PopoverContent align={align} className={cn('w-auto p-0', popoverClassName)}>\n        <Calendar\n          mode=\"single\"\n          selected={selectedDate ?? undefined}\n          defaultMonth={selectedDate ?? undefined}\n          onSelect={handleDaySelect}\n          locale={locale}\n          disabled={disabledMatcher}\n          autoFocus\n        />\n        {withTime && (\n          <div className=\"flex items-center gap-2 border-t px-3 py-2\">\n            <span className=\"text-sm text-muted-foreground shrink-0\">\n              {t('ui.datePicker.timeLabel', 'Time')}:\n            </span>\n            <TimeInput\n              value={selectedDate ? extractTime(selectedDate) : undefined}\n              onChange={handleTimeChange}\n              minuteStep={minuteStep}\n              disabled={!isInteractive || !selectedDate}\n            />\n          </div>\n        )}\n        {footer === 'apply-cancel' && (\n          <div className=\"flex items-center justify-end gap-2 border-t px-3 py-2\">\n            <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={handleCancel}>\n              {t('ui.datePicker.cancelButton', 'Cancel')}\n            </Button>\n            <Button type=\"button\" size=\"sm\" onClick={handleApply}>\n              {t('ui.datePicker.applyButton', 'Apply')}\n            </Button>\n          </div>\n        )}\n        {footer === 'today-clear' && (showTodayButton || showClearButton) && (\n          <div className=\"flex items-center justify-between gap-2 border-t px-3 py-2\">\n            {showTodayButton ? (\n              <LinkButton type=\"button\" variant=\"primary\" onClick={handleToday}>\n                {t('ui.datePicker.todayButton', 'Today')}\n              </LinkButton>\n            ) : null}\n            {showClearButton ? (\n              <LinkButton type=\"button\" variant=\"gray\" onClick={handleClear} className=\"ml-auto\">\n                {t('ui.datePicker.clearButton', 'Clear')}\n              </LinkButton>\n            ) : null}\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }