@geomak/ui 6.29.0 → 6.29.1

package/dist/index.js

@@ -1,7 +1,7 @@
 import { colors_default } from './chunk-I2P4JJDB.js';
 export { colors_default as COLORS, PALETTE as palette, semanticTokens, vars } from './chunk-I2P4JJDB.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import React29, { createContext, useState, useEffect, useMemo, useId, useCallback, useRef, useLayoutEffect, useContext, useSyncExternalStore } from 'react';
+import React28, { createContext, useState, useEffect, useMemo, useId, useCallback, useRef, useLayoutEffect, useContext, useSyncExternalStore } from 'react';
 import { createPortal } from 'react-dom';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
@@ -704,7 +704,7 @@ var SIZE_CLASSES = {
   md: "h-9  px-4   text-sm  gap-1.5 rounded-lg",
   lg: "h-11 px-5   text-sm  gap-2   rounded-xl"
 };
-var Button = React29.forwardRef(function Button2({
+var Button = React28.forwardRef(function Button2({
   content,
   variant = "primary",
   size = "md",
@@ -812,7 +812,7 @@ function MenuButton({
           "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95"
         ].join(" "),
-        children: items.map((item) => /* @__PURE__ */ jsxs(React29.Fragment, { children: [
+        children: items.map((item) => /* @__PURE__ */ jsxs(React28.Fragment, { children: [
           item.separatorBefore && /* @__PURE__ */ jsx(DropdownMenu.Separator, { className: "my-1 h-px bg-border" }),
           /* @__PURE__ */ jsxs(
             DropdownMenu.Item,
@@ -1911,7 +1911,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(React29.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(React28.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}`)) });
@@ -2003,7 +2003,7 @@ function FlatCarousel({
   style
 }) {
   const scrollerRef = useRef(null);
-  const slides = React29.Children.toArray(children);
+  const slides = React28.Children.toArray(children);
   const [active, setActive] = useState(0);
   const [atStart, setAtStart] = useState(true);
   const [atEnd, setAtEnd] = useState(false);
@@ -2058,7 +2058,7 @@ function RotatingCarousel({
   className = "",
   style
 }) {
-  const slides = React29.Children.toArray(children);
+  const slides = React28.Children.toArray(children);
   const count = slides.length;
   const [active, setActive] = useState(0);
   const reduced = useReducedMotion();
@@ -2786,125 +2786,6 @@ function LogoutTimer({
     ] })
   ] }) });
 }
-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 isToday2 = 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": isToday2 ? "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 && isToday2 ? "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 SIZE5 = {
   sm: { h: "h-control-sm", text: "text-xs", pad: "px-2.5" },
   md: { h: "h-control-md", text: "text-sm", pad: "px-3.5" },
@@ -3003,7 +2884,7 @@ function SegmentedControl({
 }
 
 // src/components/core/scheduler.utils.ts
-var MONTHS2 = [
+var MONTHS = [
   "January",
   "February",
   "March",
@@ -3017,23 +2898,23 @@ var MONTHS2 = [
   "November",
   "December"
 ];
-var MONTHS_SHORT = MONTHS2.map((m) => m.slice(0, 3));
-var WEEKDAYS2 = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+var MONTHS_SHORT = MONTHS.map((m) => m.slice(0, 3));
+var WEEKDAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
 var toDate2 = (d) => d instanceof Date ? d : new Date(d);
-var startOfDay2 = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
+var startOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
 var addDays = (d, n) => {
   const x = new Date(d);
   x.setDate(x.getDate() + n);
   return x;
 };
-var addMonths2 = (d, n) => new Date(d.getFullYear(), d.getMonth() + n, 1);
-var sameDay2 = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
-var isToday = (d) => sameDay2(d, /* @__PURE__ */ new Date());
+var addMonths = (d, n) => new Date(d.getFullYear(), d.getMonth() + n, 1);
+var sameDay = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+var isToday = (d) => sameDay(d, /* @__PURE__ */ new Date());
 var isSameMonth = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth();
 var startOfMonth = (d) => new Date(d.getFullYear(), d.getMonth(), 1);
 var endOfMonth = (d) => new Date(d.getFullYear(), d.getMonth() + 1, 0);
 var startOfWeek = (d, weekStartsOn) => {
-  const x = startOfDay2(d);
+  const x = startOfDay(d);
   const diff = (x.getDay() - weekStartsOn + 7) % 7;
   return addDays(x, -diff);
 };
@@ -3053,12 +2934,12 @@ var weekRange = (cursor, weekStartsOn) => {
   const from = startOfWeek(cursor, weekStartsOn);
   return { from, to: addDays(from, 6) };
 };
-var weekdayLabels = (weekStartsOn) => Array.from({ length: 7 }, (_, i) => WEEKDAYS2[(i + weekStartsOn) % 7]);
-var monthYearLabel = (d) => `${MONTHS2[d.getMonth()]} ${d.getFullYear()}`;
+var weekdayLabels = (weekStartsOn) => Array.from({ length: 7 }, (_, i) => WEEKDAYS[(i + weekStartsOn) % 7]);
+var monthYearLabel = (d) => `${MONTHS[d.getMonth()]} ${d.getFullYear()}`;
 var weekLabel = (cursor, weekStartsOn) => {
   const from = startOfWeek(cursor, weekStartsOn);
   const to = addDays(from, 6);
-  const m = (d) => MONTHS2[d.getMonth()].slice(0, 3);
+  const m = (d) => MONTHS[d.getMonth()].slice(0, 3);
   if (from.getMonth() === to.getMonth()) {
     return `${m(from)} ${from.getDate()} \u2013 ${to.getDate()}, ${to.getFullYear()}`;
   }
@@ -3134,7 +3015,7 @@ function Scheduler({
   );
   const go = useCallback((delta) => {
     setDir(delta);
-    setCursor((c) => view === "month" ? addMonths2(c, delta) : addDays(c, delta * 7));
+    setCursor((c) => view === "month" ? addMonths(c, delta) : addDays(c, delta * 7));
   }, [view]);
   const goToday = useCallback(() => {
     setDir(0);
@@ -3317,7 +3198,7 @@ function MonthView({
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 border-b border-border", children: labels.map((l) => /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-center text-[11px] font-medium uppercase tracking-wide text-foreground-muted", children: l }, l)) }),
     /* @__PURE__ */ jsx("div", { className: "grid flex-1 grid-cols-7 grid-rows-6", children: grid.map((day, i) => {
       const inMonth = isSameMonth(day, cursor);
-      const dayEvents = events.filter((e) => sameDay2(e.start, day));
+      const dayEvents = events.filter((e) => sameDay(e.start, day));
       const today = isToday(day);
       return /* @__PURE__ */ jsxs(
         "button",
@@ -3406,7 +3287,7 @@ function WeekView({
     /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "grid", style: { gridTemplateColumns: `3.5rem repeat(7, 1fr)`, height: gridHeight }, children: [
       /* @__PURE__ */ jsx("div", { className: "relative border-r border-border", children: hours.map((h, i) => /* @__PURE__ */ jsx("div", { className: "absolute right-1 -translate-y-1/2 text-[10px] tabular-nums text-foreground-muted", style: { top: i * hourHeight }, children: i === 0 ? "" : hourLabel(h) }, h)) }),
       days.map((day) => {
-        const dayEvents = events.filter((e) => sameDay2(e.start, day) && !e.allDay);
+        const dayEvents = events.filter((e) => sameDay(e.start, day) && !e.allDay);
         return /* @__PURE__ */ jsxs("div", { className: "relative border-r border-border last:border-r-0", children: [
           hours.map((h, i) => /* @__PURE__ */ jsx(
             "button",
@@ -5379,7 +5260,7 @@ function Wizard({
   ] });
 }
 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 = React29.forwardRef(function SearchInput2({ value, onChange, disabled, label, htmlFor, placeholder, name, inputStyle, style, layout = "vertical", size = "md", icon, helperText, className }, ref) {
+var SearchInput = React28.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",
     {
@@ -5578,7 +5459,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(React29.Fragment, { children: [
+    return /* @__PURE__ */ jsxs(React28.Fragment, { children: [
       /* @__PURE__ */ jsxs(
         "tr",
         {
@@ -5644,7 +5525,7 @@ function Pagination({
   }, [serverSide, options.perPage, picker]);
   const currentOpt = picker.find((o) => o.key === displayPerPageKey);
   const currentPerPageLabel = currentOpt?.label ?? currentOpt?.value ?? options.perPage ?? "";
-  const navBtn = (icon, disabled, onClick, title) => /* @__PURE__ */ jsx(Button_default, { variant: "outline", size: "sm", disabled, onClick, icon, className: "w-7 !px-0 focus-visible:!ring-offset-0", "aria-label": title, title });
+  const navBtn = (icon, disabled, onClick, title) => /* @__PURE__ */ jsx(Button_default, { variant: "outline", size: "sm", disabled, onClick, icon, className: "w-7 !px-0 focus-visible:!ring-[3px] focus-visible:!ring-focus-ring focus-visible:!ring-offset-0", "aria-label": title, title });
   const chevronRight = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
   const doubleChevronRight = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 5l7 7-7 7M5 5l7 7-7 7" }) });
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-x-4 gap-y-3", children: [
@@ -5656,7 +5537,7 @@ function Pagination({
           variant: "outline",
           size: "sm",
           side: "top",
-          className: "focus-visible:!ring-offset-0",
+          className: "focus-visible:!ring-[3px] focus-visible:!ring-focus-ring focus-visible:!ring-offset-0",
           label: String(currentPerPageLabel),
           items: picker.map((o) => ({
             key: o.key,
@@ -6121,8 +6002,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) => React29.Children.toArray(children).filter(
-  (c) => React29.isValidElement(c) && c.type === type
+var elementsOfType = (children, type) => React28.Children.toArray(children).filter(
+  (c) => React28.isValidElement(c) && c.type === type
 );
 var MOBILE_CHEVRON = /* @__PURE__ */ jsx(
   "svg",
@@ -6159,9 +6040,9 @@ function MobileLinkRow({ link, onNavigate }) {
   );
 }
 function MobilePanel({ panel, onNavigate }) {
-  const nodes = React29.Children.toArray(panel.props.children);
+  const nodes = React28.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 (!React29.isValidElement(node)) return null;
+    if (!React28.isValidElement(node)) return null;
     const el = node;
     if (el.type === MegaMenuSection) {
       const { title, children } = el.props;
@@ -6570,7 +6451,7 @@ function ThemeProvider({
   className = "",
   style
 }) {
-  const id = React29.useId().replace(/:/g, "");
+  const id = React28.useId().replace(/:/g, "");
   const scopeClass = `geo-th-${id}`;
   const divRef = useRef(null);
   useEffect(() => {
@@ -7991,7 +7872,7 @@ function addDays2(d, n) {
   c.setDate(c.getDate() + n);
   return c;
 }
-function addMonths3(d, n) {
+function addMonths2(d, n) {
   const c = new Date(d);
   c.setMonth(c.getMonth() + n);
   return c;
@@ -8002,7 +7883,7 @@ function defaultFormat3(d) {
   const day = d.getDate().toString().padStart(2, "0");
   return `${y}-${m}-${day}`;
 }
-function buildGrid2(viewMonth, weekStartsOn) {
+function buildGrid(viewMonth, weekStartsOn) {
   const first = startOfMonth2(viewMonth);
   const startOffset = (first.getDay() - weekStartsOn + 7) % 7;
   const gridStart = addDays2(first, -startOffset);
@@ -8059,7 +7940,7 @@ function DatePicker({
     const ordered = WEEKDAY_SHORT.slice(weekStartsOn).concat(WEEKDAY_SHORT.slice(0, weekStartsOn));
     return ordered;
   }, [weekStartsOn]);
-  const grid = useMemo(() => buildGrid2(viewMonth, weekStartsOn), [viewMonth, weekStartsOn]);
+  const grid = useMemo(() => buildGrid(viewMonth, weekStartsOn), [viewMonth, weekStartsOn]);
   const isDisabled = (d) => {
     if (min && d < min) return true;
     if (max && d > max) return true;
@@ -8090,14 +7971,14 @@ function DatePicker({
       next(7);
     } else if (e.key === "PageUp") {
       e.preventDefault();
-      const nm = addMonths3(viewMonth, -1);
+      const nm = addMonths2(viewMonth, -1);
       setViewMonth(nm);
-      setFocusDate((d) => addMonths3(d, -1));
+      setFocusDate((d) => addMonths2(d, -1));
     } else if (e.key === "PageDown") {
       e.preventDefault();
-      const nm = addMonths3(viewMonth, 1);
+      const nm = addMonths2(viewMonth, 1);
       setViewMonth(nm);
-      setFocusDate((d) => addMonths3(d, 1));
+      setFocusDate((d) => addMonths2(d, 1));
     } else if (e.key === "Home") {
       e.preventDefault();
       const dow = (focusDate.getDay() - weekStartsOn + 7) % 7;
@@ -8162,7 +8043,7 @@ function DatePicker({
                   {
                     type: "button",
                     onClick: () => {
-                      if (view === "days") setViewMonth(addMonths3(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));
                     },
@@ -8197,7 +8078,7 @@ function DatePicker({
                   {
                     type: "button",
                     onClick: () => {
-                      if (view === "days") setViewMonth(addMonths3(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));
                     },
@@ -8712,7 +8593,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 flex-wrap items-center gap-2", role: "group", "aria-label": typeof label === "string" ? label : "One-time code", children: chars.map((char, idx) => /* @__PURE__ */ jsxs(React29.Fragment, { children: [
+  return /* @__PURE__ */ jsx(Field, { className, label, htmlFor, errorId, errorMessage, required, layout, helperText, children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", role: "group", "aria-label": typeof label === "string" ? label : "One-time code", children: chars.map((char, idx) => /* @__PURE__ */ jsxs(React28.Fragment, { children: [
     /* @__PURE__ */ jsx(
       "input",
       {
@@ -8983,16 +8864,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 startOfMonth3 = (d) => new Date(d.getFullYear(), d.getMonth(), 1);
-var addMonths4 = (d, n) => new Date(d.getFullYear(), d.getMonth() + n, 1);
+var addMonths3 = (d, n) => new Date(d.getFullYear(), d.getMonth() + n, 1);
 var addDays3 = (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 startOfDay3 = (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 buildGrid3(viewMonth, weekStartsOn) {
+function buildGrid2(viewMonth, weekStartsOn) {
   const first = startOfMonth3(viewMonth);
   const offset = (first.getDay() - weekStartsOn + 7) % 7;
   const gridStart = addDays3(first, -offset);
@@ -9031,13 +8912,13 @@ function DateRangePicker({
     () => WEEKDAY.slice(weekStartsOn).concat(WEEKDAY.slice(0, weekStartsOn)),
     [weekStartsOn]
   );
-  const isDisabled = (d) => min && d < startOfDay3(min) || max && d > startOfDay3(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 >= startOfDay3(a) && d <= startOfDay3(b);
+    return d >= startOfDay2(a) && d <= startOfDay2(b);
   };
   const onDayClick = (d) => {
     if (isDisabled(d)) return;
@@ -9055,7 +8936,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 = buildGrid3(viewMonth, weekStartsOn);
+    const cells = buildGrid2(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()],
@@ -9144,7 +9025,7 @@ function DateRangePicker({
                 "button",
                 {
                   type: "button",
-                  onClick: () => setLeftMonth(addMonths4(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" }) })
@@ -9157,13 +9038,13 @@ function DateRangePicker({
                 "button",
                 {
                   type: "button",
-                  onClick: () => setLeftMonth(addMonths4(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(addMonths4(leftMonth, 1))
+              renderMonth(addMonths3(leftMonth, 1))
             ] })
           ] })
         ]
@@ -9402,6 +9283,6 @@ function useJwt(token) {
   return { payload: decoded.payload, header: decoded.header, expiresAt, isExpired, isValid, raw: token ?? null };
 }
 
-export { Accordion_default as Accordion, AppShell, AutoComplete, Avatar, Badge, Box, Breadcrumbs, Button_default as Button, CARD_BRANDS, Calendar2 as Calendar, Card_default as Card, CardCarousel, Cart, CartButton, CartProvider, Catalog, CatalogCarousel, CatalogGrid, Chat, Checkbox, Checkout, ColorPicker, ContextMenu, CreditCardForm, DateRangePicker, Drawer, Dropdown, EmptyCart, 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, LogoutTimer, MegaMenu_default as MegaMenu, MenuButton, Modal, NotificationProvider, NumberInput, OpaqueGridCard, OtpInput, Password, PopConfirm, Portal, RadioGroup, Rating, ScalableContainer, Scheduler, SearchInput_default as SearchInput, SecureLayout, SegmentedControl, Sidebar, SkeletonBox, SkeletonCard, SkeletonCircle, SkeletonText, Slider, Statistic, Stepper, Switch, Table, Tabs_default as Tabs, TagsInput, DatePicker as Temporal, TextArea, TextInput, ThemeProvider, ThemeSwitch, TimePicker, Timeline, Tooltip, TooltipProvider, TopBar, Tree, TreeSelect, Typography, Wizard, cardNumberError, cvvError, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, useBreakpoint, useCart, useFieldArray, useForm, useFormField, useFormStore, useJwt, useLocalStorage, useMediaQuery, useNotification };
+export { Accordion_default as Accordion, AppShell, AutoComplete, Avatar, Badge, Box, Breadcrumbs, Button_default as Button, CARD_BRANDS, Card_default as Card, CardCarousel, Cart, CartButton, CartProvider, Catalog, CatalogCarousel, CatalogGrid, Chat, Checkbox, Checkout, ColorPicker, ContextMenu, CreditCardForm, DateRangePicker, Drawer, Dropdown, EmptyCart, 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, LogoutTimer, MegaMenu_default as MegaMenu, MenuButton, Modal, NotificationProvider, NumberInput, OpaqueGridCard, OtpInput, Password, PopConfirm, Portal, RadioGroup, Rating, ScalableContainer, Scheduler, SearchInput_default as SearchInput, SecureLayout, SegmentedControl, Sidebar, SkeletonBox, SkeletonCard, SkeletonCircle, SkeletonText, Slider, Statistic, Stepper, Switch, Table, Tabs_default as Tabs, TagsInput, DatePicker as Temporal, TextArea, TextInput, ThemeProvider, ThemeSwitch, TimePicker, Timeline, Tooltip, TooltipProvider, TopBar, Tree, TreeSelect, Typography, Wizard, cardNumberError, cvvError, detectBrand, expiryError, fieldShell, formatCardNumber, formatExpiry, isRequired, luhnValid, onlyDigits, patterns, runFieldRules, useBreakpoint, useCart, useFieldArray, useForm, useFormField, useFormStore, useJwt, useLocalStorage, useMediaQuery, useNotification };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map