@geomak/ui 6.10.0 → 6.12.0

package/dist/index.js

@@ -1,7 +1,7 @@
 import { colors_default } from './chunk-GKXP6OJJ.js';
 export { colors_default as COLORS, PALETTE as palette, semanticTokens, vars } from './chunk-GKXP6OJJ.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React18, { createContext, useState, useEffect, useMemo, useId, useCallback, useRef, useContext, useLayoutEffect, useSyncExternalStore } from 'react';
+import React19, { createContext, useState, useEffect, useMemo, useId, useCallback, useRef, useContext, useLayoutEffect, useSyncExternalStore } from 'react';
 import { createPortal } from 'react-dom';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as Dialog from '@radix-ui/react-dialog';
@@ -1630,7 +1630,7 @@ function Kbd({
   style
 }) {
   if (keys && keys.length > 0) {
-    return /* @__PURE__ */ jsx("span", { className: ["inline-flex items-center gap-1", className].filter(Boolean).join(" "), style, children: keys.map((k, i) => /* @__PURE__ */ jsxs(React18.Fragment, { children: [
+    return /* @__PURE__ */ jsx("span", { className: ["inline-flex items-center gap-1", className].filter(Boolean).join(" "), style, children: keys.map((k, i) => /* @__PURE__ */ jsxs(React19.Fragment, { children: [
       i > 0 && /* @__PURE__ */ jsx("span", { className: "text-foreground-muted text-xs select-none", children: separator }),
       /* @__PURE__ */ jsx("kbd", { className: [cap, SIZE3[size]].join(" "), children: k })
     ] }, `${k}-${i}`)) });
@@ -1704,7 +1704,7 @@ function CardCarousel({
   style
 }) {
   const scrollerRef = useRef(null);
-  const slides = React18.Children.toArray(children);
+  const slides = React19.Children.toArray(children);
   const [active, setActive] = useState(0);
   const [atStart, setAtStart] = useState(true);
   const [atEnd, setAtEnd] = useState(false);
@@ -1999,6 +1999,200 @@ function PopConfirm({
     ) })
   ] });
 }
+var WEEKDAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+var startOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
+var sameDay = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+var addMonths = (d, n) => new Date(d.getFullYear(), d.getMonth() + n, 1);
+function buildGrid(month, weekStartsOn) {
+  const first = new Date(month.getFullYear(), month.getMonth(), 1);
+  const offset = (first.getDay() - weekStartsOn + 7) % 7;
+  const start = new Date(first);
+  start.setDate(first.getDate() - offset);
+  return Array.from({ length: 42 }, (_, i) => {
+    const d = new Date(start);
+    d.setDate(start.getDate() + i);
+    return d;
+  });
+}
+var NavIcon = ({ dir }) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", className: "h-4 w-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: dir === "left" ? "M15 19l-7-7 7-7" : "M9 5l7 7-7 7" }) });
+function Calendar2({
+  value,
+  onChange,
+  month,
+  defaultMonth,
+  onMonthChange,
+  events,
+  min,
+  max,
+  weekStartsOn = 0,
+  className = "",
+  style
+}) {
+  const today = useMemo(() => startOfDay(/* @__PURE__ */ new Date()), []);
+  const [internalMonth, setInternalMonth] = useState(() => month ?? defaultMonth ?? value ?? today);
+  const visible = month ?? internalMonth;
+  const setMonth = (next) => {
+    onMonthChange?.(next);
+    if (month === void 0) setInternalMonth(next);
+  };
+  const grid = useMemo(() => buildGrid(visible, weekStartsOn), [visible, weekStartsOn]);
+  const weekdays = useMemo(() => Array.from({ length: 7 }, (_, i) => WEEKDAYS[(i + weekStartsOn) % 7]), [weekStartsOn]);
+  const eventsByDay = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const ev of events ?? []) {
+      const key = startOfDay(ev.date).toDateString();
+      const arr = map.get(key) ?? [];
+      arr.push(ev);
+      map.set(key, arr);
+    }
+    return map;
+  }, [events]);
+  const disabled = (d) => min && d < startOfDay(min) || max && d > startOfDay(max);
+  return /* @__PURE__ */ jsxs("div", { className: ["inline-block rounded-lg border border-border bg-surface p-3 select-none", className].filter(Boolean).join(" "), style, children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between px-1", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Previous month",
+          onClick: () => setMonth(addMonths(visible, -1)),
+          className: "flex h-7 w-7 items-center justify-center rounded-md text-foreground-secondary hover:bg-surface-raised hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
+          children: /* @__PURE__ */ jsx(NavIcon, { dir: "left" })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "text-sm font-semibold text-foreground", "aria-live": "polite", children: [
+        MONTHS[visible.getMonth()],
+        " ",
+        visible.getFullYear()
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Next month",
+          onClick: () => setMonth(addMonths(visible, 1)),
+          className: "flex h-7 w-7 items-center justify-center rounded-md text-foreground-secondary hover:bg-surface-raised hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
+          children: /* @__PURE__ */ jsx(NavIcon, { dir: "right" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 mb-1", children: weekdays.map((w) => /* @__PURE__ */ jsx("div", { className: "text-center text-[11px] font-medium uppercase tracking-wide text-foreground-muted py-1", children: w }, w)) }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-0.5", role: "grid", children: grid.map((d, i) => {
+      const inMonth = d.getMonth() === visible.getMonth();
+      const isSelected = value != null && sameDay(d, value);
+      const isToday = sameDay(d, today);
+      const isDisabled = disabled(d);
+      const dayEvents = eventsByDay.get(d.toDateString()) ?? [];
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          role: "gridcell",
+          "aria-selected": isSelected,
+          "aria-current": isToday ? "date" : void 0,
+          disabled: isDisabled,
+          onClick: () => onChange?.(startOfDay(d)),
+          className: [
+            "relative flex h-9 w-9 flex-col items-center justify-center rounded-md text-sm transition-colors",
+            "focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
+            isSelected ? "bg-accent text-accent-fg font-semibold" : inMonth ? "text-foreground hover:bg-surface-raised" : "text-foreground-muted hover:bg-surface-raised",
+            isDisabled ? "opacity-40 cursor-not-allowed hover:bg-transparent" : "",
+            !isSelected && isToday ? "ring-1 ring-inset ring-accent/60" : ""
+          ].filter(Boolean).join(" "),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "leading-none", children: d.getDate() }),
+            dayEvents.length > 0 && /* @__PURE__ */ jsx("span", { className: "absolute bottom-1 flex gap-0.5", children: dayEvents.slice(0, 3).map((ev, j) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                title: ev.label,
+                className: "h-1 w-1 rounded-full",
+                style: { backgroundColor: ev.color ?? (isSelected ? "var(--color-accent-fg)" : "var(--color-accent)") }
+              },
+              j
+            )) })
+          ]
+        },
+        i
+      );
+    }) })
+  ] });
+}
+var defaultFormat = (v) => `${v < 0 ? "-" : ""}$${Math.abs(v).toFixed(2)}`;
+var Stepper = ({
+  quantity,
+  max,
+  onChange
+}) => {
+  const btn = "flex h-7 w-7 items-center justify-center text-foreground-secondary hover:bg-surface-raised disabled:opacity-40 disabled:hover:bg-transparent focus:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-inset transition-colors";
+  return /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center rounded-md border border-border overflow-hidden", children: [
+    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Decrease quantity", disabled: quantity <= 1, onClick: () => onChange?.(quantity - 1), className: btn, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-3.5 w-3.5", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", d: "M5 12h14" }) }) }),
+    /* @__PURE__ */ jsx("span", { className: "w-8 text-center text-sm tabular-nums text-foreground select-none", children: quantity }),
+    /* @__PURE__ */ jsx("button", { type: "button", "aria-label": "Increase quantity", disabled: max != null && quantity >= max, onClick: () => onChange?.(quantity + 1), className: btn, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-3.5 w-3.5", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", d: "M12 5v14M5 12h14" }) }) })
+  ] });
+};
+function Cart({
+  items,
+  onQuantityChange,
+  onRemove,
+  summaryRows = [],
+  formatPrice = defaultFormat,
+  checkoutLabel = "Checkout",
+  onCheckout,
+  emptyState,
+  className = "",
+  style
+}) {
+  const subtotal = items.reduce((sum, it) => sum + it.price * it.quantity, 0);
+  const total = subtotal + summaryRows.reduce((sum, r) => sum + r.value, 0);
+  return /* @__PURE__ */ jsxs("div", { className: ["flex flex-col rounded-xl border border-border bg-surface", className].filter(Boolean).join(" "), style, children: [
+    items.length === 0 ? /* @__PURE__ */ jsx("div", { className: "p-8 text-center text-sm text-foreground-muted", children: emptyState ?? "Your cart is empty." }) : /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border", children: items.map((it) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-3 p-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-14 w-14 flex-shrink-0 overflow-hidden rounded-md bg-surface-raised", children: it.image && /* @__PURE__ */ jsx("img", { src: it.image, alt: "", className: "h-full w-full object-cover" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium text-foreground", children: it.name }),
+        it.meta && /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-foreground-muted mt-0.5", children: it.meta }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(Stepper, { quantity: it.quantity, max: it.max, onChange: (q) => onQuantityChange?.(it.id, Math.max(1, q)) }),
+          onRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onRemove(it.id),
+              className: "text-xs text-foreground-muted hover:text-status-error transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent rounded px-1",
+              children: "Remove"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 text-sm font-semibold text-foreground tabular-nums", children: formatPrice(it.price * it.quantity) })
+    ] }, it.id)) }),
+    items.length > 0 && /* @__PURE__ */ jsxs("div", { className: "border-t border-border p-4", children: [
+      /* @__PURE__ */ jsxs("dl", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-foreground-secondary", children: "Subtotal" }),
+          /* @__PURE__ */ jsx("dd", { className: "tabular-nums text-foreground", children: formatPrice(subtotal) })
+        ] }),
+        summaryRows.map((r, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+          /* @__PURE__ */ jsx("dt", { className: r.muted ? "text-foreground-muted" : "text-foreground-secondary", children: r.label }),
+          /* @__PURE__ */ jsx("dd", { className: `tabular-nums ${r.value < 0 ? "text-status-success" : "text-foreground"}`, children: formatPrice(r.value) })
+        ] }, i)),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-border pt-2 mt-1 text-base font-semibold", children: [
+          /* @__PURE__ */ jsx("dt", { className: "text-foreground", children: "Total" }),
+          /* @__PURE__ */ jsx("dd", { className: "tabular-nums text-foreground", children: formatPrice(total) })
+        ] })
+      ] }),
+      onCheckout && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onCheckout,
+          className: "mt-4 w-full rounded-lg bg-accent px-4 py-2.5 text-sm font-semibold text-accent-fg transition-colors hover:bg-accent-hover focus:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2",
+          children: checkoutLabel
+        }
+      )
+    ] })
+  ] });
+}
 var NotificationContext = createContext({
   open: () => void 0,
   close: () => void 0
@@ -3102,7 +3296,7 @@ function Field({
   );
 }
 var SearchIcon = /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "w-4 h-4", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M10.5 3.75a6.75 6.75 0 100 13.5 6.75 6.75 0 000-13.5zM2.25 10.5a8.25 8.25 0 1114.59 5.28l4.69 4.69a.75.75 0 11-1.06 1.06l-4.69-4.69A8.25 8.25 0 012.25 10.5z", clipRule: "evenodd" }) });
-var SearchInput = React18.forwardRef(function SearchInput2({ value, onChange, disabled, label, htmlFor, placeholder, name, inputStyle, style, layout = "vertical", size = "md", icon, helperText, className }, ref) {
+var SearchInput = React19.forwardRef(function SearchInput2({ value, onChange, disabled, label, htmlFor, placeholder, name, inputStyle, style, layout = "vertical", size = "md", icon, helperText, className }, ref) {
   return /* @__PURE__ */ jsx(Field, { className, label, htmlFor, layout, helperText, children: /* @__PURE__ */ jsxs(
     "div",
     {
@@ -3603,7 +3797,7 @@ function TableBody({
   return /* @__PURE__ */ jsx("tbody", { children: rows.map((row, i) => {
     const rowKey = getRowKey(row, i);
     const isExpanded = expanded.has(rowKey);
-    return /* @__PURE__ */ jsxs(React18.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React19.Fragment, { children: [
       /* @__PURE__ */ jsxs(
         "tr",
         {
@@ -4147,8 +4341,8 @@ function MegaMenuLink({ href, icon, description, active, onClick, children, clas
 function MegaMenuFeatured({ children, className = "" }) {
   return /* @__PURE__ */ jsx("div", { className: ["min-w-0 rounded-lg bg-surface-raised border border-border p-4 flex flex-col", className].filter(Boolean).join(" "), children });
 }
-var elementsOfType = (children, type) => React18.Children.toArray(children).filter(
-  (c) => React18.isValidElement(c) && c.type === type
+var elementsOfType = (children, type) => React19.Children.toArray(children).filter(
+  (c) => React19.isValidElement(c) && c.type === type
 );
 var MOBILE_CHEVRON = /* @__PURE__ */ jsx(
   "svg",
@@ -4185,9 +4379,9 @@ function MobileLinkRow({ link, onNavigate }) {
   );
 }
 function MobilePanel({ panel, onNavigate }) {
-  const nodes = React18.Children.toArray(panel.props.children);
+  const nodes = React19.Children.toArray(panel.props.children);
   return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 px-2 pb-3 pt-1", children: nodes.map((node, i) => {
-    if (!React18.isValidElement(node)) return null;
+    if (!React19.isValidElement(node)) return null;
     const el = node;
     if (el.type === MegaMenuSection) {
       const { title, children } = el.props;
@@ -4480,7 +4674,7 @@ function ThemeProvider({
   className = "",
   style
 }) {
-  const id = React18.useId().replace(/:/g, "");
+  const id = React19.useId().replace(/:/g, "");
   const scopeClass = `geo-th-${id}`;
   const divRef = useRef(null);
   useEffect(() => {
@@ -5667,18 +5861,18 @@ function addDays(d, n) {
   c.setDate(c.getDate() + n);
   return c;
 }
-function addMonths(d, n) {
+function addMonths2(d, n) {
   const c = new Date(d);
   c.setMonth(c.getMonth() + n);
   return c;
 }
-function defaultFormat(d) {
+function defaultFormat2(d) {
   const y = d.getFullYear().toString().padStart(4, "0");
   const m = (d.getMonth() + 1).toString().padStart(2, "0");
   const day = d.getDate().toString().padStart(2, "0");
   return `${y}-${m}-${day}`;
 }
-function buildGrid(viewMonth, weekStartsOn) {
+function buildGrid2(viewMonth, weekStartsOn) {
   const first = startOfMonth(viewMonth);
   const startOffset = (first.getDay() - weekStartsOn + 7) % 7;
   const gridStart = addDays(first, -startOffset);
@@ -5706,7 +5900,7 @@ function DatePicker({
   min,
   max,
   style,
-  format = defaultFormat,
+  format = defaultFormat2,
   weekStartsOn = 0,
   clearable = true,
   size = "md",
@@ -5728,14 +5922,14 @@ function DatePicker({
   }, [open, value]);
   useEffect(() => {
     if (!open) return;
-    const cell = gridRef.current?.querySelector(`[data-day="${defaultFormat(focusDate)}"]`);
+    const cell = gridRef.current?.querySelector(`[data-day="${defaultFormat2(focusDate)}"]`);
     cell?.focus();
   }, [open, focusDate]);
   const weekdays = useMemo(() => {
     const ordered = WEEKDAY_SHORT.slice(weekStartsOn).concat(WEEKDAY_SHORT.slice(0, weekStartsOn));
     return ordered;
   }, [weekStartsOn]);
-  const grid = useMemo(() => buildGrid(viewMonth, weekStartsOn), [viewMonth, weekStartsOn]);
+  const grid = useMemo(() => buildGrid2(viewMonth, weekStartsOn), [viewMonth, weekStartsOn]);
   const isDisabled = (d) => {
     if (min && d < min) return true;
     if (max && d > max) return true;
@@ -5766,14 +5960,14 @@ function DatePicker({
       next(7);
     } else if (e.key === "PageUp") {
       e.preventDefault();
-      const nm = addMonths(viewMonth, -1);
+      const nm = addMonths2(viewMonth, -1);
       setViewMonth(nm);
-      setFocusDate((d) => addMonths(d, -1));
+      setFocusDate((d) => addMonths2(d, -1));
     } else if (e.key === "PageDown") {
       e.preventDefault();
-      const nm = addMonths(viewMonth, 1);
+      const nm = addMonths2(viewMonth, 1);
       setViewMonth(nm);
-      setFocusDate((d) => addMonths(d, 1));
+      setFocusDate((d) => addMonths2(d, 1));
     } else if (e.key === "Home") {
       e.preventDefault();
       const dow = (focusDate.getDay() - weekStartsOn + 7) % 7;
@@ -5838,7 +6032,7 @@ function DatePicker({
                   {
                     type: "button",
                     onClick: () => {
-                      if (view === "days") setViewMonth(addMonths(viewMonth, -1));
+                      if (view === "days") setViewMonth(addMonths2(viewMonth, -1));
                       else if (view === "months") setViewMonth(new Date(viewMonth.getFullYear() - 1, viewMonth.getMonth(), 1));
                       else setViewMonth(new Date(viewMonth.getFullYear() - 10, viewMonth.getMonth(), 1));
                     },
@@ -5873,7 +6067,7 @@ function DatePicker({
                   {
                     type: "button",
                     onClick: () => {
-                      if (view === "days") setViewMonth(addMonths(viewMonth, 1));
+                      if (view === "days") setViewMonth(addMonths2(viewMonth, 1));
                       else if (view === "months") setViewMonth(new Date(viewMonth.getFullYear() + 1, viewMonth.getMonth(), 1));
                       else setViewMonth(new Date(viewMonth.getFullYear() + 10, viewMonth.getMonth(), 1));
                     },
@@ -5940,8 +6134,8 @@ function DatePicker({
                           type: "button",
                           disabled: dis,
                           tabIndex: focused ? 0 : -1,
-                          "data-day": defaultFormat(date),
-                          "aria-label": defaultFormat(date),
+                          "data-day": defaultFormat2(date),
+                          "aria-label": defaultFormat2(date),
                           "aria-selected": sel || void 0,
                           onClick: () => selectDate(date),
                           className: [
@@ -5952,7 +6146,7 @@ function DatePicker({
                           ].join(" "),
                           children: date.getDate()
                         }
-                      ) }, defaultFormat(date));
+                      ) }, defaultFormat2(date));
                     }) }, ri)) })
                   ]
                 }
@@ -6484,7 +6678,7 @@ function OtpInput({
     emit(valid.join(""));
     focusBox(valid.length);
   };
-  return /* @__PURE__ */ jsx(Field, { className, label, htmlFor, errorId, errorMessage, required, layout, helperText, children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", role: "group", "aria-label": typeof label === "string" ? label : "One-time code", children: chars.map((char, idx) => /* @__PURE__ */ jsxs(React18.Fragment, { children: [
+  return /* @__PURE__ */ jsx(Field, { className, label, htmlFor, errorId, errorMessage, required, layout, helperText, children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", role: "group", "aria-label": typeof label === "string" ? label : "One-time code", children: chars.map((char, idx) => /* @__PURE__ */ jsxs(React19.Fragment, { children: [
     /* @__PURE__ */ jsx(
       "input",
       {
@@ -6755,16 +6949,16 @@ function TimePicker({
 var MONTH_NAMES2 = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
 var WEEKDAY = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
 var startOfMonth2 = (d) => new Date(d.getFullYear(), d.getMonth(), 1);
-var addMonths2 = (d, n) => new Date(d.getFullYear(), d.getMonth() + n, 1);
+var addMonths3 = (d, n) => new Date(d.getFullYear(), d.getMonth() + n, 1);
 var addDays2 = (d, n) => {
   const c = new Date(d);
   c.setDate(c.getDate() + n);
   return c;
 };
 var isSameDay2 = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
-var startOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
+var startOfDay2 = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
 var defaultFmt = (d) => `${d.getFullYear()}-${`${d.getMonth() + 1}`.padStart(2, "0")}-${`${d.getDate()}`.padStart(2, "0")}`;
-function buildGrid2(viewMonth, weekStartsOn) {
+function buildGrid3(viewMonth, weekStartsOn) {
   const first = startOfMonth2(viewMonth);
   const offset = (first.getDay() - weekStartsOn + 7) % 7;
   const gridStart = addDays2(first, -offset);
@@ -6803,13 +6997,13 @@ function DateRangePicker({
     () => WEEKDAY.slice(weekStartsOn).concat(WEEKDAY.slice(0, weekStartsOn)),
     [weekStartsOn]
   );
-  const isDisabled = (d) => min && d < startOfDay(min) || max && d > startOfDay(max);
+  const isDisabled = (d) => min && d < startOfDay2(min) || max && d > startOfDay2(max);
   const effective = pendingStart ? { start: pendingStart, end: hoverDate } : value;
   const inRange = (d) => {
     const { start, end } = effective;
     if (!start || !end) return false;
     const [a, b] = start <= end ? [start, end] : [end, start];
-    return d >= startOfDay(a) && d <= startOfDay(b);
+    return d >= startOfDay2(a) && d <= startOfDay2(b);
   };
   const onDayClick = (d) => {
     if (isDisabled(d)) return;
@@ -6827,7 +7021,7 @@ function DateRangePicker({
   };
   const triggerText = value.start && value.end ? `${format(value.start)} \u2013 ${format(value.end)}` : value.start ? `${format(value.start)} \u2013 \u2026` : "";
   const renderMonth = (viewMonth) => {
-    const cells = buildGrid2(viewMonth, weekStartsOn);
+    const cells = buildGrid3(viewMonth, weekStartsOn);
     return /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsxs("div", { className: "text-sm font-semibold text-center mb-2 select-none", children: [
         MONTH_NAMES2[viewMonth.getMonth()],
@@ -6916,7 +7110,7 @@ function DateRangePicker({
                 "button",
                 {
                   type: "button",
-                  onClick: () => setLeftMonth(addMonths2(leftMonth, -1)),
+                  onClick: () => setLeftMonth(addMonths3(leftMonth, -1)),
                   "aria-label": "Previous month",
                   className: "absolute -top-1 left-0 w-7 h-7 inline-flex items-center justify-center rounded-md hover:bg-surface-raised focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
                   children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
@@ -6929,13 +7123,13 @@ function DateRangePicker({
                 "button",
                 {
                   type: "button",
-                  onClick: () => setLeftMonth(addMonths2(leftMonth, 1)),
+                  onClick: () => setLeftMonth(addMonths3(leftMonth, 1)),
                   "aria-label": "Next month",
                   className: "absolute -top-1 right-0 w-7 h-7 inline-flex items-center justify-center rounded-md hover:bg-surface-raised focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
                   children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
                 }
               ),
-              renderMonth(addMonths2(leftMonth, 1))
+              renderMonth(addMonths3(leftMonth, 1))
             ] })
           ] })
         ]
@@ -7698,6 +7892,6 @@ function CreditCardForm({
   );
 }
 
-export { Accordion_default as Accordion, AppShell, AutoComplete, Avatar, Badge, Box, Breadcrumbs, Button, CARD_BRANDS, Card_default as Card, CardCarousel, Catalog, CatalogCarousel, CatalogGrid, Checkbox, ColorPicker, ContextMenu, CreditCardForm, DateRangePicker, Drawer, Dropdown, FAB, FadingBase, Field, FieldHelpIcon, FieldLabel, FileInput, Flex, Form, FormContext, FormField, FormStore, Grid2 as Grid, GridCard, icons_default as Icon, IconButton, Kbd, List2 as List, LoadingSpinner, MegaMenu_default as MegaMenu, Modal, NotificationProvider, NumberInput, OpaqueGridCard, OtpInput, Password, PopConfirm, Portal, RadioGroup, Rating, ScalableContainer, SearchInput_default as SearchInput, SegmentedControl, Sidebar, SkeletonBox, SkeletonCard, SkeletonCircle, SkeletonText, Slider, Statistic, Switch, Table, Tabs_default as Tabs, TagsInput, DatePicker as Temporal, TextArea, TextInput, ThemeProvider, ThemeSwitch, TimePicker, Tooltip, TooltipProvider, TopBar, Tree, TreeSelect, Typography, Wizard, cardNumberError, cvvError, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, useFieldArray, useForm, useFormField, useFormStore, useNotification };
+export { Accordion_default as Accordion, AppShell, AutoComplete, Avatar, Badge, Box, Breadcrumbs, Button, CARD_BRANDS, Calendar2 as Calendar, Card_default as Card, CardCarousel, Cart, Catalog, CatalogCarousel, CatalogGrid, Checkbox, ColorPicker, ContextMenu, CreditCardForm, DateRangePicker, Drawer, Dropdown, FAB, FadingBase, Field, FieldHelpIcon, FieldLabel, FileInput, Flex, Form, FormContext, FormField, FormStore, Grid2 as Grid, GridCard, icons_default as Icon, IconButton, Kbd, List2 as List, LoadingSpinner, MegaMenu_default as MegaMenu, Modal, NotificationProvider, NumberInput, OpaqueGridCard, OtpInput, Password, PopConfirm, Portal, RadioGroup, Rating, ScalableContainer, SearchInput_default as SearchInput, SegmentedControl, Sidebar, SkeletonBox, SkeletonCard, SkeletonCircle, SkeletonText, Slider, Statistic, Switch, Table, Tabs_default as Tabs, TagsInput, DatePicker as Temporal, TextArea, TextInput, ThemeProvider, ThemeSwitch, TimePicker, Tooltip, TooltipProvider, TopBar, Tree, TreeSelect, Typography, Wizard, cardNumberError, cvvError, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, useFieldArray, useForm, useFormField, useFormStore, useNotification };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map