@geomak/ui 6.33.0 → 6.34.1

package/dist/index.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
+var chunk4V4U2W7K_cjs = require('./chunk-4V4U2W7K.cjs');
 var chunkOAV4TA4B_cjs = require('./chunk-OAV4TA4B.cjs');
-var React29 = require('react');
-var jsxRuntime = require('react/jsx-runtime');
+var React28 = require('react');
 var reactDom = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var DropdownMenu = require('@radix-ui/react-dropdown-menu');
 var Dialog = require('@radix-ui/react-dialog');
@@ -40,7 +41,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React29__default = /*#__PURE__*/_interopDefault(React29);
+var React28__default = /*#__PURE__*/_interopDefault(React28);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var DropdownMenu__namespace = /*#__PURE__*/_interopNamespace(DropdownMenu);
 var Dialog__namespace = /*#__PURE__*/_interopNamespace(Dialog);
@@ -56,286 +57,18 @@ var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimit
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
 
-function createIcon(displayName, content, options = {}) {
-  const { viewBox = "0 0 24 24", solid = false } = options;
-  const Component = React29.forwardRef(function Icon2({ size = 24, title, strokeWidth = 1.5, ...rest }, ref) {
-    const a11y = title ? { role: "img", "aria-label": title } : { "aria-hidden": true, focusable: false };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "svg",
-      {
-        ref,
-        xmlns: "http://www.w3.org/2000/svg",
-        width: size,
-        height: size,
-        viewBox,
-        fill: solid ? "currentColor" : "none",
-        stroke: solid ? void 0 : "currentColor",
-        strokeWidth: solid ? void 0 : strokeWidth,
-        strokeLinecap: solid ? void 0 : "round",
-        strokeLinejoin: solid ? void 0 : "round",
-        ...a11y,
-        ...rest,
-        children: [
-          title ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }) : null,
-          content
-        ]
-      }
-    );
-  });
-  Component.displayName = displayName;
-  return Component;
-}
-var ChevronUp = createIcon("ChevronUp", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m4.5 15.75 7.5-7.5 7.5 7.5" }));
-var ChevronDown = createIcon("ChevronDown", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m19.5 8.25-7.5 7.5-7.5-7.5" }));
-var ChevronLeft = createIcon("ChevronLeft", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.75 19.5 8.25 12l7.5-7.5" }));
-var ChevronRight = createIcon("ChevronRight", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m8.25 4.5 7.5 7.5-7.5 7.5" }));
-var ChevronsLeft = createIcon("ChevronsLeft", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.75 19.5 11.25 12l7.5-7.5m-6 15L5.25 12l7.5-7.5" }));
-var ChevronsRight = createIcon("ChevronsRight", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5" }));
-var CaretUp = createIcon("CaretUp", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8l6 8H6z" }), { solid: true });
-var CaretDown = createIcon("CaretDown", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 16 6 8h12z" }), { solid: true });
-var CaretLeft = createIcon("CaretLeft", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 12l8-6v12z" }), { solid: true });
-var CaretRight = createIcon("CaretRight", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 12 8 6v12z" }), { solid: true });
-var ArrowUp = createIcon("ArrowUp", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" }));
-var ArrowDown = createIcon("ArrowDown", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3" }));
-var ArrowLeft = createIcon("ArrowLeft", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" }));
-var ArrowRight = createIcon("ArrowRight", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" }));
-var Menu = createIcon("Menu", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" }));
-var DotsHorizontal = createIcon("DotsHorizontal", /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "5", cy: "12", r: "1.6" }),
-  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.6" }),
-  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "19", cy: "12", r: "1.6" })
-] }), { solid: true });
-var DotsVertical = createIcon("DotsVertical", /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "5", r: "1.6" }),
-  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "1.6" }),
-  /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "19", r: "1.6" })
-] }), { solid: true });
-var ExternalLink = createIcon("ExternalLink", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25" }));
-var X = createIcon("X", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 18 18 6M6 6l12 12" }));
-var XCircle = createIcon("XCircle", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" }));
-var Plus = createIcon("Plus", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 4.5v15m7.5-7.5h-15" }));
-var PlusCircle = createIcon("PlusCircle", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" }));
-var Minus = createIcon("Minus", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.5 12h-15" }));
-var MinusCircle = createIcon("MinusCircle", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 12H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" }));
-var Check = createIcon("Check", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.5 12.75l6 6 9-13.5" }));
-var CheckCircle = createIcon("CheckCircle", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" }));
-var Search = createIcon("Search", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 21l-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" }));
-var Edit = createIcon("Edit", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10" }));
-var Trash = createIcon("Trash", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" }));
-var Copy = createIcon("Copy", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.666 3.888A2.25 2.25 0 0 0 13.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 0 1-.75.75H9a.75.75 0 0 1-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 0 1-2.25 2.25H6.75A2.25 2.25 0 0 1 4.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 0 1 1.927-.184" }));
-var Clipboard = createIcon("Clipboard", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75 2.25 2.25 0 0 0-.1-.664m-5.8 0A2.251 2.251 0 0 1 13.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25Z" }));
-var Download = createIcon("Download", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3" }));
-var Upload = createIcon("Upload", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0l4.5 4.5M12 3v13.5" }));
-var Save = createIcon("Save", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.5 3.75H6A2.25 2.25 0 0 0 3.75 6v12A2.25 2.25 0 0 0 6 20.25h12A2.25 2.25 0 0 0 20.25 18V8.31a2.25 2.25 0 0 0-.659-1.591l-2.872-2.872A2.25 2.25 0 0 0 15.129 3.75H15m-7.5 0v3.375c0 .621.504 1.125 1.125 1.125h5.25c.621 0 1.125-.504 1.125-1.125V3.75m-7.5 0H15m-3 11.25a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }));
-var Filter = createIcon("Filter", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z" }));
-var Sort = createIcon("Sort", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5" }));
-var Refresh = createIcon("Refresh", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" }));
-var Share = createIcon("Share", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7.217 10.907a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186 9.566-5.314m-9.566 7.5 9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186 2.25 2.25 0 0 0-3.935-2.186Zm0-12.814a2.25 2.25 0 1 0 3.933-2.185 2.25 2.25 0 0 0-3.933 2.185Z" }));
-var Print = createIcon("Print", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.72 13.829c-.24.03-.48.062-.72.096m.72-.096a42.415 42.415 0 0 1 10.56 0m-10.56 0L6.34 18m10.94-4.171c.24.03.48.062.72.096m-.72-.096L17.66 18m0 0 .229 2.523a1.125 1.125 0 0 1-1.12 1.227H7.231c-.662 0-1.18-.568-1.12-1.227L6.34 18m11.318 0h1.091A2.25 2.25 0 0 0 21 15.75V9.456c0-1.081-.768-2.015-1.837-2.175a48.055 48.055 0 0 0-1.913-.247M6.34 18H5.25A2.25 2.25 0 0 1 3 15.75V9.456c0-1.081.768-2.015 1.837-2.175a48.041 48.041 0 0 1 1.913-.247m10.5 0a48.536 48.536 0 0 0-10.5 0m10.5 0V3.375c0-.621-.504-1.125-1.125-1.125h-8.25c-.621 0-1.125.504-1.125 1.125v3.659M18 10.5h.008v.008H18V10.5Z" }));
-var Settings = createIcon("Settings", /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.397-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })
-] }));
-var Sliders = createIcon("Sliders", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75" }));
-var Maximize = createIcon("Maximize", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15" }));
-var Minimize = createIcon("Minimize", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 9V4.5M9 9H4.5M9 9 3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5 5.25 5.25" }));
-var Info = createIcon("Info", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.25 11.25l.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" }));
-var Warning = createIcon("Warning", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008Z" }));
-var Error2 = createIcon("Error", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z" }));
-var Question = createIcon("Question", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z" }));
-var Ban = createIcon("Ban", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18.364 18.364A9 9 0 0 0 5.636 5.636m12.728 12.728A9 9 0 0 1 5.636 5.636m12.728 12.728L5.636 5.636" }));
-var Bell = createIcon("Bell", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0" }));
-var Play = createIcon("Play", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.348a1.125 1.125 0 0 1 0 1.971l-11.54 6.347a1.125 1.125 0 0 1-1.667-.985V5.653Z" }));
-var Pause = createIcon("Pause", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.75 5.25v13.5m-7.5-13.5v13.5" }));
-var Stop = createIcon("Stop", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.25 7.5A2.25 2.25 0 0 1 7.5 5.25h9a2.25 2.25 0 0 1 2.25 2.25v9a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-9Z" }));
-var VolumeUp = createIcon("VolumeUp", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.114 5.636a9 9 0 0 1 0 12.728M16.463 8.288a5.25 5.25 0 0 1 0 7.424M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z" }));
-var VolumeOff = createIcon("VolumeOff", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.25 9.75 19.5 12m0 0 2.25 2.25M19.5 12l2.25-2.25M19.5 12l-2.25 2.25M6.75 8.25l4.72-4.72a.75.75 0 0 1 1.28.53v15.88a.75.75 0 0 1-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.009 9.009 0 0 1 2.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75Z" }));
-var Image = createIcon("Image", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" }));
-var Video = createIcon("Video", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z" }));
-var Camera = createIcon("Camera", /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.827 6.175A2.31 2.31 0 0 1 5.186 7.23c-.38.054-.757.112-1.134.175C2.999 7.58 2.25 8.507 2.25 9.574V18a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9.574c0-1.067-.75-1.994-1.802-2.169a47.865 47.865 0 0 0-1.134-.175 2.31 2.31 0 0 1-1.64-1.055l-.822-1.316a2.192 2.192 0 0 0-1.736-1.039 48.774 48.774 0 0 0-5.232 0 2.192 2.192 0 0 0-1.736 1.039l-.821 1.316Z" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.5 12.75a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0ZM18.75 10.5h.008v.008h-.008V10.5Z" })
-] }));
-var Microphone = createIcon("Microphone", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 18.75a6 6 0 0 0 6-6v-1.5m-6 7.5a6 6 0 0 1-6-6v-1.5m6 7.5v3.75m-3.75 0h7.5M12 15.75a3 3 0 0 1-3-3V4.5a3 3 0 1 1 6 0v8.25a3 3 0 0 1-3 3Z" }));
-var Mail = createIcon("Mail", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" }));
-var Chat = createIcon("Chat", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2.25 12.76c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 0 1 .778-.332 48.294 48.294 0 0 0 5.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.019Z" }));
-var Phone = createIcon("Phone", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z" }));
-var Send = createIcon("Send", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5" }));
-var User = createIcon("User", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" }));
-var Users = createIcon("Users", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" }));
-var Home = createIcon("Home", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" }));
-var Globe = createIcon("Globe", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418" }));
-var MapPin = createIcon("MapPin", /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" })
-] }));
-var Calendar = createIcon("Calendar", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5" }));
-var Clock = createIcon("Clock", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" }));
-var Document = createIcon("Document", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" }));
-var File = createIcon("File", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" }));
-var Folder = createIcon("Folder", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z" }));
-var Database = createIcon("Database", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125" }));
-var Grid = createIcon("Grid", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.75 6A2.25 2.25 0 0 1 6 3.75h2.25A2.25 2.25 0 0 1 10.5 6v2.25a2.25 2.25 0 0 1-2.25 2.25H6a2.25 2.25 0 0 1-2.25-2.25V6ZM3.75 15.75A2.25 2.25 0 0 1 6 13.5h2.25a2.25 2.25 0 0 1 2.25 2.25V18a2.25 2.25 0 0 1-2.25 2.25H6A2.25 2.25 0 0 1 3.75 18v-2.25ZM13.5 6a2.25 2.25 0 0 1 2.25-2.25H18A2.25 2.25 0 0 1 20.25 6v2.25A2.25 2.25 0 0 1 18 10.5h-2.25a2.25 2.25 0 0 1-2.25-2.25V6ZM13.5 15.75a2.25 2.25 0 0 1 2.25-2.25H18a2.25 2.25 0 0 1 2.25 2.25V18A2.25 2.25 0 0 1 18 20.25h-2.25a2.25 2.25 0 0 1-2.25-2.25v-2.25Z" }));
-var List = createIcon("List", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" }));
-var Table = createIcon("Table", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h7.5c.621 0 1.125-.504 1.125-1.125m-9.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-7.5A1.125 1.125 0 0 1 12 18.375m9.75-12.75c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125m19.5 0v1.5c0 .621-.504 1.125-1.125 1.125M2.25 5.625v1.5c0 .621.504 1.125 1.125 1.125m0 0h17.25m-17.25 0h7.5c.621 0 1.125.504 1.125 1.125M3.375 8.25c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m17.25-3.75h-7.5c-.621 0-1.125.504-1.125 1.125m8.625-1.125c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M12 10.875v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125M13.125 12h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125M20.625 12c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5M12 14.625v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 14.625c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m0 1.5v-1.5m0 0c0-.621.504-1.125 1.125-1.125m0 0h7.5" }));
-var ChartBar = createIcon("ChartBar", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z" }));
-var PieChart = createIcon("PieChart", /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.5 6a7.5 7.5 0 1 0 7.5 7.5h-7.5V6Z" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13.5 10.5H21A7.5 7.5 0 0 0 13.5 3v7.5Z" })
-] }));
-var TrendingUp = createIcon("TrendingUp", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941" }));
-var TrendingDown = createIcon("TrendingDown", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2.25 6 9 12.75l4.286-4.286a11.948 11.948 0 0 1 4.306 6.43l.776 2.898m0 0 3.182-5.511m-3.182 5.51-5.511-3.181" }));
-var Calculator = createIcon("Calculator", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008Zm0 2.25h.008v.008H8.25V13.5Zm0 2.25h.008v.008H8.25v-.008Zm0 2.25h.008v.008H8.25V18Zm2.498-6.75h.007v.008h-.007v-.008Zm0 2.25h.007v.008h-.007V13.5Zm0 2.25h.007v.008h-.007v-.008Zm0 2.25h.007v.008h-.007V18Zm2.504-6.75h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V13.5Zm0 2.25h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V18Zm2.498-6.75h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V13.5ZM8.25 6h7.5v2.25h-7.5V6ZM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 0 0 2.25 2.25h10.5a2.25 2.25 0 0 0 2.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0 0 12 2.25Z" }));
-var Lock = createIcon("Lock", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" }));
-var Unlock = createIcon("Unlock", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" }));
-var Key = createIcon("Key", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z" }));
-var Shield = createIcon("Shield", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 9v3.75m0-10.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.75c0 5.592 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.57-.598-3.75h-.152c-3.196 0-6.1-1.249-8.25-3.286Zm0 13.036h.008v.008H12v-.008Z" }));
-var ShieldCheck = createIcon("ShieldCheck", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z" }));
-var Star = createIcon("Star", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z" }));
-var StarFilled = createIcon("StarFilled", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.007 5.404.433c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.433 2.082-5.005Z" }), { solid: true });
-var Heart = createIcon("Heart", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z" }));
-var Bookmark = createIcon("Bookmark", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z" }));
-var Tag = createIcon("Tag", /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 6h.008v.008H6V6Z" })
-] }));
-var Link = createIcon("Link", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244" }));
-var Eye = createIcon("Eye", /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" }),
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" })
-] }));
-var EyeSlash = createIcon("EyeSlash", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.98 8.223A10.477 10.477 0 0 0 1.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.451 10.451 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.522 10.522 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 0-4.243-4.243m4.242 4.242L9.88 9.88" }));
-var Bolt = createIcon("Bolt", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z" }));
-var Sparkles = createIcon("Sparkles", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456Z" }));
-var Sun = createIcon("Sun", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" }));
-var Moon = createIcon("Moon", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21.752 15.002A9.72 9.72 0 0 1 18 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 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" }));
-var Spinner = createIcon("Spinner", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" }));
-var Login = createIcon("Login", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0 3-3m0 0-3-3m3 3H9" }));
-var Logout = createIcon("Logout", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15M12 9l-3 3m0 0 3 3m-3-3h12.75" }));
-var Power = createIcon("Power", /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5.636 5.636a9 9 0 1 0 12.728 0M12 3v9" }));
-var Icon = {
-  ChevronUp,
-  ChevronDown,
-  ChevronLeft,
-  ChevronRight,
-  ChevronsLeft,
-  ChevronsRight,
-  CaretUp,
-  CaretDown,
-  CaretLeft,
-  CaretRight,
-  ArrowUp,
-  ArrowDown,
-  ArrowLeft,
-  ArrowRight,
-  Menu,
-  DotsHorizontal,
-  DotsVertical,
-  ExternalLink,
-  X,
-  XCircle,
-  Plus,
-  PlusCircle,
-  Minus,
-  MinusCircle,
-  Check,
-  CheckCircle,
-  Search,
-  Edit,
-  Trash,
-  Copy,
-  Clipboard,
-  Download,
-  Upload,
-  Save,
-  Filter,
-  Sort,
-  Refresh,
-  Share,
-  Print,
-  Settings,
-  Sliders,
-  Maximize,
-  Minimize,
-  Info,
-  Warning,
-  Error: Error2,
-  Question,
-  Ban,
-  Bell,
-  Play,
-  Pause,
-  Stop,
-  VolumeUp,
-  VolumeOff,
-  Image,
-  Video,
-  Camera,
-  Microphone,
-  Mail,
-  Chat,
-  Phone,
-  Send,
-  User,
-  Users,
-  Home,
-  Globe,
-  MapPin,
-  Calendar,
-  Clock,
-  Document,
-  File,
-  Folder,
-  Database,
-  Grid,
-  List,
-  Table,
-  ChartBar,
-  PieChart,
-  TrendingUp,
-  TrendingDown,
-  Calculator,
-  Lock,
-  Unlock,
-  Key,
-  Shield,
-  ShieldCheck,
-  Star,
-  StarFilled,
-  Heart,
-  Bookmark,
-  Tag,
-  Link,
-  Eye,
-  EyeSlash,
-  Bolt,
-  Sparkles,
-  Sun,
-  Moon,
-  Spinner,
-  Login,
-  Logout,
-  Power,
-  // ── Back-compat aliases (legacy names) ──
-  XClose: X,
-  Checked: Check,
-  Cog: Settings,
-  Tweak: Sliders,
-  Expand: Maximize,
-  Collapse: Minimize,
-  ShowMore: DotsVertical,
-  Delete: Trash,
-  Bookmarks: Bookmark,
-  CircleStack: Database,
-  Data: Database,
-  DoubleChevronRight: ChevronsRight,
-  Loading: Spinner,
-  PowerOff: Power
-};
-var icons_default = Icon;
+// src/utils/cx.ts
+function cx(...values) {
+  let out = "";
+  for (const value of values) {
+    if (!value) continue;
+    out += (out && " ") + value;
+  }
+  return out;
+}
 function Portal({ children, target }) {
-  const [resolved, setResolved] = React29.useState(null);
-  React29.useEffect(() => {
+  const [resolved, setResolved] = React28.useState(null);
+  React28.useEffect(() => {
     if (target === null) {
       setResolved(null);
       return;
@@ -418,7 +151,7 @@ function Box({
     Element,
     {
       onClick,
-      className: [
+      className: cx(
         padding(p, "p"),
         padding(px2, "px"),
         padding(py, "py"),
@@ -438,7 +171,7 @@ function Box({
         radius ? RADIUS_MAP[radius] : "",
         SHADOW_MAP[shadow],
         className
-      ].filter(Boolean).join(" "),
+      ),
       style: {
         width: typeof width === "number" ? `${width}px` : width,
         height: typeof height === "number" ? `${height}px` : height,
@@ -497,7 +230,7 @@ function Flex({
     Box,
     {
       ...boxProps,
-      className: [
+      className: cx(
         inline ? "inline-flex" : "flex",
         DIRECTION_CLASS[direction],
         align ? ALIGN_CLASS[align] : "",
@@ -505,7 +238,7 @@ function Flex({
         wrap ? WRAP_CLASS[wrap] : "",
         gap ? GAP_MAP[gap] : "",
         className
-      ].filter(Boolean).join(" ")
+      )
     }
   );
 }
@@ -552,7 +285,7 @@ var JUSTIFY_CLASS2 = {
   end: "justify-items-end",
   stretch: "justify-items-stretch"
 };
-function Grid2({
+function Grid({
   cols,
   rows,
   gap,
@@ -572,7 +305,7 @@ function Grid2({
     Box,
     {
       ...boxProps,
-      className: [
+      className: cx(
         "grid",
         colClass,
         rowClass,
@@ -582,7 +315,7 @@ function Grid2({
         align ? ALIGN_CLASS2[align] : "",
         justify ? JUSTIFY_CLASS2[justify] : "",
         className
-      ].filter(Boolean).join(" "),
+      ),
       style: {
         gridTemplateColumns: inlineCols,
         gridTemplateRows: inlineRows,
@@ -742,7 +475,7 @@ function Typography({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Element,
     {
-      className: [
+      className: cx(
         VARIANT_CLASS[variant],
         COLOR_CLASS[color],
         weight ? WEIGHT_CLASS[weight] : "",
@@ -750,7 +483,7 @@ function Typography({
         truncate ? "truncate" : "",
         muted ? "opacity-60" : "",
         className
-      ].filter(Boolean).join(" "),
+      ),
       style,
       children
     }
@@ -769,7 +502,7 @@ function IconButton({
   className = "",
   style
 }) {
-  const colorScheme = React29.useMemo(() => {
+  const colorScheme = React28.useMemo(() => {
     if (type === "primary") {
       return "bg-accent text-accent-fg hover:bg-accent-hover";
     }
@@ -859,7 +592,7 @@ var SIZE_CLASSES = {
   md: "h-9  px-4   text-sm  gap-1.5 rounded-lg",
   lg: "h-11 px-5   text-sm  gap-2   rounded-xl"
 };
-var Button = React29__default.default.forwardRef(function Button2({
+var Button = React28__default.default.forwardRef(function Button2({
   content,
   variant = "primary",
   size = "md",
@@ -883,14 +616,14 @@ var Button = React29__default.default.forwardRef(function Button2({
       disabled: disabled || loading,
       type: buttonType,
       style,
-      className: [
+      className: cx(
         "inline-flex items-center justify-center font-medium",
         "outline-none transition-colors duration-150 select-none",
         "whitespace-nowrap",
         SIZE_CLASSES[size],
         VARIANT_CLASSES[variant],
         className
-      ].filter(Boolean).join(" "),
+      ),
       children: [
         loading ? /* @__PURE__ */ jsxRuntime.jsx(
           "svg",
@@ -967,7 +700,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(React29__default.default.Fragment, { children: [
+        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(React28__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,
@@ -1180,7 +913,7 @@ function Tooltip({
       {
         side: placement,
         sideOffset,
-        className: [
+        className: cx(
           // Layout + typography
           "pointer-events-none z-[500000] max-w-[220px] px-2.5 py-1.5",
           // Inverted surface: dark on light, light on dark — both readable
@@ -1193,7 +926,7 @@ function Tooltip({
           // In animation — direction-aware
           ANIMATION[placement],
           className
-        ].filter(Boolean).join(" "),
+        ),
         children: [
           title,
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -1210,9 +943,9 @@ function Tooltip({
   ] }) });
 }
 var TooltipProvider = TooltipPrimitive__namespace.Provider;
-var TabsContext = React29.createContext(null);
+var TabsContext = React28.createContext(null);
 function useTabsContext() {
-  const ctx = React29.useContext(TabsContext);
+  const ctx = React28.useContext(TabsContext);
   if (!ctx) throw new Error("Tabs.List / Tabs.Trigger / Tabs.Panel must be rendered inside <Tabs>.");
   return ctx;
 }
@@ -1234,37 +967,37 @@ function Tabs({
   children
 }) {
   const isControlled = value !== void 0;
-  const [internal, setInternal] = React29.useState(defaultValue);
+  const [internal, setInternal] = React28.useState(defaultValue);
   const current = isControlled ? value : internal;
   const reduced = !!framerMotion.useReducedMotion();
-  const indicatorId = React29.useId();
-  const select = React29.useCallback((next) => {
+  const indicatorId = React28.useId();
+  const select = React28.useCallback((next) => {
     if (!isControlled) setInternal(next);
     onValueChange?.(next);
   }, [isControlled, onValueChange]);
-  const registry = React29.useRef(/* @__PURE__ */ new Map());
-  const orderRef = React29.useRef(0);
-  const [, bump] = React29.useState(0);
-  const registerTab = React29.useCallback((val, meta) => {
+  const registry = React28.useRef(/* @__PURE__ */ new Map());
+  const orderRef = React28.useRef(0);
+  const [, bump] = React28.useState(0);
+  const registerTab = React28.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 = React29.useCallback((val) => {
+  const unregisterTab = React28.useCallback((val) => {
     if (registry.current.delete(val)) bump((v) => v + 1);
   }, []);
-  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 })), []);
+  const getTabs = React28.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,
     {
       value: current,
       onValueChange: select,
       orientation,
-      className: [
+      className: cx(
         "flex min-w-0",
         orientation === "vertical" ? "flex-row gap-4" : "flex-col gap-3",
         className
-      ].filter(Boolean).join(" "),
+      ),
       style,
       children
     }
@@ -1273,10 +1006,10 @@ function Tabs({
 function TabsList({ children, "aria-label": ariaLabel, className = "" }) {
   const { variant, orientation, reduced, value } = useTabsContext();
   const horizontal = orientation === "horizontal";
-  const scrollRef = React29.useRef(null);
-  const [edges, setEdges] = React29.useState({ start: false, end: false });
+  const scrollRef = React28.useRef(null);
+  const [edges, setEdges] = React28.useState({ start: false, end: false });
   const scrollable = variant !== "segmented";
-  React29.useLayoutEffect(() => {
+  React28.useLayoutEffect(() => {
     const el = scrollRef.current;
     if (!el || !scrollable) return;
     const update = () => {
@@ -1301,13 +1034,13 @@ function TabsList({ children, "aria-label": ariaLabel, className = "" }) {
       ro.disconnect();
     };
   }, [horizontal, scrollable, children]);
-  const nudge = React29.useCallback((dir) => {
+  const nudge = React28.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]);
-  React29.useLayoutEffect(() => {
+  React28.useLayoutEffect(() => {
     const el = scrollRef.current;
     if (!el || !scrollable) return;
     const active = el.querySelector("[role=tab][data-state=active]");
@@ -1332,14 +1065,14 @@ function TabsList({ children, "aria-label": ariaLabel, className = "" }) {
   })();
   const scrollClass = scrollable ? horizontal ? "overflow-x-auto overflow-y-hidden hidden-scrollbar" : "overflow-y-auto overflow-x-hidden hidden-scrollbar" : "";
   const overflowing = scrollable && (edges.start || edges.end);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ["relative flex min-w-0 gap-1", horizontal ? "flex-row items-stretch" : "flex-col items-stretch", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("relative flex min-w-0 gap-1", horizontal ? "flex-row items-stretch" : "flex-col items-stretch", className), children: [
     scrollable && edges.start && /* @__PURE__ */ jsxRuntime.jsx(Chevron2, { side: "start", orientation, onClick: () => nudge(-1) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       TabsPrimitive__namespace.List,
       {
         ref: scrollRef,
         "aria-label": ariaLabel,
-        className: [scrollClass, trackClass, "min-w-0 flex-1"].filter(Boolean).join(" "),
+        className: cx(scrollClass, trackClass, "min-w-0 flex-1"),
         style: maskStyle,
         children
       }
@@ -1365,9 +1098,9 @@ function Chevron2({ side, orientation, onClick }) {
 function OverflowMenu() {
   const { getTabs, value, select, orientation } = useTabsContext();
   const horizontal = orientation === "horizontal";
-  const [open, setOpen] = React29.useState(false);
-  const wrapRef = React29.useRef(null);
-  const timer = React29.useRef(null);
+  const [open, setOpen] = React28.useState(false);
+  const wrapRef = React28.useRef(null);
+  const timer = React28.useRef(null);
   const openNow = () => {
     if (timer.current) clearTimeout(timer.current);
     setOpen(true);
@@ -1375,7 +1108,7 @@ function OverflowMenu() {
   const closeSoon = () => {
     timer.current = setTimeout(() => setOpen(false), 160);
   };
-  React29.useLayoutEffect(() => {
+  React28.useLayoutEffect(() => {
     if (!open) return;
     const onDoc = (e) => {
       if (wrapRef.current && !wrapRef.current.contains(e.target)) setOpen(false);
@@ -1456,7 +1189,7 @@ function TabsTrigger({ value, icon, badge, closeable, onClose, disabled, classNa
   const isActive = active === value;
   const horizontal = orientation === "horizontal";
   const sz = SIZE[size];
-  React29.useLayoutEffect(() => {
+  React28.useLayoutEffect(() => {
     registerTab(value, { label: children, icon, disabled });
     return () => unregisterTab(value);
   }, [value, children, icon, disabled, registerTab, unregisterTab]);
@@ -1468,7 +1201,7 @@ function TabsTrigger({ value, icon, badge, closeable, onClose, disabled, classNa
     {
       value,
       disabled,
-      className: [base, sz.trigger, layoutCls, closeable ? "pr-8" : "", variantCls, className].filter(Boolean).join(" "),
+      className: cx(base, sz.trigger, layoutCls, closeable ? "pr-8" : "", variantCls, className),
       children: [
         variant === "segmented" && isActive && /* @__PURE__ */ jsxRuntime.jsx(
           framerMotion.motion.span,
@@ -1537,7 +1270,7 @@ function TabsPanel({ value, keepMounted, className = "", style, children }) {
     {
       value,
       forceMount: keepMounted || void 0,
-      className: ["min-w-0 flex-1 focus:outline-none data-[state=inactive]:hidden", className].filter(Boolean).join(" "),
+      className: cx("min-w-0 flex-1 focus:outline-none data-[state=inactive]:hidden", className),
       style,
       children
     }
@@ -1654,7 +1387,7 @@ function Tree({
     item.key
   )) });
 }
-var AccordionCtx = React29.createContext({ variant: "separated" });
+var AccordionCtx = React28.createContext({ variant: "separated" });
 function Accordion2({
   children,
   type = "single",
@@ -1667,10 +1400,10 @@ function Accordion2({
   style
 }) {
   const common = {
-    className: [
+    className: cx(
       variant === "contained" ? "rounded-lg border border-border bg-surface overflow-hidden divide-y divide-border" : "flex flex-col gap-2",
       className
-    ].filter(Boolean).join(" "),
+    ),
     style
   };
   const inner = /* @__PURE__ */ jsxRuntime.jsx(AccordionCtx.Provider, { value: { variant }, children });
@@ -1713,17 +1446,17 @@ var Chevron3 = /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 function AccordionItem({ value, title, icon, children, disabled, className = "" }) {
-  const { variant } = React29.useContext(AccordionCtx);
+  const { variant } = React28.useContext(AccordionCtx);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     AccordionPrimitive__namespace.Item,
     {
       value,
       disabled,
-      className: [
+      className: cx(
         variant === "separated" ? "rounded-lg border border-border bg-surface overflow-hidden" : "",
         "data-[disabled]:opacity-60",
         className
-      ].filter(Boolean).join(" "),
+      ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "m-0", children: /* @__PURE__ */ jsxRuntime.jsxs(
           AccordionPrimitive__namespace.Trigger,
@@ -1772,7 +1505,7 @@ function Breadcrumbs({
   className = "",
   style
 }) {
-  const [expanded, setExpanded] = React29.useState(false);
+  const [expanded, setExpanded] = React28.useState(false);
   const shouldCollapse = maxItems > 0 && items.length > maxItems && !expanded;
   const visible = [];
   if (shouldCollapse) {
@@ -1783,7 +1516,7 @@ function Breadcrumbs({
   } else {
     items.forEach((item, index) => visible.push({ item, index }));
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": ariaLabel, className: ["min-w-0", className].filter(Boolean).join(" "), style, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex items-center gap-1.5 flex-nowrap min-w-0", children: visible.map((entry, i) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": ariaLabel, className: cx("min-w-0", className), style, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex items-center gap-1.5 flex-nowrap min-w-0", children: visible.map((entry, i) => {
     const isLast = i === visible.length - 1;
     return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-1.5 min-w-0", children: [
       entry === "ellipsis" ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -1862,12 +1595,12 @@ function Badge({
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "span",
       {
-        className: [
+        className: cx(
           "inline-flex items-center font-medium select-none whitespace-nowrap leading-none",
           SIZE2[size],
           TONE[tone][variant],
           className
-        ].filter(Boolean).join(" "),
+        ),
         style,
         children: [
           icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-3.5 w-3.5 items-center justify-center", children: icon }),
@@ -1879,19 +1612,19 @@ function Badge({
   const indicator = dot ? /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: ["inline-block rounded-full", size === "sm" ? "h-2 w-2" : "h-2.5 w-2.5", TONE[tone].dot, className].filter(Boolean).join(" "),
+      className: cx("inline-block rounded-full", size === "sm" ? "h-2 w-2" : "h-2.5 w-2.5", TONE[tone].dot, className),
       style: children ? void 0 : style,
       "aria-hidden": children ? true : void 0
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: [
+      className: cx(
         "inline-flex items-center justify-center rounded-full font-semibold leading-none tabular-nums",
         size === "sm" ? "h-4 min-w-4 px-1 text-[10px]" : "h-[18px] min-w-[18px] px-1.5 text-[11px]",
         TONE[tone].solid,
         className
-      ].filter(Boolean).join(" "),
+      ),
       style: children ? void 0 : style,
       children: display2
     }
@@ -1906,9 +1639,9 @@ var SIZES = {
   sm: { box: "h-7 w-7 text-xs", center: 14, title: "text-xs", desc: "text-[11px]" },
   md: { box: "h-9 w-9 text-sm", center: 18, title: "text-sm", desc: "text-xs" }
 };
-var Check2 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, "aria-hidden": "true", className: "h-1/2 w-1/2 animate-check-pop", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M20 6L9 17l-5-5" }) });
+var Check = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, "aria-hidden": "true", className: "h-1/2 w-1/2 animate-check-pop", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M20 6L9 17l-5-5" }) });
 var Cross = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, "aria-hidden": "true", className: "h-1/2 w-1/2", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6 6 18M6 6l12 12" }) });
-var Spinner2 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", className: "h-1/2 w-1/2 animate-spin", 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 Spinner = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", className: "h-1/2 w-1/2 animate-spin", 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 Indicator({ state, index, step, sizeKey }) {
   const reduced = framerMotion.useReducedMotion();
   const s = SIZES[sizeKey];
@@ -1920,7 +1653,7 @@ function Indicator({ state, index, step, sizeKey }) {
     error: "bg-status-error text-white",
     pending: "border border-border bg-surface text-foreground-muted"
   };
-  const content = step.icon ?? (state === "completed" ? /* @__PURE__ */ jsxRuntime.jsx(Check2, {}) : state === "error" ? /* @__PURE__ */ jsxRuntime.jsx(Cross, {}) : state === "loading" ? /* @__PURE__ */ jsxRuntime.jsx(Spinner2, {}) : index + 1);
+  const content = step.icon ?? (state === "completed" ? /* @__PURE__ */ jsxRuntime.jsx(Check, {}) : state === "error" ? /* @__PURE__ */ jsxRuntime.jsx(Cross, {}) : state === "loading" ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) : index + 1);
   return /* @__PURE__ */ jsxRuntime.jsx(
     framerMotion.motion.span,
     {
@@ -1956,8 +1689,8 @@ function Stepper({
   className = ""
 }) {
   const reduced = framerMotion.useReducedMotion();
-  const [forcedVertical, setForcedVertical] = React29.useState(false);
-  React29.useEffect(() => {
+  const [forcedVertical, setForcedVertical] = React28.useState(false);
+  React28.useEffect(() => {
     if (!responsive || orientation === "vertical") return;
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mq = window.matchMedia("(max-width: 767px)");
@@ -1977,7 +1710,7 @@ function Stepper({
   const clickable = (i) => Boolean(onStepClick) && i <= current;
   const stepButton = (i, node) => clickable(i) ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => onStepClick?.(i), className: "rounded-md text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-accent", children: node }) : node;
   if (vertical) {
-    return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: ["flex flex-col", className].filter(Boolean).join(" "), children: steps.map((step, i) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: cx("flex flex-col", className), children: steps.map((step, i) => {
       const state = stateOf(i);
       const last = i === steps.length - 1;
       return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex gap-3", children: [
@@ -1989,7 +1722,7 @@ function Stepper({
       ] }, step.key);
     }) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: ["flex items-start", className].filter(Boolean).join(" "), children: steps.map((step, i) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: cx("flex items-start", className), children: steps.map((step, i) => {
     const state = stateOf(i);
     return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "relative flex flex-1 flex-col items-center", children: [
       i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-1/2 h-0.5 w-full bg-border", style: { top: s.center - 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2009,7 +1742,7 @@ function Stepper({
     ] }, step.key);
   }) });
 }
-var Check3 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, "aria-hidden": "true", className: "h-3 w-3", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M20 6L9 17l-5-5" }) });
+var Check2 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, "aria-hidden": "true", className: "h-3 w-3", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M20 6L9 17l-5-5" }) });
 var Cross2 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 3, "aria-hidden": "true", className: "h-3 w-3", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6 6 18M6 6l12 12" }) });
 var NODE = {
   complete: "bg-accent text-accent-fg border-accent",
@@ -2023,7 +1756,7 @@ function Timeline({ events, current, className = "" }) {
     if (current == null) return "upcoming";
     return i < current ? "complete" : i === current ? "current" : "upcoming";
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: ["flex flex-col", className].filter(Boolean).join(" "), children: events.map((event, i) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: cx("flex flex-col", className), children: events.map((event, i) => {
     const status = statusOf(event, i);
     const last = i === events.length - 1;
     const railFilled = status === "complete";
@@ -2038,7 +1771,7 @@ function Timeline({ events, current, className = "" }) {
             ].join(" "),
             children: [
               status === "current" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-0 animate-breathe rounded-full ring-2 ring-accent/40", "aria-hidden": "true" }),
-              event.icon ?? (status === "complete" ? /* @__PURE__ */ jsxRuntime.jsx(Check3, {}) : status === "error" ? /* @__PURE__ */ jsxRuntime.jsx(Cross2, {}) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: `h-2 w-2 rounded-full ${status === "current" ? "bg-accent" : "bg-border"}` }))
+              event.icon ?? (status === "complete" ? /* @__PURE__ */ jsxRuntime.jsx(Check2, {}) : status === "error" ? /* @__PURE__ */ jsxRuntime.jsx(Cross2, {}) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: `h-2 w-2 rounded-full ${status === "current" ? "bg-accent" : "bg-border"}` }))
             ]
           }
         ),
@@ -2066,22 +1799,22 @@ 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(React29__default.default.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx("inline-flex items-center gap-1", className), style, children: keys.map((k, i) => /* @__PURE__ */ jsxRuntime.jsxs(React28__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}`)) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: [cap, SIZE3[size], className].filter(Boolean).join(" "), style, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: cx(cap, SIZE3[size], className), style, children });
 }
 var PAD = { none: "", sm: "p-3", md: "p-5", lg: "p-6" };
 function Card({ children, interactive, onClick, padding: padding2 = "none", flush, className = "", style }) {
-  const base = [
+  const base = cx(
     "rounded-xl overflow-hidden bg-surface",
     flush ? "" : "border border-border shadow-sm",
     PAD[padding2],
     interactive ? "transition-[transform,box-shadow] duration-200 ease-out hover:-translate-y-0.5 hover:shadow-md cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-accent" : "",
     className
-  ].filter(Boolean).join(" ");
+  );
   if (interactive && onClick) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -2104,10 +1837,10 @@ function Card({ children, interactive, onClick, padding: padding2 = "none", flus
   return /* @__PURE__ */ jsxRuntime.jsx("div", { onClick, className: base, style, children });
 }
 function CardMedia({ children, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ["[&>img]:block [&>img]:w-full [&>img]:object-cover", className].filter(Boolean).join(" "), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("[&>img]:block [&>img]:w-full [&>img]:object-cover", className), children });
 }
 function CardHeader({ title, subtitle, action, avatar, children, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ["flex items-start gap-3 px-5 pt-5", children ? "pb-0" : "pb-3", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex items-start gap-3 px-5 pt-5", children ? "pb-0" : "pb-3", className), children: [
     avatar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: avatar }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
       title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold text-foreground leading-snug", children: title }),
@@ -2118,10 +1851,10 @@ function CardHeader({ title, subtitle, action, avatar, children, className = ""
   ] });
 }
 function CardBody({ children, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ["px-5 py-4 text-sm text-foreground-secondary leading-relaxed", className].filter(Boolean).join(" "), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("px-5 py-4 text-sm text-foreground-secondary leading-relaxed", className), children });
 }
 function CardFooter({ children, noDivider, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ["flex items-center gap-2 px-5 py-3", noDivider ? "" : "border-t border-border", className].filter(Boolean).join(" "), children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("flex items-center gap-2 px-5 py-3", noDivider ? "" : "border-t border-border", className), children });
 }
 Card.Media = CardMedia;
 Card.Header = CardHeader;
@@ -2157,13 +1890,13 @@ function FlatCarousel({
   className = "",
   style
 }) {
-  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 scrollerRef = React28.useRef(null);
+  const slides = React28__default.default.Children.toArray(children);
+  const [active, setActive] = React28.useState(0);
+  const [atStart, setAtStart] = React28.useState(true);
+  const [atEnd, setAtEnd] = React28.useState(false);
   const width = typeof itemWidth === "number" ? `${itemWidth}px` : itemWidth;
-  const update = React29.useCallback(() => {
+  const update = React28.useCallback(() => {
     const el = scrollerRef.current;
     if (!el) return;
     setAtStart(el.scrollLeft <= 1);
@@ -2172,7 +1905,7 @@ function FlatCarousel({
     const slideW = first ? first.getBoundingClientRect().width + gap : el.clientWidth;
     setActive(Math.round(el.scrollLeft / slideW));
   }, [gap]);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     update();
     const el = scrollerRef.current;
     if (!el) return;
@@ -2197,7 +1930,7 @@ function FlatCarousel({
     const slideW = first ? first.getBoundingClientRect().width + gap : el.clientWidth;
     el.scrollTo({ left: i * slideW, behavior: "smooth" });
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": ariaLabel, "aria-roledescription": "carousel", className: ["relative", className].filter(Boolean).join(" "), style, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": ariaLabel, "aria-roledescription": "carousel", className: cx("relative", className), style, children: [
     showArrows && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": "Previous", onClick: () => slideStep(-1), disabled: atStart, className: `${arrowBtn} left-1`, children: /* @__PURE__ */ jsxRuntime.jsx(Arrow2, { dir: "left" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { ref: scrollerRef, className: "flex overflow-x-auto snap-x snap-mandatory hidden-scrollbar scroll-smooth", style: { gap }, children: slides.map((slide, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "snap-start flex-shrink-0", style: { width }, children: slide }, i)) }),
     showArrows && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "aria-label": "Next", onClick: () => slideStep(1), disabled: atEnd, className: `${arrowBtn} right-1`, children: /* @__PURE__ */ jsxRuntime.jsx(Arrow2, { dir: "right" }) }),
@@ -2213,9 +1946,9 @@ function RotatingCarousel({
   className = "",
   style
 }) {
-  const slides = React29__default.default.Children.toArray(children);
+  const slides = React28__default.default.Children.toArray(children);
   const count = slides.length;
-  const [active, setActive] = React29.useState(0);
+  const [active, setActive] = React28.useState(0);
   const reduced = framerMotion.useReducedMotion();
   const wrap = (n) => count > 0 ? (n % count + count) % count : 0;
   const idx = wrap(active);
@@ -2240,7 +1973,7 @@ function RotatingCarousel({
     {
       "aria-label": ariaLabel,
       "aria-roledescription": "carousel",
-      className: ["relative", className].filter(Boolean).join(" "),
+      className: cx("relative", className),
       style,
       onKeyDown,
       children: [
@@ -2303,7 +2036,7 @@ function fieldShell({
   sized = true
 } = {}) {
   const s = FIELD_SIZE[size];
-  return [
+  return cx(
     "w-full rounded-lg border bg-surface text-foreground",
     "transition-[color,box-shadow,border-color] duration-150",
     s.text,
@@ -2317,7 +2050,7 @@ function fieldShell({
     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(
@@ -2350,14 +2083,14 @@ function FieldLabel({
     "div",
     {
       style: { width: horizontal ? width : void 0, ...style },
-      className: [
+      className: cx(
         "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,
@@ -2387,11 +2120,11 @@ function Field({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: [
+      className: cx(
         "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,
@@ -2418,7 +2151,7 @@ var toDate = (d) => d instanceof Date ? d : new Date(d);
 var timeLabel = (d) => `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
 var initials = (name) => (name ?? "").trim().split(/\s+/).slice(0, 2).map((w) => w[0]?.toUpperCase() ?? "").join("") || void 0;
 var SendIcon = () => /* @__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: "M22 2 11 13M22 2l-7 20-4-9-9-4 20-7z" }) });
-var ArrowDown2 = () => /* @__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 12l7 7 7-7" }) });
+var ArrowDown = () => /* @__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 12l7 7 7-7" }) });
 function TypingDots() {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center gap-1", "aria-hidden": "true", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-foreground-muted", style: { animationDelay: `${i * 0.15}s` } }, i)) });
 }
@@ -2430,12 +2163,12 @@ var SKELETON_ROWS = [
   { own: true, w: 90 }
 ];
 function ChatSkeleton() {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", "aria-hidden": "true", children: SKELETON_ROWS.map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ["flex items-end gap-2", r.own ? "flex-row-reverse" : ""].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", "aria-hidden": "true", children: SKELETON_ROWS.map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex items-end gap-2", r.own ? "flex-row-reverse" : ""), children: [
     !r.own && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-6 w-6 flex-shrink-0 animate-pulse rounded-full bg-surface" }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-8 animate-pulse rounded-2xl bg-surface", style: { width: r.w } })
   ] }, i)) });
 }
-function Chat2({
+function Chat({
   messages,
   currentUserId,
   onSend,
@@ -2453,13 +2186,13 @@ function Chat2({
   className = "",
   style
 }) {
-  const listRef = React29.useRef(null);
-  const atBottomRef = React29.useRef(true);
-  const [showJump, setShowJump] = React29.useState(false);
-  const [draft, setDraft] = React29.useState("");
+  const listRef = React28.useRef(null);
+  const atBottomRef = React28.useRef(true);
+  const [showJump, setShowJump] = React28.useState(false);
+  const [draft, setDraft] = React28.useState("");
   const hasHeader = title != null || subtitle != null || avatar != null || headerActions != null;
   const isTyping = typingNames.length > 0;
-  const scrollToBottom = React29.useCallback((smooth = true) => {
+  const scrollToBottom = React28.useCallback((smooth = true) => {
     const el = listRef.current;
     if (!el) return;
     if (typeof el.scrollTo === "function") el.scrollTo({ top: el.scrollHeight, behavior: smooth ? "smooth" : "auto" });
@@ -2472,10 +2205,10 @@ function Chat2({
     atBottomRef.current = near;
     setShowJump(!near);
   };
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     if (atBottomRef.current) scrollToBottom(messages.length > 0);
   }, [messages.length, isTyping]);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     scrollToBottom(false);
   }, [scrollToBottom]);
   const send = () => {
@@ -2493,7 +2226,7 @@ function Chat2({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: ["flex flex-col overflow-hidden rounded-xl border border-border bg-surface", className].filter(Boolean).join(" "),
+      className: cx("flex flex-col overflow-hidden rounded-xl border border-border bg-surface", className),
       style: { height, ...style },
       children: [
         hasHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-shrink-0 items-center gap-3 border-b border-border px-4 py-3", children: [
@@ -2513,18 +2246,18 @@ function Chat2({
               const firstOfGroup = !prev || prev.authorId !== m.authorId;
               const lastOfGroup = !next || next.authorId !== m.authorId;
               const ts = m.timestamp ? toDate(m.timestamp) : null;
-              return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ["flex items-end gap-2", own ? "flex-row-reverse" : "", firstOfGroup ? "mt-2 first:mt-0" : ""].filter(Boolean).join(" "), children: [
+              return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex items-end gap-2", own ? "flex-row-reverse" : "", firstOfGroup ? "mt-2 first:mt-0" : ""), children: [
                 !own && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-7 flex-shrink-0", children: lastOfGroup && /* @__PURE__ */ jsxRuntime.jsx(Avatar, { src: m.avatar, alt: m.authorName ?? "User", fallback: initials(m.authorName), size: "xs" }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ["flex max-w-[78%] flex-col", own ? "items-end" : "items-start"].join(" "), children: [
                   firstOfGroup && !own && m.authorName && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-0.5 px-1 text-[11px] font-medium text-foreground-muted", children: m.authorName }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
-                      className: [
+                      className: cx(
                         "whitespace-pre-wrap break-words px-3 py-1.5 text-sm leading-snug",
                         own ? "rounded-2xl bg-accent text-accent-fg" : "rounded-2xl border border-border bg-surface text-foreground",
                         lastOfGroup ? own ? "rounded-br-md" : "rounded-bl-md" : ""
-                      ].filter(Boolean).join(" "),
+                      ),
                       children: m.text
                     }
                   ),
@@ -2553,7 +2286,7 @@ function Chat2({
               onClick: () => scrollToBottom(true),
               "aria-label": "Jump to latest",
               className: "absolute bottom-3 left-1/2 flex h-8 w-8 -translate-x-1/2 items-center justify-center rounded-full border border-border bg-surface text-foreground-secondary shadow-md transition-colors hover:bg-surface-raised hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
-              children: /* @__PURE__ */ jsxRuntime.jsx(ArrowDown2, {})
+              children: /* @__PURE__ */ jsxRuntime.jsx(ArrowDown, {})
             }
           )
         ] }),
@@ -2596,8 +2329,8 @@ var TONE2 = {
   bad: "text-status-error",
   neutral: "text-foreground-muted"
 };
-var ArrowUp2 = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.2, "aria-hidden": "true", className: "h-3.5 w-3.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 19V5M5 12l7-7 7 7" }) });
-var ArrowDown3 = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.2, "aria-hidden": "true", className: "h-3.5 w-3.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12l7 7 7-7" }) });
+var ArrowUp = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.2, "aria-hidden": "true", className: "h-3.5 w-3.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 19V5M5 12l7-7 7 7" }) });
+var ArrowDown2 = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.2, "aria-hidden": "true", className: "h-3.5 w-3.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12l7 7 7-7" }) });
 function Statistic({
   label,
   value,
@@ -2617,7 +2350,7 @@ function Statistic({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: ["flex gap-3", align === "center" ? "flex-col items-center text-center" : "items-start", className].filter(Boolean).join(" "),
+      className: cx("flex gap-3", align === "center" ? "flex-col items-center text-center" : "items-start", className),
       style,
       children: [
         icon && align === "left" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-lg bg-accent/10 text-accent", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-5 w-5 inline-flex items-center justify-center", children: icon }) }),
@@ -2629,7 +2362,7 @@ function Statistic({
             suffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-muted text-[0.5em] font-medium self-center", children: suffix })
           ] }),
           delta && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `mt-1.5 flex items-center gap-1 text-sm font-medium ${align === "center" ? "justify-center" : ""} ${TONE2[deltaTone]}`, children: [
-            dir === "up" ? ArrowUp2 : dir === "down" ? ArrowDown3 : null,
+            dir === "up" ? ArrowUp : dir === "down" ? ArrowDown2 : null,
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: delta.value }),
             delta.label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-muted font-normal", children: delta.label })
           ] }),
@@ -2665,7 +2398,7 @@ function FAB({
   className = "",
   style
 }) {
-  const [open, setOpen] = React29.useState(false);
+  const [open, setOpen] = React28.useState(false);
   const reduced = framerMotion.useReducedMotion();
   const hasDial = !!actions && actions.length > 0;
   const bottom = position.startsWith("bottom");
@@ -2710,7 +2443,7 @@ function FAB({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: [fixed ? "fixed" : "absolute", "z-40 flex flex-col", POS[position], className].filter(Boolean).join(" "),
+      className: cx(fixed ? "fixed" : "absolute", "z-40 flex flex-col", POS[position], className),
       style,
       children: [
         bottom && dial,
@@ -2721,13 +2454,13 @@ function FAB({
             "aria-label": label,
             "aria-expanded": hasDial ? open : void 0,
             onClick: (e) => hasDial ? setOpen((o) => !o) : onClick?.(e),
-            className: [
+            className: cx(
               "flex items-center justify-center rounded-full shadow-lg transition-[background-color,transform] duration-200",
               "focus:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2",
               SIZE4[size],
               TONE3[tone],
               hasDial && open ? "rotate-45" : ""
-            ].filter(Boolean).join(" "),
+            ),
             children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-6 w-6 inline-flex items-center justify-center", children: icon })
           }
         ),
@@ -2767,8 +2500,8 @@ function PopConfirm({
   onOpenChange,
   className = ""
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React29.useState(false);
-  const [loading, setLoading] = React29.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React28.useState(false);
+  const [loading, setLoading] = React28.useState(false);
   const isOpen = open ?? uncontrolledOpen;
   const setOpen = (next) => {
     onOpenChange?.(next);
@@ -2795,7 +2528,7 @@ function PopConfirm({
         side,
         sideOffset: 8,
         collisionPadding: 12,
-        className: ["z-[400] focus:outline-none", className].filter(Boolean).join(" "),
+        className: cx("z-[400] focus:outline-none", className),
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
             framerMotion.motion.div,
@@ -2855,16 +2588,16 @@ function LogoutTimer({
   logoutLabel = "Sign out now"
 }) {
   const reduced = framerMotion.useReducedMotion();
-  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 });
+  const [warning, setWarning] = React28.useState(false);
+  const [remaining, setRemaining] = React28.useState(countdown);
+  const idleTimer = React28.useRef(null);
+  const tick = React28.useRef(null);
+  const deadline = React28.useRef(0);
+  const warningRef = React28.useRef(false);
+  const lastReset = React28.useRef(0);
+  const cbs = React28.useRef({ onLogout, onContinue, onWarning });
   cbs.current = { onLogout, onContinue, onWarning };
-  const clearTimers = React29.useCallback(() => {
+  const clearTimers = React28.useCallback(() => {
     if (idleTimer.current) {
       clearTimeout(idleTimer.current);
       idleTimer.current = null;
@@ -2874,13 +2607,13 @@ function LogoutTimer({
       tick.current = null;
     }
   }, []);
-  const logout = React29.useCallback(() => {
+  const logout = React28.useCallback(() => {
     clearTimers();
     warningRef.current = false;
     setWarning(false);
     cbs.current.onLogout();
   }, [clearTimers]);
-  const startIdle = React29.useCallback(() => {
+  const startIdle = React28.useCallback(() => {
     if (idleTimer.current) clearTimeout(idleTimer.current);
     idleTimer.current = setTimeout(() => {
       warningRef.current = true;
@@ -2895,7 +2628,7 @@ function LogoutTimer({
       }, 250);
     }, timeout);
   }, [timeout, countdown, logout]);
-  const stay = React29.useCallback(() => {
+  const stay = React28.useCallback(() => {
     if (tick.current) {
       clearInterval(tick.current);
       tick.current = null;
@@ -2905,7 +2638,7 @@ function LogoutTimer({
     cbs.current.onContinue?.();
     startIdle();
   }, [startIdle]);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     if (!enabled) {
       clearTimers();
       warningRef.current = false;
@@ -2970,11 +2703,11 @@ function SegmentedControl({
   "aria-label": ariaLabel
 }) {
   const sz = SIZE5[size];
-  const groupId = React29.useId();
-  const errorId = React29.useId();
+  const groupId = React28.useId();
+  const errorId = React28.useId();
   const hasError = errorMessage != null;
   const isControlled = value !== void 0;
-  const [internal, setInternal] = React29.useState(defaultValue);
+  const [internal, setInternal] = React28.useState(defaultValue);
   const current = isControlled ? value : internal;
   const handle = (v) => {
     if (!v) return;
@@ -3005,19 +2738,19 @@ function SegmentedControl({
             "aria-label": ariaLabel ?? (typeof label === "string" ? label : void 0),
             "aria-invalid": hasError || void 0,
             "aria-describedby": hasError ? errorId : void 0,
-            className: [
+            className: cx(
               "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: [
+                className: cx(
                   "inline-flex items-center justify-center gap-1.5 rounded-md select-none whitespace-nowrap",
                   "transition-colors duration-150 h-full",
                   sz.text,
@@ -3029,7 +2762,7 @@ function SegmentedControl({
                   "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
@@ -3071,6 +2804,7 @@ var addDays = (d, n) => {
 var addMonths = (d, n) => new Date(d.getFullYear(), d.getMonth() + n, 1);
 var sameDay = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
 var isToday = (d) => sameDay(d, /* @__PURE__ */ new Date());
+var dayKey = (d) => `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`;
 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);
@@ -3115,8 +2849,8 @@ var normalize = (e) => {
   const end = e.end ? toDate2(e.end) : new Date(start.getTime() + 36e5);
   return { ...e, start, end };
 };
-var Spinner3 = () => /* @__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 Plus2 = () => /* @__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 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,
@@ -3134,22 +2868,22 @@ function Scheduler({
   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 [error, setError] = React29.useState(null);
-  const [reloadKey, setReloadKey] = React29.useState(0);
-  const [dir, setDir] = React29.useState(0);
-  const cbRef = React29.useRef({ loadEvents, onError });
+  const [view, setView] = React28.useState(defaultView);
+  const [cursor, setCursor] = React28.useState(() => defaultDate ?? /* @__PURE__ */ new Date());
+  const [loaded, setLoaded] = React28.useState([]);
+  const [loading, setLoading] = React28.useState(false);
+  const [error, setError] = React28.useState(null);
+  const [reloadKey, setReloadKey] = React28.useState(0);
+  const [dir, setDir] = React28.useState(0);
+  const cbRef = React28.useRef({ loadEvents, onError });
   cbRef.current = { loadEvents, onError };
-  const range = React29.useMemo(
+  const range = React28.useMemo(
     () => view === "month" ? monthRange(cursor) : weekRange(cursor, weekStartsOn),
     [view, cursor, weekStartsOn]
   );
   const fromKey = range.from.getTime();
   const toKey = range.to.getTime();
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     const { loadEvents: loader, onError: onErr } = cbRef.current;
     if (!loader) return;
     let cancelled = false;
@@ -3169,16 +2903,16 @@ function Scheduler({
       cancelled = true;
     };
   }, [fromKey, toKey, view, reloadKey]);
-  const retry = React29.useCallback(() => setReloadKey((k) => k + 1), []);
-  const events = React29.useMemo(
+  const retry = React28.useCallback(() => setReloadKey((k) => k + 1), []);
+  const events = React28.useMemo(
     () => (controlledEvents ?? loaded).map(normalize),
     [controlledEvents, loaded]
   );
-  const go = React29.useCallback((delta) => {
+  const go = React28.useCallback((delta) => {
     setDir(delta);
     setCursor((c) => view === "month" ? addMonths(c, delta) : addDays(c, delta * 7));
   }, [view]);
-  const goToday = React29.useCallback(() => {
+  const goToday = React28.useCallback(() => {
     setDir(0);
     setCursor(/* @__PURE__ */ new Date());
   }, []);
@@ -3187,7 +2921,7 @@ function Scheduler({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: ["flex flex-col overflow-hidden rounded-xl border border-border bg-surface", className].filter(Boolean).join(" "),
+      className: cx("flex flex-col overflow-hidden rounded-xl border border-border bg-surface", className),
       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: [
@@ -3206,7 +2940,7 @@ function Scheduler({
                 }
               }
             ),
-            loading && /* @__PURE__ */ jsxRuntime.jsx(Spinner3, {})
+            loading && /* @__PURE__ */ jsxRuntime.jsx(Spinner2, {})
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -3219,7 +2953,7 @@ function Scheduler({
                 options: [{ value: "month", label: "Month" }, { value: "week", label: "Week" }]
               }
             ),
-            onNewEvent && /* @__PURE__ */ jsxRuntime.jsx(Button_default, { size: "sm", icon: /* @__PURE__ */ jsxRuntime.jsx(Plus2, {}), content: "New event", onClick: onNewEvent })
+            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: error ? /* @__PURE__ */ jsxRuntime.jsx(SchedulerError, { onRetry: retry }) : loadEvents && loading && events.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(SchedulerSkeleton, { view }) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -3288,9 +3022,9 @@ function SchedulerError({ onRetry }) {
   ] });
 }
 function MonthYearPicker({ label, cursor, onPick }) {
-  const [open, setOpen] = React29.useState(false);
-  const [viewYear, setViewYear] = React29.useState(cursor.getFullYear());
-  React29.useEffect(() => {
+  const [open, setOpen] = React28.useState(false);
+  const [viewYear, setViewYear] = React28.useState(cursor.getFullYear());
+  React28.useEffect(() => {
     if (open) setViewYear(cursor.getFullYear());
   }, [open, cursor]);
   return /* @__PURE__ */ jsxRuntime.jsxs(Popover__namespace.Root, { open, onOpenChange: setOpen, children: [
@@ -3346,6 +3080,17 @@ function MonthYearPicker({ label, cursor, onPick }) {
   ] });
 }
 var MAX_CHIPS = 3;
+var NO_EVENTS = [];
+function bucketByDay(events) {
+  const map = /* @__PURE__ */ new Map();
+  for (const e of events) {
+    const key = dayKey(e.start);
+    const bucket = map.get(key);
+    if (bucket) bucket.push(e);
+    else map.set(key, [e]);
+  }
+  return map;
+}
 function MonthView({
   cursor,
   weekStartsOn,
@@ -3353,13 +3098,14 @@ function MonthView({
   onSelectSlot,
   onSelectEvent
 }) {
-  const grid = React29.useMemo(() => buildMonthGrid(cursor, weekStartsOn), [cursor, weekStartsOn]);
+  const grid = React28.useMemo(() => buildMonthGrid(cursor, weekStartsOn), [cursor, weekStartsOn]);
+  const eventsByDay = React28.useMemo(() => bucketByDay(events), [events]);
   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) => sameDay(e.start, day));
+      const dayEvents = eventsByDay.get(dayKey(day)) ?? NO_EVENTS;
       const today = isToday(day);
       return /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
@@ -3427,11 +3173,12 @@ function WeekView({
   onSelectSlot,
   onSelectEvent
 }) {
-  const days = React29.useMemo(() => getWeekDays(cursor, weekStartsOn), [cursor, weekStartsOn]);
-  const labels = React29.useMemo(() => weekdayLabels(weekStartsOn), [weekStartsOn]);
+  const days = React28.useMemo(() => getWeekDays(cursor, weekStartsOn), [cursor, weekStartsOn]);
+  const eventsByDay = React28.useMemo(() => bucketByDay(events), [events]);
+  const labels = React28.useMemo(() => weekdayLabels(weekStartsOn), [weekStartsOn]);
   const dow = (d) => labels[(d.getDay() - weekStartsOn + 7) % 7];
   const [startHour, endHour] = dayHours;
-  const hours = React29.useMemo(
+  const hours = React28.useMemo(
     () => Array.from({ length: endHour - startHour }, (_, i) => startHour + i),
     [startHour, endHour]
   );
@@ -3448,7 +3195,7 @@ function WeekView({
     /* @__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) => sameDay(e.start, day) && !e.allDay);
+        const dayEvents = (eventsByDay.get(dayKey(day)) ?? NO_EVENTS).filter((e) => !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",
@@ -3536,7 +3283,7 @@ function EmptyCart({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: ["flex flex-col items-center justify-center px-6 py-10 text-center", className].filter(Boolean).join(" "),
+      className: cx("flex flex-col items-center justify-center px-6 py-10 text-center", className),
       style,
       children: [
         art && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: art }),
@@ -3574,7 +3321,7 @@ function Cart({
 }) {
   const subtotal = items.reduce((sum, it) => sum + it.price * it.quantity, 0);
   const total = subtotal + summaryRows.reduce((sum, r) => sum + r.value, 0);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ["flex flex-col rounded-xl border border-border bg-surface", className].filter(Boolean).join(" "), style, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex flex-col rounded-xl border border-border bg-surface", className), style, children: [
     items.length === 0 ? emptyState ?? /* @__PURE__ */ jsxRuntime.jsx(EmptyCart, {}) : /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "divide-y divide-border", children: items.map((it) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-3 p-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-14 w-14 flex-shrink-0 overflow-hidden rounded-md bg-surface-raised", children: it.image && /* @__PURE__ */ jsxRuntime.jsx("img", { src: it.image, alt: "", className: "h-full w-full object-cover" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -3622,17 +3369,17 @@ function Cart({
     ] })
   ] });
 }
-var CartContext = React29.createContext(null);
+var CartContext = React28.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] = React29.useState(initialItems);
-  React29.useEffect(() => {
+  const [items, setItems] = React28.useState(initialItems);
+  React28.useEffect(() => {
     onChange?.(items);
   }, [items]);
-  const addToCart = React29.useCallback((item, quantity) => {
+  const addToCart = React28.useCallback((item, quantity) => {
     const addQty = quantity ?? item.quantity ?? 1;
     setItems((prev) => {
       const existing = prev.find((it) => it.id === item.id);
@@ -3645,29 +3392,29 @@ function CartProvider({ children, initialItems = [], onChange }) {
       return [...prev, { ...rest, quantity: clampQty(addQty, item.max) }];
     });
   }, []);
-  const removeFromCart = React29.useCallback((id) => {
+  const removeFromCart = React28.useCallback((id) => {
     setItems((prev) => prev.filter((it) => it.id !== id));
   }, []);
-  const updateQuantity = React29.useCallback((id, quantity) => {
+  const updateQuantity = React28.useCallback((id, quantity) => {
     setItems(
       (prev) => prev.map((it) => it.id === id ? { ...it, quantity: clampQty(quantity, it.max) } : it)
     );
   }, []);
-  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(
+  const clearCart = React28.useCallback(() => setItems([]), []);
+  const isInCart = React28.useCallback((id) => items.some((it) => it.id === id), [items]);
+  const getItemCount = React28.useCallback(() => items.reduce((sum, it) => sum + it.quantity, 0), [items]);
+  const getCartTotal = React28.useCallback(
     () => items.reduce((sum, it) => sum + it.price * it.quantity, 0),
     [items]
   );
-  const value = React29.useMemo(
+  const value = React28.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 = React29.useContext(CartContext);
+  const ctx = React28.useContext(CartContext);
   if (!ctx) {
     throw new Error("useCart must be used within a <CartProvider>.");
   }
@@ -4001,11 +3748,11 @@ function buildBindings(store, name, kind, snap) {
 
 // src/form/useForm.ts
 function useForm(options = {}) {
-  const ref = React29.useRef(null);
+  const ref = React28.useRef(null);
   if (ref.current === null) ref.current = new FormStore(options);
   const store = ref.current;
-  React29.useSyncExternalStore(store.subscribe, store.getRootSnapshot, store.getRootSnapshot);
-  const make = React29.useCallback(
+  React28.useSyncExternalStore(store.subscribe, store.getRootSnapshot, store.getRootSnapshot);
+  const make = React28.useCallback(
     (kind) => (name, rules) => {
       if (rules !== void 0) store.setRule(name, rules);
       return buildBindings(store, name, kind, store.getFieldSnapshot(name));
@@ -4034,9 +3781,9 @@ function useForm(options = {}) {
     fieldTarget: make("target")
   };
 }
-var FormContext = React29.createContext(null);
+var FormContext = React28.createContext(null);
 function useFormStore() {
-  const store = React29.useContext(FormContext);
+  const store = React28.useContext(FormContext);
   if (!store) {
     throw new Error("useFormStore must be used within a <Form>. Did you forget to wrap your fields?");
   }
@@ -4050,8 +3797,8 @@ function Form({
   children,
   ...rest
 }) {
-  const ref = React29.useRef(null);
-  const bypass = React29.useRef(false);
+  const ref = React28.useRef(null);
+  const bypass = React28.useRef(false);
   const handleSubmit = async (e) => {
     if (bypass.current) {
       bypass.current = false;
@@ -4103,12 +3850,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);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     return () => {
       if (rules !== void 0) store.removeRule(name);
     };
   }, [store, name]);
-  const snap = React29.useSyncExternalStore(
+  const snap = React28.useSyncExternalStore(
     store.subscribe,
     () => store.getFieldSnapshot(name)
   );
@@ -4120,7 +3867,7 @@ function FormField({ name, kind, rules, children }) {
 }
 function useFieldArray(name) {
   const store = useFormStore();
-  React29.useSyncExternalStore(store.subscribe, store.getRootSnapshot, store.getRootSnapshot);
+  React28.useSyncExternalStore(store.subscribe, store.getRootSnapshot, store.getRootSnapshot);
   const arr = store.getValue(name) ?? [];
   const keys = store.getKeys(name);
   return {
@@ -4153,7 +3900,7 @@ function TextInput({
   suffix,
   id
 }) {
-  const errorId = React29.useId();
+  const errorId = React28.useId();
   const hasError = errorMessage != null;
   const hasAdornment = prefix != null || suffix != null;
   const inputId = htmlFor ?? id;
@@ -4314,7 +4061,7 @@ function CreditCardForm({
   className = "",
   style
 }) {
-  const initial = React29.useRef({
+  const initial = React28.useRef({
     number: formatCardNumber(defaultValue?.number ?? ""),
     name: defaultValue?.name ?? "",
     expiry: formatExpiry(defaultValue?.expiry ?? ""),
@@ -4323,7 +4070,7 @@ function CreditCardForm({
   const form = useForm({ initialValues: initial });
   const numberStr = String(form.values.number ?? "");
   const brand = detectBrand(numberStr);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     onChange?.(toCard(form.values));
   }, [form.values.number, form.values.name, form.values.expiry, form.values.cvv]);
   const numberBind = form.fieldNative("number", {
@@ -4418,7 +4165,7 @@ function Checkout({
   const subtotal = items.reduce((sum, it) => sum + it.price * it.quantity, 0);
   const total = subtotal + summaryRows.reduce((sum, r) => sum + r.value, 0);
   const isEmpty2 = items.length === 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ["mx-auto w-full max-w-5xl", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("mx-auto w-full max-w-5xl", className), children: [
     title && /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mb-6 text-2xl font-semibold tracking-tight text-foreground", children: title }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-6 lg:grid-cols-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx("section", { "aria-label": "Order summary", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -4446,7 +4193,7 @@ function Checkout({
     ] })
   ] });
 }
-var NotificationContext = React29.createContext({
+var NotificationContext = React28.createContext({
   open: () => void 0,
   close: () => void 0
 });
@@ -4504,26 +4251,26 @@ function NotificationItem({
   onClose,
   reduced
 }) {
-  const [paused, setPaused] = React29.useState(false);
+  const [paused, setPaused] = React28.useState(false);
   const duration = n.duration ?? 4e3;
   const isAutoDismissing = isFinite(duration) && duration > 0;
   const showProgress = !reduced && isAutoDismissing;
-  const timerRef = React29.useRef(null);
-  const startTimeRef = React29.useRef(0);
-  const remainingRef = React29.useRef(duration);
-  const clearTimer = React29.useCallback(() => {
+  const timerRef = React28.useRef(null);
+  const startTimeRef = React28.useRef(0);
+  const remainingRef = React28.useRef(duration);
+  const clearTimer = React28.useCallback(() => {
     if (timerRef.current !== null) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
     }
   }, []);
-  const scheduleDismiss = React29.useCallback((ms) => {
+  const scheduleDismiss = React28.useCallback((ms) => {
     clearTimer();
     if (!isAutoDismissing) return;
     startTimeRef.current = Date.now();
     timerRef.current = setTimeout(() => onClose(n.id), ms);
   }, [clearTimer, isAutoDismissing, n.id, onClose]);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     if (paused || !isAutoDismissing) return;
     scheduleDismiss(remainingRef.current);
     return clearTimer;
@@ -4606,15 +4353,15 @@ function NotificationProvider({
   children,
   position = "top-right"
 }) {
-  const [notifications, setNotifications] = React29.useState([]);
+  const [notifications, setNotifications] = React28.useState([]);
   const reduced = framerMotion.useReducedMotion();
-  const open = React29.useCallback((payload) => {
+  const open = React28.useCallback((payload) => {
     setNotifications((prev) => [
       ...prev,
       { duration: 4e3, ...payload, id: Date.now() + Math.random() }
     ]);
   }, []);
-  const close = React29.useCallback((id) => {
+  const close = React28.useCallback((id) => {
     setNotifications((prev) => prev.filter((n) => n.id !== id));
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(NotificationContext.Provider, { value: { open, close }, children: [
@@ -4643,7 +4390,7 @@ function NotificationProvider({
   ] });
 }
 function useNotification() {
-  const { open } = React29.useContext(NotificationContext);
+  const { open } = React28.useContext(NotificationContext);
   return {
     info: (props) => open({ type: "info", ...props }),
     success: (props) => open({ type: "success", ...props }),
@@ -4760,10 +4507,10 @@ function FadingBase({
   isMounted = false,
   children
 }) {
-  const [shouldRender, setShouldRender] = React29.useState(isMounted);
-  const [visible, setVisible] = React29.useState(false);
-  const timerRef = React29.useRef(null);
-  React29.useEffect(() => {
+  const [shouldRender, setShouldRender] = React28.useState(isMounted);
+  const [visible, setVisible] = React28.useState(false);
+  const timerRef = React28.useRef(null);
+  React28.useEffect(() => {
     if (isMounted) {
       setShouldRender(true);
       const rafId = requestAnimationFrame(() => setVisible(true));
@@ -4796,7 +4543,7 @@ var DENSITY_PADDING = {
   "comfortable": "py-2.5 px-3",
   "spacious": "py-3.5 px-4"
 };
-function List3({
+function List2({
   items,
   onItemClick,
   activeKey,
@@ -4861,8 +4608,8 @@ function ScalableContainer({
   togglePosition = "top-right",
   className = ""
 }) {
-  const containerRef = React29.useRef(null);
-  const [internalScaled, setInternalScaled] = React29.useState(false);
+  const containerRef = React28.useRef(null);
+  const [internalScaled, setInternalScaled] = React28.useState(false);
   const isScaled = expanded ?? internalScaled;
   const reduced = framerMotion.useReducedMotion();
   const onToggle = () => {
@@ -4889,14 +4636,14 @@ function ScalableContainer({
         width: { type: "tween", duration: 0.32, ease: [0.16, 1, 0.3, 1] },
         height: { type: "tween", duration: 0.32, ease: [0.16, 1, 0.3, 1] }
       },
-      className: [
+      className: cx(
         "relative rounded-lg overflow-hidden",
         // OS-window aesthetic: subtle elevation at rest, lifted shadow
         // when expanded. No background colour change.
         isScaled ? "shadow-2xl" : "shadow-md",
         "transition-shadow duration-300",
         className
-      ].filter(Boolean).join(" "),
+      ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { placement: "bottom", title: isScaled ? "Collapse" : "Expand", children: /* @__PURE__ */ jsxRuntime.jsx(
           "button",
@@ -5000,17 +4747,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] = React29.useState(0);
-  const [indexPool, setIndexPool] = React29.useState([]);
-  const cardRefs = React29.useRef([]);
-  const getIndexes = React29.useMemo(() => {
+  const [activeIndex, setActiveIndex] = React28.useState(0);
+  const [indexPool, setIndexPool] = React28.useState([]);
+  const cardRefs = React28.useRef([]);
+  const getIndexes = React28.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]);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     const { nextIndex, previousIndex } = getIndexes;
     let indexes = [previousIndex, activeIndex, nextIndex];
     if (activeIndex !== 0 && activeIndex !== items.length - 1) {
@@ -5129,7 +4876,7 @@ function renderItem(item) {
           className: ITEM_CLASSNAME,
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(ContextMenuLabel, { icon: item.icon, value: item.value }),
-            /* @__PURE__ */ jsxRuntime.jsx(ChevronRight2, {})
+            /* @__PURE__ */ jsxRuntime.jsx(ChevronRight, {})
           ]
         }
       ),
@@ -5162,7 +4909,7 @@ function ContextMenuLabel({ icon, value }) {
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: value })
   ] });
 }
-function ChevronRight2() {
+function ChevronRight() {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4 flex-shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
 }
 function readDismissed(key) {
@@ -5183,8 +4930,8 @@ function writeDismissed(key) {
   }
 }
 function useTargetBbox(ref) {
-  const [bbox, setBbox] = React29.useState(null);
-  React29.useLayoutEffect(() => {
+  const [bbox, setBbox] = React28.useState(null);
+  React28.useLayoutEffect(() => {
     const el = ref?.current;
     if (!el) {
       setBbox(null);
@@ -5214,7 +4961,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) {
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     if (!active) return;
     const el = containerRef.current;
     if (!el) return;
@@ -5253,16 +5000,16 @@ function Wizard({
   onComplete,
   onSkip
 }) {
-  const tooltipRef = React29.useRef(null);
-  const tooltipTitleId = React29.useId();
-  const tooltipBodyId = React29.useId();
+  const tooltipRef = React28.useRef(null);
+  const tooltipTitleId = React28.useId();
+  const tooltipBodyId = React28.useId();
   const reduced = framerMotion.useReducedMotion();
-  const [open, setOpen] = React29.useState(() => steps.length > 0 && !readDismissed(storageKey));
-  const [activeIndex, setActiveIndex] = React29.useState(0);
+  const [open, setOpen] = React28.useState(() => steps.length > 0 && !readDismissed(storageKey));
+  const [activeIndex, setActiveIndex] = React28.useState(0);
   const step = steps[activeIndex];
   const bbox = useTargetBbox(step?.stepRef);
   useFocusTrap(tooltipRef, open);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     if (!open || !dismissible) return;
     const onKey = (e) => {
       if (e.key === "Escape") {
@@ -5273,12 +5020,12 @@ function Wizard({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [open, dismissible]);
-  const handleSkip = React29.useCallback(() => {
+  const handleSkip = React28.useCallback(() => {
     writeDismissed(storageKey);
     setOpen(false);
     onSkip?.();
   }, [storageKey, onSkip]);
-  const handleComplete = React29.useCallback(() => {
+  const handleComplete = React28.useCallback(() => {
     writeDismissed(storageKey);
     setOpen(false);
     onComplete?.();
@@ -5421,7 +5168,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 = React29__default.default.forwardRef(function SearchInput2({ value, onChange, disabled, label, htmlFor, placeholder, name, inputStyle, style, layout = "vertical", size = "md", icon, helperText, className }, ref) {
+var SearchInput = React28__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",
     {
@@ -5605,7 +5352,7 @@ function TableBody({
   expandRow,
   getRowKey
 }) {
-  const [expanded, setExpanded] = React29.useState(() => /* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = React28.useState(() => /* @__PURE__ */ new Set());
   const reduced = framerMotion.useReducedMotion();
   const toggleRow = (rowKey) => {
     setExpanded((prev) => {
@@ -5620,7 +5367,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(React29__default.default.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(React28__default.default.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "tr",
         {
@@ -5676,9 +5423,9 @@ function Pagination({
   const matchedOption = picker.find(
     (o) => o.label === options.perPage || o.value === options.perPage
   );
-  const [perPageKey, setPerPageKey] = React29.useState(() => matchedOption?.key ?? picker[0]?.key);
+  const [perPageKey, setPerPageKey] = React28.useState(() => matchedOption?.key ?? picker[0]?.key);
   const displayPerPageKey = serverSide ? matchedOption?.key ?? perPageKey : perPageKey;
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     if (serverSide && options.perPage != null) {
       const next = picker.find((o) => o.label === options.perPage || o.value === options.perPage);
       if (next) setPerPageKey(next.key);
@@ -5728,7 +5475,7 @@ function Pagination({
     ] })
   ] });
 }
-function Table2({
+function Table({
   columns = [],
   rows = [],
   getRowKey = defaultGetRowKey,
@@ -5742,14 +5489,14 @@ function Table2({
   className = "",
   style
 }) {
-  const searchRef = React29.useRef(null);
-  const [searchTerm, setSearchTerm] = React29.useState("");
-  const [perPage, setPerPage] = React29.useState(
+  const searchRef = React28.useRef(null);
+  const [searchTerm, setSearchTerm] = React28.useState("");
+  const [perPage, setPerPage] = React28.useState(
     typeof pagination.perPage === "number" ? pagination.perPage : 15
   );
-  const [activePage, setActivePage] = React29.useState(0);
+  const [activePage, setActivePage] = React28.useState(0);
   const isServerSide = !!(pagination.enabled && pagination.serverSide);
-  const filteredRows = React29.useMemo(() => {
+  const filteredRows = React28.useMemo(() => {
     if (isServerSide || !searchTerm) return rows;
     const term = searchTerm.toLowerCase();
     return rows.filter(
@@ -5758,29 +5505,29 @@ function Table2({
       )
     );
   }, [rows, searchTerm, isServerSide]);
-  const datasets = React29.useMemo(() => {
+  const datasets = React28.useMemo(() => {
     if (isServerSide) return [rows];
     return createDatasets(filteredRows, pagination.enabled ? perPage : null);
   }, [filteredRows, perPage, pagination.enabled, isServerSide, rows]);
-  const MAX_PAGE = React29.useMemo(() => {
+  const MAX_PAGE = React28.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 = React29.useMemo(() => {
+  const currentPageRows = React28.useMemo(() => {
     if (isServerSide) return rows;
     return datasets[activePage] ?? [];
   }, [isServerSide, rows, datasets, activePage]);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     if (pagination.enabled && !isServerSide && typeof pagination.perPage === "number") {
       setPerPage(pagination.perPage);
     }
   }, [pagination.enabled, pagination.perPage, isServerSide]);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     if (isServerSide && typeof pagination.perPage === "number") setPerPage(pagination.perPage);
   }, [isServerSide, pagination.perPage]);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     if (isServerSide && typeof pagination.page === "number" && pagination.page >= 1)
       setActivePage(pagination.page - 1);
   }, [isServerSide, pagination.page]);
@@ -5864,7 +5611,7 @@ function TableSkeletonBody({
   )) });
 }
 function ThemeSwitch({ checked, onChange, label = "Toggle dark mode", className = "" }) {
-  const id = React29.useId();
+  const id = React28.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,
     {
@@ -6048,7 +5795,7 @@ function Sidebar({
     }
   ) });
 }
-var MegaMenuContext = React29.createContext({ align: "start" });
+var MegaMenuContext = React28.createContext({ align: "start" });
 function MegaMenu({
   children,
   align = "start",
@@ -6065,11 +5812,11 @@ function MegaMenu({
       {
         delayDuration,
         "aria-label": ariaLabel,
-        className: [
+        className: cx(
           "relative z-10 w-full",
           responsive ? "hidden md:flex" : "flex",
           className
-        ].filter(Boolean).join(" "),
+        ),
         style,
         children: /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu__namespace.List, { className: "flex items-center gap-1", children })
       }
@@ -6079,16 +5826,16 @@ 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 } = React29.useContext(MegaMenuContext);
+  const { align } = React28.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: [
+    return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu__namespace.Item, { children: /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu__namespace.Link, { href, className: cx(TOP_ITEM, className), children: [
       icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center", children: icon }),
       label
     ] }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu__namespace.Item, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu__namespace.Trigger, { className: [TOP_ITEM, className].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu__namespace.Trigger, { className: cx(TOP_ITEM, className), children: [
       icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center", children: icon }),
       label,
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -6126,14 +5873,14 @@ function MegaMenuPanel({ children, columns, className = "", style }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: ["grid gap-6 p-6", className].filter(Boolean).join(" "),
+      className: cx("grid gap-6 p-6", className),
       style: { ...layout, maxWidth: "min(92vw, 960px)", ...style },
       children
     }
   );
 }
 function MegaMenuSection({ title, children, className = "" }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ["min-w-0 flex flex-col", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("min-w-0 flex flex-col", className), children: [
     title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 pb-1.5 text-[11px] font-semibold uppercase tracking-widest text-foreground-muted select-none", children: title }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children })
   ] });
@@ -6145,12 +5892,12 @@ function MegaMenuLink({ href, icon, description, active, onClick, children, clas
       active,
       href,
       onClick,
-      className: [
+      className: cx(
         "group/link flex items-start gap-3 rounded-md p-3 transition-colors select-none",
         "hover:bg-surface-raised focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
         "data-[active]:bg-surface-raised",
         className
-      ].filter(Boolean).join(" "),
+      ),
       children: [
         icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-md bg-surface-raised text-accent group-hover/link:bg-surface group-data-[active]/link:bg-surface transition-colors", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-[18px] w-[18px] inline-flex items-center justify-center", children: icon }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col min-w-0", children: [
@@ -6162,10 +5909,10 @@ 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 });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("min-w-0 rounded-lg bg-surface-raised border border-border p-4 flex flex-col", className), children });
 }
-var elementsOfType = (children, type) => React29__default.default.Children.toArray(children).filter(
-  (c) => React29__default.default.isValidElement(c) && c.type === type
+var elementsOfType = (children, type) => React28__default.default.Children.toArray(children).filter(
+  (c) => React28__default.default.isValidElement(c) && c.type === type
 );
 var MOBILE_CHEVRON = /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
@@ -6202,9 +5949,9 @@ function MobileLinkRow({ link, onNavigate }) {
   );
 }
 function MobilePanel({ panel, onNavigate }) {
-  const nodes = React29__default.default.Children.toArray(panel.props.children);
+  const nodes = React28__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 (!React29__default.default.isValidElement(node)) return null;
+    if (!React28__default.default.isValidElement(node)) return null;
     const el = node;
     if (el.type === MegaMenuSection) {
       const { title, children } = el.props;
@@ -6223,8 +5970,8 @@ function MegaMenuMobile({
   children,
   label
 }) {
-  const [open, setOpen] = React29.useState(false);
-  const [expanded, setExpanded] = React29.useState(null);
+  const [open, setOpen] = React28.useState(false);
+  const [expanded, setExpanded] = React28.useState(null);
   const items = elementsOfType(children, MegaMenuItem);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:hidden w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -6252,7 +5999,7 @@ function MegaMenuMobile({
           {
             href,
             onClick: () => setOpen(false),
-            className: [rowBase, divider].filter(Boolean).join(" "),
+            className: cx(rowBase, divider),
             children: [
               icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center", children: icon }),
               itemLabel
@@ -6268,7 +6015,7 @@ function MegaMenuMobile({
             type: "button",
             onClick: () => setExpanded(isOpen ? null : i),
             "aria-expanded": isOpen,
-            className: [rowBase, isOpen ? "text-accent" : ""].filter(Boolean).join(" "),
+            className: cx(rowBase, isOpen ? "text-accent" : ""),
             children: [
               icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center", children: icon }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left", children: itemLabel }),
@@ -6297,17 +6044,17 @@ function AppShell({
   children,
   className = ""
 }) {
-  const [expanded, setExpanded] = React29.useState(sidebarDefaultExpanded);
-  const [isMobile, setIsMobile] = React29.useState(false);
-  const [mobileOpen, setMobileOpen] = React29.useState(false);
-  React29.useEffect(() => {
+  const [expanded, setExpanded] = React28.useState(sidebarDefaultExpanded);
+  const [isMobile, setIsMobile] = React28.useState(false);
+  const [mobileOpen, setMobileOpen] = React28.useState(false);
+  React28.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);
   }, []);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     if (!isMobile) setMobileOpen(false);
   }, [isMobile]);
   const hasSidebar = sidebarSections.length > 0;
@@ -6414,7 +6161,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 Spinner4 = () => /* @__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,
@@ -6434,7 +6181,7 @@ function SecureLayout({
   className = ""
 }) {
   const reduced = framerMotion.useReducedMotion();
-  const cbs = React29.useRef({ canAccess, onGranted, onDeny });
+  const cbs = React28.useRef({ canAccess, onGranted, onDeny });
   cbs.current = { canAccess, onGranted, onDeny };
   const rolesKey = JSON.stringify(roles);
   const requiredRolesKey = JSON.stringify(requiredRoles);
@@ -6449,10 +6196,10 @@ function SecureLayout({
     if (requiredPermissions?.length && !has(permissions, requiredPermissions, requireAllPermissions)) return false;
     return true;
   };
-  const [state, setState] = React29.useState(
+  const [state, setState] = React28.useState(
     () => !passesSync() ? "denied" : canAccess ? "checking" : "granted"
   );
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     let cancelled = false;
     const { canAccess: check, onGranted: granted, onDeny: deny } = cbs.current;
     const finish = (ok) => {
@@ -6490,7 +6237,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(Spinner4, {}) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("flex min-h-[8rem] items-center justify-center", className), children: loadingFallback !== void 0 ? loadingFallback : /* @__PURE__ */ jsxRuntime.jsx(Spinner3, {}) });
   }
   if (state === "denied") {
     if (fallback === null) return null;
@@ -6613,10 +6360,10 @@ function ThemeProvider({
   className = "",
   style
 }) {
-  const id = React29__default.default.useId().replace(/:/g, "");
+  const id = React28__default.default.useId().replace(/:/g, "");
   const scopeClass = `geo-th-${id}`;
-  const divRef = React29.useRef(null);
-  React29.useEffect(() => {
+  const divRef = React28.useRef(null);
+  React28.useEffect(() => {
     const el = divRef.current;
     if (!el) return;
     if (colorScheme === "auto") return;
@@ -6631,8 +6378,8 @@ function ThemeProvider({
     }
     el.classList.toggle("dark", colorScheme === "dark");
   }, [colorScheme]);
-  const lightVars = React29.useMemo(() => toCssVars(theme), [theme]);
-  const darkVarStr = React29.useMemo(() => {
+  const lightVars = React28.useMemo(() => toCssVars(theme), [theme]);
+  const darkVarStr = React28.useMemo(() => {
     if (!darkTheme) return "";
     const dvars = toCssVars(darkTheme);
     if (!Object.keys(dvars).length) return "";
@@ -6674,7 +6421,7 @@ function NumberInput({
   readOnly = false,
   precision
 }) {
-  const errorId = React29.useId();
+  const errorId = React28.useId();
   const hasError = errorMessage != null;
   const inferredPrecision = precision ?? (Number.isInteger(step) ? 0 : String(step).split(".")[1]?.length ?? 0);
   const round = (n) => {
@@ -6805,8 +6552,8 @@ function Password({
   showIcon,
   hideIcon
 }) {
-  const [visible, setVisible] = React29.useState(false);
-  const errorId = React29.useId();
+  const [visible, setVisible] = React28.useState(false);
+  const errorId = React28.useId();
   const hasError = errorMessage != null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Field,
@@ -6879,7 +6626,7 @@ function Checkbox({
 }) {
   const isChecked = checked ?? value ?? false;
   const labelFirst = labelPosition === "left";
-  const errorId = React29.useId();
+  const errorId = React28.useId();
   const hasError = errorMessage != null;
   const box = /* @__PURE__ */ jsxRuntime.jsx(
     CheckboxPrimitive__namespace.Root,
@@ -6987,8 +6734,8 @@ function RadioGroup({
   className,
   errorMessage
 }) {
-  const errorId = React29.useId();
-  const groupId = React29.useId();
+  const errorId = React28.useId();
+  const groupId = React28.useId();
   const hasError = errorMessage != null;
   const labelFirst = labelPosition === "left";
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -7088,21 +6835,21 @@ function Switch({
   disabled,
   errorMessage
 }) {
-  const id = React29.useId();
-  const errorId = React29.useId();
+  const id = React28.useId();
+  const errorId = React28.useId();
   const hasError = errorMessage != null;
   const isControlled = checked !== void 0;
-  const [internal, setInternal] = React29.useState(defaultChecked);
+  const [internal, setInternal] = React28.useState(defaultChecked);
   const isOn = isControlled ? checked : internal;
   const handle = (c) => {
     if (!isControlled) setInternal(c);
     onChange?.({ target: { checked: c, name } });
   };
-  const stateLabel = (active) => [
+  const stateLabel = (active) => cx(
     "text-sm select-none transition-colors",
     active ? "text-foreground font-medium" : "text-foreground-muted",
     disabled ? "opacity-50" : "cursor-pointer"
-  ].filter(Boolean).join(" ");
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     Field,
     {
@@ -7143,7 +6890,7 @@ function Switch({
     }
   );
 }
-function Tag2({ children, onRemove, removeLabel, disabled }) {
+function Tag({ children, onRemove, removeLabel, disabled }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 rounded-md border border-border bg-surface-raised text-foreground text-xs pl-2 pr-1 py-0.5 max-w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children }),
     onRemove && /* @__PURE__ */ jsxRuntime.jsx(
@@ -7168,11 +6915,11 @@ function MultiTagRow({
   labelFor,
   onRemove
 }) {
-  const wrapRef = React29.useRef(null);
-  const measureRef = React29.useRef(null);
-  const [visibleCount, setVisibleCount] = React29.useState(values.length);
+  const wrapRef = React28.useRef(null);
+  const measureRef = React28.useRef(null);
+  const [visibleCount, setVisibleCount] = React28.useState(values.length);
   const key = values.map(String).join("|");
-  React29.useLayoutEffect(() => {
+  React28.useLayoutEffect(() => {
     const wrap = wrapRef.current;
     const measure = measureRef.current;
     if (!wrap || !measure) return;
@@ -7227,14 +6974,14 @@ function MultiTagRow({
         className: "absolute invisible pointer-events-none flex flex-nowrap items-center gap-1.5",
         style: { left: -9999, top: -9999 },
         children: [
-          values.map((val) => /* @__PURE__ */ jsxRuntime.jsx("span", { "data-mt": true, children: /* @__PURE__ */ jsxRuntime.jsx(Tag2, { removeLabel: "x", onRemove: () => {
+          values.map((val) => /* @__PURE__ */ jsxRuntime.jsx("span", { "data-mt": true, children: /* @__PURE__ */ jsxRuntime.jsx(Tag, { removeLabel: "x", onRemove: () => {
           }, children: labelFor(val) }) }, `m-${val}`)),
           /* @__PURE__ */ jsxRuntime.jsx("span", { "data-mm": true, children: moreChip(values.length) })
         ]
       }
     ),
     values.slice(0, visibleCount).map((val) => /* @__PURE__ */ jsxRuntime.jsx(
-      Tag2,
+      Tag,
       {
         disabled,
         removeLabel: `Remove ${labelFor(val)}`,
@@ -7266,16 +7013,16 @@ function Dropdown({
   size = "md",
   className = ""
 }) {
-  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 [open, setOpen] = React28.useState(false);
+  const [selectedItems, setSelectedItems] = React28.useState([]);
+  const [searchTerm, setSearchTerm] = React28.useState("");
+  const [innerItems, setInnerItems] = React28.useState([]);
+  const errorId = React28.useId();
   const hasError = errorMessage != null;
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     setInnerItems(items);
   }, [items]);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     if (isMultiselect && Array.isArray(value)) {
       setSelectedItems(value);
     }
@@ -7359,7 +7106,7 @@ function Dropdown({
                       onRemove: removeSelected
                     }
                   ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0 flex items-center overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    Tag2,
+                    Tag,
                     {
                       disabled,
                       removeLabel: `Remove ${labelFor(value)}`,
@@ -7467,19 +7214,19 @@ function AutoComplete({
   required,
   htmlFor
 }) {
-  const errorId = React29.useId();
+  const errorId = React28.useId();
   const hasError = errorMessage != null;
-  const [term, setTerm] = React29.useState("");
-  const [open, setOpen] = React29.useState(false);
-  const [asyncItems, setAsyncItems] = React29.useState([]);
-  const [loading, setLoading] = React29.useState(false);
+  const [term, setTerm] = React28.useState("");
+  const [open, setOpen] = React28.useState(false);
+  const [asyncItems, setAsyncItems] = React28.useState([]);
+  const [loading, setLoading] = React28.useState(false);
   const isAsync = typeof onSearch === "function";
-  const debounceRef = React29.useRef(null);
-  const requestIdRef = React29.useRef(0);
+  const debounceRef = React28.useRef(null);
+  const requestIdRef = React28.useRef(0);
   const staticFiltered = isAsync || !items ? [] : term.trim() ? items.filter(
     ({ key, label: label2 }) => label2.toLowerCase().includes(term.toLowerCase()) || key.toLowerCase().includes(term.toLowerCase())
   ) : [];
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     if (!isAsync) return;
     if (debounceRef.current) clearTimeout(debounceRef.current);
     if (!term.trim()) {
@@ -7635,15 +7382,15 @@ function TreeSelect({
   defaultExpandedKeys = [],
   size = "md"
 }) {
-  const errorId = React29.useId();
+  const errorId = React28.useId();
   const hasError = errorMessage != null;
-  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(() => {
+  const [open, setOpen] = React28.useState(false);
+  const [expanded, setExpanded] = React28.useState(() => new Set(defaultExpandedKeys));
+  const [activeIndex, setActiveIndex] = React28.useState(0);
+  const listRef = React28.useRef(null);
+  const visible = React28.useMemo(() => flattenVisible(items, expanded), [items, expanded]);
+  const didSyncOnOpenRef = React28.useRef(false);
+  React28.useEffect(() => {
     if (!open) {
       didSyncOnOpenRef.current = false;
       return;
@@ -7653,7 +7400,7 @@ function TreeSelect({
     setActiveIndex(selectedIdx >= 0 ? selectedIdx : 0);
     didSyncOnOpenRef.current = true;
   }, [open, value]);
-  const selectedNode = React29.useMemo(
+  const selectedNode = React28.useMemo(
     () => value != null ? findNodeByKey(items, value) : null,
     [items, value]
   );
@@ -7884,11 +7631,11 @@ function FileInput({
   required,
   icon
 }) {
-  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 inputRef = React28.useRef(null);
+  const errorId = React28.useId();
+  const [files, setFiles] = React28.useState([]);
+  const [dragging, setDragging] = React28.useState(false);
+  const [sizeError, setSizeError] = React28.useState(null);
   const effectiveError = errorMessage ?? sizeError ?? void 0;
   const openPicker = () => {
     if (!disabled) inputRef.current?.click();
@@ -8079,30 +7826,30 @@ function DatePicker({
   size = "md",
   className = ""
 }) {
-  const errorId = React29.useId();
+  const errorId = React28.useId();
   const hasError = errorMessage != null;
-  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(() => {
+  const [open, setOpen] = React28.useState(false);
+  const [viewMonth, setViewMonth] = React28.useState(() => startOfMonth2(value ?? /* @__PURE__ */ new Date()));
+  const [focusDate, setFocusDate] = React28.useState(() => value ?? /* @__PURE__ */ new Date());
+  const [view, setView] = React28.useState("days");
+  const gridRef = React28.useRef(null);
+  React28.useEffect(() => {
     if (!open) return;
     const target = value ?? /* @__PURE__ */ new Date();
     setViewMonth(startOfMonth2(target));
     setFocusDate(target);
     setView("days");
   }, [open, value]);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     if (!open) return;
     const cell = gridRef.current?.querySelector(`[data-day="${defaultFormat3(focusDate)}"]`);
     cell?.focus();
   }, [open, focusDate]);
-  const weekdays = React29.useMemo(() => {
+  const weekdays = React28.useMemo(() => {
     const ordered = WEEKDAY_SHORT.slice(weekStartsOn).concat(WEEKDAY_SHORT.slice(0, weekStartsOn));
     return ordered;
   }, [weekStartsOn]);
-  const grid = React29.useMemo(() => buildGrid(viewMonth, weekStartsOn), [viewMonth, weekStartsOn]);
+  const grid = React28.useMemo(() => buildGrid(viewMonth, weekStartsOn), [viewMonth, weekStartsOn]);
   const isDisabled = (d) => {
     if (min && d < min) return true;
     if (max && d > max) return true;
@@ -8211,7 +7958,7 @@ function DatePicker({
                     },
                     "aria-label": view === "days" ? "Previous month" : view === "months" ? "Previous year" : "Previous decade",
                     className: "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 transition-colors",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft2, {})
+                    children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeft, {})
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs(
@@ -8246,7 +7993,7 @@ function DatePicker({
                     },
                     "aria-label": view === "days" ? "Next month" : view === "months" ? "Next year" : "Next decade",
                     className: "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 transition-colors",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRight3, {})
+                    children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRight2, {})
                   }
                 )
               ] }),
@@ -8361,10 +8108,10 @@ function CalendarIcon() {
     /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 9h18M8 3v4M16 3v4", strokeLinecap: "round" })
   ] });
 }
-function ChevronLeft2() {
+function ChevronLeft() {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "w-4 h-4", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" }) });
 }
-function ChevronRight3() {
+function ChevronRight2() {
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "w-4 h-4", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
 }
 var LINE_HEIGHT_PX = 21;
@@ -8392,10 +8139,10 @@ function TextArea({
   style,
   inputStyle
 }) {
-  const errorId = React29.useId();
+  const errorId = React28.useId();
   const hasError = errorMessage != null;
-  const ref = React29.useRef(null);
-  React29.useLayoutEffect(() => {
+  const ref = React28.useRef(null);
+  React28.useLayoutEffect(() => {
     if (!autoGrow) return;
     const el = ref.current;
     if (!el) return;
@@ -8467,14 +8214,14 @@ function Slider({
   name,
   htmlFor
 }) {
-  const errorId = React29.useId();
+  const errorId = React28.useId();
   const hasError = errorMessage != null;
   const isRange = Array.isArray(value ?? defaultValue);
-  const [internal, setInternal] = React29.useState(
+  const [internal, setInternal] = React28.useState(
     () => toArray(value) ?? toArray(defaultValue) ?? [min]
   );
   const current = toArray(value) ?? internal;
-  const [dragging, setDragging] = React29.useState(false);
+  const [dragging, setDragging] = React28.useState(false);
   const emit = (arr) => {
     setInternal(arr);
     const next = isRange ? [arr[0], arr[1]] : arr[0];
@@ -8569,11 +8316,11 @@ function TagsInput({
   validate,
   separators = ["Enter", ","]
 }) {
-  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 errorId = React28.useId();
+  const inputRef = React28.useRef(null);
+  const [internal, setInternal] = React28.useState(defaultValue ?? []);
+  const [draft, setDraft] = React28.useState("");
+  const [localError, setLocalError] = React28.useState(null);
   const tags = value ?? internal;
   const hasError = errorMessage != null || localError != null;
   const errorText = errorMessage ?? localError ?? void 0;
@@ -8641,7 +8388,7 @@ function TagsInput({
           onClick: () => inputRef.current?.focus(),
           children: [
             tags.map((tag, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-              Tag2,
+              Tag,
               {
                 disabled,
                 removeLabel: `Remove ${tag}`,
@@ -8704,9 +8451,9 @@ function OtpInput({
   className,
   groupAfter
 }) {
-  const errorId = React29.useId();
+  const errorId = React28.useId();
   const hasError = errorMessage != null;
-  const refs = React29.useRef([]);
+  const refs = React28.useRef([]);
   const chars = Array.from({ length }, (_, i) => value[i] ?? "");
   const pattern = mode === "numeric" ? /[0-9]/ : /[a-zA-Z0-9]/;
   const emit = (next) => {
@@ -8755,7 +8502,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 flex-wrap 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: [
+  return /* @__PURE__ */ jsxRuntime.jsx(Field, { className, label, htmlFor, errorId, errorMessage, required, layout, helperText, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-2", role: "group", "aria-label": typeof label === "string" ? label : "One-time code", children: chars.map((char, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React28__default.default.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {
@@ -8793,7 +8540,7 @@ function OtpInput({
   ] }, idx)) }) });
 }
 var ICON_SIZE = { sm: "w-4 h-4", md: "w-5 h-5", lg: "w-7 h-7" };
-var Star2 = (filled) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: filled ? "currentColor" : "none", stroke: "currentColor", strokeWidth: filled ? 0 : 1.5, className: "w-full h-full", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11.48 3.5a.56.56 0 011.04 0l2.13 4.77 5.18.5a.56.56 0 01.32.97l-3.9 3.46 1.15 5.1a.56.56 0 01-.83.6L12 16.8l-4.57 2.6a.56.56 0 01-.83-.6l1.15-5.1-3.9-3.46a.56.56 0 01.32-.97l5.18-.5L11.48 3.5z" }) });
+var Star = (filled) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: filled ? "currentColor" : "none", stroke: "currentColor", strokeWidth: filled ? 0 : 1.5, className: "w-full h-full", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11.48 3.5a.56.56 0 011.04 0l2.13 4.77 5.18.5a.56.56 0 01.32.97l-3.9 3.46 1.15 5.1a.56.56 0 01-.83.6L12 16.8l-4.57 2.6a.56.56 0 01-.83-.6l1.15-5.1-3.9-3.46a.56.56 0 01.32-.97l5.18-.5L11.48 3.5z" }) });
 function Rating({
   value,
   defaultValue = 0,
@@ -8805,7 +8552,7 @@ function Rating({
   label,
   size = "md",
   disabled,
-  icon = Star2,
+  icon = Star,
   errorMessage,
   name,
   layout = "vertical",
@@ -8813,9 +8560,9 @@ function Rating({
   className,
   required
 }) {
-  const errorId = React29.useId();
-  const [internal, setInternal] = React29.useState(defaultValue);
-  const [hover, setHover] = React29.useState(null);
+  const errorId = React28.useId();
+  const [internal, setInternal] = React28.useState(defaultValue);
+  const [hover, setHover] = React28.useState(null);
   const current = value ?? internal;
   const display2 = hover ?? current;
   const interactive = !readOnly && !disabled;
@@ -8938,9 +8685,9 @@ function TimePicker({
   required,
   style
 }) {
-  const errorId = React29.useId();
+  const errorId = React28.useId();
   const hasError = errorMessage != null;
-  const [open, setOpen] = React29.useState(false);
+  const [open, setOpen] = React28.useState(false);
   const parsed = parse(value) ?? { h: 0, m: 0, s: 0 };
   const update = (next) => {
     const merged = { ...parsed, ...next };
@@ -9064,13 +8811,13 @@ function DateRangePicker({
   required,
   style
 }) {
-  const errorId = React29.useId();
+  const errorId = React28.useId();
   const hasError = errorMessage != null;
-  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(
+  const [open, setOpen] = React28.useState(false);
+  const [leftMonth, setLeftMonth] = React28.useState(() => startOfMonth3(value.start ?? /* @__PURE__ */ new Date()));
+  const [pendingStart, setPendingStart] = React28.useState(null);
+  const [hoverDate, setHoverDate] = React28.useState(null);
+  const weekdays = React28.useMemo(
     () => WEEKDAY.slice(weekStartsOn).concat(WEEKDAY.slice(0, weekStartsOn)),
     [weekStartsOn]
   );
@@ -9246,10 +8993,10 @@ function ColorPicker({
   required,
   placeholder = "Pick a colour\u2026"
 }) {
-  const errorId = React29.useId();
+  const errorId = React28.useId();
   const hasError = errorMessage != null;
-  const [open, setOpen] = React29.useState(false);
-  const [draft, setDraft] = React29.useState(value);
+  const [open, setOpen] = React28.useState(false);
+  const [draft, setDraft] = React28.useState(value);
   const valid = HEX_RE.test(value);
   const pick = (hex) => {
     onChange?.(hex);
@@ -9336,7 +9083,7 @@ function ColorPicker({
 }
 var CUSTOM_EVENT = "oxy-local-storage";
 function useLocalStorage(key, initialValue) {
-  const read = React29.useCallback(() => {
+  const read = React28.useCallback(() => {
     if (typeof window === "undefined") return initialValue;
     try {
       const item = window.localStorage.getItem(key);
@@ -9345,8 +9092,8 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   }, [key]);
-  const [stored, setStored] = React29.useState(read);
-  const setValue = React29.useCallback((value) => {
+  const [stored, setStored] = React28.useState(read);
+  const setValue = React28.useCallback((value) => {
     setStored((prev) => {
       const next = value instanceof Function ? value(prev) : value;
       try {
@@ -9359,7 +9106,7 @@ function useLocalStorage(key, initialValue) {
       return next;
     });
   }, [key]);
-  const remove = React29.useCallback(() => {
+  const remove = React28.useCallback(() => {
     try {
       if (typeof window !== "undefined") {
         window.localStorage.removeItem(key);
@@ -9369,10 +9116,10 @@ function useLocalStorage(key, initialValue) {
     }
     setStored(initialValue);
   }, [key]);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     setStored(read());
   }, [key, read]);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     if (typeof window === "undefined") return;
     const onStorage = (e) => {
       if (e.key === null || e.key === key) setStored(read());
@@ -9391,8 +9138,8 @@ function useLocalStorage(key, initialValue) {
 }
 function useMediaQuery(query) {
   const get = () => typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia(query).matches : false;
-  const [matches, setMatches] = React29.useState(get);
-  React29.useEffect(() => {
+  const [matches, setMatches] = React28.useState(get);
+  React28.useEffect(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mql = window.matchMedia(query);
     const onChange = () => setMatches(mql.matches);
@@ -9423,8 +9170,8 @@ function decodeSegment(seg) {
   }
 }
 function useJwt(token) {
-  const [, tick] = React29.useState(0);
-  const decoded = React29.useMemo(() => {
+  const [, tick] = React28.useState(0);
+  const decoded = React28.useMemo(() => {
     if (!token) return { payload: null, header: null, exp: null };
     const [h, p] = token.split(".");
     const header = decodeSegment(h);
@@ -9432,7 +9179,7 @@ function useJwt(token) {
     const exp = payload && typeof payload.exp === "number" ? payload.exp : null;
     return { payload, header, exp };
   }, [token]);
-  React29.useEffect(() => {
+  React28.useEffect(() => {
     if (decoded.exp == null) return;
     const ms = decoded.exp * 1e3 - Date.now();
     if (ms <= 0) return;
@@ -9467,7 +9214,7 @@ function Jumbotron({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "section",
     {
-      className: ["relative overflow-hidden rounded-2xl px-6 py-16 sm:px-10 sm:py-24", bgClass, className].filter(Boolean).join(" "),
+      className: cx("relative overflow-hidden rounded-2xl px-6 py-16 sm:px-10 sm:py-24", bgClass, className),
       style: { ...background === "gradient" ? { backgroundImage: GRADIENT } : null, ...style },
       children: split ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto grid max-w-6xl items-center gap-10 lg:grid-cols-2", children: [
         copy,
@@ -9495,7 +9242,7 @@ function FeatureGrid({
   style
 }) {
   const hasHeader = eyebrow != null || title != null || description != null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: ["px-2", className].filter(Boolean).join(" "), style, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cx("px-2", className), style, children: [
     hasHeader && /* @__PURE__ */ jsxRuntime.jsxs("header", { className: ["mb-10 flex flex-col gap-3", centeredHeader ? "items-center text-center" : "items-start text-left"].join(" "), children: [
       eyebrow != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-accent", children: eyebrow }),
       title != null && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl font-bold tracking-tight text-foreground", children: title }),
@@ -9515,10 +9262,10 @@ function FeatureGrid({
     ] }, f.key ?? i)) })
   ] });
 }
-var Check4 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true", className: "mt-0.5 h-4 w-4 flex-shrink-0 text-accent", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M20 6 9 17l-5-5" }) });
+var Check3 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true", className: "mt-0.5 h-4 w-4 flex-shrink-0 text-accent", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M20 6 9 17l-5-5" }) });
 function PricingPlans({ plans, eyebrow, title, description, className = "", style }) {
   const hasHeader = eyebrow != null || title != null || description != null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: ["px-2", className].filter(Boolean).join(" "), style, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cx("px-2", className), style, children: [
     hasHeader && /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "mb-10 flex flex-col items-center gap-3 text-center", children: [
       eyebrow != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-accent", children: eyebrow }),
       title != null && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl font-bold tracking-tight text-foreground", children: title }),
@@ -9540,7 +9287,7 @@ function PricingPlans({ plans, eyebrow, title, description, className = "", styl
           ] }),
           p.description != null && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-relaxed text-foreground-secondary", children: p.description }),
           /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-6 flex flex-1 flex-col gap-2.5", children: p.features.map((f, fi) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex gap-2 text-sm text-foreground-secondary", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Check4, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(Check3, {}),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: f })
           ] }, fi)) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -9569,7 +9316,7 @@ function Stars({ value }) {
 }
 function Testimonials({ testimonials, eyebrow, title, description, columns = 3, className = "", style }) {
   const hasHeader = eyebrow != null || title != null || description != null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: ["px-2", className].filter(Boolean).join(" "), style, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cx("px-2", className), style, children: [
     hasHeader && /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "mb-10 flex flex-col items-center gap-3 text-center", children: [
       eyebrow != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-accent", children: eyebrow }),
       title != null && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl font-bold tracking-tight text-foreground", children: title }),
@@ -9606,13 +9353,13 @@ function SlideShow({
   style
 }) {
   const reduced = framerMotion.useReducedMotion();
-  const [index, setIndex] = React29.useState(0);
-  const [paused, setPaused] = React29.useState(false);
+  const [index, setIndex] = React28.useState(0);
+  const [paused, setPaused] = React28.useState(false);
   const count = slides.length;
   const idx = count ? (index % count + count) % count : 0;
-  const go = React29.useCallback((d) => setIndex((i) => i + d), []);
-  const timer = React29.useRef(null);
-  React29.useEffect(() => {
+  const go = React28.useCallback((d) => setIndex((i) => i + d), []);
+  const timer = React28.useRef(null);
+  React28.useEffect(() => {
     if (!autoPlay || paused || count <= 1) return;
     timer.current = setInterval(() => setIndex((i) => i + 1), interval);
     return () => {
@@ -9628,7 +9375,7 @@ function SlideShow({
     {
       "aria-label": ariaLabel,
       "aria-roledescription": "carousel",
-      className: ["relative overflow-hidden rounded-2xl", className].filter(Boolean).join(" "),
+      className: cx("relative overflow-hidden rounded-2xl", className),
       style: { height, ...style },
       onMouseEnter: () => setPaused(true),
       onMouseLeave: () => setPaused(false),
@@ -9674,7 +9421,7 @@ function SlideShow({
   );
 }
 var PlayGlyph = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", className: "h-7 w-7 translate-x-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 5v14l11-7z" }) });
-function Video2({
+function Video({
   src,
   embedUrl,
   poster,
@@ -9688,8 +9435,8 @@ function Video2({
   className = "",
   style
 }) {
-  const [playing, setPlaying] = React29.useState(autoPlay);
-  const frame = ["relative w-full overflow-hidden bg-backdrop", framed ? "rounded-2xl border border-border shadow-sm" : "", className].filter(Boolean).join(" ");
+  const [playing, setPlaying] = React28.useState(autoPlay);
+  const frame = cx("relative w-full overflow-hidden bg-backdrop", framed ? "rounded-2xl border border-border shadow-sm" : "", className);
   const ratio = aspect.replace("/", " / ");
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: frame, style: { aspectRatio: ratio, ...style }, children: embedUrl ? /* @__PURE__ */ jsxRuntime.jsx(
     "iframe",
@@ -9743,7 +9490,7 @@ function Parallax({
   style
 }) {
   const reduced = framerMotion.useReducedMotion();
-  const ref = React29.useRef(null);
+  const ref = React28.useRef(null);
   const { scrollYProgress } = framerMotion.useScroll({ target: ref, offset: ["start end", "end start"] });
   const shift = Math.max(0, Math.min(1, speed)) * 100;
   const y = framerMotion.useTransform(scrollYProgress, [0, 1], reduced ? ["0%", "0%"] : [`-${shift / 2}%`, `${shift / 2}%`]);
@@ -9751,7 +9498,7 @@ function Parallax({
     "div",
     {
       ref,
-      className: ["relative overflow-hidden rounded-2xl", className].filter(Boolean).join(" "),
+      className: cx("relative overflow-hidden rounded-2xl", className),
       style: { height, ...style },
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -9794,7 +9541,7 @@ function Blog({
   style
 }) {
   const hasHeader = eyebrow != null || title != null || description != null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: ["w-full", className].filter(Boolean).join(" "), style, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cx("w-full", className), style, children: [
     hasHeader && /* @__PURE__ */ jsxRuntime.jsxs("header", { className: ["mb-10 flex flex-col gap-3", centeredHeader ? "items-center text-center" : "items-start text-left"].join(" "), children: [
       eyebrow != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold uppercase tracking-wide text-accent", children: eyebrow }),
       title != null && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold tracking-tight text-foreground sm:text-3xl", children: title }),
@@ -9811,7 +9558,7 @@ function Blog({
           post.tag != null && !post.image && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { tone: "accent", variant: "soft", size: "sm", children: post.tag }) }),
           /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold leading-snug text-foreground transition-colors group-hover:text-accent", children: post.title }),
           post.excerpt != null && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-3 text-sm leading-relaxed text-foreground-secondary", children: post.excerpt }),
-          meta.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto flex flex-wrap items-center gap-x-2 gap-y-1 pt-3 text-xs text-foreground-muted", children: meta.map((m, j) => /* @__PURE__ */ jsxRuntime.jsxs(React29__default.default.Fragment, { children: [
+          meta.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto flex flex-wrap items-center gap-x-2 gap-y-1 pt-3 text-xs text-foreground-muted", children: meta.map((m, j) => /* @__PURE__ */ jsxRuntime.jsxs(React28__default.default.Fragment, { children: [
             j > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\xB7" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: m })
           ] }, j)) })
@@ -9856,7 +9603,7 @@ function Socials({
   className = "",
   style
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": ariaLabel, className: ["flex flex-wrap items-center gap-2", className].filter(Boolean).join(" "), style, children: links.map((link, i) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": ariaLabel, className: cx("flex flex-wrap items-center gap-2", className), style, children: links.map((link, i) => {
     const label = link.label ?? (link.platform ? link.platform[0].toUpperCase() + link.platform.slice(1) : "Link");
     const icon = link.icon ?? (link.platform ? ICONS[link.platform] : null);
     const ext = newTab && !link.href.startsWith("mailto:");
@@ -9907,7 +9654,7 @@ function CookieConsent({
       role: "dialog",
       "aria-label": "Cookie consent",
       "aria-live": "polite",
-      className: ["fixed z-[60]", POS2[position], className].filter(Boolean).join(" "),
+      className: cx("fixed z-[60]", POS2[position], className),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 border-t border-border bg-surface p-5 shadow-lg sm:flex-row sm:items-center sm:rounded-xl sm:border", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 text-sm leading-relaxed text-foreground-secondary", children: [
           title != null && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1 font-semibold text-foreground", children: title }),
@@ -9940,8 +9687,8 @@ function LeadCapture({
   className = "",
   style
 }) {
-  const [email, setEmail] = React29.useState("");
-  const [done, setDone] = React29.useState(false);
+  const [email, setEmail] = React28.useState("");
+  const [done, setDone] = React28.useState(false);
   const submit = (e) => {
     e.preventDefault();
     const value = email.trim();
@@ -9953,7 +9700,7 @@ function LeadCapture({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "section",
     {
-      className: ["w-full overflow-hidden rounded-2xl border border-border bg-surface px-6 py-12 sm:px-12 sm:py-16", className].filter(Boolean).join(" "),
+      className: cx("w-full overflow-hidden rounded-2xl border border-border bg-surface px-6 py-12 sm:px-12 sm:py-16", className),
       style: { ...isGradient ? { backgroundImage: GRADIENT2 } : {}, ...style },
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ["mx-auto flex max-w-2xl flex-col gap-4", centered ? "items-center text-center" : "items-start text-left"].join(" "), children: [
         /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold tracking-tight text-foreground sm:text-3xl", children: title }),
@@ -9984,6 +9731,14 @@ function LeadCapture({
   );
 }
 
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function () { return chunk4V4U2W7K_cjs.icons_default; }
+});
+Object.defineProperty(exports, "createIcon", {
+  enumerable: true,
+  get: function () { return chunk4V4U2W7K_cjs.createIcon; }
+});
 Object.defineProperty(exports, "COLORS", {
   enumerable: true,
   get: function () { return chunkOAV4TA4B_cjs.colors_default; }
@@ -10018,7 +9773,7 @@ exports.CartProvider = CartProvider;
 exports.Catalog = Catalog;
 exports.CatalogCarousel = CatalogCarousel;
 exports.CatalogGrid = CatalogGrid;
-exports.Chat = Chat2;
+exports.Chat = Chat;
 exports.Checkbox = Checkbox;
 exports.Checkout = Checkout;
 exports.ColorPicker = ColorPicker;
@@ -10041,14 +9796,13 @@ exports.Form = Form;
 exports.FormContext = FormContext;
 exports.FormField = FormField;
 exports.FormStore = FormStore;
-exports.Grid = Grid2;
+exports.Grid = Grid;
 exports.GridCard = GridCard;
-exports.Icon = icons_default;
 exports.IconButton = IconButton;
 exports.Jumbotron = Jumbotron;
 exports.Kbd = Kbd;
 exports.LeadCapture = LeadCapture;
-exports.List = List3;
+exports.List = List2;
 exports.LoadingSpinner = LoadingSpinner;
 exports.LogoutTimer = LogoutTimer;
 exports.MegaMenu = MegaMenu_default;
@@ -10081,7 +9835,7 @@ exports.Socials = Socials;
 exports.Statistic = Statistic;
 exports.Stepper = Stepper;
 exports.Switch = Switch;
-exports.Table = Table2;
+exports.Table = Table;
 exports.Tabs = Tabs_default;
 exports.TagsInput = TagsInput;
 exports.Temporal = DatePicker;
@@ -10098,11 +9852,11 @@ exports.TopBar = TopBar;
 exports.Tree = Tree;
 exports.TreeSelect = TreeSelect;
 exports.Typography = Typography;
-exports.Video = Video2;
+exports.Video = Video;
 exports.Wizard = Wizard;
 exports.cardNumberError = cardNumberError;
-exports.createIcon = createIcon;
 exports.cvvError = cvvError;
+exports.cx = cx;
 exports.detectBrand = detectBrand;
 exports.expiryError = expiryError;
 exports.fieldShell = fieldShell;