twico-ui 1.45.0 → 1.45.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/index.cjs +885 -865
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +96 -10
  5. package/dist/index.d.ts +96 -10
  6. package/dist/index.mjs +885 -865
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +3 -3
package/dist/index.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var React54 = require('react');
4
+ var React55 = require('react');
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
6
  var reactDom = require('react-dom');
7
7
 
@@ -23,14 +23,14 @@ function _interopNamespace(e) {
23
23
  return Object.freeze(n);
24
24
  }
25
25
 
26
- var React54__namespace = /*#__PURE__*/_interopNamespace(React54);
26
+ var React55__namespace = /*#__PURE__*/_interopNamespace(React55);
27
27
 
28
28
  // components/TwicoProvider.jsx
29
- var SUPPORTS_STYLE_HOIST = parseInt(String(React54__namespace.version), 10) >= 19;
30
- var NonceContext = React54__namespace.createContext(void 0);
29
+ var SUPPORTS_STYLE_HOIST = parseInt(String(React55__namespace.version), 10) >= 19;
30
+ var NonceContext = React55__namespace.createContext(void 0);
31
31
  function useScopedStyles(id, css) {
32
- const nonce = React54__namespace.useContext(NonceContext);
33
- React54__namespace.useInsertionEffect(() => {
32
+ const nonce = React55__namespace.useContext(NonceContext);
33
+ React55__namespace.useInsertionEffect(() => {
34
34
  if (SUPPORTS_STYLE_HOIST) return;
35
35
  if (typeof document === "undefined") return;
36
36
  if (!css) return;
@@ -46,12 +46,12 @@ function useScopedStyles(id, css) {
46
46
  }
47
47
  if (el.textContent !== css) el.textContent = css;
48
48
  }, [id, css, nonce]);
49
- return SUPPORTS_STYLE_HOIST && css ? React54__namespace.createElement("style", { href: id, precedence: "twc-ui" }, css) : null;
49
+ return SUPPORTS_STYLE_HOIST && css ? React55__namespace.createElement("style", { href: id, precedence: "twc-ui" }, css) : null;
50
50
  }
51
51
 
52
52
  // components/TwicoProvider.jsx
53
53
  function TwicoProvider({ nonce, children }) {
54
- return React54__namespace.default.createElement(NonceContext.Provider, { value: nonce }, children);
54
+ return React55__namespace.default.createElement(NonceContext.Provider, { value: nonce }, children);
55
55
  }
56
56
  var GROUPS = { colors: "color", space: "space", radius: "radius", font: "font", shadow: "shadow", motion: "" };
57
57
  function createTheme(partial = {}) {
@@ -71,8 +71,8 @@ function toVars(theme) {
71
71
  return Object.keys(theme).some((k) => k.startsWith("--")) ? theme : createTheme(theme);
72
72
  }
73
73
  function ThemeProvider({ theme, mode = "inline", className = "", style, children, ...rest }) {
74
- const vars = React54__namespace.default.useMemo(() => toVars(theme), [theme]);
75
- const uid = React54__namespace.default.useId();
74
+ const vars = React55__namespace.default.useMemo(() => toVars(theme), [theme]);
75
+ const uid = React55__namespace.default.useId();
76
76
  const scopeId = `twc-theme-${uid.replace(/[^a-zA-Z0-9]/g, "")}`;
77
77
  const css = mode === "stylesheet" ? `[data-twc-theme="${scopeId}"] { ${Object.entries(vars).map(([k, v]) => `${k}: ${v};`).join(" ")} }` : "";
78
78
  const __twcStyles = useScopedStyles(mode === "stylesheet" ? scopeId : "twc-theme-noop", css);
@@ -94,7 +94,7 @@ var FORM_CSS = `
94
94
  .twc-form { display: flex; flex-direction: column; gap: var(--space-4); font-family: var(--font-sans); }
95
95
  .twc-form__fieldset { border: 0; margin: 0; padding: 0; min-width: 0; display: flex; flex-direction: column; gap: inherit; }
96
96
  `;
97
- var Form = React54__namespace.default.forwardRef(function Form2({
97
+ var Form = /* @__PURE__ */ React55__namespace.default.forwardRef(function Form2({
98
98
  onSubmit,
99
99
  preventDefault = true,
100
100
  loading = false,
@@ -125,18 +125,16 @@ var Form = React54__namespace.default.forwardRef(function Form2({
125
125
  }
126
126
  );
127
127
  });
128
- Form.displayName = "Form";
129
128
  var VH_CSS = `
130
129
  .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; }
131
130
  `;
132
- var VisuallyHidden = React54__namespace.default.forwardRef(function VisuallyHidden2({ as: Tag2 = "span", className = "", children, ...rest }, ref) {
131
+ var VisuallyHidden = /* @__PURE__ */ React55__namespace.default.forwardRef(function VisuallyHidden2({ as: Tag2 = "span", className = "", children, ...rest }, ref) {
133
132
  const __twcStyles = useScopedStyles("twc-visually-hidden-styles", VH_CSS);
134
133
  return /* @__PURE__ */ jsxRuntime.jsxs(Tag2, { ref, className: `twc-visually-hidden ${className}`.trim(), ...rest, children: [
135
134
  __twcStyles,
136
135
  children
137
136
  ] });
138
137
  });
139
- VisuallyHidden.displayName = "VisuallyHidden";
140
138
 
141
139
  // components/_warn.js
142
140
  var seen = /* @__PURE__ */ new Set();
@@ -149,7 +147,7 @@ function warnOnce(key, message) {
149
147
 
150
148
  // components/_overlay.js
151
149
  var canUseDOM = typeof window !== "undefined" && typeof document !== "undefined";
152
- var useIsoLayoutEffect = canUseDOM ? React54__namespace.default.useLayoutEffect : React54__namespace.default.useEffect;
150
+ var useIsoLayoutEffect = canUseDOM ? React55__namespace.default.useLayoutEffect : React55__namespace.default.useEffect;
153
151
  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"])';
154
152
  var CONTROL_TAGS = "|button|input|select|textarea|";
155
153
  var ROLE_OK = "|button|link|menuitem|menuitemcheckbox|menuitemradio|combobox|tab|treeitem|checkbox|switch|option|";
@@ -163,7 +161,7 @@ function triggerIsControl(el) {
163
161
  }
164
162
  var NATIVE_CONTROL = "button,a[href],summary,input,select,textarea";
165
163
  function useTriggerAudit(ref, name) {
166
- React54__namespace.default.useEffect(() => {
164
+ React55__namespace.default.useEffect(() => {
167
165
  const el = ref.current && ref.current.firstElementChild;
168
166
  if (!el) return;
169
167
  if (el.classList.contains("twc-tooltip-wrap")) {
@@ -178,7 +176,7 @@ function useTriggerAudit(ref, name) {
178
176
  }, []);
179
177
  }
180
178
  function useFocusTrap(ref, active = true, { restoreFocus = true, initialFocus } = {}) {
181
- React54__namespace.default.useEffect(() => {
179
+ React55__namespace.default.useEffect(() => {
182
180
  if (!active || !canUseDOM) return void 0;
183
181
  const node = ref.current;
184
182
  if (!node) return void 0;
@@ -189,7 +187,7 @@ function useFocusTrap(ref, active = true, { restoreFocus = true, initialFocus }
189
187
  if (restoreFocus && prevFocused && typeof prevFocused.focus === "function") prevFocused.focus();
190
188
  };
191
189
  }, [active]);
192
- React54__namespace.default.useEffect(() => {
190
+ React55__namespace.default.useEffect(() => {
193
191
  if (!active || !canUseDOM) return void 0;
194
192
  const node = ref.current;
195
193
  const onKey = (e) => {
@@ -216,7 +214,7 @@ function useFocusTrap(ref, active = true, { restoreFocus = true, initialFocus }
216
214
  }, [active]);
217
215
  }
218
216
  function usePortal() {
219
- return React54__namespace.default.useCallback((node) => {
217
+ return React55__namespace.default.useCallback((node) => {
220
218
  if (typeof document === "undefined") return null;
221
219
  return typeof reactDom.createPortal === "function" ? reactDom.createPortal(node, document.body) : node;
222
220
  }, []);
@@ -246,8 +244,8 @@ function useScrollLock(locked = true) {
246
244
  var __layerSeq = 0;
247
245
  var __openLayers = /* @__PURE__ */ new Set();
248
246
  function useLayer(active) {
249
- const depth = React54__namespace.default.useRef(0);
250
- React54__namespace.default.useEffect(() => {
247
+ const depth = React55__namespace.default.useRef(0);
248
+ React55__namespace.default.useEffect(() => {
251
249
  if (!active) return void 0;
252
250
  const d = ++__layerSeq;
253
251
  depth.current = d;
@@ -256,10 +254,10 @@ function useLayer(active) {
256
254
  __openLayers.delete(d);
257
255
  };
258
256
  }, [active]);
259
- return React54__namespace.default.useCallback(() => __openLayers.size === 0 || depth.current === Math.max(...__openLayers), []);
257
+ return React55__namespace.default.useCallback(() => __openLayers.size === 0 || depth.current === Math.max(...__openLayers), []);
260
258
  }
261
259
  function useInertBackground(ref, active) {
262
- React54__namespace.default.useEffect(() => {
260
+ React55__namespace.default.useEffect(() => {
263
261
  if (!active || !canUseDOM) return void 0;
264
262
  const node = ref.current;
265
263
  if (!node) return void 0;
@@ -294,7 +292,7 @@ function getColorSchemeScript({ storageKey = "twico-theme", attribute = "class",
294
292
  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){}})();`;
295
293
  }
296
294
  function ColorSchemeScript({ storageKey = "twico-theme", attribute = "class", nonce, defaultScheme }) {
297
- return React54__namespace.default.createElement("script", { nonce }, getColorSchemeScript({ storageKey, attribute, defaultScheme }));
295
+ return React55__namespace.default.createElement("script", { nonce }, getColorSchemeScript({ storageKey, attribute, defaultScheme }));
298
296
  }
299
297
  var KBD_CSS = `
300
298
  .twc-kbd { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; padding: 2px 6px;
@@ -302,14 +300,13 @@ var KBD_CSS = `
302
300
  background: var(--color-surface-sunken); border: var(--border-thin) solid var(--color-border);
303
301
  border-bottom-width: 2px; border-radius: var(--radius-sm); }
304
302
  `;
305
- var Kbd = React54__namespace.default.forwardRef(function Kbd2({ className = "", children, ...rest }, ref) {
303
+ var Kbd = /* @__PURE__ */ React55__namespace.default.forwardRef(function Kbd2({ className = "", children, ...rest }, ref) {
306
304
  const __twcStyles = useScopedStyles("twc-kbd-styles", KBD_CSS);
307
305
  return /* @__PURE__ */ jsxRuntime.jsxs("kbd", { ref, className: `twc-kbd ${className}`.trim(), ...rest, children: [
308
306
  __twcStyles,
309
307
  children
310
308
  ] });
311
309
  });
312
- Kbd.displayName = "Kbd";
313
310
  var PRE_CSS = `
314
311
  .twc-pre { margin: 0; padding: var(--space-4); overflow-x: auto; max-width: 100%;
315
312
  font-family: var(--font-mono); font-size: var(--text-sm); line-height: var(--leading-normal);
@@ -317,14 +314,13 @@ var PRE_CSS = `
317
314
  border: var(--border-thin) solid var(--color-border); border-radius: var(--radius-lg);
318
315
  white-space: pre; -webkit-overflow-scrolling: touch; }
319
316
  `;
320
- var Pre = React54__namespace.default.forwardRef(function Pre2({ className = "", children, ...rest }, ref) {
317
+ var Pre = /* @__PURE__ */ React55__namespace.default.forwardRef(function Pre2({ className = "", children, ...rest }, ref) {
321
318
  const __twcStyles = useScopedStyles("twc-pre-styles", PRE_CSS);
322
319
  return /* @__PURE__ */ jsxRuntime.jsxs("pre", { ref, className: `twc-pre ${className}`.trim(), ...rest, children: [
323
320
  __twcStyles,
324
321
  children
325
322
  ] });
326
323
  });
327
- Pre.displayName = "Pre";
328
324
  var ANCHOR_CSS = `
329
325
  .twc-anchor { color: var(--color-primary-subtle-fg); text-decoration: none; border-radius: var(--radius-sm);
330
326
  transition: color var(--duration-fast) var(--ease-standard); }
@@ -337,7 +333,7 @@ function safeHref(url) {
337
333
  const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
338
334
  return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
339
335
  }
340
- var Anchor = React54__namespace.default.forwardRef(function Anchor2({ as: Tag2 = "a", href, external = false, className = "", children, ...rest }, ref) {
336
+ var Anchor = /* @__PURE__ */ React55__namespace.default.forwardRef(function Anchor2({ as: Tag2 = "a", href, external = false, className = "", children, ...rest }, ref) {
341
337
  const __twcStyles = useScopedStyles("twc-anchor-styles", ANCHOR_CSS);
342
338
  const extra = external ? { target: "_blank", rel: "noopener noreferrer" } : {};
343
339
  return /* @__PURE__ */ jsxRuntime.jsxs(Tag2, { ref, className: `twc-anchor ${className}`.trim(), href: Tag2 === "a" ? safeHref(href) : href, ...extra, ...rest, children: [
@@ -346,14 +342,13 @@ var Anchor = React54__namespace.default.forwardRef(function Anchor2({ as: Tag2 =
346
342
  external ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "twc-anchor__ext", "aria-hidden": "true", children: "\u2197" }) : null
347
343
  ] });
348
344
  });
349
- Anchor.displayName = "Anchor";
350
345
  var LABEL_CSS = `
351
346
  .twc-label { font-size: var(--text-sm); font-weight: var(--font-semibold); color: var(--color-text); display: inline-flex; gap: 4px; align-items: center; }
352
347
  .twc-label[data-size="sm"] { font-size: var(--text-xs); }
353
348
  .twc-label[data-size="lg"] { font-size: var(--text-base); }
354
349
  .twc-label__req { color: var(--color-danger); }
355
350
  `;
356
- var Label = React54__namespace.default.forwardRef(function Label2({ htmlFor, required = false, size = "md", className = "", children, ...rest }, ref) {
351
+ var Label = /* @__PURE__ */ React55__namespace.default.forwardRef(function Label2({ htmlFor, required = false, size = "md", className = "", children, ...rest }, ref) {
357
352
  const __twcStyles = useScopedStyles("twc-label-styles", LABEL_CSS);
358
353
  return /* @__PURE__ */ jsxRuntime.jsxs("label", { ref, htmlFor, className: `twc-label ${className}`.trim(), "data-size": size, ...rest, children: [
359
354
  __twcStyles,
@@ -361,12 +356,11 @@ var Label = React54__namespace.default.forwardRef(function Label2({ htmlFor, req
361
356
  required ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "twc-label__req", "aria-hidden": "true", children: "*" }) : null
362
357
  ] });
363
358
  });
364
- Label.displayName = "Label";
365
359
  var IMAGE_CSS = `
366
360
  .twc-image { display: block; max-width: 100%; }
367
361
  .twc-image[data-fit] { width: 100%; height: 100%; }
368
362
  `;
369
- var Image = React54__namespace.default.forwardRef(function Image2({
363
+ var Image = /* @__PURE__ */ React55__namespace.default.forwardRef(function Image2({
370
364
  src,
371
365
  alt,
372
366
  fit,
@@ -382,7 +376,7 @@ var Image = React54__namespace.default.forwardRef(function Image2({
382
376
  ...rest
383
377
  }, ref) {
384
378
  const __twcStyles = useScopedStyles("twc-image-styles", IMAGE_CSS);
385
- const [failed, setFailed] = React54__namespace.default.useState(false);
379
+ const [failed, setFailed] = React55__namespace.default.useState(false);
386
380
  const shownSrc = failed && fallback ? fallback : src;
387
381
  const s = {
388
382
  objectFit: fit,
@@ -421,7 +415,6 @@ var Image = React54__namespace.default.forwardRef(function Image2({
421
415
  )
422
416
  ] });
423
417
  });
424
- Image.displayName = "Image";
425
418
  var ICONBTN_CSS = `
426
419
  .twc-iconbtn {
427
420
  --_sz: var(--control-h-md);
@@ -491,7 +484,7 @@ function safeHref2(url) {
491
484
  const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
492
485
  return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
493
486
  }
494
- function IconButton({
487
+ var IconButton = /* @__PURE__ */ React55__namespace.default.forwardRef(function IconButton2({
495
488
  children,
496
489
  icon,
497
490
  variant = "ghost",
@@ -508,7 +501,7 @@ function IconButton({
508
501
  "aria-label": ariaLabel,
509
502
  onClick,
510
503
  ...rest
511
- }) {
504
+ }, ref) {
512
505
  const __twcStyles = useScopedStyles("twc-iconbtn-styles", ICONBTN_CSS);
513
506
  const Tag2 = as;
514
507
  const inert = Tag2 === "a" && disabled;
@@ -516,6 +509,7 @@ function IconButton({
516
509
  return /* @__PURE__ */ jsxRuntime.jsxs(
517
510
  Tag2,
518
511
  {
512
+ ref,
519
513
  className: `twc-iconbtn ${className}`,
520
514
  "data-variant": variant,
521
515
  "data-tone": tone,
@@ -537,7 +531,7 @@ function IconButton({
537
531
  ]
538
532
  }
539
533
  );
540
- }
534
+ });
541
535
 
542
536
  // components/_compose.js
543
537
  function compose(theirs, ours) {
@@ -613,14 +607,14 @@ function Tooltip({
613
607
  }) {
614
608
  const __twcStyles = useScopedStyles("twc-tooltip-styles", TOOLTIP_CSS);
615
609
  const anchored = anchor !== void 0;
616
- const id = React54__namespace.default.useId();
617
- const [showU, setShowU] = React54__namespace.default.useState(false);
610
+ const id = React55__namespace.default.useId();
611
+ const [showU, setShowU] = React55__namespace.default.useState(false);
618
612
  const show = anchored ? !!openProp : showU;
619
- const [coords, setCoords] = React54__namespace.default.useState(null);
620
- const timer = React54__namespace.default.useRef(null);
621
- const closeTimer = React54__namespace.default.useRef(null);
622
- const wrapRef = React54__namespace.default.useRef(null);
623
- const tipRef = React54__namespace.default.useRef(null);
613
+ const [coords, setCoords] = React55__namespace.default.useState(null);
614
+ const timer = React55__namespace.default.useRef(null);
615
+ const closeTimer = React55__namespace.default.useRef(null);
616
+ const wrapRef = React55__namespace.default.useRef(null);
617
+ const tipRef = React55__namespace.default.useRef(null);
624
618
  const open = () => {
625
619
  clearTimeout(closeTimer.current);
626
620
  clearTimeout(timer.current);
@@ -631,11 +625,11 @@ function Tooltip({
631
625
  clearTimeout(closeTimer.current);
632
626
  closeTimer.current = setTimeout(() => setShowU(false), 120);
633
627
  };
634
- React54__namespace.default.useEffect(() => () => {
628
+ React55__namespace.default.useEffect(() => () => {
635
629
  clearTimeout(timer.current);
636
630
  clearTimeout(closeTimer.current);
637
631
  }, []);
638
- const place = React54__namespace.default.useCallback(() => {
632
+ const place = React55__namespace.default.useCallback(() => {
639
633
  const el = anchored ? anchor : wrapRef.current;
640
634
  if (!el || !el.getBoundingClientRect) return;
641
635
  const r2 = el.getBoundingClientRect();
@@ -670,10 +664,10 @@ function Tooltip({
670
664
  setCoords({ ...base, left: c, bottom: Math.round(vh - r2.top + gap), arrowX: arrowX(c) });
671
665
  }
672
666
  }, [placement, anchored, anchor]);
673
- React54__namespace.default.useEffect(() => {
667
+ React55__namespace.default.useEffect(() => {
674
668
  place();
675
669
  }, [place]);
676
- React54__namespace.default.useEffect(() => {
670
+ React55__namespace.default.useEffect(() => {
677
671
  if (!show) return void 0;
678
672
  place();
679
673
  const onMove = () => place();
@@ -684,7 +678,7 @@ function Tooltip({
684
678
  window.removeEventListener("resize", onMove);
685
679
  };
686
680
  }, [show, place]);
687
- React54__namespace.default.useEffect(() => {
681
+ React55__namespace.default.useEffect(() => {
688
682
  if (!show || anchored) return;
689
683
  const onKeyDown = (e) => {
690
684
  if (e.key === "Escape") {
@@ -728,7 +722,7 @@ function Tooltip({
728
722
  bubble
729
723
  ] });
730
724
  const describedBy = show ? id : void 0;
731
- const trigger = React54__namespace.default.isValidElement(children) && children.type !== React54__namespace.default.Fragment ? React54__namespace.default.cloneElement(children, {
725
+ const trigger = React55__namespace.default.isValidElement(children) && children.type !== React55__namespace.default.Fragment ? React55__namespace.default.cloneElement(children, {
732
726
  "aria-describedby": [children.props["aria-describedby"], describedBy].filter(Boolean).join(" ") || void 0
733
727
  }) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-describedby": describedBy, children });
734
728
  return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -777,7 +771,7 @@ var IcoReset = /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", fi
777
771
  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9 9 0 0 0-6.3 2.6L3 8" }),
778
772
  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 3v5h5" })
779
773
  ] });
780
- var ImageViewer = /* @__PURE__ */ React54__namespace.default.forwardRef(function ImageViewer2({
774
+ var ImageViewer = /* @__PURE__ */ React55__namespace.default.forwardRef(function ImageViewer2({
781
775
  src,
782
776
  alt,
783
777
  minZoom = 1,
@@ -796,16 +790,16 @@ var ImageViewer = /* @__PURE__ */ React54__namespace.default.forwardRef(function
796
790
  ...rest
797
791
  }, ref) {
798
792
  const __twcStyles = useScopedStyles("twc-imageviewer-styles", IV_CSS);
799
- const stageRef = React54__namespace.default.useRef(null);
800
- const natRef = React54__namespace.default.useRef({ w: 0, h: 0 });
801
- const [internalZoom, setInternalZoom] = React54__namespace.default.useState(clamp(defaultZoom, minZoom, maxZoom));
793
+ const stageRef = React55__namespace.default.useRef(null);
794
+ const natRef = React55__namespace.default.useRef({ w: 0, h: 0 });
795
+ const [internalZoom, setInternalZoom] = React55__namespace.default.useState(clamp(defaultZoom, minZoom, maxZoom));
802
796
  const zoomControlled = zoomProp !== void 0;
803
797
  const zoom = clamp(zoomControlled ? zoomProp : internalZoom, minZoom, maxZoom);
804
- const [offset, setOffset] = React54__namespace.default.useState({ x: 0, y: 0 });
805
- const [dragging, setDragging] = React54__namespace.default.useState(false);
806
- const zoomRef = React54__namespace.default.useRef(zoom);
798
+ const [offset, setOffset] = React55__namespace.default.useState({ x: 0, y: 0 });
799
+ const [dragging, setDragging] = React55__namespace.default.useState(false);
800
+ const zoomRef = React55__namespace.default.useRef(zoom);
807
801
  zoomRef.current = zoom;
808
- const offsetRef = React54__namespace.default.useRef(offset);
802
+ const offsetRef = React55__namespace.default.useRef(offset);
809
803
  offsetRef.current = offset;
810
804
  const applyZoom = (next) => {
811
805
  const z = clamp(next, minZoom, maxZoom);
@@ -855,12 +849,12 @@ var ImageViewer = /* @__PURE__ */ React54__namespace.default.forwardRef(function
855
849
  if (r2) zoomAt(r2.left + r2.width / 2, r2.top + r2.height / 2, next);
856
850
  else if (applyZoom(next) <= minZoom) setOffset({ x: 0, y: 0 });
857
851
  };
858
- const mountedRef = React54__namespace.default.useRef(false);
859
- React54__namespace.default.useEffect(() => {
852
+ const mountedRef = React55__namespace.default.useRef(false);
853
+ React55__namespace.default.useEffect(() => {
860
854
  if (mountedRef.current) reset();
861
855
  else mountedRef.current = true;
862
856
  }, [src]);
863
- React54__namespace.default.useEffect(() => {
857
+ React55__namespace.default.useEffect(() => {
864
858
  const stage = stageRef.current;
865
859
  if (!stage) return void 0;
866
860
  const onWheel = (e) => {
@@ -871,9 +865,9 @@ var ImageViewer = /* @__PURE__ */ React54__namespace.default.forwardRef(function
871
865
  stage.addEventListener("wheel", onWheel, { passive: false });
872
866
  return () => stage.removeEventListener("wheel", onWheel);
873
867
  }, [step, minZoom, maxZoom, fit]);
874
- const pointers = React54__namespace.default.useRef(/* @__PURE__ */ new Map());
875
- const pinchRef = React54__namespace.default.useRef(null);
876
- const panRef = React54__namespace.default.useRef(null);
868
+ const pointers = React55__namespace.default.useRef(/* @__PURE__ */ new Map());
869
+ const pinchRef = React55__namespace.default.useRef(null);
870
+ const panRef = React55__namespace.default.useRef(null);
877
871
  const onPointerDown = (e) => {
878
872
  pointers.current.set(e.pointerId, { x: e.clientX, y: e.clientY });
879
873
  e.currentTarget.setPointerCapture?.(e.pointerId);
@@ -925,13 +919,13 @@ var ImageViewer = /* @__PURE__ */ React54__namespace.default.forwardRef(function
925
919
  };
926
920
  const canZoomIn = zoom < maxZoom, canZoomOut = zoom > minZoom;
927
921
  const api = { zoom, zoomIn: () => zoomFromCenter(zoom + step), zoomOut: () => zoomFromCenter(zoom - step), reset, canZoomIn, canZoomOut };
928
- React54__namespace.default.useImperativeHandle(ref, () => api);
929
- const onStateChangeRef = React54__namespace.default.useRef(onStateChange);
922
+ React55__namespace.default.useImperativeHandle(ref, () => api);
923
+ const onStateChangeRef = React55__namespace.default.useRef(onStateChange);
930
924
  onStateChangeRef.current = onStateChange;
931
- React54__namespace.default.useEffect(() => {
925
+ React55__namespace.default.useEffect(() => {
932
926
  onStateChangeRef.current?.({ zoom, canZoomIn, canZoomOut });
933
927
  }, [zoom, canZoomIn, canZoomOut]);
934
- React54__namespace.default.useEffect(() => {
928
+ React55__namespace.default.useEffect(() => {
935
929
  setOffset((o) => clampOffset(o, zoomRef.current));
936
930
  }, [fit]);
937
931
  const defaultControls = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "twc-iv__controls", children: [
@@ -1025,11 +1019,11 @@ function Accordion({
1025
1019
  ...rest
1026
1020
  }) {
1027
1021
  const __twcStyles = useScopedStyles("twc-accordion-styles", ACCORDION_CSS);
1028
- const rootRef = React54__namespace.default.useRef(null);
1029
- const [internal, setInternal] = React54__namespace.default.useState(() => new Set(defaultOpen));
1022
+ const rootRef = React55__namespace.default.useRef(null);
1023
+ const [internal, setInternal] = React55__namespace.default.useState(() => new Set(defaultOpen));
1030
1024
  const open = openProp !== void 0 ? new Set(openProp) : internal;
1031
- const baseId = React54__namespace.default.useId();
1032
- const [ever, setEver] = React54__namespace.default.useState(() => new Set(open));
1025
+ const baseId = React55__namespace.default.useId();
1026
+ const [ever, setEver] = React55__namespace.default.useState(() => new Set(open));
1033
1027
  const defer = mountOnOpen || unmountOnClose;
1034
1028
  let mounted = ever;
1035
1029
  if (defer) {
@@ -1041,7 +1035,7 @@ function Accordion({
1041
1035
  }
1042
1036
  }
1043
1037
  const openKey = defer ? JSON.stringify([...open].sort()) : "";
1044
- React54__namespace.default.useEffect(() => {
1038
+ React55__namespace.default.useEffect(() => {
1045
1039
  if (!unmountOnClose) return void 0;
1046
1040
  const drop = [...ever].filter((v) => !open.has(v));
1047
1041
  if (!drop.length) return void 0;
@@ -1246,7 +1240,7 @@ function Avatar({
1246
1240
  ...rest
1247
1241
  }) {
1248
1242
  const __twcStyles = useScopedStyles("twc-avatar-styles", AVATAR_CSS);
1249
- const [errored, setErrored] = React54__namespace.default.useState(false);
1243
+ const [errored, setErrored] = React55__namespace.default.useState(false);
1250
1244
  const cleanSrc = safeSrc(src);
1251
1245
  const showImg = cleanSrc && !errored;
1252
1246
  const _statusLabel = status ? statusLabel ?? statusLabels?.[status] ?? STATUS_LABELS[status] : void 0;
@@ -1328,28 +1322,28 @@ function Menu({
1328
1322
  ...rest
1329
1323
  }) {
1330
1324
  const __twcStyles = useScopedStyles("twc-menu-styles", MENU_CSS);
1331
- const _tp = React54__namespace.default.isValidElement(trigger) ? trigger.props : {};
1325
+ const _tp = React55__namespace.default.isValidElement(trigger) ? trigger.props : {};
1332
1326
  const triggerDisabled = _tp.disabled === true || _tp["aria-disabled"] === true || _tp["aria-disabled"] === "true";
1333
- const [openState, setOpenState] = React54__namespace.default.useState(defaultOpen);
1334
- const [render, setRender] = React54__namespace.default.useState(false);
1335
- const [pos, setPos] = React54__namespace.default.useState(null);
1336
- const [active, setActive] = React54__namespace.default.useState(-1);
1337
- const wrapRef = React54__namespace.default.useRef(null);
1327
+ const [openState, setOpenState] = React55__namespace.default.useState(defaultOpen);
1328
+ const [render, setRender] = React55__namespace.default.useState(false);
1329
+ const [pos, setPos] = React55__namespace.default.useState(null);
1330
+ const [active, setActive] = React55__namespace.default.useState(-1);
1331
+ const wrapRef = React55__namespace.default.useRef(null);
1338
1332
  useTriggerAudit(wrapRef, "Menu");
1339
- const menuRef = React54__namespace.default.useRef(null);
1340
- const typeBufRef = React54__namespace.default.useRef("");
1341
- const typeTimerRef = React54__namespace.default.useRef(null);
1342
- const menuId = React54__namespace.default.useId();
1333
+ const menuRef = React55__namespace.default.useRef(null);
1334
+ const typeBufRef = React55__namespace.default.useRef("");
1335
+ const typeTimerRef = React55__namespace.default.useRef(null);
1336
+ const menuId = React55__namespace.default.useId();
1343
1337
  const headerId = `${menuId}-header`;
1344
1338
  const controlled = openProp !== void 0;
1345
1339
  const open = controlled ? !!openProp : openState;
1346
- const openRef = React54__namespace.default.useRef(open);
1340
+ const openRef = React55__namespace.default.useRef(open);
1347
1341
  openRef.current = open;
1348
- const controlledRef = React54__namespace.default.useRef(controlled);
1342
+ const controlledRef = React55__namespace.default.useRef(controlled);
1349
1343
  controlledRef.current = controlled;
1350
- const onOpenChangeRef = React54__namespace.default.useRef(onOpenChange);
1344
+ const onOpenChangeRef = React55__namespace.default.useRef(onOpenChange);
1351
1345
  onOpenChangeRef.current = onOpenChange;
1352
- const setOpen = React54__namespace.default.useCallback((next) => {
1346
+ const setOpen = React55__namespace.default.useCallback((next) => {
1353
1347
  const value = typeof next === "function" ? next(openRef.current) : next;
1354
1348
  if (value === openRef.current) return;
1355
1349
  if (!controlledRef.current) setOpenState(value);
@@ -1357,7 +1351,7 @@ function Menu({
1357
1351
  }, []);
1358
1352
  const RD = { createPortal: typeof reactDom.createPortal === "function" ? reactDom.createPortal : typeof window !== "undefined" && window.ReactDOM && window.ReactDOM.createPortal };
1359
1353
  const interactiveIdx = items.map((it, i) => !it.separator && !it.heading ? i : -1).filter((i) => i >= 0);
1360
- const place = React54__namespace.default.useCallback(() => {
1354
+ const place = React55__namespace.default.useCallback(() => {
1361
1355
  const t = wrapRef.current;
1362
1356
  if (!t) return;
1363
1357
  const r2 = t.getBoundingClientRect();
@@ -1373,7 +1367,7 @@ function Menu({
1373
1367
  setPos({ top, bottom, left, width: w, flip, maxHeight: Math.max(120, avail) });
1374
1368
  }, [align, width]);
1375
1369
  const isTop = useLayer(open && render);
1376
- React54__namespace.default.useEffect(() => {
1370
+ React55__namespace.default.useEffect(() => {
1377
1371
  if (!open) return;
1378
1372
  place();
1379
1373
  const onMove = () => place();
@@ -1392,18 +1386,18 @@ function Menu({
1392
1386
  document.removeEventListener("mousedown", onDown);
1393
1387
  };
1394
1388
  }, [open, place, isTop]);
1395
- const kbdRef = React54__namespace.default.useRef(false);
1396
- React54__namespace.default.useEffect(() => {
1389
+ const kbdRef = React55__namespace.default.useRef(false);
1390
+ React55__namespace.default.useEffect(() => {
1397
1391
  if (!open || !render || active < 0 || !kbdRef.current) return;
1398
1392
  kbdRef.current = false;
1399
1393
  const el = document.getElementById(`${menuId}-item-${active}`);
1400
1394
  if (el) el.focus();
1401
1395
  }, [open, render, active, menuId]);
1402
- const focusTrigger = React54__namespace.default.useCallback(() => {
1396
+ const focusTrigger = React55__namespace.default.useCallback(() => {
1403
1397
  const t = wrapRef.current && wrapRef.current.querySelector('button, a[href], [role="button"], [tabindex]');
1404
1398
  if (t) t.focus();
1405
1399
  }, []);
1406
- React54__namespace.default.useEffect(() => {
1400
+ React55__namespace.default.useEffect(() => {
1407
1401
  if (open) return;
1408
1402
  kbdRef.current = false;
1409
1403
  setActive(-1);
@@ -1411,7 +1405,7 @@ function Menu({
1411
1405
  if (!m || typeof document === "undefined" || !m.contains(document.activeElement)) return;
1412
1406
  focusTrigger();
1413
1407
  }, [open, focusTrigger]);
1414
- React54__namespace.default.useEffect(() => {
1408
+ React55__namespace.default.useEffect(() => {
1415
1409
  if (open) {
1416
1410
  setRender(true);
1417
1411
  return;
@@ -1544,8 +1538,8 @@ function Menu({
1544
1538
  ]
1545
1539
  }
1546
1540
  ) : null;
1547
- const fix = React54__namespace.default.isValidElement(trigger) && !triggerIsControl(trigger) ? { role: "button" } : null;
1548
- const triggerEl = React54__namespace.default.isValidElement(trigger) ? React54__namespace.default.cloneElement(trigger, {
1541
+ const fix = React55__namespace.default.isValidElement(trigger) && !triggerIsControl(trigger) ? { role: "button" } : null;
1542
+ const triggerEl = React55__namespace.default.isValidElement(trigger) ? React55__namespace.default.cloneElement(trigger, {
1549
1543
  onClick: (e) => {
1550
1544
  trigger.props.onClick?.(e);
1551
1545
  toggle();
@@ -1736,7 +1730,7 @@ function Breadcrumb({
1736
1730
  ...rest
1737
1731
  }) {
1738
1732
  const __twcStyles = useScopedStyles("twc-breadcrumb-styles", BREADCRUMB_CSS);
1739
- const [expanded, setExpanded] = React54__namespace.default.useState(false);
1733
+ const [expanded, setExpanded] = React55__namespace.default.useState(false);
1740
1734
  const sep = separator || /* @__PURE__ */ jsxRuntime.jsx(ChevronSep, {});
1741
1735
  let display = items;
1742
1736
  if (maxItems > 0 && items.length > maxItems && !expanded) {
@@ -1749,7 +1743,7 @@ function Breadcrumb({
1749
1743
  __twcStyles,
1750
1744
  display.map((it, i) => {
1751
1745
  const last = i === display.length - 1;
1752
- return /* @__PURE__ */ jsxRuntime.jsxs(React54__namespace.default.Fragment, { children: [
1746
+ return /* @__PURE__ */ jsxRuntime.jsxs(React55__namespace.default.Fragment, { children: [
1753
1747
  it.ellipsis ? /* @__PURE__ */ jsxRuntime.jsx("button", { className: "twc-breadcrumb__ellipsis", "aria-label": "Show more", onClick: () => setExpanded(true), children: "\u2026" }) : last ? /* @__PURE__ */ jsxRuntime.jsxs(
1754
1748
  "span",
1755
1749
  {
@@ -1898,7 +1892,7 @@ function safeHref5(url) {
1898
1892
  const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
1899
1893
  return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
1900
1894
  }
1901
- function Button({
1895
+ var Button = /* @__PURE__ */ React55__namespace.default.forwardRef(function Button2({
1902
1896
  children,
1903
1897
  variant = "solid",
1904
1898
  tone = "primary",
@@ -1916,9 +1910,9 @@ function Button({
1916
1910
  className = "",
1917
1911
  onClick,
1918
1912
  ...rest
1919
- }) {
1913
+ }, ref) {
1920
1914
  const __twcStyles = useScopedStyles("twc-btn-styles", CSS2);
1921
- const [ripples, setRipples] = React54__namespace.default.useState([]);
1915
+ const [ripples, setRipples] = React55__namespace.default.useState([]);
1922
1916
  const Tag2 = as;
1923
1917
  const inert = Tag2 === "a" && (disabled || loading);
1924
1918
  const softDisabled = disabled && focusableWhenDisabled && !loading && Tag2 === "button";
@@ -1940,6 +1934,7 @@ function Button({
1940
1934
  return /* @__PURE__ */ jsxRuntime.jsxs(
1941
1935
  Tag2,
1942
1936
  {
1937
+ ref,
1943
1938
  className: `twc-btn ${className}`,
1944
1939
  "data-variant": variant,
1945
1940
  "data-tone": tone,
@@ -1975,7 +1970,7 @@ function Button({
1975
1970
  ]
1976
1971
  }
1977
1972
  );
1978
- }
1973
+ });
1979
1974
  var UNITLESS = /* @__PURE__ */ new Set([
1980
1975
  "animationIterationCount",
1981
1976
  "aspectRatio",
@@ -2148,9 +2143,9 @@ function buildSx(sx, uid) {
2148
2143
  return { flatStyle, css };
2149
2144
  }
2150
2145
  function useSx(sx) {
2151
- const rawId = React54__namespace.default.useId();
2146
+ const rawId = React55__namespace.default.useId();
2152
2147
  const uid = `sx${rawId.replace(/[^a-zA-Z0-9]/g, "")}`;
2153
- const { flatStyle, css } = React54__namespace.default.useMemo(() => buildSx(sx, uid), [sx, uid]);
2148
+ const { flatStyle, css } = React55__namespace.default.useMemo(() => buildSx(sx, uid), [sx, uid]);
2154
2149
  const styleNode = useScopedStyles(`twc-sx-${uid}`, css);
2155
2150
  return { flatStyle, styleNode, sxAttr: css ? uid : void 0 };
2156
2151
  }
@@ -2286,14 +2281,14 @@ function Carousel({
2286
2281
  ...rest
2287
2282
  }) {
2288
2283
  const __twcStyles = useScopedStyles("twc-carousel-styles", CAROUSEL_CSS);
2289
- const slides = React54__namespace.default.Children.toArray(children);
2284
+ const slides = React55__namespace.default.Children.toArray(children);
2290
2285
  const count = slides.length;
2291
- const [internal, setInternal] = React54__namespace.default.useState(defaultIndex);
2286
+ const [internal, setInternal] = React55__namespace.default.useState(defaultIndex);
2292
2287
  const index = indexProp !== void 0 ? indexProp : internal;
2293
- const [paused, setPaused] = React54__namespace.default.useState(false);
2294
- const [userPaused, setUserPaused] = React54__namespace.default.useState(false);
2295
- const [prefersReduced, setPrefersReduced] = React54__namespace.default.useState(false);
2296
- React54__namespace.default.useEffect(() => {
2288
+ const [paused, setPaused] = React55__namespace.default.useState(false);
2289
+ const [userPaused, setUserPaused] = React55__namespace.default.useState(false);
2290
+ const [prefersReduced, setPrefersReduced] = React55__namespace.default.useState(false);
2291
+ React55__namespace.default.useEffect(() => {
2297
2292
  if (typeof window === "undefined" || !window.matchMedia) return void 0;
2298
2293
  const mql = window.matchMedia("(prefers-reduced-motion: reduce)");
2299
2294
  const on = () => setPrefersReduced(mql.matches);
@@ -2301,16 +2296,16 @@ function Carousel({
2301
2296
  mql.addEventListener("change", on);
2302
2297
  return () => mql.removeEventListener("change", on);
2303
2298
  }, []);
2304
- const setIndex = React54__namespace.default.useCallback((i) => {
2299
+ const setIndex = React55__namespace.default.useCallback((i) => {
2305
2300
  if (indexProp === void 0) setInternal(i);
2306
2301
  onIndexChange?.(i);
2307
2302
  }, [indexProp, onIndexChange]);
2308
- const go = React54__namespace.default.useCallback((i) => {
2303
+ const go = React55__namespace.default.useCallback((i) => {
2309
2304
  if (count <= 0) return;
2310
2305
  setIndex(loop ? (i % count + count) % count : Math.min(Math.max(i, 0), count - 1));
2311
2306
  }, [count, loop, setIndex]);
2312
2307
  const autoRotating = autoPlay && !paused && !userPaused && !prefersReduced && count > 1;
2313
- React54__namespace.default.useEffect(() => {
2308
+ React55__namespace.default.useEffect(() => {
2314
2309
  if (!autoRotating) return void 0;
2315
2310
  const t = setInterval(() => {
2316
2311
  const next = loop ? (index + 1) % count : index + 1 >= count ? index : index + 1;
@@ -2570,7 +2565,7 @@ var CHART_BASE_CSS = `
2570
2565
  }
2571
2566
  `;
2572
2567
  function ChartTable({ id, caption, columns, rows }) {
2573
- const h = React54__namespace.default.createElement;
2568
+ const h = React55__namespace.default.createElement;
2574
2569
  return h(
2575
2570
  "table",
2576
2571
  { className: "twc-chart__sr", id },
@@ -2600,7 +2595,7 @@ function ChartTable({ id, caption, columns, rows }) {
2600
2595
  );
2601
2596
  }
2602
2597
  function ChartLegend({ items, onToggle, hidden, onFocus, onBlur }) {
2603
- const h = React54__namespace.default.createElement;
2598
+ const h = React55__namespace.default.createElement;
2604
2599
  return h(
2605
2600
  "div",
2606
2601
  { className: "twc-chart__legend" },
@@ -2631,23 +2626,23 @@ function ChartLegend({ items, onToggle, hidden, onFocus, onBlur }) {
2631
2626
  );
2632
2627
  }
2633
2628
  function useChartTooltip() {
2634
- const containerRef = React54__namespace.default.useRef(null);
2635
- const [tip, setTip] = React54__namespace.default.useState(null);
2636
- const show = React54__namespace.default.useCallback((content, e) => {
2629
+ const containerRef = React55__namespace.default.useRef(null);
2630
+ const [tip, setTip] = React55__namespace.default.useState(null);
2631
+ const show = React55__namespace.default.useCallback((content, e) => {
2637
2632
  const el = containerRef.current;
2638
2633
  const rect = el && el.getBoundingClientRect ? el.getBoundingClientRect() : null;
2639
2634
  const left = rect ? e.clientX - rect.left : 0;
2640
2635
  const top = rect ? e.clientY - rect.top : 0;
2641
2636
  setTip({ title: content.title, items: content.items || [], left, top });
2642
2637
  }, []);
2643
- const hide = React54__namespace.default.useCallback(() => setTip(null), []);
2638
+ const hide = React55__namespace.default.useCallback(() => setTip(null), []);
2644
2639
  return { containerRef, tip, show, hide };
2645
2640
  }
2646
2641
  function ChartTooltip({ tip }) {
2647
- const h = React54__namespace.default.createElement;
2648
- const ref = React54__namespace.default.useRef(null);
2649
- const [pos, setPos] = React54__namespace.default.useState({ dx: 0, below: false });
2650
- React54__namespace.default.useLayoutEffect(() => {
2642
+ const h = React55__namespace.default.createElement;
2643
+ const ref = React55__namespace.default.useRef(null);
2644
+ const [pos, setPos] = React55__namespace.default.useState({ dx: 0, below: false });
2645
+ React55__namespace.default.useLayoutEffect(() => {
2651
2646
  const el = ref.current;
2652
2647
  if (!tip || !el) return;
2653
2648
  const parent = el.offsetParent;
@@ -2724,17 +2719,17 @@ function Chart({
2724
2719
  }) {
2725
2720
  const baseStyles = useScopedStyles("twc-chart-base", CHART_BASE_CSS);
2726
2721
  const styles = useScopedStyles("twc-chart-styles", CHART_CSS);
2727
- const uid = React54__namespace.default.useId();
2722
+ const uid = React55__namespace.default.useId();
2728
2723
  const gid = uid.replace(/[^a-zA-Z0-9]/g, "");
2729
2724
  const tableId = tableFallback ? `${uid}-table` : void 0;
2730
2725
  const { containerRef, tip, show, hide } = useChartTooltip();
2731
- const [hidden, setHidden] = React54__namespace.default.useState(() => /* @__PURE__ */ new Set());
2732
- const [focusSeries, setFocusSeries] = React54__namespace.default.useState(null);
2733
- const [selected, setSelected] = React54__namespace.default.useState(null);
2734
- const [hoverIdx, setHoverIdx] = React54__namespace.default.useState(null);
2735
- const [zoom, setZoom] = React54__namespace.default.useState(null);
2736
- const [drag, setDrag] = React54__namespace.default.useState(null);
2737
- const svgRef = React54__namespace.default.useRef(null);
2726
+ const [hidden, setHidden] = React55__namespace.default.useState(() => /* @__PURE__ */ new Set());
2727
+ const [focusSeries, setFocusSeries] = React55__namespace.default.useState(null);
2728
+ const [selected, setSelected] = React55__namespace.default.useState(null);
2729
+ const [hoverIdx, setHoverIdx] = React55__namespace.default.useState(null);
2730
+ const [zoom, setZoom] = React55__namespace.default.useState(null);
2731
+ const [drag, setDrag] = React55__namespace.default.useState(null);
2732
+ const svgRef = React55__namespace.default.useRef(null);
2738
2733
  const isBar = type === "bar" || type === "column";
2739
2734
  const isArea = type === "area";
2740
2735
  const crv = smooth ? "smooth" : curve;
@@ -2839,7 +2834,7 @@ function Chart({
2839
2834
  onDataClick({ label: d.label, series: null, seriesIndex: -1, value: void 0, index: baseIdx + idx, row: d });
2840
2835
  selectMark(`${idx}:*`);
2841
2836
  };
2842
- React54__namespace.default.useEffect(() => {
2837
+ React55__namespace.default.useEffect(() => {
2843
2838
  if (!zoomable) return void 0;
2844
2839
  const svg = svgRef.current;
2845
2840
  if (!svg) return void 0;
@@ -3149,12 +3144,12 @@ function PieChart({
3149
3144
  }) {
3150
3145
  const baseStyles = useScopedStyles("twc-chart-base", CHART_BASE_CSS);
3151
3146
  const styles = useScopedStyles("twc-piechart-styles", CHART_CSS2);
3152
- const uid = React54__namespace.default.useId();
3147
+ const uid = React55__namespace.default.useId();
3153
3148
  const tableId = tableFallback ? `${uid}-table` : void 0;
3154
3149
  const { containerRef, tip, show, hide } = useChartTooltip();
3155
- const [active, setActive] = React54__namespace.default.useState(null);
3156
- const [focus, setFocus] = React54__namespace.default.useState(null);
3157
- const [selected, setSelected] = React54__namespace.default.useState(null);
3150
+ const [active, setActive] = React55__namespace.default.useState(null);
3151
+ const [focus, setFocus] = React55__namespace.default.useState(null);
3152
+ const [selected, setSelected] = React55__namespace.default.useState(null);
3158
3153
  const clickable = !!onDataClick;
3159
3154
  const rows = data || [];
3160
3155
  const fmt = valueFormat || fmtNumber;
@@ -3303,11 +3298,11 @@ function Gauge({
3303
3298
  }) {
3304
3299
  const baseStyles = useScopedStyles("twc-chart-base", CHART_BASE_CSS);
3305
3300
  const styles = useScopedStyles("twc-gauge-styles", GAUGE_CSS);
3306
- const uid = React54__namespace.default.useId();
3301
+ const uid = React55__namespace.default.useId();
3307
3302
  const tableId = tableFallback ? `${uid}-table` : void 0;
3308
3303
  const { containerRef, tip, show, hide } = useChartTooltip();
3309
- const [selected, setSelected] = React54__namespace.default.useState(null);
3310
- const [focus, setFocus] = React54__namespace.default.useState(null);
3304
+ const [selected, setSelected] = React55__namespace.default.useState(null);
3305
+ const [focus, setFocus] = React55__namespace.default.useState(null);
3311
3306
  const fmt = valueFormat || ((n) => String(Math.round(Number(n) || 0)));
3312
3307
  const cx = size / 2, cy = size / 2;
3313
3308
  const span = endAngle - startAngle;
@@ -3468,11 +3463,11 @@ function Sparkline({
3468
3463
  }) {
3469
3464
  const baseStyles = useScopedStyles("twc-chart-base", CHART_BASE_CSS);
3470
3465
  const styles = useScopedStyles("twc-sparkline-styles", SPARK_CSS);
3471
- const uid = React54__namespace.default.useId();
3466
+ const uid = React55__namespace.default.useId();
3472
3467
  const tableId = tableFallback ? `${uid}-table` : void 0;
3473
3468
  const { containerRef, tip, show, hide } = useChartTooltip();
3474
- const [hover, setHover] = React54__namespace.default.useState(null);
3475
- const [selected, setSelected] = React54__namespace.default.useState(null);
3469
+ const [hover, setHover] = React55__namespace.default.useState(null);
3470
+ const [selected, setSelected] = React55__namespace.default.useState(null);
3476
3471
  const clickable = !!onDataClick;
3477
3472
  const kind = area ? "area" : type;
3478
3473
  const isBar = kind === "bar";
@@ -3672,17 +3667,17 @@ function ScatterChart({
3672
3667
  }) {
3673
3668
  const baseStyles = useScopedStyles("twc-chart-base", CHART_BASE_CSS);
3674
3669
  const styles = useScopedStyles("twc-scatter-styles", SCATTER_CSS);
3675
- const uid = React54__namespace.default.useId();
3670
+ const uid = React55__namespace.default.useId();
3676
3671
  const gid = uid.replace(/[^a-zA-Z0-9]/g, "");
3677
3672
  const clipId = `twc-sc-clip-${gid}`;
3678
3673
  const tableId = tableFallback ? `${uid}-table` : void 0;
3679
3674
  const { containerRef, tip, show, hide } = useChartTooltip();
3680
- const [focus, setFocus] = React54__namespace.default.useState(null);
3681
- const [selected, setSelected] = React54__namespace.default.useState(null);
3682
- const [zoom, setZoom] = React54__namespace.default.useState(null);
3683
- const [drag, setDrag] = React54__namespace.default.useState(null);
3684
- const svgRef = React54__namespace.default.useRef(null);
3685
- const movedRef = React54__namespace.default.useRef(false);
3675
+ const [focus, setFocus] = React55__namespace.default.useState(null);
3676
+ const [selected, setSelected] = React55__namespace.default.useState(null);
3677
+ const [zoom, setZoom] = React55__namespace.default.useState(null);
3678
+ const [drag, setDrag] = React55__namespace.default.useState(null);
3679
+ const svgRef = React55__namespace.default.useRef(null);
3680
+ const movedRef = React55__namespace.default.useRef(false);
3686
3681
  const list = Array.isArray(series) ? series : [];
3687
3682
  const vFmt = valueFormat || fmtNumber;
3688
3683
  const xFmt = xFormat || vFmt;
@@ -3855,7 +3850,7 @@ function ScatterChart({
3855
3850
  selectPoint(hit.key);
3856
3851
  }
3857
3852
  };
3858
- React54__namespace.default.useEffect(() => {
3853
+ React55__namespace.default.useEffect(() => {
3859
3854
  if (!canZoom) return void 0;
3860
3855
  const svg = svgRef.current;
3861
3856
  if (!svg) return void 0;
@@ -4041,11 +4036,11 @@ function RadarChart({
4041
4036
  }) {
4042
4037
  const baseStyles = useScopedStyles("twc-chart-base", CHART_BASE_CSS);
4043
4038
  const styles = useScopedStyles("twc-radarchart-styles", CHART_CSS3);
4044
- const uid = React54__namespace.default.useId();
4039
+ const uid = React55__namespace.default.useId();
4045
4040
  const tableId = tableFallback ? `${uid}-table` : void 0;
4046
4041
  const { containerRef, tip, show, hide } = useChartTooltip();
4047
- const [focus, setFocus] = React54__namespace.default.useState(null);
4048
- const [selected, setSelected] = React54__namespace.default.useState(null);
4042
+ const [focus, setFocus] = React55__namespace.default.useState(null);
4043
+ const [selected, setSelected] = React55__namespace.default.useState(null);
4049
4044
  const rows = data || [];
4050
4045
  const keys = series && series.length ? series : ["value"];
4051
4046
  const fmt = valueFormat || fmtNumber;
@@ -4195,12 +4190,12 @@ function PolarAreaChart({
4195
4190
  }) {
4196
4191
  const baseStyles = useScopedStyles("twc-chart-base", CHART_BASE_CSS);
4197
4192
  const styles = useScopedStyles("twc-polar-styles", CHART_CSS4);
4198
- const uid = React54__namespace.default.useId();
4193
+ const uid = React55__namespace.default.useId();
4199
4194
  const tableId = tableFallback ? `${uid}-table` : void 0;
4200
4195
  const { containerRef, tip, show, hide } = useChartTooltip();
4201
- const [active, setActive] = React54__namespace.default.useState(null);
4202
- const [focus, setFocus] = React54__namespace.default.useState(null);
4203
- const [selected, setSelected] = React54__namespace.default.useState(null);
4196
+ const [active, setActive] = React55__namespace.default.useState(null);
4197
+ const [focus, setFocus] = React55__namespace.default.useState(null);
4198
+ const [selected, setSelected] = React55__namespace.default.useState(null);
4204
4199
  const rows = data || [];
4205
4200
  const n = rows.length;
4206
4201
  const fmt = valueFormat || fmtNumber;
@@ -4350,15 +4345,15 @@ function Heatmap({
4350
4345
  }) {
4351
4346
  const baseStyles = useScopedStyles("twc-chart-base", CHART_BASE_CSS);
4352
4347
  const styles = useScopedStyles("twc-heatmap-styles", HEATMAP_CSS);
4353
- const uid = React54__namespace.default.useId();
4348
+ const uid = React55__namespace.default.useId();
4354
4349
  const tableId = tableFallback ? `${uid}-table` : void 0;
4355
4350
  const { containerRef, tip, show, hide } = useChartTooltip();
4356
- const [hovered, setHovered] = React54__namespace.default.useState(null);
4357
- const [selected, setSelected] = React54__namespace.default.useState(null);
4358
- const [zoom, setZoom] = React54__namespace.default.useState(null);
4359
- const [drag, setDrag] = React54__namespace.default.useState(null);
4360
- const svgRef = React54__namespace.default.useRef(null);
4361
- const movedRef = React54__namespace.default.useRef(false);
4351
+ const [hovered, setHovered] = React55__namespace.default.useState(null);
4352
+ const [selected, setSelected] = React55__namespace.default.useState(null);
4353
+ const [zoom, setZoom] = React55__namespace.default.useState(null);
4354
+ const [drag, setDrag] = React55__namespace.default.useState(null);
4355
+ const svgRef = React55__namespace.default.useRef(null);
4356
+ const movedRef = React55__namespace.default.useRef(false);
4362
4357
  const clickable = !!onDataClick;
4363
4358
  const selectMark = (key) => setSelected((s) => s === key ? null : key);
4364
4359
  const rows = Array.isArray(data) ? data : [];
@@ -4521,7 +4516,7 @@ function Heatmap({
4521
4516
  selectMark(cell.key);
4522
4517
  }
4523
4518
  };
4524
- React54__namespace.default.useEffect(() => {
4519
+ React55__namespace.default.useEffect(() => {
4525
4520
  if (!canZoom) return void 0;
4526
4521
  const svg = svgRef.current;
4527
4522
  if (!svg) return void 0;
@@ -4691,11 +4686,11 @@ function FunnelChart({
4691
4686
  }) {
4692
4687
  const baseStyles = useScopedStyles("twc-chart-base", CHART_BASE_CSS);
4693
4688
  const styles = useScopedStyles("twc-funnel-styles", FUNNEL_CSS);
4694
- const uid = React54__namespace.default.useId();
4689
+ const uid = React55__namespace.default.useId();
4695
4690
  const tableId = tableFallback ? `${uid}-table` : void 0;
4696
4691
  const { containerRef, tip, show, hide } = useChartTooltip();
4697
- const [active, setActive] = React54__namespace.default.useState(null);
4698
- const [selected, setSelected] = React54__namespace.default.useState(null);
4692
+ const [active, setActive] = React55__namespace.default.useState(null);
4693
+ const [selected, setSelected] = React55__namespace.default.useState(null);
4699
4694
  const clickable = !!onDataClick;
4700
4695
  const rows = data || [];
4701
4696
  const n = rows.length;
@@ -4813,11 +4808,11 @@ function Treemap({
4813
4808
  }) {
4814
4809
  const baseStyles = useScopedStyles("twc-chart-base", CHART_BASE_CSS);
4815
4810
  const styles = useScopedStyles("twc-treemap-styles", TREEMAP_CSS);
4816
- const uid = React54__namespace.default.useId();
4811
+ const uid = React55__namespace.default.useId();
4817
4812
  const tableId = tableFallback ? `${uid}-table` : void 0;
4818
4813
  const { containerRef, tip, show, hide } = useChartTooltip();
4819
- const [hovered, setHovered] = React54__namespace.default.useState(null);
4820
- const [selected, setSelected] = React54__namespace.default.useState(null);
4814
+ const [hovered, setHovered] = React55__namespace.default.useState(null);
4815
+ const [selected, setSelected] = React55__namespace.default.useState(null);
4821
4816
  const rows = data || [];
4822
4817
  const fmt = valueFormat || fmtNumber;
4823
4818
  const svgAriaLabel = ariaLabelProp ?? ariaLabel ?? "treemap";
@@ -4975,13 +4970,13 @@ function Candlestick({
4975
4970
  }) {
4976
4971
  const baseStyles = useScopedStyles("twc-chart-base", CHART_BASE_CSS);
4977
4972
  const styles = useScopedStyles("twc-candlestick-styles", CANDLE_CSS);
4978
- const uid = React54__namespace.default.useId();
4973
+ const uid = React55__namespace.default.useId();
4979
4974
  const tableId = tableFallback ? `${uid}-table` : void 0;
4980
4975
  const { containerRef, tip, show, hide } = useChartTooltip();
4981
- const [selected, setSelected] = React54__namespace.default.useState(null);
4982
- const [zoom, setZoom] = React54__namespace.default.useState(null);
4983
- const [drag, setDrag] = React54__namespace.default.useState(null);
4984
- const svgRef = React54__namespace.default.useRef(null);
4976
+ const [selected, setSelected] = React55__namespace.default.useState(null);
4977
+ const [zoom, setZoom] = React55__namespace.default.useState(null);
4978
+ const [drag, setDrag] = React55__namespace.default.useState(null);
4979
+ const svgRef = React55__namespace.default.useRef(null);
4985
4980
  const fmt = valueFormat || fmtNumber;
4986
4981
  const clickable = !!onDataClick;
4987
4982
  const allRows = data || [];
@@ -5082,7 +5077,7 @@ function Candlestick({
5082
5077
  clickCandle(rows[idx], baseIdx + idx);
5083
5078
  selectMark(baseIdx + idx);
5084
5079
  };
5085
- React54__namespace.default.useEffect(() => {
5080
+ React55__namespace.default.useEffect(() => {
5086
5081
  if (!zoomable) return void 0;
5087
5082
  const svg = svgRef.current;
5088
5083
  if (!svg) return void 0;
@@ -5278,13 +5273,13 @@ function Boxplot({
5278
5273
  }) {
5279
5274
  const baseStyles = useScopedStyles("twc-chart-base", CHART_BASE_CSS);
5280
5275
  const styles = useScopedStyles("twc-boxplot-styles", CHART_CSS5);
5281
- const uid = React54__namespace.default.useId();
5276
+ const uid = React55__namespace.default.useId();
5282
5277
  const tableId = tableFallback ? `${uid}-table` : void 0;
5283
5278
  const { containerRef, tip, show, hide } = useChartTooltip();
5284
- const [selected, setSelected] = React54__namespace.default.useState(null);
5285
- const [zoom, setZoom] = React54__namespace.default.useState(null);
5286
- const [drag, setDrag] = React54__namespace.default.useState(null);
5287
- const svgRef = React54__namespace.default.useRef(null);
5279
+ const [selected, setSelected] = React55__namespace.default.useState(null);
5280
+ const [zoom, setZoom] = React55__namespace.default.useState(null);
5281
+ const [drag, setDrag] = React55__namespace.default.useState(null);
5282
+ const svgRef = React55__namespace.default.useRef(null);
5288
5283
  const allRows = data || [];
5289
5284
  const baseIdx = zoom ? zoom.s : 0;
5290
5285
  const rows = zoom ? allRows.slice(zoom.s, zoom.e + 1) : allRows;
@@ -5384,7 +5379,7 @@ function Boxplot({
5384
5379
  if (idx == null) return;
5385
5380
  clickBox(rows[idx], idx);
5386
5381
  };
5387
- React54__namespace.default.useEffect(() => {
5382
+ React55__namespace.default.useEffect(() => {
5388
5383
  if (!zoomable) return void 0;
5389
5384
  const svg = svgRef.current;
5390
5385
  if (!svg) return void 0;
@@ -5545,13 +5540,13 @@ function RangeChart({
5545
5540
  }) {
5546
5541
  const baseStyles = useScopedStyles("twc-chart-base", CHART_BASE_CSS);
5547
5542
  const styles = useScopedStyles("twc-rangechart-styles", RANGE_CSS);
5548
- const uid = React54__namespace.default.useId();
5543
+ const uid = React55__namespace.default.useId();
5549
5544
  const tableId = tableFallback ? `${uid}-table` : void 0;
5550
5545
  const { containerRef, tip, show, hide } = useChartTooltip();
5551
- const [selected, setSelected] = React54__namespace.default.useState(null);
5552
- const [zoom, setZoom] = React54__namespace.default.useState(null);
5553
- const [drag, setDrag] = React54__namespace.default.useState(null);
5554
- const svgRef = React54__namespace.default.useRef(null);
5546
+ const [selected, setSelected] = React55__namespace.default.useState(null);
5547
+ const [zoom, setZoom] = React55__namespace.default.useState(null);
5548
+ const [drag, setDrag] = React55__namespace.default.useState(null);
5549
+ const svgRef = React55__namespace.default.useRef(null);
5555
5550
  const isArea = type === "area";
5556
5551
  const clickable = !!onDataClick;
5557
5552
  const fmt = valueFormat || fmtNumber;
@@ -5646,7 +5641,7 @@ function RangeChart({
5646
5641
  if (idx == null) return;
5647
5642
  clickAt(idx);
5648
5643
  };
5649
- React54__namespace.default.useEffect(() => {
5644
+ React55__namespace.default.useEffect(() => {
5650
5645
  if (!zoomable) return void 0;
5651
5646
  const svg = svgRef.current;
5652
5647
  if (!svg) return void 0;
@@ -5834,7 +5829,25 @@ function RangeChart({
5834
5829
  function labelText7(label) {
5835
5830
  return typeof label === "string" || typeof label === "number" ? String(label) : "";
5836
5831
  }
5837
- function Checkbox({
5832
+ function useMergedRef(...refs) {
5833
+ return React55__namespace.useCallback((node) => {
5834
+ const cleanups = [];
5835
+ for (const r2 of refs) {
5836
+ if (typeof r2 === "function") {
5837
+ const cleanup = r2(node);
5838
+ if (typeof cleanup === "function") cleanups.push(cleanup);
5839
+ } else if (r2 && typeof r2 === "object") {
5840
+ r2.current = node;
5841
+ }
5842
+ }
5843
+ if (cleanups.length === 0) return void 0;
5844
+ return () => {
5845
+ for (const r2 of refs) if (r2 && typeof r2 === "object") r2.current = null;
5846
+ for (const cleanup of cleanups) cleanup();
5847
+ };
5848
+ }, refs);
5849
+ }
5850
+ var Checkbox = /* @__PURE__ */ React55__namespace.default.forwardRef(function Checkbox2({
5838
5851
  label,
5839
5852
  description,
5840
5853
  error,
@@ -5849,7 +5862,7 @@ function Checkbox({
5849
5862
  className = "",
5850
5863
  onChange,
5851
5864
  ...rest
5852
- }) {
5865
+ }, forwardedRef) {
5853
5866
  const __twcStyles = useScopedStyles("twc-checkbox-styles", `
5854
5867
  .twc-check { display: inline-flex; align-items: flex-start; gap: var(--space-2-5); cursor: pointer; font-family: var(--font-sans); }
5855
5868
  /* tone \u2192 accent set (default primary). Mirrors Button's --_accent model; Badge's tone vocabulary. */
@@ -5890,13 +5903,14 @@ function Checkbox({
5890
5903
  .twc-field { display: flex; flex-direction: column; gap: var(--space-1-5); font-family: var(--font-sans); }
5891
5904
  .twc-field__error { font-size: var(--text-xs); color: var(--color-danger-subtle-fg); font-weight: var(--font-medium); }
5892
5905
  `);
5893
- const autoId = React54__namespace.default.useId();
5906
+ const autoId = React55__namespace.default.useId();
5894
5907
  const fieldId = id || autoId;
5895
5908
  const errId = `${fieldId}-error`;
5896
5909
  const invalid = Boolean(error);
5897
- const ref = React54__namespace.default.useRef(null);
5910
+ const ref = React55__namespace.default.useRef(null);
5911
+ const setRef = useMergedRef(ref, forwardedRef);
5898
5912
  const mixed = indeterminate && !checked;
5899
- React54__namespace.default.useEffect(() => {
5913
+ React55__namespace.default.useEffect(() => {
5900
5914
  if (ref.current) ref.current.indeterminate = mixed;
5901
5915
  }, [mixed]);
5902
5916
  if (process.env.NODE_ENV !== "production" && !label && !description && !rest["aria-label"] && !rest["aria-labelledby"]) {
@@ -5908,7 +5922,7 @@ function Checkbox({
5908
5922
  /* @__PURE__ */ jsxRuntime.jsx(
5909
5923
  "input",
5910
5924
  {
5911
- ref,
5925
+ ref: setRef,
5912
5926
  id: fieldId,
5913
5927
  type: "checkbox",
5914
5928
  className: "twc-check__input",
@@ -5938,7 +5952,7 @@ function Checkbox({
5938
5952
  control,
5939
5953
  /* @__PURE__ */ jsxRuntime.jsx("span", { id: errId, className: "twc-field__error", children: error })
5940
5954
  ] });
5941
- }
5955
+ });
5942
5956
  var FIELD_CSS = `
5943
5957
  .twc-field { display: flex; flex-direction: column; gap: var(--space-1-5); font-family: var(--font-sans); }
5944
5958
  .twc-field__label { font-size: var(--text-sm); font-weight: var(--font-semibold); color: var(--color-text); display: flex; gap: 4px; align-items: center; }
@@ -6056,22 +6070,22 @@ function ColorPicker({
6056
6070
  }) {
6057
6071
  const __twcStyles0 = useScopedStyles("twc-field-styles", FIELD_CSS);
6058
6072
  const __twcStyles1 = useScopedStyles("twc-colorpicker-styles", COLORPICKER_CSS);
6059
- const [internal, setInternal] = React54__namespace.default.useState(defaultValue);
6073
+ const [internal, setInternal] = React55__namespace.default.useState(defaultValue);
6060
6074
  const hex = (value !== void 0 ? value : internal) || "#000000";
6061
6075
  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;
6062
- const lastValidRef = React54__namespace.default.useRef(hex);
6076
+ const lastValidRef = React55__namespace.default.useRef(hex);
6063
6077
  if (hexRe.test(hex)) lastValidRef.current = hex;
6064
- const [open, setOpen] = React54__namespace.default.useState(false);
6065
- const [hsv, setHsv] = React54__namespace.default.useState(() => hexToHsv(hex) || { h: 239, s: 60, v: 94, a: 1 });
6066
- const [coords, setCoords] = React54__namespace.default.useState(null);
6067
- const wrapRef = React54__namespace.default.useRef(null);
6068
- const triggerRef = React54__namespace.default.useRef(null);
6069
- const popRef = React54__namespace.default.useRef(null);
6070
- const areaRef = React54__namespace.default.useRef(null);
6071
- const hueRef = React54__namespace.default.useRef(null);
6072
- const alphaRef = React54__namespace.default.useRef(null);
6078
+ const [open, setOpen] = React55__namespace.default.useState(false);
6079
+ const [hsv, setHsv] = React55__namespace.default.useState(() => hexToHsv(hex) || { h: 239, s: 60, v: 94, a: 1 });
6080
+ const [coords, setCoords] = React55__namespace.default.useState(null);
6081
+ const wrapRef = React55__namespace.default.useRef(null);
6082
+ const triggerRef = React55__namespace.default.useRef(null);
6083
+ const popRef = React55__namespace.default.useRef(null);
6084
+ const areaRef = React55__namespace.default.useRef(null);
6085
+ const hueRef = React55__namespace.default.useRef(null);
6086
+ const alphaRef = React55__namespace.default.useRef(null);
6073
6087
  const POP_W = 240;
6074
- const place = React54__namespace.default.useCallback(() => {
6088
+ const place = React55__namespace.default.useCallback(() => {
6075
6089
  const el = triggerRef.current;
6076
6090
  if (!el) return;
6077
6091
  const r2 = el.getBoundingClientRect();
@@ -6082,7 +6096,7 @@ function ColorPicker({
6082
6096
  left = Math.max(8, left);
6083
6097
  setCoords({ left, top: flip ? void 0 : Math.round(r2.bottom + 6), bottom: flip ? Math.round(vh - r2.top + 6) : void 0 });
6084
6098
  }, []);
6085
- React54__namespace.default.useEffect(() => {
6099
+ React55__namespace.default.useEffect(() => {
6086
6100
  if (!open) return void 0;
6087
6101
  place();
6088
6102
  const onMove = () => place();
@@ -6100,17 +6114,17 @@ function ColorPicker({
6100
6114
  ro?.disconnect();
6101
6115
  };
6102
6116
  }, [open, place]);
6103
- const labelId = React54__namespace.default.useId();
6117
+ const labelId = React55__namespace.default.useId();
6104
6118
  const descId = `${labelId}-desc`;
6105
6119
  const invalid = Boolean(error);
6106
- React54__namespace.default.useEffect(() => {
6120
+ React55__namespace.default.useEffect(() => {
6107
6121
  if (disabled) setOpen(false);
6108
6122
  }, [disabled]);
6109
- React54__namespace.default.useEffect(() => {
6123
+ React55__namespace.default.useEffect(() => {
6110
6124
  const v = hexToHsv(hex);
6111
6125
  if (v && hsvToHex(v.h, v.s, v.v).toLowerCase() !== hsvToHex(hsv.h, hsv.s, hsv.v).toLowerCase()) setHsv(v);
6112
6126
  }, [hex]);
6113
- React54__namespace.default.useEffect(() => {
6127
+ React55__namespace.default.useEffect(() => {
6114
6128
  if (!open) return;
6115
6129
  const onDown = (e) => {
6116
6130
  if (wrapRef.current && wrapRef.current.contains(e.target)) return;
@@ -6460,7 +6474,7 @@ function ensureVisible(list, el) {
6460
6474
  if (top < list.scrollTop) list.scrollTop = top - 4;
6461
6475
  else if (bottom > list.scrollTop + list.clientHeight) list.scrollTop = bottom - list.clientHeight + 4;
6462
6476
  }
6463
- function Combobox({
6477
+ var Combobox = /* @__PURE__ */ React55__namespace.default.forwardRef(function Combobox2({
6464
6478
  label,
6465
6479
  hint,
6466
6480
  error,
@@ -6493,38 +6507,39 @@ function Combobox({
6493
6507
  onFocus,
6494
6508
  onKeyDown,
6495
6509
  ...rest
6496
- }) {
6510
+ }, ref) {
6497
6511
  const __twcStyles = useScopedStyles("twc-combo-styles", COMBO_CSS);
6498
6512
  if (virtualizedProp && (wrapOptions || renderOption)) warnOnce("combobox-var-height-virtualized", "twico-ui Combobox: `wrapOptions`/`renderOption` disable `virtualized` \u2014 those rows aren't a fixed height.");
6499
6513
  const virtualized = virtualizedProp && !wrapOptions && !renderOption;
6500
- const groups = React54__namespace.default.useMemo(() => normalizeGroups(options), [options]);
6501
- const flat = React54__namespace.default.useMemo(() => groups.flatMap((g) => g.options), [groups]);
6502
- const autoId = React54__namespace.default.useId();
6514
+ const groups = React55__namespace.default.useMemo(() => normalizeGroups(options), [options]);
6515
+ const flat = React55__namespace.default.useMemo(() => groups.flatMap((g) => g.options), [groups]);
6516
+ const autoId = React55__namespace.default.useId();
6503
6517
  const fieldId = id || autoId;
6504
- const [internal, setInternal] = React54__namespace.default.useState(defaultValue);
6518
+ const [internal, setInternal] = React55__namespace.default.useState(defaultValue);
6505
6519
  const current = value !== void 0 ? value : internal;
6506
6520
  const selected = flat.find((o) => o.value === current);
6507
- const [open, setOpen] = React54__namespace.default.useState(false);
6508
- const [query, setQuery] = React54__namespace.default.useState("");
6509
- const [active, setActive] = React54__namespace.default.useState(0);
6510
- const [coords, setCoords] = React54__namespace.default.useState(null);
6511
- const [scrollTop, setScrollTop] = React54__namespace.default.useState(0);
6512
- const [listH, setListH] = React54__namespace.default.useState(260);
6513
- const wrapRef = React54__namespace.default.useRef(null);
6514
- const controlRef = React54__namespace.default.useRef(null);
6515
- const inputRef = React54__namespace.default.useRef(null);
6516
- const popRef = React54__namespace.default.useRef(null);
6517
- const listRef = React54__namespace.default.useRef(null);
6518
- const activeRef = React54__namespace.default.useRef(null);
6519
- const fGroups = React54__namespace.default.useMemo(() => {
6521
+ const [open, setOpen] = React55__namespace.default.useState(false);
6522
+ const [query, setQuery] = React55__namespace.default.useState("");
6523
+ const [active, setActive] = React55__namespace.default.useState(0);
6524
+ const [coords, setCoords] = React55__namespace.default.useState(null);
6525
+ const [scrollTop, setScrollTop] = React55__namespace.default.useState(0);
6526
+ const [listH, setListH] = React55__namespace.default.useState(260);
6527
+ const wrapRef = React55__namespace.default.useRef(null);
6528
+ const controlRef = React55__namespace.default.useRef(null);
6529
+ const inputRef = React55__namespace.default.useRef(null);
6530
+ const setInputRef = useMergedRef(inputRef, ref);
6531
+ const popRef = React55__namespace.default.useRef(null);
6532
+ const listRef = React55__namespace.default.useRef(null);
6533
+ const activeRef = React55__namespace.default.useRef(null);
6534
+ const fGroups = React55__namespace.default.useMemo(() => {
6520
6535
  const q = query.trim();
6521
6536
  const fn = filter === false ? null : typeof filter === "function" ? filter : matches;
6522
6537
  return groups.map((g) => ({ group: g.group, options: fn ? g.options.filter((o) => fn(o, q)) : g.options })).filter((g) => g.options.length);
6523
6538
  }, [groups, query, filter]);
6524
- const visible = React54__namespace.default.useMemo(() => fGroups.flatMap((g) => g.options), [fGroups]);
6525
- const rowH = React54__namespace.default.useMemo(() => visible.some((o) => o.description) ? 48 : 36, [visible]);
6539
+ const visible = React55__namespace.default.useMemo(() => fGroups.flatMap((g) => g.options), [fGroups]);
6540
+ const rowH = React55__namespace.default.useMemo(() => visible.some((o) => o.description) ? 48 : 36, [visible]);
6526
6541
  const GROUP_H = 30;
6527
- const { rows, totalH } = React54__namespace.default.useMemo(() => {
6542
+ const { rows, totalH } = React55__namespace.default.useMemo(() => {
6528
6543
  if (!virtualized) return { rows: [], totalH: 0 };
6529
6544
  const rows2 = [];
6530
6545
  let off = 0;
@@ -6550,7 +6565,7 @@ function Combobox({
6550
6565
  }
6551
6566
  return from;
6552
6567
  };
6553
- const place = React54__namespace.default.useCallback(() => {
6568
+ const place = React55__namespace.default.useCallback(() => {
6554
6569
  const el = controlRef.current;
6555
6570
  if (!el) return;
6556
6571
  const r2 = el.getBoundingClientRect();
@@ -6565,7 +6580,7 @@ function Combobox({
6565
6580
  flip
6566
6581
  });
6567
6582
  }, [placement, minWidth]);
6568
- React54__namespace.default.useEffect(() => {
6583
+ React55__namespace.default.useEffect(() => {
6569
6584
  if (!open || !portal) return;
6570
6585
  place();
6571
6586
  const onMove = () => place();
@@ -6583,7 +6598,7 @@ function Combobox({
6583
6598
  ro?.disconnect();
6584
6599
  };
6585
6600
  }, [open, portal, place]);
6586
- React54__namespace.default.useEffect(() => {
6601
+ React55__namespace.default.useEffect(() => {
6587
6602
  if (!open) return;
6588
6603
  const onDown = (e) => {
6589
6604
  if (wrapRef.current && wrapRef.current.contains(e.target)) return;
@@ -6593,33 +6608,33 @@ function Combobox({
6593
6608
  document.addEventListener("mousedown", onDown);
6594
6609
  return () => document.removeEventListener("mousedown", onDown);
6595
6610
  }, [open]);
6596
- React54__namespace.default.useEffect(() => {
6611
+ React55__namespace.default.useEffect(() => {
6597
6612
  setActive(0);
6598
6613
  }, [query]);
6599
- React54__namespace.default.useEffect(() => {
6614
+ React55__namespace.default.useEffect(() => {
6600
6615
  if (visible.length === 0) return;
6601
6616
  setActive((a) => Math.min(a, visible.length - 1));
6602
6617
  }, [visible.length]);
6603
- const onOpenChangeRef = React54__namespace.default.useRef(onOpenChange);
6618
+ const onOpenChangeRef = React55__namespace.default.useRef(onOpenChange);
6604
6619
  onOpenChangeRef.current = onOpenChange;
6605
- const prevOpenRef = React54__namespace.default.useRef(open);
6606
- React54__namespace.default.useEffect(() => {
6620
+ const prevOpenRef = React55__namespace.default.useRef(open);
6621
+ React55__namespace.default.useEffect(() => {
6607
6622
  if (prevOpenRef.current !== open) {
6608
6623
  prevOpenRef.current = open;
6609
6624
  onOpenChangeRef.current?.(open);
6610
6625
  }
6611
6626
  }, [open]);
6612
- React54__namespace.default.useEffect(() => {
6627
+ React55__namespace.default.useEffect(() => {
6613
6628
  if (!open) return;
6614
6629
  const idx = visible.findIndex((o) => o.value === current);
6615
6630
  setActive(idx >= 0 ? idx : 0);
6616
6631
  }, [open]);
6617
- React54__namespace.default.useEffect(() => {
6632
+ React55__namespace.default.useEffect(() => {
6618
6633
  if (!open || !virtualized) return;
6619
6634
  const el = listRef.current;
6620
6635
  if (el && el.clientHeight) setListH(el.clientHeight);
6621
6636
  }, [open, virtualized]);
6622
- React54__namespace.default.useEffect(() => {
6637
+ React55__namespace.default.useEffect(() => {
6623
6638
  if (!open) return;
6624
6639
  if (!virtualized) {
6625
6640
  ensureVisible(listRef.current, activeRef.current);
@@ -6748,7 +6763,7 @@ function Combobox({
6748
6763
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-pop__group", role: "presentation", children: r2.label }, `g${r2.gi}`)
6749
6764
  ) : renderRow(r2.o, r2.idx)),
6750
6765
  vBottom > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", style: { height: vBottom } }) : null
6751
- ] }) : fGroups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React54__namespace.default.Fragment, { children: [
6766
+ ] }) : fGroups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React55__namespace.default.Fragment, { children: [
6752
6767
  g.group ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-pop__group", role: "presentation", children: g.group }) : null,
6753
6768
  g.options.map((o) => {
6754
6769
  counter += 1;
@@ -6806,7 +6821,7 @@ function Combobox({
6806
6821
  /* @__PURE__ */ jsxRuntime.jsx(
6807
6822
  "input",
6808
6823
  {
6809
- ref: inputRef,
6824
+ ref: setInputRef,
6810
6825
  id: fieldId,
6811
6826
  className: "twc-cb__input",
6812
6827
  role: "combobox",
@@ -6861,7 +6876,7 @@ function Combobox({
6861
6876
  ] }),
6862
6877
  error ? /* @__PURE__ */ jsxRuntime.jsx("span", { id: descId, className: "twc-field__error", children: error }) : hint ? /* @__PURE__ */ jsxRuntime.jsx("span", { id: descId, className: "twc-field__hint", children: hint }) : null
6863
6878
  ] });
6864
- }
6879
+ });
6865
6880
  var COMMAND_CSS = `
6866
6881
  .twc-cmdk__overlay { position: fixed; inset: 0; z-index: var(--z-modal); background: var(--color-overlay); backdrop-filter: blur(3px);
6867
6882
  display: flex; align-items: flex-start; justify-content: center; padding-top: 12vh; }
@@ -6912,14 +6927,14 @@ function CommandPalette({
6912
6927
  }) {
6913
6928
  const __twcStyles = useScopedStyles("twc-cmdk-styles", COMMAND_CSS);
6914
6929
  const renderPortal = usePortal();
6915
- const [query, setQuery] = React54__namespace.default.useState("");
6916
- const [active, setActive] = React54__namespace.default.useState(0);
6917
- const inputRef = React54__namespace.default.useRef(null);
6918
- const listRef = React54__namespace.default.useRef(null);
6919
- const paletteRef = React54__namespace.default.useRef(null);
6920
- const baseId = React54__namespace.default.useId();
6921
- const [mounted, setMounted] = React54__namespace.default.useState(open);
6922
- React54__namespace.default.useEffect(() => {
6930
+ const [query, setQuery] = React55__namespace.default.useState("");
6931
+ const [active, setActive] = React55__namespace.default.useState(0);
6932
+ const inputRef = React55__namespace.default.useRef(null);
6933
+ const listRef = React55__namespace.default.useRef(null);
6934
+ const paletteRef = React55__namespace.default.useRef(null);
6935
+ const baseId = React55__namespace.default.useId();
6936
+ const [mounted, setMounted] = React55__namespace.default.useState(open);
6937
+ React55__namespace.default.useEffect(() => {
6923
6938
  if (open) {
6924
6939
  setMounted(true);
6925
6940
  return;
@@ -6928,7 +6943,7 @@ function CommandPalette({
6928
6943
  return () => clearTimeout(t);
6929
6944
  }, [open]);
6930
6945
  useScrollLock(open);
6931
- React54__namespace.default.useEffect(() => {
6946
+ React55__namespace.default.useEffect(() => {
6932
6947
  if (open) {
6933
6948
  setQuery("");
6934
6949
  setActive(0);
@@ -6936,7 +6951,7 @@ function CommandPalette({
6936
6951
  }, [open]);
6937
6952
  useFocusTrap(paletteRef, open && mounted);
6938
6953
  const isTop = useLayer(open && mounted);
6939
- React54__namespace.default.useEffect(() => {
6954
+ React55__namespace.default.useEffect(() => {
6940
6955
  if (!open) return void 0;
6941
6956
  const onKey = (e) => {
6942
6957
  if (e.defaultPrevented || !isTop()) return;
@@ -6949,7 +6964,7 @@ function CommandPalette({
6949
6964
  return () => document.removeEventListener("keydown", onKey);
6950
6965
  }, [open, onClose, isTop]);
6951
6966
  const q = query.trim().toLowerCase();
6952
- const filtered = React54__namespace.default.useMemo(() => commands.filter(
6967
+ const filtered = React55__namespace.default.useMemo(() => commands.filter(
6953
6968
  (c) => !q || c.label.toLowerCase().includes(q) || (c.keywords || "").toLowerCase().includes(q) || (c.group || "").toLowerCase().includes(q)
6954
6969
  ), [commands, q]);
6955
6970
  const groups = [];
@@ -6964,7 +6979,7 @@ function CommandPalette({
6964
6979
  g.items.push(c);
6965
6980
  flat.push(c);
6966
6981
  });
6967
- React54__namespace.default.useEffect(() => {
6982
+ React55__namespace.default.useEffect(() => {
6968
6983
  setActive(0);
6969
6984
  }, [query]);
6970
6985
  const run = (cmd) => {
@@ -6984,7 +6999,7 @@ function CommandPalette({
6984
6999
  if (cmd) run(cmd);
6985
7000
  }
6986
7001
  }
6987
- React54__namespace.default.useEffect(() => {
7002
+ React55__namespace.default.useEffect(() => {
6988
7003
  const node = listRef.current?.querySelector('[data-active="true"]');
6989
7004
  if (node) node.scrollIntoView({ block: "nearest" });
6990
7005
  }, [active]);
@@ -7174,13 +7189,13 @@ function Currency({
7174
7189
  const prec = precision != null ? precision : meta.precision;
7175
7190
  const sym = symbol != null ? symbol : meta.symbol;
7176
7191
  const cur = code != null ? code : meta.code;
7177
- const autoId = React54__namespace.default.useId();
7192
+ const autoId = React55__namespace.default.useId();
7178
7193
  const fieldId = id || autoId;
7179
7194
  const invalid = Boolean(error);
7180
7195
  const controlled = value !== void 0;
7181
- const [internal, setInternal] = React54__namespace.default.useState(() => clampPrecision(String(defaultValue ?? ""), prec));
7196
+ const [internal, setInternal] = React55__namespace.default.useState(() => clampPrecision(String(defaultValue ?? ""), prec));
7182
7197
  const shown = controlled ? clampPrecision(String(value ?? ""), prec) : internal;
7183
- React54__namespace.default.useEffect(() => {
7198
+ React55__namespace.default.useEffect(() => {
7184
7199
  if (!controlled) return;
7185
7200
  const raw = String(value ?? "");
7186
7201
  if (shown !== raw) {
@@ -7188,7 +7203,7 @@ function Currency({
7188
7203
  onValueChange?.(shown === "" || Number.isNaN(n) ? null : n, shown);
7189
7204
  }
7190
7205
  }, [controlled, shown, value]);
7191
- React54__namespace.default.useEffect(() => {
7206
+ React55__namespace.default.useEffect(() => {
7192
7207
  if (controlled) return;
7193
7208
  const next = clampPrecision(internal, prec);
7194
7209
  if (next === internal) return;
@@ -7247,8 +7262,8 @@ function Currency({
7247
7262
  ] });
7248
7263
  }
7249
7264
  function useFallbackName(ref, hasOwnName) {
7250
- const [needsFallback, setNeedsFallback] = React54__namespace.default.useState(false);
7251
- const useIso2 = typeof document !== "undefined" ? React54__namespace.default.useLayoutEffect : React54__namespace.default.useEffect;
7265
+ const [needsFallback, setNeedsFallback] = React55__namespace.default.useState(false);
7266
+ const useIso2 = typeof document !== "undefined" ? React55__namespace.default.useLayoutEffect : React55__namespace.default.useEffect;
7252
7267
  useIso2(() => {
7253
7268
  if (hasOwnName) {
7254
7269
  setNeedsFallback(false);
@@ -7375,7 +7390,7 @@ function ensureVisible2(list, el) {
7375
7390
  if (top < list.scrollTop) list.scrollTop = top - 4;
7376
7391
  else if (bottom > list.scrollTop + list.clientHeight) list.scrollTop = bottom - list.clientHeight + 4;
7377
7392
  }
7378
- function Select({
7393
+ var Select = /* @__PURE__ */ React55__namespace.default.forwardRef(function Select2({
7379
7394
  label,
7380
7395
  hint,
7381
7396
  error,
@@ -7406,46 +7421,47 @@ function Select({
7406
7421
  onClick,
7407
7422
  onKeyDown,
7408
7423
  ...rest
7409
- }) {
7424
+ }, ref) {
7410
7425
  const __twcStyles = useScopedStyles("twc-select-styles", SELECT_CSS);
7411
7426
  if (virtualizedProp && renderOption) warnOnce("select-renderoption-virtualized", "twico-ui Select: `renderOption` disables `virtualized` \u2014 custom rows aren't a fixed height.");
7412
7427
  const virtualized = virtualizedProp && !renderOption;
7413
- const bufferRef = React54__namespace.default.useRef("");
7414
- const bufferTimerRef = React54__namespace.default.useRef(null);
7415
- const groups = React54__namespace.default.useMemo(() => normalizeGroups2(options), [options]);
7416
- const flat = React54__namespace.default.useMemo(() => groups.flatMap((g) => g.options), [groups]);
7417
- const autoId = React54__namespace.default.useId();
7428
+ const bufferRef = React55__namespace.default.useRef("");
7429
+ const bufferTimerRef = React55__namespace.default.useRef(null);
7430
+ const groups = React55__namespace.default.useMemo(() => normalizeGroups2(options), [options]);
7431
+ const flat = React55__namespace.default.useMemo(() => groups.flatMap((g) => g.options), [groups]);
7432
+ const autoId = React55__namespace.default.useId();
7418
7433
  const fieldId = id || autoId;
7419
- const [internal, setInternal] = React54__namespace.default.useState(defaultValue);
7434
+ const [internal, setInternal] = React55__namespace.default.useState(defaultValue);
7420
7435
  const current = value !== void 0 ? value : internal;
7421
- const [open, setOpen] = React54__namespace.default.useState(false);
7422
- const [render, setRender] = React54__namespace.default.useState(false);
7423
- const [active, setActive] = React54__namespace.default.useState(0);
7424
- const [coords, setCoords] = React54__namespace.default.useState(null);
7425
- const [query, setQuery] = React54__namespace.default.useState("");
7426
- const [scrollTop, setScrollTop] = React54__namespace.default.useState(0);
7427
- const [listH, setListH] = React54__namespace.default.useState(260);
7428
- const wrapRef = React54__namespace.default.useRef(null);
7429
- const triggerRef = React54__namespace.default.useRef(null);
7430
- const popRef = React54__namespace.default.useRef(null);
7431
- const listRef = React54__namespace.default.useRef(null);
7432
- const activeRef = React54__namespace.default.useRef(null);
7433
- const searchRef = React54__namespace.default.useRef(null);
7436
+ const [open, setOpen] = React55__namespace.default.useState(false);
7437
+ const [render, setRender] = React55__namespace.default.useState(false);
7438
+ const [active, setActive] = React55__namespace.default.useState(0);
7439
+ const [coords, setCoords] = React55__namespace.default.useState(null);
7440
+ const [query, setQuery] = React55__namespace.default.useState("");
7441
+ const [scrollTop, setScrollTop] = React55__namespace.default.useState(0);
7442
+ const [listH, setListH] = React55__namespace.default.useState(260);
7443
+ const wrapRef = React55__namespace.default.useRef(null);
7444
+ const triggerRef = React55__namespace.default.useRef(null);
7445
+ const setTriggerRef = useMergedRef(triggerRef, ref);
7446
+ const popRef = React55__namespace.default.useRef(null);
7447
+ const listRef = React55__namespace.default.useRef(null);
7448
+ const activeRef = React55__namespace.default.useRef(null);
7449
+ const searchRef = React55__namespace.default.useRef(null);
7434
7450
  const showSearch = searchable === void 0 ? flat.length > 5 : searchable;
7435
- const fGroupsLive = React54__namespace.default.useMemo(() => {
7451
+ const fGroupsLive = React55__namespace.default.useMemo(() => {
7436
7452
  const q = query.trim().toLowerCase();
7437
7453
  if (!q) return groups;
7438
7454
  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);
7439
7455
  }, [groups, query]);
7440
- const fGroupsFrozen = React54__namespace.default.useRef(fGroupsLive);
7441
- React54__namespace.default.useEffect(() => {
7456
+ const fGroupsFrozen = React55__namespace.default.useRef(fGroupsLive);
7457
+ React55__namespace.default.useEffect(() => {
7442
7458
  if (open) fGroupsFrozen.current = fGroupsLive;
7443
7459
  }, [open, fGroupsLive]);
7444
7460
  const fGroups = open ? fGroupsLive : fGroupsFrozen.current;
7445
- const visible = React54__namespace.default.useMemo(() => fGroups.flatMap((g) => g.options), [fGroups]);
7446
- const rowH = React54__namespace.default.useMemo(() => visible.some((o) => o.description) ? 48 : 36, [visible]);
7461
+ const visible = React55__namespace.default.useMemo(() => fGroups.flatMap((g) => g.options), [fGroups]);
7462
+ const rowH = React55__namespace.default.useMemo(() => visible.some((o) => o.description) ? 48 : 36, [visible]);
7447
7463
  const GROUP_H = 30;
7448
- const { rows, totalH } = React54__namespace.default.useMemo(() => {
7464
+ const { rows, totalH } = React55__namespace.default.useMemo(() => {
7449
7465
  if (!virtualized) return { rows: [], totalH: 0 };
7450
7466
  const rows2 = [];
7451
7467
  let off = 0;
@@ -7472,7 +7488,7 @@ function Select({
7472
7488
  }
7473
7489
  return from;
7474
7490
  };
7475
- const place = React54__namespace.default.useCallback(() => {
7491
+ const place = React55__namespace.default.useCallback(() => {
7476
7492
  const el = triggerRef.current;
7477
7493
  if (!el) return;
7478
7494
  const r2 = el.getBoundingClientRect();
@@ -7488,7 +7504,7 @@ function Select({
7488
7504
  flip
7489
7505
  });
7490
7506
  }, [placement, minWidth, matchTriggerWidth]);
7491
- React54__namespace.default.useEffect(() => {
7507
+ React55__namespace.default.useEffect(() => {
7492
7508
  if (!open || !portal) return;
7493
7509
  place();
7494
7510
  const onMove = () => place();
@@ -7506,7 +7522,7 @@ function Select({
7506
7522
  ro?.disconnect();
7507
7523
  };
7508
7524
  }, [open, portal, place]);
7509
- React54__namespace.default.useEffect(() => {
7525
+ React55__namespace.default.useEffect(() => {
7510
7526
  if (!open) return;
7511
7527
  const idx = flat.findIndex((o) => o.value === current);
7512
7528
  setActive(idx >= 0 ? idx : 0);
@@ -7521,19 +7537,19 @@ function Select({
7521
7537
  document.addEventListener("mousedown", onDown);
7522
7538
  return () => document.removeEventListener("mousedown", onDown);
7523
7539
  }, [open]);
7524
- React54__namespace.default.useEffect(() => {
7540
+ React55__namespace.default.useEffect(() => {
7525
7541
  setActive(0);
7526
7542
  }, [query]);
7527
- React54__namespace.default.useEffect(() => {
7543
+ React55__namespace.default.useEffect(() => {
7528
7544
  if (visible.length === 0) return;
7529
7545
  setActive((a) => Math.min(a, visible.length - 1));
7530
7546
  }, [visible.length]);
7531
- React54__namespace.default.useEffect(() => {
7547
+ React55__namespace.default.useEffect(() => {
7532
7548
  if (!open || !virtualized) return;
7533
7549
  const el = listRef.current;
7534
7550
  if (el && el.clientHeight) setListH(el.clientHeight);
7535
7551
  }, [open, virtualized, render]);
7536
- React54__namespace.default.useEffect(() => {
7552
+ React55__namespace.default.useEffect(() => {
7537
7553
  if (!open) return;
7538
7554
  if (!virtualized) {
7539
7555
  ensureVisible2(listRef.current, activeRef.current);
@@ -7550,7 +7566,7 @@ function Select({
7550
7566
  if (next !== el.scrollTop) el.scrollTop = next;
7551
7567
  setScrollTop(next);
7552
7568
  }, [active, open, virtualized, rows, listH]);
7553
- React54__namespace.default.useEffect(() => {
7569
+ React55__namespace.default.useEffect(() => {
7554
7570
  if (open) {
7555
7571
  setRender(true);
7556
7572
  return;
@@ -7559,8 +7575,8 @@ function Select({
7559
7575
  const t = setTimeout(() => setRender(false), 170);
7560
7576
  return () => clearTimeout(t);
7561
7577
  }, [open]);
7562
- const prevOpen = React54__namespace.default.useRef(false);
7563
- React54__namespace.default.useEffect(() => {
7578
+ const prevOpen = React55__namespace.default.useRef(false);
7579
+ React55__namespace.default.useEffect(() => {
7564
7580
  if (prevOpen.current && !open) {
7565
7581
  const ae = typeof document !== "undefined" ? document.activeElement : null;
7566
7582
  if (popRef.current && ae && popRef.current.contains(ae)) triggerRef.current?.focus();
@@ -7713,7 +7729,7 @@ function Select({
7713
7729
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-pop__group", role: "presentation", children: r2.label }, `g${r2.gi}`)
7714
7730
  ) : renderRow(r2.o, r2.idx)),
7715
7731
  vBottom > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", style: { height: vBottom } }) : null
7716
- ] }) : fGroups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React54__namespace.default.Fragment, { children: [
7732
+ ] }) : fGroups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React55__namespace.default.Fragment, { children: [
7717
7733
  g.group ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-pop__group", role: "presentation", children: g.group }) : null,
7718
7734
  g.options.map((o) => {
7719
7735
  counter += 1;
@@ -7760,7 +7776,7 @@ function Select({
7760
7776
  {
7761
7777
  type: "button",
7762
7778
  id: fieldId,
7763
- ref: triggerRef,
7779
+ ref: setTriggerRef,
7764
7780
  className: "twc-sel__trigger",
7765
7781
  "data-size": size,
7766
7782
  "data-tone": tone,
@@ -7798,7 +7814,7 @@ function Select({
7798
7814
  ] }),
7799
7815
  error ? /* @__PURE__ */ jsxRuntime.jsx("span", { id: descId, className: "twc-field__error", children: error }) : hint ? /* @__PURE__ */ jsxRuntime.jsx("span", { id: descId, className: "twc-field__hint", children: hint }) : null
7800
7816
  ] });
7801
- }
7817
+ });
7802
7818
  var CURF_CSS = `
7803
7819
  /* Shared input shell (self-contained \u2014 CurrencyField must not depend on the
7804
7820
  Currency component being rendered on the same page to get these styles). */
@@ -7875,21 +7891,21 @@ function CurrencyField({
7875
7891
  ...rest
7876
7892
  }) {
7877
7893
  const __twcStyles = useScopedStyles("twc-curf-styles", CURF_CSS);
7878
- const autoId = React54__namespace.default.useId();
7894
+ const autoId = React55__namespace.default.useId();
7879
7895
  const fieldId = id || autoId;
7880
7896
  const invalid = Boolean(error);
7881
7897
  const curControlled = currency !== void 0;
7882
- const [curInternal, setCurInternal] = React54__namespace.default.useState(defaultCurrency);
7898
+ const [curInternal, setCurInternal] = React55__namespace.default.useState(defaultCurrency);
7883
7899
  const cur = curControlled ? currency : curInternal;
7884
7900
  const meta = CURRENCIES[cur] || CURRENCIES.USD;
7885
7901
  const prec = meta.precision;
7886
7902
  const valControlled = value !== void 0;
7887
- const [valInternal, setValInternal] = React54__namespace.default.useState(() => clampPrecision(String(defaultValue ?? ""), prec));
7903
+ const [valInternal, setValInternal] = React55__namespace.default.useState(() => clampPrecision(String(defaultValue ?? ""), prec));
7888
7904
  const shown = valControlled ? clampPrecision(String(value ?? ""), prec) : valInternal;
7889
7905
  const descId = `${fieldId}-desc`;
7890
7906
  const describedBy = [error || hint ? descId : null, rest["aria-describedby"]].filter(Boolean).join(" ") || void 0;
7891
7907
  const ariaInvalid = invalid ? true : rest["aria-invalid"] ?? void 0;
7892
- React54__namespace.default.useEffect(() => {
7908
+ React55__namespace.default.useEffect(() => {
7893
7909
  if (!valControlled) {
7894
7910
  const clamped = clampPrecision(valInternal, prec);
7895
7911
  if (clamped !== valInternal) {
@@ -7905,7 +7921,7 @@ function CurrencyField({
7905
7921
  }
7906
7922
  }
7907
7923
  }, [prec, cur, shown, value, valControlled, valInternal]);
7908
- const options = React54__namespace.default.useMemo(() => {
7924
+ const options = React55__namespace.default.useMemo(() => {
7909
7925
  if (!currencies) return CURRENCY_OPTIONS;
7910
7926
  return currencies.map((c) => typeof c === "string" ? { value: c, label: `${c} \u2014 ${(CURRENCIES[c] || {}).label || c}` } : c);
7911
7927
  }, [currencies]);
@@ -8053,7 +8069,7 @@ var INPUT_EXTRA_CSS = `
8053
8069
  .twc-field__count { margin-inline-start: auto; font-size: var(--text-xs); color: var(--color-text-muted); font-variant-numeric: tabular-nums; flex: none; }
8054
8070
  .twc-field__count[data-danger="true"] { color: var(--color-danger-subtle-fg); }
8055
8071
  `;
8056
- function Input({
8072
+ var Input = /* @__PURE__ */ React55__namespace.default.forwardRef(function Input2({
8057
8073
  label,
8058
8074
  hint,
8059
8075
  error,
@@ -8071,16 +8087,16 @@ function Input({
8071
8087
  id,
8072
8088
  className = "",
8073
8089
  ...rest
8074
- }) {
8090
+ }, ref) {
8075
8091
  const __twcStyles = useScopedStyles("twc-field-styles", FIELD_CSS2);
8076
8092
  const __twcExtra = useScopedStyles("twc-input-extra-styles", INPUT_EXTRA_CSS);
8077
- const autoId = React54__namespace.default.useId();
8093
+ const autoId = React55__namespace.default.useId();
8078
8094
  const fieldId = id || autoId;
8079
8095
  const descId = `${fieldId}-desc`;
8080
8096
  const countId = `${fieldId}-count`;
8081
8097
  const invalid = Boolean(error);
8082
8098
  const countControlled = rest.value !== void 0;
8083
- const [len2, setLen] = React54__namespace.default.useState(() => String(rest.defaultValue ?? "").length);
8099
+ const [len2, setLen] = React55__namespace.default.useState(() => String(rest.defaultValue ?? "").length);
8084
8100
  const count = countControlled ? String(rest.value ?? "").length : len2;
8085
8101
  const max = rest.maxLength;
8086
8102
  const showCounter = showCount && max != null;
@@ -8089,13 +8105,20 @@ function Input({
8089
8105
  rest.onChange?.(e);
8090
8106
  if ((showCount || clearable) && !countControlled) setLen(e.target.value.length);
8091
8107
  };
8092
- const inputRef = React54__namespace.default.useRef(null);
8093
- const userRef = rest.ref;
8094
- const setRef = React54__namespace.default.useCallback((node) => {
8108
+ const inputRef = React55__namespace.default.useRef(null);
8109
+ const setRef = React55__namespace.default.useCallback((node) => {
8095
8110
  inputRef.current = node;
8096
- if (typeof userRef === "function") userRef(node);
8097
- else if (userRef && typeof userRef === "object") userRef.current = node;
8098
- }, [userRef]);
8111
+ if (typeof ref === "function") {
8112
+ const cleanup = ref(node);
8113
+ if (typeof cleanup === "function") return () => {
8114
+ inputRef.current = null;
8115
+ cleanup();
8116
+ };
8117
+ } else if (ref && typeof ref === "object") {
8118
+ ref.current = node;
8119
+ }
8120
+ return void 0;
8121
+ }, [ref]);
8099
8122
  const clearField = () => {
8100
8123
  const el = inputRef.current;
8101
8124
  if (!el) return;
@@ -8109,7 +8132,7 @@ function Input({
8109
8132
  const ariaInvalid = invalid ? true : rest["aria-invalid"] ?? void 0;
8110
8133
  const describedBy = [error || hint ? descId : null, showCounter ? countId : null, rest["aria-describedby"]].filter(Boolean).join(" ") || void 0;
8111
8134
  const isPassword = type === "password";
8112
- const [revealed, setRevealed] = React54__namespace.default.useState(false);
8135
+ const [revealed, setRevealed] = React55__namespace.default.useState(false);
8113
8136
  const effectiveType = isPassword && revealed ? "text" : type;
8114
8137
  const suffix = rightIcon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "twc-input__affix", children: rightIcon }) : isPassword ? /* @__PURE__ */ jsxRuntime.jsx(
8115
8138
  "button",
@@ -8174,7 +8197,7 @@ function Input({
8174
8197
  ] }) : null
8175
8198
  ] }) : null
8176
8199
  ] });
8177
- }
8200
+ });
8178
8201
  var MULTI_CSS = `
8179
8202
  .twc-field { display: flex; flex-direction: column; gap: var(--space-1-5); font-family: var(--font-sans); }
8180
8203
  .twc-field__label { font-size: var(--text-sm); font-weight: var(--font-semibold); color: var(--color-text); display: flex; gap: 4px; align-items: center; }
@@ -8291,7 +8314,7 @@ function ensureVisible3(list, el) {
8291
8314
  if (top < list.scrollTop) list.scrollTop = top - 4;
8292
8315
  else if (bottom > list.scrollTop + list.clientHeight) list.scrollTop = bottom - list.clientHeight + 4;
8293
8316
  }
8294
- function MultiSelect({
8317
+ var MultiSelect = /* @__PURE__ */ React55__namespace.default.forwardRef(function MultiSelect2({
8295
8318
  label,
8296
8319
  hint,
8297
8320
  error,
@@ -8323,37 +8346,38 @@ function MultiSelect({
8323
8346
  onFocus,
8324
8347
  onKeyDown,
8325
8348
  ...rest
8326
- }) {
8349
+ }, ref) {
8327
8350
  const __twcStyles = useScopedStyles("twc-ms-styles", MULTI_CSS);
8328
8351
  if (virtualizedProp && renderOption) warnOnce("multiselect-renderoption-virtualized", "twico-ui MultiSelect: `renderOption` disables `virtualized` \u2014 custom rows aren't a fixed height.");
8329
8352
  const virtualized = virtualizedProp && !renderOption;
8330
- const groups = React54__namespace.default.useMemo(() => normalizeGroups3(options), [options]);
8331
- const flat = React54__namespace.default.useMemo(() => groups.flatMap((g) => g.options), [groups]);
8332
- const autoId = React54__namespace.default.useId();
8353
+ const groups = React55__namespace.default.useMemo(() => normalizeGroups3(options), [options]);
8354
+ const flat = React55__namespace.default.useMemo(() => groups.flatMap((g) => g.options), [groups]);
8355
+ const autoId = React55__namespace.default.useId();
8333
8356
  const fieldId = id || autoId;
8334
- const [internal, setInternal] = React54__namespace.default.useState(defaultValue);
8357
+ const [internal, setInternal] = React55__namespace.default.useState(defaultValue);
8335
8358
  const selected = value !== void 0 ? value : internal;
8336
- const [open, setOpen] = React54__namespace.default.useState(false);
8337
- const [query, setQuery] = React54__namespace.default.useState("");
8338
- const [active, setActive] = React54__namespace.default.useState(0);
8339
- const [coords, setCoords] = React54__namespace.default.useState(null);
8340
- const [scrollTop, setScrollTop] = React54__namespace.default.useState(0);
8341
- const [listH, setListH] = React54__namespace.default.useState(260);
8342
- const wrapRef = React54__namespace.default.useRef(null);
8343
- const controlRef = React54__namespace.default.useRef(null);
8344
- const inputRef = React54__namespace.default.useRef(null);
8345
- const popRef = React54__namespace.default.useRef(null);
8346
- const listRef = React54__namespace.default.useRef(null);
8347
- const activeRef = React54__namespace.default.useRef(null);
8348
- const fGroups = React54__namespace.default.useMemo(() => {
8359
+ const [open, setOpen] = React55__namespace.default.useState(false);
8360
+ const [query, setQuery] = React55__namespace.default.useState("");
8361
+ const [active, setActive] = React55__namespace.default.useState(0);
8362
+ const [coords, setCoords] = React55__namespace.default.useState(null);
8363
+ const [scrollTop, setScrollTop] = React55__namespace.default.useState(0);
8364
+ const [listH, setListH] = React55__namespace.default.useState(260);
8365
+ const wrapRef = React55__namespace.default.useRef(null);
8366
+ const controlRef = React55__namespace.default.useRef(null);
8367
+ const inputRef = React55__namespace.default.useRef(null);
8368
+ const setInputRef = useMergedRef(inputRef, ref);
8369
+ const popRef = React55__namespace.default.useRef(null);
8370
+ const listRef = React55__namespace.default.useRef(null);
8371
+ const activeRef = React55__namespace.default.useRef(null);
8372
+ const fGroups = React55__namespace.default.useMemo(() => {
8349
8373
  const q = query.trim();
8350
8374
  const fn = filter === false ? null : typeof filter === "function" ? filter : matches2;
8351
8375
  return groups.map((g) => ({ group: g.group, options: fn ? g.options.filter((o) => fn(o, q)) : g.options })).filter((g) => g.options.length);
8352
8376
  }, [groups, query, filter]);
8353
- const visible = React54__namespace.default.useMemo(() => fGroups.flatMap((g) => g.options), [fGroups]);
8354
- const rowH = React54__namespace.default.useMemo(() => visible.some((o) => o.description) ? 48 : 36, [visible]);
8377
+ const visible = React55__namespace.default.useMemo(() => fGroups.flatMap((g) => g.options), [fGroups]);
8378
+ const rowH = React55__namespace.default.useMemo(() => visible.some((o) => o.description) ? 48 : 36, [visible]);
8355
8379
  const GROUP_H = 30;
8356
- const { rows, totalH } = React54__namespace.default.useMemo(() => {
8380
+ const { rows, totalH } = React55__namespace.default.useMemo(() => {
8357
8381
  if (!virtualized) return { rows: [], totalH: 0 };
8358
8382
  const rows2 = [];
8359
8383
  let off = 0;
@@ -8381,7 +8405,7 @@ function MultiSelect({
8381
8405
  }
8382
8406
  return from;
8383
8407
  };
8384
- const place = React54__namespace.default.useCallback(() => {
8408
+ const place = React55__namespace.default.useCallback(() => {
8385
8409
  const el = controlRef.current;
8386
8410
  if (!el) return;
8387
8411
  const r2 = el.getBoundingClientRect();
@@ -8396,7 +8420,7 @@ function MultiSelect({
8396
8420
  flip
8397
8421
  });
8398
8422
  }, [placement, minWidth]);
8399
- React54__namespace.default.useEffect(() => {
8423
+ React55__namespace.default.useEffect(() => {
8400
8424
  if (!open || !portal) return;
8401
8425
  place();
8402
8426
  const onMove = () => place();
@@ -8414,7 +8438,7 @@ function MultiSelect({
8414
8438
  ro?.disconnect();
8415
8439
  };
8416
8440
  }, [open, portal, place]);
8417
- React54__namespace.default.useEffect(() => {
8441
+ React55__namespace.default.useEffect(() => {
8418
8442
  if (!open) return;
8419
8443
  const onDown = (e) => {
8420
8444
  if (wrapRef.current && wrapRef.current.contains(e.target)) return;
@@ -8425,19 +8449,19 @@ function MultiSelect({
8425
8449
  document.addEventListener("mousedown", onDown);
8426
8450
  return () => document.removeEventListener("mousedown", onDown);
8427
8451
  }, [open]);
8428
- React54__namespace.default.useEffect(() => {
8452
+ React55__namespace.default.useEffect(() => {
8429
8453
  setActive(0);
8430
8454
  }, [query]);
8431
- React54__namespace.default.useEffect(() => {
8455
+ React55__namespace.default.useEffect(() => {
8432
8456
  if (visible.length === 0) return;
8433
8457
  setActive((a) => Math.min(a, visible.length - 1));
8434
8458
  }, [visible.length]);
8435
- React54__namespace.default.useEffect(() => {
8459
+ React55__namespace.default.useEffect(() => {
8436
8460
  if (!open || !virtualized) return;
8437
8461
  const el = listRef.current;
8438
8462
  if (el && el.clientHeight) setListH(el.clientHeight);
8439
8463
  }, [open, virtualized]);
8440
- React54__namespace.default.useEffect(() => {
8464
+ React55__namespace.default.useEffect(() => {
8441
8465
  if (!open) return;
8442
8466
  if (!virtualized) {
8443
8467
  ensureVisible3(listRef.current, activeRef.current);
@@ -8561,7 +8585,7 @@ function MultiSelect({
8561
8585
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-pop__group", role: "presentation", children: r2.label }, `g${r2.gi}`)
8562
8586
  ) : renderRow(r2.o, r2.idx)),
8563
8587
  vBottom > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", style: { height: vBottom } }) : null
8564
- ] }) : fGroups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React54__namespace.default.Fragment, { children: [
8588
+ ] }) : fGroups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React55__namespace.default.Fragment, { children: [
8565
8589
  g.group ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-pop__group", role: "presentation", children: g.group }) : null,
8566
8590
  g.options.map((o) => {
8567
8591
  counter += 1;
@@ -8634,7 +8658,7 @@ function MultiSelect({
8634
8658
  /* @__PURE__ */ jsxRuntime.jsx(
8635
8659
  "input",
8636
8660
  {
8637
- ref: inputRef,
8661
+ ref: setInputRef,
8638
8662
  id: fieldId,
8639
8663
  className: "twc-ms__input",
8640
8664
  role: "combobox",
@@ -8693,7 +8717,7 @@ function MultiSelect({
8693
8717
  ] }),
8694
8718
  error ? /* @__PURE__ */ jsxRuntime.jsx("span", { id: descId, className: "twc-field__error", children: error }) : hint ? /* @__PURE__ */ jsxRuntime.jsx("span", { id: descId, className: "twc-field__hint", children: hint }) : null
8695
8719
  ] });
8696
- }
8720
+ });
8697
8721
  var PAGINATION_CSS = `
8698
8722
  .twc-pagination { display: inline-flex; align-items: center; gap: 4px; font-family: var(--font-sans); }
8699
8723
  .twc-page {
@@ -8768,7 +8792,7 @@ function Pagination({
8768
8792
  }
8769
8793
  const jumperEnabled = showPageJumper ?? showJumper;
8770
8794
  const __twcStyles = useScopedStyles("twc-pagination-styles", PAGINATION_CSS);
8771
- const [internal, setInternal] = React54__namespace.default.useState(defaultPage);
8795
+ const [internal, setInternal] = React55__namespace.default.useState(defaultPage);
8772
8796
  const page = pageProp !== void 0 ? pageProp : internal;
8773
8797
  const pages = buildPages(page, total, siblings, boundaries);
8774
8798
  const go = (p) => {
@@ -8776,7 +8800,7 @@ function Pagination({
8776
8800
  if (pageProp === void 0) setInternal(p);
8777
8801
  onChange?.(p);
8778
8802
  };
8779
- const [jump, setJump] = React54__namespace.default.useState("");
8803
+ const [jump, setJump] = React55__namespace.default.useState("");
8780
8804
  const submitJump = () => {
8781
8805
  const n = parseInt(jump, 10);
8782
8806
  if (!Number.isNaN(n)) go(Math.min(Math.max(n, 1), total));
@@ -9653,27 +9677,27 @@ function renderCombined(srcCols, row, cfg) {
9653
9677
  const v = getColVal(sc, row);
9654
9678
  if (v == null || v === "") return;
9655
9679
  const disp = sc.valueFormatter ? sc.valueFormatter(v, row) : v;
9656
- const label = cfg.labels ? React54__namespace.default.createElement("span", { className: "twc-dt__combine-label" }, colLabel(sc) + ": ") : null;
9657
- if (count > 0 && cfg.layout !== "stack") nodes.push(React54__namespace.default.createElement("span", { key: "sep" + idx, className: "twc-dt__combine-sep", "aria-hidden": "true" }, cfg.separator));
9658
- nodes.push(React54__namespace.default.createElement("span", { key: idx, className: "twc-dt__combine-item" }, label, disp));
9680
+ const label = cfg.labels ? React55__namespace.default.createElement("span", { className: "twc-dt__combine-label" }, colLabel(sc) + ": ") : null;
9681
+ if (count > 0 && cfg.layout !== "stack") nodes.push(React55__namespace.default.createElement("span", { key: "sep" + idx, className: "twc-dt__combine-sep", "aria-hidden": "true" }, cfg.separator));
9682
+ nodes.push(React55__namespace.default.createElement("span", { key: idx, className: "twc-dt__combine-item" }, label, disp));
9659
9683
  count++;
9660
9684
  });
9661
9685
  if (!nodes.length) return "";
9662
- return React54__namespace.default.createElement("span", { className: cfg.layout === "stack" ? "twc-dt__combine twc-dt__combine--stack" : "twc-dt__combine" }, nodes);
9686
+ return React55__namespace.default.createElement("span", { className: cfg.layout === "stack" ? "twc-dt__combine twc-dt__combine--stack" : "twc-dt__combine" }, nodes);
9663
9687
  }
9664
9688
  var diffValueNode = (col, v, row) => col.renderCell ? col.renderCell(v, row) : col.valueFormatter ? col.valueFormatter(v, row) : v == null ? "" : v;
9665
9689
  function renderDiffCell(col, val, row) {
9666
9690
  const meta = row && row.__diffMeta;
9667
9691
  if (!meta) return diffValueNode(col, val, row);
9668
- if (meta.op === "removed") return React54__namespace.default.createElement("span", { className: "twc-dt__diff-old" }, diffValueNode(col, getColVal(col, meta.from), meta.from));
9669
- if (meta.op === "added") return React54__namespace.default.createElement("span", { className: "twc-dt__diff-new" }, diffValueNode(col, getColVal(col, meta.to), meta.to));
9692
+ if (meta.op === "removed") return React55__namespace.default.createElement("span", { className: "twc-dt__diff-old" }, diffValueNode(col, getColVal(col, meta.from), meta.from));
9693
+ if (meta.op === "added") return React55__namespace.default.createElement("span", { className: "twc-dt__diff-new" }, diffValueNode(col, getColVal(col, meta.to), meta.to));
9670
9694
  if (meta.op === "modified" && meta.changed.has(col.field)) {
9671
- return React54__namespace.default.createElement(
9695
+ return React55__namespace.default.createElement(
9672
9696
  "span",
9673
9697
  { className: "twc-dt__diff-change" },
9674
- React54__namespace.default.createElement("span", { className: "twc-dt__diff-old" }, diffValueNode(col, getColVal(col, meta.from), meta.from)),
9675
- React54__namespace.default.createElement("span", { className: "twc-dt__diff-arrow", "aria-hidden": "true" }, "\u2192"),
9676
- React54__namespace.default.createElement("span", { className: "twc-dt__diff-new" }, diffValueNode(col, getColVal(col, meta.to), meta.to))
9698
+ React55__namespace.default.createElement("span", { className: "twc-dt__diff-old" }, diffValueNode(col, getColVal(col, meta.from), meta.from)),
9699
+ React55__namespace.default.createElement("span", { className: "twc-dt__diff-arrow", "aria-hidden": "true" }, "\u2192"),
9700
+ React55__namespace.default.createElement("span", { className: "twc-dt__diff-new" }, diffValueNode(col, getColVal(col, meta.to), meta.to))
9677
9701
  );
9678
9702
  }
9679
9703
  return diffValueNode(col, val, row);
@@ -9690,7 +9714,7 @@ var DIFF_OP_COLUMN = {
9690
9714
  resizable: true,
9691
9715
  wrappable: false,
9692
9716
  hideable: false,
9693
- renderCell: (v) => v && DIFF_OPS[v] ? React54__namespace.default.createElement(Badge, { size: "sm", variant: "soft", tone: DIFF_OPS[v].tone }, DIFF_OPS[v].label) : null,
9717
+ renderCell: (v) => v && DIFF_OPS[v] ? React55__namespace.default.createElement(Badge, { size: "sm", variant: "soft", tone: DIFF_OPS[v].tone }, DIFF_OPS[v].label) : null,
9694
9718
  exportValue: (v) => v && DIFF_OPS[v] ? DIFF_OPS[v].label : ""
9695
9719
  };
9696
9720
  function testFilter(raw, op, target, type) {
@@ -9763,9 +9787,9 @@ function runDatatableQuery(rows, query, options = {}) {
9763
9787
  return { rows: page, total, filtered: out };
9764
9788
  }
9765
9789
  function useFloating() {
9766
- const [pos, setPos] = React54__namespace.default.useState(null);
9767
- const cfg = React54__namespace.default.useRef(null);
9768
- const place = React54__namespace.default.useCallback(() => {
9790
+ const [pos, setPos] = React55__namespace.default.useState(null);
9791
+ const cfg = React55__namespace.default.useRef(null);
9792
+ const place = React55__namespace.default.useCallback(() => {
9769
9793
  const c = cfg.current;
9770
9794
  if (!c || !c.el || !c.el.isConnected) return null;
9771
9795
  const r2 = c.el.getBoundingClientRect();
@@ -9776,17 +9800,17 @@ function useFloating() {
9776
9800
  const top = r2.bottom + 6;
9777
9801
  return { top, left, width: c.width, anchorX: r2.left + r2.width / 2, maxHeight: Math.max(180, vh - top - M) };
9778
9802
  }, []);
9779
- const open = React54__namespace.default.useCallback((el, align = "left", width = 220) => {
9803
+ const open = React55__namespace.default.useCallback((el, align = "left", width = 220) => {
9780
9804
  cfg.current = { el, align, width };
9781
9805
  const p = place();
9782
9806
  if (p) setPos(p);
9783
9807
  }, [place]);
9784
- const close = React54__namespace.default.useCallback(() => {
9808
+ const close = React55__namespace.default.useCallback(() => {
9785
9809
  cfg.current = null;
9786
9810
  setPos(null);
9787
9811
  }, []);
9788
9812
  const isOpen = pos != null;
9789
- React54__namespace.default.useEffect(() => {
9813
+ React55__namespace.default.useEffect(() => {
9790
9814
  if (!isOpen) return void 0;
9791
9815
  const update = () => {
9792
9816
  const p = place();
@@ -9810,11 +9834,11 @@ function Caret({ pos }) {
9810
9834
  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "twc-dt__caret", style: { left } });
9811
9835
  }
9812
9836
  function AsyncFilterValue({ col, value, onChange }) {
9813
- const [opts, setOpts] = React54__namespace.default.useState([]);
9814
- const [loading, setLoading] = React54__namespace.default.useState(false);
9815
- const reqRef = React54__namespace.default.useRef(0);
9816
- const debRef = React54__namespace.default.useRef();
9817
- const load = React54__namespace.default.useCallback((query) => {
9837
+ const [opts, setOpts] = React55__namespace.default.useState([]);
9838
+ const [loading, setLoading] = React55__namespace.default.useState(false);
9839
+ const reqRef = React55__namespace.default.useRef(0);
9840
+ const debRef = React55__namespace.default.useRef();
9841
+ const load = React55__namespace.default.useCallback((query) => {
9818
9842
  const id = ++reqRef.current;
9819
9843
  setLoading(true);
9820
9844
  Promise.resolve(col.loadValueOptions(query)).then(
@@ -9829,16 +9853,16 @@ function AsyncFilterValue({ col, value, onChange }) {
9829
9853
  }
9830
9854
  );
9831
9855
  }, [col]);
9832
- React54__namespace.default.useEffect(() => {
9856
+ React55__namespace.default.useEffect(() => {
9833
9857
  load("");
9834
9858
  return () => clearTimeout(debRef.current);
9835
9859
  }, [load]);
9836
- const onInput = React54__namespace.default.useCallback((q) => {
9860
+ const onInput = React55__namespace.default.useCallback((q) => {
9837
9861
  clearTimeout(debRef.current);
9838
9862
  debRef.current = setTimeout(() => load(q), 250);
9839
9863
  }, [load]);
9840
9864
  const selected = Array.isArray(value) ? value : [];
9841
- const merged = React54__namespace.default.useMemo(() => {
9865
+ const merged = React55__namespace.default.useMemo(() => {
9842
9866
  const seen2 = new Set(opts.map((o) => o.value));
9843
9867
  return [...selected.filter((v) => !seen2.has(v)).map((v) => ({ value: v, label: String(v) })), ...opts];
9844
9868
  }, [opts, selected]);
@@ -9857,9 +9881,9 @@ function AsyncFilterValue({ col, value, onChange }) {
9857
9881
  );
9858
9882
  }
9859
9883
  function EditCell({ col, value, options, onChange, onCommit, onCommitValue, onCancel, onKeyDown }) {
9860
- const ref = React54__namespace.default.useRef(null);
9884
+ const ref = React55__namespace.default.useRef(null);
9861
9885
  const isSelect = col.editType === "select" || options && col.editType !== "text";
9862
- React54__namespace.default.useEffect(() => {
9886
+ React55__namespace.default.useEffect(() => {
9863
9887
  if (isSelect) {
9864
9888
  const t = setTimeout(() => ref.current?.querySelector(".twc-sel__trigger")?.click(), 0);
9865
9889
  return () => clearTimeout(t);
@@ -10124,21 +10148,21 @@ function Datatable({
10124
10148
  }) {
10125
10149
  const __twcStyles = useScopedStyles("twc-dt-styles", DT_CSS);
10126
10150
  const isDiff = !!diff;
10127
- const [diffOnly, setDiffOnly] = React54__namespace.default.useState(diff && diff.onlyChanged !== void 0 ? diff.onlyChanged : true);
10151
+ const [diffOnly, setDiffOnly] = React55__namespace.default.useState(diff && diff.onlyChanged !== void 0 ? diff.onlyChanged : true);
10128
10152
  const diffRowKey = diff && diff.rowKey || rowKeyProp || ((r2) => r2 == null ? r2 : r2.id);
10129
- const diffData = React54__namespace.default.useMemo(
10153
+ const diffData = React55__namespace.default.useMemo(
10130
10154
  () => isDiff ? classifyDiff(diff.from || [], diff.to || [], columnsProp, diffRowKey, { moveDetection: diff.moveDetection, compare: diff.compare }) : null,
10131
10155
  [isDiff, diff, columnsProp]
10132
10156
  // eslint-disable-line react-hooks/exhaustive-deps
10133
10157
  );
10134
- const onClassifiedRef = React54__namespace.default.useRef(diff && diff.onClassified);
10158
+ const onClassifiedRef = React55__namespace.default.useRef(diff && diff.onClassified);
10135
10159
  onClassifiedRef.current = diff && diff.onClassified;
10136
- React54__namespace.default.useEffect(() => {
10160
+ React55__namespace.default.useEffect(() => {
10137
10161
  if (diffData && onClassifiedRef.current) onClassifiedRef.current(diffData.counts);
10138
10162
  }, [diffData]);
10139
- const diffRowKeyFn = React54__namespace.default.useCallback((r2) => r2.__diffKey, []);
10140
- const [userCombine, setUserCombine] = React54__namespace.default.useState({});
10141
- const columns = React54__namespace.default.useMemo(
10163
+ const diffRowKeyFn = React55__namespace.default.useCallback((r2) => r2.__diffKey, []);
10164
+ const [userCombine, setUserCombine] = React55__namespace.default.useState({});
10165
+ const columns = React55__namespace.default.useMemo(
10142
10166
  () => {
10143
10167
  if (!isDiff) return columnsProp;
10144
10168
  const byField = {};
@@ -10151,12 +10175,12 @@ function Datatable({
10151
10175
  },
10152
10176
  [isDiff, columnsProp, userCombine]
10153
10177
  );
10154
- const rows = React54__namespace.default.useMemo(
10178
+ const rows = React55__namespace.default.useMemo(
10155
10179
  () => isDiff ? diffData.rows.filter((r2) => !diffOnly || r2.op !== "unchanged").map((r2) => ({ ...r2.to || r2.from, __diffop: r2.op, __diffMeta: r2, __diffKey: r2.key })) : rowsProp,
10156
10180
  [isDiff, diffData, diffOnly, rowsProp]
10157
10181
  );
10158
10182
  const rowKey = isDiff ? diffRowKeyFn : rowKeyProp;
10159
- const cols = React54__namespace.default.useMemo(() => {
10183
+ const cols = React55__namespace.default.useMemo(() => {
10160
10184
  const seenFields = /* @__PURE__ */ new Map();
10161
10185
  for (const c of columns) {
10162
10186
  if (!c || c.field == null) continue;
@@ -10224,9 +10248,9 @@ function Datatable({
10224
10248
  }
10225
10249
  return out;
10226
10250
  }, [columns, rowPinning, userCombine, defaultColumn]);
10227
- const _autoKey = React54__namespace.default.useRef();
10251
+ const _autoKey = React55__namespace.default.useRef();
10228
10252
  if (!_autoKey.current) _autoKey.current = { map: /* @__PURE__ */ new WeakMap(), n: 0 };
10229
- const keyOf = React54__namespace.default.useCallback(rowKey || ((r2, i) => {
10253
+ const keyOf = React55__namespace.default.useCallback(rowKey || ((r2, i) => {
10230
10254
  if (r2 != null && r2.id != null) return r2.id;
10231
10255
  if (r2 != null && typeof r2 === "object") {
10232
10256
  const m = _autoKey.current.map;
@@ -10239,19 +10263,19 @@ function Datatable({
10239
10263
  }
10240
10264
  return i;
10241
10265
  }), [rowKey]);
10242
- const [sort, setSort] = React54__namespace.default.useState(null);
10243
- const [filters, setFilters] = React54__namespace.default.useState([]);
10266
+ const [sort, setSort] = React55__namespace.default.useState(null);
10267
+ const [filters, setFilters] = React55__namespace.default.useState([]);
10244
10268
  const filterLogicControlled = filterLogicProp !== void 0;
10245
- const [filterLogicInternal, setFilterLogicInternal] = React54__namespace.default.useState(defaultFilterLogic === "or" ? "or" : "and");
10269
+ const [filterLogicInternal, setFilterLogicInternal] = React55__namespace.default.useState(defaultFilterLogic === "or" ? "or" : "and");
10246
10270
  const filterLogic = filterLogicControlled ? filterLogicProp === "or" ? "or" : "and" : filterLogicInternal;
10247
10271
  const setFilterLogic = (next) => {
10248
10272
  const v = next === "or" ? "or" : "and";
10249
10273
  if (!filterLogicControlled) setFilterLogicInternal(v);
10250
10274
  onFilterLogicChange?.(v);
10251
10275
  };
10252
- const [hidden, setHidden] = React54__namespace.default.useState(() => /* @__PURE__ */ new Set());
10253
- const [showRowNum, setShowRowNum] = React54__namespace.default.useState(rowNumbers);
10254
- const [wrapped, setWrapped] = React54__namespace.default.useState(() => new Set((columns || []).filter((c) => c.wrapText).map((c) => c.field)));
10276
+ const [hidden, setHidden] = React55__namespace.default.useState(() => /* @__PURE__ */ new Set());
10277
+ const [showRowNum, setShowRowNum] = React55__namespace.default.useState(rowNumbers);
10278
+ const [wrapped, setWrapped] = React55__namespace.default.useState(() => new Set((columns || []).filter((c) => c.wrapText).map((c) => c.field)));
10255
10279
  const toggleWrap = (field) => setWrapped((w) => {
10256
10280
  const n = new Set(w);
10257
10281
  n.has(field) ? n.delete(field) : n.add(field);
@@ -10293,7 +10317,7 @@ function Datatable({
10293
10317
  });
10294
10318
  closeCombineEditor();
10295
10319
  };
10296
- const [pins, setPins] = React54__namespace.default.useState(() => {
10320
+ const [pins, setPins] = React55__namespace.default.useState(() => {
10297
10321
  const left = [], right = [];
10298
10322
  columns.forEach((c) => {
10299
10323
  if (c.pinned === "left") left.push(c.field);
@@ -10301,23 +10325,23 @@ function Datatable({
10301
10325
  });
10302
10326
  return { left, right };
10303
10327
  });
10304
- const [density, setDensity] = React54__namespace.default.useState(densityProp);
10305
- const [internalQuick, setInternalQuick] = React54__namespace.default.useState("");
10328
+ const [density, setDensity] = React55__namespace.default.useState(densityProp);
10329
+ const [internalQuick, setInternalQuick] = React55__namespace.default.useState("");
10306
10330
  const quick = quickFilter !== void 0 ? quickFilter : internalQuick;
10307
10331
  const commitQuick = (v) => {
10308
10332
  onQuickFilterChange?.(v);
10309
10333
  if (quickFilter === void 0) setInternalQuick(v);
10310
10334
  commitPage(0);
10311
10335
  };
10312
- const [selected, setSelected] = React54__namespace.default.useState(() => /* @__PURE__ */ new Set());
10313
- const [activeRow, setActiveRow] = React54__namespace.default.useState(null);
10336
+ const [selected, setSelected] = React55__namespace.default.useState(() => /* @__PURE__ */ new Set());
10337
+ const [activeRow, setActiveRow] = React55__namespace.default.useState(null);
10314
10338
  const activeRowControlled = activeRowId !== void 0;
10315
10339
  const activeRowVal = activeRowControlled ? activeRowId : activeRow;
10316
- const [internalActiveCell, setInternalActiveCell] = React54__namespace.default.useState(null);
10340
+ const [internalActiveCell, setInternalActiveCell] = React55__namespace.default.useState(null);
10317
10341
  const activeCellControlled = activeCell !== void 0;
10318
10342
  const activeCellVal = activeCellControlled ? activeCell : internalActiveCell;
10319
- const selfCellSigRef = React54__namespace.default.useRef(null);
10320
- const jumpAppliedRef = React54__namespace.default.useRef(null);
10343
+ const selfCellSigRef = React55__namespace.default.useRef(null);
10344
+ const jumpAppliedRef = React55__namespace.default.useRef(null);
10321
10345
  const commitActiveCell = (next) => {
10322
10346
  const sig = next ? next.key + "\0" + next.field : null;
10323
10347
  selfCellSigRef.current = sig;
@@ -10325,10 +10349,10 @@ function Datatable({
10325
10349
  onActiveCellChange?.(next);
10326
10350
  if (!activeCellControlled) setInternalActiveCell(next);
10327
10351
  };
10328
- const [anchorCell, setAnchorCell] = React54__namespace.default.useState(null);
10329
- const gridId = React54__namespace.default.useId();
10330
- const [internalPage, setInternalPage] = React54__namespace.default.useState(0);
10331
- const [internalRpp, setInternalRpp] = React54__namespace.default.useState(pageSize > 0 ? pageSize : 10);
10352
+ const [anchorCell, setAnchorCell] = React55__namespace.default.useState(null);
10353
+ const gridId = React55__namespace.default.useId();
10354
+ const [internalPage, setInternalPage] = React55__namespace.default.useState(0);
10355
+ const [internalRpp, setInternalRpp] = React55__namespace.default.useState(pageSize > 0 ? pageSize : 10);
10332
10356
  const pageControlled = page !== void 0;
10333
10357
  const pageSizeControlled = onPageSizeChange !== void 0;
10334
10358
  const pageVal = pageControlled ? page : internalPage;
@@ -10342,42 +10366,42 @@ function Datatable({
10342
10366
  if (!pageSizeControlled) setInternalRpp(next);
10343
10367
  commitPage(0);
10344
10368
  };
10345
- const [colQuery, setColQuery] = React54__namespace.default.useState("");
10346
- const [widths, setWidths] = React54__namespace.default.useState({});
10347
- const [order, setOrder] = React54__namespace.default.useState(() => columns.map((c) => c.field));
10348
- const [drag, setDrag] = React54__namespace.default.useState({ from: null, over: null, after: false });
10349
- const [aggOn, setAggOn] = React54__namespace.default.useState(showAggregation);
10350
- const [focus, setFocus] = React54__namespace.default.useState({ r: 0, c: 0 });
10351
- const [interacting, setInteracting] = React54__namespace.default.useState(null);
10352
- const gridRef = React54__namespace.default.useRef(null);
10353
- const [groupBy, setGroupBy] = React54__namespace.default.useState(rowGrouping || []);
10354
- const [internalCollapsed, setInternalCollapsed] = React54__namespace.default.useState(() => new Set(defaultCollapsedGroups));
10369
+ const [colQuery, setColQuery] = React55__namespace.default.useState("");
10370
+ const [widths, setWidths] = React55__namespace.default.useState({});
10371
+ const [order, setOrder] = React55__namespace.default.useState(() => columns.map((c) => c.field));
10372
+ const [drag, setDrag] = React55__namespace.default.useState({ from: null, over: null, after: false });
10373
+ const [aggOn, setAggOn] = React55__namespace.default.useState(showAggregation);
10374
+ const [focus, setFocus] = React55__namespace.default.useState({ r: 0, c: 0 });
10375
+ const [interacting, setInteracting] = React55__namespace.default.useState(null);
10376
+ const gridRef = React55__namespace.default.useRef(null);
10377
+ const [groupBy, setGroupBy] = React55__namespace.default.useState(rowGrouping || []);
10378
+ const [internalCollapsed, setInternalCollapsed] = React55__namespace.default.useState(() => new Set(defaultCollapsedGroups));
10355
10379
  const collapsedControlled = collapsedGroups !== void 0;
10356
- const collapsedSet = React54__namespace.default.useMemo(() => new Set(collapsedControlled ? collapsedGroups : internalCollapsed), [collapsedControlled, collapsedGroups, internalCollapsed]);
10357
- const collapsedKey = React54__namespace.default.useMemo(() => [...collapsedSet].sort().join("\0"), [collapsedSet]);
10358
- const [internalExpanded, setInternalExpanded] = React54__namespace.default.useState(() => /* @__PURE__ */ new Set());
10380
+ const collapsedSet = React55__namespace.default.useMemo(() => new Set(collapsedControlled ? collapsedGroups : internalCollapsed), [collapsedControlled, collapsedGroups, internalCollapsed]);
10381
+ const collapsedKey = React55__namespace.default.useMemo(() => [...collapsedSet].sort().join("\0"), [collapsedSet]);
10382
+ const [internalExpanded, setInternalExpanded] = React55__namespace.default.useState(() => /* @__PURE__ */ new Set());
10359
10383
  const expandControlled = expandedRowIds !== void 0;
10360
- const expandedSet = React54__namespace.default.useMemo(
10384
+ const expandedSet = React55__namespace.default.useMemo(
10361
10385
  () => new Set(expandControlled ? expandedRowIds : internalExpanded),
10362
10386
  [expandControlled, expandedRowIds, internalExpanded]
10363
10387
  );
10364
- const expandedKey = React54__namespace.default.useMemo(() => JSON.stringify([...expandedSet].sort()), [expandedSet]);
10365
- const [pinnedRows, setPinnedRows] = React54__namespace.default.useState({ top: [], bottom: [] });
10366
- const [headH, setHeadH] = React54__namespace.default.useState(41);
10367
- const theadRef = React54__namespace.default.useRef(null);
10368
- const [rowOrder, setRowOrder] = React54__namespace.default.useState(null);
10369
- React54__namespace.default.useEffect(() => {
10388
+ const expandedKey = React55__namespace.default.useMemo(() => JSON.stringify([...expandedSet].sort()), [expandedSet]);
10389
+ const [pinnedRows, setPinnedRows] = React55__namespace.default.useState({ top: [], bottom: [] });
10390
+ const [headH, setHeadH] = React55__namespace.default.useState(41);
10391
+ const theadRef = React55__namespace.default.useRef(null);
10392
+ const [rowOrder, setRowOrder] = React55__namespace.default.useState(null);
10393
+ React55__namespace.default.useEffect(() => {
10370
10394
  if (serverMode) setRowOrder(null);
10371
10395
  }, [rows, serverMode]);
10372
- const [rowHeights, setRowHeights] = React54__namespace.default.useState({});
10373
- const [rowDrag, setRowDrag] = React54__namespace.default.useState({ from: null, over: null, after: false });
10374
- const [rowGrab, setRowGrab] = React54__namespace.default.useState(null);
10375
- const [reorderMsg, setReorderMsg] = React54__namespace.default.useState("");
10376
- const rowFocusRef = React54__namespace.default.useRef(null);
10377
- const [fWidths, setFWidths] = React54__namespace.default.useState({});
10378
- const [fPanelSize, setFPanelSize] = React54__namespace.default.useState(null);
10379
- const [batchNameW, setBatchNameW] = React54__namespace.default.useState(null);
10380
- const [popSizes, setPopSizes] = React54__namespace.default.useState({});
10396
+ const [rowHeights, setRowHeights] = React55__namespace.default.useState({});
10397
+ const [rowDrag, setRowDrag] = React55__namespace.default.useState({ from: null, over: null, after: false });
10398
+ const [rowGrab, setRowGrab] = React55__namespace.default.useState(null);
10399
+ const [reorderMsg, setReorderMsg] = React55__namespace.default.useState("");
10400
+ const rowFocusRef = React55__namespace.default.useRef(null);
10401
+ const [fWidths, setFWidths] = React55__namespace.default.useState({});
10402
+ const [fPanelSize, setFPanelSize] = React55__namespace.default.useState(null);
10403
+ const [batchNameW, setBatchNameW] = React55__namespace.default.useState(null);
10404
+ const [popSizes, setPopSizes] = React55__namespace.default.useState({});
10381
10405
  const serializeState = () => ({
10382
10406
  filters: filters.map(({ id, ...f }) => f),
10383
10407
  // strip the internal row id
@@ -10462,11 +10486,11 @@ function Datatable({
10462
10486
  if (Array.isArray(s.grouping)) setGroupBy(s.grouping.filter((f) => known.has(f)));
10463
10487
  if (Array.isArray(s.collapsedGroups) && !collapsedControlled) setInternalCollapsed(new Set(s.collapsedGroups.filter((k) => typeof k === "string")));
10464
10488
  };
10465
- const stateReadyRef = React54__namespace.default.useRef(false);
10466
- const stateRestoredRef = React54__namespace.default.useRef(false);
10467
- const onStateChangeRef = React54__namespace.default.useRef(onStateChange);
10489
+ const stateReadyRef = React55__namespace.default.useRef(false);
10490
+ const stateRestoredRef = React55__namespace.default.useRef(false);
10491
+ const onStateChangeRef = React55__namespace.default.useRef(onStateChange);
10468
10492
  onStateChangeRef.current = onStateChange;
10469
- React54__namespace.default.useEffect(() => {
10493
+ React55__namespace.default.useEffect(() => {
10470
10494
  if (!stateReadyRef.current) return void 0;
10471
10495
  if (!stateKey && !onStateChange) return void 0;
10472
10496
  const state = serializeState();
@@ -10492,7 +10516,7 @@ function Datatable({
10492
10516
  if (saved) applyState(saved);
10493
10517
  stateRestoredRef.current = true;
10494
10518
  };
10495
- React54__namespace.default.useEffect(() => {
10519
+ React55__namespace.default.useEffect(() => {
10496
10520
  if (columns.length) {
10497
10521
  restoreState();
10498
10522
  stateReadyRef.current = true;
@@ -10501,14 +10525,14 @@ function Datatable({
10501
10525
  stateReadyRef.current = false;
10502
10526
  };
10503
10527
  }, []);
10504
- React54__namespace.default.useEffect(() => {
10528
+ React55__namespace.default.useEffect(() => {
10505
10529
  if (stateRestoredRef.current || !columns.length) return;
10506
10530
  restoreState();
10507
10531
  stateReadyRef.current = true;
10508
10532
  }, [columns.length]);
10509
- const rootRef = React54__namespace.default.useRef(null);
10510
- const [compact, setCompact] = React54__namespace.default.useState(false);
10511
- React54__namespace.default.useEffect(() => {
10533
+ const rootRef = React55__namespace.default.useRef(null);
10534
+ const [compact, setCompact] = React55__namespace.default.useState(false);
10535
+ React55__namespace.default.useEffect(() => {
10512
10536
  const el = rootRef.current;
10513
10537
  if (!el) return void 0;
10514
10538
  const measure = () => setCompact((el.clientWidth || 0) < 720);
@@ -10521,13 +10545,13 @@ function Datatable({
10521
10545
  else if (typeof window !== "undefined") window.removeEventListener("resize", measure);
10522
10546
  };
10523
10547
  }, []);
10524
- const scrollRef = React54__namespace.default.useRef(null);
10525
- const filterPanelRef = React54__namespace.default.useRef(null);
10526
- const measureCanvas = React54__namespace.default.useRef(null);
10527
- const [scrollTop, setScrollTop] = React54__namespace.default.useState(0);
10528
- const [viewportH, setViewportH] = React54__namespace.default.useState(0);
10529
- const [ovTip, setOvTip] = React54__namespace.default.useState(null);
10530
- const ovTimer = React54__namespace.default.useRef(null);
10548
+ const scrollRef = React55__namespace.default.useRef(null);
10549
+ const filterPanelRef = React55__namespace.default.useRef(null);
10550
+ const measureCanvas = React55__namespace.default.useRef(null);
10551
+ const [scrollTop, setScrollTop] = React55__namespace.default.useState(0);
10552
+ const [viewportH, setViewportH] = React55__namespace.default.useState(0);
10553
+ const [ovTip, setOvTip] = React55__namespace.default.useState(null);
10554
+ const ovTimer = React55__namespace.default.useRef(null);
10531
10555
  const hideOverflowTip = () => {
10532
10556
  clearTimeout(ovTimer.current);
10533
10557
  setOvTip((t) => t ? null : t);
@@ -10551,8 +10575,8 @@ function Datatable({
10551
10575
  if (el && el.scrollWidth > el.clientWidth + 1) setOvTip({ anchor: el, text: el.getAttribute("data-ovtext") });
10552
10576
  else hideOverflowTip();
10553
10577
  };
10554
- React54__namespace.default.useEffect(() => () => clearTimeout(ovTimer.current), []);
10555
- React54__namespace.default.useEffect(() => {
10578
+ React55__namespace.default.useEffect(() => () => clearTimeout(ovTimer.current), []);
10579
+ React55__namespace.default.useEffect(() => {
10556
10580
  if (!ovTip) return void 0;
10557
10581
  const onKey = (e) => {
10558
10582
  if (e.key === "Escape") setOvTip(null);
@@ -10560,8 +10584,8 @@ function Datatable({
10560
10584
  document.addEventListener("keydown", onKey);
10561
10585
  return () => document.removeEventListener("keydown", onKey);
10562
10586
  }, [ovTip]);
10563
- const [pivotOn, setPivotOn] = React54__namespace.default.useState(pivotMode);
10564
- const [aggConfig, setAggConfig] = React54__namespace.default.useState(() => {
10587
+ const [pivotOn, setPivotOn] = React55__namespace.default.useState(pivotMode);
10588
+ const [aggConfig, setAggConfig] = React55__namespace.default.useState(() => {
10565
10589
  const m = {};
10566
10590
  (columns || []).forEach((c) => {
10567
10591
  if (typeof c.aggregation === "string") m[c.field] = c.aggregation;
@@ -10569,26 +10593,26 @@ function Datatable({
10569
10593
  return m;
10570
10594
  });
10571
10595
  const aggOf = (c) => aggConfig[c.field] || (typeof c.aggregation === "function" ? c.aggregation : null);
10572
- const [pivotConfig, setPivotConfig] = React54__namespace.default.useState(() => ({
10596
+ const [pivotConfig, setPivotConfig] = React55__namespace.default.useState(() => ({
10573
10597
  rows: pivot && pivot.rows || [],
10574
10598
  columns: pivot && pivot.columns || [],
10575
10599
  values: pivot && pivot.values || []
10576
10600
  }));
10577
10601
  const pivotActive = pivotOn && pivotConfig.rows.length > 0 && pivotConfig.values.length > 0;
10578
- React54__namespace.default.useEffect(() => {
10602
+ React55__namespace.default.useEffect(() => {
10579
10603
  setOrder((prev) => mergeColOrder(prev, columns.map((c) => c.field).filter(Boolean)));
10580
10604
  }, [columns]);
10581
- const densityPropRef = React54__namespace.default.useRef(densityProp);
10582
- React54__namespace.default.useEffect(() => {
10605
+ const densityPropRef = React55__namespace.default.useRef(densityProp);
10606
+ React55__namespace.default.useEffect(() => {
10583
10607
  if (densityPropRef.current === densityProp) return;
10584
10608
  densityPropRef.current = densityProp;
10585
10609
  setDensity(densityProp);
10586
10610
  }, [densityProp]);
10587
- React54__namespace.default.useEffect(() => {
10611
+ React55__namespace.default.useEffect(() => {
10588
10612
  setAggOn(showAggregation);
10589
10613
  }, [showAggregation]);
10590
- const pageSizePropRef = React54__namespace.default.useRef(pageSize);
10591
- React54__namespace.default.useEffect(() => {
10614
+ const pageSizePropRef = React55__namespace.default.useRef(pageSize);
10615
+ React55__namespace.default.useEffect(() => {
10592
10616
  if (pageSizePropRef.current === pageSize) return;
10593
10617
  pageSizePropRef.current = pageSize;
10594
10618
  if (pageSizeControlled) return;
@@ -10596,8 +10620,8 @@ function Datatable({
10596
10620
  setInternalPage(0);
10597
10621
  }, [pageSize]);
10598
10622
  const rowGroupingKey = (rowGrouping || []).join("\0");
10599
- const rowGroupingKeyRef = React54__namespace.default.useRef(rowGroupingKey);
10600
- React54__namespace.default.useEffect(() => {
10623
+ const rowGroupingKeyRef = React55__namespace.default.useRef(rowGroupingKey);
10624
+ React55__namespace.default.useEffect(() => {
10601
10625
  if (rowGroupingKeyRef.current === rowGroupingKey) return;
10602
10626
  rowGroupingKeyRef.current = rowGroupingKey;
10603
10627
  setGroupBy(rowGrouping || []);
@@ -10615,29 +10639,29 @@ function Datatable({
10615
10639
  };
10616
10640
  const intrinsicWidth = (c) => c.width === "auto" ? autoWidth(c) : typeof c.width === "number" ? c.width : 160;
10617
10641
  const widthOf = (c) => clampWidth(widths[c.field] ?? intrinsicWidth(c), c);
10618
- const [colMenu, setColMenu] = React54__namespace.default.useState(null);
10642
+ const [colMenu, setColMenu] = React55__namespace.default.useState(null);
10619
10643
  const [menuPos, openMenu, closeMenu] = useFloating();
10620
- const [panel, setPanel] = React54__namespace.default.useState(null);
10644
+ const [panel, setPanel] = React55__namespace.default.useState(null);
10621
10645
  const [panelPos, openPanel, closePanel] = useFloating();
10622
- const [combineTarget, setCombineTarget] = React54__namespace.default.useState(null);
10623
- const [combineDraft, setCombineDraft] = React54__namespace.default.useState(null);
10624
- const combinePanelRef = React54__namespace.default.useRef(null);
10625
- React54__namespace.default.useEffect(() => {
10646
+ const [combineTarget, setCombineTarget] = React55__namespace.default.useState(null);
10647
+ const [combineDraft, setCombineDraft] = React55__namespace.default.useState(null);
10648
+ const combinePanelRef = React55__namespace.default.useRef(null);
10649
+ React55__namespace.default.useEffect(() => {
10626
10650
  if (panel === "combine" && combinePanelRef.current) {
10627
10651
  const el = combinePanelRef.current.querySelector('[role="switch"], button, [tabindex]');
10628
10652
  (el || combinePanelRef.current).focus?.();
10629
10653
  }
10630
10654
  }, [panel]);
10631
- const [rowMenu, setRowMenu] = React54__namespace.default.useState(null);
10655
+ const [rowMenu, setRowMenu] = React55__namespace.default.useState(null);
10632
10656
  const [rowMenuPos, openRowMenu, closeRowMenu] = useFloating();
10633
- const [exportOpen, setExportOpen] = React54__namespace.default.useState(false);
10657
+ const [exportOpen, setExportOpen] = React55__namespace.default.useState(false);
10634
10658
  const [exportPos, openExport, closeExport] = useFloating();
10635
- const menuTriggerRef = React54__namespace.default.useRef(null);
10636
- const colMenuRef = React54__namespace.default.useRef(null);
10637
- const rowMenuRef = React54__namespace.default.useRef(null);
10638
- const exportMenuRef = React54__namespace.default.useRef(null);
10639
- const quickSearchRef = React54__namespace.default.useRef(null);
10640
- const colSearchRef = React54__namespace.default.useRef(null);
10659
+ const menuTriggerRef = React55__namespace.default.useRef(null);
10660
+ const colMenuRef = React55__namespace.default.useRef(null);
10661
+ const rowMenuRef = React55__namespace.default.useRef(null);
10662
+ const exportMenuRef = React55__namespace.default.useRef(null);
10663
+ const quickSearchRef = React55__namespace.default.useRef(null);
10664
+ const colSearchRef = React55__namespace.default.useRef(null);
10641
10665
  function focusFirstItem(container) {
10642
10666
  if (!container) return;
10643
10667
  const first = container.querySelector('[role="menuitem"]:not([disabled])');
@@ -10676,16 +10700,16 @@ function Datatable({
10676
10700
  restoreTriggerFocus();
10677
10701
  }
10678
10702
  }
10679
- React54__namespace.default.useEffect(() => {
10703
+ React55__namespace.default.useEffect(() => {
10680
10704
  if (colMenu) focusFirstItem(colMenuRef.current);
10681
10705
  }, [colMenu]);
10682
- React54__namespace.default.useEffect(() => {
10706
+ React55__namespace.default.useEffect(() => {
10683
10707
  if (rowMenu) focusFirstItem(rowMenuRef.current);
10684
10708
  }, [rowMenu]);
10685
- React54__namespace.default.useEffect(() => {
10709
+ React55__namespace.default.useEffect(() => {
10686
10710
  if (exportOpen) focusFirstItem(exportMenuRef.current);
10687
10711
  }, [exportOpen]);
10688
- React54__namespace.default.useEffect(() => {
10712
+ React55__namespace.default.useEffect(() => {
10689
10713
  if (!colMenu && !panel && !rowMenu) return;
10690
10714
  const closeAll = () => {
10691
10715
  setColMenu(null);
@@ -10708,7 +10732,7 @@ function Datatable({
10708
10732
  document.removeEventListener("keydown", onKey);
10709
10733
  };
10710
10734
  }, [colMenu, panel, rowMenu]);
10711
- React54__namespace.default.useEffect(() => {
10735
+ React55__namespace.default.useEffect(() => {
10712
10736
  if (!exportOpen) return;
10713
10737
  const close = () => {
10714
10738
  setExportOpen(false);
@@ -10727,37 +10751,37 @@ function Datatable({
10727
10751
  document.removeEventListener("keydown", onKey);
10728
10752
  };
10729
10753
  }, [exportOpen]);
10730
- const colByField = React54__namespace.default.useMemo(() => Object.fromEntries(cols.map((c) => [c.field, c])), [cols]);
10754
+ const colByField = React55__namespace.default.useMemo(() => Object.fromEntries(cols.map((c) => [c.field, c])), [cols]);
10731
10755
  const fieldLabel = (f) => colLabel(colByField[f] || { field: f });
10732
- const combineSources = React54__namespace.default.useMemo(() => {
10756
+ const combineSources = React55__namespace.default.useMemo(() => {
10733
10757
  const s = /* @__PURE__ */ new Set();
10734
10758
  for (const cfg of Object.values(userCombine)) (cfg && cfg.fields ? cfg.fields : []).slice(1).forEach((f) => s.add(f));
10735
10759
  return s;
10736
10760
  }, [userCombine]);
10737
- const stackCombineTargets = React54__namespace.default.useMemo(
10761
+ const stackCombineTargets = React55__namespace.default.useMemo(
10738
10762
  () => new Set(cols.filter((c) => {
10739
10763
  const cfg = combineCfg(userCombine[c.field] || c.combine);
10740
10764
  return cfg && cfg.layout === "stack";
10741
10765
  }).map((c) => c.field)),
10742
10766
  [cols, userCombine]
10743
10767
  );
10744
- const effectiveHidden = React54__namespace.default.useMemo(() => combineSources.size ? /* @__PURE__ */ new Set([...hidden, ...combineSources]) : hidden, [hidden, combineSources]);
10745
- const effectiveWrapped = React54__namespace.default.useMemo(() => stackCombineTargets.size ? /* @__PURE__ */ new Set([...wrapped, ...stackCombineTargets]) : wrapped, [wrapped, stackCombineTargets]);
10746
- const visibleCols = React54__namespace.default.useMemo(() => cols.filter((c) => !effectiveHidden.has(c.field)), [cols, effectiveHidden]);
10768
+ const effectiveHidden = React55__namespace.default.useMemo(() => combineSources.size ? /* @__PURE__ */ new Set([...hidden, ...combineSources]) : hidden, [hidden, combineSources]);
10769
+ const effectiveWrapped = React55__namespace.default.useMemo(() => stackCombineTargets.size ? /* @__PURE__ */ new Set([...wrapped, ...stackCombineTargets]) : wrapped, [wrapped, stackCombineTargets]);
10770
+ const visibleCols = React55__namespace.default.useMemo(() => cols.filter((c) => !effectiveHidden.has(c.field)), [cols, effectiveHidden]);
10747
10771
  const colFieldsKey = JSON.stringify(
10748
10772
  cols.filter((c) => typeof c.field === "string" && c.type !== "actions").map((c) => c.field)
10749
10773
  );
10750
- const colFields = React54__namespace.default.useMemo(() => JSON.parse(colFieldsKey), [colFieldsKey]);
10774
+ const colFields = React55__namespace.default.useMemo(() => JSON.parse(colFieldsKey), [colFieldsKey]);
10751
10775
  const hiddenKey = JSON.stringify([...hidden].filter((f) => typeof f === "string").sort());
10752
- const visibleColumns = React54__namespace.default.useMemo(() => {
10776
+ const visibleColumns = React55__namespace.default.useMemo(() => {
10753
10777
  const h = new Set(JSON.parse(hiddenKey));
10754
10778
  return colFields.filter((f) => !h.has(f));
10755
10779
  }, [colFields, hiddenKey]);
10756
- const hiddenColumns = React54__namespace.default.useMemo(() => {
10780
+ const hiddenColumns = React55__namespace.default.useMemo(() => {
10757
10781
  const h = new Set(JSON.parse(hiddenKey));
10758
10782
  return colFields.filter((f) => h.has(f));
10759
10783
  }, [colFields, hiddenKey]);
10760
- const ordered = React54__namespace.default.useMemo(() => {
10784
+ const ordered = React55__namespace.default.useMemo(() => {
10761
10785
  const orderIdx = (f) => {
10762
10786
  const i = order.indexOf(f);
10763
10787
  return i === -1 ? 9999 : i;
@@ -10776,8 +10800,8 @@ function Datatable({
10776
10800
  const EXP_W = hasExpandCol ? 44 : 0;
10777
10801
  const numLeft = EXP_W + CHK_W;
10778
10802
  const leadW = numLeft + (showRowNum ? NUM_W : 0);
10779
- const visLeft = React54__namespace.default.useMemo(() => pins.left.filter((f) => colByField[f] && !effectiveHidden.has(f)), [pins.left, colByField, effectiveHidden]);
10780
- const visRight = React54__namespace.default.useMemo(() => pins.right.filter((f) => colByField[f] && !effectiveHidden.has(f)), [pins.right, colByField, effectiveHidden]);
10803
+ const visLeft = React55__namespace.default.useMemo(() => pins.left.filter((f) => colByField[f] && !effectiveHidden.has(f)), [pins.left, colByField, effectiveHidden]);
10804
+ const visRight = React55__namespace.default.useMemo(() => pins.right.filter((f) => colByField[f] && !effectiveHidden.has(f)), [pins.right, colByField, effectiveHidden]);
10781
10805
  const stickyOf = (field) => {
10782
10806
  if (visLeft.includes(field)) {
10783
10807
  let off = leadW;
@@ -10800,7 +10824,7 @@ function Datatable({
10800
10824
  }
10801
10825
  return {};
10802
10826
  };
10803
- const processed = React54__namespace.default.useMemo(() => {
10827
+ const processed = React55__namespace.default.useMemo(() => {
10804
10828
  if (serverMode) {
10805
10829
  if (rowOrder) {
10806
10830
  const idx = new Map(rowOrder.map((k, i) => [k, i]));
@@ -10842,14 +10866,14 @@ function Datatable({
10842
10866
  const serverTotal = rowCount == null ? processed.length : rowCount;
10843
10867
  const totalRows = serverMode ? serverTotal : processed.length;
10844
10868
  const totalPages = paginated ? Math.max(1, Math.ceil(totalRows / sizeVal)) : 1;
10845
- const paged = React54__namespace.default.useMemo(
10869
+ const paged = React55__namespace.default.useMemo(
10846
10870
  () => !paginated || serverMode ? processed : processed.slice(pageVal * sizeVal, pageVal * sizeVal + sizeVal),
10847
10871
  [processed, paginated, serverMode, pageVal, sizeVal]
10848
10872
  );
10849
- React54__namespace.default.useEffect(() => {
10873
+ React55__namespace.default.useEffect(() => {
10850
10874
  if (pageVal > totalPages - 1) commitPage(0);
10851
10875
  }, [totalPages]);
10852
- const treeRows = React54__namespace.default.useMemo(() => {
10876
+ const treeRows = React55__namespace.default.useMemo(() => {
10853
10877
  if (serverMode || typeof getSubRows !== "function") return null;
10854
10878
  const out = [];
10855
10879
  const seen2 = /* @__PURE__ */ new Set();
@@ -10863,12 +10887,12 @@ function Datatable({
10863
10887
  for (const r2 of paged) walk(r2, 0);
10864
10888
  return out;
10865
10889
  }, [serverMode, getSubRows, paged, expandedSet, keyOf]);
10866
- const depthByKey = React54__namespace.default.useMemo(() => {
10890
+ const depthByKey = React55__namespace.default.useMemo(() => {
10867
10891
  const m = /* @__PURE__ */ new Map();
10868
10892
  if (treeRows) for (const t of treeRows) m.set(keyOf(t.row), t.depth);
10869
10893
  return m;
10870
10894
  }, [treeRows, keyOf]);
10871
- const treeSeqByKey = React54__namespace.default.useMemo(() => {
10895
+ const treeSeqByKey = React55__namespace.default.useMemo(() => {
10872
10896
  if (!treeRows) return null;
10873
10897
  const m = /* @__PURE__ */ new Map();
10874
10898
  const seen2 = /* @__PURE__ */ new Set();
@@ -10883,7 +10907,7 @@ function Datatable({
10883
10907
  for (const r2 of processed) walk(r2);
10884
10908
  return m;
10885
10909
  }, [treeRows, processed, expandedSet, getSubRows, keyOf]);
10886
- const activeGroupBy = React54__namespace.default.useMemo(() => groupBy.filter((f) => colByField[f]), [groupBy, colByField]);
10910
+ const activeGroupBy = React55__namespace.default.useMemo(() => groupBy.filter((f) => colByField[f]), [groupBy, colByField]);
10887
10911
  function subtotalText(rowsIn) {
10888
10912
  const parts = [];
10889
10913
  for (const c of ordered) {
@@ -10910,7 +10934,7 @@ function Datatable({
10910
10934
  if (agg === "max") return Math.max(...nums);
10911
10935
  return null;
10912
10936
  }
10913
- const displayItems = React54__namespace.default.useMemo(() => {
10937
+ const displayItems = React55__namespace.default.useMemo(() => {
10914
10938
  if (!activeGroupBy.length) return null;
10915
10939
  const build = (rowsIn, depth, prefix) => {
10916
10940
  if (depth >= activeGroupBy.length) return rowsIn.map((row) => ({ kind: "leaf", row }));
@@ -10933,7 +10957,7 @@ function Datatable({
10933
10957
  };
10934
10958
  return build(paged, 0, "");
10935
10959
  }, [activeGroupBy, collapsedSet, paged, ordered, aggOn]);
10936
- const leafRows = React54__namespace.default.useMemo(
10960
+ const leafRows = React55__namespace.default.useMemo(
10937
10961
  () => displayItems ? displayItems.filter((i) => i.kind === "leaf").map((i) => i.row) : treeRows ? treeRows.map((t) => t.row) : paged,
10938
10962
  [displayItems, treeRows, paged]
10939
10963
  );
@@ -10963,7 +10987,7 @@ function Datatable({
10963
10987
  return { top, bottom };
10964
10988
  });
10965
10989
  }
10966
- React54__namespace.default.useEffect(() => {
10990
+ React55__namespace.default.useEffect(() => {
10967
10991
  if (!rowPinning) return;
10968
10992
  const measure = () => {
10969
10993
  if (theadRef.current) setHeadH(theadRef.current.offsetHeight || 41);
@@ -10977,18 +11001,18 @@ function Datatable({
10977
11001
  const pinnedTopRows = canPinRows ? pinnedRows.top.map((k) => leafRows.find((r2, i) => keyOf(r2, i) === k)).filter(Boolean) : [];
10978
11002
  const pinnedBottomRows = canPinRows ? pinnedRows.bottom.map((k) => leafRows.find((r2, i) => keyOf(r2, i) === k)).filter(Boolean) : [];
10979
11003
  const middleRows = canPinRows ? leafRows.filter((r2, i) => !pinSideOf(keyOf(r2, i))) : leafRows;
10980
- const keyIndex = React54__namespace.default.useMemo(() => {
11004
+ const keyIndex = React55__namespace.default.useMemo(() => {
10981
11005
  const m = /* @__PURE__ */ new Map();
10982
11006
  leafRows.forEach((r2, i) => m.set(keyOf(r2, i), i));
10983
11007
  return m;
10984
11008
  }, [leafRows]);
10985
- const keyIndexMid = React54__namespace.default.useMemo(() => {
11009
+ const keyIndexMid = React55__namespace.default.useMemo(() => {
10986
11010
  const m = /* @__PURE__ */ new Map();
10987
11011
  middleRows.forEach((r2, i) => m.set(keyOf(r2, keyIndex.get(keyOf(r2)) ?? i), i));
10988
11012
  return m;
10989
11013
  }, [middleRows, keyIndex]);
10990
- const cellColIndex = React54__namespace.default.useCallback((field) => ordered.findIndex((c) => c.field === field), [ordered]);
10991
- const cellRect = React54__namespace.default.useMemo(() => {
11014
+ const cellColIndex = React55__namespace.default.useCallback((field) => ordered.findIndex((c) => c.field === field), [ordered]);
11015
+ const cellRect = React55__namespace.default.useMemo(() => {
10992
11016
  if (selectionMode !== "cell" || !activeCellVal) return null;
10993
11017
  const ar = keyIndex.get(activeCellVal.key), ac = cellColIndex(activeCellVal.field);
10994
11018
  if (ar == null || ac < 0) return null;
@@ -10998,15 +11022,15 @@ function Datatable({
10998
11022
  const c0 = nc < 0 ? ac : Math.min(ac, nc), c1 = nc < 0 ? ac : Math.max(ac, nc);
10999
11023
  return { r0, r1, c0, c1 };
11000
11024
  }, [selectionMode, activeCellVal, anchorCell, keyIndex, cellColIndex]);
11001
- const activeCellId = React54__namespace.default.useMemo(() => {
11025
+ const activeCellId = React55__namespace.default.useMemo(() => {
11002
11026
  if (selectionMode !== "cell" || !activeCellVal) return void 0;
11003
11027
  const ar = keyIndex.get(activeCellVal.key), ac = cellColIndex(activeCellVal.field);
11004
11028
  return ar == null || ac < 0 ? void 0 : `${gridId}-${ar}-${ac}`;
11005
11029
  }, [selectionMode, activeCellVal, keyIndex, cellColIndex, gridId]);
11006
- const onCellSelRef = React54__namespace.default.useRef(onCellSelectionChange);
11030
+ const onCellSelRef = React55__namespace.default.useRef(onCellSelectionChange);
11007
11031
  onCellSelRef.current = onCellSelectionChange;
11008
- const prevSelSigRef = React54__namespace.default.useRef("");
11009
- React54__namespace.default.useEffect(() => {
11032
+ const prevSelSigRef = React55__namespace.default.useRef("");
11033
+ React55__namespace.default.useEffect(() => {
11010
11034
  const cb = onCellSelRef.current;
11011
11035
  if (selectionMode !== "cell" || !cb) return;
11012
11036
  const cells = [];
@@ -11099,7 +11123,7 @@ function Datatable({
11099
11123
  setReorderMsg("Reorder cancelled.");
11100
11124
  }
11101
11125
  }
11102
- React54__namespace.default.useEffect(() => {
11126
+ React55__namespace.default.useEffect(() => {
11103
11127
  if (rowFocusRef.current == null) return;
11104
11128
  const key = rowFocusRef.current;
11105
11129
  rowFocusRef.current = null;
@@ -11111,7 +11135,7 @@ function Datatable({
11111
11135
  });
11112
11136
  const estRowH = rowHeight ?? (density === "compact" ? 36 : density === "comfortable" ? 56 : 44);
11113
11137
  const virtualizing = virtualized && !paginated && !activeGroupBy.length && !loading;
11114
- React54__namespace.default.useEffect(() => {
11138
+ React55__namespace.default.useEffect(() => {
11115
11139
  if (!virtualizing) return;
11116
11140
  const el = scrollRef.current;
11117
11141
  if (!el) return;
@@ -11121,13 +11145,13 @@ function Datatable({
11121
11145
  if (ro) ro.observe(el);
11122
11146
  return () => ro && ro.disconnect();
11123
11147
  }, [virtualizing, height]);
11124
- const onScrollVirtual = React54__namespace.default.useCallback((e) => {
11148
+ const onScrollVirtual = React55__namespace.default.useCallback((e) => {
11125
11149
  setScrollTop(e.currentTarget.scrollTop);
11126
11150
  }, []);
11127
11151
  const vh = viewportH || (typeof height === "number" ? height : 440);
11128
- const rowHRef = React54__namespace.default.useRef(/* @__PURE__ */ new Map());
11129
- const [measureTick, setMeasureTick] = React54__namespace.default.useState(0);
11130
- const offsets = React54__namespace.default.useMemo(() => {
11152
+ const rowHRef = React55__namespace.default.useRef(/* @__PURE__ */ new Map());
11153
+ const [measureTick, setMeasureTick] = React55__namespace.default.useState(0);
11154
+ const offsets = React55__namespace.default.useMemo(() => {
11131
11155
  if (!virtualizing) return null;
11132
11156
  const total = middleRows.length;
11133
11157
  const arr = new Float64Array(total + 1);
@@ -11137,7 +11161,7 @@ function Datatable({
11137
11161
  }
11138
11162
  return arr;
11139
11163
  }, [virtualizing, middleRows, estRowH, measureTick]);
11140
- const vWindow = React54__namespace.default.useMemo(() => {
11164
+ const vWindow = React55__namespace.default.useMemo(() => {
11141
11165
  if (!virtualizing || !offsets) return null;
11142
11166
  const total = middleRows.length;
11143
11167
  const totalH = offsets[total];
@@ -11166,7 +11190,7 @@ function Datatable({
11166
11190
  if (start > end) start = end;
11167
11191
  return { start, end, padTop: offsets[start], padBottom: Math.max(0, totalH - offsets[end]) };
11168
11192
  }, [virtualizing, offsets, middleRows.length, vh, scrollTop, overscan]);
11169
- React54__namespace.default.useLayoutEffect(() => {
11193
+ React55__namespace.default.useLayoutEffect(() => {
11170
11194
  if (!virtualizing) return;
11171
11195
  const el = scrollRef.current;
11172
11196
  if (!el) return;
@@ -11181,9 +11205,9 @@ function Datatable({
11181
11205
  }
11182
11206
  if (changed) setMeasureTick((t) => t + 1);
11183
11207
  });
11184
- const onServerChangeRef = React54__namespace.default.useRef(onServerChange);
11208
+ const onServerChangeRef = React55__namespace.default.useRef(onServerChange);
11185
11209
  onServerChangeRef.current = onServerChange;
11186
- React54__namespace.default.useEffect(() => {
11210
+ React55__namespace.default.useEffect(() => {
11187
11211
  if (!serverMode) return;
11188
11212
  const t = setTimeout(() => {
11189
11213
  onServerChangeRef.current?.({
@@ -11203,10 +11227,10 @@ function Datatable({
11203
11227
  }, 250);
11204
11228
  return () => clearTimeout(t);
11205
11229
  }, [serverMode, pageVal, sizeVal, sort, filters, filterLogic, quick, visibleColumns, hiddenColumns, treeExpandedKey]);
11206
- const onColVisRef = React54__namespace.default.useRef(onColumnVisibilityChange);
11230
+ const onColVisRef = React55__namespace.default.useRef(onColumnVisibilityChange);
11207
11231
  onColVisRef.current = onColumnVisibilityChange;
11208
- const lastVisibleKey = React54__namespace.default.useRef(null);
11209
- React54__namespace.default.useEffect(() => {
11232
+ const lastVisibleKey = React55__namespace.default.useRef(null);
11233
+ React55__namespace.default.useEffect(() => {
11210
11234
  const key = JSON.stringify(visibleColumns);
11211
11235
  if (lastVisibleKey.current === null) {
11212
11236
  lastVisibleKey.current = key;
@@ -11238,7 +11262,7 @@ function Datatable({
11238
11262
  return n;
11239
11263
  });
11240
11264
  }
11241
- const movableMidFields = React54__namespace.default.useMemo(
11265
+ const movableMidFields = React55__namespace.default.useMemo(
11242
11266
  () => ordered.filter((c) => !pins.left.includes(c.field) && !pins.right.includes(c.field) && c.reorderable !== false).map((c) => c.field),
11243
11267
  [ordered, pins]
11244
11268
  );
@@ -11273,7 +11297,7 @@ function Datatable({
11273
11297
  }
11274
11298
  return [...seen2.values()].sort((a, b) => String(a.label).localeCompare(String(b.label)));
11275
11299
  }
11276
- const [resizing, setResizing] = React54__namespace.default.useState(false);
11300
+ const [resizing, setResizing] = React55__namespace.default.useState(false);
11277
11301
  function startResize(e, field) {
11278
11302
  e.preventDefault();
11279
11303
  e.stopPropagation();
@@ -11380,7 +11404,7 @@ function Datatable({
11380
11404
  if (!agg) return null;
11381
11405
  if (aggregationValues && col.field in aggregationValues) {
11382
11406
  const pre = aggregationValues[col.field];
11383
- if (pre && typeof pre === "object" && !React54__namespace.default.isValidElement(pre)) {
11407
+ if (pre && typeof pre === "object" && !React55__namespace.default.isValidElement(pre)) {
11384
11408
  if (typeof agg === "string" && agg in pre) return pre[agg];
11385
11409
  } else {
11386
11410
  return pre;
@@ -11585,10 +11609,10 @@ function Datatable({
11585
11609
  }
11586
11610
  }
11587
11611
  }
11588
- React54__namespace.default.useEffect(() => {
11612
+ React55__namespace.default.useEffect(() => {
11589
11613
  setFocus((f) => ({ r: Math.min(f.r, Math.max(0, leafRows.length - 1)), c: Math.min(f.c, Math.max(0, ordered.length - 1)) }));
11590
11614
  }, [leafRows.length, ordered.length, pageVal]);
11591
- React54__namespace.default.useLayoutEffect(() => {
11615
+ React55__namespace.default.useLayoutEffect(() => {
11592
11616
  if (cellNavigation !== "widget") return;
11593
11617
  const grid = gridRef.current;
11594
11618
  if (!grid) return;
@@ -11603,12 +11627,12 @@ function Datatable({
11603
11627
  td.tabIndex = active && ws.length === 0 ? 0 : -1;
11604
11628
  });
11605
11629
  }, [cellNavigation, focus.r, focus.c, leafRows, ordered, pageVal, interacting, hidden, pins, scrollTop, loading, measureTick, viewportH, pinnedRows]);
11606
- const selectedRows = React54__namespace.default.useMemo(() => rows.filter((r2, i) => selected.has(keyOf(r2, i))), [rows, selected]);
11607
- const selKeys = React54__namespace.default.useMemo(() => [...selected], [selected]);
11608
- const onRowSelRef = React54__namespace.default.useRef(onRowSelectionChange);
11630
+ const selectedRows = React55__namespace.default.useMemo(() => rows.filter((r2, i) => selected.has(keyOf(r2, i))), [rows, selected]);
11631
+ const selKeys = React55__namespace.default.useMemo(() => [...selected], [selected]);
11632
+ const onRowSelRef = React55__namespace.default.useRef(onRowSelectionChange);
11609
11633
  onRowSelRef.current = onRowSelectionChange;
11610
- const prevRowSelSigRef = React54__namespace.default.useRef("");
11611
- React54__namespace.default.useEffect(() => {
11634
+ const prevRowSelSigRef = React55__namespace.default.useRef("");
11635
+ React55__namespace.default.useEffect(() => {
11612
11636
  const cb = onRowSelRef.current;
11613
11637
  if (!cb) return;
11614
11638
  const sig = selKeys.join(",");
@@ -11617,7 +11641,7 @@ function Datatable({
11617
11641
  cb(selKeys, selectedRows);
11618
11642
  }, [selKeys, selectedRows]);
11619
11643
  const revealRowRi = activeRowVal != null ? keyIndex.get(activeRowVal) : void 0;
11620
- React54__namespace.default.useEffect(() => {
11644
+ React55__namespace.default.useEffect(() => {
11621
11645
  if (!activeRowControlled || !scrollActiveRowIntoView || activeRowId == null) return;
11622
11646
  const el = gridRef.current && gridRef.current.querySelector('.twc-dt__row[data-active="true"]');
11623
11647
  if (el && el.scrollIntoView) el.scrollIntoView({ block: "nearest" });
@@ -11627,11 +11651,11 @@ function Datatable({
11627
11651
  const revealInline = scrollActiveCellIntoView && typeof scrollActiveCellIntoView === "object" && scrollActiveCellIntoView.inline === "center" ? "center" : "nearest";
11628
11652
  const revealRi = activeCellVal ? keyIndex.get(activeCellVal.key) : void 0;
11629
11653
  const revealCi = activeCellVal ? cellColIndex(activeCellVal.field) : -1;
11630
- const revealOffsetsRef = React54__namespace.default.useRef(offsets);
11654
+ const revealOffsetsRef = React55__namespace.default.useRef(offsets);
11631
11655
  revealOffsetsRef.current = offsets;
11632
- const revealMidRef = React54__namespace.default.useRef(keyIndexMid);
11656
+ const revealMidRef = React55__namespace.default.useRef(keyIndexMid);
11633
11657
  revealMidRef.current = keyIndexMid;
11634
- React54__namespace.default.useEffect(() => {
11658
+ React55__namespace.default.useEffect(() => {
11635
11659
  if (!revealOn || !activeCellVal) return void 0;
11636
11660
  const block = revealBlock, inline = revealInline;
11637
11661
  const ri = revealRi, ci = revealCi;
@@ -11677,7 +11701,7 @@ function Datatable({
11677
11701
  if (raf) cancelAnimationFrame(raf);
11678
11702
  };
11679
11703
  }, [activeCellVal?.key, activeCellVal?.field, revealOn, revealBlock, revealInline, revealRi, revealCi, virtualizing, headH, loading]);
11680
- React54__namespace.default.useEffect(() => {
11704
+ React55__namespace.default.useEffect(() => {
11681
11705
  if (!activeCellControlled || !activeCellVal) {
11682
11706
  jumpAppliedRef.current = null;
11683
11707
  return;
@@ -11695,11 +11719,11 @@ function Datatable({
11695
11719
  function clearSelection() {
11696
11720
  setSelected(/* @__PURE__ */ new Set());
11697
11721
  }
11698
- const [editing, setEditing] = React54__namespace.default.useState(null);
11699
- const stagedEditRef = React54__namespace.default.useRef(null);
11700
- const onEditingChangeRef = React54__namespace.default.useRef(onEditingChange);
11722
+ const [editing, setEditing] = React55__namespace.default.useState(null);
11723
+ const stagedEditRef = React55__namespace.default.useRef(null);
11724
+ const onEditingChangeRef = React55__namespace.default.useRef(onEditingChange);
11701
11725
  onEditingChangeRef.current = onEditingChange;
11702
- const editStoppedRef = React54__namespace.default.useRef(false);
11726
+ const editStoppedRef = React55__namespace.default.useRef(false);
11703
11727
  const isColEditable = (c) => c.type !== "actions" && c.editable !== false && (c.editable === true || typeof c.editable === "function" || c.renderEditCell != null || editMode);
11704
11728
  const isCellEditable = (c, row) => isColEditable(c) && (typeof c.editable !== "function" || !!c.editable(row, { field: c.field }));
11705
11729
  function applyRowUpdate(rowKey2, updated, orig, field) {
@@ -11760,7 +11784,7 @@ function Datatable({
11760
11784
  }
11761
11785
  }
11762
11786
  const batchEditKey = batchEditFields ? batchEditFields.join("\0") : "";
11763
- const batchEditableCols = React54__namespace.default.useMemo(
11787
+ const batchEditableCols = React55__namespace.default.useMemo(
11764
11788
  () => {
11765
11789
  const base = cols.filter((c) => c.type !== "actions" && (c.editable ?? (editMode && c.editable !== false)));
11766
11790
  return batchEditFields ? base.filter((c) => batchEditFields.includes(c.field)) : base;
@@ -11768,7 +11792,7 @@ function Datatable({
11768
11792
  [cols, editMode, batchEditKey]
11769
11793
  // eslint-disable-line react-hooks/exhaustive-deps
11770
11794
  );
11771
- const batchSel = React54__namespace.default.useMemo(() => {
11795
+ const batchSel = React55__namespace.default.useMemo(() => {
11772
11796
  if (!selected.size) return EMPTY_BATCH_SEL;
11773
11797
  const testable = [], resolved = /* @__PURE__ */ new Set();
11774
11798
  const take = (r2, i) => {
@@ -11789,18 +11813,18 @@ function Datatable({
11789
11813
  }
11790
11814
  return { testable, hasUntestable };
11791
11815
  }, [rows, leafRows, selected, serverMode]);
11792
- const batchEditableColsSel = React54__namespace.default.useMemo(
11816
+ const batchEditableColsSel = React55__namespace.default.useMemo(
11793
11817
  () => batchEditableCols.filter((c) => typeof c.editable !== "function" || batchSel.hasUntestable || batchSel.testable.some((r2) => c.editable(r2, { field: c.field }))),
11794
11818
  [batchEditableCols, batchSel]
11795
11819
  );
11796
11820
  const hasBatchEditor = showBatchEdit && batchEditableCols.length > 0;
11797
- const [batchEdit, setBatchEdit] = React54__namespace.default.useState(null);
11821
+ const [batchEdit, setBatchEdit] = React55__namespace.default.useState(null);
11798
11822
  const [batchEditPos, openBatchEdit, closeBatchEdit] = useFloating();
11799
11823
  function openBatchEditor(el) {
11800
11824
  setBatchEdit({ fields: {}, values: {} });
11801
11825
  openBatchEdit(el, "left", 320);
11802
11826
  }
11803
- React54__namespace.default.useEffect(() => {
11827
+ React55__namespace.default.useEffect(() => {
11804
11828
  if (!batchEdit) return;
11805
11829
  const close = () => {
11806
11830
  setBatchEdit(null);
@@ -11819,7 +11843,7 @@ function Datatable({
11819
11843
  document.removeEventListener("keydown", onKey);
11820
11844
  };
11821
11845
  }, [batchEdit]);
11822
- React54__namespace.default.useEffect(() => {
11846
+ React55__namespace.default.useEffect(() => {
11823
11847
  if (batchEdit && selected.size === 0) {
11824
11848
  setBatchEdit(null);
11825
11849
  closeBatchEdit();
@@ -11889,17 +11913,17 @@ function Datatable({
11889
11913
  setBatchEdit(null);
11890
11914
  closeBatchEdit();
11891
11915
  }
11892
- const [clipboardMsg, setClipboardMsg] = React54__namespace.default.useState("");
11893
- const clipboardRef = React54__namespace.default.useRef(null);
11894
- const [clipFx, setClipFx] = React54__namespace.default.useState(null);
11895
- const clipFxTimer = React54__namespace.default.useRef(null);
11896
- const onCellsCopyRef = React54__namespace.default.useRef(onCellsCopy);
11916
+ const [clipboardMsg, setClipboardMsg] = React55__namespace.default.useState("");
11917
+ const clipboardRef = React55__namespace.default.useRef(null);
11918
+ const [clipFx, setClipFx] = React55__namespace.default.useState(null);
11919
+ const clipFxTimer = React55__namespace.default.useRef(null);
11920
+ const onCellsCopyRef = React55__namespace.default.useRef(onCellsCopy);
11897
11921
  onCellsCopyRef.current = onCellsCopy;
11898
- const onCellsPasteRef = React54__namespace.default.useRef(onCellsPaste);
11922
+ const onCellsPasteRef = React55__namespace.default.useRef(onCellsPaste);
11899
11923
  onCellsPasteRef.current = onCellsPaste;
11900
- const onCellsCommitRef = React54__namespace.default.useRef(onCellsCommit);
11924
+ const onCellsCommitRef = React55__namespace.default.useRef(onCellsCommit);
11901
11925
  onCellsCommitRef.current = onCellsCommit;
11902
- React54__namespace.default.useEffect(() => () => {
11926
+ React55__namespace.default.useEffect(() => () => {
11903
11927
  if (clipFxTimer.current) clearTimeout(clipFxTimer.current);
11904
11928
  }, []);
11905
11929
  const announceClip = (msg, rect) => {
@@ -12068,7 +12092,7 @@ function Datatable({
12068
12092
  e.preventDefault();
12069
12093
  applyPastedText(text);
12070
12094
  };
12071
- React54__namespace.default.useEffect(() => {
12095
+ React55__namespace.default.useEffect(() => {
12072
12096
  if (!editing) return;
12073
12097
  const onDown = (e) => {
12074
12098
  if (e.target.closest(".twc-dt__editor-wrap") || e.target.closest(".twc-pop")) return;
@@ -12160,10 +12184,10 @@ function Datatable({
12160
12184
  ] });
12161
12185
  }
12162
12186
  const tableMinWidth = leadW + ordered.reduce((a, c) => a + widthOf(c), 0);
12163
- const filterableCols = React54__namespace.default.useMemo(() => cols.filter((c) => c.filterable), [cols]);
12187
+ const filterableCols = React55__namespace.default.useMemo(() => cols.filter((c) => c.filterable), [cols]);
12164
12188
  const columnsShown = showColumns !== void 0 ? showColumns : cols.some((c) => c.hideable) || rowNumbers;
12165
12189
  const filtersShown = showFilters !== void 0 ? showFilters : filterableCols.length > 0;
12166
- React54__namespace.default.useEffect(() => {
12190
+ React55__namespace.default.useEffect(() => {
12167
12191
  const el = filterPanelRef.current;
12168
12192
  if (panel !== "filters" || !el || typeof document === "undefined") return void 0;
12169
12193
  const measure = () => {
@@ -12625,7 +12649,7 @@ function Datatable({
12625
12649
  const reorderable = canReorderRows && !pinSide;
12626
12650
  const grabbed = rowGrab && rowGrab.key === k;
12627
12651
  const grabTarget = rowGrab && !grabbed && midIdx != null && rowGrab.index === midIdx ? rowGrab.index >= keyIndexMid.get(rowGrab.key) ? "after" : "before" : void 0;
12628
- return /* @__PURE__ */ jsxRuntime.jsxs(React54__namespace.default.Fragment, { children: [
12652
+ return /* @__PURE__ */ jsxRuntime.jsxs(React55__namespace.default.Fragment, { children: [
12629
12653
  /* @__PURE__ */ jsxRuntime.jsxs(
12630
12654
  "tr",
12631
12655
  {
@@ -14283,7 +14307,7 @@ function safeHref7(url) {
14283
14307
  const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
14284
14308
  return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
14285
14309
  }
14286
- var Grid = React54__namespace.default.forwardRef(function Grid2({
14310
+ var Grid = /* @__PURE__ */ React55__namespace.default.forwardRef(function Grid2({
14287
14311
  as: Tag2 = "div",
14288
14312
  columns,
14289
14313
  minChildWidth,
@@ -14303,7 +14327,7 @@ var Grid = React54__namespace.default.forwardRef(function Grid2({
14303
14327
  }, ref) {
14304
14328
  const { flatStyle, styleNode, sxAttr } = useSx(sx);
14305
14329
  const responsive = columns != null && typeof columns === "object";
14306
- const uid = React54__namespace.default.useId();
14330
+ const uid = React55__namespace.default.useId();
14307
14331
  const gridId = responsive ? `g${uid.replace(/[^a-zA-Z0-9]/g, "")}` : null;
14308
14332
  let css = "";
14309
14333
  if (responsive) {
@@ -14349,7 +14373,6 @@ var Grid = React54__namespace.default.forwardRef(function Grid2({
14349
14373
  }
14350
14374
  );
14351
14375
  });
14352
- Grid.displayName = "Grid";
14353
14376
  var CARDGRID_CSS = `
14354
14377
  .twc-cardgrid { font-family: var(--font-sans); display: flex; flex-direction: column; gap: var(--space-3); }
14355
14378
  .twc-cardgrid__label { font-size: var(--text-sm); font-weight: var(--font-semibold); color: var(--color-text); }
@@ -14460,15 +14483,15 @@ function CardGrid({
14460
14483
  ...rest
14461
14484
  }) {
14462
14485
  const styles = useScopedStyles("twc-cardgrid-styles", CARDGRID_CSS);
14463
- const autoId = React54__namespace.default.useId();
14486
+ const autoId = React55__namespace.default.useId();
14464
14487
  const fieldId = id || autoId;
14465
- const [internalPage, setInternalPage] = React54__namespace.default.useState(defaultPage);
14488
+ const [internalPage, setInternalPage] = React55__namespace.default.useState(defaultPage);
14466
14489
  const pageVal = page !== void 0 ? page : internalPage;
14467
14490
  const commitPage = (p) => {
14468
14491
  onPageChange?.(p);
14469
14492
  if (page === void 0) setInternalPage(p);
14470
14493
  };
14471
- const [internalSize, setInternalSize] = React54__namespace.default.useState(pageSize > 0 ? pageSize : 12);
14494
+ const [internalSize, setInternalSize] = React55__namespace.default.useState(pageSize > 0 ? pageSize : 12);
14472
14495
  const sizeControlled = onPageSizeChange !== void 0;
14473
14496
  const sizeVal = sizeControlled ? pageSize > 0 ? pageSize : 12 : internalSize;
14474
14497
  const commitSize = (n) => {
@@ -14476,17 +14499,17 @@ function CardGrid({
14476
14499
  if (!sizeControlled) setInternalSize(n);
14477
14500
  commitPage(0);
14478
14501
  };
14479
- React54__namespace.default.useEffect(() => {
14502
+ React55__namespace.default.useEffect(() => {
14480
14503
  if (!sizeControlled) setInternalSize(pageSize > 0 ? pageSize : 12);
14481
14504
  }, [pageSize]);
14482
- const [internalQuick, setInternalQuick] = React54__namespace.default.useState(defaultQuickFilter);
14505
+ const [internalQuick, setInternalQuick] = React55__namespace.default.useState(defaultQuickFilter);
14483
14506
  const quickVal = quickFilter !== void 0 ? quickFilter : internalQuick;
14484
14507
  const commitQuick = (q) => {
14485
14508
  onQuickFilterChange?.(q);
14486
14509
  if (quickFilter === void 0) setInternalQuick(q);
14487
14510
  commitPage(0);
14488
14511
  };
14489
- const [internalSort, setInternalSort] = React54__namespace.default.useState(defaultSort);
14512
+ const [internalSort, setInternalSort] = React55__namespace.default.useState(defaultSort);
14490
14513
  const sortVal = sort !== void 0 ? sort : internalSort;
14491
14514
  const commitSort = (s) => {
14492
14515
  onSortChange?.(s);
@@ -14494,8 +14517,8 @@ function CardGrid({
14494
14517
  commitPage(0);
14495
14518
  };
14496
14519
  const filtersKey = JSON.stringify(filters);
14497
- const mounted = React54__namespace.default.useRef(false);
14498
- React54__namespace.default.useEffect(() => {
14520
+ const mounted = React55__namespace.default.useRef(false);
14521
+ React55__namespace.default.useEffect(() => {
14499
14522
  if (!mounted.current) {
14500
14523
  mounted.current = true;
14501
14524
  return;
@@ -14512,36 +14535,36 @@ function CardGrid({
14512
14535
  const pageKnowable = !(serverMode && rowCount == null) && !loading;
14513
14536
  const shownPage = pageKnowable ? Math.min(pageVal, lastPage) : pageVal;
14514
14537
  const pageRows = serverMode ? rows : paginated && shownPage !== pageVal ? client.filtered.slice(shownPage * sizeVal, shownPage * sizeVal + sizeVal) : client.rows;
14515
- const clampedFiltersKey = React54__namespace.default.useRef(filtersKey);
14516
- React54__namespace.default.useEffect(() => {
14538
+ const clampedFiltersKey = React55__namespace.default.useRef(filtersKey);
14539
+ React55__namespace.default.useEffect(() => {
14517
14540
  if (clampedFiltersKey.current !== filtersKey) {
14518
14541
  clampedFiltersKey.current = filtersKey;
14519
14542
  return;
14520
14543
  }
14521
14544
  if (pageKnowable && pageVal > lastPage) commitPage(lastPage);
14522
14545
  }, [lastPage, pageVal, pageKnowable, filtersKey]);
14523
- const onServerChangeRef = React54__namespace.default.useRef(onServerChange);
14546
+ const onServerChangeRef = React55__namespace.default.useRef(onServerChange);
14524
14547
  onServerChangeRef.current = onServerChange;
14525
14548
  const queryKey = JSON.stringify(query);
14526
- React54__namespace.default.useEffect(() => {
14549
+ React55__namespace.default.useEffect(() => {
14527
14550
  if (!serverMode) return void 0;
14528
14551
  const t = setTimeout(() => onServerChangeRef.current?.(JSON.parse(queryKey)), 250);
14529
14552
  return () => clearTimeout(t);
14530
14553
  }, [serverMode, queryKey]);
14531
14554
  const keyOf = typeof rowKey === "function" ? rowKey : (r2) => r2 && r2[rowKey];
14532
- const [selected, setSelected] = React54__namespace.default.useState(() => /* @__PURE__ */ new Set());
14555
+ const [selected, setSelected] = React55__namespace.default.useState(() => /* @__PURE__ */ new Set());
14533
14556
  const retainCap = retainSelectedRows === true ? 1e3 : retainSelectedRows || 0;
14534
- const retainedRef = React54__namespace.default.useRef(/* @__PURE__ */ new Map());
14535
- const selKeys = React54__namespace.default.useMemo(() => [...selected], [selected]);
14536
- const selectedRows = React54__namespace.default.useMemo(() => {
14557
+ const retainedRef = React55__namespace.default.useRef(/* @__PURE__ */ new Map());
14558
+ const selKeys = React55__namespace.default.useMemo(() => [...selected], [selected]);
14559
+ const selectedRows = React55__namespace.default.useMemo(() => {
14537
14560
  const onPage = new Map(pageRows.map((r2, i) => [keyOf(r2, i), r2]));
14538
14561
  return selKeys.map((k) => onPage.get(k) ?? retainedRef.current.get(k)).filter((r2) => r2 !== void 0);
14539
14562
  }, [selKeys, pageRows]);
14540
- const clearSelection = React54__namespace.default.useCallback(() => {
14563
+ const clearSelection = React55__namespace.default.useCallback(() => {
14541
14564
  retainedRef.current.clear();
14542
14565
  setSelected(/* @__PURE__ */ new Set());
14543
14566
  }, []);
14544
- const toggleKey = React54__namespace.default.useCallback((key, row) => {
14567
+ const toggleKey = React55__namespace.default.useCallback((key, row) => {
14545
14568
  setSelected((prev) => {
14546
14569
  const next = new Set(prev);
14547
14570
  if (next.has(key)) {
@@ -14574,10 +14597,10 @@ function CardGrid({
14574
14597
  return next;
14575
14598
  });
14576
14599
  };
14577
- const onSelRef = React54__namespace.default.useRef(onRowSelectionChange);
14600
+ const onSelRef = React55__namespace.default.useRef(onRowSelectionChange);
14578
14601
  onSelRef.current = onRowSelectionChange;
14579
- const prevSelSigRef = React54__namespace.default.useRef(null);
14580
- React54__namespace.default.useEffect(() => {
14602
+ const prevSelSigRef = React55__namespace.default.useRef(null);
14603
+ React55__namespace.default.useEffect(() => {
14581
14604
  const cb = onSelRef.current;
14582
14605
  if (!cb) return;
14583
14606
  const sig = selKeys.join(",");
@@ -14790,8 +14813,8 @@ function DiffTable({
14790
14813
  className = "",
14791
14814
  ...rest
14792
14815
  }) {
14793
- const dtColumns = React54__namespace.default.useMemo(() => columns.map(toDatatableColumn), [columns]);
14794
- const diff = React54__namespace.default.useMemo(
14816
+ const dtColumns = React55__namespace.default.useMemo(() => columns.map(toDatatableColumn), [columns]);
14817
+ const diff = React55__namespace.default.useMemo(
14795
14818
  () => ({ from, to, rowKey, onlyChanged, showToggle, showSummary, moveDetection, compare, toggleLabel }),
14796
14819
  [from, to, rowKey, onlyChanged, showToggle, showSummary, moveDetection, compare, toggleLabel]
14797
14820
  );
@@ -14948,26 +14971,26 @@ function DatePicker({
14948
14971
  }) {
14949
14972
  const __twcStyles0 = useScopedStyles("twc-field-styles", FIELD_CSS3);
14950
14973
  const __twcStyles1 = useScopedStyles("twc-datepicker-styles", DATEPICKER_CSS);
14951
- const autoId = React54__namespace.default.useId();
14974
+ const autoId = React55__namespace.default.useId();
14952
14975
  const fieldId = id || autoId;
14953
14976
  const descId = `${fieldId}-desc`;
14954
14977
  const invalid = Boolean(error);
14955
- const [internal, setInternal] = React54__namespace.default.useState(defaultValue);
14978
+ const [internal, setInternal] = React55__namespace.default.useState(defaultValue);
14956
14979
  const selected = value !== void 0 ? value : internal;
14957
- const [open, setOpen] = React54__namespace.default.useState(false);
14958
- const [view, setView] = React54__namespace.default.useState(selected || /* @__PURE__ */ new Date());
14959
- const [mode, setMode] = React54__namespace.default.useState("days");
14960
- const [focusDate, setFocusDate] = React54__namespace.default.useState(null);
14961
- const [focusMonth, setFocusMonth] = React54__namespace.default.useState(null);
14962
- const [focusYear, setFocusYear] = React54__namespace.default.useState(null);
14963
- const [editText, setEditText] = React54__namespace.default.useState(null);
14964
- const [coords, setCoords] = React54__namespace.default.useState(null);
14965
- const wrapRef = React54__namespace.default.useRef(null);
14966
- const triggerRef = React54__namespace.default.useRef(null);
14967
- const popRef = React54__namespace.default.useRef(null);
14968
- const gridRef = React54__namespace.default.useRef(null);
14980
+ const [open, setOpen] = React55__namespace.default.useState(false);
14981
+ const [view, setView] = React55__namespace.default.useState(selected || /* @__PURE__ */ new Date());
14982
+ const [mode, setMode] = React55__namespace.default.useState("days");
14983
+ const [focusDate, setFocusDate] = React55__namespace.default.useState(null);
14984
+ const [focusMonth, setFocusMonth] = React55__namespace.default.useState(null);
14985
+ const [focusYear, setFocusYear] = React55__namespace.default.useState(null);
14986
+ const [editText, setEditText] = React55__namespace.default.useState(null);
14987
+ const [coords, setCoords] = React55__namespace.default.useState(null);
14988
+ const wrapRef = React55__namespace.default.useRef(null);
14989
+ const triggerRef = React55__namespace.default.useRef(null);
14990
+ const popRef = React55__namespace.default.useRef(null);
14991
+ const gridRef = React55__namespace.default.useRef(null);
14969
14992
  const POP_W = 280;
14970
- const place = React54__namespace.default.useCallback(() => {
14993
+ const place = React55__namespace.default.useCallback(() => {
14971
14994
  const el = triggerRef.current;
14972
14995
  if (!el) return;
14973
14996
  const r2 = el.getBoundingClientRect();
@@ -14978,7 +15001,7 @@ function DatePicker({
14978
15001
  left = Math.max(8, left);
14979
15002
  setCoords({ left, top: flip ? void 0 : Math.round(r2.bottom + 6), bottom: flip ? Math.round(vh - r2.top + 6) : void 0 });
14980
15003
  }, []);
14981
- React54__namespace.default.useEffect(() => {
15004
+ React55__namespace.default.useEffect(() => {
14982
15005
  if (!open) return void 0;
14983
15006
  place();
14984
15007
  const onMove = () => place();
@@ -14996,7 +15019,7 @@ function DatePicker({
14996
15019
  ro?.disconnect();
14997
15020
  };
14998
15021
  }, [open, place]);
14999
- React54__namespace.default.useEffect(() => {
15022
+ React55__namespace.default.useEffect(() => {
15000
15023
  if (!open) return;
15001
15024
  setView(selected || /* @__PURE__ */ new Date());
15002
15025
  setMode("days");
@@ -15017,9 +15040,9 @@ function DatePicker({
15017
15040
  };
15018
15041
  }, [open]);
15019
15042
  useFocusTrap(popRef, open && !!coords, { initialFocus: () => gridRef.current?.querySelector('[tabindex="0"]') });
15020
- const months = React54__namespace.default.useMemo(() => locale === void 0 ? MONTHS : monthNames(locale), [locale]);
15021
- const monthsShort = React54__namespace.default.useMemo(() => locale === void 0 ? MONTHS.map((n) => n.slice(0, 3)) : monthShortNames(locale), [locale]);
15022
- const dows = React54__namespace.default.useMemo(
15043
+ const months = React55__namespace.default.useMemo(() => locale === void 0 ? MONTHS : monthNames(locale), [locale]);
15044
+ const monthsShort = React55__namespace.default.useMemo(() => locale === void 0 ? MONTHS.map((n) => n.slice(0, 3)) : monthShortNames(locale), [locale]);
15045
+ const dows = React55__namespace.default.useMemo(
15023
15046
  () => locale === void 0 ? Array.from({ length: 7 }, (_, i) => DOW[(i + weekStartsOn) % 7]) : weekdayNames(locale, weekStartsOn),
15024
15047
  [locale, weekStartsOn]
15025
15048
  );
@@ -15074,11 +15097,11 @@ function DatePicker({
15074
15097
  };
15075
15098
  const cells = Array.from({ length: 42 }, (_, i) => new Date(gridStart.getFullYear(), gridStart.getMonth(), gridStart.getDate() + i));
15076
15099
  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);
15077
- React54__namespace.default.useEffect(() => {
15100
+ React55__namespace.default.useEffect(() => {
15078
15101
  if (!open || mode !== "days" || !focusDate) return;
15079
15102
  gridRef.current?.querySelector(`[data-key="${keyOf(focusDate)}"]`)?.focus();
15080
15103
  }, [focusDate, open, mode]);
15081
- React54__namespace.default.useEffect(() => {
15104
+ React55__namespace.default.useEffect(() => {
15082
15105
  if (!open || mode !== "months" || focusMonth == null) return;
15083
15106
  gridRef.current?.querySelector(`[data-mo="${focusMonth}"]`)?.focus();
15084
15107
  }, [focusMonth, open, mode]);
@@ -15102,7 +15125,7 @@ function DatePicker({
15102
15125
  }
15103
15126
  setFocusMonth(next);
15104
15127
  };
15105
- React54__namespace.default.useEffect(() => {
15128
+ React55__namespace.default.useEffect(() => {
15106
15129
  if (!open || mode !== "years" || focusYear == null) return;
15107
15130
  gridRef.current?.querySelector(`[data-yr="${focusYear}"]`)?.focus();
15108
15131
  }, [focusYear, open, mode]);
@@ -15509,29 +15532,29 @@ function DateRangePicker({
15509
15532
  }) {
15510
15533
  const __twcStyles0 = useScopedStyles("twc-field-styles", FIELD_CSS4);
15511
15534
  const __twcStyles1 = useScopedStyles("twc-drp-styles", RANGE_CSS2);
15512
- const [internal, setInternal] = React54__namespace.default.useState(defaultValue);
15535
+ const [internal, setInternal] = React55__namespace.default.useState(defaultValue);
15513
15536
  const range2 = value !== void 0 ? value : internal;
15514
- const [open, setOpen] = React54__namespace.default.useState(false);
15515
- const [view, setView] = React54__namespace.default.useState(range2.start || /* @__PURE__ */ new Date());
15516
- const [hover, setHover] = React54__namespace.default.useState(null);
15517
- const [focusDate, setFocusDate] = React54__namespace.default.useState(null);
15518
- const [mode, setMode] = React54__namespace.default.useState("days");
15519
- const [focusMonth, setFocusMonth] = React54__namespace.default.useState(null);
15520
- const [focusYear, setFocusYear] = React54__namespace.default.useState(null);
15521
- const [editText, setEditText] = React54__namespace.default.useState(null);
15522
- const [coords, setCoords] = React54__namespace.default.useState(null);
15523
- const wrapRef = React54__namespace.default.useRef(null);
15524
- const triggerRef = React54__namespace.default.useRef(null);
15525
- const popRef = React54__namespace.default.useRef(null);
15526
- const gridRef = React54__namespace.default.useRef(null);
15527
- const labelId = React54__namespace.default.useId();
15537
+ const [open, setOpen] = React55__namespace.default.useState(false);
15538
+ const [view, setView] = React55__namespace.default.useState(range2.start || /* @__PURE__ */ new Date());
15539
+ const [hover, setHover] = React55__namespace.default.useState(null);
15540
+ const [focusDate, setFocusDate] = React55__namespace.default.useState(null);
15541
+ const [mode, setMode] = React55__namespace.default.useState("days");
15542
+ const [focusMonth, setFocusMonth] = React55__namespace.default.useState(null);
15543
+ const [focusYear, setFocusYear] = React55__namespace.default.useState(null);
15544
+ const [editText, setEditText] = React55__namespace.default.useState(null);
15545
+ const [coords, setCoords] = React55__namespace.default.useState(null);
15546
+ const wrapRef = React55__namespace.default.useRef(null);
15547
+ const triggerRef = React55__namespace.default.useRef(null);
15548
+ const popRef = React55__namespace.default.useRef(null);
15549
+ const gridRef = React55__namespace.default.useRef(null);
15550
+ const labelId = React55__namespace.default.useId();
15528
15551
  const descId = `${labelId}-desc`;
15529
15552
  const invalid = Boolean(error);
15530
- React54__namespace.default.useEffect(() => {
15553
+ React55__namespace.default.useEffect(() => {
15531
15554
  if (disabled) setOpen(false);
15532
15555
  }, [disabled]);
15533
15556
  const POP_W = 420;
15534
- const place = React54__namespace.default.useCallback(() => {
15557
+ const place = React55__namespace.default.useCallback(() => {
15535
15558
  const el = triggerRef.current;
15536
15559
  if (!el) return;
15537
15560
  const r2 = el.getBoundingClientRect();
@@ -15542,7 +15565,7 @@ function DateRangePicker({
15542
15565
  left = Math.max(8, left);
15543
15566
  setCoords({ left, top: flip ? void 0 : Math.round(r2.bottom + 6), bottom: flip ? Math.round(vh - r2.top + 6) : void 0 });
15544
15567
  }, []);
15545
- React54__namespace.default.useEffect(() => {
15568
+ React55__namespace.default.useEffect(() => {
15546
15569
  if (!open) return void 0;
15547
15570
  place();
15548
15571
  const onMove = () => place();
@@ -15560,7 +15583,7 @@ function DateRangePicker({
15560
15583
  ro?.disconnect();
15561
15584
  };
15562
15585
  }, [open, place]);
15563
- React54__namespace.default.useEffect(() => {
15586
+ React55__namespace.default.useEffect(() => {
15564
15587
  if (!open) return;
15565
15588
  const onDown = (e) => {
15566
15589
  if (wrapRef.current && wrapRef.current.contains(e.target)) return;
@@ -15624,20 +15647,20 @@ function DateRangePicker({
15624
15647
  const last = new Date(d.getFullYear(), d.getMonth() + n + 1, 0);
15625
15648
  return new Date(last.getFullYear(), last.getMonth(), Math.min(d.getDate(), last.getDate()));
15626
15649
  };
15627
- React54__namespace.default.useEffect(() => {
15650
+ React55__namespace.default.useEffect(() => {
15628
15651
  if (!open) {
15629
15652
  setFocusDate(null);
15630
15653
  setHover(null);
15631
15654
  setMode("days");
15632
15655
  }
15633
15656
  }, [open]);
15634
- React54__namespace.default.useEffect(() => {
15657
+ React55__namespace.default.useEffect(() => {
15635
15658
  if (open && mode === "months" && focusMonth != null) gridRef.current?.querySelector(`[data-mo="${focusMonth}"]`)?.focus();
15636
15659
  }, [focusMonth, open, mode]);
15637
- React54__namespace.default.useEffect(() => {
15660
+ React55__namespace.default.useEffect(() => {
15638
15661
  if (open && mode === "years" && focusYear != null) gridRef.current?.querySelector(`[data-yr="${focusYear}"]`)?.focus();
15639
15662
  }, [focusYear, open, mode]);
15640
- React54__namespace.default.useEffect(() => {
15663
+ React55__namespace.default.useEffect(() => {
15641
15664
  if (!open || !focusDate) return;
15642
15665
  gridRef.current?.querySelector(`[data-key="${keyOf(focusDate)}"]`)?.focus();
15643
15666
  }, [focusDate, open]);
@@ -15722,9 +15745,9 @@ function DateRangePicker({
15722
15745
  if (r2.start) setView(r2.start);
15723
15746
  setOpen(false);
15724
15747
  };
15725
- const months = React54__namespace.default.useMemo(() => locale === void 0 ? MONTHS2 : monthNames2(locale), [locale]);
15726
- const monthsShort = React54__namespace.default.useMemo(() => months.map((n) => n.slice(0, 3)), [months]);
15727
- const dows = React54__namespace.default.useMemo(
15748
+ const months = React55__namespace.default.useMemo(() => locale === void 0 ? MONTHS2 : monthNames2(locale), [locale]);
15749
+ const monthsShort = React55__namespace.default.useMemo(() => months.map((n) => n.slice(0, 3)), [months]);
15750
+ const dows = React55__namespace.default.useMemo(
15728
15751
  () => locale === void 0 ? Array.from({ length: 7 }, (_, i) => DOW2[(i + weekStartsOn) % 7]) : weekdayNames2(locale, weekStartsOn),
15729
15752
  [locale, weekStartsOn]
15730
15753
  );
@@ -16079,19 +16102,19 @@ function TimePicker({
16079
16102
  }) {
16080
16103
  const __twcStyles0 = useScopedStyles("twc-field-styles", FIELD_CSS5);
16081
16104
  const __twcStyles1 = useScopedStyles("twc-timepicker-styles", TIMEPICKER_CSS);
16082
- const autoId = React54__namespace.default.useId();
16105
+ const autoId = React55__namespace.default.useId();
16083
16106
  const fieldId = id || autoId;
16084
16107
  const descId = `${fieldId}-desc`;
16085
16108
  const invalid = Boolean(error);
16086
- const [internal, setInternal] = React54__namespace.default.useState(defaultValue);
16109
+ const [internal, setInternal] = React55__namespace.default.useState(defaultValue);
16087
16110
  const selected = value !== void 0 ? value : internal;
16088
- const [open, setOpen] = React54__namespace.default.useState(false);
16089
- const [editText, setEditText] = React54__namespace.default.useState(null);
16090
- const [coords, setCoords] = React54__namespace.default.useState(null);
16091
- const wrapRef = React54__namespace.default.useRef(null);
16092
- const triggerRef = React54__namespace.default.useRef(null);
16093
- const popRef = React54__namespace.default.useRef(null);
16094
- const place = React54__namespace.default.useCallback(() => {
16111
+ const [open, setOpen] = React55__namespace.default.useState(false);
16112
+ const [editText, setEditText] = React55__namespace.default.useState(null);
16113
+ const [coords, setCoords] = React55__namespace.default.useState(null);
16114
+ const wrapRef = React55__namespace.default.useRef(null);
16115
+ const triggerRef = React55__namespace.default.useRef(null);
16116
+ const popRef = React55__namespace.default.useRef(null);
16117
+ const place = React55__namespace.default.useCallback(() => {
16095
16118
  const el = triggerRef.current;
16096
16119
  if (!el) return;
16097
16120
  const r2 = el.getBoundingClientRect();
@@ -16102,7 +16125,7 @@ function TimePicker({
16102
16125
  left = Math.max(8, left);
16103
16126
  setCoords({ left, top: flip ? void 0 : Math.round(r2.bottom + 6), bottom: flip ? Math.round(vh - r2.top + 6) : void 0 });
16104
16127
  }, []);
16105
- React54__namespace.default.useEffect(() => {
16128
+ React55__namespace.default.useEffect(() => {
16106
16129
  if (!open) return void 0;
16107
16130
  place();
16108
16131
  const onMove = () => place();
@@ -16120,7 +16143,7 @@ function TimePicker({
16120
16143
  ro?.disconnect();
16121
16144
  };
16122
16145
  }, [open, place]);
16123
- React54__namespace.default.useEffect(() => {
16146
+ React55__namespace.default.useEffect(() => {
16124
16147
  if (!open) return void 0;
16125
16148
  const onDown = (e) => {
16126
16149
  if (wrapRef.current && wrapRef.current.contains(e.target)) return;
@@ -16140,7 +16163,7 @@ function TimePicker({
16140
16163
  useFocusTrap(popRef, open && !!coords, {
16141
16164
  initialFocus: () => popRef.current?.querySelector('.twc-tp__opt[data-selected="true"]') || popRef.current?.querySelector('.twc-tp__opt[tabindex="0"]')
16142
16165
  });
16143
- React54__namespace.default.useEffect(() => {
16166
+ React55__namespace.default.useEffect(() => {
16144
16167
  if (!open || !coords) return;
16145
16168
  popRef.current?.querySelectorAll('.twc-tp__opt[data-selected="true"]').forEach((el) => el.scrollIntoView({ block: "center" }));
16146
16169
  }, [open, coords]);
@@ -16488,10 +16511,10 @@ function DateTimePicker({
16488
16511
  }) {
16489
16512
  const __twcStyles0 = useScopedStyles("twc-field-styles", FIELD_CSS6);
16490
16513
  const __twcStyles1 = useScopedStyles("twc-datetimepicker-styles", DTP_CSS);
16491
- const autoId = React54__namespace.default.useId();
16514
+ const autoId = React55__namespace.default.useId();
16492
16515
  const fieldId = id || autoId;
16493
16516
  const descId = `${fieldId}-desc`;
16494
- const [internal, setInternal] = React54__namespace.default.useState(defaultValue);
16517
+ const [internal, setInternal] = React55__namespace.default.useState(defaultValue);
16495
16518
  const selected = value !== void 0 ? value : internal;
16496
16519
  const commitVal = (d) => {
16497
16520
  if (value === void 0) setInternal(d);
@@ -16635,11 +16658,11 @@ function FilterBar({
16635
16658
  ...rest
16636
16659
  }) {
16637
16660
  const styles = useScopedStyles("twc-filterbar-styles", FILTERBAR_CSS);
16638
- const autoId = React54__namespace.default.useId();
16661
+ const autoId = React55__namespace.default.useId();
16639
16662
  const fieldId = id || autoId;
16640
- const [internal, setInternal] = React54__namespace.default.useState(defaultValue);
16663
+ const [internal, setInternal] = React55__namespace.default.useState(defaultValue);
16641
16664
  const clauses = value !== void 0 ? value : internal;
16642
- const values = React54__namespace.default.useMemo(() => clausesToValues(fields, clauses), [fields, clauses]);
16665
+ const values = React55__namespace.default.useMemo(() => clausesToValues(fields, clauses), [fields, clauses]);
16643
16666
  const emit = (nextValues) => {
16644
16667
  const next = valuesToClauses(fields, nextValues);
16645
16668
  if (value === void 0) setInternal(next);
@@ -16823,14 +16846,14 @@ function Dialog({
16823
16846
  className = "",
16824
16847
  ...rest
16825
16848
  }) {
16826
- const autoId = React54__namespace.default.useId();
16849
+ const autoId = React55__namespace.default.useId();
16827
16850
  const titleId = `${autoId}-title`;
16828
16851
  const descId = `${autoId}-desc`;
16829
- const dialogRef = React54__namespace.default.useRef(null);
16852
+ const dialogRef = React55__namespace.default.useRef(null);
16830
16853
  const __twcStyles = useScopedStyles("twc-dialog-styles", DIALOG_CSS);
16831
16854
  const renderPortal = usePortal();
16832
- const [mounted, setMounted] = React54__namespace.default.useState(open);
16833
- React54__namespace.default.useEffect(() => {
16855
+ const [mounted, setMounted] = React55__namespace.default.useState(open);
16856
+ React55__namespace.default.useEffect(() => {
16834
16857
  if (open) {
16835
16858
  setMounted(true);
16836
16859
  return;
@@ -16842,7 +16865,7 @@ function Dialog({
16842
16865
  useInertBackground(dialogRef, open && mounted);
16843
16866
  useFocusTrap(dialogRef, open && mounted);
16844
16867
  const isTop = useLayer(open && mounted);
16845
- React54__namespace.default.useEffect(() => {
16868
+ React55__namespace.default.useEffect(() => {
16846
16869
  if (!open) return void 0;
16847
16870
  const onKey = (e) => {
16848
16871
  if (e.defaultPrevented || !isTop()) return;
@@ -16995,14 +17018,14 @@ function Drawer({
16995
17018
  style,
16996
17019
  ...rest
16997
17020
  }) {
16998
- const autoId = React54__namespace.default.useId();
17021
+ const autoId = React55__namespace.default.useId();
16999
17022
  const titleId = `${autoId}-title`;
17000
17023
  const descId = `${autoId}-desc`;
17001
- const panelRef = React54__namespace.default.useRef(null);
17024
+ const panelRef = React55__namespace.default.useRef(null);
17002
17025
  const __twcStyles = useScopedStyles("twc-drawer-styles", DRAWER_CSS);
17003
17026
  const renderPortal = usePortal();
17004
- const [mounted, setMounted] = React54__namespace.default.useState(open);
17005
- React54__namespace.default.useEffect(() => {
17027
+ const [mounted, setMounted] = React55__namespace.default.useState(open);
17028
+ React55__namespace.default.useEffect(() => {
17006
17029
  if (open) {
17007
17030
  setMounted(true);
17008
17031
  return;
@@ -17014,7 +17037,7 @@ function Drawer({
17014
17037
  useInertBackground(panelRef, open && mounted);
17015
17038
  useFocusTrap(panelRef, open && mounted);
17016
17039
  const isTop = useLayer(open && mounted);
17017
- React54__namespace.default.useEffect(() => {
17040
+ React55__namespace.default.useEffect(() => {
17018
17041
  if (!open) return void 0;
17019
17042
  const onKey = (e) => {
17020
17043
  if (e.defaultPrevented || !isTop()) return;
@@ -17104,11 +17127,11 @@ function Field({
17104
17127
  ...rest
17105
17128
  }) {
17106
17129
  const __twcStyles = useScopedStyles("twc-field-styles", FIELD_CSS7);
17107
- const autoId = React54__namespace.default.useId();
17130
+ const autoId = React55__namespace.default.useId();
17108
17131
  const fieldId = id || autoId;
17109
17132
  const descId = `${fieldId}-desc`;
17110
17133
  const hasMsg = Boolean(error || hint);
17111
- const control = React54__namespace.default.isValidElement(children) ? React54__namespace.default.cloneElement(children, {
17134
+ const control = React55__namespace.default.isValidElement(children) ? React55__namespace.default.cloneElement(children, {
17112
17135
  "aria-describedby": [children.props["aria-describedby"], hasMsg ? descId : null].filter(Boolean).join(" ") || void 0,
17113
17136
  "aria-invalid": children.props["aria-invalid"] !== void 0 ? children.props["aria-invalid"] : error ? true : void 0
17114
17137
  }) : children;
@@ -17208,7 +17231,7 @@ function fmtSize(bytes) {
17208
17231
  if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + " KB";
17209
17232
  return (bytes / (1024 * 1024)).toFixed(1) + " MB";
17210
17233
  }
17211
- var FileUpload = React54__namespace.default.forwardRef(function FileUpload2({
17234
+ var FileUpload = /* @__PURE__ */ React55__namespace.default.forwardRef(function FileUpload2({
17212
17235
  accept,
17213
17236
  multiple = false,
17214
17237
  disabled = false,
@@ -17233,12 +17256,12 @@ var FileUpload = React54__namespace.default.forwardRef(function FileUpload2({
17233
17256
  ...rest
17234
17257
  }, ref) {
17235
17258
  const __twcStyles = useScopedStyles("twc-upload-styles", UPLOAD_CSS);
17236
- const [internal, setInternal] = React54__namespace.default.useState(defaultValue);
17259
+ const [internal, setInternal] = React55__namespace.default.useState(defaultValue);
17237
17260
  const files = value !== void 0 ? value : internal;
17238
- const [drag, setDrag] = React54__namespace.default.useState(false);
17239
- const inputRef = React54__namespace.default.useRef(null);
17240
- React54__namespace.default.useImperativeHandle(ref, () => ({ open: () => inputRef.current?.click() }), []);
17241
- const autoId = React54__namespace.default.useId();
17261
+ const [drag, setDrag] = React55__namespace.default.useState(false);
17262
+ const inputRef = React55__namespace.default.useRef(null);
17263
+ React55__namespace.default.useImperativeHandle(ref, () => ({ open: () => inputRef.current?.click() }), []);
17264
+ const autoId = React55__namespace.default.useId();
17242
17265
  const fieldId = id || autoId;
17243
17266
  const descId = `${fieldId}-desc`;
17244
17267
  const labelId = `${fieldId}-label`;
@@ -17281,7 +17304,7 @@ var FileUpload = React54__namespace.default.forwardRef(function FileUpload2({
17281
17304
  )
17282
17305
  );
17283
17306
  if (trigger) {
17284
- const triggerEl = React54__namespace.default.isValidElement(trigger) && error ? React54__namespace.default.cloneElement(trigger, {
17307
+ const triggerEl = React55__namespace.default.isValidElement(trigger) && error ? React55__namespace.default.cloneElement(trigger, {
17285
17308
  "aria-describedby": [trigger.props["aria-describedby"], descId].filter(Boolean).join(" ") || void 0
17286
17309
  }) : trigger;
17287
17310
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `twc-upload ${className}`, "data-size": size, ...rest, children: [
@@ -17375,7 +17398,6 @@ var FileUpload = React54__namespace.default.forwardRef(function FileUpload2({
17375
17398
  error ? /* @__PURE__ */ jsxRuntime.jsx("span", { id: descId, className: "twc-field__error", children: error }) : null
17376
17399
  ] });
17377
17400
  });
17378
- FileUpload.displayName = "FileUpload";
17379
17401
  var TOGGLEGROUP_CSS = `
17380
17402
  .twc-togglegroup { display: inline-flex; gap: var(--space-1); }
17381
17403
  .twc-togglegroup[data-orientation="vertical"] { flex-direction: column; align-items: stretch; }
@@ -17397,10 +17419,10 @@ function ToggleGroup({
17397
17419
  ...rest
17398
17420
  }) {
17399
17421
  const __twcStyles = useScopedStyles("twc-togglegroup-styles", TOGGLEGROUP_CSS);
17400
- const groupRef = React54__namespace.default.useRef(null);
17422
+ const groupRef = React55__namespace.default.useRef(null);
17401
17423
  const multiple = type === "multiple";
17402
- const [focusedIdx, setFocusedIdx] = React54__namespace.default.useState(null);
17403
- const [internal, setInternal] = React54__namespace.default.useState(defaultValue !== void 0 ? defaultValue : multiple ? [] : null);
17424
+ const [focusedIdx, setFocusedIdx] = React55__namespace.default.useState(null);
17425
+ const [internal, setInternal] = React55__namespace.default.useState(defaultValue !== void 0 ? defaultValue : multiple ? [] : null);
17404
17426
  const current = value !== void 0 ? value : internal;
17405
17427
  const isSelected = (v) => multiple ? Array.isArray(current) && current.includes(v) : current === v;
17406
17428
  const commit = (next) => {
@@ -17521,15 +17543,15 @@ function Kanban({
17521
17543
  ...rest
17522
17544
  }) {
17523
17545
  const __twcStyles = useScopedStyles("twc-kanban-styles", KANBAN_CSS);
17524
- const [internal, setInternal] = React54__namespace.default.useState(cards ?? defaultCards ?? []);
17546
+ const [internal, setInternal] = React55__namespace.default.useState(cards ?? defaultCards ?? []);
17525
17547
  const items = cards !== void 0 ? cards : internal;
17526
- const [drag, setDrag] = React54__namespace.default.useState(null);
17527
- const [overCol, setOverCol] = React54__namespace.default.useState(null);
17528
- const [grab, setGrab] = React54__namespace.default.useState(null);
17529
- const [announce, setAnnounce] = React54__namespace.default.useState("");
17530
- const rootRef = React54__namespace.default.useRef(null);
17531
- const focusIdRef = React54__namespace.default.useRef(null);
17532
- React54__namespace.default.useEffect(() => {
17548
+ const [drag, setDrag] = React55__namespace.default.useState(null);
17549
+ const [overCol, setOverCol] = React55__namespace.default.useState(null);
17550
+ const [grab, setGrab] = React55__namespace.default.useState(null);
17551
+ const [announce, setAnnounce] = React55__namespace.default.useState("");
17552
+ const rootRef = React55__namespace.default.useRef(null);
17553
+ const focusIdRef = React55__namespace.default.useRef(null);
17554
+ React55__namespace.default.useEffect(() => {
17533
17555
  if (focusIdRef.current == null) return void 0;
17534
17556
  const raf = requestAnimationFrame(() => {
17535
17557
  const id = focusIdRef.current;
@@ -17848,22 +17870,22 @@ function Popover({
17848
17870
  ...rest
17849
17871
  }) {
17850
17872
  const __twcStyles = useScopedStyles("twc-popover-styles", POPOVER_CSS);
17851
- const [openState, setOpenState] = React54__namespace.default.useState(defaultOpen);
17852
- const [render, setRender] = React54__namespace.default.useState(false);
17853
- const [pos, setPos] = React54__namespace.default.useState(null);
17854
- const wrapRef = React54__namespace.default.useRef(null);
17873
+ const [openState, setOpenState] = React55__namespace.default.useState(defaultOpen);
17874
+ const [render, setRender] = React55__namespace.default.useState(false);
17875
+ const [pos, setPos] = React55__namespace.default.useState(null);
17876
+ const wrapRef = React55__namespace.default.useRef(null);
17855
17877
  useTriggerAudit(wrapRef, "Popover");
17856
- const popRef = React54__namespace.default.useRef(null);
17857
- const popId = React54__namespace.default.useId();
17878
+ const popRef = React55__namespace.default.useRef(null);
17879
+ const popId = React55__namespace.default.useId();
17858
17880
  const controlled = openProp !== void 0;
17859
17881
  const open = controlled ? !!openProp : openState;
17860
- const openRef = React54__namespace.default.useRef(open);
17882
+ const openRef = React55__namespace.default.useRef(open);
17861
17883
  openRef.current = open;
17862
- const controlledRef = React54__namespace.default.useRef(controlled);
17884
+ const controlledRef = React55__namespace.default.useRef(controlled);
17863
17885
  controlledRef.current = controlled;
17864
- const onOpenChangeRef = React54__namespace.default.useRef(onOpenChange);
17886
+ const onOpenChangeRef = React55__namespace.default.useRef(onOpenChange);
17865
17887
  onOpenChangeRef.current = onOpenChange;
17866
- const setOpen = React54__namespace.default.useCallback((next) => {
17888
+ const setOpen = React55__namespace.default.useCallback((next) => {
17867
17889
  const value = typeof next === "function" ? next(openRef.current) : next;
17868
17890
  if (value === openRef.current) return;
17869
17891
  if (!controlledRef.current) setOpenState(value);
@@ -17871,7 +17893,7 @@ function Popover({
17871
17893
  }, []);
17872
17894
  const toggle = () => setOpen((o) => !o);
17873
17895
  const RD = { createPortal: typeof reactDom.createPortal === "function" ? reactDom.createPortal : typeof window !== "undefined" && window.ReactDOM && window.ReactDOM.createPortal };
17874
- const place = React54__namespace.default.useCallback(() => {
17896
+ const place = React55__namespace.default.useCallback(() => {
17875
17897
  const t = wrapRef.current;
17876
17898
  if (!t) return;
17877
17899
  const r2 = t.getBoundingClientRect();
@@ -17909,7 +17931,7 @@ function Popover({
17909
17931
  setPos({ top, left, width: w, flip: false, arrow, maxHeight: vh - 2 * M });
17910
17932
  }, [placement, align, width]);
17911
17933
  const isTop = useLayer(open && render);
17912
- React54__namespace.default.useEffect(() => {
17934
+ React55__namespace.default.useEffect(() => {
17913
17935
  if (!open) return;
17914
17936
  place();
17915
17937
  const onMove = () => place();
@@ -17936,7 +17958,7 @@ function Popover({
17936
17958
  document.removeEventListener("keydown", onKey);
17937
17959
  };
17938
17960
  }, [open, place, isTop]);
17939
- React54__namespace.default.useEffect(() => {
17961
+ React55__namespace.default.useEffect(() => {
17940
17962
  if (open) {
17941
17963
  setRender(true);
17942
17964
  return;
@@ -17944,12 +17966,12 @@ function Popover({
17944
17966
  const t = setTimeout(() => setRender(false), 170);
17945
17967
  return () => clearTimeout(t);
17946
17968
  }, [open]);
17947
- React54__namespace.default.useEffect(() => {
17969
+ React55__namespace.default.useEffect(() => {
17948
17970
  if (render && open) place();
17949
17971
  }, [render, place]);
17950
- const restoreRef = React54__namespace.default.useRef(null);
17951
- const needFocusRef = React54__namespace.default.useRef(false);
17952
- React54__namespace.default.useEffect(() => {
17972
+ const restoreRef = React55__namespace.default.useRef(null);
17973
+ const needFocusRef = React55__namespace.default.useRef(false);
17974
+ React55__namespace.default.useEffect(() => {
17953
17975
  if (open) {
17954
17976
  restoreRef.current = document.activeElement;
17955
17977
  needFocusRef.current = true;
@@ -17985,7 +18007,7 @@ function Popover({
17985
18007
  }
17986
18008
  ) : null;
17987
18009
  const fix = {};
17988
- if (React54__namespace.default.isValidElement(trigger)) {
18010
+ if (React55__namespace.default.isValidElement(trigger)) {
17989
18011
  if (!triggerIsControl(trigger)) fix.role = "button";
17990
18012
  fix.onKeyDown = (e) => {
17991
18013
  trigger.props.onKeyDown?.(e);
@@ -17997,7 +18019,7 @@ function Popover({
17997
18019
  }
17998
18020
  };
17999
18021
  }
18000
- const triggerEl = React54__namespace.default.isValidElement(trigger) ? React54__namespace.default.cloneElement(trigger, {
18022
+ const triggerEl = React55__namespace.default.isValidElement(trigger) ? React55__namespace.default.cloneElement(trigger, {
18001
18023
  onClick: (e) => {
18002
18024
  trigger.props.onClick?.(e);
18003
18025
  toggle();
@@ -18044,7 +18066,7 @@ function Progress({
18044
18066
  className = "",
18045
18067
  ...rest
18046
18068
  }) {
18047
- const labelId = React54__namespace.default.useId();
18069
+ const labelId = React55__namespace.default.useId();
18048
18070
  const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...restProps } = rest;
18049
18071
  const __twcStyles = useScopedStyles("twc-progress-styles", `
18050
18072
  .twc-progress-wrap { display: flex; flex-direction: column; gap: 6px; font-family: var(--font-sans); }
@@ -18115,7 +18137,7 @@ function Progress({
18115
18137
  ] })
18116
18138
  );
18117
18139
  }
18118
- function Radio({
18140
+ var Radio = /* @__PURE__ */ React55__namespace.default.forwardRef(function Radio2({
18119
18141
  label,
18120
18142
  description,
18121
18143
  error,
@@ -18131,7 +18153,7 @@ function Radio({
18131
18153
  className = "",
18132
18154
  onChange,
18133
18155
  ...rest
18134
- }) {
18156
+ }, ref) {
18135
18157
  const __twcStyles = useScopedStyles("twc-radio-styles", `
18136
18158
  .twc-radio { display: inline-flex; align-items: flex-start; gap: var(--space-2-5); cursor: pointer; font-family: var(--font-sans); }
18137
18159
  /* tone \u2192 accent set (default primary). Mirrors Button's --_accent model; Badge's tone vocabulary. */
@@ -18171,7 +18193,7 @@ function Radio({
18171
18193
  .twc-field { display: flex; flex-direction: column; gap: var(--space-1-5); font-family: var(--font-sans); }
18172
18194
  .twc-field__error { font-size: var(--text-xs); color: var(--color-danger-subtle-fg); font-weight: var(--font-medium); }
18173
18195
  `);
18174
- const autoId = React54__namespace.default.useId();
18196
+ const autoId = React55__namespace.default.useId();
18175
18197
  const fieldId = id || autoId;
18176
18198
  const errId = `${fieldId}-error`;
18177
18199
  const invalid = Boolean(error);
@@ -18184,6 +18206,7 @@ function Radio({
18184
18206
  /* @__PURE__ */ jsxRuntime.jsx(
18185
18207
  "input",
18186
18208
  {
18209
+ ref,
18187
18210
  id: fieldId,
18188
18211
  type: "radio",
18189
18212
  className: "twc-radio__input",
@@ -18214,7 +18237,7 @@ function Radio({
18214
18237
  control,
18215
18238
  /* @__PURE__ */ jsxRuntime.jsx("span", { id: errId, className: "twc-field__error", children: error })
18216
18239
  ] });
18217
- }
18240
+ });
18218
18241
  var RADIO_GROUP_CSS = `
18219
18242
  .twc-field { display: flex; flex-direction: column; gap: var(--space-1-5); font-family: var(--font-sans); }
18220
18243
  .twc-field__label { font-size: var(--text-sm); font-weight: var(--font-semibold); color: var(--color-text); display: flex; gap: 4px; align-items: center; }
@@ -18244,13 +18267,13 @@ function RadioGroup({
18244
18267
  ...rest
18245
18268
  }) {
18246
18269
  const __twcStyles = useScopedStyles("twc-radio-group-styles", RADIO_GROUP_CSS);
18247
- const autoId = React54__namespace.default.useId();
18270
+ const autoId = React55__namespace.default.useId();
18248
18271
  const fieldId = id || autoId;
18249
18272
  const labelId = `${fieldId}-label`;
18250
18273
  const descId = `${fieldId}-desc`;
18251
18274
  const groupName = name || `${fieldId}-name`;
18252
18275
  const invalid = Boolean(error);
18253
- const [internal, setInternal] = React54__namespace.default.useState(defaultValue);
18276
+ const [internal, setInternal] = React55__namespace.default.useState(defaultValue);
18254
18277
  const current = value !== void 0 ? value : internal;
18255
18278
  const select = (v) => {
18256
18279
  if (value === void 0) setInternal(v);
@@ -18271,10 +18294,10 @@ function RadioGroup({
18271
18294
  tone
18272
18295
  },
18273
18296
  o.value
18274
- )) : React54__namespace.default.Children.map(children, (child) => {
18275
- if (!React54__namespace.default.isValidElement(child)) return child;
18297
+ )) : React55__namespace.default.Children.map(children, (child) => {
18298
+ if (!React55__namespace.default.isValidElement(child)) return child;
18276
18299
  const v = child.props.value;
18277
- return React54__namespace.default.cloneElement(child, {
18300
+ return React55__namespace.default.cloneElement(child, {
18278
18301
  name: child.props.name ?? groupName,
18279
18302
  checked: child.props.checked ?? current === v,
18280
18303
  onChange: child.props.onChange ?? (() => select(v)),
@@ -18354,12 +18377,12 @@ function Rating({
18354
18377
  ...rest
18355
18378
  }) {
18356
18379
  const __twcStyles = useScopedStyles("twc-rating-styles", RATING_CSS);
18357
- const [internal, setInternal] = React54__namespace.default.useState(defaultValue);
18358
- const [hover, setHover] = React54__namespace.default.useState(0);
18380
+ const [internal, setInternal] = React55__namespace.default.useState(defaultValue);
18381
+ const [hover, setHover] = React55__namespace.default.useState(0);
18359
18382
  const val = value !== void 0 ? value : internal;
18360
18383
  const shown = hover || val;
18361
18384
  const interactive = !readOnly && !disabled;
18362
- const btnRefs = React54__namespace.default.useRef([]);
18385
+ const btnRefs = React55__namespace.default.useRef([]);
18363
18386
  const tabStar = Math.min(count, Math.max(1, Math.round(val) || 1));
18364
18387
  const fmt = (v) => format ? format(v) : Number.isInteger(v) ? String(v) : v.toFixed(1);
18365
18388
  if (process.env.NODE_ENV !== "production" && interactive && !Number.isInteger(val)) {
@@ -18564,24 +18587,24 @@ function Sidebar({
18564
18587
  ...rest
18565
18588
  }) {
18566
18589
  const __twcStyles = useScopedStyles("twc-sidebar-styles", SIDEBAR_CSS);
18567
- const navId = React54__namespace.default.useId();
18568
- const panelRef = React54__namespace.default.useRef(null);
18590
+ const navId = React55__namespace.default.useId();
18591
+ const panelRef = React55__namespace.default.useRef(null);
18569
18592
  const renderPortal = usePortal();
18570
- const [internal, setInternal] = React54__namespace.default.useState(defaultCollapsed);
18593
+ const [internal, setInternal] = React55__namespace.default.useState(defaultCollapsed);
18571
18594
  const collapsed = collapsedProp !== void 0 ? collapsedProp : internal;
18572
18595
  const toggle = () => {
18573
18596
  const next = !collapsed;
18574
18597
  if (collapsedProp === void 0) setInternal(next);
18575
18598
  onCollapsedChange?.(next);
18576
18599
  };
18577
- const [openInternal, setOpenInternal] = React54__namespace.default.useState(defaultOpen);
18600
+ const [openInternal, setOpenInternal] = React55__namespace.default.useState(defaultOpen);
18578
18601
  const open = openProp !== void 0 ? openProp : openInternal;
18579
18602
  const setOpen = (next) => {
18580
18603
  if (openProp === void 0) setOpenInternal(next);
18581
18604
  onOpenChange?.(next);
18582
18605
  };
18583
- const [mounted, setMounted] = React54__namespace.default.useState(open);
18584
- React54__namespace.default.useEffect(() => {
18606
+ const [mounted, setMounted] = React55__namespace.default.useState(open);
18607
+ React55__namespace.default.useEffect(() => {
18585
18608
  if (!overlay) return void 0;
18586
18609
  if (open) {
18587
18610
  setMounted(true);
@@ -18590,7 +18613,7 @@ function Sidebar({
18590
18613
  const t = setTimeout(() => setMounted(false), 170);
18591
18614
  return () => clearTimeout(t);
18592
18615
  }, [overlay, open]);
18593
- React54__namespace.default.useEffect(() => {
18616
+ React55__namespace.default.useEffect(() => {
18594
18617
  if (!overlay || !open) return void 0;
18595
18618
  const prev = document.body.style.overflow;
18596
18619
  document.body.style.overflow = "hidden";
@@ -18599,7 +18622,7 @@ function Sidebar({
18599
18622
  };
18600
18623
  }, [overlay, open]);
18601
18624
  useFocusTrap(panelRef, overlay && open && mounted);
18602
- React54__namespace.default.useEffect(() => {
18625
+ React55__namespace.default.useEffect(() => {
18603
18626
  if (!overlay || !open) return void 0;
18604
18627
  const onKey = (e) => {
18605
18628
  if (e.key === "Escape") {
@@ -18651,7 +18674,7 @@ function Sidebar({
18651
18674
  const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
18652
18675
  __twcStyles,
18653
18676
  brand ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-sidebar__head", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "twc-sidebar__brand", children: brand }) }) : null,
18654
- /* @__PURE__ */ jsxRuntime.jsx("nav", { id: navId, className: "twc-sidebar__nav", "aria-label": navLabel, children: groups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React54__namespace.default.Fragment, { children: [
18677
+ /* @__PURE__ */ jsxRuntime.jsx("nav", { id: navId, className: "twc-sidebar__nav", "aria-label": navLabel, children: groups.map((g, gi) => /* @__PURE__ */ jsxRuntime.jsxs(React55__namespace.default.Fragment, { children: [
18655
18678
  g.section != null ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-sidebar__section", id: g.sid, children: g.section }) : null,
18656
18679
  /* @__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)) })
18657
18680
  ] }, gi)) }),
@@ -18837,10 +18860,10 @@ function Slider({
18837
18860
  return Math.min(max, Math.max(min, Math.round(stepped * 1e6) / 1e6));
18838
18861
  };
18839
18862
  const __twcStyles = useScopedStyles("twc-slider-styles", SLIDER_CSS);
18840
- const autoId = React54__namespace.default.useId();
18863
+ const autoId = React55__namespace.default.useId();
18841
18864
  const fieldId = id || autoId;
18842
18865
  const isRange = range2 || Array.isArray(value) || Array.isArray(defaultValue);
18843
- const [internal, setInternal] = React54__namespace.default.useState(() => {
18866
+ const [internal, setInternal] = React55__namespace.default.useState(() => {
18844
18867
  if (isRange) {
18845
18868
  const dv = Array.isArray(defaultValue) ? defaultValue : [min, max];
18846
18869
  return [clampSnap(dv[0]), clampSnap(dv[1])];
@@ -18850,9 +18873,9 @@ function Slider({
18850
18873
  const rawVal = value !== void 0 ? value : internal;
18851
18874
  const clampedVals = (isRange ? [Number(rawVal[0]), Number(rawVal[1])] : [Number(rawVal)]).map((v) => Math.min(max, Math.max(min, Number.isFinite(v) ? v : min)));
18852
18875
  const indices = isRange ? [0, 1] : [0];
18853
- const trackRef = React54__namespace.default.useRef(null);
18854
- const [dragging, setDragging] = React54__namespace.default.useState(false);
18855
- const [typed, setTyped] = React54__namespace.default.useState({});
18876
+ const trackRef = React55__namespace.default.useRef(null);
18877
+ const [dragging, setDragging] = React55__namespace.default.useState(false);
18878
+ const [typed, setTyped] = React55__namespace.default.useState({});
18856
18879
  const fmt = (v) => formatValue ? formatValue(v) : v.toFixed(decimals);
18857
18880
  const valueTextFor = (v) => {
18858
18881
  if (getAriaValueText) return getAriaValueText(v);
@@ -18904,8 +18927,8 @@ function Slider({
18904
18927
  const ratio = Math.min(1, Math.max(0, (clientX - r2.left) / r2.width));
18905
18928
  return clampSnap(min + ratio * (max - min));
18906
18929
  };
18907
- const dragCleanupRef = React54__namespace.default.useRef(null);
18908
- React54__namespace.default.useEffect(() => () => dragCleanupRef.current?.(), []);
18930
+ const dragCleanupRef = React55__namespace.default.useRef(null);
18931
+ React55__namespace.default.useEffect(() => () => dragCleanupRef.current?.(), []);
18909
18932
  function onPointerDown(e) {
18910
18933
  if (disabled) return;
18911
18934
  e.preventDefault();
@@ -18954,7 +18977,7 @@ function Slider({
18954
18977
  name ? clampedVals.map((v, i) => /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name, value: v, disabled: disabled || void 0 }, i)) : null,
18955
18978
  label || showValue || editable ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "twc-slider__head", children: [
18956
18979
  label ? /* @__PURE__ */ jsxRuntime.jsx("label", { className: "twc-slider__label", id: labelId, children: label }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
18957
- editable ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "twc-slider__inputs", children: indices.map((i) => /* @__PURE__ */ jsxRuntime.jsxs(React54__namespace.default.Fragment, { children: [
18980
+ editable ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "twc-slider__inputs", children: indices.map((i) => /* @__PURE__ */ jsxRuntime.jsxs(React55__namespace.default.Fragment, { children: [
18958
18981
  i > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "twc-slider__input-sep", "aria-hidden": "true", children: "\u2013" }) : null,
18959
18982
  /* @__PURE__ */ jsxRuntime.jsx(
18960
18983
  "input",
@@ -19167,7 +19190,7 @@ function Stepper({
19167
19190
  ...rest
19168
19191
  }) {
19169
19192
  const __twcStyles = useScopedStyles("twc-stepper-styles", STEPPER_CSS);
19170
- const [activeInternal, setActiveInternal] = React54__namespace.default.useState(defaultActive);
19193
+ const [activeInternal, setActiveInternal] = React55__namespace.default.useState(defaultActive);
19171
19194
  const active = activeProp !== void 0 ? activeProp : activeInternal;
19172
19195
  const handleStep = (i) => {
19173
19196
  if (activeProp === void 0) setActiveInternal(i);
@@ -19247,7 +19270,7 @@ function Stepper({
19247
19270
  })
19248
19271
  ] });
19249
19272
  }
19250
- function Switch({
19273
+ var Switch = /* @__PURE__ */ React55__namespace.default.forwardRef(function Switch2({
19251
19274
  label,
19252
19275
  description,
19253
19276
  error,
@@ -19261,7 +19284,7 @@ function Switch({
19261
19284
  className = "",
19262
19285
  onChange,
19263
19286
  ...rest
19264
- }) {
19287
+ }, ref) {
19265
19288
  const __twcStyles = useScopedStyles("twc-switch-styles", `
19266
19289
  /* tone \u2192 accent set (default primary). Mirrors Button's --_accent model; Badge's tone vocabulary. */
19267
19290
  .twc-switch { --_accent: var(--color-primary); --_accent-fg: var(--color-primary-fg); --_accent-subtle: var(--color-primary-subtle); --_accent-subtle-fg: var(--color-primary-subtle-fg); --_accent-border: var(--color-primary-border); }
@@ -19314,7 +19337,7 @@ function Switch({
19314
19337
  .twc-field { display: flex; flex-direction: column; gap: var(--space-1-5); font-family: var(--font-sans); }
19315
19338
  .twc-field__error { font-size: var(--text-xs); color: var(--color-danger-subtle-fg); font-weight: var(--font-medium); }
19316
19339
  `);
19317
- const autoId = React54__namespace.default.useId();
19340
+ const autoId = React55__namespace.default.useId();
19318
19341
  const fieldId = id || autoId;
19319
19342
  const errId = `${fieldId}-error`;
19320
19343
  const invalid = Boolean(error);
@@ -19327,6 +19350,7 @@ function Switch({
19327
19350
  /* @__PURE__ */ jsxRuntime.jsx(
19328
19351
  "input",
19329
19352
  {
19353
+ ref,
19330
19354
  id: fieldId,
19331
19355
  type: "checkbox",
19332
19356
  role: "switch",
@@ -19356,7 +19380,7 @@ function Switch({
19356
19380
  control,
19357
19381
  /* @__PURE__ */ jsxRuntime.jsx("span", { id: errId, className: "twc-field__error", children: error })
19358
19382
  ] });
19359
- }
19383
+ });
19360
19384
  var TABLE_CSS = `
19361
19385
  .twc-table-wrap { width: 100%; overflow-x: auto; border-radius: var(--radius-lg); border: var(--border-thin) solid var(--color-border); background: var(--color-surface); }
19362
19386
  .twc-table { width: 100%; border-collapse: collapse; font-family: var(--font-sans); font-size: var(--text-sm); color: var(--color-text); }
@@ -19422,14 +19446,14 @@ function Table({
19422
19446
  ...rest
19423
19447
  }) {
19424
19448
  const __twcStyles = useScopedStyles("twc-table-styles", TABLE_CSS);
19425
- const cols = React54__namespace.default.useMemo(
19449
+ const cols = React55__namespace.default.useMemo(
19426
19450
  () => (columns || []).map((c) => ({ ...c, header: c.headerName, render: c.renderCell })),
19427
19451
  [columns]
19428
19452
  );
19429
19453
  const dataRows = rowsProp || [];
19430
- const [internalSort, setInternalSort] = React54__namespace.default.useState(defaultSort || { field: null, dir: "asc" });
19454
+ const [internalSort, setInternalSort] = React55__namespace.default.useState(defaultSort || { field: null, dir: "asc" });
19431
19455
  const sort = (sortProp !== void 0 ? sortProp : internalSort) || { field: null, dir: "asc" };
19432
- const rows = React54__namespace.default.useMemo(() => {
19456
+ const rows = React55__namespace.default.useMemo(() => {
19433
19457
  if (!sortable || !sort.field) return dataRows;
19434
19458
  const col = cols.find((c) => c.field === sort.field);
19435
19459
  if (!col) return dataRows;
@@ -19581,15 +19605,15 @@ function Tabs({
19581
19605
  }) {
19582
19606
  const vertical = orientation === "vertical";
19583
19607
  const __twcStyles = useScopedStyles("twc-tabs-styles", TABS_CSS);
19584
- const [internal, setInternal] = React54__namespace.default.useState(defaultValue ?? items[0]?.value);
19608
+ const [internal, setInternal] = React55__namespace.default.useState(defaultValue ?? items[0]?.value);
19585
19609
  const active = value ?? internal;
19586
- const listRef = React54__namespace.default.useRef(null);
19587
- const [ind, setInd] = React54__namespace.default.useState({ left: 0, width: 0, top: 0, height: 0 });
19588
- const baseId = React54__namespace.default.useId();
19610
+ const listRef = React55__namespace.default.useRef(null);
19611
+ const [ind, setInd] = React55__namespace.default.useState({ left: 0, width: 0, top: 0, height: 0 });
19612
+ const baseId = React55__namespace.default.useId();
19589
19613
  const tabIdAt = (i) => `${baseId}-tab-${i}`;
19590
19614
  const panelId = `${baseId}-panel`;
19591
19615
  const activeIndex = items.findIndex((it) => it.value === active);
19592
- const updateIndicator = React54__namespace.default.useCallback(() => {
19616
+ const updateIndicator = React55__namespace.default.useCallback(() => {
19593
19617
  const list = listRef.current;
19594
19618
  if (!list) return;
19595
19619
  const el = list.querySelector('[data-active="true"]');
@@ -19598,10 +19622,10 @@ function Tabs({
19598
19622
  if (!vertical) el.scrollIntoView?.({ inline: "nearest", block: "nearest" });
19599
19623
  }
19600
19624
  }, [vertical]);
19601
- React54__namespace.default.useEffect(() => {
19625
+ React55__namespace.default.useEffect(() => {
19602
19626
  updateIndicator();
19603
19627
  }, [active, updateIndicator, items, orientation]);
19604
- React54__namespace.default.useEffect(() => {
19628
+ React55__namespace.default.useEffect(() => {
19605
19629
  const r2 = () => updateIndicator();
19606
19630
  window.addEventListener("resize", r2);
19607
19631
  if (typeof document !== "undefined" && document.fonts && document.fonts.ready) {
@@ -19747,7 +19771,7 @@ function Tag({
19747
19771
  }, "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
19748
19772
  ] });
19749
19773
  }
19750
- var useIso = typeof document !== "undefined" ? React54__namespace.default.useLayoutEffect : React54__namespace.default.useEffect;
19774
+ var useIso = typeof document !== "undefined" ? React55__namespace.default.useLayoutEffect : React55__namespace.default.useEffect;
19751
19775
  var TEXTAREA_CSS = `
19752
19776
  .twc-field { display: flex; flex-direction: column; gap: var(--space-1-5); font-family: var(--font-sans); }
19753
19777
  .twc-field__label { font-size: var(--text-sm); font-weight: var(--font-semibold); color: var(--color-text); display: flex; gap: 4px; align-items: center; }
@@ -19796,7 +19820,7 @@ var TEXTAREA_CSS = `
19796
19820
  .twc-field__count { margin-inline-start: auto; font-size: var(--text-xs); color: var(--color-text-muted); font-variant-numeric: tabular-nums; flex: none; }
19797
19821
  .twc-field__count[data-danger="true"] { color: var(--color-danger-subtle-fg); }
19798
19822
  `;
19799
- var Textarea = React54__namespace.default.forwardRef(function Textarea2({
19823
+ var Textarea = /* @__PURE__ */ React55__namespace.default.forwardRef(function Textarea2({
19800
19824
  label,
19801
19825
  hint,
19802
19826
  error,
@@ -19815,19 +19839,19 @@ var Textarea = React54__namespace.default.forwardRef(function Textarea2({
19815
19839
  ...rest
19816
19840
  }, ref) {
19817
19841
  const __twcStyles = useScopedStyles("twc-textarea-styles", TEXTAREA_CSS);
19818
- const autoId = React54__namespace.default.useId();
19842
+ const autoId = React55__namespace.default.useId();
19819
19843
  const fieldId = id || autoId;
19820
19844
  const descId = `${fieldId}-desc`;
19821
19845
  const countId = `${fieldId}-count`;
19822
19846
  const invalid = Boolean(error);
19823
- const innerRef = React54__namespace.default.useRef(null);
19847
+ const innerRef = React55__namespace.default.useRef(null);
19824
19848
  const setRef = (el) => {
19825
19849
  innerRef.current = el;
19826
19850
  if (typeof ref === "function") ref(el);
19827
19851
  else if (ref) ref.current = el;
19828
19852
  };
19829
19853
  const countControlled = rest.value !== void 0;
19830
- const [len2, setLen] = React54__namespace.default.useState(() => String(rest.defaultValue ?? "").length);
19854
+ const [len2, setLen] = React55__namespace.default.useState(() => String(rest.defaultValue ?? "").length);
19831
19855
  const count = countControlled ? String(rest.value ?? "").length : len2;
19832
19856
  const max = rest.maxLength;
19833
19857
  const showCounter = showCount && max != null;
@@ -20029,19 +20053,19 @@ function Toast({
20029
20053
  }) {
20030
20054
  const resolvedTone = tone === "neutral" ? "default" : tone;
20031
20055
  const __twcStyles = useScopedStyles("twc-toast-styles", TOAST_CSS);
20032
- const onCloseRef = React54__namespace.default.useRef(onClose);
20033
- React54__namespace.default.useEffect(() => {
20056
+ const onCloseRef = React55__namespace.default.useRef(onClose);
20057
+ React55__namespace.default.useEffect(() => {
20034
20058
  onCloseRef.current = onClose;
20035
20059
  }, [onClose]);
20036
- const timer = React54__namespace.default.useRef();
20037
- const stop = React54__namespace.default.useCallback(() => clearTimeout(timer.current), []);
20038
- const start = React54__namespace.default.useCallback(() => {
20060
+ const timer = React55__namespace.default.useRef();
20061
+ const stop = React55__namespace.default.useCallback(() => clearTimeout(timer.current), []);
20062
+ const start = React55__namespace.default.useCallback(() => {
20039
20063
  stop();
20040
20064
  if (duration && duration !== Infinity && onCloseRef.current) {
20041
20065
  timer.current = setTimeout(() => onCloseRef.current && onCloseRef.current(), duration);
20042
20066
  }
20043
20067
  }, [duration, stop]);
20044
- React54__namespace.default.useEffect(() => {
20068
+ React55__namespace.default.useEffect(() => {
20045
20069
  start();
20046
20070
  return stop;
20047
20071
  }, [start, stop]);
@@ -20086,32 +20110,32 @@ function Toast({
20086
20110
  }
20087
20111
  function ToastViewport({ children, limit, className = "", ...rest }) {
20088
20112
  const __twcStyles = useScopedStyles("twc-toast-styles", TOAST_CSS);
20089
- const shown = limit && limit > 0 ? React54__namespace.default.Children.toArray(children).slice(-limit) : children;
20113
+ const shown = limit && limit > 0 ? React55__namespace.default.Children.toArray(children).slice(-limit) : children;
20090
20114
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `twc-toast-viewport ${className}`, role: "region", "aria-label": "Notifications", ...rest, children: [
20091
20115
  __twcStyles,
20092
20116
  shown
20093
20117
  ] });
20094
20118
  }
20095
- var ToastContext = React54__namespace.default.createContext(null);
20119
+ var ToastContext = React55__namespace.default.createContext(null);
20096
20120
  function useToast() {
20097
- const ctx = React54__namespace.default.useContext(ToastContext);
20121
+ const ctx = React55__namespace.default.useContext(ToastContext);
20098
20122
  if (!ctx) throw new Error("useToast must be used within a <ToastProvider>.");
20099
20123
  return ctx;
20100
20124
  }
20101
20125
  function ToastProvider({ children, limit = 4, duration = 4500, ...viewportProps }) {
20102
- const [toasts, setToasts] = React54__namespace.default.useState([]);
20103
- const [politeMsg, setPoliteMsg] = React54__namespace.default.useState("");
20104
- const [assertiveMsg, setAssertiveMsg] = React54__namespace.default.useState("");
20105
- const idRef = React54__namespace.default.useRef(0);
20106
- const limitRef = React54__namespace.default.useRef(limit);
20107
- React54__namespace.default.useEffect(() => {
20126
+ const [toasts, setToasts] = React55__namespace.default.useState([]);
20127
+ const [politeMsg, setPoliteMsg] = React55__namespace.default.useState("");
20128
+ const [assertiveMsg, setAssertiveMsg] = React55__namespace.default.useState("");
20129
+ const idRef = React55__namespace.default.useRef(0);
20130
+ const limitRef = React55__namespace.default.useRef(limit);
20131
+ React55__namespace.default.useEffect(() => {
20108
20132
  limitRef.current = limit;
20109
20133
  }, [limit]);
20110
- const dismiss = React54__namespace.default.useCallback((id) => {
20134
+ const dismiss = React55__namespace.default.useCallback((id) => {
20111
20135
  setToasts((s) => s.filter((t) => t.id !== id));
20112
20136
  }, []);
20113
- const clear = React54__namespace.default.useCallback(() => setToasts([]), []);
20114
- const api = React54__namespace.default.useMemo(() => {
20137
+ const clear = React55__namespace.default.useCallback(() => setToasts([]), []);
20138
+ const api = React55__namespace.default.useMemo(() => {
20115
20139
  const push = (opts) => {
20116
20140
  const id = idRef.current += 1;
20117
20141
  const next = typeof opts === "string" ? { title: opts } : opts && typeof opts === "object" ? opts : {};
@@ -20138,7 +20162,7 @@ function ToastProvider({ children, limit = 4, duration = 4500, ...viewportProps
20138
20162
  toast.show = withTone("default");
20139
20163
  return { toast, dismiss, clear };
20140
20164
  }, [dismiss, clear]);
20141
- const value = React54__namespace.default.useMemo(() => ({ ...api, toasts }), [api, toasts]);
20165
+ const value = React55__namespace.default.useMemo(() => ({ ...api, toasts }), [api, toasts]);
20142
20166
  return /* @__PURE__ */ jsxRuntime.jsxs(ToastContext.Provider, { value, children: [
20143
20167
  children,
20144
20168
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "twc-toast-sr", "aria-live": "polite", "aria-atomic": "true", children: politeMsg }),
@@ -20252,13 +20276,13 @@ function TreeView({
20252
20276
  }) {
20253
20277
  const nodes = items;
20254
20278
  const __twcStyles = useScopedStyles("twc-tree-styles", TREE_CSS);
20255
- const [expInternal, setExpInternal] = React54__namespace.default.useState(() => new Set(defaultExpanded));
20279
+ const [expInternal, setExpInternal] = React55__namespace.default.useState(() => new Set(defaultExpanded));
20256
20280
  const expanded = expandedProp !== void 0 ? new Set(expandedProp) : expInternal;
20257
- const [selInternal, setSelInternal] = React54__namespace.default.useState(defaultSelectedId);
20281
+ const [selInternal, setSelInternal] = React55__namespace.default.useState(defaultSelectedId);
20258
20282
  const selectedId = selectedProp !== void 0 ? selectedProp : selInternal;
20259
- const [focusId, setFocusId] = React54__namespace.default.useState(null);
20260
- const rowRefs = React54__namespace.default.useRef(/* @__PURE__ */ new Map());
20261
- const taRef = React54__namespace.default.useRef({ str: "", t: 0 });
20283
+ const [focusId, setFocusId] = React55__namespace.default.useState(null);
20284
+ const rowRefs = React55__namespace.default.useRef(/* @__PURE__ */ new Map());
20285
+ const taRef = React55__namespace.default.useRef({ str: "", t: 0 });
20262
20286
  const toggle = (id) => {
20263
20287
  const n = new Set(expanded);
20264
20288
  n.has(id) ? n.delete(id) : n.add(id);
@@ -20396,7 +20420,7 @@ function AppShell({
20396
20420
  ...rest
20397
20421
  }) {
20398
20422
  const __twcStyles = useScopedStyles("twc-shell-styles", SHELL_CSS);
20399
- const wiredSidebar = React54__namespace.default.isValidElement(sidebar) && (sidebarOpen !== void 0 || onSidebarOpenChange !== void 0) ? React54__namespace.default.cloneElement(sidebar, {
20423
+ const wiredSidebar = React55__namespace.default.isValidElement(sidebar) && (sidebarOpen !== void 0 || onSidebarOpenChange !== void 0) ? React55__namespace.default.cloneElement(sidebar, {
20400
20424
  overlay: sidebar.props.overlay !== void 0 ? sidebar.props.overlay : true,
20401
20425
  open: sidebar.props.open !== void 0 ? sidebar.props.open : sidebarOpen,
20402
20426
  onOpenChange: sidebar.props.onOpenChange !== void 0 ? sidebar.props.onOpenChange : onSidebarOpenChange
@@ -20431,7 +20455,7 @@ function safeHref9(url) {
20431
20455
  const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
20432
20456
  return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
20433
20457
  }
20434
- var Box = React54__namespace.default.forwardRef(function Box2({
20458
+ var Box = /* @__PURE__ */ React55__namespace.default.forwardRef(function Box2({
20435
20459
  as: Tag2 = "div",
20436
20460
  p,
20437
20461
  px,
@@ -20480,14 +20504,13 @@ var Box = React54__namespace.default.forwardRef(function Box2({
20480
20504
  children
20481
20505
  ] });
20482
20506
  });
20483
- Box.displayName = "Box";
20484
20507
  var SIZES = { sm: 640, md: 768, lg: 1024, xl: 1280, full: "100%" };
20485
20508
  function safeHref10(url) {
20486
20509
  if (url == null) return void 0;
20487
20510
  const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
20488
20511
  return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
20489
20512
  }
20490
- var Container = React54__namespace.default.forwardRef(function Container2({
20513
+ var Container = /* @__PURE__ */ React55__namespace.default.forwardRef(function Container2({
20491
20514
  as: Tag2 = "div",
20492
20515
  size = "lg",
20493
20516
  padded = true,
@@ -20524,7 +20547,6 @@ var Container = React54__namespace.default.forwardRef(function Container2({
20524
20547
  }
20525
20548
  );
20526
20549
  });
20527
- Container.displayName = "Container";
20528
20550
  function space2(v) {
20529
20551
  if (v == null) return void 0;
20530
20552
  if (typeof v === "number") return `var(--space-${String(v).replace(".", "-")})`;
@@ -20535,7 +20557,7 @@ function safeHref11(url) {
20535
20557
  const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
20536
20558
  return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
20537
20559
  }
20538
- var Stack = React54__namespace.default.forwardRef(function Stack2({
20560
+ var Stack = /* @__PURE__ */ React55__namespace.default.forwardRef(function Stack2({
20539
20561
  as: Tag2 = "div",
20540
20562
  direction = "column",
20541
20563
  gap = 4,
@@ -20559,7 +20581,7 @@ var Stack = React54__namespace.default.forwardRef(function Stack2({
20559
20581
  }, ref) {
20560
20582
  const { flatStyle, styleNode, sxAttr } = useSx(sx);
20561
20583
  if (Tag2 === "a" && rest.href != null) rest.href = safeHref11(rest.href);
20562
- const kids = divider != null ? React54__namespace.default.Children.toArray(children).flatMap((child, i, arr) => i < arr.length - 1 ? [child, /* @__PURE__ */ jsxRuntime.jsx(React54__namespace.default.Fragment, { children: divider }, `twc-stack-div-${i}`)] : [child]) : children;
20584
+ const kids = divider != null ? React55__namespace.default.Children.toArray(children).flatMap((child, i, arr) => i < arr.length - 1 ? [child, /* @__PURE__ */ jsxRuntime.jsx(React55__namespace.default.Fragment, { children: divider }, `twc-stack-div-${i}`)] : [child]) : children;
20563
20585
  return /* @__PURE__ */ jsxRuntime.jsxs(
20564
20586
  Tag2,
20565
20587
  {
@@ -20589,7 +20611,6 @@ var Stack = React54__namespace.default.forwardRef(function Stack2({
20589
20611
  }
20590
20612
  );
20591
20613
  });
20592
- Stack.displayName = "Stack";
20593
20614
  var CODE_CSS = `
20594
20615
  .twc-code {
20595
20616
  font-family: var(--font-mono); font-size: 0.875em;
@@ -20618,7 +20639,7 @@ function safeHref12(url) {
20618
20639
  const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
20619
20640
  return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
20620
20641
  }
20621
- function Code({
20642
+ var Code = /* @__PURE__ */ React55__namespace.default.forwardRef(function Code2({
20622
20643
  as,
20623
20644
  block = false,
20624
20645
  copyable = false,
@@ -20627,14 +20648,15 @@ function Code({
20627
20648
  className = "",
20628
20649
  children,
20629
20650
  ...rest
20630
- }) {
20651
+ }, ref) {
20631
20652
  const __twcStyles = useScopedStyles("twc-code-styles", CODE_CSS);
20632
20653
  const Tag2 = as ?? (block ? "pre" : "code");
20633
20654
  if (Tag2 === "a" && rest.href != null) rest.href = safeHref12(rest.href);
20634
- const rootRef = React54__namespace.default.useRef(null);
20635
- const [copied, setCopied] = React54__namespace.default.useState(false);
20636
- const timerRef = React54__namespace.default.useRef(null);
20637
- React54__namespace.default.useEffect(() => () => clearTimeout(timerRef.current), []);
20655
+ const rootRef = React55__namespace.default.useRef(null);
20656
+ const setRootRef = useMergedRef(rootRef, ref);
20657
+ const [copied, setCopied] = React55__namespace.default.useState(false);
20658
+ const timerRef = React55__namespace.default.useRef(null);
20659
+ React55__namespace.default.useEffect(() => () => clearTimeout(timerRef.current), []);
20638
20660
  const doCopy = () => {
20639
20661
  const text = typeof children === "string" ? children : rootRef.current?.textContent ?? "";
20640
20662
  const flash = () => {
@@ -20667,7 +20689,7 @@ function Code({
20667
20689
  }
20668
20690
  execFallback();
20669
20691
  };
20670
- return /* @__PURE__ */ jsxRuntime.jsxs(Tag2, { ref: rootRef, className: `twc-code ${className}`.trim(), "data-block": block || void 0, ...rest, children: [
20692
+ return /* @__PURE__ */ jsxRuntime.jsxs(Tag2, { ref: setRootRef, className: `twc-code ${className}`.trim(), "data-block": block || void 0, ...rest, children: [
20671
20693
  __twcStyles,
20672
20694
  copyable ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "twc-code__copy", "aria-label": copied ? copiedLabel : copyLabel, onClick: doCopy, children: copied ? /* @__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: "m20 6-11 11-5-5" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
20673
20695
  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2" }),
@@ -20675,14 +20697,14 @@ function Code({
20675
20697
  ] }) }) : null,
20676
20698
  children
20677
20699
  ] });
20678
- }
20700
+ });
20679
20701
  var LEVEL_SIZE = { 1: "4xl", 2: "2xl", 3: "xl", 4: "lg", 5: "base", 6: "sm" };
20680
20702
  function safeHref13(url) {
20681
20703
  if (url == null) return void 0;
20682
20704
  const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
20683
20705
  return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
20684
20706
  }
20685
- var Heading = React54__namespace.default.forwardRef(function Heading2({
20707
+ var Heading = /* @__PURE__ */ React55__namespace.default.forwardRef(function Heading2({
20686
20708
  as,
20687
20709
  level = 2,
20688
20710
  size,
@@ -20730,7 +20752,6 @@ var Heading = React54__namespace.default.forwardRef(function Heading2({
20730
20752
  }
20731
20753
  );
20732
20754
  });
20733
- Heading.displayName = "Heading";
20734
20755
  var TONE = {
20735
20756
  default: "--color-text",
20736
20757
  muted: "--color-text-muted",
@@ -20751,7 +20772,7 @@ function safeHref14(url) {
20751
20772
  const s = String(url).replace(/[\x00-\x20]+/g, "").toLowerCase();
20752
20773
  return s.startsWith("javascript:") || s.startsWith("data:") || s.startsWith("vbscript:") ? void 0 : url;
20753
20774
  }
20754
- var Text = React54__namespace.default.forwardRef(function Text2({
20775
+ var Text = /* @__PURE__ */ React55__namespace.default.forwardRef(function Text2({
20755
20776
  as: Tag2 = "p",
20756
20777
  size = "base",
20757
20778
  tone = "default",
@@ -20797,47 +20818,46 @@ var Text = React54__namespace.default.forwardRef(function Text2({
20797
20818
  }
20798
20819
  );
20799
20820
  });
20800
- Text.displayName = "Text";
20801
20821
  var canUseDOM2 = typeof window !== "undefined" && typeof document !== "undefined";
20802
- var useIsomorphicLayoutEffect = canUseDOM2 ? React54__namespace.default.useLayoutEffect : React54__namespace.default.useEffect;
20822
+ var useIsomorphicLayoutEffect = canUseDOM2 ? React55__namespace.default.useLayoutEffect : React55__namespace.default.useEffect;
20803
20823
  function useMounted() {
20804
- const [mounted, setMounted] = React54__namespace.default.useState(false);
20805
- React54__namespace.default.useEffect(() => {
20824
+ const [mounted, setMounted] = React55__namespace.default.useState(false);
20825
+ React55__namespace.default.useEffect(() => {
20806
20826
  setMounted(true);
20807
20827
  }, []);
20808
20828
  return mounted;
20809
20829
  }
20810
20830
  function usePrevious(value) {
20811
- const ref = React54__namespace.default.useRef(void 0);
20812
- React54__namespace.default.useEffect(() => {
20831
+ const ref = React55__namespace.default.useRef(void 0);
20832
+ React55__namespace.default.useEffect(() => {
20813
20833
  ref.current = value;
20814
20834
  }, [value]);
20815
20835
  return ref.current;
20816
20836
  }
20817
20837
  function useToggle(initial = false) {
20818
- const [on, setOn] = React54__namespace.default.useState(initial);
20819
- const toggle = React54__namespace.default.useCallback((next) => {
20838
+ const [on, setOn] = React55__namespace.default.useState(initial);
20839
+ const toggle = React55__namespace.default.useCallback((next) => {
20820
20840
  setOn((prev) => typeof next === "boolean" ? next : !prev);
20821
20841
  }, []);
20822
20842
  return [on, toggle, setOn];
20823
20843
  }
20824
20844
  function useDisclosure(initial = false) {
20825
- const [open, setOpen] = React54__namespace.default.useState(initial);
20826
- const onOpen = React54__namespace.default.useCallback(() => setOpen(true), []);
20827
- const onClose = React54__namespace.default.useCallback(() => setOpen(false), []);
20828
- const onToggle = React54__namespace.default.useCallback(() => setOpen((p) => !p), []);
20845
+ const [open, setOpen] = React55__namespace.default.useState(initial);
20846
+ const onOpen = React55__namespace.default.useCallback(() => setOpen(true), []);
20847
+ const onClose = React55__namespace.default.useCallback(() => setOpen(false), []);
20848
+ const onToggle = React55__namespace.default.useCallback(() => setOpen((p) => !p), []);
20829
20849
  return { open, onOpen, onClose, onToggle, setOpen };
20830
20850
  }
20831
20851
  function useControllableState({ value, defaultValue, onChange } = {}) {
20832
20852
  const isControlled = value !== void 0;
20833
- const [uncontrolled, setUncontrolled] = React54__namespace.default.useState(defaultValue);
20853
+ const [uncontrolled, setUncontrolled] = React55__namespace.default.useState(defaultValue);
20834
20854
  const current = isControlled ? value : uncontrolled;
20835
- const ref = React54__namespace.default.useRef({ current, isControlled, onChange });
20855
+ const ref = React55__namespace.default.useRef({ current, isControlled, onChange });
20836
20856
  useIsomorphicLayoutEffect(() => {
20837
20857
  ref.current = { current, isControlled, onChange };
20838
20858
  });
20839
- const wasControlled = React54__namespace.default.useRef(isControlled);
20840
- React54__namespace.default.useEffect(() => {
20859
+ const wasControlled = React55__namespace.default.useRef(isControlled);
20860
+ React55__namespace.default.useEffect(() => {
20841
20861
  if (wasControlled.current !== isControlled) {
20842
20862
  warnOnce(
20843
20863
  "useControllableState:switch",
@@ -20846,7 +20866,7 @@ function useControllableState({ value, defaultValue, onChange } = {}) {
20846
20866
  wasControlled.current = isControlled;
20847
20867
  }
20848
20868
  });
20849
- const setValue = React54__namespace.default.useCallback((next) => {
20869
+ const setValue = React55__namespace.default.useCallback((next) => {
20850
20870
  const { current: cur, isControlled: ctrl, onChange: cb } = ref.current;
20851
20871
  const resolved = typeof next === "function" ? next(cur) : next;
20852
20872
  if (resolved === cur) return;
@@ -20857,7 +20877,7 @@ function useControllableState({ value, defaultValue, onChange } = {}) {
20857
20877
  }
20858
20878
  function useMediaQuery(query, { defaultValue = false, initializeWithValue = false } = {}) {
20859
20879
  const get = () => canUseDOM2 ? window.matchMedia(query).matches : defaultValue;
20860
- const [matches3, setMatches] = React54__namespace.default.useState(initializeWithValue ? get : defaultValue);
20880
+ const [matches3, setMatches] = React55__namespace.default.useState(initializeWithValue ? get : defaultValue);
20861
20881
  useIsomorphicLayoutEffect(() => {
20862
20882
  if (!canUseDOM2) return void 0;
20863
20883
  const mql = window.matchMedia(query);
@@ -20873,7 +20893,7 @@ function usePrefersReducedMotion() {
20873
20893
  }
20874
20894
  function useColorScheme({ storageKey = "twico-theme", attribute = "class", element, disableTransitionsOnChange = true, initializeWithValue = false } = {}) {
20875
20895
  const getTarget = () => element || (canUseDOM2 ? document.documentElement : null);
20876
- const firstApply = React54__namespace.default.useRef(true);
20896
+ const firstApply = React55__namespace.default.useRef(true);
20877
20897
  const read = () => {
20878
20898
  if (!canUseDOM2) return "light";
20879
20899
  try {
@@ -20883,8 +20903,8 @@ function useColorScheme({ storageKey = "twico-theme", attribute = "class", eleme
20883
20903
  }
20884
20904
  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
20885
20905
  };
20886
- const [theme, setThemeState] = React54__namespace.default.useState(initializeWithValue ? read : "light");
20887
- const apply = React54__namespace.default.useCallback(
20906
+ const [theme, setThemeState] = React55__namespace.default.useState(initializeWithValue ? read : "light");
20907
+ const apply = React55__namespace.default.useCallback(
20888
20908
  (t) => {
20889
20909
  const target = getTarget();
20890
20910
  if (!target) return;
@@ -20907,7 +20927,7 @@ function useColorScheme({ storageKey = "twico-theme", attribute = "class", eleme
20907
20927
  },
20908
20928
  [attribute, element, disableTransitionsOnChange]
20909
20929
  );
20910
- const resolved = React54__namespace.default.useRef(false);
20930
+ const resolved = React55__namespace.default.useRef(false);
20911
20931
  useIsomorphicLayoutEffect(() => {
20912
20932
  if (!resolved.current) {
20913
20933
  resolved.current = true;
@@ -20920,11 +20940,11 @@ function useColorScheme({ storageKey = "twico-theme", attribute = "class", eleme
20920
20940
  }
20921
20941
  apply(theme);
20922
20942
  }, [theme, apply]);
20923
- const themeRef = React54__namespace.default.useRef(theme);
20943
+ const themeRef = React55__namespace.default.useRef(theme);
20924
20944
  useIsomorphicLayoutEffect(() => {
20925
20945
  themeRef.current = theme;
20926
20946
  }, [theme]);
20927
- const setTheme = React54__namespace.default.useCallback(
20947
+ const setTheme = React55__namespace.default.useCallback(
20928
20948
  (t) => {
20929
20949
  setThemeState(t);
20930
20950
  try {
@@ -20935,10 +20955,10 @@ function useColorScheme({ storageKey = "twico-theme", attribute = "class", eleme
20935
20955
  },
20936
20956
  [storageKey]
20937
20957
  );
20938
- const toggle = React54__namespace.default.useCallback(() => {
20958
+ const toggle = React55__namespace.default.useCallback(() => {
20939
20959
  setTheme(themeRef.current === "dark" ? "light" : "dark");
20940
20960
  }, [setTheme]);
20941
- React54__namespace.default.useEffect(() => {
20961
+ React55__namespace.default.useEffect(() => {
20942
20962
  if (!canUseDOM2) return void 0;
20943
20963
  const sync = () => setThemeState(read());
20944
20964
  const onStorage = (e) => {
@@ -20954,14 +20974,14 @@ function useColorScheme({ storageKey = "twico-theme", attribute = "class", eleme
20954
20974
  return { theme, setTheme, toggle, isDark: theme === "dark" };
20955
20975
  }
20956
20976
  function useEventListener(eventName, handler, element, options) {
20957
- const saved = React54__namespace.default.useRef(handler);
20977
+ const saved = React55__namespace.default.useRef(handler);
20958
20978
  useIsomorphicLayoutEffect(() => {
20959
20979
  saved.current = handler;
20960
20980
  }, [handler]);
20961
20981
  const capture = typeof options === "boolean" ? options : options && options.capture;
20962
20982
  const passive = typeof options === "object" && options ? options.passive : void 0;
20963
20983
  const once = typeof options === "object" && options ? options.once : void 0;
20964
- React54__namespace.default.useEffect(() => {
20984
+ React55__namespace.default.useEffect(() => {
20965
20985
  const target = element && element.current || element || (canUseDOM2 ? window : null);
20966
20986
  if (!target || !target.addEventListener) return void 0;
20967
20987
  const opts = typeof options === "boolean" ? options : { capture, passive, once };
@@ -20971,11 +20991,11 @@ function useEventListener(eventName, handler, element, options) {
20971
20991
  }, [eventName, element, capture, passive, once]);
20972
20992
  }
20973
20993
  function useClickOutside(ref, handler, events = ["mousedown", "touchstart"]) {
20974
- const saved = React54__namespace.default.useRef(handler);
20994
+ const saved = React55__namespace.default.useRef(handler);
20975
20995
  useIsomorphicLayoutEffect(() => {
20976
20996
  saved.current = handler;
20977
20997
  }, [handler]);
20978
- React54__namespace.default.useEffect(() => {
20998
+ React55__namespace.default.useEffect(() => {
20979
20999
  if (!canUseDOM2) return void 0;
20980
21000
  const listener = (e) => {
20981
21001
  const el = ref && ref.current;
@@ -21010,12 +21030,12 @@ function useLocalStorage(key, initialValue, { initializeWithValue = false } = {}
21010
21030
  return initialValue;
21011
21031
  }
21012
21032
  };
21013
- const [stored, setStored] = React54__namespace.default.useState(initializeWithValue ? read : initialValue);
21033
+ const [stored, setStored] = React55__namespace.default.useState(initializeWithValue ? read : initialValue);
21014
21034
  useIsomorphicLayoutEffect(() => {
21015
21035
  if (!canUseDOM2) return;
21016
21036
  setStored(read());
21017
21037
  }, [key]);
21018
- const setValue = React54__namespace.default.useCallback(
21038
+ const setValue = React55__namespace.default.useCallback(
21019
21039
  (value) => {
21020
21040
  setStored((prev) => {
21021
21041
  const next = typeof value === "function" ? value(prev) : value;
@@ -21054,9 +21074,9 @@ function legacyCopy(text) {
21054
21074
  }
21055
21075
  }
21056
21076
  function useCopyToClipboard(timeout = 1500) {
21057
- const [copied, setCopied] = React54__namespace.default.useState(false);
21058
- const [copyTick, setCopyTick] = React54__namespace.default.useState(0);
21059
- const copy = React54__namespace.default.useCallback(async (text) => {
21077
+ const [copied, setCopied] = React55__namespace.default.useState(false);
21078
+ const [copyTick, setCopyTick] = React55__namespace.default.useState(0);
21079
+ const copy = React55__namespace.default.useCallback(async (text) => {
21060
21080
  if (!canUseDOM2) {
21061
21081
  setCopied(false);
21062
21082
  return false;
@@ -21075,7 +21095,7 @@ function useCopyToClipboard(timeout = 1500) {
21075
21095
  if (ok) setCopyTick((t) => t + 1);
21076
21096
  return ok;
21077
21097
  }, []);
21078
- React54__namespace.default.useEffect(() => {
21098
+ React55__namespace.default.useEffect(() => {
21079
21099
  if (!copied) return void 0;
21080
21100
  const t = setTimeout(() => setCopied(false), timeout);
21081
21101
  return () => clearTimeout(t);
@@ -21083,23 +21103,23 @@ function useCopyToClipboard(timeout = 1500) {
21083
21103
  return { copied, copy };
21084
21104
  }
21085
21105
  function useDebouncedValue(value, delay = 200) {
21086
- const [debounced, setDebounced] = React54__namespace.default.useState(value);
21087
- React54__namespace.default.useEffect(() => {
21106
+ const [debounced, setDebounced] = React55__namespace.default.useState(value);
21107
+ React55__namespace.default.useEffect(() => {
21088
21108
  const t = setTimeout(() => setDebounced(value), delay);
21089
21109
  return () => clearTimeout(t);
21090
21110
  }, [value, delay]);
21091
21111
  return debounced;
21092
21112
  }
21093
21113
  function useDebouncedCallback(callback, delay = 200) {
21094
- const saved = React54__namespace.default.useRef(callback);
21095
- const timer = React54__namespace.default.useRef(null);
21114
+ const saved = React55__namespace.default.useRef(callback);
21115
+ const timer = React55__namespace.default.useRef(null);
21096
21116
  useIsomorphicLayoutEffect(() => {
21097
21117
  saved.current = callback;
21098
21118
  }, [callback]);
21099
- React54__namespace.default.useEffect(() => () => {
21119
+ React55__namespace.default.useEffect(() => () => {
21100
21120
  if (timer.current) clearTimeout(timer.current);
21101
21121
  }, []);
21102
- return React54__namespace.default.useCallback(
21122
+ return React55__namespace.default.useCallback(
21103
21123
  (...args) => {
21104
21124
  if (timer.current) clearTimeout(timer.current);
21105
21125
  timer.current = setTimeout(() => saved.current(...args), delay);
@@ -21108,22 +21128,22 @@ function useDebouncedCallback(callback, delay = 200) {
21108
21128
  );
21109
21129
  }
21110
21130
  function useInterval(callback, delay) {
21111
- const saved = React54__namespace.default.useRef(callback);
21131
+ const saved = React55__namespace.default.useRef(callback);
21112
21132
  useIsomorphicLayoutEffect(() => {
21113
21133
  saved.current = callback;
21114
21134
  }, [callback]);
21115
- React54__namespace.default.useEffect(() => {
21135
+ React55__namespace.default.useEffect(() => {
21116
21136
  if (delay == null) return void 0;
21117
21137
  const id = setInterval(() => saved.current(), delay);
21118
21138
  return () => clearInterval(id);
21119
21139
  }, [delay]);
21120
21140
  }
21121
21141
  function useTimeout(callback, delay) {
21122
- const saved = React54__namespace.default.useRef(callback);
21142
+ const saved = React55__namespace.default.useRef(callback);
21123
21143
  useIsomorphicLayoutEffect(() => {
21124
21144
  saved.current = callback;
21125
21145
  }, [callback]);
21126
- React54__namespace.default.useEffect(() => {
21146
+ React55__namespace.default.useEffect(() => {
21127
21147
  if (delay == null) return void 0;
21128
21148
  const id = setTimeout(() => saved.current(), delay);
21129
21149
  return () => clearTimeout(id);
@@ -21134,7 +21154,7 @@ function useWindowSize({ initializeWithValue = false } = {}) {
21134
21154
  width: canUseDOM2 ? window.innerWidth : 0,
21135
21155
  height: canUseDOM2 ? window.innerHeight : 0
21136
21156
  });
21137
- const [size, setSize] = React54__namespace.default.useState(initializeWithValue ? get : { width: 0, height: 0 });
21157
+ const [size, setSize] = React55__namespace.default.useState(initializeWithValue ? get : { width: 0, height: 0 });
21138
21158
  useIsomorphicLayoutEffect(() => {
21139
21159
  if (!canUseDOM2) return void 0;
21140
21160
  const onResize = () => setSize({ width: window.innerWidth, height: window.innerHeight });
@@ -21145,8 +21165,8 @@ function useWindowSize({ initializeWithValue = false } = {}) {
21145
21165
  return size;
21146
21166
  }
21147
21167
  function useHover(ref) {
21148
- const [hovered, setHovered] = React54__namespace.default.useState(false);
21149
- React54__namespace.default.useEffect(() => {
21168
+ const [hovered, setHovered] = React55__namespace.default.useState(false);
21169
+ React55__namespace.default.useEffect(() => {
21150
21170
  const el = ref && ref.current;
21151
21171
  if (!el) return void 0;
21152
21172
  const on = () => setHovered(true);
@@ -21162,8 +21182,8 @@ function useHover(ref) {
21162
21182
  }
21163
21183
  function useIntersectionObserver(ref, options = {}) {
21164
21184
  const { root = null, rootMargin = "0px", threshold = 0 } = options;
21165
- const [entry, setEntry] = React54__namespace.default.useState(null);
21166
- React54__namespace.default.useEffect(() => {
21185
+ const [entry, setEntry] = React55__namespace.default.useState(null);
21186
+ React55__namespace.default.useEffect(() => {
21167
21187
  const el = ref && ref.current;
21168
21188
  if (!canUseDOM2 || !el || typeof IntersectionObserver === "undefined") return void 0;
21169
21189
  const obs = new IntersectionObserver(([e]) => setEntry(e), { root, rootMargin, threshold });
@@ -21173,20 +21193,20 @@ function useIntersectionObserver(ref, options = {}) {
21173
21193
  return entry;
21174
21194
  }
21175
21195
  function useId(prefix = "twc") {
21176
- const raw = React54__namespace.default.useId();
21196
+ const raw = React55__namespace.default.useId();
21177
21197
  return prefix ? `${prefix}-${raw.replace(/:/g, "")}` : raw;
21178
21198
  }
21179
21199
  var useFocusTrap2 = useFocusTrap;
21180
21200
  var usePortal2 = usePortal;
21181
21201
  var useScrollLock2 = useScrollLock;
21182
21202
  function useFilePicker({ accept, multiple = false, maxSize, maxFiles, onFiles, onReject } = {}) {
21183
- const inputRef = React54__namespace.default.useRef(null);
21184
- const cbRef = React54__namespace.default.useRef({ onFiles, onReject });
21203
+ const inputRef = React55__namespace.default.useRef(null);
21204
+ const cbRef = React55__namespace.default.useRef({ onFiles, onReject });
21185
21205
  cbRef.current = { onFiles, onReject };
21186
- const open = React54__namespace.default.useCallback(() => {
21206
+ const open = React55__namespace.default.useCallback(() => {
21187
21207
  inputRef.current?.click();
21188
21208
  }, []);
21189
- const getInputProps = React54__namespace.default.useCallback(() => ({
21209
+ const getInputProps = React55__namespace.default.useCallback(() => ({
21190
21210
  ref: inputRef,
21191
21211
  type: "file",
21192
21212
  accept,