xmlui 0.9.10 → 0.9.11

package/dist/xmlui-metadata.umd.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("react"), require("classnames"), require("lodash-es"), require("@remix-run/react"), require("react-day-picker"), require("date-fns"), require("@radix-ui/react-dropdown-menu"), require("react-dom"), require("immer"), require("@radix-ui/react-dialog"), require("use-context-selector"), require("react-dropzone"), require("@radix-ui/react-visually-hidden"), require("@radix-ui/react-select"), require("@radix-ui/react-popover"), require("cmdk"), require("@radix-ui/react-radio-group"), require("react-textarea-autosize"), require("@radix-ui/react-slider"), require("@tanstack/react-table"), require("@tanstack/react-virtual"), require("@radix-ui/react-accordion"), require("@eslint-community/regexpp"), require("embla-carousel-react"), require("embla-carousel-autoplay")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "react", "classnames", "lodash-es", "@remix-run/react", "react-day-picker", "date-fns", "@radix-ui/react-dropdown-menu", "react-dom", "immer", "@radix-ui/react-dialog", "use-context-selector", "react-dropzone", "@radix-ui/react-visually-hidden", "@radix-ui/react-select", "@radix-ui/react-popover", "cmdk", "@radix-ui/react-radio-group", "react-textarea-autosize", "@radix-ui/react-slider", "@tanstack/react-table", "@tanstack/react-virtual", "@radix-ui/react-accordion", "@eslint-community/regexpp", "embla-carousel-react", "embla-carousel-autoplay"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["xmlui-metadata"] = {}, global["react/jsx-runtime"], global.React, global.classnames, global.lodashEs, global.react, global.reactDayPicker, global.dateFns, global.ReactDropdownMenu, global.ReactDOM, global.produce, global.SheetPrimitive, global.useContextSelector, global.dropzone, global.VisuallyHidden, global.reactSelect, global.reactPopover, global.cmdk, global.InnerRadioGroup, global.TextareaAutosize, global.reactSlider, global.reactTable, global.reactVirtual, global.RAccordion, global.regexpp, global.useEmblaCarousel, global.Autoplay));
-})(this, function(exports2, jsxRuntime, React, classnames, lodashEs, react, reactDayPicker, dateFns, ReactDropdownMenu, reactDom, produce, SheetPrimitive, useContextSelector, dropzone, VisuallyHidden, reactSelect, reactPopover, cmdk, InnerRadioGroup, TextareaAutosize, reactSlider, reactTable, reactVirtual, RAccordion, regexpp, useEmblaCarousel, Autoplay) {
+})(this, function(exports2, jsxRuntime, React, classnames, lodashEs, react, reactDayPicker, dateFns, ReactDropdownMenu, ReactDOM, produce, SheetPrimitive, useContextSelector, dropzone, VisuallyHidden, reactSelect, reactPopover, cmdk, InnerRadioGroup, TextareaAutosize, reactSlider, reactTable, reactVirtual, RAccordion, regexpp, useEmblaCarousel, Autoplay) {
   "use strict";
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -1048,6 +1048,9 @@
       }
     };
   }
+  function useComposedRefs(...refs) {
+    return React__namespace.useCallback(composeRefs(...refs), refs);
+  }
   const defaultProps$g = {
     type: "button",
     iconPosition: "start",
@@ -1589,43 +1592,51 @@
       text2 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", userSelect: "none" }, children: /* @__PURE__ */ jsxRuntime.jsx(Text, { style: { fontSize: "inherit" }, children: text2 }) })
     ] }) : null });
   }
-  var Slot = React__namespace.forwardRef((props, forwardedRef) => {
-    const { children, ...slotProps } = props;
-    const childrenArray = React__namespace.Children.toArray(children);
-    const slottable = childrenArray.find(isSlottable);
-    if (slottable) {
-      const newElement = slottable.props.children;
-      const newChildren = childrenArray.map((child) => {
-        if (child === slottable) {
-          if (React__namespace.Children.count(newElement) > 1) return React__namespace.Children.only(null);
-          return React__namespace.isValidElement(newElement) ? newElement.props.children : null;
-        } else {
-          return child;
+  // @__NO_SIDE_EFFECTS__
+  function createSlot(ownerName) {
+    const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
+    const Slot2 = React__namespace.forwardRef((props, forwardedRef) => {
+      const { children, ...slotProps } = props;
+      const childrenArray = React__namespace.Children.toArray(children);
+      const slottable = childrenArray.find(isSlottable);
+      if (slottable) {
+        const newElement = slottable.props.children;
+        const newChildren = childrenArray.map((child) => {
+          if (child === slottable) {
+            if (React__namespace.Children.count(newElement) > 1) return React__namespace.Children.only(null);
+            return React__namespace.isValidElement(newElement) ? newElement.props.children : null;
+          } else {
+            return child;
+          }
+        });
+        return /* @__PURE__ */ jsxRuntime.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React__namespace.isValidElement(newElement) ? React__namespace.cloneElement(newElement, void 0, newChildren) : null });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
+    });
+    Slot2.displayName = `${ownerName}.Slot`;
+    return Slot2;
+  }
+  var Slot = /* @__PURE__ */ createSlot("Slot");
+  // @__NO_SIDE_EFFECTS__
+  function createSlotClone(ownerName) {
+    const SlotClone = React__namespace.forwardRef((props, forwardedRef) => {
+      const { children, ...slotProps } = props;
+      if (React__namespace.isValidElement(children)) {
+        const childrenRef = getElementRef(children);
+        const props2 = mergeProps$1(slotProps, children.props);
+        if (children.type !== React__namespace.Fragment) {
+          props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
         }
-      });
-      return /* @__PURE__ */ jsxRuntime.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React__namespace.isValidElement(newElement) ? React__namespace.cloneElement(newElement, void 0, newChildren) : null });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
-  });
-  Slot.displayName = "Slot";
-  var SlotClone = React__namespace.forwardRef((props, forwardedRef) => {
-    const { children, ...slotProps } = props;
-    if (React__namespace.isValidElement(children)) {
-      const childrenRef = getElementRef(children);
-      const props2 = mergeProps$1(slotProps, children.props);
-      if (children.type !== React__namespace.Fragment) {
-        props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
-      }
-      return React__namespace.cloneElement(children, props2);
-    }
-    return React__namespace.Children.count(children) > 1 ? React__namespace.Children.only(null) : null;
-  });
-  SlotClone.displayName = "SlotClone";
-  var Slottable = ({ children }) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  };
+        return React__namespace.cloneElement(children, props2);
+      }
+      return React__namespace.Children.count(children) > 1 ? React__namespace.Children.only(null) : null;
+    });
+    SlotClone.displayName = `${ownerName}.SlotClone`;
+    return SlotClone;
+  }
+  var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
   function isSlottable(child) {
-    return React__namespace.isValidElement(child) && child.type === Slottable;
+    return React__namespace.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
   }
   function mergeProps$1(slotProps, childProps) {
     const overrideProps = { ...childProps };
@@ -1858,7 +1869,7 @@
     const handleOnBlur = React.useCallback(() => {
       onBlur == null ? void 0 : onBlur();
     }, [onBlur]);
-    const focus = React.useCallback(() => {
+    const focus2 = React.useCallback(() => {
       var _a;
       (_a = inputRef.current) == null ? void 0 : _a.focus();
     }, []);
@@ -1867,10 +1878,10 @@
     });
     React.useEffect(() => {
       registerComponentApi == null ? void 0 : registerComponentApi({
-        focus,
+        focus: focus2,
         setValue
       });
-    }, [focus, registerComponentApi, setValue]);
+    }, [focus2, registerComponentApi, setValue]);
     return /* @__PURE__ */ jsxRuntime.jsx(
       ItemWithLabel,
       {
@@ -1894,7 +1905,7 @@
               [styles$Q.valid]: validationStatus === "valid"
             }),
             tabIndex: -1,
-            onFocus: focus,
+            onFocus: focus2,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(Adornment, { text: startText, iconName: startIcon, className: styles$Q.adornment }),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -3085,74 +3096,6 @@
     extends: "xmlui",
     themeVars: { ...redThemeColors }
   };
-  var DefaultContext = {
-    color: void 0,
-    size: void 0,
-    className: void 0,
-    style: void 0,
-    attr: void 0
-  };
-  var IconContext = React.createContext && React.createContext(DefaultContext);
-  var __assign = function() {
-    __assign = Object.assign || function(t) {
-      for (var s, i = 1, n = arguments.length; i < n; i++) {
-        s = arguments[i];
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-      return t;
-    };
-    return __assign.apply(this, arguments);
-  };
-  var __rest = function(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-    }
-    return t;
-  };
-  function Tree2Element(tree) {
-    return tree && tree.map(function(node, i) {
-      return React.createElement(node.tag, __assign({
-        key: i
-      }, node.attr), Tree2Element(node.child));
-    });
-  }
-  function GenIcon(data) {
-    return function(props) {
-      return React.createElement(IconBase, __assign({
-        attr: __assign({}, data.attr)
-      }, props), Tree2Element(data.child));
-    };
-  }
-  function IconBase(props) {
-    var elem = function(conf) {
-      var attr = props.attr, size = props.size, title2 = props.title, svgProps = __rest(props, ["attr", "size", "title"]);
-      var computedSize = size || conf.size || "1em";
-      var className;
-      if (conf.className) className = conf.className;
-      if (props.className) className = (className ? className + " " : "") + props.className;
-      return React.createElement("svg", __assign({
-        stroke: "currentColor",
-        fill: "currentColor",
-        strokeWidth: "0"
-      }, conf.attr, attr, svgProps, {
-        className,
-        style: __assign(__assign({
-          color: props.color || conf.color
-        }, conf.style), props.style),
-        height: computedSize,
-        width: computedSize,
-        xmlns: "http://www.w3.org/2000/svg"
-      }), title2 && React.createElement("title", null, title2), props.children);
-    };
-    return IconContext !== void 0 ? React.createElement(IconContext.Consumer, null, function(conf) {
-      return elem(conf);
-    }) : elem(DefaultContext);
-  }
-  function BiErrorCircle(props) {
-    return GenIcon({ "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M11.953 2C6.465 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.493 2 11.953 2zM12 20c-4.411 0-8-3.589-8-8s3.567-8 7.953-8C16.391 4 20 7.589 20 12s-3.589 8-8 8z" } }, { "tag": "path", "attr": { "d": "M11 7h2v7h-2zm0 8h2v2h-2z" } }] })(props);
-  }
   const COMP$13 = "Theme";
   const ThemeMd = createMetadata({
     description: `The \`${COMP$13}\` component provides a way to define a particular theming context for its nested components. The XMLUI framework uses \`${COMP$13}\` to define the default theming context for all of its child components. Theme variables and theme settings only work in this context.`,
@@ -4100,7 +4043,7 @@
         innerRef.current.indeterminate = indeterminate;
       }
     }, [indeterminate]);
-    const focus = React.useCallback(() => {
+    const focus2 = React.useCallback(() => {
       var _a;
       (_a = innerRef.current) == null ? void 0 : _a.focus();
     }, []);
@@ -4109,10 +4052,10 @@
     });
     React.useEffect(() => {
       registerComponentApi == null ? void 0 : registerComponentApi({
-        focus,
+        focus: focus2,
         setValue
       });
-    }, [focus, registerComponentApi, setValue]);
+    }, [focus2, registerComponentApi, setValue]);
     const input2 = React.useMemo(
       () => /* @__PURE__ */ jsxRuntime.jsx(
         "input",
@@ -4458,7 +4401,7 @@
     const handleOnMenuBlur = () => {
       setIsMenuFocused(false);
     };
-    const focus = React.useCallback(() => {
+    const focus2 = React.useCallback(() => {
       var _a;
       (_a = referenceElement == null ? void 0 : referenceElement.current) == null ? void 0 : _a.focus();
     }, [referenceElement == null ? void 0 : referenceElement.current]);
@@ -4468,10 +4411,10 @@
     });
     React.useEffect(() => {
       registerComponentApi == null ? void 0 : registerComponentApi({
-        focus,
+        focus: focus2,
         setValue
       });
-    }, [focus, registerComponentApi, setValue]);
+    }, [focus2, registerComponentApi, setValue]);
     React.useEffect(() => {
       if (!isButtonFocused && !isMenuFocused) {
         onBlur == null ? void 0 : onBlur();
@@ -5018,7 +4961,7 @@
     const handleOnBlur = React.useCallback(() => {
       onBlur == null ? void 0 : onBlur();
     }, [onBlur]);
-    const focus = React.useCallback(() => {
+    const focus2 = React.useCallback(() => {
       var _a;
       (_a = buttonRef.current) == null ? void 0 : _a.focus();
     }, []);
@@ -5047,10 +4990,10 @@
     });
     React.useEffect(() => {
       registerComponentApi == null ? void 0 : registerComponentApi({
-        focus,
+        focus: focus2,
         open: doOpen
       });
-    }, [focus, doOpen, registerComponentApi]);
+    }, [focus2, doOpen, registerComponentApi]);
     return /* @__PURE__ */ jsxRuntime.jsx(
       ItemWithLabel,
       {
@@ -7210,7 +7153,7 @@
           requestModalFormClose();
         }
         if (initialValue === EMPTY_OBJECT) {
-          reactDom.flushSync(() => {
+          ReactDOM.flushSync(() => {
             doReset();
           });
         }
@@ -11761,7 +11704,7 @@
       setValueStrRep(mapToRepresentation(value));
       onBlur == null ? void 0 : onBlur();
     }, [value, onBlur]);
-    const focus = React.useCallback(() => {
+    const focus2 = React.useCallback(() => {
       var _a;
       (_a = inputRef.current) == null ? void 0 : _a.focus();
     }, []);
@@ -11770,10 +11713,10 @@
     });
     React.useEffect(() => {
       registerComponentApi == null ? void 0 : registerComponentApi({
-        focus,
+        focus: focus2,
         setValue
       });
-    }, [focus, registerComponentApi, setValue]);
+    }, [focus2, registerComponentApi, setValue]);
     return /* @__PURE__ */ jsxRuntime.jsx(
       ItemWithLabel,
       {
@@ -11908,92 +11851,7 @@
       };
     }, [elementRef, action, delay]);
   }
-  function _extends() {
-    return _extends = Object.assign ? Object.assign.bind() : function(n) {
-      for (var e = 1; e < arguments.length; e++) {
-        var t = arguments[e];
-        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-      }
-      return n;
-    }, _extends.apply(null, arguments);
-  }
-  function $6ed0406888f73fc4$var$setRef(ref, value) {
-    if (typeof ref === "function") ref(value);
-    else if (ref !== null && ref !== void 0) ref.current = value;
-  }
-  function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
-    return (node) => refs.forEach(
-      (ref) => $6ed0406888f73fc4$var$setRef(ref, node)
-    );
-  }
-  function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
-    return React.useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
-  }
-  const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
-    const { children, ...slotProps } = props;
-    const childrenArray = React.Children.toArray(children);
-    const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
-    if (slottable) {
-      const newElement = slottable.props.children;
-      const newChildren = childrenArray.map((child) => {
-        if (child === slottable) {
-          if (React.Children.count(newElement) > 1) return React.Children.only(null);
-          return /* @__PURE__ */ React.isValidElement(newElement) ? newElement.props.children : null;
-        } else return child;
-      });
-      return /* @__PURE__ */ React.createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
-        ref: forwardedRef
-      }), /* @__PURE__ */ React.isValidElement(newElement) ? /* @__PURE__ */ React.cloneElement(newElement, void 0, newChildren) : null);
-    }
-    return /* @__PURE__ */ React.createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
-      ref: forwardedRef
-    }), children);
-  });
-  $5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = "Slot";
-  const $5e63c961fc1ce211$var$SlotClone = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
-    const { children, ...slotProps } = props;
-    if (/* @__PURE__ */ React.isValidElement(children)) return /* @__PURE__ */ React.cloneElement(children, {
-      ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
-      ref: forwardedRef ? $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
-    });
-    return React.Children.count(children) > 1 ? React.Children.only(null) : null;
-  });
-  $5e63c961fc1ce211$var$SlotClone.displayName = "SlotClone";
-  const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children }) => {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, children);
-  };
-  function $5e63c961fc1ce211$var$isSlottable(child) {
-    return /* @__PURE__ */ React.isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
-  }
-  function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
-    const overrideProps = {
-      ...childProps
-    };
-    for (const propName in childProps) {
-      const slotPropValue = slotProps[propName];
-      const childPropValue = childProps[propName];
-      const isHandler = /^on[A-Z]/.test(propName);
-      if (isHandler) {
-        if (slotPropValue && childPropValue) overrideProps[propName] = (...args) => {
-          childPropValue(...args);
-          slotPropValue(...args);
-        };
-        else if (slotPropValue) overrideProps[propName] = slotPropValue;
-      } else if (propName === "style") overrideProps[propName] = {
-        ...slotPropValue,
-        ...childPropValue
-      };
-      else if (propName === "className") overrideProps[propName] = [
-        slotPropValue,
-        childPropValue
-      ].filter(Boolean).join(" ");
-    }
-    return {
-      ...slotProps,
-      ...overrideProps
-    };
-  }
-  const $8927f6f2acc4f386$var$NODES = [
+  var NODES = [
     "a",
     "button",
     "div",
@@ -12011,53 +11869,47 @@
     "svg",
     "ul"
   ];
-  const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node) => {
-    const Node = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
+  var Primitive = NODES.reduce((primitive, node) => {
+    const Slot2 = /* @__PURE__ */ createSlot(`Primitive.${node}`);
+    const Node = React__namespace.forwardRef((props, forwardedRef) => {
       const { asChild, ...primitiveProps } = props;
-      const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : node;
-      React.useEffect(() => {
+      const Comp = asChild ? Slot2 : node;
+      if (typeof window !== "undefined") {
         window[Symbol.for("radix-ui")] = true;
-      }, []);
-      return /* @__PURE__ */ React.createElement(Comp, _extends({}, primitiveProps, {
-        ref: forwardedRef
-      }));
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
     });
     Node.displayName = `Primitive.${node}`;
-    return {
-      ...primitive,
-      [node]: Node
-    };
+    return { ...primitive, [node]: Node };
   }, {});
-  function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) {
-    const callbackRef = React.useRef(callback);
-    React.useEffect(() => {
+  function useCallbackRef(callback) {
+    const callbackRef = React__namespace.useRef(callback);
+    React__namespace.useEffect(() => {
       callbackRef.current = callback;
     });
-    return React.useMemo(
-      () => (...args) => {
-        var _callbackRef$current;
-        return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
-      },
-      []
-    );
+    return React__namespace.useMemo(() => (...args) => {
+      var _a;
+      return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
+    }, []);
   }
-  const $d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
-  const $d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
-  const $d3863c46a17e8a28$var$EVENT_OPTIONS = {
-    bubbles: false,
-    cancelable: true
-  };
-  const $d3863c46a17e8a28$export$20e40289641fbbb6 = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
-    const { loop = false, trapped = false, onMountAutoFocus: onMountAutoFocusProp, onUnmountAutoFocus: onUnmountAutoFocusProp, ...scopeProps } = props;
-    const [container1, setContainer] = React.useState(null);
-    const onMountAutoFocus = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onMountAutoFocusProp);
-    const onUnmountAutoFocus = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onUnmountAutoFocusProp);
-    const lastFocusedElementRef = React.useRef(null);
-    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(
-      forwardedRef,
-      (node) => setContainer(node)
-    );
-    const focusScope = React.useRef({
+  var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
+  var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
+  var EVENT_OPTIONS = { bubbles: false, cancelable: true };
+  var FOCUS_SCOPE_NAME = "FocusScope";
+  var FocusScope = React__namespace.forwardRef((props, forwardedRef) => {
+    const {
+      loop = false,
+      trapped = false,
+      onMountAutoFocus: onMountAutoFocusProp,
+      onUnmountAutoFocus: onUnmountAutoFocusProp,
+      ...scopeProps
+    } = props;
+    const [container2, setContainer] = React__namespace.useState(null);
+    const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
+    const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
+    const lastFocusedElementRef = React__namespace.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
+    const focusScope = React__namespace.useRef({
       paused: false,
       pause() {
         this.paused = true;
@@ -12066,137 +11918,114 @@
         this.paused = false;
       }
     }).current;
-    React.useEffect(() => {
+    React__namespace.useEffect(() => {
       if (trapped) {
-        let handleFocusIn = function(event) {
-          if (focusScope.paused || !container1) return;
+        let handleFocusIn2 = function(event) {
+          if (focusScope.paused || !container2) return;
           const target2 = event.target;
-          if (container1.contains(target2)) lastFocusedElementRef.current = target2;
-          else $d3863c46a17e8a28$var$focus(lastFocusedElementRef.current, {
-            select: true
-          });
-        }, handleFocusOut = function(event) {
-          if (focusScope.paused || !container1) return;
+          if (container2.contains(target2)) {
+            lastFocusedElementRef.current = target2;
+          } else {
+            focus(lastFocusedElementRef.current, { select: true });
+          }
+        }, handleFocusOut2 = function(event) {
+          if (focusScope.paused || !container2) return;
           const relatedTarget = event.relatedTarget;
           if (relatedTarget === null) return;
-          if (!container1.contains(relatedTarget)) $d3863c46a17e8a28$var$focus(lastFocusedElementRef.current, {
-            select: true
-          });
+          if (!container2.contains(relatedTarget)) {
+            focus(lastFocusedElementRef.current, { select: true });
+          }
         }, handleMutations2 = function(mutations2) {
           const focusedElement = document.activeElement;
           if (focusedElement !== document.body) return;
-          for (const mutation of mutations2) if (mutation.removedNodes.length > 0) $d3863c46a17e8a28$var$focus(container1);
+          for (const mutation of mutations2) {
+            if (mutation.removedNodes.length > 0) focus(container2);
+          }
         };
-        document.addEventListener("focusin", handleFocusIn);
-        document.addEventListener("focusout", handleFocusOut);
+        document.addEventListener("focusin", handleFocusIn2);
+        document.addEventListener("focusout", handleFocusOut2);
         const mutationObserver = new MutationObserver(handleMutations2);
-        if (container1) mutationObserver.observe(container1, {
-          childList: true,
-          subtree: true
-        });
+        if (container2) mutationObserver.observe(container2, { childList: true, subtree: true });
         return () => {
-          document.removeEventListener("focusin", handleFocusIn);
-          document.removeEventListener("focusout", handleFocusOut);
+          document.removeEventListener("focusin", handleFocusIn2);
+          document.removeEventListener("focusout", handleFocusOut2);
           mutationObserver.disconnect();
         };
       }
-    }, [
-      trapped,
-      container1,
-      focusScope.paused
-    ]);
-    React.useEffect(() => {
-      if (container1) {
-        $d3863c46a17e8a28$var$focusScopesStack.add(focusScope);
+    }, [trapped, container2, focusScope.paused]);
+    React__namespace.useEffect(() => {
+      if (container2) {
+        focusScopesStack.add(focusScope);
         const previouslyFocusedElement = document.activeElement;
-        const hasFocusedCandidate = container1.contains(previouslyFocusedElement);
+        const hasFocusedCandidate = container2.contains(previouslyFocusedElement);
         if (!hasFocusedCandidate) {
-          const mountEvent = new CustomEvent($d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT, $d3863c46a17e8a28$var$EVENT_OPTIONS);
-          container1.addEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
-          container1.dispatchEvent(mountEvent);
+          const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);
+          container2.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
+          container2.dispatchEvent(mountEvent);
           if (!mountEvent.defaultPrevented) {
-            $d3863c46a17e8a28$var$focusFirst($d3863c46a17e8a28$var$removeLinks($d3863c46a17e8a28$var$getTabbableCandidates(container1)), {
-              select: true
-            });
-            if (document.activeElement === previouslyFocusedElement) $d3863c46a17e8a28$var$focus(container1);
+            focusFirst(removeLinks(getTabbableCandidates(container2)), { select: true });
+            if (document.activeElement === previouslyFocusedElement) {
+              focus(container2);
+            }
           }
         }
         return () => {
-          container1.removeEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
+          container2.removeEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
           setTimeout(() => {
-            const unmountEvent = new CustomEvent($d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT, $d3863c46a17e8a28$var$EVENT_OPTIONS);
-            container1.addEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
-            container1.dispatchEvent(unmountEvent);
-            if (!unmountEvent.defaultPrevented) $d3863c46a17e8a28$var$focus(previouslyFocusedElement !== null && previouslyFocusedElement !== void 0 ? previouslyFocusedElement : document.body, {
-              select: true
-            });
-            container1.removeEventListener($d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
-            $d3863c46a17e8a28$var$focusScopesStack.remove(focusScope);
+            const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS);
+            container2.addEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
+            container2.dispatchEvent(unmountEvent);
+            if (!unmountEvent.defaultPrevented) {
+              focus(previouslyFocusedElement ?? document.body, { select: true });
+            }
+            container2.removeEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
+            focusScopesStack.remove(focusScope);
           }, 0);
         };
       }
-    }, [
-      container1,
-      onMountAutoFocus,
-      onUnmountAutoFocus,
-      focusScope
-    ]);
-    const handleKeyDown = React.useCallback((event) => {
-      if (!loop && !trapped) return;
-      if (focusScope.paused) return;
-      const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
-      const focusedElement = document.activeElement;
-      if (isTabKey && focusedElement) {
-        const container2 = event.currentTarget;
-        const [first, last] = $d3863c46a17e8a28$var$getTabbableEdges(container2);
-        const hasTabbableElementsInside = first && last;
-        if (!hasTabbableElementsInside) {
-          if (focusedElement === container2) event.preventDefault();
-        } else {
-          if (!event.shiftKey && focusedElement === last) {
-            event.preventDefault();
-            if (loop) $d3863c46a17e8a28$var$focus(first, {
-              select: true
-            });
-          } else if (event.shiftKey && focusedElement === first) {
-            event.preventDefault();
-            if (loop) $d3863c46a17e8a28$var$focus(last, {
-              select: true
-            });
+    }, [container2, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
+    const handleKeyDown = React__namespace.useCallback(
+      (event) => {
+        if (!loop && !trapped) return;
+        if (focusScope.paused) return;
+        const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
+        const focusedElement = document.activeElement;
+        if (isTabKey && focusedElement) {
+          const container22 = event.currentTarget;
+          const [first, last] = getTabbableEdges(container22);
+          const hasTabbableElementsInside = first && last;
+          if (!hasTabbableElementsInside) {
+            if (focusedElement === container22) event.preventDefault();
+          } else {
+            if (!event.shiftKey && focusedElement === last) {
+              event.preventDefault();
+              if (loop) focus(first, { select: true });
+            } else if (event.shiftKey && focusedElement === first) {
+              event.preventDefault();
+              if (loop) focus(last, { select: true });
+            }
           }
         }
-      }
-    }, [
-      loop,
-      trapped,
-      focusScope.paused
-    ]);
-    return /* @__PURE__ */ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
-      tabIndex: -1
-    }, scopeProps, {
-      ref: composedRefs,
-      onKeyDown: handleKeyDown
-    }));
+      },
+      [loop, trapped, focusScope.paused]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
   });
-  function $d3863c46a17e8a28$var$focusFirst(candidates, { select = false } = {}) {
+  FocusScope.displayName = FOCUS_SCOPE_NAME;
+  function focusFirst(candidates, { select = false } = {}) {
     const previouslyFocusedElement = document.activeElement;
     for (const candidate of candidates) {
-      $d3863c46a17e8a28$var$focus(candidate, {
-        select
-      });
+      focus(candidate, { select });
       if (document.activeElement !== previouslyFocusedElement) return;
     }
   }
-  function $d3863c46a17e8a28$var$getTabbableEdges(container2) {
-    const candidates = $d3863c46a17e8a28$var$getTabbableCandidates(container2);
-    const first = $d3863c46a17e8a28$var$findVisible(candidates, container2);
-    const last = $d3863c46a17e8a28$var$findVisible(candidates.reverse(), container2);
-    return [
-      first,
-      last
-    ];
+  function getTabbableEdges(container2) {
+    const candidates = getTabbableCandidates(container2);
+    const first = findVisible(candidates, container2);
+    const last = findVisible(candidates.reverse(), container2);
+    return [first, last];
   }
-  function $d3863c46a17e8a28$var$getTabbableCandidates(container2) {
+  function getTabbableCandidates(container2) {
     const nodes = [];
     const walker = document.createTreeWalker(container2, NodeFilter.SHOW_ELEMENT, {
       acceptNode: (node) => {
@@ -12208,14 +12037,12 @@
     while (walker.nextNode()) nodes.push(walker.currentNode);
     return nodes;
   }
-  function $d3863c46a17e8a28$var$findVisible(elements, container2) {
+  function findVisible(elements, container2) {
     for (const element of elements) {
-      if (!$d3863c46a17e8a28$var$isHidden(element, {
-        upTo: container2
-      })) return element;
+      if (!isHidden(element, { upTo: container2 })) return element;
     }
   }
-  function $d3863c46a17e8a28$var$isHidden(node, { upTo }) {
+  function isHidden(node, { upTo }) {
     if (getComputedStyle(node).visibility === "hidden") return true;
     while (node) {
       if (upTo !== void 0 && node === upTo) return false;
@@ -12224,47 +12051,46 @@
     }
     return false;
   }
-  function $d3863c46a17e8a28$var$isSelectableInput(element) {
+  function isSelectableInput(element) {
     return element instanceof HTMLInputElement && "select" in element;
   }
-  function $d3863c46a17e8a28$var$focus(element, { select = false } = {}) {
+  function focus(element, { select = false } = {}) {
     if (element && element.focus) {
       const previouslyFocusedElement = document.activeElement;
-      element.focus({
-        preventScroll: true
-      });
-      if (element !== previouslyFocusedElement && $d3863c46a17e8a28$var$isSelectableInput(element) && select) element.select();
+      element.focus({ preventScroll: true });
+      if (element !== previouslyFocusedElement && isSelectableInput(element) && select)
+        element.select();
     }
   }
-  const $d3863c46a17e8a28$var$focusScopesStack = $d3863c46a17e8a28$var$createFocusScopesStack();
-  function $d3863c46a17e8a28$var$createFocusScopesStack() {
+  var focusScopesStack = createFocusScopesStack();
+  function createFocusScopesStack() {
     let stack = [];
     return {
       add(focusScope) {
         const activeFocusScope = stack[0];
-        if (focusScope !== activeFocusScope) activeFocusScope === null || activeFocusScope === void 0 || activeFocusScope.pause();
-        stack = $d3863c46a17e8a28$var$arrayRemove(stack, focusScope);
+        if (focusScope !== activeFocusScope) {
+          activeFocusScope == null ? void 0 : activeFocusScope.pause();
+        }
+        stack = arrayRemove(stack, focusScope);
         stack.unshift(focusScope);
       },
       remove(focusScope) {
-        var _stack$;
-        stack = $d3863c46a17e8a28$var$arrayRemove(stack, focusScope);
-        (_stack$ = stack[0]) === null || _stack$ === void 0 || _stack$.resume();
+        var _a;
+        stack = arrayRemove(stack, focusScope);
+        (_a = stack[0]) == null ? void 0 : _a.resume();
       }
     };
   }
-  function $d3863c46a17e8a28$var$arrayRemove(array, item) {
-    const updatedArray = [
-      ...array
-    ];
+  function arrayRemove(array, item) {
+    const updatedArray = [...array];
     const index = updatedArray.indexOf(item);
-    if (index !== -1) updatedArray.splice(index, 1);
+    if (index !== -1) {
+      updatedArray.splice(index, 1);
+    }
     return updatedArray;
   }
-  function $d3863c46a17e8a28$var$removeLinks(items) {
-    return items.filter(
-      (item) => item.tagName !== "A"
-    );
+  function removeLinks(items) {
+    return items.filter((item) => item.tagName !== "A");
   }
   const themeVars$m = `'{"Input:fontSize-Select-default": "var(--xmlui-fontSize-Select-default)", "Input:textColor-placeholder-Select-default": "var(--xmlui-textColor-placeholder-Select-default)", "Input:textColor-Select-default": "var(--xmlui-textColor-Select-default)", "Input:fontSize-Select-error": "var(--xmlui-fontSize-Select-error)", "Input:textColor-placeholder-Select-error": "var(--xmlui-textColor-placeholder-Select-error)", "Input:textColor-Select-error": "var(--xmlui-textColor-Select-error)", "Input:fontSize-Select-warning": "var(--xmlui-fontSize-Select-warning)", "Input:textColor-placeholder-Select-warning": "var(--xmlui-textColor-placeholder-Select-warning)", "Input:textColor-Select-warning": "var(--xmlui-textColor-Select-warning)", "Input:fontSize-Select-success": "var(--xmlui-fontSize-Select-success)", "Input:textColor-placeholder-Select-success": "var(--xmlui-textColor-placeholder-Select-success)", "Input:textColor-Select-success": "var(--xmlui-textColor-Select-success)", "Input:borderRadius-Select-default": "var(--xmlui-borderRadius-Select-default)", "Input:borderColor-Select-default": "var(--xmlui-borderColor-Select-default)", "Input:borderWidth-Select-default": "var(--xmlui-borderWidth-Select-default)", "Input:borderStyle-Select-default": "var(--xmlui-borderStyle-Select-default)", "Input:backgroundColor-Select-default": "var(--xmlui-backgroundColor-Select-default)", "Input:boxShadow-Select-default": "var(--xmlui-boxShadow-Select-default)", "Input:borderColor-Select-default--hover": "var(--xmlui-borderColor-Select-default--hover)", "Input:backgroundColor-Select-default--hover": "var(--xmlui-backgroundColor-Select-default--hover)", "Input:boxShadow-Select-default--hover": "var(--xmlui-boxShadow-Select-default--hover)", "Input:textColor-Select-default--hover": "var(--xmlui-textColor-Select-default--hover)", "Input:outlineWidth-Select-default--focus": "var(--xmlui-outlineWidth-Select-default--focus)", "Input:outlineColor-Select-default--focus": "var(--xmlui-outlineColor-Select-default--focus)", "Input:outlineStyle-Select-default--focus": "var(--xmlui-outlineStyle-Select-default--focus)", "Input:outlineOffset-Select-default--focus": "var(--xmlui-outlineOffset-Select-default--focus)", "Input:borderRadius-Select-error": "var(--xmlui-borderRadius-Select-error)", "Input:borderColor-Select-error": "var(--xmlui-borderColor-Select-error)", "Input:borderWidth-Select-error": "var(--xmlui-borderWidth-Select-error)", "Input:borderStyle-Select-error": "var(--xmlui-borderStyle-Select-error)", "Input:backgroundColor-Select-error": "var(--xmlui-backgroundColor-Select-error)", "Input:boxShadow-Select-error": "var(--xmlui-boxShadow-Select-error)", "Input:borderColor-Select-error--hover": "var(--xmlui-borderColor-Select-error--hover)", "Input:backgroundColor-Select-error--hover": "var(--xmlui-backgroundColor-Select-error--hover)", "Input:boxShadow-Select-error--hover": "var(--xmlui-boxShadow-Select-error--hover)", "Input:textColor-Select-error--hover": "var(--xmlui-textColor-Select-error--hover)", "Input:outlineWidth-Select-error--focus": "var(--xmlui-outlineWidth-Select-error--focus)", "Input:outlineColor-Select-error--focus": "var(--xmlui-outlineColor-Select-error--focus)", "Input:outlineStyle-Select-error--focus": "var(--xmlui-outlineStyle-Select-error--focus)", "Input:outlineOffset-Select-error--focus": "var(--xmlui-outlineOffset-Select-error--focus)", "Input:borderRadius-Select-warning": "var(--xmlui-borderRadius-Select-warning)", "Input:borderColor-Select-warning": "var(--xmlui-borderColor-Select-warning)", "Input:borderWidth-Select-warning": "var(--xmlui-borderWidth-Select-warning)", "Input:borderStyle-Select-warning": "var(--xmlui-borderStyle-Select-warning)", "Input:backgroundColor-Select-warning": "var(--xmlui-backgroundColor-Select-warning)", "Input:boxShadow-Select-warning": "var(--xmlui-boxShadow-Select-warning)", "Input:borderColor-Select-warning--hover": "var(--xmlui-borderColor-Select-warning--hover)", "Input:backgroundColor-Select-warning--hover": "var(--xmlui-backgroundColor-Select-warning--hover)", "Input:boxShadow-Select-warning--hover": "var(--xmlui-boxShadow-Select-warning--hover)", "Input:textColor-Select-warning--hover": "var(--xmlui-textColor-Select-warning--hover)", "Input:outlineWidth-Select-warning--focus": "var(--xmlui-outlineWidth-Select-warning--focus)", "Input:outlineColor-Select-warning--focus": "var(--xmlui-outlineColor-Select-warning--focus)", "Input:outlineStyle-Select-warning--focus": "var(--xmlui-outlineStyle-Select-warning--focus)", "Input:outlineOffset-Select-warning--focus": "var(--xmlui-outlineOffset-Select-warning--focus)", "Input:borderRadius-Select-success": "var(--xmlui-borderRadius-Select-success)", "Input:borderColor-Select-success": "var(--xmlui-borderColor-Select-success)", "Input:borderWidth-Select-success": "var(--xmlui-borderWidth-Select-success)", "Input:borderStyle-Select-success": "var(--xmlui-borderStyle-Select-success)", "Input:backgroundColor-Select-success": "var(--xmlui-backgroundColor-Select-success)", "Input:boxShadow-Select-success": "var(--xmlui-boxShadow-Select-success)", "Input:borderColor-Select-success--hover": "var(--xmlui-borderColor-Select-success--hover)", "Input:backgroundColor-Select-success--hover": "var(--xmlui-backgroundColor-Select-success--hover)", "Input:boxShadow-Select-success--hover": "var(--xmlui-boxShadow-Select-success--hover)", "Input:textColor-Select-success--hover": "var(--xmlui-textColor-Select-success--hover)", "Input:outlineWidth-Select-success--focus": "var(--xmlui-outlineWidth-Select-success--focus)", "Input:outlineColor-Select-success--focus": "var(--xmlui-outlineColor-Select-success--focus)", "Input:outlineStyle-Select-success--focus": "var(--xmlui-outlineStyle-Select-success--focus)", "Input:outlineOffset-Select-success--focus": "var(--xmlui-outlineOffset-Select-success--focus)", "opacity-Select--disabled": "var(--xmlui-opacity-Select--disabled)", "Input:backgroundColor-Select--disabled": "var(--xmlui-backgroundColor-Select--disabled)", "Input:textColor-Select--disabled": "var(--xmlui-textColor-Select--disabled)", "Input:borderColor-Select--disabled": "var(--xmlui-borderColor-Select--disabled)", "paddingVertical-Select-badge": "var(--xmlui-paddingVertical-Select-badge)", "paddingHorizontal-Select-badge": "var(--xmlui-paddingHorizontal-Select-badge)", "Input:fontSize-Select-badge": "var(--xmlui-fontSize-Select-badge)", "Input:backgroundColor-Select-badge": "var(--xmlui-backgroundColor-Select-badge)", "Input:textColor-Select-badge": "var(--xmlui-textColor-Select-badge)", "Input:backgroundColor-Select-badge--hover": "var(--xmlui-backgroundColor-Select-badge--hover)", "Input:textColor-Select-badge--hover": "var(--xmlui-textColor-Select-badge--hover)", "Input:backgroundColor-Select-badge--active": "var(--xmlui-backgroundColor-Select-badge--active)", "Input:textColor-Select-badge--active": "var(--xmlui-textColor-Select-badge--active)", "Input:textColor-placeholder-Select": "var(--xmlui-textColor-placeholder-Select)", "Input:backgroundColor-menu-Select": "var(--xmlui-backgroundColor-menu-Select)", "Input:borderRadius-menu-Select": "var(--xmlui-borderRadius-menu-Select)", "Input:boxShadow-menu-Select": "var(--xmlui-boxShadow-menu-Select)", "Input:borderWidth-menu-Select": "var(--xmlui-borderWidth-menu-Select)", "Input:borderColor-menu-Select": "var(--xmlui-borderColor-menu-Select)", "backgroundColor-item-Select": "var(--xmlui-backgroundColor-item-Select)", "backgroundColor-item-Select--hover": "var(--xmlui-backgroundColor-item-Select--hover)", "opacity-text-item-Select--disabled": "var(--xmlui-opacity-text-item-Select--disabled)", "fontSize-Select": "var(--xmlui-fontSize-Select)", "backgroundColor-item-Select--active": "var(--xmlui-backgroundColor-item-Select--active)", "textColor-indicator-Select": "var(--xmlui-textColor-indicator-Select)"}'`;
   const selectValue = "_selectValue_w44f3_13";
@@ -12496,7 +12322,7 @@
       updateState({ value: newValue });
       onDidChange(newValue);
     }, [multiSelect, updateState, onDidChange]);
-    const focus = React.useCallback(() => {
+    const focus2 = React.useCallback(() => {
       referenceElement == null ? void 0 : referenceElement.focus();
     }, [referenceElement]);
     const setValue = useEvent((newValue) => {
@@ -12504,10 +12330,10 @@
     });
     React.useEffect(() => {
       registerComponentApi == null ? void 0 : registerComponentApi({
-        focus,
+        focus: focus2,
         setValue
       });
-    }, [focus, registerComponentApi, setValue]);
+    }, [focus2, registerComponentApi, setValue]);
     const emptyListNode = React.useMemo(
       () => emptyListTemplate ?? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$o.selectEmpty, children: [
         /* @__PURE__ */ jsxRuntime.jsx(Icon, { name: "noresult" }),
@@ -12614,7 +12440,7 @@
                 ]
               }
             ) }),
-            open && /* @__PURE__ */ jsxRuntime.jsx(reactSelect.Portal, { container: root2, children: /* @__PURE__ */ jsxRuntime.jsx($d3863c46a17e8a28$export$20e40289641fbbb6, { asChild: true, loop: true, trapped: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            open && /* @__PURE__ */ jsxRuntime.jsx(reactSelect.Portal, { container: root2, children: /* @__PURE__ */ jsxRuntime.jsx(FocusScope, { asChild: true, loop: true, trapped: true, children: /* @__PURE__ */ jsxRuntime.jsx(
               reactPopover.PopoverContent,
               {
                 style: { width, height: dropdownHeight },
@@ -13050,7 +12876,7 @@
       setFocused(false);
       onBlur == null ? void 0 : onBlur();
     };
-    const focus = React.useCallback(() => {
+    const focus2 = React.useCallback(() => {
       setTimeout(() => {
         var _a;
         (_a = inputRef.current) == null ? void 0 : _a.focus();
@@ -13087,11 +12913,11 @@
     }, [value, cursorPosition, inputRef]);
     React.useEffect(() => {
       registerComponentApi == null ? void 0 : registerComponentApi({
-        focus,
+        focus: focus2,
         insert,
         setValue
       });
-    }, [focus, insert, registerComponentApi, setValue]);
+    }, [focus2, insert, registerComponentApi, setValue]);
     const handleEnter = React.useCallback(
       (e) => {
         var _a, _b;
@@ -13373,7 +13199,7 @@
       ] }),
       [emptyListTemplate]
     );
-    const focus = React.useCallback(() => {
+    const focus2 = React.useCallback(() => {
       var _a;
       (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.focus();
     }, [inputRef]);
@@ -13382,10 +13208,10 @@
     });
     React.useEffect(() => {
       registerComponentApi == null ? void 0 : registerComponentApi({
-        focus,
+        focus: focus2,
         setValue
       });
-    }, [focus, registerComponentApi, setValue]);
+    }, [focus2, registerComponentApi, setValue]);
     const optionContextValue = React.useMemo(
       () => ({
         onOptionAdd,
@@ -13756,7 +13582,7 @@
       const handleOnBlur = React.useCallback(() => {
         onBlur == null ? void 0 : onBlur();
       }, [onBlur]);
-      const focus = React.useCallback(() => {
+      const focus2 = React.useCallback(() => {
         var _a;
         (_a = inputRef.current) == null ? void 0 : _a.focus();
       }, []);
@@ -13765,10 +13591,10 @@
       });
       React.useEffect(() => {
         registerComponentApi == null ? void 0 : registerComponentApi({
-          focus,
+          focus: focus2,
           setValue
         });
-      }, [focus, registerComponentApi, setValue]);
+      }, [focus2, registerComponentApi, setValue]);
       const displayValue = localValue.length > 0 ? localValue : [min];
       const valuesText = displayValue.map((v) => valueFormat(v)).join(", ");
       const displayLabel = label2 ? showValues ? `${label2} ${valuesText}` : label2 : showValues ? valuesText : "";
@@ -13909,7 +13735,7 @@
       const handleOnBlur = React.useCallback(() => {
         onBlur == null ? void 0 : onBlur();
       }, [onBlur]);
-      const focus = React.useCallback(() => {
+      const focus2 = React.useCallback(() => {
         var _a;
         (_a = inputRef.current) == null ? void 0 : _a.focus();
       }, []);
@@ -13918,10 +13744,10 @@
       });
       React.useEffect(() => {
         registerComponentApi == null ? void 0 : registerComponentApi({
-          focus,
+          focus: focus2,
           setValue
         });
-      }, [focus, registerComponentApi, setValue]);
+      }, [focus2, registerComponentApi, setValue]);
       return /* @__PURE__ */ jsxRuntime.jsx(
         ItemWithLabel,
         {
@@ -13974,10 +13800,78 @@
     error,
     warning
   };
+  var DefaultContext = {
+    color: void 0,
+    size: void 0,
+    className: void 0,
+    style: void 0,
+    attr: void 0
+  };
+  var IconContext = React.createContext && React.createContext(DefaultContext);
+  var __assign = function() {
+    __assign = Object.assign || function(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+        s = arguments[i];
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+      return t;
+    };
+    return __assign.apply(this, arguments);
+  };
+  var __rest = function(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+    }
+    return t;
+  };
+  function Tree2Element(tree) {
+    return tree && tree.map(function(node, i) {
+      return React.createElement(node.tag, __assign({
+        key: i
+      }, node.attr), Tree2Element(node.child));
+    });
+  }
+  function GenIcon(data) {
+    return function(props) {
+      return React.createElement(IconBase, __assign({
+        attr: __assign({}, data.attr)
+      }, props), Tree2Element(data.child));
+    };
+  }
+  function IconBase(props) {
+    var elem = function(conf) {
+      var attr = props.attr, size = props.size, title2 = props.title, svgProps = __rest(props, ["attr", "size", "title"]);
+      var computedSize = size || conf.size || "1em";
+      var className;
+      if (conf.className) className = conf.className;
+      if (props.className) className = (className ? className + " " : "") + props.className;
+      return React.createElement("svg", __assign({
+        stroke: "currentColor",
+        fill: "currentColor",
+        strokeWidth: "0"
+      }, conf.attr, attr, svgProps, {
+        className,
+        style: __assign(__assign({
+          color: props.color || conf.color
+        }, conf.style), props.style),
+        height: computedSize,
+        width: computedSize,
+        xmlns: "http://www.w3.org/2000/svg"
+      }), title2 && React.createElement("title", null, title2), props.children);
+    };
+    return IconContext !== void 0 ? React.createElement(IconContext.Consumer, null, function(conf) {
+      return elem(conf);
+    }) : elem(DefaultContext);
+  }
   function AiOutlineWarning(props) {
     return GenIcon({ "attr": { "viewBox": "0 0 1024 1024" }, "child": [{ "tag": "path", "attr": { "d": "M464 720a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm16-304v184c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V416c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8zm475.7 440l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48zm-783.5-27.9L512 239.9l339.8 588.2H172.2z" } }] })(props);
   }
   const WarningIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(AiOutlineWarning, { ...props });
+  function BiErrorCircle(props) {
+    return GenIcon({ "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M11.953 2C6.465 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.493 2 11.953 2zM12 20c-4.411 0-8-3.589-8-8s3.567-8 7.953-8C16.391 4 20 7.589 20 12s-3.589 8-8 8z" } }, { "tag": "path", "attr": { "d": "M11 7h2v7h-2zm0 8h2v2h-2z" } }] })(props);
+  }
   const ErrorIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(BiErrorCircle, { ...props });
   const HelperText = ({ text: text2 = "", status, style }) => {
     const renderStatusIcon = () => {
@@ -16546,7 +16440,7 @@
             availableWidth * (numberOfUnitsById[column.id] / numberOfAllUnits)
           );
         });
-        reactDom.flushSync(() => {
+        ReactDOM.flushSync(() => {
           setColumnSizing((prev) => {
             return {
               ...prev,