@geomak/ui 6.24.0 → 6.25.0

package/dist/index.cjs

@@ -2,7 +2,7 @@
 
 var chunkOAV4TA4B_cjs = require('./chunk-OAV4TA4B.cjs');
 var jsxRuntime = require('react/jsx-runtime');
-var React27 = require('react');
+var React29 = require('react');
 var reactDom = require('react-dom');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var DropdownMenu = require('@radix-ui/react-dropdown-menu');
@@ -12,12 +12,12 @@ var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var TabsPrimitive = require('@radix-ui/react-tabs');
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var Popover = require('@radix-ui/react-popover');
+var ToggleGroup = require('@radix-ui/react-toggle-group');
 var ContextMenuPrimitive = require('@radix-ui/react-context-menu');
 var SwitchPrimitive = require('@radix-ui/react-switch');
 var NavigationMenu = require('@radix-ui/react-navigation-menu');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
-var ToggleGroup = require('@radix-ui/react-toggle-group');
 var SliderPrimitive = require('@radix-ui/react-slider');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -40,7 +40,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React27__default = /*#__PURE__*/_interopDefault(React27);
+var React29__default = /*#__PURE__*/_interopDefault(React29);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var DropdownMenu__namespace = /*#__PURE__*/_interopNamespace(DropdownMenu);
 var Dialog__namespace = /*#__PURE__*/_interopNamespace(Dialog);
@@ -48,12 +48,12 @@ var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitiv
 var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
 var Popover__namespace = /*#__PURE__*/_interopNamespace(Popover);
+var ToggleGroup__namespace = /*#__PURE__*/_interopNamespace(ToggleGroup);
 var ContextMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(ContextMenuPrimitive);
 var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
 var NavigationMenu__namespace = /*#__PURE__*/_interopNamespace(NavigationMenu);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
-var ToggleGroup__namespace = /*#__PURE__*/_interopNamespace(ToggleGroup);
 var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
 
 var Moon = ({ color = "gray" }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: color, viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: color, className: "w-8 h-8", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z" }) });
@@ -216,8 +216,8 @@ Icon.Copy = Copy;
 Icon.CircleStack = CircleStack;
 var icons_default = Icon;
 function Portal({ children, target }) {
-  const [resolved, setResolved] = React27.useState(null);
-  React27.useEffect(() => {
+  const [resolved, setResolved] = React29.useState(null);
+  React29.useEffect(() => {
     if (target === null) {
       setResolved(null);
       return;
@@ -651,7 +651,7 @@ function IconButton({
   className = "",
   style
 }) {
-  const colorScheme = React27.useMemo(() => {
+  const colorScheme = React29.useMemo(() => {
     if (type === "primary") {
       return "bg-accent text-accent-fg hover:bg-accent-hover";
     }
@@ -730,7 +730,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 = React27__default.default.forwardRef(function Button2({
+var Button = React29__default.default.forwardRef(function Button2({
   content,
   variant = "primary",
   size = "md",
@@ -838,7 +838,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__ */ jsxRuntime.jsxs(React27__default.default.Fragment, { children: [
+        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(React29__default.default.Fragment, { children: [
           item.separatorBefore && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Separator, { className: "my-1 h-px bg-border" }),
           /* @__PURE__ */ jsxRuntime.jsxs(
             DropdownMenu__namespace.Item,
@@ -1081,9 +1081,9 @@ function Tooltip({
   ] }) });
 }
 var TooltipProvider = TooltipPrimitive__namespace.Provider;
-var TabsContext = React27.createContext(null);
+var TabsContext = React29.createContext(null);
 function useTabsContext() {
-  const ctx = React27.useContext(TabsContext);
+  const ctx = React29.useContext(TabsContext);
   if (!ctx) throw new Error("Tabs.List / Tabs.Trigger / Tabs.Panel must be rendered inside <Tabs>.");
   return ctx;
 }
@@ -1105,26 +1105,26 @@ function Tabs({
   children
 }) {
   const isControlled = value !== void 0;
-  const [internal, setInternal] = React27.useState(defaultValue);
+  const [internal, setInternal] = React29.useState(defaultValue);
   const current = isControlled ? value : internal;
   const reduced = !!framerMotion.useReducedMotion();
-  const indicatorId = React27.useId();
-  const select = React27.useCallback((next) => {
+  const indicatorId = React29.useId();
+  const select = React29.useCallback((next) => {
     if (!isControlled) setInternal(next);
     onValueChange?.(next);
   }, [isControlled, onValueChange]);
-  const registry = React27.useRef(/* @__PURE__ */ new Map());
-  const orderRef = React27.useRef(0);
-  const [, bump] = React27.useState(0);
-  const registerTab = React27.useCallback((val, meta) => {
+  const registry = React29.useRef(/* @__PURE__ */ new Map());
+  const orderRef = React29.useRef(0);
+  const [, bump] = React29.useState(0);
+  const registerTab = React29.useCallback((val, meta) => {
     const existing = registry.current.get(val);
     registry.current.set(val, { ...meta, order: existing?.order ?? orderRef.current++ });
     if (!existing) bump((v) => v + 1);
   }, []);
-  const unregisterTab = React27.useCallback((val) => {
+  const unregisterTab = React29.useCallback((val) => {
     if (registry.current.delete(val)) bump((v) => v + 1);
   }, []);
-  const getTabs = React27.useCallback(() => [...registry.current.entries()].sort((a, b) => a[1].order - b[1].order).map(([val, m]) => ({ value: val, label: m.label, icon: m.icon, disabled: m.disabled })), []);
+  const getTabs = React29.useCallback(() => [...registry.current.entries()].sort((a, b) => a[1].order - b[1].order).map(([val, m]) => ({ value: val, label: m.label, icon: m.icon, disabled: m.disabled })), []);
   return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { value: current, variant, size, orientation, indicatorId, reduced, select, registerTab, unregisterTab, getTabs }, children: /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Root,
     {
@@ -1144,10 +1144,10 @@ function Tabs({
 function TabsList({ children, "aria-label": ariaLabel, className = "" }) {
   const { variant, orientation, reduced, value } = useTabsContext();
   const horizontal = orientation === "horizontal";
-  const scrollRef = React27.useRef(null);
-  const [edges, setEdges] = React27.useState({ start: false, end: false });
+  const scrollRef = React29.useRef(null);
+  const [edges, setEdges] = React29.useState({ start: false, end: false });
   const scrollable = variant !== "segmented";
-  React27.useLayoutEffect(() => {
+  React29.useLayoutEffect(() => {
     const el = scrollRef.current;
     if (!el || !scrollable) return;
     const update = () => {
@@ -1172,13 +1172,13 @@ function TabsList({ children, "aria-label": ariaLabel, className = "" }) {
       ro.disconnect();
     };
   }, [horizontal, scrollable, children]);
-  const nudge = React27.useCallback((dir) => {
+  const nudge = React29.useCallback((dir) => {
     const el = scrollRef.current;
     if (!el) return;
     const amount = (horizontal ? el.clientWidth : el.clientHeight) * 0.7 * dir;
     el.scrollBy({ [horizontal ? "left" : "top"]: amount, behavior: reduced ? "auto" : "smooth" });
   }, [horizontal, reduced]);
-  React27.useLayoutEffect(() => {
+  React29.useLayoutEffect(() => {
     const el = scrollRef.current;
     if (!el || !scrollable) return;
     const active = el.querySelector("[role=tab][data-state=active]");
@@ -1236,9 +1236,9 @@ function Chevron2({ side, orientation, onClick }) {
 function OverflowMenu() {
   const { getTabs, value, select, orientation } = useTabsContext();
   const horizontal = orientation === "horizontal";
-  const [open, setOpen] = React27.useState(false);
-  const wrapRef = React27.useRef(null);
-  const timer = React27.useRef(null);
+  const [open, setOpen] = React29.useState(false);
+  const wrapRef = React29.useRef(null);
+  const timer = React29.useRef(null);
   const openNow = () => {
     if (timer.current) clearTimeout(timer.current);
     setOpen(true);
@@ -1246,7 +1246,7 @@ function OverflowMenu() {
   const closeSoon = () => {
     timer.current = setTimeout(() => setOpen(false), 160);
   };
-  React27.useLayoutEffect(() => {
+  React29.useLayoutEffect(() => {
     if (!open) return;
     const onDoc = (e) => {
       if (wrapRef.current && !wrapRef.current.contains(e.target)) setOpen(false);
@@ -1327,7 +1327,7 @@ function TabsTrigger({ value, icon, badge, closeable, onClose, disabled, classNa
   const isActive = active === value;
   const horizontal = orientation === "horizontal";
   const sz = SIZE[size];
-  React27.useLayoutEffect(() => {
+  React29.useLayoutEffect(() => {
     registerTab(value, { label: children, icon, disabled });
     return () => unregisterTab(value);
   }, [value, children, icon, disabled, registerTab, unregisterTab]);
@@ -1525,7 +1525,7 @@ function Tree({
     item.key
   )) });
 }
-var AccordionCtx = React27.createContext({ variant: "separated" });
+var AccordionCtx = React29.createContext({ variant: "separated" });
 function Accordion2({
   children,
   type = "single",
@@ -1584,7 +1584,7 @@ var Chevron3 = /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 function AccordionItem({ value, title, icon, children, disabled, className = "" }) {
-  const { variant } = React27.useContext(AccordionCtx);
+  const { variant } = React29.useContext(AccordionCtx);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     AccordionPrimitive__namespace.Item,
     {
@@ -1643,7 +1643,7 @@ function Breadcrumbs({
   className = "",
   style
 }) {
-  const [expanded, setExpanded] = React27.useState(false);
+  const [expanded, setExpanded] = React29.useState(false);
   const shouldCollapse = maxItems > 0 && items.length > maxItems && !expanded;
   const visible = [];
   if (shouldCollapse) {
@@ -1827,8 +1827,8 @@ function Stepper({
   className = ""
 }) {
   const reduced = framerMotion.useReducedMotion();
-  const [forcedVertical, setForcedVertical] = React27.useState(false);
-  React27.useEffect(() => {
+  const [forcedVertical, setForcedVertical] = React29.useState(false);
+  React29.useEffect(() => {
     if (!responsive || orientation === "vertical") return;
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mq = window.matchMedia("(max-width: 767px)");
@@ -1937,7 +1937,7 @@ function Kbd({
   style
 }) {
   if (keys && keys.length > 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: ["inline-flex items-center gap-1", className].filter(Boolean).join(" "), style, children: keys.map((k, i) => /* @__PURE__ */ jsxRuntime.jsxs(React27__default.default.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: ["inline-flex items-center gap-1", className].filter(Boolean).join(" "), style, children: keys.map((k, i) => /* @__PURE__ */ jsxRuntime.jsxs(React29__default.default.Fragment, { children: [
       i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-muted text-xs select-none", children: separator }),
       /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: [cap, SIZE3[size]].join(" "), children: k })
     ] }, `${k}-${i}`)) });
@@ -2028,13 +2028,13 @@ function FlatCarousel({
   className = "",
   style
 }) {
-  const scrollerRef = React27.useRef(null);
-  const slides = React27__default.default.Children.toArray(children);
-  const [active, setActive] = React27.useState(0);
-  const [atStart, setAtStart] = React27.useState(true);
-  const [atEnd, setAtEnd] = React27.useState(false);
+  const scrollerRef = React29.useRef(null);
+  const slides = React29__default.default.Children.toArray(children);
+  const [active, setActive] = React29.useState(0);
+  const [atStart, setAtStart] = React29.useState(true);
+  const [atEnd, setAtEnd] = React29.useState(false);
   const width = typeof itemWidth === "number" ? `${itemWidth}px` : itemWidth;
-  const update = React27.useCallback(() => {
+  const update = React29.useCallback(() => {
     const el = scrollerRef.current;
     if (!el) return;
     setAtStart(el.scrollLeft <= 1);
@@ -2043,7 +2043,7 @@ function FlatCarousel({
     const slideW = first ? first.getBoundingClientRect().width + gap : el.clientWidth;
     setActive(Math.round(el.scrollLeft / slideW));
   }, [gap]);
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     update();
     const el = scrollerRef.current;
     if (!el) return;
@@ -2084,9 +2084,9 @@ function RotatingCarousel({
   className = "",
   style
 }) {
-  const slides = React27__default.default.Children.toArray(children);
+  const slides = React29__default.default.Children.toArray(children);
   const count = slides.length;
-  const [active, setActive] = React27.useState(0);
+  const [active, setActive] = React29.useState(0);
   const reduced = framerMotion.useReducedMotion();
   const wrap = (n) => count > 0 ? (n % count + count) % count : 0;
   const idx = wrap(active);
@@ -2236,7 +2236,7 @@ function FAB({
   className = "",
   style
 }) {
-  const [open, setOpen] = React27.useState(false);
+  const [open, setOpen] = React29.useState(false);
   const reduced = framerMotion.useReducedMotion();
   const hasDial = !!actions && actions.length > 0;
   const bottom = position.startsWith("bottom");
@@ -2338,8 +2338,8 @@ function PopConfirm({
   onOpenChange,
   className = ""
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React27.useState(false);
-  const [loading, setLoading] = React27.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React29.useState(false);
+  const [loading, setLoading] = React29.useState(false);
   const isOpen = open ?? uncontrolledOpen;
   const setOpen = (next) => {
     onOpenChange?.(next);
@@ -2426,16 +2426,16 @@ function LogoutTimer({
   logoutLabel = "Sign out now"
 }) {
   const reduced = framerMotion.useReducedMotion();
-  const [warning, setWarning] = React27.useState(false);
-  const [remaining, setRemaining] = React27.useState(countdown);
-  const idleTimer = React27.useRef(null);
-  const tick = React27.useRef(null);
-  const deadline = React27.useRef(0);
-  const warningRef = React27.useRef(false);
-  const lastReset = React27.useRef(0);
-  const cbs = React27.useRef({ onLogout, onContinue, onWarning });
+  const [warning, setWarning] = React29.useState(false);
+  const [remaining, setRemaining] = React29.useState(countdown);
+  const idleTimer = React29.useRef(null);
+  const tick = React29.useRef(null);
+  const deadline = React29.useRef(0);
+  const warningRef = React29.useRef(false);
+  const lastReset = React29.useRef(0);
+  const cbs = React29.useRef({ onLogout, onContinue, onWarning });
   cbs.current = { onLogout, onContinue, onWarning };
-  const clearTimers = React27.useCallback(() => {
+  const clearTimers = React29.useCallback(() => {
     if (idleTimer.current) {
       clearTimeout(idleTimer.current);
       idleTimer.current = null;
@@ -2445,13 +2445,13 @@ function LogoutTimer({
       tick.current = null;
     }
   }, []);
-  const logout = React27.useCallback(() => {
+  const logout = React29.useCallback(() => {
     clearTimers();
     warningRef.current = false;
     setWarning(false);
     cbs.current.onLogout();
   }, [clearTimers]);
-  const startIdle = React27.useCallback(() => {
+  const startIdle = React29.useCallback(() => {
     if (idleTimer.current) clearTimeout(idleTimer.current);
     idleTimer.current = setTimeout(() => {
       warningRef.current = true;
@@ -2466,7 +2466,7 @@ function LogoutTimer({
       }, 250);
     }, timeout);
   }, [timeout, countdown, logout]);
-  const stay = React27.useCallback(() => {
+  const stay = React29.useCallback(() => {
     if (tick.current) {
       clearInterval(tick.current);
       tick.current = null;
@@ -2476,7 +2476,7 @@ function LogoutTimer({
     cbs.current.onContinue?.();
     startIdle();
   }, [startIdle]);
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     if (!enabled) {
       clearTimers();
       warningRef.current = false;
@@ -2548,16 +2548,16 @@ function Calendar2({
   className = "",
   style
 }) {
-  const today = React27.useMemo(() => startOfDay(/* @__PURE__ */ new Date()), []);
-  const [internalMonth, setInternalMonth] = React27.useState(() => month ?? defaultMonth ?? value ?? today);
+  const today = React29.useMemo(() => startOfDay(/* @__PURE__ */ new Date()), []);
+  const [internalMonth, setInternalMonth] = React29.useState(() => month ?? defaultMonth ?? value ?? today);
   const visible = month ?? internalMonth;
   const setMonth = (next) => {
     onMonthChange?.(next);
     if (month === void 0) setInternalMonth(next);
   };
-  const grid = React27.useMemo(() => buildGrid(visible, weekStartsOn), [visible, weekStartsOn]);
-  const weekdays = React27.useMemo(() => Array.from({ length: 7 }, (_, i) => WEEKDAYS[(i + weekStartsOn) % 7]), [weekStartsOn]);
-  const eventsByDay = React27.useMemo(() => {
+  const grid = React29.useMemo(() => buildGrid(visible, weekStartsOn), [visible, weekStartsOn]);
+  const weekdays = React29.useMemo(() => Array.from({ length: 7 }, (_, i) => WEEKDAYS[(i + weekStartsOn) % 7]), [weekStartsOn]);
+  const eventsByDay = React29.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const ev of events ?? []) {
       const key = startOfDay(ev.date).toDateString();
@@ -2600,7 +2600,7 @@ function Calendar2({
     /* @__PURE__ */ jsxRuntime.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 isToday2 = sameDay(d, today);
       const isDisabled = disabled(d);
       const dayEvents = eventsByDay.get(d.toDateString()) ?? [];
       return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2609,7 +2609,7 @@ function Calendar2({
           type: "button",
           role: "gridcell",
           "aria-selected": isSelected,
-          "aria-current": isToday ? "date" : void 0,
+          "aria-current": isToday2 ? "date" : void 0,
           disabled: isDisabled,
           onClick: () => onChange?.(startOfDay(d)),
           className: [
@@ -2617,24 +2617,586 @@ function Calendar2({
             "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" : ""
+            !isSelected && isToday2 ? "ring-1 ring-inset ring-accent/60" : ""
           ].filter(Boolean).join(" "),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "leading-none", children: d.getDate() }),
             dayEvents.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute bottom-1 flex gap-0.5", children: dayEvents.slice(0, 3).map((ev, j) => /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
-                title: ev.label,
-                className: "h-1 w-1 rounded-full",
-                style: { backgroundColor: ev.color ?? (isSelected ? "var(--color-accent-fg)" : "var(--color-accent)") }
+                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 FIELD_SIZE = {
+  sm: { control: "h-control-sm", text: "text-xs", padX: "px-2.5", gap: "gap-1.5" },
+  md: { control: "h-control-md", text: "text-sm", padX: "px-3", gap: "gap-2" },
+  lg: { control: "h-control-lg", text: "text-sm", padX: "px-3.5", gap: "gap-2.5" }
+};
+var FOCUS_WITHIN = "focus-within:outline-none focus-within:border-accent";
+var FOCUS_ELEMENT = "focus:outline-none focus:border-accent data-[state=open]:border-accent";
+var FOCUS_WITHIN_ERROR = "focus-within:border-status-error";
+var FOCUS_ELEMENT_ERROR = "focus:border-status-error data-[state=open]:border-status-error";
+function fieldShell({
+  size = "md",
+  hasError = false,
+  disabled = false,
+  focusWithin = false,
+  sized = true
+} = {}) {
+  const s = FIELD_SIZE[size];
+  return [
+    "w-full rounded-lg border bg-surface text-foreground",
+    "transition-[color,box-shadow,border-color] duration-150",
+    s.text,
+    sized ? `${s.control} ${s.padX}` : "",
+    // resting border
+    hasError ? "border-status-error" : "border-border",
+    // hover (only when interactive + no error)
+    disabled ? "bg-surface-raised text-foreground-muted cursor-not-allowed" : hasError ? "" : "hover:border-border-strong",
+    // focus
+    focusWithin ? FOCUS_WITHIN : FOCUS_ELEMENT,
+    hasError ? focusWithin ? FOCUS_WITHIN_ERROR : FOCUS_ELEMENT_ERROR : "",
+    // placeholder colour for native inputs
+    "placeholder:text-foreground-muted"
+  ].filter(Boolean).join(" ");
+}
+function FieldHelpIcon({ text }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { title: text, placement: "top", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "aria-label": "More information",
+      className: "inline-flex items-center justify-center rounded-full text-foreground-muted transition-colors hover:text-foreground focus:outline-none focus-visible:text-accent",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 16 16", className: "h-3.5 w-3.5", fill: "none", stroke: "currentColor", strokeWidth: 1.5, "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "6.25" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", d: "M8 7.4v3.4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "5.1", r: "0.65", fill: "currentColor", stroke: "none" })
+      ] })
+    }
+  ) });
+}
+function FieldLabel({
+  label,
+  htmlFor,
+  required,
+  helperText,
+  horizontal = false,
+  align = "start",
+  style,
+  width,
+  className = ""
+}) {
+  if (label == null && helperText == null) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: { width: horizontal ? width : void 0, ...style },
+      className: [
+        "flex items-center gap-1",
+        horizontal ? "flex-shrink-0 whitespace-nowrap" : "",
+        // Only the 'start' alignment needs the top nudge; 'center' relies
+        // on the row's items-center to line up with a short control.
+        horizontal && align === "start" ? "mt-2" : "",
+        className
+      ].filter(Boolean).join(" "),
+      children: [
+        label != null && /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor, className: "text-sm font-medium text-foreground select-none", children: [
+          label,
+          required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-status-error ml-0.5", "aria-hidden": "true", children: "*" })
+        ] }),
+        helperText != null && /* @__PURE__ */ jsxRuntime.jsx(FieldHelpIcon, { text: helperText })
+      ]
+    }
+  );
+}
+function Field({
+  label,
+  htmlFor,
+  errorId,
+  errorMessage,
+  layout = "vertical",
+  required,
+  helperText,
+  labelAlign = "start",
+  labelStyle,
+  labelWidth,
+  className = "",
+  children
+}) {
+  const hasError = errorMessage != null;
+  const horizontal = layout === "horizontal";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: [
+        "flex",
+        horizontal ? `flex-row gap-3 ${labelAlign === "center" ? "items-center" : "items-start"}` : "flex-col gap-1.5",
+        className
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FieldLabel,
+          {
+            label,
+            htmlFor,
+            required,
+            helperText,
+            horizontal,
+            align: labelAlign,
+            style: labelStyle,
+            width: labelWidth
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-w-0 flex-1", children: [
+          children,
+          hasError && /* @__PURE__ */ jsxRuntime.jsx("div", { id: errorId, className: "text-status-error text-xs mt-1", children: errorMessage })
+        ] })
+      ]
+    }
+  );
+}
+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" },
+  lg: { h: "h-control-lg", text: "text-sm", pad: "px-4" }
+};
+function SegmentedControl({
+  options,
+  value,
+  defaultValue,
+  onChange,
+  size = "md",
+  fullWidth = false,
+  disabled,
+  label,
+  layout = "vertical",
+  helperText,
+  className,
+  name,
+  required,
+  errorMessage,
+  "aria-label": ariaLabel
+}) {
+  const sz = SIZE5[size];
+  const groupId = React29.useId();
+  const errorId = React29.useId();
+  const hasError = errorMessage != null;
+  const isControlled = value !== void 0;
+  const [internal, setInternal] = React29.useState(defaultValue);
+  const current = isControlled ? value : internal;
+  const handle = (v) => {
+    if (!v) return;
+    if (!isControlled) setInternal(v);
+    onChange?.(v);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Field,
+    {
+      className,
+      label,
+      htmlFor: groupId,
+      errorId,
+      errorMessage,
+      layout,
+      required,
+      helperText,
+      children: [
+        name && /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name, value: current ?? "" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ToggleGroup__namespace.Root,
+          {
+            id: groupId,
+            type: "single",
+            value: current,
+            onValueChange: handle,
+            disabled,
+            "aria-label": ariaLabel ?? (typeof label === "string" ? label : void 0),
+            "aria-invalid": hasError || void 0,
+            "aria-describedby": hasError ? errorId : void 0,
+            className: [
+              "inline-flex items-center gap-1 rounded-lg border bg-surface-raised p-1",
+              hasError ? "border-status-error" : "border-border",
+              sz.h,
+              fullWidth ? "flex w-full" : "w-fit",
+              disabled ? "opacity-60 cursor-not-allowed" : ""
+            ].filter(Boolean).join(" "),
+            children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
+              ToggleGroup__namespace.Item,
+              {
+                value: opt.value,
+                disabled: opt.disabled,
+                className: [
+                  "inline-flex items-center justify-center gap-1.5 rounded-md select-none whitespace-nowrap",
+                  "transition-colors duration-150 h-full",
+                  sz.text,
+                  sz.pad,
+                  fullWidth ? "flex-1" : "",
+                  // Resting: muted text, transparent. Hover lifts the text.
+                  "text-foreground-secondary hover:text-foreground",
+                  // Active: surface-white pill + accent text + subtle shadow.
+                  "data-[state=on]:bg-surface data-[state=on]:text-accent data-[state=on]:shadow-sm",
+                  "focus:outline-none focus-visible:ring-[3px] focus-visible:ring-focus-ring",
+                  "disabled:opacity-40 disabled:cursor-not-allowed"
+                ].filter(Boolean).join(" "),
+                children: [
+                  opt.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: opt.icon }),
+                  opt.label
+                ]
+              },
+              opt.value
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/core/scheduler.utils.ts
+var MONTHS2 = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+var WEEKDAYS2 = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+var toDate = (d) => d instanceof Date ? d : new Date(d);
+var startOfDay2 = (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 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 diff = (x.getDay() - weekStartsOn + 7) % 7;
+  return addDays(x, -diff);
+};
+var buildMonthGrid = (cursor, weekStartsOn) => {
+  const start = startOfWeek(startOfMonth(cursor), weekStartsOn);
+  return Array.from({ length: 42 }, (_, i) => addDays(start, i));
+};
+var getWeekDays = (cursor, weekStartsOn) => {
+  const start = startOfWeek(cursor, weekStartsOn);
+  return Array.from({ length: 7 }, (_, i) => addDays(start, i));
+};
+var monthRange = (cursor) => ({
+  from: startOfMonth(cursor),
+  to: endOfMonth(cursor)
+});
+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 weekLabel = (cursor, weekStartsOn) => {
+  const from = startOfWeek(cursor, weekStartsOn);
+  const to = addDays(from, 6);
+  const m = (d) => MONTHS2[d.getMonth()].slice(0, 3);
+  if (from.getMonth() === to.getMonth()) {
+    return `${m(from)} ${from.getDate()} \u2013 ${to.getDate()}, ${to.getFullYear()}`;
+  }
+  const yearPart = from.getFullYear() === to.getFullYear() ? `${to.getFullYear()}` : "";
+  return `${m(from)} ${from.getDate()} \u2013 ${m(to)} ${to.getDate()}${yearPart ? `, ${yearPart}` : `, ${from.getFullYear()}/${to.getFullYear()}`}`;
+};
+var minutesIntoDay = (d) => d.getHours() * 60 + d.getMinutes();
+var hourLabel = (hour) => `${String(hour).padStart(2, "0")}:00`;
+var timeLabel = (d) => `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
+var normalize = (e) => {
+  const start = toDate(e.start);
+  const end = e.end ? toDate(e.end) : new Date(start.getTime() + 36e5);
+  return { ...e, start, end };
+};
+var Spinner2 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", className: "h-5 w-5 animate-spin text-accent", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.755 10.059a7.5 7.5 0 0112.548-3.364l1.903 1.903h-3.183a.75.75 0 100 1.5h4.992a.75.75 0 00.75-.75V4.356a.75.75 0 00-1.5 0v3.18l-1.9-1.9A9 9 0 003.306 9.67a.75.75 0 101.45.388zm15.408 3.352a.75.75 0 00-.919.53 7.5 7.5 0 01-12.548 3.364l-1.902-1.903h3.183a.75.75 0 000-1.5H2.984a.75.75 0 00-.75.75v4.992a.75.75 0 001.5 0v-3.18l1.9 1.9a9 9 0 0015.059-4.035.75.75 0 00-.53-.918z" }) });
+var Plus = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" }) });
+var Chevron4 = ({ dir }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: dir === "left" ? "M15 19l-7-7 7-7" : "M9 5l7 7-7 7" }) });
+function Scheduler({
+  events: controlledEvents,
+  loadEvents,
+  defaultView = "month",
+  defaultDate,
+  weekStartsOn = 0,
+  dayHours = [0, 24],
+  hourHeight = 48,
+  onSelectSlot,
+  onSelectEvent,
+  onNewEvent,
+  className = "",
+  style
+}) {
+  const reduced = framerMotion.useReducedMotion();
+  const [view, setView] = React29.useState(defaultView);
+  const [cursor, setCursor] = React29.useState(() => defaultDate ?? /* @__PURE__ */ new Date());
+  const [loaded, setLoaded] = React29.useState([]);
+  const [loading, setLoading] = React29.useState(false);
+  const [dir, setDir] = React29.useState(0);
+  const loaderRef = React29.useRef(loadEvents);
+  loaderRef.current = loadEvents;
+  const range = React29.useMemo(
+    () => view === "month" ? monthRange(cursor) : weekRange(cursor, weekStartsOn),
+    [view, cursor, weekStartsOn]
+  );
+  const fromKey = range.from.getTime();
+  const toKey = range.to.getTime();
+  React29.useEffect(() => {
+    const loader = loaderRef.current;
+    if (!loader) return;
+    let cancelled = false;
+    setLoading(true);
+    Promise.resolve(loader({ from: new Date(fromKey), to: new Date(toKey) }, view)).then((evts) => {
+      if (!cancelled) setLoaded(evts);
+    }).catch(() => {
+      if (!cancelled) setLoaded([]);
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [fromKey, toKey, view]);
+  const events = React29.useMemo(
+    () => (controlledEvents ?? loaded).map(normalize),
+    [controlledEvents, loaded]
+  );
+  const go = React29.useCallback((delta) => {
+    setDir(delta);
+    setCursor((c) => view === "month" ? addMonths2(c, delta) : addDays(c, delta * 7));
+  }, [view]);
+  const goToday = React29.useCallback(() => {
+    setDir(0);
+    setCursor(/* @__PURE__ */ new Date());
+  }, []);
+  const title = view === "month" ? monthYearLabel(cursor) : weekLabel(cursor, weekStartsOn);
+  const slide = reduced ? { duration: 0 } : { duration: 0.22, ease: [0.16, 1, 0.3, 1] };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: ["flex flex-col overflow-hidden rounded-xl border border-border bg-surface", className].filter(Boolean).join(" "),
+      style,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b border-border px-4 py-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(IconButton, { type: "bordered", size: "sm", icon: /* @__PURE__ */ jsxRuntime.jsx(Chevron4, { dir: "left" }), title: "Previous", onClick: () => go(-1) }),
+            /* @__PURE__ */ jsxRuntime.jsx(IconButton, { type: "bordered", size: "sm", icon: /* @__PURE__ */ jsxRuntime.jsx(Chevron4, { dir: "right" }), title: "Next", onClick: () => go(1) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Button_default, { variant: "ghost", size: "sm", content: "Today", onClick: goToday }),
+            /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "ml-1 min-w-[9rem] text-base font-semibold tracking-tight text-foreground", children: [
+              title,
+              loading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 inline-flex translate-y-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(Spinner2, {}) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              SegmentedControl,
+              {
+                size: "sm",
+                "aria-label": "Calendar view",
+                value: view,
+                onChange: (v) => setView(v),
+                options: [{ value: "month", label: "Month" }, { value: "week", label: "Week" }]
+              }
+            ),
+            onNewEvent && /* @__PURE__ */ jsxRuntime.jsx(Button_default, { size: "sm", icon: /* @__PURE__ */ jsxRuntime.jsx(Plus, {}), content: "New event", onClick: onNewEvent })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, x: reduced ? 0 : dir * 24 },
+            animate: { opacity: 1, x: 0 },
+            transition: slide,
+            className: "h-full",
+            children: view === "month" ? /* @__PURE__ */ jsxRuntime.jsx(
+              MonthView,
+              {
+                cursor,
+                weekStartsOn,
+                events,
+                onSelectSlot,
+                onSelectEvent
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              WeekView,
+              {
+                cursor,
+                weekStartsOn,
+                events,
+                dayHours,
+                hourHeight,
+                onSelectSlot,
+                onSelectEvent
+              }
+            )
+          },
+          `${view}-${range.from.getTime()}`
+        ) })
+      ]
+    }
+  );
+}
+var MAX_CHIPS = 3;
+function MonthView({
+  cursor,
+  weekStartsOn,
+  events,
+  onSelectSlot,
+  onSelectEvent
+}) {
+  const grid = React29.useMemo(() => buildMonthGrid(cursor, weekStartsOn), [cursor, weekStartsOn]);
+  const labels = weekdayLabels(weekStartsOn);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 border-b border-border", children: labels.map((l) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1.5 text-center text-[11px] font-medium uppercase tracking-wide text-foreground-muted", children: l }, l)) }),
+    /* @__PURE__ */ jsxRuntime.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 today = isToday(day);
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onSelectSlot?.(day),
+          className: [
+            "group flex min-h-[5rem] flex-col gap-1 border-b border-r border-border p-1.5 text-left transition-colors",
+            "[&:nth-child(7n)]:border-r-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-accent",
+            inMonth ? "bg-surface hover:bg-surface-raised" : "bg-background/40"
+          ].join(" "),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: [
+                  "flex h-6 w-6 items-center justify-center self-start rounded-full text-xs tabular-nums",
+                  today ? "bg-accent font-semibold text-accent-fg" : inMonth ? "text-foreground" : "text-foreground-muted"
+                ].join(" "),
+                children: day.getDate()
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
+              dayEvents.slice(0, MAX_CHIPS).map((e) => /* @__PURE__ */ jsxRuntime.jsx(EventChip, { event: e, onSelect: onSelectEvent }, e.id)),
+              dayEvents.length > MAX_CHIPS && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-1 text-[11px] font-medium text-foreground-muted", children: [
+                "+",
+                dayEvents.length - MAX_CHIPS,
+                " more"
+              ] })
+            ] })
+          ]
+        },
+        i
+      );
+    }) })
+  ] });
+}
+function EventChip({ event, onSelect }) {
+  const color = event.color ?? "var(--color-accent)";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: (e) => {
+        e.stopPropagation();
+        onSelect?.(event);
+      },
+      title: `${event.title} \xB7 ${timeLabel(event.start)}`,
+      className: "flex items-center gap-1.5 truncate rounded px-1 py-0.5 text-left text-[11px] font-medium text-foreground hover:opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-2 w-2 flex-shrink-0 rounded-full", style: { backgroundColor: color } }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: event.title })
+      ]
+    }
+  );
+}
+function WeekView({
+  cursor,
+  weekStartsOn,
+  events,
+  dayHours,
+  hourHeight,
+  onSelectSlot,
+  onSelectEvent
+}) {
+  const days = React29.useMemo(() => getWeekDays(cursor, weekStartsOn), [cursor, weekStartsOn]);
+  const [startHour, endHour] = dayHours;
+  const hours = React29.useMemo(
+    () => Array.from({ length: endHour - startHour }, (_, i) => startHour + i),
+    [startHour, endHour]
+  );
+  const spanMinutes = (endHour - startHour) * 60;
+  const gridHeight = hours.length * hourHeight;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid border-b border-border", style: { gridTemplateColumns: `3.5rem repeat(7, 1fr)` }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-r border-border" }),
+      days.map((d) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-r border-border px-1 py-1.5 text-center last:border-r-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] font-medium uppercase tracking-wide text-foreground-muted", children: weekdayLabels(weekStartsOn)[(d.getDay() - weekStartsOn + 7) % 7] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: ["mx-auto mt-0.5 flex h-6 w-6 items-center justify-center rounded-full text-xs tabular-nums", isToday(d) ? "bg-accent font-semibold text-accent-fg" : "text-foreground"].join(" "), children: d.getDate() })
+      ] }, d.getTime()))
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid", style: { gridTemplateColumns: `3.5rem repeat(7, 1fr)`, height: gridHeight }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative border-r border-border", children: hours.map((h, i) => /* @__PURE__ */ jsxRuntime.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);
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative border-r border-border last:border-r-0", children: [
+          hours.map((h, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `${weekdayLabels(weekStartsOn)[(day.getDay() - weekStartsOn + 7) % 7]} ${day.getDate()} ${hourLabel(h)}`,
+              onClick: () => onSelectSlot?.(new Date(day.getFullYear(), day.getMonth(), day.getDate(), h)),
+              className: "absolute left-0 right-0 border-b border-border/60 hover:bg-surface-raised/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-accent",
+              style: { top: i * hourHeight, height: hourHeight }
+            },
+            h
+          )),
+          dayEvents.map((e) => {
+            const top = (minutesIntoDay(e.start) - startHour * 60) / spanMinutes * gridHeight;
+            const durMin = Math.max(20, (e.end.getTime() - e.start.getTime()) / 6e4);
+            const height = durMin / spanMinutes * gridHeight;
+            const color = e.color ?? "var(--color-accent)";
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: (ev) => {
+                  ev.stopPropagation();
+                  onSelectEvent?.(e);
+                },
+                title: `${e.title} \xB7 ${timeLabel(e.start)}\u2013${timeLabel(e.end)}`,
+                className: "absolute left-0.5 right-0.5 overflow-hidden rounded-md border-l-2 px-1.5 py-0.5 text-left text-[11px] leading-tight text-foreground shadow-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
+                style: { top: Math.max(0, top), height, borderLeftColor: color, backgroundColor: `color-mix(in oklab, ${color} 16%, var(--color-surface))` },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate font-medium", children: e.title }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-foreground-muted", children: timeLabel(e.start) })
+                ]
               },
-              j
-            )) })
-          ]
-        },
-        i
-      );
-    }) })
+              e.id
+            );
+          })
+        ] }, day.getTime());
+      })
+    ] }) })
   ] });
 }
 function DefaultIllustration() {
@@ -2764,17 +3326,17 @@ function Cart({
     ] })
   ] });
 }
-var CartContext = React27.createContext(null);
+var CartContext = React29.createContext(null);
 var clampQty = (qty, max) => {
   const lower = Math.max(1, Math.round(qty));
   return max != null ? Math.min(lower, max) : lower;
 };
 function CartProvider({ children, initialItems = [], onChange }) {
-  const [items, setItems] = React27.useState(initialItems);
-  React27.useEffect(() => {
+  const [items, setItems] = React29.useState(initialItems);
+  React29.useEffect(() => {
     onChange?.(items);
   }, [items]);
-  const addToCart = React27.useCallback((item, quantity) => {
+  const addToCart = React29.useCallback((item, quantity) => {
     const addQty = quantity ?? item.quantity ?? 1;
     setItems((prev) => {
       const existing = prev.find((it) => it.id === item.id);
@@ -2787,29 +3349,29 @@ function CartProvider({ children, initialItems = [], onChange }) {
       return [...prev, { ...rest, quantity: clampQty(addQty, item.max) }];
     });
   }, []);
-  const removeFromCart = React27.useCallback((id) => {
+  const removeFromCart = React29.useCallback((id) => {
     setItems((prev) => prev.filter((it) => it.id !== id));
   }, []);
-  const updateQuantity = React27.useCallback((id, quantity) => {
+  const updateQuantity = React29.useCallback((id, quantity) => {
     setItems(
       (prev) => prev.map((it) => it.id === id ? { ...it, quantity: clampQty(quantity, it.max) } : it)
     );
   }, []);
-  const clearCart = React27.useCallback(() => setItems([]), []);
-  const isInCart = React27.useCallback((id) => items.some((it) => it.id === id), [items]);
-  const getItemCount = React27.useCallback(() => items.reduce((sum, it) => sum + it.quantity, 0), [items]);
-  const getCartTotal = React27.useCallback(
+  const clearCart = React29.useCallback(() => setItems([]), []);
+  const isInCart = React29.useCallback((id) => items.some((it) => it.id === id), [items]);
+  const getItemCount = React29.useCallback(() => items.reduce((sum, it) => sum + it.quantity, 0), [items]);
+  const getCartTotal = React29.useCallback(
     () => items.reduce((sum, it) => sum + it.price * it.quantity, 0),
     [items]
   );
-  const value = React27.useMemo(
+  const value = React29.useMemo(
     () => ({ items, addToCart, removeFromCart, updateQuantity, clearCart, isInCart, getItemCount, getCartTotal }),
     [items, addToCart, removeFromCart, updateQuantity, clearCart, isInCart, getItemCount, getCartTotal]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(CartContext.Provider, { value, children });
 }
 function useCart() {
-  const ctx = React27.useContext(CartContext);
+  const ctx = React29.useContext(CartContext);
   if (!ctx) {
     throw new Error("useCart must be used within a <CartProvider>.");
   }
@@ -3143,11 +3705,11 @@ function buildBindings(store, name, kind, snap) {
 
 // src/form/useForm.ts
 function useForm(options = {}) {
-  const ref = React27.useRef(null);
+  const ref = React29.useRef(null);
   if (ref.current === null) ref.current = new FormStore(options);
   const store = ref.current;
-  React27.useSyncExternalStore(store.subscribe, store.getRootSnapshot, store.getRootSnapshot);
-  const make = React27.useCallback(
+  React29.useSyncExternalStore(store.subscribe, store.getRootSnapshot, store.getRootSnapshot);
+  const make = React29.useCallback(
     (kind) => (name, rules) => {
       if (rules !== void 0) store.setRule(name, rules);
       return buildBindings(store, name, kind, store.getFieldSnapshot(name));
@@ -3176,9 +3738,9 @@ function useForm(options = {}) {
     fieldTarget: make("target")
   };
 }
-var FormContext = React27.createContext(null);
+var FormContext = React29.createContext(null);
 function useFormStore() {
-  const store = React27.useContext(FormContext);
+  const store = React29.useContext(FormContext);
   if (!store) {
     throw new Error("useFormStore must be used within a <Form>. Did you forget to wrap your fields?");
   }
@@ -3192,8 +3754,8 @@ function Form({
   children,
   ...rest
 }) {
-  const ref = React27.useRef(null);
-  const bypass = React27.useRef(false);
+  const ref = React29.useRef(null);
+  const bypass = React29.useRef(false);
   const handleSubmit = async (e) => {
     if (bypass.current) {
       bypass.current = false;
@@ -3245,12 +3807,12 @@ function useFormField(name, options = {}) {
   const store = useFormStore();
   const { kind = "value", rules } = options;
   if (rules !== void 0 && store.getRule(name) !== rules) store.setRule(name, rules);
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     return () => {
       if (rules !== void 0) store.removeRule(name);
     };
   }, [store, name]);
-  const snap = React27.useSyncExternalStore(
+  const snap = React29.useSyncExternalStore(
     store.subscribe,
     () => store.getFieldSnapshot(name)
   );
@@ -3262,7 +3824,7 @@ function FormField({ name, kind, rules, children }) {
 }
 function useFieldArray(name) {
   const store = useFormStore();
-  React27.useSyncExternalStore(store.subscribe, store.getRootSnapshot, store.getRootSnapshot);
+  React29.useSyncExternalStore(store.subscribe, store.getRootSnapshot, store.getRootSnapshot);
   const arr = store.getValue(name) ?? [];
   const keys = store.getKeys(name);
   return {
@@ -3273,134 +3835,6 @@ function useFieldArray(name) {
     replace: (items) => store.setValue(name, items, { validate: false })
   };
 }
-var FIELD_SIZE = {
-  sm: { control: "h-control-sm", text: "text-xs", padX: "px-2.5", gap: "gap-1.5" },
-  md: { control: "h-control-md", text: "text-sm", padX: "px-3", gap: "gap-2" },
-  lg: { control: "h-control-lg", text: "text-sm", padX: "px-3.5", gap: "gap-2.5" }
-};
-var FOCUS_WITHIN = "focus-within:outline-none focus-within:border-accent";
-var FOCUS_ELEMENT = "focus:outline-none focus:border-accent data-[state=open]:border-accent";
-var FOCUS_WITHIN_ERROR = "focus-within:border-status-error";
-var FOCUS_ELEMENT_ERROR = "focus:border-status-error data-[state=open]:border-status-error";
-function fieldShell({
-  size = "md",
-  hasError = false,
-  disabled = false,
-  focusWithin = false,
-  sized = true
-} = {}) {
-  const s = FIELD_SIZE[size];
-  return [
-    "w-full rounded-lg border bg-surface text-foreground",
-    "transition-[color,box-shadow,border-color] duration-150",
-    s.text,
-    sized ? `${s.control} ${s.padX}` : "",
-    // resting border
-    hasError ? "border-status-error" : "border-border",
-    // hover (only when interactive + no error)
-    disabled ? "bg-surface-raised text-foreground-muted cursor-not-allowed" : hasError ? "" : "hover:border-border-strong",
-    // focus
-    focusWithin ? FOCUS_WITHIN : FOCUS_ELEMENT,
-    hasError ? focusWithin ? FOCUS_WITHIN_ERROR : FOCUS_ELEMENT_ERROR : "",
-    // placeholder colour for native inputs
-    "placeholder:text-foreground-muted"
-  ].filter(Boolean).join(" ");
-}
-function FieldHelpIcon({ text }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { title: text, placement: "top", children: /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      type: "button",
-      "aria-label": "More information",
-      className: "inline-flex items-center justify-center rounded-full text-foreground-muted transition-colors hover:text-foreground focus:outline-none focus-visible:text-accent",
-      children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 16 16", className: "h-3.5 w-3.5", fill: "none", stroke: "currentColor", strokeWidth: 1.5, "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "8", r: "6.25" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", d: "M8 7.4v3.4" }),
-        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "8", cy: "5.1", r: "0.65", fill: "currentColor", stroke: "none" })
-      ] })
-    }
-  ) });
-}
-function FieldLabel({
-  label,
-  htmlFor,
-  required,
-  helperText,
-  horizontal = false,
-  align = "start",
-  style,
-  width,
-  className = ""
-}) {
-  if (label == null && helperText == null) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      style: { width: horizontal ? width : void 0, ...style },
-      className: [
-        "flex items-center gap-1",
-        horizontal ? "flex-shrink-0 whitespace-nowrap" : "",
-        // Only the 'start' alignment needs the top nudge; 'center' relies
-        // on the row's items-center to line up with a short control.
-        horizontal && align === "start" ? "mt-2" : "",
-        className
-      ].filter(Boolean).join(" "),
-      children: [
-        label != null && /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor, className: "text-sm font-medium text-foreground select-none", children: [
-          label,
-          required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-status-error ml-0.5", "aria-hidden": "true", children: "*" })
-        ] }),
-        helperText != null && /* @__PURE__ */ jsxRuntime.jsx(FieldHelpIcon, { text: helperText })
-      ]
-    }
-  );
-}
-function Field({
-  label,
-  htmlFor,
-  errorId,
-  errorMessage,
-  layout = "vertical",
-  required,
-  helperText,
-  labelAlign = "start",
-  labelStyle,
-  labelWidth,
-  className = "",
-  children
-}) {
-  const hasError = errorMessage != null;
-  const horizontal = layout === "horizontal";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: [
-        "flex",
-        horizontal ? `flex-row gap-3 ${labelAlign === "center" ? "items-center" : "items-start"}` : "flex-col gap-1.5",
-        className
-      ].filter(Boolean).join(" "),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FieldLabel,
-          {
-            label,
-            htmlFor,
-            required,
-            helperText,
-            horizontal,
-            align: labelAlign,
-            style: labelStyle,
-            width: labelWidth
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-w-0 flex-1", children: [
-          children,
-          hasError && /* @__PURE__ */ jsxRuntime.jsx("div", { id: errorId, className: "text-status-error text-xs mt-1", children: errorMessage })
-        ] })
-      ]
-    }
-  );
-}
 function TextInput({
   value,
   onChange,
@@ -3423,7 +3857,7 @@ function TextInput({
   suffix,
   id
 }) {
-  const errorId = React27.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
   const hasAdornment = prefix != null || suffix != null;
   const inputId = htmlFor ?? id;
@@ -3540,8 +3974,8 @@ function expiryError(value, now = /* @__PURE__ */ new Date()) {
   const mm = Number(m[1]);
   const yy = Number(m[2]);
   if (mm < 1 || mm > 12) return "Invalid month";
-  const endOfMonth = new Date(2e3 + yy, mm, 0, 23, 59, 59, 999);
-  if (endOfMonth < now) return "Card has expired";
+  const endOfMonth2 = new Date(2e3 + yy, mm, 0, 23, 59, 59, 999);
+  if (endOfMonth2 < now) return "Card has expired";
   return void 0;
 }
 function cvvError(value, cardNumber) {
@@ -3584,7 +4018,7 @@ function CreditCardForm({
   className = "",
   style
 }) {
-  const initial = React27.useRef({
+  const initial = React29.useRef({
     number: formatCardNumber(defaultValue?.number ?? ""),
     name: defaultValue?.name ?? "",
     expiry: formatExpiry(defaultValue?.expiry ?? ""),
@@ -3593,7 +4027,7 @@ function CreditCardForm({
   const form = useForm({ initialValues: initial });
   const numberStr = String(form.values.number ?? "");
   const brand = detectBrand(numberStr);
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     onChange?.(toCard(form.values));
   }, [form.values.number, form.values.name, form.values.expiry, form.values.cvv]);
   const numberBind = form.fieldNative("number", {
@@ -3716,7 +4150,7 @@ function Checkout({
     ] })
   ] });
 }
-var NotificationContext = React27.createContext({
+var NotificationContext = React29.createContext({
   open: () => void 0,
   close: () => void 0
 });
@@ -3774,26 +4208,26 @@ function NotificationItem({
   onClose,
   reduced
 }) {
-  const [paused, setPaused] = React27.useState(false);
+  const [paused, setPaused] = React29.useState(false);
   const duration = n.duration ?? 4e3;
   const isAutoDismissing = isFinite(duration) && duration > 0;
   const showProgress = !reduced && isAutoDismissing;
-  const timerRef = React27.useRef(null);
-  const startTimeRef = React27.useRef(0);
-  const remainingRef = React27.useRef(duration);
-  const clearTimer = React27.useCallback(() => {
+  const timerRef = React29.useRef(null);
+  const startTimeRef = React29.useRef(0);
+  const remainingRef = React29.useRef(duration);
+  const clearTimer = React29.useCallback(() => {
     if (timerRef.current !== null) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
     }
   }, []);
-  const scheduleDismiss = React27.useCallback((ms) => {
+  const scheduleDismiss = React29.useCallback((ms) => {
     clearTimer();
     if (!isAutoDismissing) return;
     startTimeRef.current = Date.now();
     timerRef.current = setTimeout(() => onClose(n.id), ms);
   }, [clearTimer, isAutoDismissing, n.id, onClose]);
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     if (paused || !isAutoDismissing) return;
     scheduleDismiss(remainingRef.current);
     return clearTimer;
@@ -3876,15 +4310,15 @@ function NotificationProvider({
   children,
   position = "top-right"
 }) {
-  const [notifications, setNotifications] = React27.useState([]);
+  const [notifications, setNotifications] = React29.useState([]);
   const reduced = framerMotion.useReducedMotion();
-  const open = React27.useCallback((payload) => {
+  const open = React29.useCallback((payload) => {
     setNotifications((prev) => [
       ...prev,
       { duration: 4e3, ...payload, id: Date.now() + Math.random() }
     ]);
   }, []);
-  const close = React27.useCallback((id) => {
+  const close = React29.useCallback((id) => {
     setNotifications((prev) => prev.filter((n) => n.id !== id));
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(NotificationContext.Provider, { value: { open, close }, children: [
@@ -3913,7 +4347,7 @@ function NotificationProvider({
   ] });
 }
 function useNotification() {
-  const { open } = React27.useContext(NotificationContext);
+  const { open } = React29.useContext(NotificationContext);
   return {
     info: (props) => open({ type: "info", ...props }),
     success: (props) => open({ type: "success", ...props }),
@@ -4030,10 +4464,10 @@ function FadingBase({
   isMounted = false,
   children
 }) {
-  const [shouldRender, setShouldRender] = React27.useState(isMounted);
-  const [visible, setVisible] = React27.useState(false);
-  const timerRef = React27.useRef(null);
-  React27.useEffect(() => {
+  const [shouldRender, setShouldRender] = React29.useState(isMounted);
+  const [visible, setVisible] = React29.useState(false);
+  const timerRef = React29.useRef(null);
+  React29.useEffect(() => {
     if (isMounted) {
       setShouldRender(true);
       const rafId = requestAnimationFrame(() => setVisible(true));
@@ -4131,8 +4565,8 @@ function ScalableContainer({
   togglePosition = "top-right",
   className = ""
 }) {
-  const containerRef = React27.useRef(null);
-  const [internalScaled, setInternalScaled] = React27.useState(false);
+  const containerRef = React29.useRef(null);
+  const [internalScaled, setInternalScaled] = React29.useState(false);
   const isScaled = expanded ?? internalScaled;
   const reduced = framerMotion.useReducedMotion();
   const onToggle = () => {
@@ -4270,17 +4704,17 @@ function CatalogGrid({ items, buttonText, onOpen, className = "" }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex flex-wrap gap-2 ${className}`.trim(), children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(GridCard, { item, buttonText, onOpen }, item.key)) });
 }
 function CatalogCarousel({ items, buttonText, onOpen, className = "" }) {
-  const [activeIndex, setActiveIndex] = React27.useState(0);
-  const [indexPool, setIndexPool] = React27.useState([]);
-  const cardRefs = React27.useRef([]);
-  const getIndexes = React27.useMemo(() => {
+  const [activeIndex, setActiveIndex] = React29.useState(0);
+  const [indexPool, setIndexPool] = React29.useState([]);
+  const cardRefs = React29.useRef([]);
+  const getIndexes = React29.useMemo(() => {
     let nextIndex = activeIndex + 1;
     let previousIndex = activeIndex - 1;
     if (activeIndex === 0) previousIndex = items.length - 1;
     if (activeIndex === items.length - 1) nextIndex = 0;
     return { previousIndex, nextIndex };
   }, [activeIndex, items.length]);
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     const { nextIndex, previousIndex } = getIndexes;
     let indexes = [previousIndex, activeIndex, nextIndex];
     if (activeIndex !== 0 && activeIndex !== items.length - 1) {
@@ -4453,8 +4887,8 @@ function writeDismissed(key) {
   }
 }
 function useTargetBbox(ref) {
-  const [bbox, setBbox] = React27.useState(null);
-  React27.useLayoutEffect(() => {
+  const [bbox, setBbox] = React29.useState(null);
+  React29.useLayoutEffect(() => {
     const el = ref?.current;
     if (!el) {
       setBbox(null);
@@ -4484,7 +4918,7 @@ function tooltipStyleFor(bbox, placement) {
   return { left: bbox.left + bbox.width / 2, top: bbox.top - TOOLTIP_GAP, transform: "translate(-50%, -100%)", width: TOOLTIP_WIDTH };
 }
 function useFocusTrap(containerRef, active) {
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     if (!active) return;
     const el = containerRef.current;
     if (!el) return;
@@ -4523,16 +4957,16 @@ function Wizard({
   onComplete,
   onSkip
 }) {
-  const tooltipRef = React27.useRef(null);
-  const tooltipTitleId = React27.useId();
-  const tooltipBodyId = React27.useId();
+  const tooltipRef = React29.useRef(null);
+  const tooltipTitleId = React29.useId();
+  const tooltipBodyId = React29.useId();
   const reduced = framerMotion.useReducedMotion();
-  const [open, setOpen] = React27.useState(() => steps.length > 0 && !readDismissed(storageKey));
-  const [activeIndex, setActiveIndex] = React27.useState(0);
+  const [open, setOpen] = React29.useState(() => steps.length > 0 && !readDismissed(storageKey));
+  const [activeIndex, setActiveIndex] = React29.useState(0);
   const step = steps[activeIndex];
   const bbox = useTargetBbox(step?.stepRef);
   useFocusTrap(tooltipRef, open);
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     if (!open || !dismissible) return;
     const onKey = (e) => {
       if (e.key === "Escape") {
@@ -4543,12 +4977,12 @@ function Wizard({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [open, dismissible]);
-  const handleSkip = React27.useCallback(() => {
+  const handleSkip = React29.useCallback(() => {
     writeDismissed(storageKey);
     setOpen(false);
     onSkip?.();
   }, [storageKey, onSkip]);
-  const handleComplete = React27.useCallback(() => {
+  const handleComplete = React29.useCallback(() => {
     writeDismissed(storageKey);
     setOpen(false);
     onComplete?.();
@@ -4691,7 +5125,7 @@ function Wizard({
   ] });
 }
 var SearchIcon = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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 = React27__default.default.forwardRef(function SearchInput2({ value, onChange, disabled, label, htmlFor, placeholder, name, inputStyle, style, layout = "vertical", size = "md", icon, helperText, className }, ref) {
+var SearchInput = React29__default.default.forwardRef(function SearchInput2({ value, onChange, disabled, label, htmlFor, placeholder, name, inputStyle, style, layout = "vertical", size = "md", icon, helperText, className }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(Field, { className, label, htmlFor, layout, helperText, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -4745,11 +5179,11 @@ function MultiTagRow({
   labelFor,
   onRemove
 }) {
-  const wrapRef = React27.useRef(null);
-  const measureRef = React27.useRef(null);
-  const [visibleCount, setVisibleCount] = React27.useState(values.length);
+  const wrapRef = React29.useRef(null);
+  const measureRef = React29.useRef(null);
+  const [visibleCount, setVisibleCount] = React29.useState(values.length);
   const key = values.map(String).join("|");
-  React27.useLayoutEffect(() => {
+  React29.useLayoutEffect(() => {
     const wrap = wrapRef.current;
     const measure = measureRef.current;
     if (!wrap || !measure) return;
@@ -4843,16 +5277,16 @@ function Dropdown({
   size = "md",
   className = ""
 }) {
-  const [open, setOpen] = React27.useState(false);
-  const [selectedItems, setSelectedItems] = React27.useState([]);
-  const [searchTerm, setSearchTerm] = React27.useState("");
-  const [innerItems, setInnerItems] = React27.useState([]);
-  const errorId = React27.useId();
+  const [open, setOpen] = React29.useState(false);
+  const [selectedItems, setSelectedItems] = React29.useState([]);
+  const [searchTerm, setSearchTerm] = React29.useState("");
+  const [innerItems, setInnerItems] = React29.useState([]);
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     setInnerItems(items);
   }, [items]);
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     if (isMultiselect && Array.isArray(value)) {
       setSelectedItems(value);
     }
@@ -5177,7 +5611,7 @@ function TableBody({
   expandRow,
   getRowKey
 }) {
-  const [expanded, setExpanded] = React27.useState(() => /* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = React29.useState(() => /* @__PURE__ */ new Set());
   const reduced = framerMotion.useReducedMotion();
   const toggleRow = (rowKey) => {
     setExpanded((prev) => {
@@ -5192,7 +5626,7 @@ function TableBody({
   return /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row, i) => {
     const rowKey = getRowKey(row, i);
     const isExpanded = expanded.has(rowKey);
-    return /* @__PURE__ */ jsxRuntime.jsxs(React27__default.default.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(React29__default.default.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "tr",
         {
@@ -5248,9 +5682,9 @@ function Pagination({
   const matchedOption = picker.find(
     (o) => o.label === options.perPage || o.value === options.perPage
   );
-  const [perPageKey, setPerPageKey] = React27.useState(() => matchedOption?.key ?? picker[0]?.key);
+  const [perPageKey, setPerPageKey] = React29.useState(() => matchedOption?.key ?? picker[0]?.key);
   const displayPerPageKey = serverSide ? matchedOption?.key ?? perPageKey : perPageKey;
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     if (serverSide && options.perPage != null) {
       const next = picker.find((o) => o.label === options.perPage || o.value === options.perPage);
       if (next) setPerPageKey(next.key);
@@ -5314,14 +5748,14 @@ function Table({
   className = "",
   style
 }) {
-  const searchRef = React27.useRef(null);
-  const [searchTerm, setSearchTerm] = React27.useState("");
-  const [perPage, setPerPage] = React27.useState(
+  const searchRef = React29.useRef(null);
+  const [searchTerm, setSearchTerm] = React29.useState("");
+  const [perPage, setPerPage] = React29.useState(
     typeof pagination.perPage === "number" ? pagination.perPage : 15
   );
-  const [activePage, setActivePage] = React27.useState(0);
+  const [activePage, setActivePage] = React29.useState(0);
   const isServerSide = !!(pagination.enabled && pagination.serverSide);
-  const filteredRows = React27.useMemo(() => {
+  const filteredRows = React29.useMemo(() => {
     if (isServerSide || !searchTerm) return rows;
     const term = searchTerm.toLowerCase();
     return rows.filter(
@@ -5330,29 +5764,29 @@ function Table({
       )
     );
   }, [rows, searchTerm, isServerSide]);
-  const datasets = React27.useMemo(() => {
+  const datasets = React29.useMemo(() => {
     if (isServerSide) return [rows];
     return createDatasets(filteredRows, pagination.enabled ? perPage : null);
   }, [filteredRows, perPage, pagination.enabled, isServerSide, rows]);
-  const MAX_PAGE = React27.useMemo(() => {
+  const MAX_PAGE = React29.useMemo(() => {
     if (isServerSide && typeof pagination.maxPage === "number") return Math.max(0, pagination.maxPage);
     if (isServerSide && typeof pagination.totalCount === "number")
       return Math.max(0, Math.ceil(pagination.totalCount / perPage) - 1);
     return datasets.length ? datasets.length - 1 : 0;
   }, [isServerSide, pagination.maxPage, pagination.totalCount, perPage, datasets.length]);
-  const currentPageRows = React27.useMemo(() => {
+  const currentPageRows = React29.useMemo(() => {
     if (isServerSide) return rows;
     return datasets[activePage] ?? [];
   }, [isServerSide, rows, datasets, activePage]);
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     if (pagination.enabled && !isServerSide && typeof pagination.perPage === "number") {
       setPerPage(pagination.perPage);
     }
   }, [pagination.enabled, pagination.perPage, isServerSide]);
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     if (isServerSide && typeof pagination.perPage === "number") setPerPage(pagination.perPage);
   }, [isServerSide, pagination.perPage]);
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     if (isServerSide && typeof pagination.page === "number" && pagination.page >= 1)
       setActivePage(pagination.page - 1);
   }, [isServerSide, pagination.page]);
@@ -5436,7 +5870,7 @@ function TableSkeletonBody({
   )) });
 }
 function ThemeSwitch({ checked, onChange, label = "Toggle dark mode", className = "" }) {
-  const id = React27.useId();
+  const id = React29.useId();
   return /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, className: `flex items-center gap-2 cursor-pointer select-none ${className}`.trim(), children: /* @__PURE__ */ jsxRuntime.jsx(
     SwitchPrimitive__namespace.Root,
     {
@@ -5620,7 +6054,7 @@ function Sidebar({
     }
   ) });
 }
-var MegaMenuContext = React27.createContext({ align: "start" });
+var MegaMenuContext = React29.createContext({ align: "start" });
 function MegaMenu({
   children,
   align = "start",
@@ -5651,7 +6085,7 @@ function MegaMenu({
 }
 var TOP_ITEM = "group/top inline-flex items-center gap-1.5 h-10 px-3 rounded-md text-sm font-medium select-none text-foreground-secondary hover:text-foreground hover:bg-surface-raised data-[state=open]:text-accent data-[active]:text-accent transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent";
 function MegaMenuItem({ label, icon, href, children, className = "" }) {
-  const { align } = React27.useContext(MegaMenuContext);
+  const { align } = React29.useContext(MegaMenuContext);
   const pos = align === "center" ? "left-1/2 -translate-x-1/2" : align === "end" ? "right-0" : "left-0";
   if (!children) {
     return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu__namespace.Item, { children: /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu__namespace.Link, { href, className: [TOP_ITEM, className].filter(Boolean).join(" "), children: [
@@ -5736,8 +6170,8 @@ function MegaMenuLink({ href, icon, description, active, onClick, children, clas
 function MegaMenuFeatured({ children, className = "" }) {
   return /* @__PURE__ */ jsxRuntime.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) => React27__default.default.Children.toArray(children).filter(
-  (c) => React27__default.default.isValidElement(c) && c.type === type
+var elementsOfType = (children, type) => React29__default.default.Children.toArray(children).filter(
+  (c) => React29__default.default.isValidElement(c) && c.type === type
 );
 var MOBILE_CHEVRON = /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
@@ -5774,9 +6208,9 @@ function MobileLinkRow({ link, onNavigate }) {
   );
 }
 function MobilePanel({ panel, onNavigate }) {
-  const nodes = React27__default.default.Children.toArray(panel.props.children);
+  const nodes = React29__default.default.Children.toArray(panel.props.children);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4 px-2 pb-3 pt-1", children: nodes.map((node, i) => {
-    if (!React27__default.default.isValidElement(node)) return null;
+    if (!React29__default.default.isValidElement(node)) return null;
     const el = node;
     if (el.type === MegaMenuSection) {
       const { title, children } = el.props;
@@ -5795,8 +6229,8 @@ function MegaMenuMobile({
   children,
   label
 }) {
-  const [open, setOpen] = React27.useState(false);
-  const [expanded, setExpanded] = React27.useState(null);
+  const [open, setOpen] = React29.useState(false);
+  const [expanded, setExpanded] = React29.useState(null);
   const items = elementsOfType(children, MegaMenuItem);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:hidden w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5869,17 +6303,17 @@ function AppShell({
   children,
   className = ""
 }) {
-  const [expanded, setExpanded] = React27.useState(sidebarDefaultExpanded);
-  const [isMobile, setIsMobile] = React27.useState(false);
-  const [mobileOpen, setMobileOpen] = React27.useState(false);
-  React27.useEffect(() => {
+  const [expanded, setExpanded] = React29.useState(sidebarDefaultExpanded);
+  const [isMobile, setIsMobile] = React29.useState(false);
+  const [mobileOpen, setMobileOpen] = React29.useState(false);
+  React29.useEffect(() => {
     const mq = window.matchMedia("(max-width: 767px)");
     const update = (e) => setIsMobile(e.matches);
     update(mq);
     mq.addEventListener("change", update);
     return () => mq.removeEventListener("change", update);
   }, []);
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     if (!isMobile) setMobileOpen(false);
   }, [isMobile]);
   const hasSidebar = sidebarSections.length > 0;
@@ -5986,7 +6420,7 @@ function tokenValid(token) {
   return exp * 1e3 > Date.now();
 }
 var has = (have, need, all) => all ? need.every((n) => have?.includes(n)) : need.some((n) => have?.includes(n));
-var Spinner2 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", className: "h-6 w-6 animate-spin text-accent", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.755 10.059a7.5 7.5 0 0112.548-3.364l1.903 1.903h-3.183a.75.75 0 100 1.5h4.992a.75.75 0 00.75-.75V4.356a.75.75 0 00-1.5 0v3.18l-1.9-1.9A9 9 0 003.306 9.67a.75.75 0 101.45.388zm15.408 3.352a.75.75 0 00-.919.53 7.5 7.5 0 01-12.548 3.364l-1.902-1.903h3.183a.75.75 0 000-1.5H2.984a.75.75 0 00-.75.75v4.992a.75.75 0 001.5 0v-3.18l1.9 1.9a9 9 0 0015.059-4.035.75.75 0 00-.53-.918z" }) });
+var Spinner3 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", className: "h-6 w-6 animate-spin text-accent", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.755 10.059a7.5 7.5 0 0112.548-3.364l1.903 1.903h-3.183a.75.75 0 100 1.5h4.992a.75.75 0 00.75-.75V4.356a.75.75 0 00-1.5 0v3.18l-1.9-1.9A9 9 0 003.306 9.67a.75.75 0 101.45.388zm15.408 3.352a.75.75 0 00-.919.53 7.5 7.5 0 01-12.548 3.364l-1.902-1.903h3.183a.75.75 0 000-1.5H2.984a.75.75 0 00-.75.75v4.992a.75.75 0 001.5 0v-3.18l1.9 1.9a9 9 0 0015.059-4.035.75.75 0 00-.53-.918z" }) });
 function SecureLayout({
   children,
   isAuthenticated,
@@ -6006,6 +6440,8 @@ function SecureLayout({
   className = ""
 }) {
   const reduced = framerMotion.useReducedMotion();
+  const cbs = React29.useRef({ canAccess, onGranted, onDeny });
+  cbs.current = { canAccess, onGranted, onDeny };
   const rolesKey = JSON.stringify(roles);
   const requiredRolesKey = JSON.stringify(requiredRoles);
   const permissionsKey = JSON.stringify(permissions);
@@ -6019,23 +6455,24 @@ function SecureLayout({
     if (requiredPermissions?.length && !has(permissions, requiredPermissions, requireAllPermissions)) return false;
     return true;
   };
-  const [state, setState] = React27.useState(
+  const [state, setState] = React29.useState(
     () => !passesSync() ? "denied" : canAccess ? "checking" : "granted"
   );
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     let cancelled = false;
+    const { canAccess: check, onGranted: granted, onDeny: deny } = cbs.current;
     const finish = (ok) => {
       if (cancelled) return;
       setState(ok ? "granted" : "denied");
-      if (ok) onGranted?.();
-      else onDeny?.();
+      if (ok) granted?.();
+      else deny?.();
     };
     if (!passesSync()) {
       finish(false);
-    } else if (!canAccess) {
+    } else if (!check) {
       finish(true);
     } else {
-      const result = canAccess(route);
+      const result = check(route);
       if (result && typeof result.then === "function") {
         setState("checking");
         result.then((ok) => finish(Boolean(ok)));
@@ -6052,7 +6489,6 @@ function SecureLayout({
     route,
     requireAllRoles,
     requireAllPermissions,
-    canAccess,
     rolesKey,
     requiredRolesKey,
     permissionsKey,
@@ -6060,7 +6496,7 @@ function SecureLayout({
   ]);
   if (state === "checking") {
     if (loadingFallback === null) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ["flex min-h-[8rem] items-center justify-center", className].filter(Boolean).join(" "), children: loadingFallback !== void 0 ? loadingFallback : /* @__PURE__ */ jsxRuntime.jsx(Spinner2, {}) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ["flex min-h-[8rem] items-center justify-center", className].filter(Boolean).join(" "), children: loadingFallback !== void 0 ? loadingFallback : /* @__PURE__ */ jsxRuntime.jsx(Spinner3, {}) });
   }
   if (state === "denied") {
     if (fallback === null) return null;
@@ -6183,10 +6619,10 @@ function ThemeProvider({
   className = "",
   style
 }) {
-  const id = React27__default.default.useId().replace(/:/g, "");
+  const id = React29__default.default.useId().replace(/:/g, "");
   const scopeClass = `geo-th-${id}`;
-  const divRef = React27.useRef(null);
-  React27.useEffect(() => {
+  const divRef = React29.useRef(null);
+  React29.useEffect(() => {
     const el = divRef.current;
     if (!el) return;
     if (colorScheme === "auto") return;
@@ -6201,8 +6637,8 @@ function ThemeProvider({
     }
     el.classList.toggle("dark", colorScheme === "dark");
   }, [colorScheme]);
-  const lightVars = React27.useMemo(() => toCssVars(theme), [theme]);
-  const darkVarStr = React27.useMemo(() => {
+  const lightVars = React29.useMemo(() => toCssVars(theme), [theme]);
+  const darkVarStr = React29.useMemo(() => {
     if (!darkTheme) return "";
     const dvars = toCssVars(darkTheme);
     if (!Object.keys(dvars).length) return "";
@@ -6244,7 +6680,7 @@ function NumberInput({
   readOnly = false,
   precision
 }) {
-  const errorId = React27.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
   const inferredPrecision = precision ?? (Number.isInteger(step) ? 0 : String(step).split(".")[1]?.length ?? 0);
   const round = (n) => {
@@ -6375,8 +6811,8 @@ function Password({
   showIcon,
   hideIcon
 }) {
-  const [visible, setVisible] = React27.useState(false);
-  const errorId = React27.useId();
+  const [visible, setVisible] = React29.useState(false);
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Field,
@@ -6449,7 +6885,7 @@ function Checkbox({
 }) {
   const isChecked = checked ?? value ?? false;
   const labelFirst = labelPosition === "left";
-  const errorId = React27.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
   const box = /* @__PURE__ */ jsxRuntime.jsx(
     CheckboxPrimitive__namespace.Root,
@@ -6557,8 +6993,8 @@ function RadioGroup({
   className,
   errorMessage
 }) {
-  const errorId = React27.useId();
-  const groupId = React27.useId();
+  const errorId = React29.useId();
+  const groupId = React29.useId();
   const hasError = errorMessage != null;
   const labelFirst = labelPosition === "left";
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -6658,11 +7094,11 @@ function Switch({
   disabled,
   errorMessage
 }) {
-  const id = React27.useId();
-  const errorId = React27.useId();
+  const id = React29.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
   const isControlled = checked !== void 0;
-  const [internal, setInternal] = React27.useState(defaultChecked);
+  const [internal, setInternal] = React29.useState(defaultChecked);
   const isOn = isControlled ? checked : internal;
   const handle = (c) => {
     if (!isControlled) setInternal(c);
@@ -6735,19 +7171,19 @@ function AutoComplete({
   required,
   htmlFor
 }) {
-  const errorId = React27.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  const [term, setTerm] = React27.useState("");
-  const [open, setOpen] = React27.useState(false);
-  const [asyncItems, setAsyncItems] = React27.useState([]);
-  const [loading, setLoading] = React27.useState(false);
+  const [term, setTerm] = React29.useState("");
+  const [open, setOpen] = React29.useState(false);
+  const [asyncItems, setAsyncItems] = React29.useState([]);
+  const [loading, setLoading] = React29.useState(false);
   const isAsync = typeof onSearch === "function";
-  const debounceRef = React27.useRef(null);
-  const requestIdRef = React27.useRef(0);
+  const debounceRef = React29.useRef(null);
+  const requestIdRef = React29.useRef(0);
   const staticFiltered = isAsync || !items ? [] : term.trim() ? items.filter(
     ({ key, label: label2 }) => label2.toLowerCase().includes(term.toLowerCase()) || key.toLowerCase().includes(term.toLowerCase())
   ) : [];
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     if (!isAsync) return;
     if (debounceRef.current) clearTimeout(debounceRef.current);
     if (!term.trim()) {
@@ -6903,15 +7339,15 @@ function TreeSelect({
   defaultExpandedKeys = [],
   size = "md"
 }) {
-  const errorId = React27.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  const [open, setOpen] = React27.useState(false);
-  const [expanded, setExpanded] = React27.useState(() => new Set(defaultExpandedKeys));
-  const [activeIndex, setActiveIndex] = React27.useState(0);
-  const listRef = React27.useRef(null);
-  const visible = React27.useMemo(() => flattenVisible(items, expanded), [items, expanded]);
-  const didSyncOnOpenRef = React27.useRef(false);
-  React27.useEffect(() => {
+  const [open, setOpen] = React29.useState(false);
+  const [expanded, setExpanded] = React29.useState(() => new Set(defaultExpandedKeys));
+  const [activeIndex, setActiveIndex] = React29.useState(0);
+  const listRef = React29.useRef(null);
+  const visible = React29.useMemo(() => flattenVisible(items, expanded), [items, expanded]);
+  const didSyncOnOpenRef = React29.useRef(false);
+  React29.useEffect(() => {
     if (!open) {
       didSyncOnOpenRef.current = false;
       return;
@@ -6921,7 +7357,7 @@ function TreeSelect({
     setActiveIndex(selectedIdx >= 0 ? selectedIdx : 0);
     didSyncOnOpenRef.current = true;
   }, [open, value]);
-  const selectedNode = React27.useMemo(
+  const selectedNode = React29.useMemo(
     () => value != null ? findNodeByKey(items, value) : null,
     [items, value]
   );
@@ -7152,11 +7588,11 @@ function FileInput({
   required,
   icon
 }) {
-  const inputRef = React27.useRef(null);
-  const errorId = React27.useId();
-  const [files, setFiles] = React27.useState([]);
-  const [dragging, setDragging] = React27.useState(false);
-  const [sizeError, setSizeError] = React27.useState(null);
+  const inputRef = React29.useRef(null);
+  const errorId = React29.useId();
+  const [files, setFiles] = React29.useState([]);
+  const [dragging, setDragging] = React29.useState(false);
+  const [sizeError, setSizeError] = React29.useState(null);
   const effectiveError = errorMessage ?? sizeError ?? void 0;
   const openPicker = () => {
     if (!disabled) inputRef.current?.click();
@@ -7294,15 +7730,15 @@ var WEEKDAY_SHORT = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
 function isSameDay(a, b) {
   return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
 }
-function startOfMonth(d) {
+function startOfMonth2(d) {
   return new Date(d.getFullYear(), d.getMonth(), 1);
 }
-function addDays(d, n) {
+function addDays2(d, n) {
   const c = new Date(d);
   c.setDate(c.getDate() + n);
   return c;
 }
-function addMonths2(d, n) {
+function addMonths3(d, n) {
   const c = new Date(d);
   c.setMonth(c.getMonth() + n);
   return c;
@@ -7314,12 +7750,12 @@ function defaultFormat3(d) {
   return `${y}-${m}-${day}`;
 }
 function buildGrid2(viewMonth, weekStartsOn) {
-  const first = startOfMonth(viewMonth);
+  const first = startOfMonth2(viewMonth);
   const startOffset = (first.getDay() - weekStartsOn + 7) % 7;
-  const gridStart = addDays(first, -startOffset);
+  const gridStart = addDays2(first, -startOffset);
   const cells = [];
   for (let i = 0; i < 42; i++) {
-    const d = addDays(gridStart, i);
+    const d = addDays2(gridStart, i);
     cells.push({ date: d, outside: d.getMonth() !== viewMonth.getMonth() });
   }
   const rows = [];
@@ -7347,30 +7783,30 @@ function DatePicker({
   size = "md",
   className = ""
 }) {
-  const errorId = React27.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  const [open, setOpen] = React27.useState(false);
-  const [viewMonth, setViewMonth] = React27.useState(() => startOfMonth(value ?? /* @__PURE__ */ new Date()));
-  const [focusDate, setFocusDate] = React27.useState(() => value ?? /* @__PURE__ */ new Date());
-  const [view, setView] = React27.useState("days");
-  const gridRef = React27.useRef(null);
-  React27.useEffect(() => {
+  const [open, setOpen] = React29.useState(false);
+  const [viewMonth, setViewMonth] = React29.useState(() => startOfMonth2(value ?? /* @__PURE__ */ new Date()));
+  const [focusDate, setFocusDate] = React29.useState(() => value ?? /* @__PURE__ */ new Date());
+  const [view, setView] = React29.useState("days");
+  const gridRef = React29.useRef(null);
+  React29.useEffect(() => {
     if (!open) return;
     const target = value ?? /* @__PURE__ */ new Date();
-    setViewMonth(startOfMonth(target));
+    setViewMonth(startOfMonth2(target));
     setFocusDate(target);
     setView("days");
   }, [open, value]);
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     if (!open) return;
     const cell = gridRef.current?.querySelector(`[data-day="${defaultFormat3(focusDate)}"]`);
     cell?.focus();
   }, [open, focusDate]);
-  const weekdays = React27.useMemo(() => {
+  const weekdays = React29.useMemo(() => {
     const ordered = WEEKDAY_SHORT.slice(weekStartsOn).concat(WEEKDAY_SHORT.slice(0, weekStartsOn));
     return ordered;
   }, [weekStartsOn]);
-  const grid = React27.useMemo(() => buildGrid2(viewMonth, weekStartsOn), [viewMonth, weekStartsOn]);
+  const grid = React29.useMemo(() => buildGrid2(viewMonth, weekStartsOn), [viewMonth, weekStartsOn]);
   const isDisabled = (d) => {
     if (min && d < min) return true;
     if (max && d > max) return true;
@@ -7383,9 +7819,9 @@ function DatePicker({
   };
   const onKey = (e) => {
     const next = (delta) => {
-      const nd = addDays(focusDate, delta);
+      const nd = addDays2(focusDate, delta);
       setFocusDate(nd);
-      if (nd.getMonth() !== viewMonth.getMonth()) setViewMonth(startOfMonth(nd));
+      if (nd.getMonth() !== viewMonth.getMonth()) setViewMonth(startOfMonth2(nd));
     };
     if (e.key === "ArrowLeft") {
       e.preventDefault();
@@ -7401,22 +7837,22 @@ function DatePicker({
       next(7);
     } else if (e.key === "PageUp") {
       e.preventDefault();
-      const nm = addMonths2(viewMonth, -1);
+      const nm = addMonths3(viewMonth, -1);
       setViewMonth(nm);
-      setFocusDate((d) => addMonths2(d, -1));
+      setFocusDate((d) => addMonths3(d, -1));
     } else if (e.key === "PageDown") {
       e.preventDefault();
-      const nm = addMonths2(viewMonth, 1);
+      const nm = addMonths3(viewMonth, 1);
       setViewMonth(nm);
-      setFocusDate((d) => addMonths2(d, 1));
+      setFocusDate((d) => addMonths3(d, 1));
     } else if (e.key === "Home") {
       e.preventDefault();
       const dow = (focusDate.getDay() - weekStartsOn + 7) % 7;
-      setFocusDate(addDays(focusDate, -dow));
+      setFocusDate(addDays2(focusDate, -dow));
     } else if (e.key === "End") {
       e.preventDefault();
       const dow = (focusDate.getDay() - weekStartsOn + 7) % 7;
-      setFocusDate(addDays(focusDate, 6 - dow));
+      setFocusDate(addDays2(focusDate, 6 - dow));
     } else if (e.key === "Enter" || e.key === " ") {
       e.preventDefault();
       selectDate(focusDate);
@@ -7473,7 +7909,7 @@ function DatePicker({
                   {
                     type: "button",
                     onClick: () => {
-                      if (view === "days") setViewMonth(addMonths2(viewMonth, -1));
+                      if (view === "days") setViewMonth(addMonths3(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));
                     },
@@ -7508,7 +7944,7 @@ function DatePicker({
                   {
                     type: "button",
                     onClick: () => {
-                      if (view === "days") setViewMonth(addMonths2(viewMonth, 1));
+                      if (view === "days") setViewMonth(addMonths3(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));
                     },
@@ -7660,10 +8096,10 @@ function TextArea({
   style,
   inputStyle
 }) {
-  const errorId = React27.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  const ref = React27.useRef(null);
-  React27.useLayoutEffect(() => {
+  const ref = React29.useRef(null);
+  React29.useLayoutEffect(() => {
     if (!autoGrow) return;
     const el = ref.current;
     if (!el) return;
@@ -7710,102 +8146,6 @@ function TextArea({
     }
   );
 }
-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" },
-  lg: { h: "h-control-lg", text: "text-sm", pad: "px-4" }
-};
-function SegmentedControl({
-  options,
-  value,
-  defaultValue,
-  onChange,
-  size = "md",
-  fullWidth = false,
-  disabled,
-  label,
-  layout = "vertical",
-  helperText,
-  className,
-  name,
-  required,
-  errorMessage,
-  "aria-label": ariaLabel
-}) {
-  const sz = SIZE5[size];
-  const groupId = React27.useId();
-  const errorId = React27.useId();
-  const hasError = errorMessage != null;
-  const isControlled = value !== void 0;
-  const [internal, setInternal] = React27.useState(defaultValue);
-  const current = isControlled ? value : internal;
-  const handle = (v) => {
-    if (!v) return;
-    if (!isControlled) setInternal(v);
-    onChange?.(v);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Field,
-    {
-      className,
-      label,
-      htmlFor: groupId,
-      errorId,
-      errorMessage,
-      layout,
-      required,
-      helperText,
-      children: [
-        name && /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name, value: current ?? "" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ToggleGroup__namespace.Root,
-          {
-            id: groupId,
-            type: "single",
-            value: current,
-            onValueChange: handle,
-            disabled,
-            "aria-label": ariaLabel ?? (typeof label === "string" ? label : void 0),
-            "aria-invalid": hasError || void 0,
-            "aria-describedby": hasError ? errorId : void 0,
-            className: [
-              "inline-flex items-center gap-1 rounded-lg border bg-surface-raised p-1",
-              hasError ? "border-status-error" : "border-border",
-              sz.h,
-              fullWidth ? "flex w-full" : "w-fit",
-              disabled ? "opacity-60 cursor-not-allowed" : ""
-            ].filter(Boolean).join(" "),
-            children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
-              ToggleGroup__namespace.Item,
-              {
-                value: opt.value,
-                disabled: opt.disabled,
-                className: [
-                  "inline-flex items-center justify-center gap-1.5 rounded-md select-none whitespace-nowrap",
-                  "transition-colors duration-150 h-full",
-                  sz.text,
-                  sz.pad,
-                  fullWidth ? "flex-1" : "",
-                  // Resting: muted text, transparent. Hover lifts the text.
-                  "text-foreground-secondary hover:text-foreground",
-                  // Active: surface-white pill + accent text + subtle shadow.
-                  "data-[state=on]:bg-surface data-[state=on]:text-accent data-[state=on]:shadow-sm",
-                  "focus:outline-none focus-visible:ring-[3px] focus-visible:ring-focus-ring",
-                  "disabled:opacity-40 disabled:cursor-not-allowed"
-                ].filter(Boolean).join(" "),
-                children: [
-                  opt.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", children: opt.icon }),
-                  opt.label
-                ]
-              },
-              opt.value
-            ))
-          }
-        )
-      ]
-    }
-  );
-}
 var TRACK_H = { sm: "h-1", md: "h-1.5", lg: "h-2" };
 var THUMB = { sm: "h-3.5 w-3.5", md: "h-4 w-4", lg: "h-5 w-5" };
 var toArray = (v) => v == null ? void 0 : Array.isArray(v) ? v : [v];
@@ -7831,14 +8171,14 @@ function Slider({
   name,
   htmlFor
 }) {
-  const errorId = React27.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
   const isRange = Array.isArray(value ?? defaultValue);
-  const [internal, setInternal] = React27.useState(
+  const [internal, setInternal] = React29.useState(
     () => toArray(value) ?? toArray(defaultValue) ?? [min]
   );
   const current = toArray(value) ?? internal;
-  const [dragging, setDragging] = React27.useState(false);
+  const [dragging, setDragging] = React29.useState(false);
   const emit = (arr) => {
     setInternal(arr);
     const next = isRange ? [arr[0], arr[1]] : arr[0];
@@ -7933,11 +8273,11 @@ function TagsInput({
   validate,
   separators = ["Enter", ","]
 }) {
-  const errorId = React27.useId();
-  const inputRef = React27.useRef(null);
-  const [internal, setInternal] = React27.useState(defaultValue ?? []);
-  const [draft, setDraft] = React27.useState("");
-  const [localError, setLocalError] = React27.useState(null);
+  const errorId = React29.useId();
+  const inputRef = React29.useRef(null);
+  const [internal, setInternal] = React29.useState(defaultValue ?? []);
+  const [draft, setDraft] = React29.useState("");
+  const [localError, setLocalError] = React29.useState(null);
   const tags = value ?? internal;
   const hasError = errorMessage != null || localError != null;
   const errorText = errorMessage ?? localError ?? void 0;
@@ -8068,9 +8408,9 @@ function OtpInput({
   className,
   groupAfter
 }) {
-  const errorId = React27.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  const refs = React27.useRef([]);
+  const refs = React29.useRef([]);
   const chars = Array.from({ length }, (_, i) => value[i] ?? "");
   const pattern = mode === "numeric" ? /[0-9]/ : /[a-zA-Z0-9]/;
   const emit = (next) => {
@@ -8119,7 +8459,7 @@ function OtpInput({
     emit(valid.join(""));
     focusBox(valid.length);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(Field, { className, label, htmlFor, errorId, errorMessage, required, layout, helperText, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(React27__default.default.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Field, { className, label, htmlFor, errorId, errorMessage, required, layout, helperText, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(React29__default.default.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {
@@ -8177,9 +8517,9 @@ function Rating({
   className,
   required
 }) {
-  const errorId = React27.useId();
-  const [internal, setInternal] = React27.useState(defaultValue);
-  const [hover, setHover] = React27.useState(null);
+  const errorId = React29.useId();
+  const [internal, setInternal] = React29.useState(defaultValue);
+  const [hover, setHover] = React29.useState(null);
   const current = value ?? internal;
   const display2 = hover ?? current;
   const interactive = !readOnly && !disabled;
@@ -8302,9 +8642,9 @@ function TimePicker({
   required,
   style
 }) {
-  const errorId = React27.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  const [open, setOpen] = React27.useState(false);
+  const [open, setOpen] = React29.useState(false);
   const parsed = parse(value) ?? { h: 0, m: 0, s: 0 };
   const update = (next) => {
     const merged = { ...parsed, ...next };
@@ -8389,22 +8729,22 @@ 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 addMonths3 = (d, n) => new Date(d.getFullYear(), d.getMonth() + n, 1);
-var addDays2 = (d, n) => {
+var startOfMonth3 = (d) => new Date(d.getFullYear(), d.getMonth(), 1);
+var addMonths4 = (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 startOfDay2 = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
+var startOfDay3 = (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) {
-  const first = startOfMonth2(viewMonth);
+  const first = startOfMonth3(viewMonth);
   const offset = (first.getDay() - weekStartsOn + 7) % 7;
-  const gridStart = addDays2(first, -offset);
+  const gridStart = addDays3(first, -offset);
   return Array.from({ length: 42 }, (_, i) => {
-    const d = addDays2(gridStart, i);
+    const d = addDays3(gridStart, i);
     return { date: d, outside: d.getMonth() !== viewMonth.getMonth() };
   });
 }
@@ -8428,23 +8768,23 @@ function DateRangePicker({
   required,
   style
 }) {
-  const errorId = React27.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  const [open, setOpen] = React27.useState(false);
-  const [leftMonth, setLeftMonth] = React27.useState(() => startOfMonth2(value.start ?? /* @__PURE__ */ new Date()));
-  const [pendingStart, setPendingStart] = React27.useState(null);
-  const [hoverDate, setHoverDate] = React27.useState(null);
-  const weekdays = React27.useMemo(
+  const [open, setOpen] = React29.useState(false);
+  const [leftMonth, setLeftMonth] = React29.useState(() => startOfMonth3(value.start ?? /* @__PURE__ */ new Date()));
+  const [pendingStart, setPendingStart] = React29.useState(null);
+  const [hoverDate, setHoverDate] = React29.useState(null);
+  const weekdays = React29.useMemo(
     () => WEEKDAY.slice(weekStartsOn).concat(WEEKDAY.slice(0, weekStartsOn)),
     [weekStartsOn]
   );
-  const isDisabled = (d) => min && d < startOfDay2(min) || max && d > startOfDay2(max);
+  const isDisabled = (d) => min && d < startOfDay3(min) || max && d > startOfDay3(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 >= startOfDay2(a) && d <= startOfDay2(b);
+    return d >= startOfDay3(a) && d <= startOfDay3(b);
   };
   const onDayClick = (d) => {
     if (isDisabled(d)) return;
@@ -8551,7 +8891,7 @@ function DateRangePicker({
                 "button",
                 {
                   type: "button",
-                  onClick: () => setLeftMonth(addMonths3(leftMonth, -1)),
+                  onClick: () => setLeftMonth(addMonths4(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__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) })
@@ -8564,13 +8904,13 @@ function DateRangePicker({
                 "button",
                 {
                   type: "button",
-                  onClick: () => setLeftMonth(addMonths3(leftMonth, 1)),
+                  onClick: () => setLeftMonth(addMonths4(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__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "w-4 h-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) })
                 }
               ),
-              renderMonth(addMonths3(leftMonth, 1))
+              renderMonth(addMonths4(leftMonth, 1))
             ] })
           ] })
         ]
@@ -8610,10 +8950,10 @@ function ColorPicker({
   required,
   placeholder = "Pick a colour\u2026"
 }) {
-  const errorId = React27.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  const [open, setOpen] = React27.useState(false);
-  const [draft, setDraft] = React27.useState(value);
+  const [open, setOpen] = React29.useState(false);
+  const [draft, setDraft] = React29.useState(value);
   const valid = HEX_RE.test(value);
   const pick = (hex) => {
     onChange?.(hex);
@@ -8774,6 +9114,7 @@ exports.Portal = Portal;
 exports.RadioGroup = RadioGroup;
 exports.Rating = Rating;
 exports.ScalableContainer = ScalableContainer;
+exports.Scheduler = Scheduler;
 exports.SearchInput = SearchInput_default;
 exports.SecureLayout = SecureLayout;
 exports.SegmentedControl = SegmentedControl;