@geomak/ui 7.0.1 → 7.2.0

package/dist/index.cjs

@@ -2,7 +2,7 @@
 
 var chunk4V4U2W7K_cjs = require('./chunk-4V4U2W7K.cjs');
 var chunkOAV4TA4B_cjs = require('./chunk-OAV4TA4B.cjs');
-var React28 = require('react');
+var React29 = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
@@ -17,8 +17,8 @@ var ToggleGroup = require('@radix-ui/react-toggle-group');
 var ContextMenuPrimitive = require('@radix-ui/react-context-menu');
 var SwitchPrimitive = require('@radix-ui/react-switch');
 var NavigationMenu = require('@radix-ui/react-navigation-menu');
-var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
+var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var SliderPrimitive = require('@radix-ui/react-slider');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -41,7 +41,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React28__default = /*#__PURE__*/_interopDefault(React28);
+var React29__default = /*#__PURE__*/_interopDefault(React29);
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var DropdownMenu__namespace = /*#__PURE__*/_interopNamespace(DropdownMenu);
 var Dialog__namespace = /*#__PURE__*/_interopNamespace(Dialog);
@@ -53,8 +53,8 @@ var ToggleGroup__namespace = /*#__PURE__*/_interopNamespace(ToggleGroup);
 var ContextMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(ContextMenuPrimitive);
 var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
 var NavigationMenu__namespace = /*#__PURE__*/_interopNamespace(NavigationMenu);
-var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
+var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
 
 // src/utils/cx.ts
@@ -67,8 +67,8 @@ function cx(...values) {
   return out;
 }
 function Portal({ children, target }) {
-  const [resolved, setResolved] = React28.useState(null);
-  React28.useEffect(() => {
+  const [resolved, setResolved] = React29.useState(null);
+  React29.useEffect(() => {
     if (target === null) {
       setResolved(null);
       return;
@@ -502,7 +502,7 @@ function IconButton({
   className = "",
   style
 }) {
-  const colorScheme = React28.useMemo(() => {
+  const colorScheme = React29.useMemo(() => {
     if (type === "primary") {
       return "bg-accent text-accent-fg hover:bg-accent-hover";
     }
@@ -592,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 = React28__default.default.forwardRef(function Button2({
+var Button = React29__default.default.forwardRef(function Button2({
   content,
   variant = "primary",
   size = "md",
@@ -700,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(React28__default.default.Fragment, { children: [
+        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(React29__default.default.Fragment, { children: [
           item.separatorBefore && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Separator, { className: "my-1 h-px bg-border" }),
           /* @__PURE__ */ jsxRuntime.jsxs(
             DropdownMenu__namespace.Item,
@@ -943,9 +943,9 @@ function Tooltip({
   ] }) });
 }
 var TooltipProvider = TooltipPrimitive__namespace.Provider;
-var TabsContext = React28.createContext(null);
+var TabsContext = React29.createContext(null);
 function useTabsContext() {
-  const ctx = React28.useContext(TabsContext);
+  const ctx = React29.useContext(TabsContext);
   if (!ctx) throw new Error("Tabs.List / Tabs.Trigger / Tabs.Panel must be rendered inside <Tabs>.");
   return ctx;
 }
@@ -967,26 +967,26 @@ function Tabs({
   children
 }) {
   const isControlled = value !== void 0;
-  const [internal, setInternal] = React28.useState(defaultValue);
+  const [internal, setInternal] = React29.useState(defaultValue);
   const current = isControlled ? value : internal;
   const reduced = !!framerMotion.useReducedMotion();
-  const indicatorId = React28.useId();
-  const select = React28.useCallback((next) => {
+  const indicatorId = React29.useId();
+  const select = React29.useCallback((next) => {
     if (!isControlled) setInternal(next);
     onChange?.(next);
   }, [isControlled, onChange]);
-  const registry = React28.useRef(/* @__PURE__ */ new Map());
-  const orderRef = React28.useRef(0);
-  const [, bump] = React28.useState(0);
-  const registerTab = React28.useCallback((val, meta) => {
+  const registry = React29.useRef(/* @__PURE__ */ new Map());
+  const orderRef = React29.useRef(0);
+  const [, bump] = React29.useState(0);
+  const registerTab = React29.useCallback((val, meta) => {
     const existing = registry.current.get(val);
     registry.current.set(val, { ...meta, order: existing?.order ?? orderRef.current++ });
     if (!existing) bump((v) => v + 1);
   }, []);
-  const unregisterTab = React28.useCallback((val) => {
+  const unregisterTab = React29.useCallback((val) => {
     if (registry.current.delete(val)) bump((v) => v + 1);
   }, []);
-  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 })), []);
+  const getTabs = React29.useCallback(() => [...registry.current.entries()].sort((a, b) => a[1].order - b[1].order).map(([val, m]) => ({ value: val, label: m.label, icon: m.icon, disabled: m.disabled })), []);
   return /* @__PURE__ */ jsxRuntime.jsx(TabsContext.Provider, { value: { value: current, variant, size, orientation, indicatorId, reduced, select, registerTab, unregisterTab, getTabs }, children: /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Root,
     {
@@ -1006,10 +1006,10 @@ function Tabs({
 function TabsList({ children, "aria-label": ariaLabel, className = "" }) {
   const { variant, orientation, reduced, value } = useTabsContext();
   const horizontal = orientation === "horizontal";
-  const scrollRef = React28.useRef(null);
-  const [edges, setEdges] = React28.useState({ start: false, end: false });
+  const scrollRef = React29.useRef(null);
+  const [edges, setEdges] = React29.useState({ start: false, end: false });
   const scrollable = variant !== "segmented";
-  React28.useLayoutEffect(() => {
+  React29.useLayoutEffect(() => {
     const el = scrollRef.current;
     if (!el || !scrollable) return;
     const update = () => {
@@ -1034,13 +1034,13 @@ function TabsList({ children, "aria-label": ariaLabel, className = "" }) {
       ro.disconnect();
     };
   }, [horizontal, scrollable, children]);
-  const nudge = React28.useCallback((dir) => {
+  const nudge = React29.useCallback((dir) => {
     const el = scrollRef.current;
     if (!el) return;
     const amount = (horizontal ? el.clientWidth : el.clientHeight) * 0.7 * dir;
     el.scrollBy({ [horizontal ? "left" : "top"]: amount, behavior: reduced ? "auto" : "smooth" });
   }, [horizontal, reduced]);
-  React28.useLayoutEffect(() => {
+  React29.useLayoutEffect(() => {
     const el = scrollRef.current;
     if (!el || !scrollable) return;
     const active = el.querySelector("[role=tab][data-state=active]");
@@ -1098,9 +1098,9 @@ function Chevron2({ side, orientation, onClick }) {
 function OverflowMenu() {
   const { getTabs, value, select, orientation } = useTabsContext();
   const horizontal = orientation === "horizontal";
-  const [open, setOpen] = React28.useState(false);
-  const wrapRef = React28.useRef(null);
-  const timer = React28.useRef(null);
+  const [open, setOpen] = React29.useState(false);
+  const wrapRef = React29.useRef(null);
+  const timer = React29.useRef(null);
   const openNow = () => {
     if (timer.current) clearTimeout(timer.current);
     setOpen(true);
@@ -1108,7 +1108,7 @@ function OverflowMenu() {
   const closeSoon = () => {
     timer.current = setTimeout(() => setOpen(false), 160);
   };
-  React28.useLayoutEffect(() => {
+  React29.useLayoutEffect(() => {
     if (!open) return;
     const onDoc = (e) => {
       if (wrapRef.current && !wrapRef.current.contains(e.target)) setOpen(false);
@@ -1189,7 +1189,7 @@ function TabsTrigger({ value, icon, badge, closeable, onClose, disabled, classNa
   const isActive = active === value;
   const horizontal = orientation === "horizontal";
   const sz = SIZE[size];
-  React28.useLayoutEffect(() => {
+  React29.useLayoutEffect(() => {
     registerTab(value, { label: children, icon, disabled });
     return () => unregisterTab(value);
   }, [value, children, icon, disabled, registerTab, unregisterTab]);
@@ -1387,7 +1387,7 @@ function Tree({
     item.key
   )) });
 }
-var AccordionCtx = React28.createContext({ variant: "separated" });
+var AccordionCtx = React29.createContext({ variant: "separated" });
 function Accordion2({
   children,
   type = "single",
@@ -1446,7 +1446,7 @@ var Chevron3 = /* @__PURE__ */ jsxRuntime.jsx(
   }
 );
 function AccordionItem({ value, title, icon, children, disabled, className = "" }) {
-  const { variant } = React28.useContext(AccordionCtx);
+  const { variant } = React29.useContext(AccordionCtx);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     AccordionPrimitive__namespace.Item,
     {
@@ -1505,7 +1505,7 @@ function Breadcrumbs({
   className = "",
   style
 }) {
-  const [expanded, setExpanded] = React28.useState(false);
+  const [expanded, setExpanded] = React29.useState(false);
   const shouldCollapse = maxItems > 0 && items.length > maxItems && !expanded;
   const visible = [];
   if (shouldCollapse) {
@@ -1689,8 +1689,8 @@ function Stepper({
   className = ""
 }) {
   const reduced = framerMotion.useReducedMotion();
-  const [forcedVertical, setForcedVertical] = React28.useState(false);
-  React28.useEffect(() => {
+  const [forcedVertical, setForcedVertical] = React29.useState(false);
+  React29.useEffect(() => {
     if (!responsive || orientation === "vertical") return;
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mq = window.matchMedia("(max-width: 767px)");
@@ -1799,7 +1799,7 @@ function Kbd({
   style
 }) {
   if (keys && keys.length > 0) {
-    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: [
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx("inline-flex items-center gap-1", className), style, children: keys.map((k, i) => /* @__PURE__ */ jsxRuntime.jsxs(React29__default.default.Fragment, { children: [
       i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-muted text-xs select-none", children: separator }),
       /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: [cap, SIZE3[size]].join(" "), children: k })
     ] }, `${k}-${i}`)) });
@@ -1890,13 +1890,13 @@ function FlatCarousel({
   className = "",
   style
 }) {
-  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 scrollerRef = React29.useRef(null);
+  const slides = React29__default.default.Children.toArray(children);
+  const [active, setActive] = React29.useState(0);
+  const [atStart, setAtStart] = React29.useState(true);
+  const [atEnd, setAtEnd] = React29.useState(false);
   const width = typeof itemWidth === "number" ? `${itemWidth}px` : itemWidth;
-  const update = React28.useCallback(() => {
+  const update = React29.useCallback(() => {
     const el = scrollerRef.current;
     if (!el) return;
     setAtStart(el.scrollLeft <= 1);
@@ -1905,7 +1905,7 @@ function FlatCarousel({
     const slideW = first ? first.getBoundingClientRect().width + gap : el.clientWidth;
     setActive(Math.round(el.scrollLeft / slideW));
   }, [gap]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     update();
     const el = scrollerRef.current;
     if (!el) return;
@@ -1946,9 +1946,9 @@ function RotatingCarousel({
   className = "",
   style
 }) {
-  const slides = React28__default.default.Children.toArray(children);
+  const slides = React29__default.default.Children.toArray(children);
   const count = slides.length;
-  const [active, setActive] = React28.useState(0);
+  const [active, setActive] = React29.useState(0);
   const reduced = framerMotion.useReducedMotion();
   const wrap = (n) => count > 0 ? (n % count + count) % count : 0;
   const idx = wrap(active);
@@ -2186,13 +2186,13 @@ function Chat({
   className = "",
   style
 }) {
-  const listRef = React28.useRef(null);
-  const atBottomRef = React28.useRef(true);
-  const [showJump, setShowJump] = React28.useState(false);
-  const [draft, setDraft] = React28.useState("");
+  const listRef = React29.useRef(null);
+  const atBottomRef = React29.useRef(true);
+  const [showJump, setShowJump] = React29.useState(false);
+  const [draft, setDraft] = React29.useState("");
   const hasHeader = title != null || subtitle != null || avatar != null || headerActions != null;
   const isTyping = typingNames.length > 0;
-  const scrollToBottom = React28.useCallback((smooth = true) => {
+  const scrollToBottom = React29.useCallback((smooth = true) => {
     const el = listRef.current;
     if (!el) return;
     if (typeof el.scrollTo === "function") el.scrollTo({ top: el.scrollHeight, behavior: smooth ? "smooth" : "auto" });
@@ -2205,10 +2205,10 @@ function Chat({
     atBottomRef.current = near;
     setShowJump(!near);
   };
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (atBottomRef.current) scrollToBottom(messages.length > 0);
   }, [messages.length, isTyping]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     scrollToBottom(false);
   }, [scrollToBottom]);
   const send = () => {
@@ -2398,7 +2398,7 @@ function FAB({
   className = "",
   style
 }) {
-  const [open, setOpen] = React28.useState(false);
+  const [open, setOpen] = React29.useState(false);
   const reduced = framerMotion.useReducedMotion();
   const hasDial = !!actions && actions.length > 0;
   const bottom = position.startsWith("bottom");
@@ -2500,8 +2500,8 @@ function PopConfirm({
   onOpenChange,
   className = ""
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React28.useState(false);
-  const [loading, setLoading] = React28.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React29.useState(false);
+  const [loading, setLoading] = React29.useState(false);
   const isOpen = open ?? uncontrolledOpen;
   const setOpen = (next) => {
     onOpenChange?.(next);
@@ -2588,16 +2588,16 @@ function LogoutTimer({
   logoutLabel = "Sign out now"
 }) {
   const reduced = framerMotion.useReducedMotion();
-  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 });
+  const [warning, setWarning] = React29.useState(false);
+  const [remaining, setRemaining] = React29.useState(countdown);
+  const idleTimer = React29.useRef(null);
+  const tick = React29.useRef(null);
+  const deadline = React29.useRef(0);
+  const warningRef = React29.useRef(false);
+  const lastReset = React29.useRef(0);
+  const cbs = React29.useRef({ onLogout, onContinue, onWarning });
   cbs.current = { onLogout, onContinue, onWarning };
-  const clearTimers = React28.useCallback(() => {
+  const clearTimers = React29.useCallback(() => {
     if (idleTimer.current) {
       clearTimeout(idleTimer.current);
       idleTimer.current = null;
@@ -2607,13 +2607,13 @@ function LogoutTimer({
       tick.current = null;
     }
   }, []);
-  const logout = React28.useCallback(() => {
+  const logout = React29.useCallback(() => {
     clearTimers();
     warningRef.current = false;
     setWarning(false);
     cbs.current.onLogout();
   }, [clearTimers]);
-  const startIdle = React28.useCallback(() => {
+  const startIdle = React29.useCallback(() => {
     if (idleTimer.current) clearTimeout(idleTimer.current);
     idleTimer.current = setTimeout(() => {
       warningRef.current = true;
@@ -2628,7 +2628,7 @@ function LogoutTimer({
       }, 250);
     }, timeout);
   }, [timeout, countdown, logout]);
-  const stay = React28.useCallback(() => {
+  const stay = React29.useCallback(() => {
     if (tick.current) {
       clearInterval(tick.current);
       tick.current = null;
@@ -2638,7 +2638,7 @@ function LogoutTimer({
     cbs.current.onContinue?.();
     startIdle();
   }, [startIdle]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (!enabled) {
       clearTimers();
       warningRef.current = false;
@@ -2703,11 +2703,11 @@ function SegmentedControl({
   "aria-label": ariaLabel
 }) {
   const sz = SIZE5[size];
-  const groupId = React28.useId();
-  const errorId = React28.useId();
+  const groupId = React29.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
   const isControlled = value !== void 0;
-  const [internal, setInternal] = React28.useState(defaultValue);
+  const [internal, setInternal] = React29.useState(defaultValue);
   const current = isControlled ? value : internal;
   const handle = (v) => {
     if (!v) return;
@@ -2868,22 +2868,22 @@ function Scheduler({
   style
 }) {
   const reduced = framerMotion.useReducedMotion();
-  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 });
+  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 });
   cbRef.current = { loadEvents, onError };
-  const range = React28.useMemo(
+  const range = React29.useMemo(
     () => view === "month" ? monthRange(cursor) : weekRange(cursor, weekStartsOn),
     [view, cursor, weekStartsOn]
   );
   const fromKey = range.from.getTime();
   const toKey = range.to.getTime();
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     const { loadEvents: loader, onError: onErr } = cbRef.current;
     if (!loader) return;
     let cancelled = false;
@@ -2903,16 +2903,16 @@ function Scheduler({
       cancelled = true;
     };
   }, [fromKey, toKey, view, reloadKey]);
-  const retry = React28.useCallback(() => setReloadKey((k) => k + 1), []);
-  const events = React28.useMemo(
+  const retry = React29.useCallback(() => setReloadKey((k) => k + 1), []);
+  const events = React29.useMemo(
     () => (controlledEvents ?? loaded).map(normalize),
     [controlledEvents, loaded]
   );
-  const go = React28.useCallback((delta) => {
+  const go = React29.useCallback((delta) => {
     setDir(delta);
     setCursor((c) => view === "month" ? addMonths(c, delta) : addDays(c, delta * 7));
   }, [view]);
-  const goToday = React28.useCallback(() => {
+  const goToday = React29.useCallback(() => {
     setDir(0);
     setCursor(/* @__PURE__ */ new Date());
   }, []);
@@ -3022,9 +3022,9 @@ function SchedulerError({ onRetry }) {
   ] });
 }
 function MonthYearPicker({ label, cursor, onPick }) {
-  const [open, setOpen] = React28.useState(false);
-  const [viewYear, setViewYear] = React28.useState(cursor.getFullYear());
-  React28.useEffect(() => {
+  const [open, setOpen] = React29.useState(false);
+  const [viewYear, setViewYear] = React29.useState(cursor.getFullYear());
+  React29.useEffect(() => {
     if (open) setViewYear(cursor.getFullYear());
   }, [open, cursor]);
   return /* @__PURE__ */ jsxRuntime.jsxs(Popover__namespace.Root, { open, onOpenChange: setOpen, children: [
@@ -3098,8 +3098,8 @@ function MonthView({
   onSelectSlot,
   onSelectEvent
 }) {
-  const grid = React28.useMemo(() => buildMonthGrid(cursor, weekStartsOn), [cursor, weekStartsOn]);
-  const eventsByDay = React28.useMemo(() => bucketByDay(events), [events]);
+  const grid = React29.useMemo(() => buildMonthGrid(cursor, weekStartsOn), [cursor, weekStartsOn]);
+  const eventsByDay = React29.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)) }),
@@ -3173,12 +3173,12 @@ function WeekView({
   onSelectSlot,
   onSelectEvent
 }) {
-  const days = React28.useMemo(() => getWeekDays(cursor, weekStartsOn), [cursor, weekStartsOn]);
-  const eventsByDay = React28.useMemo(() => bucketByDay(events), [events]);
-  const labels = React28.useMemo(() => weekdayLabels(weekStartsOn), [weekStartsOn]);
+  const days = React29.useMemo(() => getWeekDays(cursor, weekStartsOn), [cursor, weekStartsOn]);
+  const eventsByDay = React29.useMemo(() => bucketByDay(events), [events]);
+  const labels = React29.useMemo(() => weekdayLabels(weekStartsOn), [weekStartsOn]);
   const dow = (d) => labels[(d.getDay() - weekStartsOn + 7) % 7];
   const [startHour, endHour] = dayHours;
-  const hours = React28.useMemo(
+  const hours = React29.useMemo(
     () => Array.from({ length: endHour - startHour }, (_, i) => startHour + i),
     [startHour, endHour]
   );
@@ -3369,17 +3369,17 @@ function Cart({
     ] })
   ] });
 }
-var CartContext = React28.createContext(null);
+var CartContext = React29.createContext(null);
 var clampQty = (qty, max) => {
   const lower = Math.max(1, Math.round(qty));
   return max != null ? Math.min(lower, max) : lower;
 };
 function CartProvider({ children, initialItems = [], onChange }) {
-  const [items, setItems] = React28.useState(initialItems);
-  React28.useEffect(() => {
+  const [items, setItems] = React29.useState(initialItems);
+  React29.useEffect(() => {
     onChange?.(items);
   }, [items]);
-  const addToCart = React28.useCallback((item, quantity) => {
+  const addToCart = React29.useCallback((item, quantity) => {
     const addQty = quantity ?? item.quantity ?? 1;
     setItems((prev) => {
       const existing = prev.find((it) => it.id === item.id);
@@ -3392,29 +3392,29 @@ function CartProvider({ children, initialItems = [], onChange }) {
       return [...prev, { ...rest, quantity: clampQty(addQty, item.max) }];
     });
   }, []);
-  const removeFromCart = React28.useCallback((id) => {
+  const removeFromCart = React29.useCallback((id) => {
     setItems((prev) => prev.filter((it) => it.id !== id));
   }, []);
-  const updateQuantity = React28.useCallback((id, quantity) => {
+  const updateQuantity = React29.useCallback((id, quantity) => {
     setItems(
       (prev) => prev.map((it) => it.id === id ? { ...it, quantity: clampQty(quantity, it.max) } : it)
     );
   }, []);
-  const clearCart = 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(
+  const clearCart = React29.useCallback(() => setItems([]), []);
+  const isInCart = React29.useCallback((id) => items.some((it) => it.id === id), [items]);
+  const getItemCount = React29.useCallback(() => items.reduce((sum, it) => sum + it.quantity, 0), [items]);
+  const getCartTotal = React29.useCallback(
     () => items.reduce((sum, it) => sum + it.price * it.quantity, 0),
     [items]
   );
-  const value = React28.useMemo(
+  const value = React29.useMemo(
     () => ({ items, addToCart, removeFromCart, updateQuantity, clearCart, isInCart, getItemCount, getCartTotal }),
     [items, addToCart, removeFromCart, updateQuantity, clearCart, isInCart, getItemCount, getCartTotal]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(CartContext.Provider, { value, children });
 }
 function useCart() {
-  const ctx = React28.useContext(CartContext);
+  const ctx = React29.useContext(CartContext);
   if (!ctx) {
     throw new Error("useCart must be used within a <CartProvider>.");
   }
@@ -3748,11 +3748,11 @@ function buildBindings(store, name, kind, snap) {
 
 // src/form/useForm.ts
 function useForm(options = {}) {
-  const ref = React28.useRef(null);
+  const ref = React29.useRef(null);
   if (ref.current === null) ref.current = new FormStore(options);
   const store = ref.current;
-  React28.useSyncExternalStore(store.subscribe, store.getRootSnapshot, store.getRootSnapshot);
-  const make = React28.useCallback(
+  React29.useSyncExternalStore(store.subscribe, store.getRootSnapshot, store.getRootSnapshot);
+  const make = React29.useCallback(
     (kind) => (name, rules) => {
       if (rules !== void 0) store.setRule(name, rules);
       return buildBindings(store, name, kind, store.getFieldSnapshot(name));
@@ -3781,9 +3781,9 @@ function useForm(options = {}) {
     fieldTarget: make("target")
   };
 }
-var FormContext = React28.createContext(null);
+var FormContext = React29.createContext(null);
 function useFormStore() {
-  const store = React28.useContext(FormContext);
+  const store = React29.useContext(FormContext);
   if (!store) {
     throw new Error("useFormStore must be used within a <Form>. Did you forget to wrap your fields?");
   }
@@ -3797,8 +3797,8 @@ function Form({
   children,
   ...rest
 }) {
-  const ref = React28.useRef(null);
-  const bypass = React28.useRef(false);
+  const ref = React29.useRef(null);
+  const bypass = React29.useRef(false);
   const handleSubmit = async (e) => {
     if (bypass.current) {
       bypass.current = false;
@@ -3850,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);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     return () => {
       if (rules !== void 0) store.removeRule(name);
     };
   }, [store, name]);
-  const snap = React28.useSyncExternalStore(
+  const snap = React29.useSyncExternalStore(
     store.subscribe,
     () => store.getFieldSnapshot(name)
   );
@@ -3867,7 +3867,7 @@ function FormField({ name, kind, rules, children }) {
 }
 function useFieldArray(name) {
   const store = useFormStore();
-  React28.useSyncExternalStore(store.subscribe, store.getRootSnapshot, store.getRootSnapshot);
+  React29.useSyncExternalStore(store.subscribe, store.getRootSnapshot, store.getRootSnapshot);
   const arr = store.getValue(name) ?? [];
   const keys = store.getKeys(name);
   return {
@@ -3900,7 +3900,7 @@ function TextInput({
   suffix,
   id
 }) {
-  const errorId = React28.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
   const hasAdornment = prefix != null || suffix != null;
   const inputId = htmlFor ?? id;
@@ -4061,7 +4061,7 @@ function CreditCardForm({
   className = "",
   style
 }) {
-  const initial = React28.useRef({
+  const initial = React29.useRef({
     number: formatCardNumber(defaultValue?.number ?? ""),
     name: defaultValue?.name ?? "",
     expiry: formatExpiry(defaultValue?.expiry ?? ""),
@@ -4070,7 +4070,7 @@ function CreditCardForm({
   const form = useForm({ initialValues: initial });
   const numberStr = String(form.values.number ?? "");
   const brand = detectBrand(numberStr);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     onChange?.(toCard(form.values));
   }, [form.values.number, form.values.name, form.values.expiry, form.values.cvv]);
   const numberBind = form.fieldNative("number", {
@@ -4193,7 +4193,7 @@ function Checkout({
     ] })
   ] });
 }
-var NotificationContext = React28.createContext({
+var NotificationContext = React29.createContext({
   open: () => void 0,
   close: () => void 0
 });
@@ -4251,26 +4251,26 @@ function NotificationItem({
   onClose,
   reduced
 }) {
-  const [paused, setPaused] = React28.useState(false);
+  const [paused, setPaused] = React29.useState(false);
   const duration = n.duration ?? 4e3;
   const isAutoDismissing = isFinite(duration) && duration > 0;
   const showProgress = !reduced && isAutoDismissing;
-  const timerRef = React28.useRef(null);
-  const startTimeRef = React28.useRef(0);
-  const remainingRef = React28.useRef(duration);
-  const clearTimer = React28.useCallback(() => {
+  const timerRef = React29.useRef(null);
+  const startTimeRef = React29.useRef(0);
+  const remainingRef = React29.useRef(duration);
+  const clearTimer = React29.useCallback(() => {
     if (timerRef.current !== null) {
       clearTimeout(timerRef.current);
       timerRef.current = null;
     }
   }, []);
-  const scheduleDismiss = React28.useCallback((ms) => {
+  const scheduleDismiss = React29.useCallback((ms) => {
     clearTimer();
     if (!isAutoDismissing) return;
     startTimeRef.current = Date.now();
     timerRef.current = setTimeout(() => onClose(n.id), ms);
   }, [clearTimer, isAutoDismissing, n.id, onClose]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (paused || !isAutoDismissing) return;
     scheduleDismiss(remainingRef.current);
     return clearTimer;
@@ -4353,15 +4353,15 @@ function NotificationProvider({
   children,
   position = "top-right"
 }) {
-  const [notifications, setNotifications] = React28.useState([]);
+  const [notifications, setNotifications] = React29.useState([]);
   const reduced = framerMotion.useReducedMotion();
-  const open = React28.useCallback((payload) => {
+  const open = React29.useCallback((payload) => {
     setNotifications((prev) => [
       ...prev,
       { duration: 4e3, ...payload, id: Date.now() + Math.random() }
     ]);
   }, []);
-  const close = React28.useCallback((id) => {
+  const close = React29.useCallback((id) => {
     setNotifications((prev) => prev.filter((n) => n.id !== id));
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(NotificationContext.Provider, { value: { open, close }, children: [
@@ -4390,7 +4390,7 @@ function NotificationProvider({
   ] });
 }
 function useNotification() {
-  const { open } = React28.useContext(NotificationContext);
+  const { open } = React29.useContext(NotificationContext);
   return {
     info: (props) => open({ type: "info", ...props }),
     success: (props) => open({ type: "success", ...props }),
@@ -4507,10 +4507,10 @@ function FadingBase({
   isMounted = false,
   children
 }) {
-  const [shouldRender, setShouldRender] = React28.useState(isMounted);
-  const [visible, setVisible] = React28.useState(false);
-  const timerRef = React28.useRef(null);
-  React28.useEffect(() => {
+  const [shouldRender, setShouldRender] = React29.useState(isMounted);
+  const [visible, setVisible] = React29.useState(false);
+  const timerRef = React29.useRef(null);
+  React29.useEffect(() => {
     if (isMounted) {
       setShouldRender(true);
       const rafId = requestAnimationFrame(() => setVisible(true));
@@ -4608,8 +4608,8 @@ function ScalableContainer({
   togglePosition = "top-right",
   className = ""
 }) {
-  const containerRef = React28.useRef(null);
-  const [internalScaled, setInternalScaled] = React28.useState(false);
+  const containerRef = React29.useRef(null);
+  const [internalScaled, setInternalScaled] = React29.useState(false);
   const isScaled = expanded ?? internalScaled;
   const reduced = framerMotion.useReducedMotion();
   const onToggle = () => {
@@ -4747,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] = React28.useState(0);
-  const [indexPool, setIndexPool] = React28.useState([]);
-  const cardRefs = React28.useRef([]);
-  const getIndexes = React28.useMemo(() => {
+  const [activeIndex, setActiveIndex] = React29.useState(0);
+  const [indexPool, setIndexPool] = React29.useState([]);
+  const cardRefs = React29.useRef([]);
+  const getIndexes = React29.useMemo(() => {
     let nextIndex = activeIndex + 1;
     let previousIndex = activeIndex - 1;
     if (activeIndex === 0) previousIndex = items.length - 1;
     if (activeIndex === items.length - 1) nextIndex = 0;
     return { previousIndex, nextIndex };
   }, [activeIndex, items.length]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     const { nextIndex, previousIndex } = getIndexes;
     let indexes = [previousIndex, activeIndex, nextIndex];
     if (activeIndex !== 0 && activeIndex !== items.length - 1) {
@@ -4930,8 +4930,8 @@ function writeDismissed(key) {
   }
 }
 function useTargetBbox(ref) {
-  const [bbox, setBbox] = React28.useState(null);
-  React28.useLayoutEffect(() => {
+  const [bbox, setBbox] = React29.useState(null);
+  React29.useLayoutEffect(() => {
     const el = ref?.current;
     if (!el) {
       setBbox(null);
@@ -4961,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) {
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (!active) return;
     const el = containerRef.current;
     if (!el) return;
@@ -5000,16 +5000,16 @@ function Wizard({
   onComplete,
   onSkip
 }) {
-  const tooltipRef = React28.useRef(null);
-  const tooltipTitleId = React28.useId();
-  const tooltipBodyId = React28.useId();
+  const tooltipRef = React29.useRef(null);
+  const tooltipTitleId = React29.useId();
+  const tooltipBodyId = React29.useId();
   const reduced = framerMotion.useReducedMotion();
-  const [open, setOpen] = React28.useState(() => steps.length > 0 && !readDismissed(storageKey));
-  const [activeIndex, setActiveIndex] = React28.useState(0);
+  const [open, setOpen] = React29.useState(() => steps.length > 0 && !readDismissed(storageKey));
+  const [activeIndex, setActiveIndex] = React29.useState(0);
   const step = steps[activeIndex];
   const bbox = useTargetBbox(step?.stepRef);
   useFocusTrap(tooltipRef, open);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (!open || !dismissible) return;
     const onKey = (e) => {
       if (e.key === "Escape") {
@@ -5020,12 +5020,12 @@ function Wizard({
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [open, dismissible]);
-  const handleSkip = React28.useCallback(() => {
+  const handleSkip = React29.useCallback(() => {
     writeDismissed(storageKey);
     setOpen(false);
     onSkip?.();
   }, [storageKey, onSkip]);
-  const handleComplete = React28.useCallback(() => {
+  const handleComplete = React29.useCallback(() => {
     writeDismissed(storageKey);
     setOpen(false);
     onComplete?.();
@@ -5168,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 = React28__default.default.forwardRef(function SearchInput2({ value, onChange, disabled, label, htmlFor, placeholder, name, inputStyle, style, layout = "vertical", size = "md", icon, helperText, className }, ref) {
+var SearchInput = React29__default.default.forwardRef(function SearchInput2({ value, onChange, disabled, label, htmlFor, placeholder, name, inputStyle, style, layout = "vertical", size = "md", icon, helperText, className }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(Field, { className, label, htmlFor, layout, helperText, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -5310,22 +5310,78 @@ function createDatasets(rows, perPage) {
 }
 var defaultGetRowKey = (_row, index) => index;
 var cellAlign = (align) => align === "left" ? "text-left" : align === "right" ? "text-right" : "text-center";
+function compareValues(a, b) {
+  if (a == null && b == null) return 0;
+  if (a == null) return -1;
+  if (b == null) return 1;
+  if (typeof a === "number" && typeof b === "number") return a - b;
+  if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();
+  if (typeof a === "boolean" && typeof b === "boolean") return a === b ? 0 : a ? 1 : -1;
+  return String(a).localeCompare(String(b), void 0, { numeric: true, sensitivity: "base" });
+}
+function SortGlyph({ direction }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", "aria-hidden": "true", className: "shrink-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M8 11l4-4 4 4",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: direction === "asc" ? "text-accent" : "text-foreground-muted",
+        opacity: direction === "asc" ? 1 : 0.45
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M8 13l4 4 4-4",
+        stroke: "currentColor",
+        strokeWidth: 2,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: direction === "desc" ? "text-accent" : "text-foreground-muted",
+        opacity: direction === "desc" ? 1 : 0.45
+      }
+    )
+  ] });
+}
 function TableHeader({
   columns,
-  hasExpand
+  hasExpand,
+  sort,
+  onSort
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-surface-raised border-b border-border", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
     hasExpand && /* @__PURE__ */ jsxRuntime.jsx("th", { "aria-hidden": "true", className: "w-9" }),
-    columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
-      "th",
-      {
-        scope: "col",
-        className: `${cellAlign(col.align)} text-sm font-semibold text-foreground py-3 px-3`,
-        style: col.width != null ? { width: col.width } : void 0,
-        children: col.label
-      },
-      col.key
-    ))
+    columns.map((col) => {
+      const active = sort?.key === col.keyBind;
+      const dir = active ? sort.direction : void 0;
+      const justify = col.align === "left" ? "justify-start" : col.align === "right" ? "justify-end" : "justify-center";
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "th",
+        {
+          scope: "col",
+          "aria-sort": col.sortable ? active ? dir === "asc" ? "ascending" : "descending" : "none" : void 0,
+          className: `${cellAlign(col.align)} text-sm font-semibold text-foreground py-3 px-3`,
+          style: col.width != null ? { width: col.width } : void 0,
+          children: col.sortable ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => onSort(col),
+              className: `inline-flex items-center gap-1.5 ${justify} w-full select-none rounded transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent ${active ? "text-accent" : "hover:text-accent"}`,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: col.label }),
+                /* @__PURE__ */ jsxRuntime.jsx(SortGlyph, { direction: dir })
+              ]
+            }
+          ) : col.label
+        },
+        col.key
+      );
+    })
   ] }) });
 }
 var DefaultExpandIcon = /* @__PURE__ */ jsxRuntime.jsx(
@@ -5333,26 +5389,68 @@ var DefaultExpandIcon = /* @__PURE__ */ jsxRuntime.jsx(
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
-    className: "w-5 h-5 text-foreground-muted",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    className: "w-4 h-4 text-foreground-muted",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" })
+  }
+);
+function EditableCell({
+  col,
+  row,
+  rowIndex,
+  onCellEdit
+}) {
+  const [editing, setEditing] = React29.useState(false);
+  const value = row[col.keyBind];
+  const commit = (next) => {
+    setEditing(false);
+    onCellEdit?.({ row, key: col.keyBind, value: next, rowIndex });
+  };
+  const cancel = () => setEditing(false);
+  if (editing) {
+    if (col.editor) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: col.editor({ value, row, commit, cancel }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
       {
-        fillRule: "evenodd",
-        d: "M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zM12.75 9a.75.75 0 00-1.5 0v2.25H9a.75.75 0 000 1.5h2.25V15a.75.75 0 001.5 0v-2.25H15a.75.75 0 000-1.5h-2.25V9z",
-        clipRule: "evenodd"
+        autoFocus: true,
+        defaultValue: value == null ? "" : String(value),
+        onBlur: (e) => commit(e.target.value),
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            e.preventDefault();
+            commit(e.target.value);
+          } else if (e.key === "Escape") {
+            e.preventDefault();
+            cancel();
+          }
+        },
+        "aria-label": `Edit ${typeof col.label === "string" ? col.label : col.keyBind}`,
+        className: "w-full rounded border border-accent bg-surface px-2 py-1 text-sm text-foreground outline-none"
       }
-    )
+    );
   }
-);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => setEditing(true),
+      title: "Click to edit",
+      className: `${cellAlign(col.align)} w-full cursor-text rounded px-1 py-0.5 hover:bg-background focus:outline-none focus-visible:ring-2 focus-visible:ring-accent`,
+      children: col.component ? col.component(value, row) : value
+    }
+  );
+}
 function TableBody({
   columns,
   rows,
   expandRow,
-  getRowKey
+  getRowKey,
+  onCellEdit
 }) {
-  const [expanded, setExpanded] = React28.useState(() => /* @__PURE__ */ new Set());
+  const [expanded, setExpanded] = React29.useState(() => /* @__PURE__ */ new Set());
   const reduced = framerMotion.useReducedMotion();
   const toggleRow = (rowKey) => {
     setExpanded((prev) => {
@@ -5367,7 +5465,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(React28__default.default.Fragment, { children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(React29__default.default.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "tr",
         {
@@ -5380,15 +5478,15 @@ function TableBody({
                 onClick: () => toggleRow(rowKey),
                 "aria-expanded": isExpanded,
                 "aria-label": isExpanded ? "Collapse row" : "Expand row",
-                className: `w-9 h-9 inline-flex items-center justify-center rounded-md hover:bg-surface/80 transition-transform duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent ${isExpanded ? "rotate-180" : ""}`,
-                children: expandRow.expandIcon ?? DefaultExpandIcon
+                className: `w-9 h-9 inline-flex items-center justify-center rounded-md hover:bg-background transition-transform duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent ${isExpanded && !expandRow.collapseIcon ? "rotate-180" : ""}`,
+                children: isExpanded ? expandRow.collapseIcon ?? expandRow.expandIcon ?? DefaultExpandIcon : expandRow.expandIcon ?? DefaultExpandIcon
               }
             ) }),
             columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
               "td",
               {
                 className: `${cellAlign(col.align)} text-sm text-foreground py-2 px-3 align-middle`,
-                children: col.component ? col.component(row[col.keyBind], row) : row[col.keyBind]
+                children: col.editable ? /* @__PURE__ */ jsxRuntime.jsx(EditableCell, { col, row, rowIndex: i, onCellEdit }) : col.component ? col.component(row[col.keyBind], row) : row[col.keyBind]
               },
               col.key
             ))
@@ -5423,9 +5521,9 @@ function Pagination({
   const matchedOption = picker.find(
     (o) => o.label === options.perPage || o.value === options.perPage
   );
-  const [perPageKey, setPerPageKey] = React28.useState(() => matchedOption?.key ?? picker[0]?.key);
+  const [perPageKey, setPerPageKey] = React29.useState(() => matchedOption?.key ?? picker[0]?.key);
   const displayPerPageKey = serverSide ? matchedOption?.key ?? perPageKey : perPageKey;
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (serverSide && options.perPage != null) {
       const next = picker.find((o) => o.label === options.perPage || o.value === options.perPage);
       if (next) setPerPageKey(next.key);
@@ -5482,6 +5580,10 @@ function Table({
   pagination = DEFAULT_PAGINATION,
   expandRow = DEFAULT_EXPAND,
   hasSearch = true,
+  search,
+  defaultSort = null,
+  onSortChange,
+  onCellEdit,
   footer = null,
   header = null,
   loading = false,
@@ -5489,45 +5591,79 @@ function Table({
   className = "",
   style
 }) {
-  const searchRef = React28.useRef(null);
-  const [searchTerm, setSearchTerm] = React28.useState("");
-  const [perPage, setPerPage] = React28.useState(
+  const searchRef = React29.useRef(null);
+  const [searchTerm, setSearchTerm] = React29.useState("");
+  const [perPage, setPerPage] = React29.useState(
     typeof pagination.perPage === "number" ? pagination.perPage : 15
   );
-  const [activePage, setActivePage] = React28.useState(0);
+  const [activePage, setActivePage] = React29.useState(0);
+  const [sortState, setSortState] = React29.useState(defaultSort);
   const isServerSide = !!(pagination.enabled && pagination.serverSide);
-  const filteredRows = React28.useMemo(() => {
-    if (isServerSide || !searchTerm) return rows;
-    const term = searchTerm.toLowerCase();
-    return rows.filter(
-      (row) => Object.values(row).some(
-        (v) => v != null && String(v).toLowerCase().includes(term)
-      )
-    );
-  }, [rows, searchTerm, isServerSide]);
-  const datasets = React28.useMemo(() => {
+  const handleSort = (col) => {
+    const key = col.keyBind;
+    let next;
+    if (!sortState || sortState.key !== key) next = { key, direction: "asc" };
+    else if (sortState.direction === "asc") next = { key, direction: "desc" };
+    else next = null;
+    setSortState(next);
+    onSortChange?.(next);
+  };
+  const debounceMs = search?.debounceMs ?? 0;
+  const [debouncedTerm, setDebouncedTerm] = React29.useState("");
+  React29.useEffect(() => {
+    if (debounceMs <= 0) {
+      setDebouncedTerm(searchTerm);
+      return;
+    }
+    const t = setTimeout(() => setDebouncedTerm(searchTerm), debounceMs);
+    return () => clearTimeout(t);
+  }, [searchTerm, debounceMs]);
+  const term = debounceMs > 0 ? debouncedTerm : searchTerm;
+  const filteredRows = React29.useMemo(() => {
+    if (isServerSide || !term) return rows;
+    if (search?.predicate) return rows.filter((row) => search.predicate(row, term));
+    const cs = !!search?.caseSensitive;
+    const needle = cs ? term : term.toLowerCase();
+    const mode = search?.matchMode ?? "contains";
+    const keys = search?.keys;
+    const test = (raw) => {
+      if (raw == null) return false;
+      const s = cs ? String(raw) : String(raw).toLowerCase();
+      return mode === "startsWith" ? s.startsWith(needle) : mode === "equals" ? s === needle : s.includes(needle);
+    };
+    return rows.filter((row) => keys ? keys.some((k) => test(row[k])) : Object.values(row).some(test));
+  }, [rows, term, isServerSide, search?.predicate, search?.caseSensitive, search?.matchMode, search?.keys]);
+  const sortedRows = React29.useMemo(() => {
+    if (isServerSide || !sortState) return filteredRows;
+    const col = columns.find((c) => c.keyBind === sortState.key);
+    const accessor = col?.sortAccessor ?? ((r) => r[sortState.key]);
+    const out = [...filteredRows].sort((a, b) => compareValues(accessor(a), accessor(b)));
+    if (sortState.direction === "desc") out.reverse();
+    return out;
+  }, [filteredRows, sortState, isServerSide, columns]);
+  const datasets = React29.useMemo(() => {
     if (isServerSide) return [rows];
-    return createDatasets(filteredRows, pagination.enabled ? perPage : null);
-  }, [filteredRows, perPage, pagination.enabled, isServerSide, rows]);
-  const MAX_PAGE = React28.useMemo(() => {
+    return createDatasets(sortedRows, pagination.enabled ? perPage : null);
+  }, [sortedRows, perPage, pagination.enabled, isServerSide, rows]);
+  const MAX_PAGE = React29.useMemo(() => {
     if (isServerSide && typeof pagination.maxPage === "number") return Math.max(0, pagination.maxPage);
     if (isServerSide && typeof pagination.totalCount === "number")
       return Math.max(0, Math.ceil(pagination.totalCount / perPage) - 1);
     return datasets.length ? datasets.length - 1 : 0;
   }, [isServerSide, pagination.maxPage, pagination.totalCount, perPage, datasets.length]);
-  const currentPageRows = React28.useMemo(() => {
+  const currentPageRows = React29.useMemo(() => {
     if (isServerSide) return rows;
     return datasets[activePage] ?? [];
   }, [isServerSide, rows, datasets, activePage]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (pagination.enabled && !isServerSide && typeof pagination.perPage === "number") {
       setPerPage(pagination.perPage);
     }
   }, [pagination.enabled, pagination.perPage, isServerSide]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (isServerSide && typeof pagination.perPage === "number") setPerPage(pagination.perPage);
   }, [isServerSide, pagination.perPage]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (isServerSide && typeof pagination.page === "number" && pagination.page >= 1)
       setActivePage(pagination.page - 1);
   }, [isServerSide, pagination.page]);
@@ -5547,32 +5683,36 @@ function Table({
     }
     setActivePage(newPage);
   };
+  const pagPos = pagination.position ?? "top";
+  const showTopPager = !!pagination.enabled && (pagPos === "top" || pagPos === "both");
+  const showBottomPager = !!pagination.enabled && (pagPos === "bottom" || pagPos === "both");
+  const pager = /* @__PURE__ */ jsxRuntime.jsx(
+    Pagination,
+    {
+      activePage,
+      onPageChange: handlePageChange,
+      maxPage: MAX_PAGE,
+      onPerPageChange: onPaginationChange,
+      options: pagination,
+      serverSide: isServerSide
+    }
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full h-max rounded-lg ${className}`.trim(), style, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
-      hasSearch && /* @__PURE__ */ jsxRuntime.jsx(
+    (hasSearch || showTopPager) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3 mb-2", children: [
+      hasSearch ? /* @__PURE__ */ jsxRuntime.jsx(
         SearchInput_default,
         {
           ref: searchRef,
           value: searchTerm,
           onChange: onSearchChange,
-          placeholder: "Search term..."
+          placeholder: search?.placeholder ?? "Search term..."
         }
-      ),
-      pagination.enabled && /* @__PURE__ */ jsxRuntime.jsx(
-        Pagination,
-        {
-          activePage,
-          onPageChange: handlePageChange,
-          maxPage: MAX_PAGE,
-          onPerPageChange: onPaginationChange,
-          options: pagination,
-          serverSide: isServerSide
-        }
-      )
+      ) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+      showTopPager && pager
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { children: header }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full border-collapse", "aria-busy": loading || void 0, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { columns, hasExpand: !!expandRow.enabled }),
+      /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { columns, hasExpand: !!expandRow.enabled, sort: sortState, onSort: handleSort }),
       loading ? /* @__PURE__ */ jsxRuntime.jsx(
         TableSkeletonBody,
         {
@@ -5586,10 +5726,12 @@ function Table({
           columns,
           rows: currentPageRows,
           expandRow,
-          getRowKey
+          getRowKey,
+          onCellEdit
         }
       )
     ] }) }),
+    showBottomPager && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 flex justify-end", children: pager }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { children: footer })
   ] });
 }
@@ -5610,8 +5752,86 @@ function TableSkeletonBody({
     i
   )) });
 }
+var useIsoLayoutEffect = typeof window !== "undefined" ? React29.useLayoutEffect : React29.useEffect;
+function VirtualList({
+  items,
+  rowHeight,
+  renderItem: renderItem2,
+  height = 400,
+  getKey,
+  overscan = 6,
+  searchable = false,
+  searchKeys,
+  filter,
+  searchPlaceholder = "Search\u2026",
+  emptyState = "No results",
+  "aria-label": ariaLabel = "List",
+  className = "",
+  style
+}) {
+  const scrollRef = React29.useRef(null);
+  const [scrollTop, setScrollTop] = React29.useState(0);
+  const [viewport, setViewport] = React29.useState(typeof height === "number" ? height : 400);
+  const [term, setTerm] = React29.useState("");
+  useIsoLayoutEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const measure = () => setViewport(el.clientHeight);
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(measure);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const filtered = React29.useMemo(() => {
+    if (!searchable || !term) return items;
+    if (filter) return items.filter((it) => filter(it, term));
+    const needle = term.toLowerCase();
+    return items.filter((it) => {
+      if (searchKeys) return searchKeys.some((k) => String(it[k] ?? "").toLowerCase().includes(needle));
+      return String(it).toLowerCase().includes(needle);
+    });
+  }, [items, searchable, term, filter, searchKeys]);
+  const total = filtered.length * rowHeight;
+  const startIndex = Math.max(0, Math.floor(scrollTop / rowHeight) - overscan);
+  const endIndex = Math.min(filtered.length, Math.ceil((scrollTop + viewport) / rowHeight) + overscan);
+  const offsetY = startIndex * rowHeight;
+  const visible = filtered.slice(startIndex, endIndex);
+  const onSearch = (e) => {
+    setTerm(e.target.value);
+    setScrollTop(0);
+    if (scrollRef.current) scrollRef.current.scrollTop = 0;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex w-full flex-col gap-2", className), style, children: [
+    searchable && /* @__PURE__ */ jsxRuntime.jsx(SearchInput_default, { value: term, onChange: onSearch, placeholder: searchPlaceholder }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: scrollRef,
+        onScroll: (e) => setScrollTop(e.currentTarget.scrollTop),
+        role: "list",
+        "aria-label": ariaLabel,
+        className: "relative overflow-y-auto rounded-lg border border-border bg-surface",
+        style: { height },
+        children: filtered.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center p-6 text-sm text-foreground-muted", children: emptyState }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: total, position: "relative" }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: { transform: `translateY(${offsetY}px)` }, children: visible.map((item, i) => {
+          const index = startIndex + i;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              role: "listitem",
+              style: { height: rowHeight },
+              className: "box-border",
+              children: renderItem2(item, index)
+            },
+            getKey ? getKey(item, index) : index
+          );
+        }) }) })
+      }
+    )
+  ] });
+}
 function ThemeSwitch({ checked, onChange, label = "Toggle dark mode", className = "" }) {
-  const id = React28.useId();
+  const id = React29.useId();
   return /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, className: `flex items-center gap-2 cursor-pointer select-none ${className}`.trim(), children: /* @__PURE__ */ jsxRuntime.jsx(
     SwitchPrimitive__namespace.Root,
     {
@@ -5795,7 +6015,7 @@ function Sidebar({
     }
   ) });
 }
-var MegaMenuContext = React28.createContext({ align: "start" });
+var MegaMenuContext = React29.createContext({ align: "start" });
 function MegaMenu({
   children,
   align = "start",
@@ -5826,7 +6046,7 @@ function MegaMenu({
 }
 var TOP_ITEM = "group/top inline-flex items-center gap-1.5 h-10 px-3 rounded-md text-sm font-medium select-none text-foreground-secondary hover:text-foreground hover:bg-surface-raised data-[state=open]:text-accent data-[active]:text-accent transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent";
 function MegaMenuItem({ label, icon, href, children, className = "" }) {
-  const { align } = React28.useContext(MegaMenuContext);
+  const { align } = React29.useContext(MegaMenuContext);
   const pos = align === "center" ? "left-1/2 -translate-x-1/2" : align === "end" ? "right-0" : "left-0";
   if (!children) {
     return /* @__PURE__ */ jsxRuntime.jsx(NavigationMenu__namespace.Item, { children: /* @__PURE__ */ jsxRuntime.jsxs(NavigationMenu__namespace.Link, { href, className: cx(TOP_ITEM, className), children: [
@@ -5911,8 +6131,8 @@ function MegaMenuLink({ href, icon, description, active, onClick, children, clas
 function MegaMenuFeatured({ children, className = "" }) {
   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) => React28__default.default.Children.toArray(children).filter(
-  (c) => React28__default.default.isValidElement(c) && c.type === type
+var elementsOfType = (children, type) => React29__default.default.Children.toArray(children).filter(
+  (c) => React29__default.default.isValidElement(c) && c.type === type
 );
 var MOBILE_CHEVRON = /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
@@ -5949,9 +6169,9 @@ function MobileLinkRow({ link, onNavigate }) {
   );
 }
 function MobilePanel({ panel, onNavigate }) {
-  const nodes = React28__default.default.Children.toArray(panel.props.children);
+  const nodes = React29__default.default.Children.toArray(panel.props.children);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4 px-2 pb-3 pt-1", children: nodes.map((node, i) => {
-    if (!React28__default.default.isValidElement(node)) return null;
+    if (!React29__default.default.isValidElement(node)) return null;
     const el = node;
     if (el.type === MegaMenuSection) {
       const { title, children } = el.props;
@@ -5970,8 +6190,8 @@ function MegaMenuMobile({
   children,
   label
 }) {
-  const [open, setOpen] = React28.useState(false);
-  const [expanded, setExpanded] = React28.useState(null);
+  const [open, setOpen] = React29.useState(false);
+  const [expanded, setExpanded] = React29.useState(null);
   const items = elementsOfType(children, MegaMenuItem);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "md:hidden w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -6044,17 +6264,17 @@ function AppShell({
   children,
   className = ""
 }) {
-  const [expanded, setExpanded] = React28.useState(sidebarDefaultExpanded);
-  const [isMobile, setIsMobile] = React28.useState(false);
-  const [mobileOpen, setMobileOpen] = React28.useState(false);
-  React28.useEffect(() => {
+  const [expanded, setExpanded] = React29.useState(sidebarDefaultExpanded);
+  const [isMobile, setIsMobile] = React29.useState(false);
+  const [mobileOpen, setMobileOpen] = React29.useState(false);
+  React29.useEffect(() => {
     const mq = window.matchMedia("(max-width: 767px)");
     const update = (e) => setIsMobile(e.matches);
     update(mq);
     mq.addEventListener("change", update);
     return () => mq.removeEventListener("change", update);
   }, []);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (!isMobile) setMobileOpen(false);
   }, [isMobile]);
   const hasSidebar = sidebarSections.length > 0;
@@ -6181,7 +6401,7 @@ function SecureLayout({
   className = ""
 }) {
   const reduced = framerMotion.useReducedMotion();
-  const cbs = React28.useRef({ canAccess, onGranted, onDeny });
+  const cbs = React29.useRef({ canAccess, onGranted, onDeny });
   cbs.current = { canAccess, onGranted, onDeny };
   const rolesKey = JSON.stringify(roles);
   const requiredRolesKey = JSON.stringify(requiredRoles);
@@ -6196,10 +6416,10 @@ function SecureLayout({
     if (requiredPermissions?.length && !has(permissions, requiredPermissions, requireAllPermissions)) return false;
     return true;
   };
-  const [state, setState] = React28.useState(
+  const [state, setState] = React29.useState(
     () => !passesSync() ? "denied" : canAccess ? "checking" : "granted"
   );
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     let cancelled = false;
     const { canAccess: check, onGranted: granted, onDeny: deny } = cbs.current;
     const finish = (ok) => {
@@ -6360,10 +6580,10 @@ function ThemeProvider({
   className = "",
   style
 }) {
-  const id = React28__default.default.useId().replace(/:/g, "");
+  const id = React29__default.default.useId().replace(/:/g, "");
   const scopeClass = `geo-th-${id}`;
-  const divRef = React28.useRef(null);
-  React28.useEffect(() => {
+  const divRef = React29.useRef(null);
+  React29.useEffect(() => {
     const el = divRef.current;
     if (!el) return;
     if (colorScheme === "auto") return;
@@ -6378,8 +6598,8 @@ function ThemeProvider({
     }
     el.classList.toggle("dark", colorScheme === "dark");
   }, [colorScheme]);
-  const lightVars = React28.useMemo(() => toCssVars(theme), [theme]);
-  const darkVarStr = React28.useMemo(() => {
+  const lightVars = React29.useMemo(() => toCssVars(theme), [theme]);
+  const darkVarStr = React29.useMemo(() => {
     if (!darkTheme) return "";
     const dvars = toCssVars(darkTheme);
     if (!Object.keys(dvars).length) return "";
@@ -6421,7 +6641,7 @@ function NumberInput({
   readOnly = false,
   precision
 }) {
-  const errorId = React28.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
   const inferredPrecision = precision ?? (Number.isInteger(step) ? 0 : String(step).split(".")[1]?.length ?? 0);
   const round = (n) => {
@@ -6552,8 +6772,8 @@ function Password({
   showIcon,
   hideIcon
 }) {
-  const [visible, setVisible] = React28.useState(false);
-  const errorId = React28.useId();
+  const [visible, setVisible] = React29.useState(false);
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Field,
@@ -6607,6 +6827,161 @@ function Password({
     }
   );
 }
+var defaultPasswordRules = [
+  { label: "At least 8 characters", test: (p) => p.length >= 8 },
+  { label: "A lowercase letter", test: (p) => /[a-z]/.test(p) },
+  { label: "An uppercase letter", test: (p) => /[A-Z]/.test(p) },
+  { label: "A number", test: (p) => /\d/.test(p) },
+  { label: "A symbol", test: (p) => /[^A-Za-z0-9]/.test(p) }
+];
+var LABELS = ["", "Weak", "Fair", "Good", "Strong"];
+function scorePassword(password) {
+  if (!password) return { score: 0, label: "" };
+  let s = 0;
+  if (password.length >= 8) s++;
+  if (/[a-z]/.test(password) && /[A-Z]/.test(password)) s++;
+  if (/\d/.test(password)) s++;
+  if (/[^A-Za-z0-9]/.test(password)) s++;
+  if (password.length >= 12) s++;
+  const lowEntropy = /^(.)\1+$/.test(password) || /^(?:0123456789|abcdefghijklmnopqrstuvwxyz|qwertyuiop)/i.test(password);
+  if (lowEntropy) s = Math.min(s, 1);
+  const score = Math.max(1, Math.min(4, s));
+  return { score, label: LABELS[score] };
+}
+var BAR_COLOR = {
+  0: "bg-border",
+  1: "bg-status-error",
+  2: "bg-status-warning",
+  3: "bg-accent",
+  4: "bg-status-success"
+};
+var TEXT_COLOR = {
+  0: "text-foreground-muted",
+  1: "text-status-error",
+  2: "text-status-warning",
+  3: "text-accent",
+  4: "text-status-success"
+};
+var Tick = ({ ok }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 20 20", "aria-hidden": "true", className: cx("h-3.5 w-3.5 shrink-0", ok ? "text-status-success" : "text-foreground-muted"), children: ok ? /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd", d: "M10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm3.7 6.3a1 1 0 0 0-1.4-1.4L9 10.18 7.7 8.88a1 1 0 0 0-1.4 1.42l2 2a1 1 0 0 0 1.4 0l4-4Z" }) : /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "10", cy: "10", r: "2.5", fill: "currentColor" }) });
+function PasswordStrength({
+  value,
+  scorer = scorePassword,
+  showRequirements = false,
+  rules = defaultPasswordRules,
+  confirmValue,
+  hideMeter = false,
+  className = "",
+  style
+}) {
+  const { score, label } = React29.useMemo(() => scorer(value), [scorer, value]);
+  const showMatch = confirmValue != null && (value.length > 0 || confirmValue.length > 0);
+  const matches = value.length > 0 && value === confirmValue;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex flex-col gap-2", className), style, "aria-live": "polite", children: [
+    !hideMeter && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1", role: "meter", "aria-valuemin": 0, "aria-valuemax": 4, "aria-valuenow": score, "aria-label": "Password strength", children: [1, 2, 3, 4].map((seg) => /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: cx("h-1.5 flex-1 rounded-full transition-colors duration-200", seg <= score ? BAR_COLOR[score] : "bg-border")
+        },
+        seg
+      )) }),
+      label && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground-muted", children: "Strength: " }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx("font-medium", TEXT_COLOR[score]), children: label })
+      ] })
+    ] }),
+    showRequirements && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-0.5 flex flex-col gap-1", children: rules.map((rule, i) => {
+      const ok = rule.test(value);
+      return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cx("flex items-center gap-1.5 text-xs", ok ? "text-foreground-secondary" : "text-foreground-muted"), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Tick, { ok }),
+        rule.label
+      ] }, i);
+    }) }),
+    showMatch && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx("flex items-center gap-1.5 text-xs font-medium", matches ? "text-status-success" : "text-status-error"), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Tick, { ok: matches }),
+      matches ? "Passwords match" : "Passwords don\u2019t match"
+    ] })
+  ] });
+}
+var COLS = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 sm:grid-cols-2",
+  3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3"
+};
+var PAD2 = { sm: "p-3", md: "p-4", lg: "p-5" };
+var TITLE = { sm: "text-sm", md: "text-sm", lg: "text-base" };
+var CheckMark = /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", className: "h-5 w-5 text-accent", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2.25a9.75 9.75 0 1 0 0 19.5 9.75 9.75 0 0 0 0-19.5Zm4.28 7.53a.75.75 0 0 0-1.06-1.06l-4.97 4.97-1.97-1.97a.75.75 0 1 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l5.5-5.5Z" }) });
+function RadioTile({
+  options,
+  value,
+  defaultValue,
+  onChange,
+  name,
+  label,
+  columns = 2,
+  size = "md",
+  disabled,
+  required,
+  helperText,
+  errorMessage,
+  className
+}) {
+  const groupId = React29.useId();
+  const errorId = React29.useId();
+  const hasError = errorMessage != null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Field,
+    {
+      className,
+      label,
+      htmlFor: groupId,
+      errorId,
+      errorMessage,
+      required,
+      helperText,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        RadioGroupPrimitive__namespace.Root,
+        {
+          id: groupId,
+          name,
+          value,
+          defaultValue,
+          onValueChange: onChange,
+          disabled,
+          required,
+          "aria-invalid": hasError || void 0,
+          "aria-describedby": hasError ? errorId : void 0,
+          className: cx("grid gap-3", COLS[columns]),
+          children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
+            RadioGroupPrimitive__namespace.Item,
+            {
+              value: opt.value,
+              disabled: opt.disabled,
+              className: cx(
+                "group relative flex flex-col gap-1 rounded-xl border bg-surface text-left transition-all duration-150",
+                PAD2[size],
+                "border-border hover:border-border-strong",
+                "data-[state=checked]:border-accent data-[state=checked]:ring-1 data-[state=checked]:ring-accent",
+                "focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
+                "disabled:cursor-not-allowed disabled:opacity-50"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, { className: "absolute right-3 top-3", children: CheckMark }),
+                opt.icon != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mb-1 text-accent [&>svg]:h-6 [&>svg]:w-6", children: opt.icon }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2 pr-6", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx("font-semibold text-foreground", TITLE[size]), children: opt.label }),
+                  opt.badge != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full border border-border bg-surface-raised px-2 py-0.5 text-[11px] font-medium text-foreground-secondary", children: opt.badge })
+                ] }),
+                opt.description != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs leading-relaxed text-foreground-secondary", children: opt.description })
+              ]
+            },
+            opt.value
+          ))
+        }
+      )
+    }
+  );
+}
 function Checkbox({
   checked,
   value,
@@ -6626,7 +7001,7 @@ function Checkbox({
 }) {
   const isChecked = checked ?? value ?? false;
   const labelFirst = labelPosition === "left";
-  const errorId = React28.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
   const box = /* @__PURE__ */ jsxRuntime.jsx(
     CheckboxPrimitive__namespace.Root,
@@ -6734,8 +7109,8 @@ function RadioGroup({
   className,
   errorMessage
 }) {
-  const errorId = React28.useId();
-  const groupId = React28.useId();
+  const errorId = React29.useId();
+  const groupId = React29.useId();
   const hasError = errorMessage != null;
   const labelFirst = labelPosition === "left";
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -6835,11 +7210,11 @@ function Switch({
   disabled,
   errorMessage
 }) {
-  const id = React28.useId();
-  const errorId = React28.useId();
+  const id = React29.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
   const isControlled = checked !== void 0;
-  const [internal, setInternal] = React28.useState(defaultChecked);
+  const [internal, setInternal] = React29.useState(defaultChecked);
   const isOn = isControlled ? checked : internal;
   const handle = (c) => {
     if (!isControlled) setInternal(c);
@@ -6915,11 +7290,11 @@ function MultiTagRow({
   labelFor,
   onRemove
 }) {
-  const wrapRef = React28.useRef(null);
-  const measureRef = React28.useRef(null);
-  const [visibleCount, setVisibleCount] = React28.useState(values.length);
+  const wrapRef = React29.useRef(null);
+  const measureRef = React29.useRef(null);
+  const [visibleCount, setVisibleCount] = React29.useState(values.length);
   const key = values.map(String).join("|");
-  React28.useLayoutEffect(() => {
+  React29.useLayoutEffect(() => {
     const wrap = wrapRef.current;
     const measure = measureRef.current;
     if (!wrap || !measure) return;
@@ -7013,16 +7388,16 @@ function Dropdown({
   size = "md",
   className = ""
 }) {
-  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 [open, setOpen] = React29.useState(false);
+  const [selectedItems, setSelectedItems] = React29.useState([]);
+  const [searchTerm, setSearchTerm] = React29.useState("");
+  const [innerItems, setInnerItems] = React29.useState([]);
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     setInnerItems(items);
   }, [items]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (isMultiselect && Array.isArray(value)) {
       setSelectedItems(value);
     }
@@ -7214,19 +7589,19 @@ function AutoComplete({
   required,
   htmlFor
 }) {
-  const errorId = React28.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  const [term, setTerm] = React28.useState("");
-  const [open, setOpen] = React28.useState(false);
-  const [asyncItems, setAsyncItems] = React28.useState([]);
-  const [loading, setLoading] = React28.useState(false);
+  const [term, setTerm] = React29.useState("");
+  const [open, setOpen] = React29.useState(false);
+  const [asyncItems, setAsyncItems] = React29.useState([]);
+  const [loading, setLoading] = React29.useState(false);
   const isAsync = typeof onSearch === "function";
-  const debounceRef = React28.useRef(null);
-  const requestIdRef = React28.useRef(0);
+  const debounceRef = React29.useRef(null);
+  const requestIdRef = React29.useRef(0);
   const staticFiltered = isAsync || !items ? [] : term.trim() ? items.filter(
     ({ key, label: label2 }) => label2.toLowerCase().includes(term.toLowerCase()) || key.toLowerCase().includes(term.toLowerCase())
   ) : [];
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (!isAsync) return;
     if (debounceRef.current) clearTimeout(debounceRef.current);
     if (!term.trim()) {
@@ -7382,15 +7757,15 @@ function TreeSelect({
   defaultExpandedKeys = [],
   size = "md"
 }) {
-  const errorId = React28.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  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(() => {
+  const [open, setOpen] = React29.useState(false);
+  const [expanded, setExpanded] = React29.useState(() => new Set(defaultExpandedKeys));
+  const [activeIndex, setActiveIndex] = React29.useState(0);
+  const listRef = React29.useRef(null);
+  const visible = React29.useMemo(() => flattenVisible(items, expanded), [items, expanded]);
+  const didSyncOnOpenRef = React29.useRef(false);
+  React29.useEffect(() => {
     if (!open) {
       didSyncOnOpenRef.current = false;
       return;
@@ -7400,7 +7775,7 @@ function TreeSelect({
     setActiveIndex(selectedIdx >= 0 ? selectedIdx : 0);
     didSyncOnOpenRef.current = true;
   }, [open, value]);
-  const selectedNode = React28.useMemo(
+  const selectedNode = React29.useMemo(
     () => value != null ? findNodeByKey(items, value) : null,
     [items, value]
   );
@@ -7631,11 +8006,11 @@ function FileInput({
   required,
   icon
 }) {
-  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 inputRef = React29.useRef(null);
+  const errorId = React29.useId();
+  const [files, setFiles] = React29.useState([]);
+  const [dragging, setDragging] = React29.useState(false);
+  const [sizeError, setSizeError] = React29.useState(null);
   const effectiveError = errorMessage ?? sizeError ?? void 0;
   const openPicker = () => {
     if (!disabled) inputRef.current?.click();
@@ -7826,30 +8201,30 @@ function DatePicker({
   size = "md",
   className = ""
 }) {
-  const errorId = React28.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  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(() => {
+  const [open, setOpen] = React29.useState(false);
+  const [viewMonth, setViewMonth] = React29.useState(() => startOfMonth2(value ?? /* @__PURE__ */ new Date()));
+  const [focusDate, setFocusDate] = React29.useState(() => value ?? /* @__PURE__ */ new Date());
+  const [view, setView] = React29.useState("days");
+  const gridRef = React29.useRef(null);
+  React29.useEffect(() => {
     if (!open) return;
     const target = value ?? /* @__PURE__ */ new Date();
     setViewMonth(startOfMonth2(target));
     setFocusDate(target);
     setView("days");
   }, [open, value]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (!open) return;
     const cell = gridRef.current?.querySelector(`[data-day="${defaultFormat3(focusDate)}"]`);
     cell?.focus();
   }, [open, focusDate]);
-  const weekdays = React28.useMemo(() => {
+  const weekdays = React29.useMemo(() => {
     const ordered = WEEKDAY_SHORT.slice(weekStartsOn).concat(WEEKDAY_SHORT.slice(0, weekStartsOn));
     return ordered;
   }, [weekStartsOn]);
-  const grid = React28.useMemo(() => buildGrid(viewMonth, weekStartsOn), [viewMonth, weekStartsOn]);
+  const grid = React29.useMemo(() => buildGrid(viewMonth, weekStartsOn), [viewMonth, weekStartsOn]);
   const isDisabled = (d) => {
     if (min && d < min) return true;
     if (max && d > max) return true;
@@ -8139,10 +8514,10 @@ function TextArea({
   style,
   inputStyle
 }) {
-  const errorId = React28.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  const ref = React28.useRef(null);
-  React28.useLayoutEffect(() => {
+  const ref = React29.useRef(null);
+  React29.useLayoutEffect(() => {
     if (!autoGrow) return;
     const el = ref.current;
     if (!el) return;
@@ -8214,14 +8589,14 @@ function Slider({
   name,
   htmlFor
 }) {
-  const errorId = React28.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
   const isRange = Array.isArray(value ?? defaultValue);
-  const [internal, setInternal] = React28.useState(
+  const [internal, setInternal] = React29.useState(
     () => toArray(value) ?? toArray(defaultValue) ?? [min]
   );
   const current = toArray(value) ?? internal;
-  const [dragging, setDragging] = React28.useState(false);
+  const [dragging, setDragging] = React29.useState(false);
   const emit = (arr) => {
     setInternal(arr);
     const next = isRange ? [arr[0], arr[1]] : arr[0];
@@ -8316,11 +8691,11 @@ function TagsInput({
   validate,
   separators = ["Enter", ","]
 }) {
-  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 errorId = React29.useId();
+  const inputRef = React29.useRef(null);
+  const [internal, setInternal] = React29.useState(defaultValue ?? []);
+  const [draft, setDraft] = React29.useState("");
+  const [localError, setLocalError] = React29.useState(null);
   const tags = value ?? internal;
   const hasError = errorMessage != null || localError != null;
   const errorText = errorMessage ?? localError ?? void 0;
@@ -8451,9 +8826,9 @@ function OtpInput({
   className,
   groupAfter
 }) {
-  const errorId = React28.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  const refs = React28.useRef([]);
+  const refs = React29.useRef([]);
   const chars = Array.from({ length }, (_, i) => value[i] ?? "");
   const pattern = mode === "numeric" ? /[0-9]/ : /[a-zA-Z0-9]/;
   const emit = (next) => {
@@ -8502,7 +8877,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(React28__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(React29__default.default.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {
@@ -8560,9 +8935,9 @@ function Rating({
   className,
   required
 }) {
-  const errorId = React28.useId();
-  const [internal, setInternal] = React28.useState(defaultValue);
-  const [hover, setHover] = React28.useState(null);
+  const errorId = React29.useId();
+  const [internal, setInternal] = React29.useState(defaultValue);
+  const [hover, setHover] = React29.useState(null);
   const current = value ?? internal;
   const display2 = hover ?? current;
   const interactive = !readOnly && !disabled;
@@ -8685,9 +9060,9 @@ function TimePicker({
   required,
   style
 }) {
-  const errorId = React28.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  const [open, setOpen] = React28.useState(false);
+  const [open, setOpen] = React29.useState(false);
   const parsed = parse(value) ?? { h: 0, m: 0, s: 0 };
   const update = (next) => {
     const merged = { ...parsed, ...next };
@@ -8811,13 +9186,13 @@ function DateRangePicker({
   required,
   style
 }) {
-  const errorId = React28.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  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(
+  const [open, setOpen] = React29.useState(false);
+  const [leftMonth, setLeftMonth] = React29.useState(() => startOfMonth3(value.start ?? /* @__PURE__ */ new Date()));
+  const [pendingStart, setPendingStart] = React29.useState(null);
+  const [hoverDate, setHoverDate] = React29.useState(null);
+  const weekdays = React29.useMemo(
     () => WEEKDAY.slice(weekStartsOn).concat(WEEKDAY.slice(0, weekStartsOn)),
     [weekStartsOn]
   );
@@ -8993,10 +9368,10 @@ function ColorPicker({
   required,
   placeholder = "Pick a colour\u2026"
 }) {
-  const errorId = React28.useId();
+  const errorId = React29.useId();
   const hasError = errorMessage != null;
-  const [open, setOpen] = React28.useState(false);
-  const [draft, setDraft] = React28.useState(value);
+  const [open, setOpen] = React29.useState(false);
+  const [draft, setDraft] = React29.useState(value);
   const valid = HEX_RE.test(value);
   const pick = (hex) => {
     onChange?.(hex);
@@ -9083,7 +9458,7 @@ function ColorPicker({
 }
 var CUSTOM_EVENT = "oxy-local-storage";
 function useLocalStorage(key, initialValue) {
-  const read = React28.useCallback(() => {
+  const read = React29.useCallback(() => {
     if (typeof window === "undefined") return initialValue;
     try {
       const item = window.localStorage.getItem(key);
@@ -9092,8 +9467,8 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   }, [key]);
-  const [stored, setStored] = React28.useState(read);
-  const setValue = React28.useCallback((value) => {
+  const [stored, setStored] = React29.useState(read);
+  const setValue = React29.useCallback((value) => {
     setStored((prev) => {
       const next = value instanceof Function ? value(prev) : value;
       try {
@@ -9106,7 +9481,7 @@ function useLocalStorage(key, initialValue) {
       return next;
     });
   }, [key]);
-  const remove = React28.useCallback(() => {
+  const remove = React29.useCallback(() => {
     try {
       if (typeof window !== "undefined") {
         window.localStorage.removeItem(key);
@@ -9116,10 +9491,10 @@ function useLocalStorage(key, initialValue) {
     }
     setStored(initialValue);
   }, [key]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     setStored(read());
   }, [key, read]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (typeof window === "undefined") return;
     const onStorage = (e) => {
       if (e.key === null || e.key === key) setStored(read());
@@ -9138,8 +9513,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] = React28.useState(get);
-  React28.useEffect(() => {
+  const [matches, setMatches] = React29.useState(get);
+  React29.useEffect(() => {
     if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
     const mql = window.matchMedia(query);
     const onChange = () => setMatches(mql.matches);
@@ -9170,8 +9545,8 @@ function decodeSegment(seg) {
   }
 }
 function useJwt(token) {
-  const [, tick] = React28.useState(0);
-  const decoded = React28.useMemo(() => {
+  const [, tick] = React29.useState(0);
+  const decoded = React29.useMemo(() => {
     if (!token) return { payload: null, header: null, exp: null };
     const [h, p] = token.split(".");
     const header = decodeSegment(h);
@@ -9179,7 +9554,7 @@ function useJwt(token) {
     const exp = payload && typeof payload.exp === "number" ? payload.exp : null;
     return { payload, header, exp };
   }, [token]);
-  React28.useEffect(() => {
+  React29.useEffect(() => {
     if (decoded.exp == null) return;
     const ms = decoded.exp * 1e3 - Date.now();
     if (ms <= 0) return;
@@ -9226,7 +9601,7 @@ function Jumbotron({
     }
   );
 }
-var COLS = {
+var COLS2 = {
   2: "sm:grid-cols-2",
   3: "sm:grid-cols-2 lg:grid-cols-3",
   4: "sm:grid-cols-2 lg:grid-cols-4"
@@ -9248,7 +9623,7 @@ function FeatureGrid({
       title != null && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl font-bold tracking-tight text-foreground", children: title }),
       description != null && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-2xl text-base leading-relaxed text-foreground-secondary", children: description })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ["grid grid-cols-1 gap-6", COLS[columns]].join(" "), children: features.map((f, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 rounded-xl border border-border bg-surface p-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ["grid grid-cols-1 gap-6", COLS2[columns]].join(" "), children: features.map((f, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 rounded-xl border border-border bg-surface p-5", children: [
       f.icon != null && /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
@@ -9305,7 +9680,7 @@ function PricingPlans({ plans, eyebrow, title, description, className = "", styl
     )) })
   ] });
 }
-var COLS2 = {
+var COLS3 = {
   1: "mx-auto max-w-2xl",
   2: "sm:grid-cols-2",
   3: "sm:grid-cols-2 lg:grid-cols-3"
@@ -9322,7 +9697,7 @@ function Testimonials({ testimonials, eyebrow, title, description, columns = 3,
       title != null && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl font-bold tracking-tight text-foreground", children: title }),
       description != null && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-2xl text-base leading-relaxed text-foreground-secondary", children: description })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ["grid grid-cols-1 gap-6", COLS2[columns]].join(" "), children: testimonials.map((tm, i) => /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: "flex flex-col gap-4 rounded-xl border border-border bg-surface p-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ["grid grid-cols-1 gap-6", COLS3[columns]].join(" "), children: testimonials.map((tm, i) => /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: "flex flex-col gap-4 rounded-xl border border-border bg-surface p-6", children: [
       tm.rating != null && /* @__PURE__ */ jsxRuntime.jsx(Stars, { value: tm.rating }),
       /* @__PURE__ */ jsxRuntime.jsxs("blockquote", { className: "flex-1 text-sm leading-relaxed text-foreground", children: [
         "\u201C",
@@ -9353,13 +9728,13 @@ function SlideShow({
   style
 }) {
   const reduced = framerMotion.useReducedMotion();
-  const [index, setIndex] = React28.useState(0);
-  const [paused, setPaused] = React28.useState(false);
+  const [index, setIndex] = React29.useState(0);
+  const [paused, setPaused] = React29.useState(false);
   const count = slides.length;
   const idx = count ? (index % count + count) % count : 0;
-  const go = React28.useCallback((d) => setIndex((i) => i + d), []);
-  const timer = React28.useRef(null);
-  React28.useEffect(() => {
+  const go = React29.useCallback((d) => setIndex((i) => i + d), []);
+  const timer = React29.useRef(null);
+  React29.useEffect(() => {
     if (!autoPlay || paused || count <= 1) return;
     timer.current = setInterval(() => setIndex((i) => i + 1), interval);
     return () => {
@@ -9435,7 +9810,7 @@ function Video({
   className = "",
   style
 }) {
-  const [playing, setPlaying] = React28.useState(autoPlay);
+  const [playing, setPlaying] = React29.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(
@@ -9490,7 +9865,7 @@ function Parallax({
   style
 }) {
   const reduced = framerMotion.useReducedMotion();
-  const ref = React28.useRef(null);
+  const ref = React29.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}%`]);
@@ -9526,7 +9901,7 @@ function Parallax({
     }
   );
 }
-var COLS3 = {
+var COLS4 = {
   2: "sm:grid-cols-2",
   3: "sm:grid-cols-2 lg:grid-cols-3"
 };
@@ -9547,7 +9922,7 @@ function Blog({
       title != null && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold tracking-tight text-foreground sm:text-3xl", children: title }),
       description != null && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-2xl text-base leading-relaxed text-foreground-secondary", children: description })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ["grid grid-cols-1 gap-6", COLS3[columns]].join(" "), children: posts.map((post, i) => {
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ["grid grid-cols-1 gap-6", COLS4[columns]].join(" "), children: posts.map((post, i) => {
       const meta = [post.author, post.date, post.readTime].filter((m) => m != null);
       const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         post.image && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative aspect-video overflow-hidden bg-backdrop", children: [
@@ -9558,7 +9933,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(React28__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(React29__default.default.Fragment, { children: [
             j > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\xB7" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: m })
           ] }, j)) })
@@ -9687,8 +10062,8 @@ function LeadCapture({
   className = "",
   style
 }) {
-  const [email, setEmail] = React28.useState("");
-  const [done, setDone] = React28.useState(false);
+  const [email, setEmail] = React29.useState("");
+  const [done, setDone] = React29.useState(false);
   const submit = (e) => {
     e.preventDefault();
     const value = email.trim();
@@ -9814,10 +10189,12 @@ exports.OpaqueGridCard = OpaqueGridCard;
 exports.OtpInput = OtpInput;
 exports.Parallax = Parallax;
 exports.Password = Password;
+exports.PasswordStrength = PasswordStrength;
 exports.PopConfirm = PopConfirm;
 exports.Portal = Portal;
 exports.PricingPlans = PricingPlans;
 exports.RadioGroup = RadioGroup;
+exports.RadioTile = RadioTile;
 exports.Rating = Rating;
 exports.ScalableContainer = ScalableContainer;
 exports.Scheduler = Scheduler;
@@ -9853,10 +10230,12 @@ exports.Tree = Tree;
 exports.TreeSelect = TreeSelect;
 exports.Typography = Typography;
 exports.Video = Video;
+exports.VirtualList = VirtualList;
 exports.Wizard = Wizard;
 exports.cardNumberError = cardNumberError;
 exports.cvvError = cvvError;
 exports.cx = cx;
+exports.defaultPasswordRules = defaultPasswordRules;
 exports.detectBrand = detectBrand;
 exports.expiryError = expiryError;
 exports.fieldShell = fieldShell;
@@ -9867,6 +10246,7 @@ exports.luhnValid = luhnValid;
 exports.onlyDigits = onlyDigits;
 exports.patterns = patterns;
 exports.runFieldRules = runFieldRules;
+exports.scorePassword = scorePassword;
 exports.useBreakpoint = useBreakpoint;
 exports.useCart = useCart;
 exports.useFieldArray = useFieldArray;