@open-mercato/ui 0.6.1-develop.3256.1.fe3dec2464 → 0.6.1-develop.3260.1.dc719cac84

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 } from 'react-day-picker'\nimport type { DayPickerProps } from 'react-day-picker'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport type CalendarProps = DayPickerProps\n\nexport function Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn('p-3', className)}\n      classNames={{\n        months: 'flex flex-col sm:flex-row gap-4',\n        month: 'space-y-4',\n        month_caption: 'flex justify-center pt-1 relative items-center',\n        caption_label: 'text-sm font-medium',\n        nav: 'flex items-center gap-1',\n        button_previous: cn(\n          'absolute left-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n          'inline-flex items-center justify-center rounded-md text-sm font-medium',\n          'ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2',\n          'focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n          'hover:bg-accent hover:text-accent-foreground border-0'\n        ),\n        button_next: cn(\n          'absolute right-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n          'inline-flex items-center justify-center rounded-md text-sm font-medium',\n          'ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2',\n          'focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',\n          'hover:bg-accent hover:text-accent-foreground border-0'\n        ),\n        month_grid: 'w-full border-collapse space-y-1',\n        weekdays: 'flex',\n        weekday: 'text-muted-foreground rounded-md w-9 font-normal text-xs',\n        weeks: 'w-full border-collapse space-y-1',\n        week: 'flex w-full mt-2',\n        day: 'h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20',\n        day_button: cn(\n          'h-9 w-9 p-0 font-normal aria-selected:opacity-100',\n          'inline-flex items-center justify-center rounded-md text-sm',\n          'ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2',\n          'focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none',\n          'hover:bg-accent hover:text-accent-foreground'\n        ),\n        selected:\n          'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground rounded-md',\n        today: 'bg-accent text-accent-foreground rounded-md',\n        outside:\n          'day-outside text-muted-foreground opacity-50 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        Chevron: ({ orientation }) =>\n          orientation === 'left' ? (\n            <ChevronLeft className=\"h-4 w-4\" />\n          ) : (\n            <ChevronRight className=\"h-4 w-4\" />\n          ),\n      }}\n      {...props}\n    />\n  )\n}\n"],
-  "mappings": ";AA4DY;AAzDZ,SAAS,iBAAiB;AAE1B,SAAS,aAAa,oBAAoB;AAC1C,SAAS,UAAU;AAIZ,SAAS,SAAS,EAAE,WAAW,YAAY,kBAAkB,MAAM,GAAG,MAAM,GAAkB;AACnG,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,OAAO,SAAS;AAAA,MAC9B,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,eAAe;AAAA,QACf,eAAe;AAAA,QACf,KAAK;AAAA,QACL,iBAAiB;AAAA,UACf;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,aAAa;AAAA,UACX;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,QACN,KAAK;AAAA,QACL,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,UACE;AAAA,QACF,OAAO;AAAA,QACP,SACE;AAAA,QACF,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,MACA,YAAY;AAAA,QACV,SAAS,CAAC,EAAE,YAAY,MACtB,gBAAgB,SACd,oBAAC,eAAY,WAAU,WAAU,IAEjC,oBAAC,gBAAa,WAAU,WAAU;AAAA,MAExC;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;",
+  "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'\nimport type { Locale } from 'date-fns'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport type CalendarProps = DayPickerProps\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={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    >\n      <Icon className=\"h-4 w-4\" aria-hidden=\"true\" />\n    </button>\n  )\n}\n\nfunction buildMonthCaption(locale: Locale | undefined, totalMonths: number) {\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    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        <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        {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\nexport function Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  fixedWeeks = true,\n  locale,\n  components,\n  numberOfMonths = 1,\n  pagedNavigation = true,\n  ...props\n}: CalendarProps) {\n  const monthCaption = React.useMemo(\n    () => buildMonthCaption(locale as Locale | undefined, numberOfMonths),\n    [locale, numberOfMonths],\n  )\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      fixedWeeks={fixedWeeks}\n      pagedNavigation={pagedNavigation}\n      locale={locale}\n      numberOfMonths={numberOfMonths}\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: 'text-muted-foreground rounded-md w-9 font-normal text-xs',\n        weeks: 'w-full border-collapse',\n        week: 'flex w-full mt-1',\n        day: 'h-9 w-9 text-center text-sm p-0 relative focus-within:relative focus-within:z-20',\n        day_button: cn(\n          'h-9 w-9 p-0 font-normal aria-selected:opacity-100',\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  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/primitives/compact-select.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue
+} from "./select.js";
+const CompactSelectTrigger = React.forwardRef(({ triggerLabel, children, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectTrigger,
+  {
+    ref,
+    size: "xs",
+    className: cn(className),
+    "data-slot": "compact-select-trigger",
+    ...props,
+    children: [
+      triggerLabel ? /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "shrink-0 text-xs font-medium text-muted-foreground",
+          "data-slot": "compact-select-trigger-label",
+          children: triggerLabel
+        }
+      ) : null,
+      children
+    ]
+  }
+));
+CompactSelectTrigger.displayName = "CompactSelectTrigger";
+export {
+  CompactSelectTrigger,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectValue
+};
+//# sourceMappingURL=compact-select.js.map

package/dist/primitives/compact-select.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/compact-select.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n  type SelectTriggerProps,\n} from './select'\n\nexport type CompactSelectTriggerProps = Omit<SelectTriggerProps, 'size'> & {\n  /**\n   * Optional inline prefix rendered before the selected value, e.g. `View:` or\n   * `Sort by:`. Renders in muted style and shrinks before the value text.\n   */\n  triggerLabel?: React.ReactNode\n}\n\nexport const CompactSelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectTrigger>,\n  CompactSelectTriggerProps\n>(({ triggerLabel, children, className, ...props }, ref) => (\n  <SelectTrigger\n    ref={ref}\n    size=\"xs\"\n    className={cn(className)}\n    data-slot=\"compact-select-trigger\"\n    {...props}\n  >\n    {triggerLabel ? (\n      <span\n        className=\"shrink-0 text-xs font-medium text-muted-foreground\"\n        data-slot=\"compact-select-trigger-label\"\n      >\n        {triggerLabel}\n      </span>\n    ) : null}\n    {children}\n  </SelectTrigger>\n))\nCompactSelectTrigger.displayName = 'CompactSelectTrigger'\n\n// Re-export the rest of the Select API so consumers can import the entire\n// compact-select composition from one path.\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectSeparator,\n  SelectValue,\n}\n"],
+  "mappings": ";AA4BE,SAQI,KARJ;AA1BF,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAUA,MAAM,uBAAuB,MAAM,WAGxC,CAAC,EAAE,cAAc,UAAU,WAAW,GAAG,MAAM,GAAG,QAClD;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,MAAK;AAAA,IACL,WAAW,GAAG,SAAS;AAAA,IACvB,aAAU;AAAA,IACT,GAAG;AAAA,IAEH;AAAA,qBACC;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,aAAU;AAAA,UAET;AAAA;AAAA,MACH,IACE;AAAA,MACH;AAAA;AAAA;AACH,CACD;AACD,qBAAqB,cAAc;",
+  "names": []
+}

package/dist/primitives/counter-input.js

@@ -0,0 +1,174 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Minus, Plus } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { cn } from "@open-mercato/shared/lib/utils";
+const counterWrapperVariants = cva(
+  "inline-flex w-full items-center bg-background border border-input shadow-xs transition-colors focus-within:outline-none focus-within:shadow-focus focus-within:border-foreground hover:bg-muted/40 has-[input:disabled]:bg-bg-disabled has-[input:disabled]:border-border-disabled has-[input:disabled]:shadow-none has-[input:disabled]:hover:bg-bg-disabled has-[input[aria-invalid=true]]:border-destructive has-[input[aria-invalid=true]]:focus-within:border-destructive",
+  {
+    variants: {
+      size: {
+        sm: "h-8 gap-1 p-1 rounded-md",
+        default: "h-9 gap-1.5 p-1.5 rounded-md",
+        lg: "h-10 gap-2 p-2 rounded-[10px]"
+      }
+    },
+    defaultVariants: { size: "default" }
+  }
+);
+const counterButtonVariants = cva(
+  "inline-flex shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      size: {
+        sm: "size-6 [&_svg]:size-3.5",
+        default: "size-6 [&_svg]:size-4",
+        lg: "size-6 [&_svg]:size-4"
+      }
+    },
+    defaultVariants: { size: "default" }
+  }
+);
+const counterInputElementVariants = cva(
+  "flex-1 min-w-0 bg-transparent border-0 outline-none text-center placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:bg-transparent [appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        default: "text-sm",
+        lg: "text-sm"
+      }
+    },
+    defaultVariants: { size: "default" }
+  }
+);
+const CounterInput = React.forwardRef(
+  ({
+    className,
+    inputClassName,
+    size,
+    value: valueProp,
+    onChange,
+    min,
+    max,
+    step = 1,
+    precision = 0,
+    disabled = false,
+    placeholder,
+    decrementAriaLabel = "Decrease",
+    incrementAriaLabel = "Increase",
+    ...rest
+  }, ref) => {
+    const [internalValue, setInternalValue] = React.useState(
+      valueProp ?? null
+    );
+    const isControlled = valueProp !== void 0;
+    const value = isControlled ? valueProp ?? null : internalValue;
+    const factor = React.useMemo(() => 10 ** precision, [precision]);
+    const clamp = React.useCallback(
+      (n) => {
+        let next = n;
+        if (typeof min === "number" && next < min) next = min;
+        if (typeof max === "number" && next > max) next = max;
+        return Math.round(next * factor) / factor;
+      },
+      [factor, max, min]
+    );
+    const commitValue = React.useCallback(
+      (next) => {
+        if (!isControlled) setInternalValue(next);
+        onChange?.(next);
+      },
+      [isControlled, onChange]
+    );
+    const formatNumber = React.useCallback(
+      (n) => precision > 0 ? n.toFixed(precision) : String(n),
+      [precision]
+    );
+    const adjust = React.useCallback(
+      (direction) => {
+        const current = typeof value === "number" ? value : 0;
+        commitValue(clamp(current + direction * step));
+      },
+      [clamp, commitValue, step, value]
+    );
+    const handleInputChange = (event) => {
+      const text = event.target.value;
+      if (text === "" || text === "-") {
+        commitValue(null);
+        return;
+      }
+      const parsed = Number(text);
+      if (!Number.isFinite(parsed)) return;
+      commitValue(clamp(parsed));
+    };
+    const handleKeyDown = (event) => {
+      if (event.key === "ArrowUp") {
+        event.preventDefault();
+        adjust(1);
+      } else if (event.key === "ArrowDown") {
+        event.preventDefault();
+        adjust(-1);
+      }
+    };
+    const incrementDisabled = disabled || typeof max === "number" && value !== null && value >= max;
+    const decrementDisabled = disabled || typeof min === "number" && value !== null && value <= min;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(counterWrapperVariants({ size }), className),
+        "data-slot": "counter-input",
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => adjust(-1),
+              disabled: decrementDisabled,
+              "aria-label": decrementAriaLabel,
+              className: cn(counterButtonVariants({ size })),
+              "data-slot": "counter-input-decrement",
+              children: /* @__PURE__ */ jsx(Minus, { "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref,
+              type: "number",
+              inputMode: "decimal",
+              value: value === null ? "" : formatNumber(value),
+              onChange: handleInputChange,
+              onKeyDown: handleKeyDown,
+              disabled,
+              placeholder,
+              min,
+              max,
+              step,
+              className: cn(counterInputElementVariants({ size }), inputClassName),
+              ...rest
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => adjust(1),
+              disabled: incrementDisabled,
+              "aria-label": incrementAriaLabel,
+              className: cn(counterButtonVariants({ size })),
+              "data-slot": "counter-input-increment",
+              children: /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+CounterInput.displayName = "CounterInput";
+export {
+  CounterInput
+};
+//# sourceMappingURL=counter-input.js.map

package/dist/primitives/counter-input.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/counter-input.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Minus, Plus } from 'lucide-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nconst counterWrapperVariants = cva(\n  'inline-flex w-full items-center bg-background border border-input shadow-xs transition-colors ' +\n    'focus-within:outline-none focus-within:shadow-focus focus-within:border-foreground ' +\n    'hover:bg-muted/40 ' +\n    'has-[input:disabled]:bg-bg-disabled has-[input:disabled]:border-border-disabled has-[input:disabled]:shadow-none has-[input:disabled]:hover:bg-bg-disabled ' +\n    'has-[input[aria-invalid=true]]:border-destructive has-[input[aria-invalid=true]]:focus-within:border-destructive',\n  {\n    variants: {\n      size: {\n        sm: 'h-8 gap-1 p-1 rounded-md',\n        default: 'h-9 gap-1.5 p-1.5 rounded-md',\n        lg: 'h-10 gap-2 p-2 rounded-[10px]',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  },\n)\n\nconst counterButtonVariants = cva(\n  'inline-flex shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:pointer-events-none disabled:opacity-50',\n  {\n    variants: {\n      size: {\n        sm: 'size-6 [&_svg]:size-3.5',\n        default: 'size-6 [&_svg]:size-4',\n        lg: 'size-6 [&_svg]:size-4',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  },\n)\n\nconst counterInputElementVariants = cva(\n  'flex-1 min-w-0 bg-transparent border-0 outline-none text-center placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:bg-transparent ' +\n    '[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',\n  {\n    variants: {\n      size: {\n        sm: 'text-xs',\n        default: 'text-sm',\n        lg: 'text-sm',\n      },\n    },\n    defaultVariants: { size: 'default' },\n  },\n)\n\nexport type CounterInputProps = Omit<\n  React.ComponentPropsWithoutRef<'input'>,\n  'value' | 'onChange' | 'size' | 'type' | 'children'\n> &\n  VariantProps<typeof counterWrapperVariants> & {\n    value?: number | null\n    /**\n     * Fired whenever the value changes through `-`/`+`, keyboard arrows, or direct typing.\n     * `null` is emitted when the user clears the input. Component clamps to `min`/`max`\n     * and rounds to `precision` decimal places before emitting.\n     */\n    onChange?: (value: number | null) => void\n    min?: number\n    max?: number\n    /** Increment amount for `+` / `-` and ArrowUp / ArrowDown. Default `1`. */\n    step?: number\n    /** Decimal places used when formatting the displayed value. Default `0`. */\n    precision?: number\n    /** aria-label for the decrement (`-`) button. Default English `Decrease`. */\n    decrementAriaLabel?: string\n    /** aria-label for the increment (`+`) button. Default English `Increase`. */\n    incrementAriaLabel?: string\n    /** Override classes applied to the inner `<input>` element. */\n    inputClassName?: string\n  }\n\nexport const CounterInput = React.forwardRef<HTMLInputElement, CounterInputProps>(\n  (\n    {\n      className,\n      inputClassName,\n      size,\n      value: valueProp,\n      onChange,\n      min,\n      max,\n      step = 1,\n      precision = 0,\n      disabled = false,\n      placeholder,\n      decrementAriaLabel = 'Decrease',\n      incrementAriaLabel = 'Increase',\n      ...rest\n    },\n    ref,\n  ) => {\n    const [internalValue, setInternalValue] = React.useState<number | null>(\n      valueProp ?? null,\n    )\n    const isControlled = valueProp !== undefined\n    const value = isControlled ? valueProp ?? null : internalValue\n\n    const factor = React.useMemo(() => 10 ** precision, [precision])\n\n    const clamp = React.useCallback(\n      (n: number) => {\n        let next = n\n        if (typeof min === 'number' && next < min) next = min\n        if (typeof max === 'number' && next > max) next = max\n        return Math.round(next * factor) / factor\n      },\n      [factor, max, min],\n    )\n\n    const commitValue = React.useCallback(\n      (next: number | null) => {\n        if (!isControlled) setInternalValue(next)\n        onChange?.(next)\n      },\n      [isControlled, onChange],\n    )\n\n    const formatNumber = React.useCallback(\n      (n: number) => (precision > 0 ? n.toFixed(precision) : String(n)),\n      [precision],\n    )\n\n    const adjust = React.useCallback(\n      (direction: 1 | -1) => {\n        const current = typeof value === 'number' ? value : 0\n        commitValue(clamp(current + direction * step))\n      },\n      [clamp, commitValue, step, value],\n    )\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      const text = event.target.value\n      if (text === '' || text === '-') {\n        commitValue(null)\n        return\n      }\n      const parsed = Number(text)\n      if (!Number.isFinite(parsed)) return\n      commitValue(clamp(parsed))\n    }\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'ArrowUp') {\n        event.preventDefault()\n        adjust(1)\n      } else if (event.key === 'ArrowDown') {\n        event.preventDefault()\n        adjust(-1)\n      }\n    }\n\n    const incrementDisabled =\n      disabled || (typeof max === 'number' && value !== null && value >= max)\n    const decrementDisabled =\n      disabled || (typeof min === 'number' && value !== null && value <= min)\n\n    return (\n      <div\n        className={cn(counterWrapperVariants({ size }), className)}\n        data-slot=\"counter-input\"\n      >\n        <button\n          type=\"button\"\n          onClick={() => adjust(-1)}\n          disabled={decrementDisabled}\n          aria-label={decrementAriaLabel}\n          className={cn(counterButtonVariants({ size }))}\n          data-slot=\"counter-input-decrement\"\n        >\n          <Minus aria-hidden=\"true\" />\n        </button>\n        <input\n          ref={ref}\n          type=\"number\"\n          inputMode=\"decimal\"\n          value={value === null ? '' : formatNumber(value)}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          disabled={disabled}\n          placeholder={placeholder}\n          min={min}\n          max={max}\n          step={step}\n          className={cn(counterInputElementVariants({ size }), inputClassName)}\n          {...rest}\n        />\n        <button\n          type=\"button\"\n          onClick={() => adjust(1)}\n          disabled={incrementDisabled}\n          aria-label={incrementAriaLabel}\n          className={cn(counterButtonVariants({ size }))}\n          data-slot=\"counter-input-increment\"\n        >\n          <Plus aria-hidden=\"true\" />\n        </button>\n      </div>\n    )\n  },\n)\n\nCounterInput.displayName = 'CounterInput'\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,79 @@
+import {
+  startOfDay,
+  endOfDay,
+  startOfMonth,
+  startOfYear,
+  subDays,
+  subMonths,
+  subYears
+} from "date-fns";
+function defaultDateRangePresets() {
+  return [
+    {
+      id: "today",
+      labelKey: "ui.dateRangePicker.presets.today",
+      range: (ref = /* @__PURE__ */ new Date()) => ({ start: startOfDay(ref), end: endOfDay(ref) })
+    },
+    {
+      id: "last_7_days",
+      labelKey: "ui.dateRangePicker.presets.last7Days",
+      range: (ref = /* @__PURE__ */ new Date()) => ({
+        start: startOfDay(subDays(ref, 6)),
+        end: endOfDay(ref)
+      })
+    },
+    {
+      id: "last_30_days",
+      labelKey: "ui.dateRangePicker.presets.last30Days",
+      range: (ref = /* @__PURE__ */ new Date()) => ({
+        start: startOfDay(subDays(ref, 29)),
+        end: endOfDay(ref)
+      })
+    },
+    {
+      id: "last_3_months",
+      labelKey: "ui.dateRangePicker.presets.last3Months",
+      range: (ref = /* @__PURE__ */ new Date()) => ({
+        start: startOfDay(subMonths(ref, 3)),
+        end: endOfDay(ref)
+      })
+    },
+    {
+      id: "last_12_months",
+      labelKey: "ui.dateRangePicker.presets.last12Months",
+      range: (ref = /* @__PURE__ */ new Date()) => ({
+        start: startOfDay(subYears(ref, 1)),
+        end: endOfDay(ref)
+      })
+    },
+    {
+      id: "month_to_date",
+      labelKey: "ui.dateRangePicker.presets.monthToDate",
+      range: (ref = /* @__PURE__ */ new Date()) => ({
+        start: startOfMonth(ref),
+        end: endOfDay(ref)
+      })
+    },
+    {
+      id: "year_to_date",
+      labelKey: "ui.dateRangePicker.presets.yearToDate",
+      range: (ref = /* @__PURE__ */ new Date()) => ({
+        start: startOfYear(ref),
+        end: endOfDay(ref)
+      })
+    },
+    {
+      id: "all_time",
+      labelKey: "ui.dateRangePicker.presets.allTime",
+      range: (ref = /* @__PURE__ */ new Date()) => ({
+        // Symbolic "all time": from epoch to end of reference day.
+        start: /* @__PURE__ */ new Date(0),
+        end: endOfDay(ref)
+      })
+    }
+  ];
+}
+export {
+  defaultDateRangePresets
+};
+//# sourceMappingURL=date-picker-helpers.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/primitives/date-picker-helpers.ts"],
+  "sourcesContent": ["import {\n  startOfDay,\n  endOfDay,\n  startOfMonth,\n  startOfYear,\n  subDays,\n  subMonths,\n  subYears,\n} from 'date-fns'\nimport type { DateRange } from '../backend/date-range/dateRanges'\n\nexport type DateRangePresetItem = {\n  id: string\n  labelKey: string\n  range: (referenceDate?: Date) => DateRange\n}\n\n/**\n * Returns the canonical 8 date-range presets aligned with the Figma\n * Range Picker spec (`446:7412` Period Range track).\n *\n * The list is intentionally shorter than `DATE_RANGE_OPTIONS` from\n * `@open-mercato/ui/backend/date-range`: that constant powers\n * dashboard/analytics modules with 13 presets (today, yesterday,\n * this/last week/month/quarter/year, last 7/30/90 days), but the Figma\n * Range Picker UI exposes 8 options optimised for filter UX (today plus\n * sliding windows and month/year-to-date).\n *\n * Used by `<DateRangePicker>` as the default `presets` value.\n */\nexport function defaultDateRangePresets(): DateRangePresetItem[] {\n  return [\n    {\n      id: 'today',\n      labelKey: 'ui.dateRangePicker.presets.today',\n      range: (ref = new Date()) => ({ start: startOfDay(ref), end: endOfDay(ref) }),\n    },\n    {\n      id: 'last_7_days',\n      labelKey: 'ui.dateRangePicker.presets.last7Days',\n      range: (ref = new Date()) => ({\n        start: startOfDay(subDays(ref, 6)),\n        end: endOfDay(ref),\n      }),\n    },\n    {\n      id: 'last_30_days',\n      labelKey: 'ui.dateRangePicker.presets.last30Days',\n      range: (ref = new Date()) => ({\n        start: startOfDay(subDays(ref, 29)),\n        end: endOfDay(ref),\n      }),\n    },\n    {\n      id: 'last_3_months',\n      labelKey: 'ui.dateRangePicker.presets.last3Months',\n      range: (ref = new Date()) => ({\n        start: startOfDay(subMonths(ref, 3)),\n        end: endOfDay(ref),\n      }),\n    },\n    {\n      id: 'last_12_months',\n      labelKey: 'ui.dateRangePicker.presets.last12Months',\n      range: (ref = new Date()) => ({\n        start: startOfDay(subYears(ref, 1)),\n        end: endOfDay(ref),\n      }),\n    },\n    {\n      id: 'month_to_date',\n      labelKey: 'ui.dateRangePicker.presets.monthToDate',\n      range: (ref = new Date()) => ({\n        start: startOfMonth(ref),\n        end: endOfDay(ref),\n      }),\n    },\n    {\n      id: 'year_to_date',\n      labelKey: 'ui.dateRangePicker.presets.yearToDate',\n      range: (ref = new Date()) => ({\n        start: startOfYear(ref),\n        end: endOfDay(ref),\n      }),\n    },\n    {\n      id: 'all_time',\n      labelKey: 'ui.dateRangePicker.presets.allTime',\n      range: (ref = new Date()) => ({\n        // Symbolic \"all time\": from epoch to end of reference day.\n        start: new Date(0),\n        end: endOfDay(ref),\n      }),\n    },\n  ]\n}\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAsBA,SAAS,0BAAiD;AAC/D,SAAO;AAAA,IACL;AAAA,MACE,IAAI;AAAA,MACJ,UAAU;AAAA,MACV,OAAO,CAAC,MAAM,oBAAI,KAAK,OAAO,EAAE,OAAO,WAAW,GAAG,GAAG,KAAK,SAAS,GAAG,EAAE;AAAA,IAC7E;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,UAAU;AAAA,MACV,OAAO,CAAC,MAAM,oBAAI,KAAK,OAAO;AAAA,QAC5B,OAAO,WAAW,QAAQ,KAAK,CAAC,CAAC;AAAA,QACjC,KAAK,SAAS,GAAG;AAAA,MACnB;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,UAAU;AAAA,MACV,OAAO,CAAC,MAAM,oBAAI,KAAK,OAAO;AAAA,QAC5B,OAAO,WAAW,QAAQ,KAAK,EAAE,CAAC;AAAA,QAClC,KAAK,SAAS,GAAG;AAAA,MACnB;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,UAAU;AAAA,MACV,OAAO,CAAC,MAAM,oBAAI,KAAK,OAAO;AAAA,QAC5B,OAAO,WAAW,UAAU,KAAK,CAAC,CAAC;AAAA,QACnC,KAAK,SAAS,GAAG;AAAA,MACnB;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,UAAU;AAAA,MACV,OAAO,CAAC,MAAM,oBAAI,KAAK,OAAO;AAAA,QAC5B,OAAO,WAAW,SAAS,KAAK,CAAC,CAAC;AAAA,QAClC,KAAK,SAAS,GAAG;AAAA,MACnB;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,UAAU;AAAA,MACV,OAAO,CAAC,MAAM,oBAAI,KAAK,OAAO;AAAA,QAC5B,OAAO,aAAa,GAAG;AAAA,QACvB,KAAK,SAAS,GAAG;AAAA,MACnB;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,UAAU;AAAA,MACV,OAAO,CAAC,MAAM,oBAAI,KAAK,OAAO;AAAA,QAC5B,OAAO,YAAY,GAAG;AAAA,QACtB,KAAK,SAAS,GAAG;AAAA,MACnB;AAAA,IACF;AAAA,IACA;AAAA,MACE,IAAI;AAAA,MACJ,UAAU;AAAA,MACV,OAAO,CAAC,MAAM,oBAAI,KAAK,OAAO;AAAA;AAAA,QAE5B,OAAO,oBAAI,KAAK,CAAC;AAAA,QACjB,KAAK,SAAS,GAAG;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/primitives/date-picker.js

@@ -0,0 +1,216 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { format } from "date-fns";
+import { CalendarIcon } from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
+import { Calendar } from "./calendar.js";
+import { Button } from "./button.js";
+import { LinkButton } from "./link-button.js";
+import { TimeInput } from "../backend/inputs/TimeInput.js";
+const DAY_FIRST_LOCALE_CODES = /* @__PURE__ */ new Set([
+  "pl",
+  "de",
+  "fr",
+  "es",
+  "it",
+  "pt",
+  "nl",
+  "ru",
+  "cs",
+  "sk",
+  "hu",
+  "ro"
+]);
+function deriveDisplayFormat(locale, withTime) {
+  const code = locale?.code?.split("-")[0]?.toLowerCase() ?? "";
+  const dateFmt = code && DAY_FIRST_LOCALE_CODES.has(code) ? "d MMM yyyy" : "MMM d, yyyy";
+  return withTime ? `${dateFmt} HH:mm` : dateFmt;
+}
+function extractTime(date) {
+  return `${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
+}
+function applyTimeToDate(base, time) {
+  const [hourStr = "0", minuteStr = "0"] = time.split(":");
+  const hour = parseInt(hourStr, 10);
+  const minute = parseInt(minuteStr, 10);
+  const next = new Date(base);
+  next.setHours(isNaN(hour) ? 0 : hour, isNaN(minute) ? 0 : minute, 0, 0);
+  return next;
+}
+function startOfDay(date) {
+  const next = new Date(date);
+  next.setHours(0, 0, 0, 0);
+  return next;
+}
+function DatePicker({
+  value,
+  onChange,
+  placeholder,
+  size = "default",
+  disabled = false,
+  readOnly = false,
+  footer = "apply-cancel",
+  closeOnSelect,
+  showTodayButton = true,
+  showClearButton = true,
+  withTime = false,
+  minuteStep = 1,
+  align = "start",
+  minDate,
+  maxDate,
+  locale,
+  displayFormat,
+  className,
+  popoverClassName,
+  id,
+  name,
+  required,
+  "aria-label": ariaLabel,
+  "aria-describedby": ariaDescribedBy
+}) {
+  const resolvedCloseOnSelect = closeOnSelect ?? footer === "today-clear";
+  const t = useT();
+  const [open, setOpen] = React.useState(false);
+  const [draft, setDraft] = React.useState(value ?? null);
+  const isInteractive = !disabled && !readOnly;
+  const useDraft = footer === "apply-cancel";
+  React.useEffect(() => {
+    if (open) setDraft(value ?? null);
+  }, [open, value]);
+  const resolvedFormat = displayFormat ?? deriveDisplayFormat(locale, withTime);
+  const placeholderText = placeholder ?? (withTime ? t("ui.dateTimePicker.placeholder", "Pick date and time") : t("ui.datePicker.placeholder", "Pick a date"));
+  const formattedValue = React.useMemo(() => {
+    if (!value) return null;
+    try {
+      return format(value, resolvedFormat, locale ? { locale } : void 0);
+    } catch {
+      return null;
+    }
+  }, [value, resolvedFormat, locale]);
+  const handleDaySelect = React.useCallback(
+    (day) => {
+      if (!day || !isInteractive) return;
+      const reference = withTime ? useDraft ? draft : value : null;
+      const base = withTime ? applyTimeToDate(day, reference ? extractTime(reference) : "00:00") : startOfDay(day);
+      if (useDraft) {
+        setDraft(base);
+      } else {
+        onChange(base);
+        if (footer === "none" || resolvedCloseOnSelect) setOpen(false);
+      }
+    },
+    [isInteractive, withTime, useDraft, draft, value, footer, resolvedCloseOnSelect, onChange]
+  );
+  const handleTimeChange = React.useCallback(
+    (time) => {
+      const target = useDraft ? draft : value;
+      if (!target) return;
+      const next = applyTimeToDate(target, time);
+      if (useDraft) setDraft(next);
+      else onChange(next);
+    },
+    [useDraft, draft, value, onChange]
+  );
+  const handleApply = React.useCallback(() => {
+    onChange(draft);
+    setOpen(false);
+  }, [draft, onChange]);
+  const handleCancel = React.useCallback(() => {
+    setDraft(value ?? null);
+    setOpen(false);
+  }, [value]);
+  const handleToday = React.useCallback(() => {
+    const today = withTime ? /* @__PURE__ */ new Date() : startOfDay(/* @__PURE__ */ new Date());
+    onChange(today);
+    setOpen(false);
+  }, [withTime, onChange]);
+  const handleClear = React.useCallback(() => {
+    onChange(null);
+    setOpen(false);
+  }, [onChange]);
+  const disabledMatcher = React.useMemo(() => {
+    if (!minDate && !maxDate) return void 0;
+    const matchers = [];
+    if (minDate) matchers.push({ before: minDate });
+    if (maxDate) matchers.push({ after: maxDate });
+    return matchers;
+  }, [minDate, maxDate]);
+  const heightClass = size === "sm" ? "h-8 px-2.5 text-xs" : "h-9 px-3 text-sm";
+  const selectedDate = useDraft ? draft : value;
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: isInteractive ? setOpen : void 0, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        id,
+        name,
+        "aria-label": ariaLabel,
+        "aria-describedby": ariaDescribedBy,
+        "aria-haspopup": "dialog",
+        "aria-required": required ? true : void 0,
+        "data-crud-focus-target": "",
+        "data-slot": "date-picker-trigger",
+        disabled,
+        className: cn(
+          "w-full inline-flex items-center gap-2 rounded-md border border-input bg-background shadow-xs transition-colors text-left",
+          "focus-visible:outline-none focus-visible:shadow-focus focus-visible:border-foreground",
+          "hover:bg-muted/40",
+          "disabled:bg-bg-disabled disabled:border-border-disabled disabled:shadow-none disabled:hover:bg-bg-disabled disabled:cursor-not-allowed",
+          "aria-invalid:border-destructive",
+          heightClass,
+          readOnly && "cursor-default opacity-70",
+          !formattedValue && "text-muted-foreground",
+          className
+        ),
+        onClick: isInteractive ? void 0 : (event) => event.preventDefault(),
+        children: [
+          /* @__PURE__ */ jsx(CalendarIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: formattedValue ?? placeholderText })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { align, className: cn("w-auto p-0", popoverClassName), children: [
+      /* @__PURE__ */ jsx(
+        Calendar,
+        {
+          mode: "single",
+          selected: selectedDate ?? void 0,
+          onSelect: handleDaySelect,
+          locale,
+          disabled: disabledMatcher,
+          initialFocus: true
+        }
+      ),
+      withTime && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-t px-3 py-2", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground shrink-0", children: [
+          t("ui.datePicker.timeLabel", "Time"),
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx(
+          TimeInput,
+          {
+            value: selectedDate ? extractTime(selectedDate) : void 0,
+            onChange: handleTimeChange,
+            minuteStep,
+            disabled: !isInteractive || !selectedDate
+          }
+        )
+      ] }),
+      footer === "apply-cancel" && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 border-t px-3 py-2", children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: handleCancel, children: t("ui.datePicker.cancelButton", "Cancel") }),
+        /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", onClick: handleApply, children: t("ui.datePicker.applyButton", "Apply") })
+      ] }),
+      footer === "today-clear" && (showTodayButton || showClearButton) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-t px-3 py-2", children: [
+        showTodayButton ? /* @__PURE__ */ jsx(LinkButton, { type: "button", variant: "primary", onClick: handleToday, children: t("ui.datePicker.todayButton", "Today") }) : null,
+        showClearButton ? /* @__PURE__ */ jsx(LinkButton, { type: "button", variant: "gray", onClick: handleClear, className: "ml-auto", children: t("ui.datePicker.clearButton", "Clear") }) : null
+      ] })
+    ] })
+  ] });
+}
+export {
+  DatePicker
+};
+//# sourceMappingURL=date-picker.js.map