twico-ui 1.8.0 → 1.8.1

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var React37 = require('react');
+var React36 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactDom = require('react-dom');
 
@@ -23,14 +23,14 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React37__namespace = /*#__PURE__*/_interopNamespace(React37);
+var React36__namespace = /*#__PURE__*/_interopNamespace(React36);
 
 // components/TwicoProvider.jsx
-var SUPPORTS_STYLE_HOIST = parseInt(String(React37__namespace.version), 10) >= 19;
-var NonceContext = React37__namespace.createContext(void 0);
+var SUPPORTS_STYLE_HOIST = parseInt(String(React36__namespace.version), 10) >= 19;
+var NonceContext = React36__namespace.createContext(void 0);
 function useScopedStyles(id, css) {
-  const nonce = React37__namespace.useContext(NonceContext);
-  React37__namespace.useInsertionEffect(() => {
+  const nonce = React36__namespace.useContext(NonceContext);
+  React36__namespace.useInsertionEffect(() => {
     if (SUPPORTS_STYLE_HOIST) return;
     if (typeof document === "undefined") return;
     if (!css) return;
@@ -46,12 +46,12 @@ function useScopedStyles(id, css) {
     }
     if (el.textContent !== css) el.textContent = css;
   }, [id, css, nonce]);
-  return SUPPORTS_STYLE_HOIST && css ? React37__namespace.createElement("style", { href: id, precedence: "twc-ui", nonce }, css) : null;
+  return SUPPORTS_STYLE_HOIST && css ? React36__namespace.createElement("style", { href: id, precedence: "twc-ui", nonce }, css) : null;
 }
 
 // components/TwicoProvider.jsx
 function TwicoProvider({ nonce, children }) {
-  return React37__namespace.default.createElement(NonceContext.Provider, { value: nonce }, children);
+  return React36__namespace.default.createElement(NonceContext.Provider, { value: nonce }, children);
 }
 var GROUPS = { colors: "color", space: "space", radius: "radius", font: "font", shadow: "shadow", motion: "" };
 function createTheme(partial = {}) {
@@ -71,8 +71,8 @@ function toVars(theme) {
   return Object.keys(theme).some((k) => k.startsWith("--")) ? theme : createTheme(theme);
 }
 function ThemeProvider({ theme, mode = "inline", className = "", style, children, ...rest }) {
-  const vars = React37__namespace.default.useMemo(() => toVars(theme), [theme]);
-  const uid = React37__namespace.default.useId();
+  const vars = React36__namespace.default.useMemo(() => toVars(theme), [theme]);
+  const uid = React36__namespace.default.useId();
   const scopeId = `twc-theme-${uid.replace(/[^a-zA-Z0-9]/g, "")}`;
   const css = mode === "stylesheet" ? `[data-twc-theme="${scopeId}"] { ${Object.entries(vars).map(([k, v]) => `${k}: ${v};`).join(" ")} }` : "";
   const __twcStyles = useScopedStyles(mode === "stylesheet" ? scopeId : "twc-theme-noop", css);
@@ -94,7 +94,7 @@ var FORM_CSS = `
 .twc-form { display: flex; flex-direction: column; gap: var(--space-4); font-family: var(--font-sans); }
 .twc-form__fieldset { border: 0; margin: 0; padding: 0; min-width: 0; display: flex; flex-direction: column; gap: inherit; }
 `;
-var Form = React37__namespace.default.forwardRef(function Form2({
+var Form = React36__namespace.default.forwardRef(function Form2({
   onSubmit,
   preventDefault = true,
   loading = false,
@@ -129,7 +129,7 @@ Form.displayName = "Form";
 var VH_CSS = `
 .twc-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
 `;
-var VisuallyHidden = React37__namespace.default.forwardRef(function VisuallyHidden2({ as: Tag2 = "span", className = "", children, ...rest }, ref) {
+var VisuallyHidden = React36__namespace.default.forwardRef(function VisuallyHidden2({ as: Tag2 = "span", className = "", children, ...rest }, ref) {
   const __twcStyles = useScopedStyles("twc-visually-hidden-styles", VH_CSS);
   return /* @__PURE__ */ jsxRuntime.jsxs(Tag2, { ref, className: `twc-visually-hidden ${className}`.trim(), ...rest, children: [
     __twcStyles,
@@ -138,10 +138,10 @@ var VisuallyHidden = React37__namespace.default.forwardRef(function VisuallyHidd
 });
 VisuallyHidden.displayName = "VisuallyHidden";
 var canUseDOM = typeof window !== "undefined" && typeof document !== "undefined";
-var useIsoLayoutEffect = canUseDOM ? React37__namespace.default.useLayoutEffect : React37__namespace.default.useEffect;
+var useIsoLayoutEffect = canUseDOM ? React36__namespace.default.useLayoutEffect : React36__namespace.default.useEffect;
 var FOCUSABLE = 'a[href]:not([tabindex="-1"]), button:not([disabled]):not([tabindex="-1"]), textarea:not([disabled]):not([tabindex="-1"]), input:not([disabled]):not([tabindex="-1"]), select:not([disabled]):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])';
 function useFocusTrap(ref, active = true, { restoreFocus = true, initialFocus } = {}) {
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!active || !canUseDOM) return void 0;
     const node = ref.current;
     if (!node) return void 0;
@@ -152,7 +152,7 @@ function useFocusTrap(ref, active = true, { restoreFocus = true, initialFocus }
       if (restoreFocus && prevFocused && typeof prevFocused.focus === "function") prevFocused.focus();
     };
   }, [active]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!active || !canUseDOM) return void 0;
     const node = ref.current;
     const onKey = (e) => {
@@ -179,7 +179,7 @@ function useFocusTrap(ref, active = true, { restoreFocus = true, initialFocus }
   }, [active]);
 }
 function usePortal() {
-  return React37__namespace.default.useCallback((node) => {
+  return React36__namespace.default.useCallback((node) => {
     if (typeof document === "undefined") return null;
     return typeof reactDom.createPortal === "function" ? reactDom.createPortal(node, document.body) : node;
   }, []);
@@ -207,7 +207,7 @@ function useScrollLock(locked = true) {
   }, [locked]);
 }
 function useInertBackground(ref, active) {
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!active || !canUseDOM) return void 0;
     const node = ref.current;
     if (!node) return void 0;
@@ -232,14 +232,17 @@ function Portal({ children }) {
   const render = usePortal();
   return render(children);
 }
+function encodeScriptLiteral(value) {
+  return JSON.stringify(value).replace(/[<>&\u2028\u2029]/g, (c) => "\\u" + c.charCodeAt(0).toString(16).padStart(4, "0"));
+}
 function getColorSchemeScript({ storageKey = "twico-theme", attribute = "class", defaultScheme } = {}) {
-  const k = JSON.stringify(storageKey);
-  const a = JSON.stringify(attribute);
-  const d = defaultScheme === "dark" || defaultScheme === "light" ? JSON.stringify(defaultScheme) : "null";
+  const k = encodeScriptLiteral(storageKey);
+  const a = encodeScriptLiteral(attribute);
+  const d = defaultScheme === "dark" || defaultScheme === "light" ? encodeScriptLiteral(defaultScheme) : "null";
   return `(function(){try{var k=${k},a=${a},d=${d},t=localStorage.getItem(k);if(t!=='light'){if(t!=='dark'){t=d?d:(window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');}}if(a==='class'){document.documentElement.classList.toggle('dark',t==='dark');}else{document.documentElement.setAttribute(a,t);}}catch(e){}})();`;
 }
 function ColorSchemeScript({ storageKey = "twico-theme", attribute = "class", nonce, defaultScheme }) {
-  return React37__namespace.default.createElement("script", { nonce }, getColorSchemeScript({ storageKey, attribute, defaultScheme }));
+  return React36__namespace.default.createElement("script", { nonce }, getColorSchemeScript({ storageKey, attribute, defaultScheme }));
 }
 var KBD_CSS = `
 .twc-kbd { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; padding: 2px 6px;
@@ -247,7 +250,7 @@ var KBD_CSS = `
   background: var(--color-surface-sunken); border: var(--border-thin) solid var(--color-border);
   border-bottom-width: 2px; border-radius: var(--radius-sm); }
 `;
-var Kbd = React37__namespace.default.forwardRef(function Kbd2({ className = "", children, ...rest }, ref) {
+var Kbd = React36__namespace.default.forwardRef(function Kbd2({ className = "", children, ...rest }, ref) {
   const __twcStyles = useScopedStyles("twc-kbd-styles", KBD_CSS);
   return /* @__PURE__ */ jsxRuntime.jsxs("kbd", { ref, className: `twc-kbd ${className}`.trim(), ...rest, children: [
     __twcStyles,
@@ -262,7 +265,7 @@ var PRE_CSS = `
   border: var(--border-thin) solid var(--color-border); border-radius: var(--radius-lg);
   white-space: pre; -webkit-overflow-scrolling: touch; }
 `;
-var Pre = React37__namespace.default.forwardRef(function Pre2({ className = "", children, ...rest }, ref) {
+var Pre = React36__namespace.default.forwardRef(function Pre2({ className = "", children, ...rest }, ref) {
   const __twcStyles = useScopedStyles("twc-pre-styles", PRE_CSS);
   return /* @__PURE__ */ jsxRuntime.jsxs("pre", { ref, className: `twc-pre ${className}`.trim(), ...rest, children: [
     __twcStyles,
@@ -282,7 +285,7 @@ function safeHref(url) {
   const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
   return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
 }
-var Anchor = React37__namespace.default.forwardRef(function Anchor2({ as: Tag2 = "a", href, external = false, className = "", children, ...rest }, ref) {
+var Anchor = React36__namespace.default.forwardRef(function Anchor2({ as: Tag2 = "a", href, external = false, className = "", children, ...rest }, ref) {
   const __twcStyles = useScopedStyles("twc-anchor-styles", ANCHOR_CSS);
   const extra = external ? { target: "_blank", rel: "noopener noreferrer" } : {};
   return /* @__PURE__ */ jsxRuntime.jsxs(Tag2, { ref, className: `twc-anchor ${className}`.trim(), href: Tag2 === "a" ? safeHref(href) : href, ...extra, ...rest, children: [
@@ -298,7 +301,7 @@ var LABEL_CSS = `
 .twc-label[data-size="lg"] { font-size: var(--text-base); }
 .twc-label__req { color: var(--color-danger); }
 `;
-var Label = React37__namespace.default.forwardRef(function Label2({ htmlFor, required = false, size = "md", className = "", children, ...rest }, ref) {
+var Label = React36__namespace.default.forwardRef(function Label2({ htmlFor, required = false, size = "md", className = "", children, ...rest }, ref) {
   const __twcStyles = useScopedStyles("twc-label-styles", LABEL_CSS);
   return /* @__PURE__ */ jsxRuntime.jsxs("label", { ref, htmlFor, className: `twc-label ${className}`.trim(), "data-size": size, ...rest, children: [
     __twcStyles,
@@ -311,7 +314,7 @@ var IMAGE_CSS = `
 .twc-image { display: block; max-width: 100%; }
 .twc-image[data-fit] { width: 100%; height: 100%; }
 `;
-var Image = React37__namespace.default.forwardRef(function Image2({
+var Image = React36__namespace.default.forwardRef(function Image2({
   src,
   alt,
   fit,
@@ -325,7 +328,7 @@ var Image = React37__namespace.default.forwardRef(function Image2({
   ...rest
 }, ref) {
   const __twcStyles = useScopedStyles("twc-image-styles", IMAGE_CSS);
-  const [failed, setFailed] = React37__namespace.default.useState(false);
+  const [failed, setFailed] = React36__namespace.default.useState(false);
   const shownSrc = failed && fallback ? fallback : src;
   const s = {
     objectFit: fit,
@@ -394,10 +397,10 @@ function Accordion({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-accordion-styles", ACCORDION_CSS);
-  const rootRef = React37__namespace.default.useRef(null);
-  const [internal, setInternal] = React37__namespace.default.useState(() => new Set(defaultOpen));
+  const rootRef = React36__namespace.default.useRef(null);
+  const [internal, setInternal] = React36__namespace.default.useState(() => new Set(defaultOpen));
   const open = openProp !== void 0 ? new Set(openProp) : internal;
-  const baseId = React37__namespace.default.useId();
+  const baseId = React36__namespace.default.useId();
   function toggle(val) {
     const item = items.find((x) => x.value === val);
     if (item?.disabled) return;
@@ -583,7 +586,7 @@ function Avatar({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-avatar-styles", AVATAR_CSS);
-  const [errored, setErrored] = React37__namespace.default.useState(false);
+  const [errored, setErrored] = React36__namespace.default.useState(false);
   const cleanSrc = safeSrc(src);
   const showImg = cleanSrc && !errored;
   const _statusLabel = status ? statusLabel ?? statusLabels?.[status] ?? STATUS_LABELS[status] : void 0;
@@ -661,25 +664,25 @@ function Menu({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-menu-styles", MENU_CSS);
-  const [openState, setOpenState] = React37__namespace.default.useState(defaultOpen);
-  const [render, setRender] = React37__namespace.default.useState(false);
-  const [pos, setPos] = React37__namespace.default.useState(null);
-  const [active, setActive] = React37__namespace.default.useState(-1);
-  const wrapRef = React37__namespace.default.useRef(null);
-  const menuRef = React37__namespace.default.useRef(null);
-  const typeBufRef = React37__namespace.default.useRef("");
-  const typeTimerRef = React37__namespace.default.useRef(null);
-  const menuId = React37__namespace.default.useId();
+  const [openState, setOpenState] = React36__namespace.default.useState(defaultOpen);
+  const [render, setRender] = React36__namespace.default.useState(false);
+  const [pos, setPos] = React36__namespace.default.useState(null);
+  const [active, setActive] = React36__namespace.default.useState(-1);
+  const wrapRef = React36__namespace.default.useRef(null);
+  const menuRef = React36__namespace.default.useRef(null);
+  const typeBufRef = React36__namespace.default.useRef("");
+  const typeTimerRef = React36__namespace.default.useRef(null);
+  const menuId = React36__namespace.default.useId();
   const headerId = `${menuId}-header`;
   const controlled = openProp !== void 0;
   const open = controlled ? !!openProp : openState;
-  const openRef = React37__namespace.default.useRef(open);
+  const openRef = React36__namespace.default.useRef(open);
   openRef.current = open;
-  const controlledRef = React37__namespace.default.useRef(controlled);
+  const controlledRef = React36__namespace.default.useRef(controlled);
   controlledRef.current = controlled;
-  const onOpenChangeRef = React37__namespace.default.useRef(onOpenChange);
+  const onOpenChangeRef = React36__namespace.default.useRef(onOpenChange);
   onOpenChangeRef.current = onOpenChange;
-  const setOpen = React37__namespace.default.useCallback((next) => {
+  const setOpen = React36__namespace.default.useCallback((next) => {
     const value = typeof next === "function" ? next(openRef.current) : next;
     if (value === openRef.current) return;
     if (!controlledRef.current) setOpenState(value);
@@ -687,7 +690,7 @@ function Menu({
   }, []);
   const RD = { createPortal: typeof reactDom.createPortal === "function" ? reactDom.createPortal : typeof window !== "undefined" && window.ReactDOM && window.ReactDOM.createPortal };
   const interactiveIdx = items.map((it, i) => !it.separator && !it.heading ? i : -1).filter((i) => i >= 0);
-  const place = React37__namespace.default.useCallback(() => {
+  const place = React36__namespace.default.useCallback(() => {
     const t = wrapRef.current;
     if (!t) return;
     const r = t.getBoundingClientRect();
@@ -702,7 +705,7 @@ function Menu({
     const avail = (flip ? r.top : vh - r.bottom) - gap - M;
     setPos({ top, bottom, left, width: w, flip, maxHeight: Math.max(120, avail) });
   }, [align, width]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return;
     place();
     const onMove = () => place();
@@ -720,7 +723,7 @@ function Menu({
       document.removeEventListener("mousedown", onDown);
     };
   }, [open, place]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (open) {
       setRender(true);
       return;
@@ -843,7 +846,7 @@ function Menu({
     }
   ) : null;
   const activeDescId = open && active >= 0 ? `${menuId}-item-${active}` : void 0;
-  const triggerEl = React37__namespace.default.isValidElement(trigger) ? React37__namespace.default.cloneElement(trigger, {
+  const triggerEl = React36__namespace.default.isValidElement(trigger) ? React36__namespace.default.cloneElement(trigger, {
     onClick: (e) => {
       trigger.props.onClick?.(e);
       toggle();
@@ -1008,7 +1011,7 @@ function Breadcrumb({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-breadcrumb-styles", BREADCRUMB_CSS);
-  const [expanded, setExpanded] = React37__namespace.default.useState(false);
+  const [expanded, setExpanded] = React36__namespace.default.useState(false);
   const sep = separator || /* @__PURE__ */ jsxRuntime.jsx(ChevronSep, {});
   let display = items;
   if (maxItems > 0 && items.length > maxItems && !expanded) {
@@ -1021,7 +1024,7 @@ function Breadcrumb({
     __twcStyles,
     display.map((it, i) => {
       const last = i === display.length - 1;
-      return /* @__PURE__ */ jsxRuntime.jsxs(React37__namespace.default.Fragment, { children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs(React36__namespace.default.Fragment, { children: [
         it.ellipsis ? /* @__PURE__ */ jsxRuntime.jsx("button", { className: "twc-breadcrumb__ellipsis", "aria-label": "Show more", onClick: () => setExpanded(true), children: "\u2026" }) : last ? /* @__PURE__ */ jsxRuntime.jsxs(
           "span",
           {
@@ -1163,7 +1166,7 @@ function Button({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-btn-styles", CSS2);
-  const [ripples, setRipples] = React37__namespace.default.useState([]);
+  const [ripples, setRipples] = React36__namespace.default.useState([]);
   const Tag2 = as;
   const inert = Tag2 === "a" && (disabled || loading);
   function handleClick(e) {
@@ -1328,9 +1331,9 @@ function buildSx(sx, uid) {
   return { flatStyle, css };
 }
 function useSx(sx) {
-  const rawId = React37__namespace.default.useId();
+  const rawId = React36__namespace.default.useId();
   const uid = `sx${rawId.replace(/[^a-zA-Z0-9]/g, "")}`;
-  const { flatStyle, css } = React37__namespace.default.useMemo(() => buildSx(sx, uid), [sx, uid]);
+  const { flatStyle, css } = React36__namespace.default.useMemo(() => buildSx(sx, uid), [sx, uid]);
   const styleNode = useScopedStyles(`twc-sx-${uid}`, css);
   return { flatStyle, styleNode, sxAttr: css ? uid : void 0 };
 }
@@ -1459,14 +1462,14 @@ function Carousel({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-carousel-styles", CAROUSEL_CSS);
-  const slides = React37__namespace.default.Children.toArray(children);
+  const slides = React36__namespace.default.Children.toArray(children);
   const count = slides.length;
-  const [internal, setInternal] = React37__namespace.default.useState(defaultIndex);
+  const [internal, setInternal] = React36__namespace.default.useState(defaultIndex);
   const index = indexProp !== void 0 ? indexProp : internal;
-  const [paused, setPaused] = React37__namespace.default.useState(false);
-  const [userPaused, setUserPaused] = React37__namespace.default.useState(false);
-  const [prefersReduced, setPrefersReduced] = React37__namespace.default.useState(false);
-  React37__namespace.default.useEffect(() => {
+  const [paused, setPaused] = React36__namespace.default.useState(false);
+  const [userPaused, setUserPaused] = React36__namespace.default.useState(false);
+  const [prefersReduced, setPrefersReduced] = React36__namespace.default.useState(false);
+  React36__namespace.default.useEffect(() => {
     if (typeof window === "undefined" || !window.matchMedia) return void 0;
     const mql = window.matchMedia("(prefers-reduced-motion: reduce)");
     const on = () => setPrefersReduced(mql.matches);
@@ -1474,15 +1477,15 @@ function Carousel({
     mql.addEventListener("change", on);
     return () => mql.removeEventListener("change", on);
   }, []);
-  const setIndex = React37__namespace.default.useCallback((i) => {
+  const setIndex = React36__namespace.default.useCallback((i) => {
     if (indexProp === void 0) setInternal(i);
     onIndexChange?.(i);
   }, [indexProp, onIndexChange]);
-  const go = React37__namespace.default.useCallback((i) => {
+  const go = React36__namespace.default.useCallback((i) => {
     setIndex(loop ? (i + count) % count : Math.min(Math.max(i, 0), count - 1));
   }, [count, loop, setIndex]);
   const autoRotating = autoPlay && !paused && !userPaused && !prefersReduced && count > 1;
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!autoRotating) return void 0;
     const t = setInterval(() => {
       const next = loop ? (index + 1) % count : index + 1 >= count ? index : index + 1;
@@ -1577,7 +1580,7 @@ function Chart({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-chart-styles", CHART_CSS);
-  const uid = React37__namespace.default.useId();
+  const uid = React36__namespace.default.useId();
   const tableId = tableFallback ? `${uid}-table` : void 0;
   const keys = series || ["value"];
   const palette = colors && colors.length ? colors : SERIES_COLORS;
@@ -1733,13 +1736,13 @@ function Checkbox({
 .twc-field { display: flex; flex-direction: column; gap: var(--space-1-5); font-family: var(--font-sans); }
 .twc-field__error { font-size: var(--text-xs); color: var(--color-danger-subtle-fg); font-weight: var(--font-medium); }
 `);
-  const autoId = React37__namespace.default.useId();
+  const autoId = React36__namespace.default.useId();
   const fieldId = id || autoId;
   const errId = `${fieldId}-error`;
   const invalid = Boolean(error);
-  const ref = React37__namespace.default.useRef(null);
+  const ref = React36__namespace.default.useRef(null);
   const mixed = indeterminate && !checked;
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (ref.current) ref.current.indeterminate = mixed;
   }, [mixed]);
   if (process.env.NODE_ENV !== "production" && !label && !description && !rest["aria-label"] && !rest["aria-labelledby"]) {
@@ -1893,22 +1896,22 @@ function ColorPicker({
 }) {
   const __twcStyles0 = useScopedStyles("twc-field-styles", FIELD_CSS);
   const __twcStyles1 = useScopedStyles("twc-colorpicker-styles", COLORPICKER_CSS);
-  const [internal, setInternal] = React37__namespace.default.useState(defaultValue);
+  const [internal, setInternal] = React36__namespace.default.useState(defaultValue);
   const hex = (value !== void 0 ? value : internal) || "#000000";
   const hexRe = alpha ? /^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i : /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
-  const lastValidRef = React37__namespace.default.useRef(hex);
+  const lastValidRef = React36__namespace.default.useRef(hex);
   if (hexRe.test(hex)) lastValidRef.current = hex;
-  const [open, setOpen] = React37__namespace.default.useState(false);
-  const [hsv, setHsv] = React37__namespace.default.useState(() => hexToHsv(hex) || { h: 239, s: 60, v: 94, a: 1 });
-  const [coords, setCoords] = React37__namespace.default.useState(null);
-  const wrapRef = React37__namespace.default.useRef(null);
-  const triggerRef = React37__namespace.default.useRef(null);
-  const popRef = React37__namespace.default.useRef(null);
-  const areaRef = React37__namespace.default.useRef(null);
-  const hueRef = React37__namespace.default.useRef(null);
-  const alphaRef = React37__namespace.default.useRef(null);
+  const [open, setOpen] = React36__namespace.default.useState(false);
+  const [hsv, setHsv] = React36__namespace.default.useState(() => hexToHsv(hex) || { h: 239, s: 60, v: 94, a: 1 });
+  const [coords, setCoords] = React36__namespace.default.useState(null);
+  const wrapRef = React36__namespace.default.useRef(null);
+  const triggerRef = React36__namespace.default.useRef(null);
+  const popRef = React36__namespace.default.useRef(null);
+  const areaRef = React36__namespace.default.useRef(null);
+  const hueRef = React36__namespace.default.useRef(null);
+  const alphaRef = React36__namespace.default.useRef(null);
   const POP_W = 240;
-  const place = React37__namespace.default.useCallback(() => {
+  const place = React36__namespace.default.useCallback(() => {
     const el = triggerRef.current;
     if (!el) return;
     const r = el.getBoundingClientRect();
@@ -1919,7 +1922,7 @@ function ColorPicker({
     left = Math.max(8, left);
     setCoords({ left, top: flip ? void 0 : Math.round(r.bottom + 6), bottom: flip ? Math.round(vh - r.top + 6) : void 0 });
   }, []);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return void 0;
     place();
     const onMove = () => place();
@@ -1930,17 +1933,17 @@ function ColorPicker({
       window.removeEventListener("resize", onMove);
     };
   }, [open, place]);
-  const labelId = React37__namespace.default.useId();
+  const labelId = React36__namespace.default.useId();
   const descId = `${labelId}-desc`;
   const invalid = Boolean(error);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (disabled) setOpen(false);
   }, [disabled]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     const v = hexToHsv(hex);
     if (v && hsvToHex(v.h, v.s, v.v).toLowerCase() !== hsvToHex(hsv.h, hsv.s, hsv.v).toLowerCase()) setHsv(v);
   }, [hex]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return;
     const onDown = (e) => {
       if (wrapRef.current && wrapRef.current.contains(e.target)) return;
@@ -2312,34 +2315,34 @@ function Combobox({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-combo-styles", COMBO_CSS);
-  const groups = React37__namespace.default.useMemo(() => normalizeGroups(options), [options]);
-  const flat = React37__namespace.default.useMemo(() => groups.flatMap((g) => g.options), [groups]);
-  const autoId = React37__namespace.default.useId();
+  const groups = React36__namespace.default.useMemo(() => normalizeGroups(options), [options]);
+  const flat = React36__namespace.default.useMemo(() => groups.flatMap((g) => g.options), [groups]);
+  const autoId = React36__namespace.default.useId();
   const fieldId = id || autoId;
-  const [internal, setInternal] = React37__namespace.default.useState(defaultValue);
+  const [internal, setInternal] = React36__namespace.default.useState(defaultValue);
   const current = value !== void 0 ? value : internal;
   const selected = flat.find((o) => o.value === current);
-  const [open, setOpen] = React37__namespace.default.useState(false);
-  const [query, setQuery] = React37__namespace.default.useState("");
-  const [active, setActive] = React37__namespace.default.useState(0);
-  const [coords, setCoords] = React37__namespace.default.useState(null);
-  const [scrollTop, setScrollTop] = React37__namespace.default.useState(0);
-  const [listH, setListH] = React37__namespace.default.useState(260);
-  const wrapRef = React37__namespace.default.useRef(null);
-  const controlRef = React37__namespace.default.useRef(null);
-  const inputRef = React37__namespace.default.useRef(null);
-  const popRef = React37__namespace.default.useRef(null);
-  const listRef = React37__namespace.default.useRef(null);
-  const activeRef = React37__namespace.default.useRef(null);
-  const fGroups = React37__namespace.default.useMemo(() => {
+  const [open, setOpen] = React36__namespace.default.useState(false);
+  const [query, setQuery] = React36__namespace.default.useState("");
+  const [active, setActive] = React36__namespace.default.useState(0);
+  const [coords, setCoords] = React36__namespace.default.useState(null);
+  const [scrollTop, setScrollTop] = React36__namespace.default.useState(0);
+  const [listH, setListH] = React36__namespace.default.useState(260);
+  const wrapRef = React36__namespace.default.useRef(null);
+  const controlRef = React36__namespace.default.useRef(null);
+  const inputRef = React36__namespace.default.useRef(null);
+  const popRef = React36__namespace.default.useRef(null);
+  const listRef = React36__namespace.default.useRef(null);
+  const activeRef = React36__namespace.default.useRef(null);
+  const fGroups = React36__namespace.default.useMemo(() => {
     const q = query.trim();
     const fn = filter === false ? null : typeof filter === "function" ? filter : matches;
     return groups.map((g) => ({ group: g.group, options: fn ? g.options.filter((o) => fn(o, q)) : g.options })).filter((g) => g.options.length);
   }, [groups, query, filter]);
-  const visible = React37__namespace.default.useMemo(() => fGroups.flatMap((g) => g.options), [fGroups]);
-  const rowH = React37__namespace.default.useMemo(() => visible.some((o) => o.description) ? 48 : 36, [visible]);
+  const visible = React36__namespace.default.useMemo(() => fGroups.flatMap((g) => g.options), [fGroups]);
+  const rowH = React36__namespace.default.useMemo(() => visible.some((o) => o.description) ? 48 : 36, [visible]);
   const GROUP_H = 30;
-  const { rows, totalH } = React37__namespace.default.useMemo(() => {
+  const { rows, totalH } = React36__namespace.default.useMemo(() => {
     if (!virtualized) return { rows: [], totalH: 0 };
     const rows2 = [];
     let off = 0;
@@ -2365,7 +2368,7 @@ function Combobox({
     }
     return from;
   };
-  const place = React37__namespace.default.useCallback(() => {
+  const place = React36__namespace.default.useCallback(() => {
     const el = controlRef.current;
     if (!el) return;
     const r = el.getBoundingClientRect();
@@ -2380,7 +2383,7 @@ function Combobox({
       flip
     });
   }, [placement, minWidth]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open || !portal) return;
     place();
     const onMove = () => place();
@@ -2391,7 +2394,7 @@ function Combobox({
       window.removeEventListener("resize", onMove);
     };
   }, [open, portal, place]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return;
     const onDown = (e) => {
       if (wrapRef.current && wrapRef.current.contains(e.target)) return;
@@ -2401,20 +2404,20 @@ function Combobox({
     document.addEventListener("mousedown", onDown);
     return () => document.removeEventListener("mousedown", onDown);
   }, [open]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     setActive(0);
   }, [query]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return;
     const idx = flat.findIndex((o) => o.value === current);
     setActive(idx >= 0 ? idx : 0);
   }, [open]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open || !virtualized) return;
     const el = listRef.current;
     if (el && el.clientHeight) setListH(el.clientHeight);
   }, [open, virtualized]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return;
     if (!virtualized) {
       ensureVisible(listRef.current, activeRef.current);
@@ -2523,7 +2526,7 @@ function Combobox({
     vTop > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", style: { height: vTop } }) : null,
     vShown.map((r) => r.kind === "group" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-pop__group", children: r.label }, `g${r.gi}`) : renderOption(r.o, r.idx)),
     vBottom > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", style: { height: vBottom } }) : null
-  ] }) : fGroups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React37__namespace.default.Fragment, { children: [
+  ] }) : fGroups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React36__namespace.default.Fragment, { children: [
     g.group ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-pop__group", children: g.group }) : null,
     g.options.map((o) => {
       counter += 1;
@@ -2686,14 +2689,14 @@ function CommandPalette({
 }) {
   const __twcStyles = useScopedStyles("twc-cmdk-styles", COMMAND_CSS);
   const renderPortal = usePortal();
-  const [query, setQuery] = React37__namespace.default.useState("");
-  const [active, setActive] = React37__namespace.default.useState(0);
-  const inputRef = React37__namespace.default.useRef(null);
-  const listRef = React37__namespace.default.useRef(null);
-  const paletteRef = React37__namespace.default.useRef(null);
-  const baseId = React37__namespace.default.useId();
-  const [mounted, setMounted] = React37__namespace.default.useState(open);
-  React37__namespace.default.useEffect(() => {
+  const [query, setQuery] = React36__namespace.default.useState("");
+  const [active, setActive] = React36__namespace.default.useState(0);
+  const inputRef = React36__namespace.default.useRef(null);
+  const listRef = React36__namespace.default.useRef(null);
+  const paletteRef = React36__namespace.default.useRef(null);
+  const baseId = React36__namespace.default.useId();
+  const [mounted, setMounted] = React36__namespace.default.useState(open);
+  React36__namespace.default.useEffect(() => {
     if (open) {
       setMounted(true);
       return;
@@ -2702,14 +2705,14 @@ function CommandPalette({
     return () => clearTimeout(t);
   }, [open]);
   useScrollLock(open);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (open) {
       setQuery("");
       setActive(0);
     }
   }, [open]);
   useFocusTrap(paletteRef, open && mounted);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return void 0;
     const onKey = (e) => {
       if (e.key === "Escape") {
@@ -2721,7 +2724,7 @@ function CommandPalette({
     return () => document.removeEventListener("keydown", onKey);
   }, [open, onClose]);
   const q = query.trim().toLowerCase();
-  const filtered = React37__namespace.default.useMemo(() => commands.filter(
+  const filtered = React36__namespace.default.useMemo(() => commands.filter(
     (c) => !q || c.label.toLowerCase().includes(q) || (c.keywords || "").toLowerCase().includes(q) || (c.group || "").toLowerCase().includes(q)
   ), [commands, q]);
   const groups = [];
@@ -2736,7 +2739,7 @@ function CommandPalette({
     g.items.push(c);
     flat.push(c);
   });
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     setActive(0);
   }, [query]);
   const run = (cmd) => {
@@ -2756,7 +2759,7 @@ function CommandPalette({
       if (cmd) run(cmd);
     }
   }
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     const node = listRef.current?.querySelector('[data-active="true"]');
     if (node) node.scrollIntoView({ block: "nearest" });
   }, [active]);
@@ -2932,13 +2935,13 @@ function Currency({
   const prec = precision != null ? precision : meta.precision;
   const sym = symbol != null ? symbol : meta.symbol;
   const cur = code != null ? code : meta.code;
-  const autoId = React37__namespace.default.useId();
+  const autoId = React36__namespace.default.useId();
   const fieldId = id || autoId;
   const invalid = Boolean(error);
   const controlled = value !== void 0;
-  const [internal, setInternal] = React37__namespace.default.useState(() => clampPrecision(String(defaultValue ?? ""), prec));
+  const [internal, setInternal] = React36__namespace.default.useState(() => clampPrecision(String(defaultValue ?? ""), prec));
   const shown = controlled ? clampPrecision(String(value ?? ""), prec) : internal;
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!controlled) return;
     const raw = String(value ?? "");
     if (shown !== raw) {
@@ -3134,37 +3137,37 @@ function Select({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-select-styles", SELECT_CSS);
-  const bufferRef = React37__namespace.default.useRef("");
-  const bufferTimerRef = React37__namespace.default.useRef(null);
-  const groups = React37__namespace.default.useMemo(() => normalizeGroups2(options), [options]);
-  const flat = React37__namespace.default.useMemo(() => groups.flatMap((g) => g.options), [groups]);
-  const autoId = React37__namespace.default.useId();
+  const bufferRef = React36__namespace.default.useRef("");
+  const bufferTimerRef = React36__namespace.default.useRef(null);
+  const groups = React36__namespace.default.useMemo(() => normalizeGroups2(options), [options]);
+  const flat = React36__namespace.default.useMemo(() => groups.flatMap((g) => g.options), [groups]);
+  const autoId = React36__namespace.default.useId();
   const fieldId = id || autoId;
-  const [internal, setInternal] = React37__namespace.default.useState(defaultValue);
+  const [internal, setInternal] = React36__namespace.default.useState(defaultValue);
   const current = value !== void 0 ? value : internal;
-  const [open, setOpen] = React37__namespace.default.useState(false);
-  const [render, setRender] = React37__namespace.default.useState(false);
-  const [active, setActive] = React37__namespace.default.useState(0);
-  const [coords, setCoords] = React37__namespace.default.useState(null);
-  const [query, setQuery] = React37__namespace.default.useState("");
-  const [scrollTop, setScrollTop] = React37__namespace.default.useState(0);
-  const [listH, setListH] = React37__namespace.default.useState(260);
-  const wrapRef = React37__namespace.default.useRef(null);
-  const triggerRef = React37__namespace.default.useRef(null);
-  const popRef = React37__namespace.default.useRef(null);
-  const listRef = React37__namespace.default.useRef(null);
-  const activeRef = React37__namespace.default.useRef(null);
-  const searchRef = React37__namespace.default.useRef(null);
+  const [open, setOpen] = React36__namespace.default.useState(false);
+  const [render, setRender] = React36__namespace.default.useState(false);
+  const [active, setActive] = React36__namespace.default.useState(0);
+  const [coords, setCoords] = React36__namespace.default.useState(null);
+  const [query, setQuery] = React36__namespace.default.useState("");
+  const [scrollTop, setScrollTop] = React36__namespace.default.useState(0);
+  const [listH, setListH] = React36__namespace.default.useState(260);
+  const wrapRef = React36__namespace.default.useRef(null);
+  const triggerRef = React36__namespace.default.useRef(null);
+  const popRef = React36__namespace.default.useRef(null);
+  const listRef = React36__namespace.default.useRef(null);
+  const activeRef = React36__namespace.default.useRef(null);
+  const searchRef = React36__namespace.default.useRef(null);
   const showSearch = searchable === void 0 ? flat.length > 5 : searchable;
-  const fGroups = React37__namespace.default.useMemo(() => {
+  const fGroups = React36__namespace.default.useMemo(() => {
     const q = query.trim().toLowerCase();
     if (!q) return groups;
     return groups.map((g) => ({ group: g.group, options: g.options.filter((o) => o.label.toLowerCase().includes(q) || o.description && o.description.toLowerCase().includes(q)) })).filter((g) => g.options.length);
   }, [groups, query]);
-  const visible = React37__namespace.default.useMemo(() => fGroups.flatMap((g) => g.options), [fGroups]);
-  const rowH = React37__namespace.default.useMemo(() => visible.some((o) => o.description) ? 48 : 36, [visible]);
+  const visible = React36__namespace.default.useMemo(() => fGroups.flatMap((g) => g.options), [fGroups]);
+  const rowH = React36__namespace.default.useMemo(() => visible.some((o) => o.description) ? 48 : 36, [visible]);
   const GROUP_H = 30;
-  const { rows, totalH } = React37__namespace.default.useMemo(() => {
+  const { rows, totalH } = React36__namespace.default.useMemo(() => {
     if (!virtualized) return { rows: [], totalH: 0 };
     const rows2 = [];
     let off = 0;
@@ -3191,7 +3194,7 @@ function Select({
     }
     return from;
   };
-  const place = React37__namespace.default.useCallback(() => {
+  const place = React36__namespace.default.useCallback(() => {
     const el = triggerRef.current;
     if (!el) return;
     const r = el.getBoundingClientRect();
@@ -3207,7 +3210,7 @@ function Select({
       flip
     });
   }, [placement, minWidth, matchTriggerWidth]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open || !portal) return;
     place();
     const onMove = () => place();
@@ -3218,7 +3221,7 @@ function Select({
       window.removeEventListener("resize", onMove);
     };
   }, [open, portal, place]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return;
     const idx = flat.findIndex((o) => o.value === current);
     setActive(idx >= 0 ? idx : 0);
@@ -3234,15 +3237,15 @@ function Select({
     document.addEventListener("mousedown", onDown);
     return () => document.removeEventListener("mousedown", onDown);
   }, [open]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     setActive(0);
   }, [query]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open || !virtualized) return;
     const el = listRef.current;
     if (el && el.clientHeight) setListH(el.clientHeight);
   }, [open, virtualized, render]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return;
     if (!virtualized) {
       ensureVisible2(listRef.current, activeRef.current);
@@ -3259,7 +3262,7 @@ function Select({
     if (next !== el.scrollTop) el.scrollTop = next;
     setScrollTop(next);
   }, [active, open, virtualized, rows, listH]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (open) {
       setRender(true);
       return;
@@ -3267,8 +3270,8 @@ function Select({
     const t = setTimeout(() => setRender(false), 170);
     return () => clearTimeout(t);
   }, [open]);
-  const prevOpen = React37__namespace.default.useRef(false);
-  React37__namespace.default.useEffect(() => {
+  const prevOpen = React36__namespace.default.useRef(false);
+  React36__namespace.default.useEffect(() => {
     if (prevOpen.current && !open) {
       const ae = typeof document !== "undefined" ? document.activeElement : null;
       if (popRef.current && ae && popRef.current.contains(ae)) triggerRef.current?.focus();
@@ -3405,7 +3408,7 @@ function Select({
       vTop > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", style: { height: vTop } }) : null,
       vShown.map((r) => r.kind === "group" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-pop__group", children: r.label }, `g${r.gi}`) : renderOption(r.o, r.idx)),
       vBottom > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", style: { height: vBottom } }) : null
-    ] }) : fGroups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React37__namespace.default.Fragment, { children: [
+    ] }) : fGroups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React36__namespace.default.Fragment, { children: [
       g.group ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-pop__group", children: g.group }) : null,
       g.options.map((o) => {
         counter += 1;
@@ -3560,21 +3563,21 @@ function CurrencyField({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-curf-styles", CURF_CSS);
-  const autoId = React37__namespace.default.useId();
+  const autoId = React36__namespace.default.useId();
   const fieldId = id || autoId;
   const invalid = Boolean(error);
   const curControlled = currency !== void 0;
-  const [curInternal, setCurInternal] = React37__namespace.default.useState(defaultCurrency);
+  const [curInternal, setCurInternal] = React36__namespace.default.useState(defaultCurrency);
   const cur = curControlled ? currency : curInternal;
   const meta = CURRENCIES[cur] || CURRENCIES.USD;
   const prec = meta.precision;
   const valControlled = value !== void 0;
-  const [valInternal, setValInternal] = React37__namespace.default.useState(() => clampPrecision(String(defaultValue ?? ""), prec));
+  const [valInternal, setValInternal] = React36__namespace.default.useState(() => clampPrecision(String(defaultValue ?? ""), prec));
   const shown = valControlled ? clampPrecision(String(value ?? ""), prec) : valInternal;
   const descId = `${fieldId}-desc`;
   const describedBy = [error || hint ? descId : null, rest["aria-describedby"]].filter(Boolean).join(" ") || void 0;
   const ariaInvalid = invalid ? true : rest["aria-invalid"] ?? void 0;
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!valControlled) {
       const clamped = clampPrecision(valInternal, prec);
       if (clamped !== valInternal) {
@@ -3590,7 +3593,7 @@ function CurrencyField({
       }
     }
   }, [prec, cur, shown, value, valControlled, valInternal]);
-  const options = React37__namespace.default.useMemo(() => {
+  const options = React36__namespace.default.useMemo(() => {
     if (!currencies) return CURRENCY_OPTIONS;
     return currencies.map((c) => typeof c === "string" ? { value: c, label: `${c} \u2014 ${(CURRENCIES[c] || {}).label || c}` } : c);
   }, [currencies]);
@@ -3744,13 +3747,13 @@ function Input({
 }) {
   const __twcStyles = useScopedStyles("twc-field-styles", FIELD_CSS2);
   const __twcExtra = useScopedStyles("twc-input-extra-styles", INPUT_EXTRA_CSS);
-  const autoId = React37__namespace.default.useId();
+  const autoId = React36__namespace.default.useId();
   const fieldId = id || autoId;
   const descId = `${fieldId}-desc`;
   const countId = `${fieldId}-count`;
   const invalid = Boolean(error);
   const countControlled = rest.value !== void 0;
-  const [len2, setLen] = React37__namespace.default.useState(() => String(rest.defaultValue ?? "").length);
+  const [len2, setLen] = React36__namespace.default.useState(() => String(rest.defaultValue ?? "").length);
   const count = countControlled ? String(rest.value ?? "").length : len2;
   const max = rest.maxLength;
   const showCounter = showCount && max != null;
@@ -3762,7 +3765,7 @@ function Input({
   const ariaInvalid = invalid ? true : rest["aria-invalid"] ?? void 0;
   const describedBy = [error || hint ? descId : null, showCounter ? countId : null, rest["aria-describedby"]].filter(Boolean).join(" ") || void 0;
   const isPassword = type === "password";
-  const [revealed, setRevealed] = React37__namespace.default.useState(false);
+  const [revealed, setRevealed] = React36__namespace.default.useState(false);
   const effectiveType = isPassword && revealed ? "text" : type;
   const suffix = rightIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "twc-input__affix", children: rightIcon }) : isPassword ? /* @__PURE__ */ jsxRuntime.jsx(
     "button",
@@ -3965,32 +3968,32 @@ function MultiSelect({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-ms-styles", MULTI_CSS);
-  const groups = React37__namespace.default.useMemo(() => normalizeGroups3(options), [options]);
-  const flat = React37__namespace.default.useMemo(() => groups.flatMap((g) => g.options), [groups]);
-  const autoId = React37__namespace.default.useId();
+  const groups = React36__namespace.default.useMemo(() => normalizeGroups3(options), [options]);
+  const flat = React36__namespace.default.useMemo(() => groups.flatMap((g) => g.options), [groups]);
+  const autoId = React36__namespace.default.useId();
   const fieldId = id || autoId;
-  const [internal, setInternal] = React37__namespace.default.useState(defaultValue);
+  const [internal, setInternal] = React36__namespace.default.useState(defaultValue);
   const selected = value !== void 0 ? value : internal;
-  const [open, setOpen] = React37__namespace.default.useState(false);
-  const [query, setQuery] = React37__namespace.default.useState("");
-  const [active, setActive] = React37__namespace.default.useState(0);
-  const [coords, setCoords] = React37__namespace.default.useState(null);
-  const [scrollTop, setScrollTop] = React37__namespace.default.useState(0);
-  const [listH, setListH] = React37__namespace.default.useState(260);
-  const wrapRef = React37__namespace.default.useRef(null);
-  const controlRef = React37__namespace.default.useRef(null);
-  const inputRef = React37__namespace.default.useRef(null);
-  const popRef = React37__namespace.default.useRef(null);
-  const listRef = React37__namespace.default.useRef(null);
-  const activeRef = React37__namespace.default.useRef(null);
-  const fGroups = React37__namespace.default.useMemo(
+  const [open, setOpen] = React36__namespace.default.useState(false);
+  const [query, setQuery] = React36__namespace.default.useState("");
+  const [active, setActive] = React36__namespace.default.useState(0);
+  const [coords, setCoords] = React36__namespace.default.useState(null);
+  const [scrollTop, setScrollTop] = React36__namespace.default.useState(0);
+  const [listH, setListH] = React36__namespace.default.useState(260);
+  const wrapRef = React36__namespace.default.useRef(null);
+  const controlRef = React36__namespace.default.useRef(null);
+  const inputRef = React36__namespace.default.useRef(null);
+  const popRef = React36__namespace.default.useRef(null);
+  const listRef = React36__namespace.default.useRef(null);
+  const activeRef = React36__namespace.default.useRef(null);
+  const fGroups = React36__namespace.default.useMemo(
     () => groups.map((g) => ({ group: g.group, options: g.options.filter((o) => matches2(o, query.trim())) })).filter((g) => g.options.length),
     [groups, query]
   );
-  const visible = React37__namespace.default.useMemo(() => fGroups.flatMap((g) => g.options), [fGroups]);
-  const rowH = React37__namespace.default.useMemo(() => visible.some((o) => o.description) ? 48 : 36, [visible]);
+  const visible = React36__namespace.default.useMemo(() => fGroups.flatMap((g) => g.options), [fGroups]);
+  const rowH = React36__namespace.default.useMemo(() => visible.some((o) => o.description) ? 48 : 36, [visible]);
   const GROUP_H = 30;
-  const { rows, totalH } = React37__namespace.default.useMemo(() => {
+  const { rows, totalH } = React36__namespace.default.useMemo(() => {
     if (!virtualized) return { rows: [], totalH: 0 };
     const rows2 = [];
     let off = 0;
@@ -4018,7 +4021,7 @@ function MultiSelect({
     }
     return from;
   };
-  const place = React37__namespace.default.useCallback(() => {
+  const place = React36__namespace.default.useCallback(() => {
     const el = controlRef.current;
     if (!el) return;
     const r = el.getBoundingClientRect();
@@ -4033,7 +4036,7 @@ function MultiSelect({
       flip
     });
   }, [placement, minWidth]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open || !portal) return;
     place();
     const onMove = () => place();
@@ -4044,7 +4047,7 @@ function MultiSelect({
       window.removeEventListener("resize", onMove);
     };
   }, [open, portal, place]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return;
     const onDown = (e) => {
       if (wrapRef.current && wrapRef.current.contains(e.target)) return;
@@ -4055,15 +4058,15 @@ function MultiSelect({
     document.addEventListener("mousedown", onDown);
     return () => document.removeEventListener("mousedown", onDown);
   }, [open]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     setActive(0);
   }, [query]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open || !virtualized) return;
     const el = listRef.current;
     if (el && el.clientHeight) setListH(el.clientHeight);
   }, [open, virtualized]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return;
     if (!virtualized) {
       ensureVisible3(listRef.current, activeRef.current);
@@ -4174,7 +4177,7 @@ function MultiSelect({
         vTop > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", style: { height: vTop } }) : null,
         vShown.map((r) => r.kind === "group" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-pop__group", children: r.label }, `g${r.gi}`) : renderOption(r.o, r.idx)),
         vBottom > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", style: { height: vBottom } }) : null
-      ] }) : fGroups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React37__namespace.default.Fragment, { children: [
+      ] }) : fGroups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React36__namespace.default.Fragment, { children: [
         g.group ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-pop__group", children: g.group }) : null,
         g.options.map((o) => {
           counter += 1;
@@ -4376,7 +4379,7 @@ function Pagination({
   }
   const jumperEnabled = showPageJumper ?? showJumper;
   const __twcStyles = useScopedStyles("twc-pagination-styles", PAGINATION_CSS);
-  const [internal, setInternal] = React37__namespace.default.useState(defaultPage);
+  const [internal, setInternal] = React36__namespace.default.useState(defaultPage);
   const page = pageProp !== void 0 ? pageProp : internal;
   const pages = buildPages(page, total, siblings, boundaries);
   const go = (p) => {
@@ -4384,7 +4387,7 @@ function Pagination({
     if (pageProp === void 0) setInternal(p);
     onChange?.(p);
   };
-  const [jump, setJump] = React37__namespace.default.useState("");
+  const [jump, setJump] = React36__namespace.default.useState("");
   const submitJump = () => {
     const n = parseInt(jump, 10);
     if (!Number.isNaN(n)) go(Math.min(Math.max(n, 1), total));
@@ -4467,13 +4470,13 @@ function Tooltip({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-tooltip-styles", TOOLTIP_CSS);
-  const id = React37__namespace.default.useId();
-  const [show, setShow] = React37__namespace.default.useState(false);
-  const [coords, setCoords] = React37__namespace.default.useState(null);
-  const timer = React37__namespace.default.useRef(null);
-  const closeTimer = React37__namespace.default.useRef(null);
-  const wrapRef = React37__namespace.default.useRef(null);
-  const tipRef = React37__namespace.default.useRef(null);
+  const id = React36__namespace.default.useId();
+  const [show, setShow] = React36__namespace.default.useState(false);
+  const [coords, setCoords] = React36__namespace.default.useState(null);
+  const timer = React36__namespace.default.useRef(null);
+  const closeTimer = React36__namespace.default.useRef(null);
+  const wrapRef = React36__namespace.default.useRef(null);
+  const tipRef = React36__namespace.default.useRef(null);
   const open = () => {
     clearTimeout(closeTimer.current);
     clearTimeout(timer.current);
@@ -4487,11 +4490,11 @@ function Tooltip({
   const cancelClose = () => {
     clearTimeout(closeTimer.current);
   };
-  React37__namespace.default.useEffect(() => () => {
+  React36__namespace.default.useEffect(() => () => {
     clearTimeout(timer.current);
     clearTimeout(closeTimer.current);
   }, []);
-  const place = React37__namespace.default.useCallback(() => {
+  const place = React36__namespace.default.useCallback(() => {
     const el = wrapRef.current;
     if (!el) return;
     const r = el.getBoundingClientRect();
@@ -4514,10 +4517,10 @@ function Tooltip({
     else if (side === "right") setCoords({ ...base, top: clampY(cy), left: Math.round(r.right + gap) });
     else setCoords({ ...base, left: clampX(cx), bottom: Math.round(vh - r.top + gap) });
   }, [placement]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     place();
   }, [place]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!show) return void 0;
     place();
     const onMove = () => place();
@@ -4528,7 +4531,7 @@ function Tooltip({
       window.removeEventListener("resize", onMove);
     };
   }, [show, place]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!show) return;
     const onKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -4540,7 +4543,7 @@ function Tooltip({
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [show]);
   const describedBy = show ? id : void 0;
-  const trigger = React37__namespace.default.isValidElement(children) && children.type !== React37__namespace.default.Fragment ? React37__namespace.default.cloneElement(children, {
+  const trigger = React36__namespace.default.isValidElement(children) && children.type !== React36__namespace.default.Fragment ? React36__namespace.default.cloneElement(children, {
     "aria-describedby": [children.props["aria-describedby"], describedBy].filter(Boolean).join(" ") || void 0
   }) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-describedby": describedBy, children });
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -5144,9 +5147,9 @@ function runDatatableQuery(rows, query, options = {}) {
   return { rows: page, total, filtered: out };
 }
 function useFloating() {
-  const [pos, setPos] = React37__namespace.default.useState(null);
-  const cfg = React37__namespace.default.useRef(null);
-  const place = React37__namespace.default.useCallback(() => {
+  const [pos, setPos] = React36__namespace.default.useState(null);
+  const cfg = React36__namespace.default.useRef(null);
+  const place = React36__namespace.default.useCallback(() => {
     const c = cfg.current;
     if (!c || !c.el || !c.el.isConnected) return null;
     const r = c.el.getBoundingClientRect();
@@ -5157,17 +5160,17 @@ function useFloating() {
     const top = r.bottom + 6;
     return { top, left, width: c.width, anchorX: r.left + r.width / 2, maxHeight: Math.max(180, vh - top - M) };
   }, []);
-  const open = React37__namespace.default.useCallback((el, align = "left", width = 220) => {
+  const open = React36__namespace.default.useCallback((el, align = "left", width = 220) => {
     cfg.current = { el, align, width };
     const p = place();
     if (p) setPos(p);
   }, [place]);
-  const close = React37__namespace.default.useCallback(() => {
+  const close = React36__namespace.default.useCallback(() => {
     cfg.current = null;
     setPos(null);
   }, []);
   const isOpen = pos != null;
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!isOpen) return void 0;
     const update = () => {
       const p = place();
@@ -5191,9 +5194,9 @@ function Caret({ pos }) {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "twc-dt__caret", style: { left } });
 }
 function EditCell({ col, value, options, onChange, onCommit, onCommitValue, onCancel, onKeyDown }) {
-  const ref = React37__namespace.default.useRef(null);
+  const ref = React36__namespace.default.useRef(null);
   const isSelect = col.editType === "select" || options && col.editType !== "text";
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (isSelect) {
       const t = setTimeout(() => ref.current?.querySelector(".twc-sel__trigger")?.click(), 0);
       return () => clearTimeout(t);
@@ -5401,7 +5404,7 @@ function Datatable({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-dt-styles", DT_CSS);
-  const cols = React37__namespace.default.useMemo(() => {
+  const cols = React36__namespace.default.useMemo(() => {
     const out = columns.map((c) => {
       const isActions = c.type === "actions";
       return {
@@ -5436,7 +5439,7 @@ function Datatable({
     }
     return out;
   }, [columns, rowPinning]);
-  const _autoKey = React37__namespace.default.useRef();
+  const _autoKey = React36__namespace.default.useRef();
   if (!_autoKey.current) _autoKey.current = { map: /* @__PURE__ */ new WeakMap(), n: 0 };
   const keyOf = rowKey || ((r, i) => {
     if (r != null && r.id != null) return r.id;
@@ -5451,17 +5454,17 @@ function Datatable({
     }
     return i;
   });
-  const [sort, setSort] = React37__namespace.default.useState(null);
-  const [filters, setFilters] = React37__namespace.default.useState([]);
-  const [hidden, setHidden] = React37__namespace.default.useState(() => /* @__PURE__ */ new Set());
-  const [showRowNum, setShowRowNum] = React37__namespace.default.useState(rowNumbers);
-  const [wrapped, setWrapped] = React37__namespace.default.useState(() => new Set((columns || []).filter((c) => c.wrapText).map((c) => c.field)));
+  const [sort, setSort] = React36__namespace.default.useState(null);
+  const [filters, setFilters] = React36__namespace.default.useState([]);
+  const [hidden, setHidden] = React36__namespace.default.useState(() => /* @__PURE__ */ new Set());
+  const [showRowNum, setShowRowNum] = React36__namespace.default.useState(rowNumbers);
+  const [wrapped, setWrapped] = React36__namespace.default.useState(() => new Set((columns || []).filter((c) => c.wrapText).map((c) => c.field)));
   const toggleWrap = (field) => setWrapped((w) => {
     const n = new Set(w);
     n.has(field) ? n.delete(field) : n.add(field);
     return n;
   });
-  const [pins, setPins] = React37__namespace.default.useState(() => {
+  const [pins, setPins] = React36__namespace.default.useState(() => {
     const left = [], right = [];
     columns.forEach((c) => {
       if (c.pinned === "left") left.push(c.field);
@@ -5469,13 +5472,13 @@ function Datatable({
     });
     return { left, right };
   });
-  const [density, setDensity] = React37__namespace.default.useState(densityProp);
-  const [quick, setQuick] = React37__namespace.default.useState("");
-  const [selected, setSelected] = React37__namespace.default.useState(() => /* @__PURE__ */ new Set());
-  const [activeRow, setActiveRow] = React37__namespace.default.useState(null);
-  const [activeCell, setActiveCell] = React37__namespace.default.useState(null);
-  const [internalPage, setInternalPage] = React37__namespace.default.useState(0);
-  const [internalRpp, setInternalRpp] = React37__namespace.default.useState(pageSize > 0 ? pageSize : 10);
+  const [density, setDensity] = React36__namespace.default.useState(densityProp);
+  const [quick, setQuick] = React36__namespace.default.useState("");
+  const [selected, setSelected] = React36__namespace.default.useState(() => /* @__PURE__ */ new Set());
+  const [activeRow, setActiveRow] = React36__namespace.default.useState(null);
+  const [activeCell, setActiveCell] = React36__namespace.default.useState(null);
+  const [internalPage, setInternalPage] = React36__namespace.default.useState(0);
+  const [internalRpp, setInternalRpp] = React36__namespace.default.useState(pageSize > 0 ? pageSize : 10);
   const pageControlled = page !== void 0;
   const pageSizeControlled = onPageSizeChange !== void 0;
   const pageVal = pageControlled ? page : internalPage;
@@ -5489,27 +5492,27 @@ function Datatable({
     if (!pageSizeControlled) setInternalRpp(next);
     commitPage(0);
   };
-  const [colQuery, setColQuery] = React37__namespace.default.useState("");
-  const [widths, setWidths] = React37__namespace.default.useState({});
-  const [order, setOrder] = React37__namespace.default.useState(() => columns.map((c) => c.field));
-  const [drag, setDrag] = React37__namespace.default.useState({ from: null, over: null, after: false });
-  const [aggOn, setAggOn] = React37__namespace.default.useState(showAggregation);
-  const [focus, setFocus] = React37__namespace.default.useState({ r: 0, c: 0 });
-  const gridRef = React37__namespace.default.useRef(null);
-  const [groupBy, setGroupBy] = React37__namespace.default.useState(rowGrouping || []);
-  const [collapsed, setCollapsed] = React37__namespace.default.useState(() => /* @__PURE__ */ new Set());
-  const [pinnedRows, setPinnedRows] = React37__namespace.default.useState({ top: [], bottom: [] });
-  const [headH, setHeadH] = React37__namespace.default.useState(41);
-  const theadRef = React37__namespace.default.useRef(null);
-  const [rowOrder, setRowOrder] = React37__namespace.default.useState(null);
-  const [rowHeights, setRowHeights] = React37__namespace.default.useState({});
-  const [rowDrag, setRowDrag] = React37__namespace.default.useState({ from: null, over: null, after: false });
-  const [rowGrab, setRowGrab] = React37__namespace.default.useState(null);
-  const [reorderMsg, setReorderMsg] = React37__namespace.default.useState("");
-  const rowFocusRef = React37__namespace.default.useRef(null);
-  const rootRef = React37__namespace.default.useRef(null);
-  const [compact, setCompact] = React37__namespace.default.useState(false);
-  React37__namespace.default.useEffect(() => {
+  const [colQuery, setColQuery] = React36__namespace.default.useState("");
+  const [widths, setWidths] = React36__namespace.default.useState({});
+  const [order, setOrder] = React36__namespace.default.useState(() => columns.map((c) => c.field));
+  const [drag, setDrag] = React36__namespace.default.useState({ from: null, over: null, after: false });
+  const [aggOn, setAggOn] = React36__namespace.default.useState(showAggregation);
+  const [focus, setFocus] = React36__namespace.default.useState({ r: 0, c: 0 });
+  const gridRef = React36__namespace.default.useRef(null);
+  const [groupBy, setGroupBy] = React36__namespace.default.useState(rowGrouping || []);
+  const [collapsed, setCollapsed] = React36__namespace.default.useState(() => /* @__PURE__ */ new Set());
+  const [pinnedRows, setPinnedRows] = React36__namespace.default.useState({ top: [], bottom: [] });
+  const [headH, setHeadH] = React36__namespace.default.useState(41);
+  const theadRef = React36__namespace.default.useRef(null);
+  const [rowOrder, setRowOrder] = React36__namespace.default.useState(null);
+  const [rowHeights, setRowHeights] = React36__namespace.default.useState({});
+  const [rowDrag, setRowDrag] = React36__namespace.default.useState({ from: null, over: null, after: false });
+  const [rowGrab, setRowGrab] = React36__namespace.default.useState(null);
+  const [reorderMsg, setReorderMsg] = React36__namespace.default.useState("");
+  const rowFocusRef = React36__namespace.default.useRef(null);
+  const rootRef = React36__namespace.default.useRef(null);
+  const [compact, setCompact] = React36__namespace.default.useState(false);
+  React36__namespace.default.useEffect(() => {
     const el = rootRef.current;
     if (!el) return void 0;
     const measure = () => setCompact((el.clientWidth || 0) < 720);
@@ -5522,11 +5525,11 @@ function Datatable({
       else if (typeof window !== "undefined") window.removeEventListener("resize", measure);
     };
   }, []);
-  const scrollRef = React37__namespace.default.useRef(null);
-  const [scrollTop, setScrollTop] = React37__namespace.default.useState(0);
-  const [viewportH, setViewportH] = React37__namespace.default.useState(0);
-  const [pivotOn, setPivotOn] = React37__namespace.default.useState(pivotMode);
-  const [aggConfig, setAggConfig] = React37__namespace.default.useState(() => {
+  const scrollRef = React36__namespace.default.useRef(null);
+  const [scrollTop, setScrollTop] = React36__namespace.default.useState(0);
+  const [viewportH, setViewportH] = React36__namespace.default.useState(0);
+  const [pivotOn, setPivotOn] = React36__namespace.default.useState(pivotMode);
+  const [aggConfig, setAggConfig] = React36__namespace.default.useState(() => {
     const m = {};
     (columns || []).forEach((c) => {
       if (typeof c.aggregation === "string") m[c.field] = c.aggregation;
@@ -5534,13 +5537,13 @@ function Datatable({
     return m;
   });
   const aggOf = (c) => aggConfig[c.field] || (typeof c.aggregation === "function" ? c.aggregation : null);
-  const [pivotConfig, setPivotConfig] = React37__namespace.default.useState(() => ({
+  const [pivotConfig, setPivotConfig] = React36__namespace.default.useState(() => ({
     rows: pivot && pivot.rows || [],
     columns: pivot && pivot.columns || [],
     values: pivot && pivot.values || []
   }));
   const pivotActive = pivotOn && pivotConfig.rows.length > 0 && pivotConfig.values.length > 0;
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     setOrder((prev) => {
       const fields = columns.map((c) => c.field);
       const kept = prev.filter((f) => fields.includes(f));
@@ -5548,37 +5551,37 @@ function Datatable({
       return [...kept, ...added];
     });
   }, [columns]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     setDensity(densityProp);
   }, [densityProp]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     setAggOn(showAggregation);
   }, [showAggregation]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (pageSizeControlled) return;
     setInternalRpp(pageSize > 0 ? pageSize : 10);
     setInternalPage(0);
   }, [pageSize]);
   const rowGroupingKey = (rowGrouping || []).join("\0");
-  const rowGroupingKeyRef = React37__namespace.default.useRef(rowGroupingKey);
-  React37__namespace.default.useEffect(() => {
+  const rowGroupingKeyRef = React36__namespace.default.useRef(rowGroupingKey);
+  React36__namespace.default.useEffect(() => {
     if (rowGroupingKeyRef.current === rowGroupingKey) return;
     rowGroupingKeyRef.current = rowGroupingKey;
     setGroupBy(rowGrouping || []);
   }, [rowGroupingKey]);
   const widthOf = (c) => widths[c.field] ?? c.width ?? 160;
-  const [colMenu, setColMenu] = React37__namespace.default.useState(null);
+  const [colMenu, setColMenu] = React36__namespace.default.useState(null);
   const [menuPos, openMenu, closeMenu] = useFloating();
-  const [panel, setPanel] = React37__namespace.default.useState(null);
+  const [panel, setPanel] = React36__namespace.default.useState(null);
   const [panelPos, openPanel, closePanel] = useFloating();
-  const [rowMenu, setRowMenu] = React37__namespace.default.useState(null);
+  const [rowMenu, setRowMenu] = React36__namespace.default.useState(null);
   const [rowMenuPos, openRowMenu, closeRowMenu] = useFloating();
-  const [exportOpen, setExportOpen] = React37__namespace.default.useState(false);
+  const [exportOpen, setExportOpen] = React36__namespace.default.useState(false);
   const [exportPos, openExport, closeExport] = useFloating();
-  const menuTriggerRef = React37__namespace.default.useRef(null);
-  const colMenuRef = React37__namespace.default.useRef(null);
-  const rowMenuRef = React37__namespace.default.useRef(null);
-  const exportMenuRef = React37__namespace.default.useRef(null);
+  const menuTriggerRef = React36__namespace.default.useRef(null);
+  const colMenuRef = React36__namespace.default.useRef(null);
+  const rowMenuRef = React36__namespace.default.useRef(null);
+  const exportMenuRef = React36__namespace.default.useRef(null);
   function focusFirstItem(container) {
     if (!container) return;
     const first = container.querySelector('[role="menuitem"]:not([disabled])');
@@ -5617,16 +5620,16 @@ function Datatable({
       restoreTriggerFocus();
     }
   }
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (colMenu) focusFirstItem(colMenuRef.current);
   }, [colMenu]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (rowMenu) focusFirstItem(rowMenuRef.current);
   }, [rowMenu]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (exportOpen) focusFirstItem(exportMenuRef.current);
   }, [exportOpen]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!colMenu && !panel && !rowMenu) return;
     const closeAll = () => {
       setColMenu(null);
@@ -5649,7 +5652,7 @@ function Datatable({
       document.removeEventListener("keydown", onKey);
     };
   }, [colMenu, panel, rowMenu]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!exportOpen) return;
     const close = () => {
       setExportOpen(false);
@@ -5668,9 +5671,9 @@ function Datatable({
       document.removeEventListener("keydown", onKey);
     };
   }, [exportOpen]);
-  const colByField = React37__namespace.default.useMemo(() => Object.fromEntries(cols.map((c) => [c.field, c])), [cols]);
+  const colByField = React36__namespace.default.useMemo(() => Object.fromEntries(cols.map((c) => [c.field, c])), [cols]);
   const visibleCols = cols.filter((c) => !hidden.has(c.field));
-  const ordered = React37__namespace.default.useMemo(() => {
+  const ordered = React36__namespace.default.useMemo(() => {
     const orderIdx = (f) => {
       const i = order.indexOf(f);
       return i === -1 ? 9999 : i;
@@ -5705,7 +5708,7 @@ function Datatable({
     }
     return {};
   };
-  const processed = React37__namespace.default.useMemo(() => {
+  const processed = React36__namespace.default.useMemo(() => {
     if (serverMode) {
       if (rowOrder) {
         const idx = new Map(rowOrder.map((k, i) => [k, i]));
@@ -5744,10 +5747,10 @@ function Datatable({
   const totalRows = serverMode ? serverTotal : processed.length;
   const totalPages = paginated ? Math.max(1, Math.ceil(totalRows / sizeVal)) : 1;
   const paged = !paginated || serverMode ? processed : processed.slice(pageVal * sizeVal, pageVal * sizeVal + sizeVal);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (pageVal > totalPages - 1) commitPage(0);
   }, [totalPages]);
-  const activeGroupBy = React37__namespace.default.useMemo(() => groupBy.filter((f) => colByField[f]), [groupBy, colByField]);
+  const activeGroupBy = React36__namespace.default.useMemo(() => groupBy.filter((f) => colByField[f]), [groupBy, colByField]);
   function subtotalText(rowsIn) {
     const parts = [];
     for (const c of ordered) {
@@ -5774,7 +5777,7 @@ function Datatable({
     if (agg === "max") return Math.max(...nums);
     return null;
   }
-  const displayItems = React37__namespace.default.useMemo(() => {
+  const displayItems = React36__namespace.default.useMemo(() => {
     if (!activeGroupBy.length) return null;
     const build = (rowsIn, depth, prefix) => {
       if (depth >= activeGroupBy.length) return rowsIn.map((row) => ({ kind: "leaf", row }));
@@ -5816,7 +5819,7 @@ function Datatable({
       return { top, bottom };
     });
   }
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!rowPinning) return;
     const measure = () => {
       if (theadRef.current) setHeadH(theadRef.current.offsetHeight || 41);
@@ -5830,12 +5833,12 @@ function Datatable({
   const pinnedTopRows = canPinRows ? pinnedRows.top.map((k) => leafRows.find((r, i) => keyOf(r, i) === k)).filter(Boolean) : [];
   const pinnedBottomRows = canPinRows ? pinnedRows.bottom.map((k) => leafRows.find((r, i) => keyOf(r, i) === k)).filter(Boolean) : [];
   const middleRows = canPinRows ? leafRows.filter((r, i) => !pinSideOf(keyOf(r, i))) : leafRows;
-  const keyIndex = React37__namespace.default.useMemo(() => {
+  const keyIndex = React36__namespace.default.useMemo(() => {
     const m = /* @__PURE__ */ new Map();
     leafRows.forEach((r, i) => m.set(keyOf(r, i), i));
     return m;
   }, [leafRows]);
-  const keyIndexMid = React37__namespace.default.useMemo(() => {
+  const keyIndexMid = React36__namespace.default.useMemo(() => {
     const m = /* @__PURE__ */ new Map();
     middleRows.forEach((r, i) => m.set(keyOf(r, keyIndex.get(keyOf(r)) ?? i), i));
     return m;
@@ -5920,7 +5923,7 @@ function Datatable({
       setReorderMsg("Reorder cancelled.");
     }
   }
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (rowFocusRef.current == null) return;
     const key = rowFocusRef.current;
     rowFocusRef.current = null;
@@ -5932,7 +5935,7 @@ function Datatable({
   });
   const estRowH = rowHeight ?? (density === "compact" ? 36 : density === "comfortable" ? 56 : 44);
   const virtualizing = virtualized && !paginated && !activeGroupBy.length && !loading;
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!virtualizing) return;
     const el = scrollRef.current;
     if (!el) return;
@@ -5942,13 +5945,13 @@ function Datatable({
     if (ro) ro.observe(el);
     return () => ro && ro.disconnect();
   }, [virtualizing, height]);
-  const onScrollVirtual = React37__namespace.default.useCallback((e) => {
+  const onScrollVirtual = React36__namespace.default.useCallback((e) => {
     setScrollTop(e.currentTarget.scrollTop);
   }, []);
   const vh = viewportH || (typeof height === "number" ? height : 440);
-  const rowHRef = React37__namespace.default.useRef(/* @__PURE__ */ new Map());
-  const [measureTick, setMeasureTick] = React37__namespace.default.useState(0);
-  const offsets = React37__namespace.default.useMemo(() => {
+  const rowHRef = React36__namespace.default.useRef(/* @__PURE__ */ new Map());
+  const [measureTick, setMeasureTick] = React36__namespace.default.useState(0);
+  const offsets = React36__namespace.default.useMemo(() => {
     if (!virtualizing) return null;
     const total = middleRows.length;
     const arr = new Float64Array(total + 1);
@@ -5958,7 +5961,7 @@ function Datatable({
     }
     return arr;
   }, [virtualizing, middleRows, estRowH, measureTick]);
-  const vWindow = React37__namespace.default.useMemo(() => {
+  const vWindow = React36__namespace.default.useMemo(() => {
     if (!virtualizing || !offsets) return null;
     const total = middleRows.length;
     const totalH = offsets[total];
@@ -5987,7 +5990,7 @@ function Datatable({
     if (start > end) start = end;
     return { start, end, padTop: offsets[start], padBottom: Math.max(0, totalH - offsets[end]) };
   }, [virtualizing, offsets, middleRows.length, vh, scrollTop, overscan]);
-  React37__namespace.default.useLayoutEffect(() => {
+  React36__namespace.default.useLayoutEffect(() => {
     if (!virtualizing) return;
     const el = scrollRef.current;
     if (!el) return;
@@ -6002,9 +6005,9 @@ function Datatable({
     }
     if (changed) setMeasureTick((t) => t + 1);
   });
-  const onServerChangeRef = React37__namespace.default.useRef(onServerChange);
+  const onServerChangeRef = React36__namespace.default.useRef(onServerChange);
   onServerChangeRef.current = onServerChange;
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!serverMode) return;
     const t = setTimeout(() => {
       onServerChangeRef.current?.({
@@ -6039,7 +6042,7 @@ function Datatable({
       return n;
     });
   }
-  const movableMidFields = React37__namespace.default.useMemo(
+  const movableMidFields = React36__namespace.default.useMemo(
     () => ordered.filter((c) => !pins.left.includes(c.field) && !pins.right.includes(c.field) && c.reorderable !== false).map((c) => c.field),
     [ordered, pins]
   );
@@ -6070,7 +6073,7 @@ function Datatable({
     }
     return [...set].sort((a, b) => a.localeCompare(b)).map((v) => ({ value: v, label: v }));
   }
-  const [resizing, setResizing] = React37__namespace.default.useState(false);
+  const [resizing, setResizing] = React36__namespace.default.useState(false);
   function startResize(e, field) {
     e.preventDefault();
     e.stopPropagation();
@@ -6177,7 +6180,7 @@ function Datatable({
     if (!agg) return null;
     if (aggregationValues && col.field in aggregationValues) {
       const pre = aggregationValues[col.field];
-      if (pre && typeof pre === "object" && !React37__namespace.default.isValidElement(pre)) {
+      if (pre && typeof pre === "object" && !React36__namespace.default.isValidElement(pre)) {
         if (typeof agg === "string" && agg in pre) return pre[agg];
       } else {
         return pre;
@@ -6295,14 +6298,14 @@ function Datatable({
       focusCell(r, c);
     }
   }
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     setFocus((f) => ({ r: Math.min(f.r, Math.max(0, leafRows.length - 1)), c: Math.min(f.c, Math.max(0, ordered.length - 1)) }));
   }, [leafRows.length, ordered.length, pageVal]);
-  const selectedRows = React37__namespace.default.useMemo(() => rows.filter((r, i) => selected.has(keyOf(r, i))), [rows, selected]);
+  const selectedRows = React36__namespace.default.useMemo(() => rows.filter((r, i) => selected.has(keyOf(r, i))), [rows, selected]);
   function clearSelection() {
     setSelected(/* @__PURE__ */ new Set());
   }
-  const [editing, setEditing] = React37__namespace.default.useState(null);
+  const [editing, setEditing] = React36__namespace.default.useState(null);
   const isColEditable = (c) => c.type !== "actions" && (c.editable ?? (editMode && c.editable !== false));
   function beginEdit(rowK, col, row) {
     if (!isColEditable(col)) return;
@@ -6337,17 +6340,17 @@ function Datatable({
       cancelEdit();
     }
   }
-  const batchEditableCols = React37__namespace.default.useMemo(
+  const batchEditableCols = React36__namespace.default.useMemo(
     () => cols.filter((c) => c.type !== "actions" && (c.editable ?? (editMode && c.editable !== false))),
     [cols, editMode]
   );
-  const [batchEdit, setBatchEdit] = React37__namespace.default.useState(null);
+  const [batchEdit, setBatchEdit] = React36__namespace.default.useState(null);
   const [batchEditPos, openBatchEdit, closeBatchEdit] = useFloating();
   function openBatchEditor(el) {
     setBatchEdit({ fields: {}, values: {} });
     openBatchEdit(el, "left", 320);
   }
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!batchEdit) return;
     const close = () => {
       setBatchEdit(null);
@@ -6366,7 +6369,7 @@ function Datatable({
       document.removeEventListener("keydown", onKey);
     };
   }, [batchEdit]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (batchEdit && selected.size === 0) {
       setBatchEdit(null);
       closeBatchEdit();
@@ -6403,7 +6406,7 @@ function Datatable({
     setBatchEdit(null);
     closeBatchEdit();
   }
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!editing) return;
     const onDown = (e) => {
       if (e.target.closest(".twc-dt__editor-wrap") || e.target.closest(".twc-pop")) return;
@@ -7937,25 +7940,25 @@ function DatePicker({
 }) {
   const __twcStyles0 = useScopedStyles("twc-field-styles", FIELD_CSS3);
   const __twcStyles1 = useScopedStyles("twc-datepicker-styles", DATEPICKER_CSS);
-  const autoId = React37__namespace.default.useId();
+  const autoId = React36__namespace.default.useId();
   const fieldId = id || autoId;
   const descId = `${fieldId}-desc`;
   const invalid = Boolean(error);
-  const [internal, setInternal] = React37__namespace.default.useState(defaultValue);
+  const [internal, setInternal] = React36__namespace.default.useState(defaultValue);
   const selected = value !== void 0 ? value : internal;
-  const [open, setOpen] = React37__namespace.default.useState(false);
-  const [view, setView] = React37__namespace.default.useState(selected || /* @__PURE__ */ new Date());
-  const [mode, setMode] = React37__namespace.default.useState("days");
-  const [focusDate, setFocusDate] = React37__namespace.default.useState(null);
-  const [focusMonth, setFocusMonth] = React37__namespace.default.useState(null);
-  const [editText, setEditText] = React37__namespace.default.useState(null);
-  const [coords, setCoords] = React37__namespace.default.useState(null);
-  const wrapRef = React37__namespace.default.useRef(null);
-  const triggerRef = React37__namespace.default.useRef(null);
-  const popRef = React37__namespace.default.useRef(null);
-  const gridRef = React37__namespace.default.useRef(null);
+  const [open, setOpen] = React36__namespace.default.useState(false);
+  const [view, setView] = React36__namespace.default.useState(selected || /* @__PURE__ */ new Date());
+  const [mode, setMode] = React36__namespace.default.useState("days");
+  const [focusDate, setFocusDate] = React36__namespace.default.useState(null);
+  const [focusMonth, setFocusMonth] = React36__namespace.default.useState(null);
+  const [editText, setEditText] = React36__namespace.default.useState(null);
+  const [coords, setCoords] = React36__namespace.default.useState(null);
+  const wrapRef = React36__namespace.default.useRef(null);
+  const triggerRef = React36__namespace.default.useRef(null);
+  const popRef = React36__namespace.default.useRef(null);
+  const gridRef = React36__namespace.default.useRef(null);
   const POP_W = 280;
-  const place = React37__namespace.default.useCallback(() => {
+  const place = React36__namespace.default.useCallback(() => {
     const el = triggerRef.current;
     if (!el) return;
     const r = el.getBoundingClientRect();
@@ -7966,7 +7969,7 @@ function DatePicker({
     left = Math.max(8, left);
     setCoords({ left, top: flip ? void 0 : Math.round(r.bottom + 6), bottom: flip ? Math.round(vh - r.top + 6) : void 0 });
   }, []);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return void 0;
     place();
     const onMove = () => place();
@@ -7977,7 +7980,7 @@ function DatePicker({
       window.removeEventListener("resize", onMove);
     };
   }, [open, place]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return;
     setView(selected || /* @__PURE__ */ new Date());
     setMode("days");
@@ -7998,9 +8001,9 @@ function DatePicker({
     };
   }, [open]);
   useFocusTrap(popRef, open && !!coords, { initialFocus: () => gridRef.current?.querySelector('[tabindex="0"]') });
-  const months = React37__namespace.default.useMemo(() => locale === void 0 ? MONTHS : monthNames(locale), [locale]);
-  const monthsShort = React37__namespace.default.useMemo(() => locale === void 0 ? MONTHS.map((n) => n.slice(0, 3)) : monthShortNames(locale), [locale]);
-  const dows = React37__namespace.default.useMemo(
+  const months = React36__namespace.default.useMemo(() => locale === void 0 ? MONTHS : monthNames(locale), [locale]);
+  const monthsShort = React36__namespace.default.useMemo(() => locale === void 0 ? MONTHS.map((n) => n.slice(0, 3)) : monthShortNames(locale), [locale]);
+  const dows = React36__namespace.default.useMemo(
     () => locale === void 0 ? Array.from({ length: 7 }, (_, i) => DOW[(i + weekStartsOn) % 7]) : weekdayNames(locale, weekStartsOn),
     [locale, weekStartsOn]
   );
@@ -8053,11 +8056,11 @@ function DatePicker({
   };
   const cells = Array.from({ length: 42 }, (_, i) => new Date(gridStart.getFullYear(), gridStart.getMonth(), gridStart.getDate() + i));
   const tabbableDate = (focusDate && cells.some((c) => sameDay(c, focusDate)) ? focusDate : null) || (selected && cells.some((c) => sameDay(c, selected)) ? selected : null) || (cells.some((c) => sameDay(c, today)) ? today : null) || new Date(y, m, 1);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open || mode !== "days" || !focusDate) return;
     gridRef.current?.querySelector(`[data-key="${keyOf(focusDate)}"]`)?.focus();
   }, [focusDate, open, mode]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open || mode !== "months" || focusMonth == null) return;
     gridRef.current?.querySelector(`[data-mo="${focusMonth}"]`)?.focus();
   }, [focusMonth, open, mode]);
@@ -8400,26 +8403,26 @@ function DateRangePicker({
 }) {
   const __twcStyles0 = useScopedStyles("twc-field-styles", FIELD_CSS4);
   const __twcStyles1 = useScopedStyles("twc-drp-styles", RANGE_CSS);
-  const [internal, setInternal] = React37__namespace.default.useState(defaultValue);
+  const [internal, setInternal] = React36__namespace.default.useState(defaultValue);
   const range = value !== void 0 ? value : internal;
-  const [open, setOpen] = React37__namespace.default.useState(false);
-  const [view, setView] = React37__namespace.default.useState(range.start || /* @__PURE__ */ new Date());
-  const [hover, setHover] = React37__namespace.default.useState(null);
-  const [focusDate, setFocusDate] = React37__namespace.default.useState(null);
-  const [editText, setEditText] = React37__namespace.default.useState(null);
-  const [coords, setCoords] = React37__namespace.default.useState(null);
-  const wrapRef = React37__namespace.default.useRef(null);
-  const triggerRef = React37__namespace.default.useRef(null);
-  const popRef = React37__namespace.default.useRef(null);
-  const gridRef = React37__namespace.default.useRef(null);
-  const labelId = React37__namespace.default.useId();
+  const [open, setOpen] = React36__namespace.default.useState(false);
+  const [view, setView] = React36__namespace.default.useState(range.start || /* @__PURE__ */ new Date());
+  const [hover, setHover] = React36__namespace.default.useState(null);
+  const [focusDate, setFocusDate] = React36__namespace.default.useState(null);
+  const [editText, setEditText] = React36__namespace.default.useState(null);
+  const [coords, setCoords] = React36__namespace.default.useState(null);
+  const wrapRef = React36__namespace.default.useRef(null);
+  const triggerRef = React36__namespace.default.useRef(null);
+  const popRef = React36__namespace.default.useRef(null);
+  const gridRef = React36__namespace.default.useRef(null);
+  const labelId = React36__namespace.default.useId();
   const descId = `${labelId}-desc`;
   const invalid = Boolean(error);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (disabled) setOpen(false);
   }, [disabled]);
   const POP_W = 420;
-  const place = React37__namespace.default.useCallback(() => {
+  const place = React36__namespace.default.useCallback(() => {
     const el = triggerRef.current;
     if (!el) return;
     const r = el.getBoundingClientRect();
@@ -8430,7 +8433,7 @@ function DateRangePicker({
     left = Math.max(8, left);
     setCoords({ left, top: flip ? void 0 : Math.round(r.bottom + 6), bottom: flip ? Math.round(vh - r.top + 6) : void 0 });
   }, []);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return void 0;
     place();
     const onMove = () => place();
@@ -8441,7 +8444,7 @@ function DateRangePicker({
       window.removeEventListener("resize", onMove);
     };
   }, [open, place]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return;
     const onDown = (e) => {
       if (wrapRef.current && wrapRef.current.contains(e.target)) return;
@@ -8505,13 +8508,13 @@ function DateRangePicker({
     const last = new Date(d.getFullYear(), d.getMonth() + n + 1, 0);
     return new Date(last.getFullYear(), last.getMonth(), Math.min(d.getDate(), last.getDate()));
   };
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) {
       setFocusDate(null);
       setHover(null);
     }
   }, [open]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open || !focusDate) return;
     gridRef.current?.querySelector(`[data-key="${keyOf(focusDate)}"]`)?.focus();
   }, [focusDate, open]);
@@ -8560,8 +8563,8 @@ function DateRangePicker({
     setView(start);
     setOpen(false);
   };
-  const months = React37__namespace.default.useMemo(() => locale === void 0 ? MONTHS2 : monthNames2(locale), [locale]);
-  const dows = React37__namespace.default.useMemo(
+  const months = React36__namespace.default.useMemo(() => locale === void 0 ? MONTHS2 : monthNames2(locale), [locale]);
+  const dows = React36__namespace.default.useMemo(
     () => locale === void 0 ? Array.from({ length: 7 }, (_, i) => DOW2[(i + weekStartsOn) % 7]) : weekdayNames2(locale, weekStartsOn),
     [locale, weekStartsOn]
   );
@@ -8801,14 +8804,14 @@ function Dialog({
   className = "",
   ...rest
 }) {
-  const autoId = React37__namespace.default.useId();
+  const autoId = React36__namespace.default.useId();
   const titleId = `${autoId}-title`;
   const descId = `${autoId}-desc`;
-  const dialogRef = React37__namespace.default.useRef(null);
+  const dialogRef = React36__namespace.default.useRef(null);
   const __twcStyles = useScopedStyles("twc-dialog-styles", DIALOG_CSS);
   const renderPortal = usePortal();
-  const [mounted, setMounted] = React37__namespace.default.useState(open);
-  React37__namespace.default.useEffect(() => {
+  const [mounted, setMounted] = React36__namespace.default.useState(open);
+  React36__namespace.default.useEffect(() => {
     if (open) {
       setMounted(true);
       return;
@@ -8819,7 +8822,7 @@ function Dialog({
   useScrollLock(open);
   useInertBackground(dialogRef, open && mounted);
   useFocusTrap(dialogRef, open && mounted);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return void 0;
     const onKey = (e) => {
       if (e.key === "Escape") {
@@ -8966,14 +8969,14 @@ function Drawer({
   style,
   ...rest
 }) {
-  const autoId = React37__namespace.default.useId();
+  const autoId = React36__namespace.default.useId();
   const titleId = `${autoId}-title`;
   const descId = `${autoId}-desc`;
-  const panelRef = React37__namespace.default.useRef(null);
+  const panelRef = React36__namespace.default.useRef(null);
   const __twcStyles = useScopedStyles("twc-drawer-styles", DRAWER_CSS);
   const renderPortal = usePortal();
-  const [mounted, setMounted] = React37__namespace.default.useState(open);
-  React37__namespace.default.useEffect(() => {
+  const [mounted, setMounted] = React36__namespace.default.useState(open);
+  React36__namespace.default.useEffect(() => {
     if (open) {
       setMounted(true);
       return;
@@ -8984,7 +8987,7 @@ function Drawer({
   useScrollLock(open);
   useInertBackground(panelRef, open && mounted);
   useFocusTrap(panelRef, open && mounted);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return void 0;
     const onKey = (e) => {
       if (e.key === "Escape") {
@@ -9073,11 +9076,11 @@ function Field({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-field-styles", FIELD_CSS5);
-  const autoId = React37__namespace.default.useId();
+  const autoId = React36__namespace.default.useId();
   const fieldId = id || autoId;
   const descId = `${fieldId}-desc`;
   const hasMsg = Boolean(error || hint);
-  const control = React37__namespace.default.isValidElement(children) ? React37__namespace.default.cloneElement(children, {
+  const control = React36__namespace.default.isValidElement(children) ? React36__namespace.default.cloneElement(children, {
     "aria-describedby": [children.props["aria-describedby"], hasMsg ? descId : null].filter(Boolean).join(" ") || void 0,
     "aria-invalid": children.props["aria-invalid"] !== void 0 ? children.props["aria-invalid"] : error ? true : void 0
   }) : children;
@@ -9169,11 +9172,11 @@ function FileUpload({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-upload-styles", UPLOAD_CSS);
-  const [internal, setInternal] = React37__namespace.default.useState(defaultValue);
+  const [internal, setInternal] = React36__namespace.default.useState(defaultValue);
   const files = value !== void 0 ? value : internal;
-  const [drag, setDrag] = React37__namespace.default.useState(false);
-  const inputRef = React37__namespace.default.useRef(null);
-  const autoId = React37__namespace.default.useId();
+  const [drag, setDrag] = React36__namespace.default.useState(false);
+  const inputRef = React36__namespace.default.useRef(null);
+  const autoId = React36__namespace.default.useId();
   const fieldId = id || autoId;
   const descId = `${fieldId}-desc`;
   const invalid = Boolean(error);
@@ -9396,15 +9399,15 @@ function Kanban({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-kanban-styles", KANBAN_CSS);
-  const [internal, setInternal] = React37__namespace.default.useState(cards ?? defaultCards ?? []);
+  const [internal, setInternal] = React36__namespace.default.useState(cards ?? defaultCards ?? []);
   const items = cards !== void 0 ? cards : internal;
-  const [drag, setDrag] = React37__namespace.default.useState(null);
-  const [overCol, setOverCol] = React37__namespace.default.useState(null);
-  const [grab, setGrab] = React37__namespace.default.useState(null);
-  const [announce, setAnnounce] = React37__namespace.default.useState("");
-  const rootRef = React37__namespace.default.useRef(null);
-  const focusIdRef = React37__namespace.default.useRef(null);
-  React37__namespace.default.useEffect(() => {
+  const [drag, setDrag] = React36__namespace.default.useState(null);
+  const [overCol, setOverCol] = React36__namespace.default.useState(null);
+  const [grab, setGrab] = React36__namespace.default.useState(null);
+  const [announce, setAnnounce] = React36__namespace.default.useState("");
+  const rootRef = React36__namespace.default.useRef(null);
+  const focusIdRef = React36__namespace.default.useRef(null);
+  React36__namespace.default.useEffect(() => {
     if (focusIdRef.current == null) return void 0;
     const raf = requestAnimationFrame(() => {
       const id = focusIdRef.current;
@@ -9714,21 +9717,21 @@ function Popover({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-popover-styles", POPOVER_CSS);
-  const [openState, setOpenState] = React37__namespace.default.useState(defaultOpen);
-  const [render, setRender] = React37__namespace.default.useState(false);
-  const [pos, setPos] = React37__namespace.default.useState(null);
-  const wrapRef = React37__namespace.default.useRef(null);
-  const popRef = React37__namespace.default.useRef(null);
-  const popId = React37__namespace.default.useId();
+  const [openState, setOpenState] = React36__namespace.default.useState(defaultOpen);
+  const [render, setRender] = React36__namespace.default.useState(false);
+  const [pos, setPos] = React36__namespace.default.useState(null);
+  const wrapRef = React36__namespace.default.useRef(null);
+  const popRef = React36__namespace.default.useRef(null);
+  const popId = React36__namespace.default.useId();
   const controlled = openProp !== void 0;
   const open = controlled ? !!openProp : openState;
-  const openRef = React37__namespace.default.useRef(open);
+  const openRef = React36__namespace.default.useRef(open);
   openRef.current = open;
-  const controlledRef = React37__namespace.default.useRef(controlled);
+  const controlledRef = React36__namespace.default.useRef(controlled);
   controlledRef.current = controlled;
-  const onOpenChangeRef = React37__namespace.default.useRef(onOpenChange);
+  const onOpenChangeRef = React36__namespace.default.useRef(onOpenChange);
   onOpenChangeRef.current = onOpenChange;
-  const setOpen = React37__namespace.default.useCallback((next) => {
+  const setOpen = React36__namespace.default.useCallback((next) => {
     const value = typeof next === "function" ? next(openRef.current) : next;
     if (value === openRef.current) return;
     if (!controlledRef.current) setOpenState(value);
@@ -9736,7 +9739,7 @@ function Popover({
   }, []);
   const toggle = () => setOpen((o) => !o);
   const RD = { createPortal: typeof reactDom.createPortal === "function" ? reactDom.createPortal : typeof window !== "undefined" && window.ReactDOM && window.ReactDOM.createPortal };
-  const place = React37__namespace.default.useCallback(() => {
+  const place = React36__namespace.default.useCallback(() => {
     const t = wrapRef.current;
     if (!t) return;
     const r = t.getBoundingClientRect();
@@ -9773,7 +9776,7 @@ function Popover({
     arrow = { top: Math.min(Math.max(cy - top - 5.5, 8), ph - 18), [onRight ? "left" : "right"]: -6 };
     setPos({ top, left, width: w, flip: false, arrow });
   }, [placement, align, width]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!open) return;
     place();
     const onMove = () => place();
@@ -9796,7 +9799,7 @@ function Popover({
       document.removeEventListener("keydown", onKey);
     };
   }, [open, place]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (open) {
       setRender(true);
       return;
@@ -9804,12 +9807,12 @@ function Popover({
     const t = setTimeout(() => setRender(false), 170);
     return () => clearTimeout(t);
   }, [open]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (render && open) place();
   }, [render, place]);
-  const restoreRef = React37__namespace.default.useRef(null);
-  const needFocusRef = React37__namespace.default.useRef(false);
-  React37__namespace.default.useEffect(() => {
+  const restoreRef = React36__namespace.default.useRef(null);
+  const needFocusRef = React36__namespace.default.useRef(false);
+  React36__namespace.default.useEffect(() => {
     if (open) {
       restoreRef.current = document.activeElement;
       needFocusRef.current = true;
@@ -9844,7 +9847,7 @@ function Popover({
       ]
     }
   ) : null;
-  const triggerEl = React37__namespace.default.isValidElement(trigger) ? React37__namespace.default.cloneElement(trigger, {
+  const triggerEl = React36__namespace.default.isValidElement(trigger) ? React36__namespace.default.cloneElement(trigger, {
     onClick: (e) => {
       trigger.props.onClick?.(e);
       toggle();
@@ -9887,7 +9890,7 @@ function Progress({
   className = "",
   ...rest
 }) {
-  const labelId = React37__namespace.default.useId();
+  const labelId = React36__namespace.default.useId();
   const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...restProps } = rest;
   const __twcStyles = useScopedStyles("twc-progress-styles", `
 .twc-progress-wrap { display: flex; flex-direction: column; gap: 6px; font-family: var(--font-sans); }
@@ -10010,7 +10013,7 @@ function Radio({
 .twc-field { display: flex; flex-direction: column; gap: var(--space-1-5); font-family: var(--font-sans); }
 .twc-field__error { font-size: var(--text-xs); color: var(--color-danger-subtle-fg); font-weight: var(--font-medium); }
 `);
-  const autoId = React37__namespace.default.useId();
+  const autoId = React36__namespace.default.useId();
   const fieldId = id || autoId;
   const errId = `${fieldId}-error`;
   const invalid = Boolean(error);
@@ -10080,13 +10083,13 @@ function RadioGroup({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-radio-group-styles", RADIO_GROUP_CSS);
-  const autoId = React37__namespace.default.useId();
+  const autoId = React36__namespace.default.useId();
   const fieldId = id || autoId;
   const labelId = `${fieldId}-label`;
   const descId = `${fieldId}-desc`;
   const groupName = name || `${fieldId}-name`;
   const invalid = Boolean(error);
-  const [internal, setInternal] = React37__namespace.default.useState(defaultValue);
+  const [internal, setInternal] = React36__namespace.default.useState(defaultValue);
   const current = value !== void 0 ? value : internal;
   const select = (v) => {
     if (value === void 0) setInternal(v);
@@ -10107,10 +10110,10 @@ function RadioGroup({
       tone
     },
     o.value
-  )) : React37__namespace.default.Children.map(children, (child) => {
-    if (!React37__namespace.default.isValidElement(child)) return child;
+  )) : React36__namespace.default.Children.map(children, (child) => {
+    if (!React36__namespace.default.isValidElement(child)) return child;
     const v = child.props.value;
-    return React37__namespace.default.cloneElement(child, {
+    return React36__namespace.default.cloneElement(child, {
       name: child.props.name ?? groupName,
       checked: child.props.checked ?? current === v,
       onChange: child.props.onChange ?? (() => select(v)),
@@ -10190,12 +10193,12 @@ function Rating({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-rating-styles", RATING_CSS);
-  const [internal, setInternal] = React37__namespace.default.useState(defaultValue);
-  const [hover, setHover] = React37__namespace.default.useState(0);
+  const [internal, setInternal] = React36__namespace.default.useState(defaultValue);
+  const [hover, setHover] = React36__namespace.default.useState(0);
   const val = value !== void 0 ? value : internal;
   const shown = hover || val;
   const interactive = !readOnly && !disabled;
-  const btnRefs = React37__namespace.default.useRef([]);
+  const btnRefs = React36__namespace.default.useRef([]);
   const tabStar = Math.min(count, Math.max(1, Math.round(val) || 1));
   const fmt = (v) => format ? format(v) : Number.isInteger(v) ? String(v) : v.toFixed(1);
   if (process.env.NODE_ENV !== "production" && interactive && !Number.isInteger(val)) {
@@ -10382,24 +10385,24 @@ function Sidebar({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-sidebar-styles", SIDEBAR_CSS);
-  const navId = React37__namespace.default.useId();
-  const panelRef = React37__namespace.default.useRef(null);
+  const navId = React36__namespace.default.useId();
+  const panelRef = React36__namespace.default.useRef(null);
   const renderPortal = usePortal();
-  const [internal, setInternal] = React37__namespace.default.useState(defaultCollapsed);
+  const [internal, setInternal] = React36__namespace.default.useState(defaultCollapsed);
   const collapsed = collapsedProp !== void 0 ? collapsedProp : internal;
   const toggle = () => {
     const next = !collapsed;
     if (collapsedProp === void 0) setInternal(next);
     onCollapsedChange?.(next);
   };
-  const [openInternal, setOpenInternal] = React37__namespace.default.useState(defaultOpen);
+  const [openInternal, setOpenInternal] = React36__namespace.default.useState(defaultOpen);
   const open = openProp !== void 0 ? openProp : openInternal;
   const setOpen = (next) => {
     if (openProp === void 0) setOpenInternal(next);
     onOpenChange?.(next);
   };
-  const [mounted, setMounted] = React37__namespace.default.useState(open);
-  React37__namespace.default.useEffect(() => {
+  const [mounted, setMounted] = React36__namespace.default.useState(open);
+  React36__namespace.default.useEffect(() => {
     if (!overlay) return void 0;
     if (open) {
       setMounted(true);
@@ -10408,7 +10411,7 @@ function Sidebar({
     const t = setTimeout(() => setMounted(false), 170);
     return () => clearTimeout(t);
   }, [overlay, open]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!overlay || !open) return void 0;
     const prev = document.body.style.overflow;
     document.body.style.overflow = "hidden";
@@ -10417,7 +10420,7 @@ function Sidebar({
     };
   }, [overlay, open]);
   useFocusTrap(panelRef, overlay && open && mounted);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!overlay || !open) return void 0;
     const onKey = (e) => {
       if (e.key === "Escape") {
@@ -10469,7 +10472,7 @@ function Sidebar({
   const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     __twcStyles,
     brand ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-sidebar__head", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "twc-sidebar__brand", children: brand }) }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx("nav", { id: navId, className: "twc-sidebar__nav", "aria-label": navLabel, children: groups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React37__namespace.default.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("nav", { id: navId, className: "twc-sidebar__nav", "aria-label": navLabel, children: groups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React36__namespace.default.Fragment, { children: [
       g.section != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-sidebar__section", id: g.sid, children: g.section }) : null,
       /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "twc-sidebar__list", ...g.section != null ? { "aria-labelledby": g.sid } : {}, children: g.entries.map(({ it, i }) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: renderItem(it) }, i)) })
     ] }, gi)) }),
@@ -10638,10 +10641,10 @@ function Slider({
     return Math.min(max, Math.max(min, Math.round(stepped * 1e6) / 1e6));
   };
   const __twcStyles = useScopedStyles("twc-slider-styles", SLIDER_CSS);
-  const autoId = React37__namespace.default.useId();
+  const autoId = React36__namespace.default.useId();
   const fieldId = id || autoId;
   const isRange = range || Array.isArray(value) || Array.isArray(defaultValue);
-  const [internal, setInternal] = React37__namespace.default.useState(() => {
+  const [internal, setInternal] = React36__namespace.default.useState(() => {
     if (isRange) {
       const dv = Array.isArray(defaultValue) ? defaultValue : [min, max];
       return [clampSnap(dv[0]), clampSnap(dv[1])];
@@ -10651,8 +10654,8 @@ function Slider({
   const rawVal = value !== void 0 ? value : internal;
   const clampedVals = (isRange ? [Number(rawVal[0]), Number(rawVal[1])] : [Number(rawVal)]).map((v) => Math.min(max, Math.max(min, Number.isFinite(v) ? v : min)));
   const indices = isRange ? [0, 1] : [0];
-  const trackRef = React37__namespace.default.useRef(null);
-  const [dragging, setDragging] = React37__namespace.default.useState(false);
+  const trackRef = React36__namespace.default.useRef(null);
+  const [dragging, setDragging] = React36__namespace.default.useState(false);
   const fmt = (v) => formatValue ? formatValue(v) : v.toFixed(decimals);
   const valueTextFor = (v) => {
     if (getAriaValueText) return getAriaValueText(v);
@@ -10683,8 +10686,8 @@ function Slider({
     const ratio = Math.min(1, Math.max(0, (clientX - r.left) / r.width));
     return clampSnap(min + ratio * (max - min));
   };
-  const dragCleanupRef = React37__namespace.default.useRef(null);
-  React37__namespace.default.useEffect(() => () => dragCleanupRef.current?.(), []);
+  const dragCleanupRef = React36__namespace.default.useRef(null);
+  React36__namespace.default.useEffect(() => () => dragCleanupRef.current?.(), []);
   function onPointerDown(e) {
     if (disabled) return;
     e.preventDefault();
@@ -10915,7 +10918,7 @@ function Stepper({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-stepper-styles", STEPPER_CSS);
-  const [activeInternal, setActiveInternal] = React37__namespace.default.useState(defaultActive);
+  const [activeInternal, setActiveInternal] = React36__namespace.default.useState(defaultActive);
   const active = activeProp !== void 0 ? activeProp : activeInternal;
   const handleStep = (i) => {
     if (activeProp === void 0) setActiveInternal(i);
@@ -11047,7 +11050,7 @@ function Switch({
 .twc-field { display: flex; flex-direction: column; gap: var(--space-1-5); font-family: var(--font-sans); }
 .twc-field__error { font-size: var(--text-xs); color: var(--color-danger-subtle-fg); font-weight: var(--font-medium); }
 `);
-  const autoId = React37__namespace.default.useId();
+  const autoId = React36__namespace.default.useId();
   const fieldId = id || autoId;
   const errId = `${fieldId}-error`;
   const invalid = Boolean(error);
@@ -11150,14 +11153,14 @@ function Table({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-table-styles", TABLE_CSS);
-  const cols = React37__namespace.default.useMemo(
+  const cols = React36__namespace.default.useMemo(
     () => (columns || []).map((c) => ({ ...c, header: c.headerName, render: c.renderCell })),
     [columns]
   );
   const dataRows = rowsProp || [];
-  const [internalSort, setInternalSort] = React37__namespace.default.useState(defaultSort || { field: null, dir: "asc" });
+  const [internalSort, setInternalSort] = React36__namespace.default.useState(defaultSort || { field: null, dir: "asc" });
   const sort = (sortProp !== void 0 ? sortProp : internalSort) || { field: null, dir: "asc" };
-  const rows = React37__namespace.default.useMemo(() => {
+  const rows = React36__namespace.default.useMemo(() => {
     if (!sortable || !sort.field) return dataRows;
     const col = cols.find((c) => c.field === sort.field);
     if (!col) return dataRows;
@@ -11304,15 +11307,15 @@ function Tabs({
 }) {
   const vertical = orientation === "vertical";
   const __twcStyles = useScopedStyles("twc-tabs-styles", TABS_CSS);
-  const [internal, setInternal] = React37__namespace.default.useState(defaultValue ?? items[0]?.value);
+  const [internal, setInternal] = React36__namespace.default.useState(defaultValue ?? items[0]?.value);
   const active = value ?? internal;
-  const listRef = React37__namespace.default.useRef(null);
-  const [ind, setInd] = React37__namespace.default.useState({ left: 0, width: 0, top: 0, height: 0 });
-  const baseId = React37__namespace.default.useId();
+  const listRef = React36__namespace.default.useRef(null);
+  const [ind, setInd] = React36__namespace.default.useState({ left: 0, width: 0, top: 0, height: 0 });
+  const baseId = React36__namespace.default.useId();
   const tabIdAt = (i) => `${baseId}-tab-${i}`;
   const panelId = `${baseId}-panel`;
   const activeIndex = items.findIndex((it) => it.value === active);
-  const updateIndicator = React37__namespace.default.useCallback(() => {
+  const updateIndicator = React36__namespace.default.useCallback(() => {
     const list = listRef.current;
     if (!list) return;
     const el = list.querySelector('[data-active="true"]');
@@ -11321,10 +11324,10 @@ function Tabs({
       if (!vertical) el.scrollIntoView?.({ inline: "nearest", block: "nearest" });
     }
   }, [vertical]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     updateIndicator();
   }, [active, updateIndicator, items, orientation]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     const r = () => updateIndicator();
     window.addEventListener("resize", r);
     if (typeof document !== "undefined" && document.fonts && document.fonts.ready) {
@@ -11469,7 +11472,7 @@ function Tag({
     }, "aria-label": _removeLabel, type: "button", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6 6 18M6 6l12 12" }) }) }) : null
   ] });
 }
-var useIso = typeof document !== "undefined" ? React37__namespace.default.useLayoutEffect : React37__namespace.default.useEffect;
+var useIso = typeof document !== "undefined" ? React36__namespace.default.useLayoutEffect : React36__namespace.default.useEffect;
 var TEXTAREA_CSS = `
 .twc-field { display: flex; flex-direction: column; gap: var(--space-1-5); font-family: var(--font-sans); }
 .twc-field__label { font-size: var(--text-sm); font-weight: var(--font-semibold); color: var(--color-text); display: flex; gap: 4px; align-items: center; }
@@ -11505,7 +11508,7 @@ var TEXTAREA_CSS = `
 .twc-field__count { margin-inline-start: auto; font-size: var(--text-xs); color: var(--color-text-muted); font-variant-numeric: tabular-nums; flex: none; }
 .twc-field__count[data-danger="true"] { color: var(--color-danger-subtle-fg); }
 `;
-var Textarea = React37__namespace.default.forwardRef(function Textarea2({
+var Textarea = React36__namespace.default.forwardRef(function Textarea2({
   label,
   hint,
   error,
@@ -11523,19 +11526,19 @@ var Textarea = React37__namespace.default.forwardRef(function Textarea2({
   ...rest
 }, ref) {
   const __twcStyles = useScopedStyles("twc-textarea-styles", TEXTAREA_CSS);
-  const autoId = React37__namespace.default.useId();
+  const autoId = React36__namespace.default.useId();
   const fieldId = id || autoId;
   const descId = `${fieldId}-desc`;
   const countId = `${fieldId}-count`;
   const invalid = Boolean(error);
-  const innerRef = React37__namespace.default.useRef(null);
+  const innerRef = React36__namespace.default.useRef(null);
   const setRef = (el) => {
     innerRef.current = el;
     if (typeof ref === "function") ref(el);
     else if (ref) ref.current = el;
   };
   const countControlled = rest.value !== void 0;
-  const [len2, setLen] = React37__namespace.default.useState(() => String(rest.defaultValue ?? "").length);
+  const [len2, setLen] = React36__namespace.default.useState(() => String(rest.defaultValue ?? "").length);
   const count = countControlled ? String(rest.value ?? "").length : len2;
   const max = rest.maxLength;
   const showCounter = showCount && max != null;
@@ -11713,19 +11716,19 @@ function Toast({
 }) {
   const resolvedTone = tone === "neutral" ? "default" : tone;
   const __twcStyles = useScopedStyles("twc-toast-styles", TOAST_CSS);
-  const onCloseRef = React37__namespace.default.useRef(onClose);
-  React37__namespace.default.useEffect(() => {
+  const onCloseRef = React36__namespace.default.useRef(onClose);
+  React36__namespace.default.useEffect(() => {
     onCloseRef.current = onClose;
   }, [onClose]);
-  const timer = React37__namespace.default.useRef();
-  const stop = React37__namespace.default.useCallback(() => clearTimeout(timer.current), []);
-  const start = React37__namespace.default.useCallback(() => {
+  const timer = React36__namespace.default.useRef();
+  const stop = React36__namespace.default.useCallback(() => clearTimeout(timer.current), []);
+  const start = React36__namespace.default.useCallback(() => {
     stop();
     if (duration && duration !== Infinity && onCloseRef.current) {
       timer.current = setTimeout(() => onCloseRef.current && onCloseRef.current(), duration);
     }
   }, [duration, stop]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     start();
     return stop;
   }, [start, stop]);
@@ -11770,30 +11773,30 @@ function Toast({
 }
 function ToastViewport({ children, limit, className = "", ...rest }) {
   const __twcStyles = useScopedStyles("twc-toast-styles", TOAST_CSS);
-  const shown = limit && limit > 0 ? React37__namespace.default.Children.toArray(children).slice(-limit) : children;
+  const shown = limit && limit > 0 ? React36__namespace.default.Children.toArray(children).slice(-limit) : children;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `twc-toast-viewport ${className}`, role: "region", "aria-label": "Notifications", ...rest, children: [
     __twcStyles,
     shown
   ] });
 }
-var ToastContext = React37__namespace.default.createContext(null);
+var ToastContext = React36__namespace.default.createContext(null);
 function useToast() {
-  const ctx = React37__namespace.default.useContext(ToastContext);
+  const ctx = React36__namespace.default.useContext(ToastContext);
   if (!ctx) throw new Error("useToast must be used within a <ToastProvider>.");
   return ctx;
 }
 function ToastProvider({ children, limit = 4, duration = 4500, ...viewportProps }) {
-  const [toasts, setToasts] = React37__namespace.default.useState([]);
-  const idRef = React37__namespace.default.useRef(0);
-  const limitRef = React37__namespace.default.useRef(limit);
-  React37__namespace.default.useEffect(() => {
+  const [toasts, setToasts] = React36__namespace.default.useState([]);
+  const idRef = React36__namespace.default.useRef(0);
+  const limitRef = React36__namespace.default.useRef(limit);
+  React36__namespace.default.useEffect(() => {
     limitRef.current = limit;
   }, [limit]);
-  const dismiss = React37__namespace.default.useCallback((id) => {
+  const dismiss = React36__namespace.default.useCallback((id) => {
     setToasts((s) => s.filter((t) => t.id !== id));
   }, []);
-  const clear = React37__namespace.default.useCallback(() => setToasts([]), []);
-  const api = React37__namespace.default.useMemo(() => {
+  const clear = React36__namespace.default.useCallback(() => setToasts([]), []);
+  const api = React36__namespace.default.useMemo(() => {
     const push = (opts) => {
       const id = idRef.current += 1;
       const next = typeof opts === "string" ? { title: opts } : opts && typeof opts === "object" ? opts : {};
@@ -11814,7 +11817,7 @@ function ToastProvider({ children, limit = 4, duration = 4500, ...viewportProps
     toast.show = withTone("default");
     return { toast, dismiss, clear };
   }, [dismiss, clear]);
-  const value = React37__namespace.default.useMemo(() => ({ ...api, toasts }), [api, toasts]);
+  const value = React36__namespace.default.useMemo(() => ({ ...api, toasts }), [api, toasts]);
   return /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value, children: [
     children,
     /* @__PURE__ */ jsxRuntime.jsx(ToastViewport, { limit, ...viewportProps, children: toasts.map((t) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -11922,13 +11925,13 @@ function TreeView({
 }) {
   const nodes = items;
   const __twcStyles = useScopedStyles("twc-tree-styles", TREE_CSS);
-  const [expInternal, setExpInternal] = React37__namespace.default.useState(() => new Set(defaultExpanded));
+  const [expInternal, setExpInternal] = React36__namespace.default.useState(() => new Set(defaultExpanded));
   const expanded = expandedProp !== void 0 ? new Set(expandedProp) : expInternal;
-  const [selInternal, setSelInternal] = React37__namespace.default.useState(defaultSelectedId);
+  const [selInternal, setSelInternal] = React36__namespace.default.useState(defaultSelectedId);
   const selectedId = selectedProp !== void 0 ? selectedProp : selInternal;
-  const [focusId, setFocusId] = React37__namespace.default.useState(null);
-  const rowRefs = React37__namespace.default.useRef(/* @__PURE__ */ new Map());
-  const taRef = React37__namespace.default.useRef({ str: "", t: 0 });
+  const [focusId, setFocusId] = React36__namespace.default.useState(null);
+  const rowRefs = React36__namespace.default.useRef(/* @__PURE__ */ new Map());
+  const taRef = React36__namespace.default.useRef({ str: "", t: 0 });
   const toggle = (id) => {
     const n = new Set(expanded);
     n.has(id) ? n.delete(id) : n.add(id);
@@ -12060,7 +12063,7 @@ function AppShell({
   ...rest
 }) {
   const __twcStyles = useScopedStyles("twc-shell-styles", SHELL_CSS);
-  const wiredSidebar = React37__namespace.default.isValidElement(sidebar) && (sidebarOpen !== void 0 || onSidebarOpenChange !== void 0) ? React37__namespace.default.cloneElement(sidebar, {
+  const wiredSidebar = React36__namespace.default.isValidElement(sidebar) && (sidebarOpen !== void 0 || onSidebarOpenChange !== void 0) ? React36__namespace.default.cloneElement(sidebar, {
     overlay: sidebar.props.overlay !== void 0 ? sidebar.props.overlay : true,
     open: sidebar.props.open !== void 0 ? sidebar.props.open : sidebarOpen,
     onOpenChange: sidebar.props.onOpenChange !== void 0 ? sidebar.props.onOpenChange : onSidebarOpenChange
@@ -12095,7 +12098,7 @@ function safeHref6(url) {
   const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
   return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
 }
-var Box = React37__namespace.default.forwardRef(function Box2({
+var Box = React36__namespace.default.forwardRef(function Box2({
   as: Tag2 = "div",
   p,
   px,
@@ -12151,7 +12154,7 @@ function safeHref7(url) {
   const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
   return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
 }
-var Container = React37__namespace.default.forwardRef(function Container2({
+var Container = React36__namespace.default.forwardRef(function Container2({
   as: Tag2 = "div",
   size = "lg",
   padded = true,
@@ -12201,7 +12204,7 @@ function safeHref8(url) {
   const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
   return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
 }
-var Grid = React37__namespace.default.forwardRef(function Grid2({
+var Grid = React36__namespace.default.forwardRef(function Grid2({
   as: Tag2 = "div",
   columns,
   minChildWidth,
@@ -12220,7 +12223,7 @@ var Grid = React37__namespace.default.forwardRef(function Grid2({
 }, ref) {
   const { flatStyle, styleNode, sxAttr } = useSx(sx);
   const responsive = columns != null && typeof columns === "object";
-  const uid = React37__namespace.default.useId();
+  const uid = React36__namespace.default.useId();
   const gridId = responsive ? `g${uid.replace(/[^a-zA-Z0-9]/g, "")}` : null;
   let css = "";
   if (responsive) {
@@ -12274,7 +12277,7 @@ function safeHref9(url) {
   const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
   return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
 }
-var Stack = React37__namespace.default.forwardRef(function Stack2({
+var Stack = React36__namespace.default.forwardRef(function Stack2({
   as: Tag2 = "div",
   direction = "column",
   gap = 4,
@@ -12298,7 +12301,7 @@ var Stack = React37__namespace.default.forwardRef(function Stack2({
 }, ref) {
   const { flatStyle, styleNode, sxAttr } = useSx(sx);
   if (Tag2 === "a" && rest.href != null) rest.href = safeHref9(rest.href);
-  const kids = divider != null ? React37__namespace.default.Children.toArray(children).flatMap((child, i, arr) => i < arr.length - 1 ? [child, /* @__PURE__ */ jsxRuntime.jsx(React37__namespace.default.Fragment, { children: divider }, `twc-stack-div-${i}`)] : [child]) : children;
+  const kids = divider != null ? React36__namespace.default.Children.toArray(children).flatMap((child, i, arr) => i < arr.length - 1 ? [child, /* @__PURE__ */ jsxRuntime.jsx(React36__namespace.default.Fragment, { children: divider }, `twc-stack-div-${i}`)] : [child]) : children;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Tag2,
     {
@@ -12370,10 +12373,10 @@ function Code({
   const __twcStyles = useScopedStyles("twc-code-styles", CODE_CSS);
   const Tag2 = as ?? (block ? "pre" : "code");
   if (Tag2 === "a" && rest.href != null) rest.href = safeHref10(rest.href);
-  const rootRef = React37__namespace.default.useRef(null);
-  const [copied, setCopied] = React37__namespace.default.useState(false);
-  const timerRef = React37__namespace.default.useRef(null);
-  React37__namespace.default.useEffect(() => () => clearTimeout(timerRef.current), []);
+  const rootRef = React36__namespace.default.useRef(null);
+  const [copied, setCopied] = React36__namespace.default.useState(false);
+  const timerRef = React36__namespace.default.useRef(null);
+  React36__namespace.default.useEffect(() => () => clearTimeout(timerRef.current), []);
   const doCopy = () => {
     if (typeof navigator === "undefined" || !navigator.clipboard) return;
     const text = typeof children === "string" ? children : rootRef.current?.textContent ?? "";
@@ -12399,7 +12402,7 @@ function safeHref11(url) {
   const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
   return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
 }
-var Heading = React37__namespace.default.forwardRef(function Heading2({
+var Heading = React36__namespace.default.forwardRef(function Heading2({
   as,
   level = 2,
   size,
@@ -12465,7 +12468,7 @@ function safeHref12(url) {
   const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
   return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
 }
-var Text = React37__namespace.default.forwardRef(function Text2({
+var Text = React36__namespace.default.forwardRef(function Text2({
   as: Tag2 = "p",
   size = "base",
   tone = "default",
@@ -12510,45 +12513,45 @@ var Text = React37__namespace.default.forwardRef(function Text2({
 });
 Text.displayName = "Text";
 var canUseDOM2 = typeof window !== "undefined" && typeof document !== "undefined";
-var useIsomorphicLayoutEffect = canUseDOM2 ? React37__namespace.default.useLayoutEffect : React37__namespace.default.useEffect;
+var useIsomorphicLayoutEffect = canUseDOM2 ? React36__namespace.default.useLayoutEffect : React36__namespace.default.useEffect;
 function useMounted() {
-  const [mounted, setMounted] = React37__namespace.default.useState(false);
-  React37__namespace.default.useEffect(() => {
+  const [mounted, setMounted] = React36__namespace.default.useState(false);
+  React36__namespace.default.useEffect(() => {
     setMounted(true);
   }, []);
   return mounted;
 }
 function usePrevious(value) {
-  const ref = React37__namespace.default.useRef(void 0);
-  React37__namespace.default.useEffect(() => {
+  const ref = React36__namespace.default.useRef(void 0);
+  React36__namespace.default.useEffect(() => {
     ref.current = value;
   }, [value]);
   return ref.current;
 }
 function useToggle(initial = false) {
-  const [on, setOn] = React37__namespace.default.useState(initial);
-  const toggle = React37__namespace.default.useCallback((next) => {
+  const [on, setOn] = React36__namespace.default.useState(initial);
+  const toggle = React36__namespace.default.useCallback((next) => {
     setOn((prev) => typeof next === "boolean" ? next : !prev);
   }, []);
   return [on, toggle, setOn];
 }
 function useDisclosure(initial = false) {
-  const [open, setOpen] = React37__namespace.default.useState(initial);
-  const onOpen = React37__namespace.default.useCallback(() => setOpen(true), []);
-  const onClose = React37__namespace.default.useCallback(() => setOpen(false), []);
-  const onToggle = React37__namespace.default.useCallback(() => setOpen((p) => !p), []);
+  const [open, setOpen] = React36__namespace.default.useState(initial);
+  const onOpen = React36__namespace.default.useCallback(() => setOpen(true), []);
+  const onClose = React36__namespace.default.useCallback(() => setOpen(false), []);
+  const onToggle = React36__namespace.default.useCallback(() => setOpen((p) => !p), []);
   return { open, onOpen, onClose, onToggle, setOpen };
 }
 function useControllableState({ value, defaultValue, onChange } = {}) {
   const isControlled = value !== void 0;
-  const [uncontrolled, setUncontrolled] = React37__namespace.default.useState(defaultValue);
+  const [uncontrolled, setUncontrolled] = React36__namespace.default.useState(defaultValue);
   const current = isControlled ? value : uncontrolled;
-  const ref = React37__namespace.default.useRef({ current, isControlled, onChange });
+  const ref = React36__namespace.default.useRef({ current, isControlled, onChange });
   useIsomorphicLayoutEffect(() => {
     ref.current = { current, isControlled, onChange };
   });
-  const wasControlled = React37__namespace.default.useRef(isControlled);
-  React37__namespace.default.useEffect(() => {
+  const wasControlled = React36__namespace.default.useRef(isControlled);
+  React36__namespace.default.useEffect(() => {
     if (wasControlled.current !== isControlled) {
       warnOnce(
         "useControllableState:switch",
@@ -12557,7 +12560,7 @@ function useControllableState({ value, defaultValue, onChange } = {}) {
       wasControlled.current = isControlled;
     }
   });
-  const setValue = React37__namespace.default.useCallback((next) => {
+  const setValue = React36__namespace.default.useCallback((next) => {
     const { current: cur, isControlled: ctrl, onChange: cb } = ref.current;
     const resolved = typeof next === "function" ? next(cur) : next;
     if (resolved === cur) return;
@@ -12568,7 +12571,7 @@ function useControllableState({ value, defaultValue, onChange } = {}) {
 }
 function useMediaQuery(query, { defaultValue = false, initializeWithValue = false } = {}) {
   const get = () => canUseDOM2 ? window.matchMedia(query).matches : defaultValue;
-  const [matches3, setMatches] = React37__namespace.default.useState(initializeWithValue ? get : defaultValue);
+  const [matches3, setMatches] = React36__namespace.default.useState(initializeWithValue ? get : defaultValue);
   useIsomorphicLayoutEffect(() => {
     if (!canUseDOM2) return void 0;
     const mql = window.matchMedia(query);
@@ -12584,7 +12587,7 @@ function usePrefersReducedMotion() {
 }
 function useColorScheme({ storageKey = "twico-theme", attribute = "class", element, disableTransitionsOnChange = true } = {}) {
   const getTarget = () => element || (canUseDOM2 ? document.documentElement : null);
-  const firstApply = React37__namespace.default.useRef(true);
+  const firstApply = React36__namespace.default.useRef(true);
   const read = () => {
     if (!canUseDOM2) return "light";
     try {
@@ -12594,8 +12597,8 @@ function useColorScheme({ storageKey = "twico-theme", attribute = "class", eleme
     }
     return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
   };
-  const [theme, setThemeState] = React37__namespace.default.useState(read);
-  const apply = React37__namespace.default.useCallback(
+  const [theme, setThemeState] = React36__namespace.default.useState(read);
+  const apply = React36__namespace.default.useCallback(
     (t) => {
       const target = getTarget();
       if (!target) return;
@@ -12621,11 +12624,11 @@ function useColorScheme({ storageKey = "twico-theme", attribute = "class", eleme
   useIsomorphicLayoutEffect(() => {
     apply(theme);
   }, [theme, apply]);
-  const themeRef = React37__namespace.default.useRef(theme);
+  const themeRef = React36__namespace.default.useRef(theme);
   useIsomorphicLayoutEffect(() => {
     themeRef.current = theme;
   }, [theme]);
-  const setTheme = React37__namespace.default.useCallback(
+  const setTheme = React36__namespace.default.useCallback(
     (t) => {
       setThemeState(t);
       try {
@@ -12636,10 +12639,10 @@ function useColorScheme({ storageKey = "twico-theme", attribute = "class", eleme
     },
     [storageKey]
   );
-  const toggle = React37__namespace.default.useCallback(() => {
+  const toggle = React36__namespace.default.useCallback(() => {
     setTheme(themeRef.current === "dark" ? "light" : "dark");
   }, [setTheme]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!canUseDOM2) return void 0;
     const sync = () => setThemeState(read());
     const onStorage = (e) => {
@@ -12655,14 +12658,14 @@ function useColorScheme({ storageKey = "twico-theme", attribute = "class", eleme
   return { theme, setTheme, toggle, isDark: theme === "dark" };
 }
 function useEventListener(eventName, handler, element, options) {
-  const saved = React37__namespace.default.useRef(handler);
+  const saved = React36__namespace.default.useRef(handler);
   useIsomorphicLayoutEffect(() => {
     saved.current = handler;
   }, [handler]);
   const capture = typeof options === "boolean" ? options : options && options.capture;
   const passive = typeof options === "object" && options ? options.passive : void 0;
   const once = typeof options === "object" && options ? options.once : void 0;
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     const target = element && element.current || element || (canUseDOM2 ? window : null);
     if (!target || !target.addEventListener) return void 0;
     const opts = typeof options === "boolean" ? options : { capture, passive, once };
@@ -12672,11 +12675,11 @@ function useEventListener(eventName, handler, element, options) {
   }, [eventName, element, capture, passive, once]);
 }
 function useClickOutside(ref, handler, events = ["mousedown", "touchstart"]) {
-  const saved = React37__namespace.default.useRef(handler);
+  const saved = React36__namespace.default.useRef(handler);
   useIsomorphicLayoutEffect(() => {
     saved.current = handler;
   }, [handler]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!canUseDOM2) return void 0;
     const listener = (e) => {
       const el = ref && ref.current;
@@ -12711,8 +12714,8 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   };
-  const [stored, setStored] = React37__namespace.default.useState(read);
-  const setValue = React37__namespace.default.useCallback(
+  const [stored, setStored] = React36__namespace.default.useState(read);
+  const setValue = React36__namespace.default.useCallback(
     (value) => {
       setStored((prev) => {
         const next = typeof value === "function" ? value(prev) : value;
@@ -12728,8 +12731,8 @@ function useLocalStorage(key, initialValue) {
   return [stored, setValue];
 }
 function useCopyToClipboard(timeout = 1500) {
-  const [copied, setCopied] = React37__namespace.default.useState(false);
-  const copy = React37__namespace.default.useCallback(async (text) => {
+  const [copied, setCopied] = React36__namespace.default.useState(false);
+  const copy = React36__namespace.default.useCallback(async (text) => {
     if (!canUseDOM2 || !navigator.clipboard) {
       setCopied(false);
       return false;
@@ -12743,7 +12746,7 @@ function useCopyToClipboard(timeout = 1500) {
       return false;
     }
   }, []);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!copied) return void 0;
     const t = setTimeout(() => setCopied(false), timeout);
     return () => clearTimeout(t);
@@ -12751,23 +12754,23 @@ function useCopyToClipboard(timeout = 1500) {
   return { copied, copy };
 }
 function useDebouncedValue(value, delay = 200) {
-  const [debounced, setDebounced] = React37__namespace.default.useState(value);
-  React37__namespace.default.useEffect(() => {
+  const [debounced, setDebounced] = React36__namespace.default.useState(value);
+  React36__namespace.default.useEffect(() => {
     const t = setTimeout(() => setDebounced(value), delay);
     return () => clearTimeout(t);
   }, [value, delay]);
   return debounced;
 }
 function useDebouncedCallback(callback, delay = 200) {
-  const saved = React37__namespace.default.useRef(callback);
-  const timer = React37__namespace.default.useRef(null);
+  const saved = React36__namespace.default.useRef(callback);
+  const timer = React36__namespace.default.useRef(null);
   useIsomorphicLayoutEffect(() => {
     saved.current = callback;
   }, [callback]);
-  React37__namespace.default.useEffect(() => () => {
+  React36__namespace.default.useEffect(() => () => {
     if (timer.current) clearTimeout(timer.current);
   }, []);
-  return React37__namespace.default.useCallback(
+  return React36__namespace.default.useCallback(
     (...args) => {
       if (timer.current) clearTimeout(timer.current);
       timer.current = setTimeout(() => saved.current(...args), delay);
@@ -12776,33 +12779,33 @@ function useDebouncedCallback(callback, delay = 200) {
   );
 }
 function useInterval(callback, delay) {
-  const saved = React37__namespace.default.useRef(callback);
+  const saved = React36__namespace.default.useRef(callback);
   useIsomorphicLayoutEffect(() => {
     saved.current = callback;
   }, [callback]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (delay == null) return void 0;
     const id = setInterval(() => saved.current(), delay);
     return () => clearInterval(id);
   }, [delay]);
 }
 function useTimeout(callback, delay) {
-  const saved = React37__namespace.default.useRef(callback);
+  const saved = React36__namespace.default.useRef(callback);
   useIsomorphicLayoutEffect(() => {
     saved.current = callback;
   }, [callback]);
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (delay == null) return void 0;
     const id = setTimeout(() => saved.current(), delay);
     return () => clearTimeout(id);
   }, [delay]);
 }
 function useWindowSize() {
-  const [size, setSize] = React37__namespace.default.useState(() => ({
+  const [size, setSize] = React36__namespace.default.useState(() => ({
     width: canUseDOM2 ? window.innerWidth : 0,
     height: canUseDOM2 ? window.innerHeight : 0
   }));
-  React37__namespace.default.useEffect(() => {
+  React36__namespace.default.useEffect(() => {
     if (!canUseDOM2) return void 0;
     const onResize = () => setSize({ width: window.innerWidth, height: window.innerHeight });
     onResize();
@@ -12812,8 +12815,8 @@ function useWindowSize() {
   return size;
 }
 function useHover(ref) {
-  const [hovered, setHovered] = React37__namespace.default.useState(false);
-  React37__namespace.default.useEffect(() => {
+  const [hovered, setHovered] = React36__namespace.default.useState(false);
+  React36__namespace.default.useEffect(() => {
     const el = ref && ref.current;
     if (!el) return void 0;
     const on = () => setHovered(true);
@@ -12829,8 +12832,8 @@ function useHover(ref) {
 }
 function useIntersectionObserver(ref, options = {}) {
   const { root = null, rootMargin = "0px", threshold = 0 } = options;
-  const [entry, setEntry] = React37__namespace.default.useState(null);
-  React37__namespace.default.useEffect(() => {
+  const [entry, setEntry] = React36__namespace.default.useState(null);
+  React36__namespace.default.useEffect(() => {
     const el = ref && ref.current;
     if (!canUseDOM2 || !el || typeof IntersectionObserver === "undefined") return void 0;
     const obs = new IntersectionObserver(([e]) => setEntry(e), { root, rootMargin, threshold });
@@ -12840,7 +12843,7 @@ function useIntersectionObserver(ref, options = {}) {
   return entry;
 }
 function useId(prefix = "twc") {
-  const raw = React37__namespace.default.useId();
+  const raw = React36__namespace.default.useId();
   return prefix ? `${prefix}-${raw.replace(/:/g, "")}` : raw;
 }
 var useFocusTrap2 = useFocusTrap;