@overmap-ai/forms 1.0.32-react-flow-david-fixes.38 → 1.0.32-react-flow-david-fixes.40

package/dist/forms.umd.cjs

@@ -1,28 +1,10 @@
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("@overmap-ai/blocks"), require("class-variance-authority"), require("react"), require("@xyflow/react/dist/style.css"), require("@xyflow/react"), require("formik"), require("graphology"), require("graphology-dag"), require("uuid"), require("@hello-pangea/dnd"), require("lucide-react"), require("react-dom"), require("file-saver"), require("react-zxing"), require("lodash.get"), require("@dagrejs/dagre"), require("lodash.set")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "@overmap-ai/blocks", "class-variance-authority", "react", "@xyflow/react/dist/style.css", "@xyflow/react", "formik", "graphology", "graphology-dag", "uuid", "@hello-pangea/dnd", "lucide-react", "react-dom", "file-saver", "react-zxing", "lodash.get", "@dagrejs/dagre", "lodash.set"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.forms = {}, global2.jsxRuntime, global2.blocks, global2.classVarianceAuthority, global2.React, null, global2.react, global2.formik, global2.graphology, global2.graphologyDag, global2.uuid, global2.dnd, global2.lucideReact, global2.ReactDOM, global2.fileSaver, global2.reactZxing, global2.get, global2.Dagre, global2.set));
-})(this, function(exports2, jsxRuntime, blocks, classVarianceAuthority, React, style_css, react, formik, graphology, graphologyDag, uuid, dnd, lucideReact, ReactDOM, fileSaver, reactZxing, get, Dagre, set) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("@overmap-ai/blocks"), require("class-variance-authority"), require("react"), require("@xyflow/react/dist/style.css"), require("@xyflow/react"), require("formik"), require("graphology"), require("graphology-dag"), require("uuid"), require("@hello-pangea/dnd"), require("file-saver"), require("react-zxing"), require("lodash.get"), require("@dagrejs/dagre"), require("lodash.set")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "@overmap-ai/blocks", "class-variance-authority", "react", "@xyflow/react/dist/style.css", "@xyflow/react", "formik", "graphology", "graphology-dag", "uuid", "@hello-pangea/dnd", "file-saver", "react-zxing", "lodash.get", "@dagrejs/dagre", "lodash.set"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.forms = {}, global2.jsxRuntime, global2.blocks, global2.classVarianceAuthority, global2.React, null, global2.react, global2.formik, global2.graphology, global2.graphologyDag, global2.uuid, global2.dnd, global2.fileSaver, global2.reactZxing, global2.get, global2.Dagre, global2.set));
+})(this, function(exports2, jsxRuntime, blocks, classVarianceAuthority, React, style_css, react, formik, graphology, graphologyDag, uuid, dnd, fileSaver, reactZxing, get, Dagre, set) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 
-  function _interopNamespaceDefault(e) {
-    const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-    if (e) {
-      for (const k in e) {
-        if (k !== "default") {
-          const d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(n, k, d.get ? d : {
-            enumerable: true,
-            get: () => e[k]
-          });
-        }
-      }
-    }
-    n.default = e;
-    return Object.freeze(n);
-  }
-  const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-  const ReactDOM__namespace = /* @__PURE__ */ _interopNamespaceDefault(ReactDOM);
   const FileCard = React.memo(
     React.forwardRef((props, ref) => {
       const { file, className, error, rightSlot, ...rest } = props;
@@ -61,8 +43,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   class BaseFormElement extends Observable {
-    constructor(options2) {
-      const { identifier } = options2;
+    constructor(options) {
+      const { identifier } = options;
       super();
       __publicField(this, "identifier");
       this.identifier = identifier;
@@ -72,8 +54,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         identifier: this.identifier
       };
     }
-    setOptions(options2) {
-      this.identifier = options2.identifier ?? this.identifier;
+    setOptions(options) {
+      this.identifier = options.identifier ?? this.identifier;
       this.notify(this);
     }
     serialize() {
@@ -84,8 +66,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   class BaseField extends BaseFormElement {
-    constructor(options2) {
-      const { label, description = null, required, image, fieldValidators = [], ...base } = options2;
+    constructor(options) {
+      const { label, description = null, required, image, fieldValidators = [], ...base } = options;
       super(base);
       __publicField(this, "label");
       __publicField(this, "description");
@@ -133,8 +115,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         fieldValidators: this.fieldValidators
       };
     }
-    setOptions(options2) {
-      const { label, description = null, required, image, fieldValidators, ...base } = options2;
+    setOptions(options) {
+      const { label, description = null, required, image, fieldValidators, ...base } = options;
       this.label = label ?? this.label;
       this.description = description ?? this.description;
       this.required = required ?? this.required;
@@ -163,1976 +145,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     throw new Error("No ImageViewerProvider found");
   });
   const useImageViewer = () => React.useContext(ImageViewerContext);
-  function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
-    return function handleEvent(event) {
-      originalEventHandler == null ? void 0 : originalEventHandler(event);
-      if (checkForDefaultPrevented === false || !event.defaultPrevented) {
-        return ourEventHandler == null ? void 0 : ourEventHandler(event);
-      }
-    };
-  }
-  function setRef(ref, value) {
-    if (typeof ref === "function") {
-      return ref(value);
-    } else if (ref !== null && ref !== void 0) {
-      ref.current = value;
-    }
-  }
-  function composeRefs(...refs) {
-    return (node) => {
-      let hasCleanup = false;
-      const cleanups = refs.map((ref) => {
-        const cleanup = setRef(ref, node);
-        if (!hasCleanup && typeof cleanup == "function") {
-          hasCleanup = true;
-        }
-        return cleanup;
-      });
-      if (hasCleanup) {
-        return () => {
-          for (let i = 0; i < cleanups.length; i++) {
-            const cleanup = cleanups[i];
-            if (typeof cleanup == "function") {
-              cleanup();
-            } else {
-              setRef(refs[i], null);
-            }
-          }
-        };
-      }
-    };
-  }
-  function useComposedRefs(...refs) {
-    return React__namespace.useCallback(composeRefs(...refs), refs);
-  }
-  function createContext2(rootComponentName, defaultContext) {
-    const Context = React__namespace.createContext(defaultContext);
-    const Provider = (props) => {
-      const { children, ...context } = props;
-      const value = React__namespace.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value, children });
-    };
-    Provider.displayName = rootComponentName + "Provider";
-    function useContext2(consumerName) {
-      const context = React__namespace.useContext(Context);
-      if (context) return context;
-      if (defaultContext !== void 0) return defaultContext;
-      throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-    }
-    return [Provider, useContext2];
-  }
-  function createContextScope(scopeName, createContextScopeDeps = []) {
-    let defaultContexts = [];
-    function createContext3(rootComponentName, defaultContext) {
-      const BaseContext = React__namespace.createContext(defaultContext);
-      const index = defaultContexts.length;
-      defaultContexts = [...defaultContexts, defaultContext];
-      const Provider = (props) => {
-        var _a2;
-        const { scope, children, ...context } = props;
-        const Context = ((_a2 = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a2[index]) || BaseContext;
-        const value = React__namespace.useMemo(() => context, Object.values(context));
-        return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value, children });
-      };
-      Provider.displayName = rootComponentName + "Provider";
-      function useContext2(consumerName, scope) {
-        var _a2;
-        const Context = ((_a2 = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a2[index]) || BaseContext;
-        const context = React__namespace.useContext(Context);
-        if (context) return context;
-        if (defaultContext !== void 0) return defaultContext;
-        throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-      }
-      return [Provider, useContext2];
-    }
-    const createScope = () => {
-      const scopeContexts = defaultContexts.map((defaultContext) => {
-        return React__namespace.createContext(defaultContext);
-      });
-      return function useScope(scope) {
-        const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
-        return React__namespace.useMemo(
-          () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
-          [scope, contexts]
-        );
-      };
-    };
-    createScope.scopeName = scopeName;
-    return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
-  }
-  function composeContextScopes(...scopes) {
-    const baseScope = scopes[0];
-    if (scopes.length === 1) return baseScope;
-    const createScope = () => {
-      const scopeHooks = scopes.map((createScope2) => ({
-        useScope: createScope2(),
-        scopeName: createScope2.scopeName
-      }));
-      return function useComposedScopes(overrideScopes) {
-        const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
-          const scopeProps = useScope(overrideScopes);
-          const currentScope = scopeProps[`__scope${scopeName}`];
-          return { ...nextScopes2, ...currentScope };
-        }, {});
-        return React__namespace.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
-      };
-    };
-    createScope.scopeName = baseScope.scopeName;
-    return createScope;
-  }
-  var useLayoutEffect2 = (globalThis == null ? void 0 : globalThis.document) ? React__namespace.useLayoutEffect : () => {
-  };
-  var useReactId = React__namespace[" useId ".trim().toString()] || (() => void 0);
-  var count$1 = 0;
-  function useId(deterministicId) {
-    const [id, setId] = React__namespace.useState(useReactId());
-    useLayoutEffect2(() => {
-      setId((reactId) => reactId ?? String(count$1++));
-    }, [deterministicId]);
-    return deterministicId || (id ? `radix-${id}` : "");
-  }
-  var useInsertionEffect = React__namespace[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
-  function useControllableState({
-    prop,
-    defaultProp,
-    onChange = () => {
-    },
-    caller
-  }) {
-    const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({
-      defaultProp,
-      onChange
-    });
-    const isControlled = prop !== void 0;
-    const value = isControlled ? prop : uncontrolledProp;
-    {
-      const isControlledRef = React__namespace.useRef(prop !== void 0);
-      React__namespace.useEffect(() => {
-        const wasControlled = isControlledRef.current;
-        if (wasControlled !== isControlled) {
-          const from = wasControlled ? "controlled" : "uncontrolled";
-          const to = isControlled ? "controlled" : "uncontrolled";
-          console.warn(
-            `${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
-          );
-        }
-        isControlledRef.current = isControlled;
-      }, [isControlled, caller]);
-    }
-    const setValue = React__namespace.useCallback(
-      (nextValue) => {
-        var _a2;
-        if (isControlled) {
-          const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
-          if (value2 !== prop) {
-            (_a2 = onChangeRef.current) == null ? void 0 : _a2.call(onChangeRef, value2);
-          }
-        } else {
-          setUncontrolledProp(nextValue);
-        }
-      },
-      [isControlled, prop, setUncontrolledProp, onChangeRef]
-    );
-    return [value, setValue];
-  }
-  function useUncontrolledState({
-    defaultProp,
-    onChange
-  }) {
-    const [value, setValue] = React__namespace.useState(defaultProp);
-    const prevValueRef = React__namespace.useRef(value);
-    const onChangeRef = React__namespace.useRef(onChange);
-    useInsertionEffect(() => {
-      onChangeRef.current = onChange;
-    }, [onChange]);
-    React__namespace.useEffect(() => {
-      var _a2;
-      if (prevValueRef.current !== value) {
-        (_a2 = onChangeRef.current) == null ? void 0 : _a2.call(onChangeRef, value);
-        prevValueRef.current = value;
-      }
-    }, [value, prevValueRef]);
-    return [value, setValue, onChangeRef];
-  }
-  function isFunction(value) {
-    return typeof value === "function";
-  }
-  // @__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;
-  }
-  // @__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$1(children);
-        const props2 = mergeProps(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 = `${ownerName}.SlotClone`;
-    return SlotClone;
-  }
-  var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
-  function isSlottable(child) {
-    return React__namespace.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
-  }
-  function 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) => {
-            const result = childPropValue(...args);
-            slotPropValue(...args);
-            return result;
-          };
-        } 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 };
-  }
-  function getElementRef$1(element) {
-    var _a2, _b;
-    let getter = (_a2 = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a2.get;
-    let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-    if (mayWarn) {
-      return element.ref;
-    }
-    getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
-    mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-    if (mayWarn) {
-      return element.props.ref;
-    }
-    return element.props.ref || element.ref;
-  }
-  var NODES = [
-    "a",
-    "button",
-    "div",
-    "form",
-    "h2",
-    "h3",
-    "img",
-    "input",
-    "label",
-    "li",
-    "nav",
-    "ol",
-    "p",
-    "select",
-    "span",
-    "svg",
-    "ul"
-  ];
-  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 ? Slot2 : node;
-      if (typeof window !== "undefined") {
-        window[Symbol.for("radix-ui")] = true;
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-    });
-    Node.displayName = `Primitive.${node}`;
-    return { ...primitive, [node]: Node };
-  }, {});
-  function dispatchDiscreteCustomEvent(target, event) {
-    if (target) ReactDOM__namespace.flushSync(() => target.dispatchEvent(event));
-  }
-  function useCallbackRef$1(callback) {
-    const callbackRef = React__namespace.useRef(callback);
-    React__namespace.useEffect(() => {
-      callbackRef.current = callback;
-    });
-    return React__namespace.useMemo(() => (...args) => {
-      var _a2;
-      return (_a2 = callbackRef.current) == null ? void 0 : _a2.call(callbackRef, ...args);
-    }, []);
-  }
-  function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
-    const onEscapeKeyDown = useCallbackRef$1(onEscapeKeyDownProp);
-    React__namespace.useEffect(() => {
-      const handleKeyDown = (event) => {
-        if (event.key === "Escape") {
-          onEscapeKeyDown(event);
-        }
-      };
-      ownerDocument.addEventListener("keydown", handleKeyDown, { capture: true });
-      return () => ownerDocument.removeEventListener("keydown", handleKeyDown, { capture: true });
-    }, [onEscapeKeyDown, ownerDocument]);
-  }
-  var DISMISSABLE_LAYER_NAME = "DismissableLayer";
-  var CONTEXT_UPDATE = "dismissableLayer.update";
-  var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
-  var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
-  var originalBodyPointerEvents;
-  var DismissableLayerContext = React__namespace.createContext({
-    layers: /* @__PURE__ */ new Set(),
-    layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
-    branches: /* @__PURE__ */ new Set()
-  });
-  var DismissableLayer = React__namespace.forwardRef(
-    (props, forwardedRef) => {
-      const {
-        disableOutsidePointerEvents = false,
-        onEscapeKeyDown,
-        onPointerDownOutside,
-        onFocusOutside,
-        onInteractOutside,
-        onDismiss,
-        ...layerProps
-      } = props;
-      const context = React__namespace.useContext(DismissableLayerContext);
-      const [node, setNode] = React__namespace.useState(null);
-      const ownerDocument = (node == null ? void 0 : node.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document);
-      const [, force] = React__namespace.useState({});
-      const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
-      const layers = Array.from(context.layers);
-      const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
-      const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
-      const index = node ? layers.indexOf(node) : -1;
-      const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;
-      const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;
-      const pointerDownOutside = usePointerDownOutside((event) => {
-        const target = event.target;
-        const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));
-        if (!isPointerEventsEnabled || isPointerDownOnBranch) return;
-        onPointerDownOutside == null ? void 0 : onPointerDownOutside(event);
-        onInteractOutside == null ? void 0 : onInteractOutside(event);
-        if (!event.defaultPrevented) onDismiss == null ? void 0 : onDismiss();
-      }, ownerDocument);
-      const focusOutside = useFocusOutside((event) => {
-        const target = event.target;
-        const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));
-        if (isFocusInBranch) return;
-        onFocusOutside == null ? void 0 : onFocusOutside(event);
-        onInteractOutside == null ? void 0 : onInteractOutside(event);
-        if (!event.defaultPrevented) onDismiss == null ? void 0 : onDismiss();
-      }, ownerDocument);
-      useEscapeKeydown((event) => {
-        const isHighestLayer = index === context.layers.size - 1;
-        if (!isHighestLayer) return;
-        onEscapeKeyDown == null ? void 0 : onEscapeKeyDown(event);
-        if (!event.defaultPrevented && onDismiss) {
-          event.preventDefault();
-          onDismiss();
-        }
-      }, ownerDocument);
-      React__namespace.useEffect(() => {
-        if (!node) return;
-        if (disableOutsidePointerEvents) {
-          if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
-            originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;
-            ownerDocument.body.style.pointerEvents = "none";
-          }
-          context.layersWithOutsidePointerEventsDisabled.add(node);
-        }
-        context.layers.add(node);
-        dispatchUpdate();
-        return () => {
-          if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) {
-            ownerDocument.body.style.pointerEvents = originalBodyPointerEvents;
-          }
-        };
-      }, [node, ownerDocument, disableOutsidePointerEvents, context]);
-      React__namespace.useEffect(() => {
-        return () => {
-          if (!node) return;
-          context.layers.delete(node);
-          context.layersWithOutsidePointerEventsDisabled.delete(node);
-          dispatchUpdate();
-        };
-      }, [node, context]);
-      React__namespace.useEffect(() => {
-        const handleUpdate = () => force({});
-        document.addEventListener(CONTEXT_UPDATE, handleUpdate);
-        return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
-      }, []);
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive.div,
-        {
-          ...layerProps,
-          ref: composedRefs,
-          style: {
-            pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0,
-            ...props.style
-          },
-          onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),
-          onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),
-          onPointerDownCapture: composeEventHandlers(
-            props.onPointerDownCapture,
-            pointerDownOutside.onPointerDownCapture
-          )
-        }
-      );
-    }
-  );
-  DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
-  var BRANCH_NAME = "DismissableLayerBranch";
-  var DismissableLayerBranch = React__namespace.forwardRef((props, forwardedRef) => {
-    const context = React__namespace.useContext(DismissableLayerContext);
-    const ref = React__namespace.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, ref);
-    React__namespace.useEffect(() => {
-      const node = ref.current;
-      if (node) {
-        context.branches.add(node);
-        return () => {
-          context.branches.delete(node);
-        };
-      }
-    }, [context.branches]);
-    return /* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...props, ref: composedRefs });
-  });
-  DismissableLayerBranch.displayName = BRANCH_NAME;
-  function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
-    const handlePointerDownOutside = useCallbackRef$1(onPointerDownOutside);
-    const isPointerInsideReactTreeRef = React__namespace.useRef(false);
-    const handleClickRef = React__namespace.useRef(() => {
-    });
-    React__namespace.useEffect(() => {
-      const handlePointerDown = (event) => {
-        if (event.target && !isPointerInsideReactTreeRef.current) {
-          let handleAndDispatchPointerDownOutsideEvent2 = function() {
-            handleAndDispatchCustomEvent(
-              POINTER_DOWN_OUTSIDE,
-              handlePointerDownOutside,
-              eventDetail,
-              { discrete: true }
-            );
-          };
-          const eventDetail = { originalEvent: event };
-          if (event.pointerType === "touch") {
-            ownerDocument.removeEventListener("click", handleClickRef.current);
-            handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;
-            ownerDocument.addEventListener("click", handleClickRef.current, { once: true });
-          } else {
-            handleAndDispatchPointerDownOutsideEvent2();
-          }
-        } else {
-          ownerDocument.removeEventListener("click", handleClickRef.current);
-        }
-        isPointerInsideReactTreeRef.current = false;
-      };
-      const timerId = window.setTimeout(() => {
-        ownerDocument.addEventListener("pointerdown", handlePointerDown);
-      }, 0);
-      return () => {
-        window.clearTimeout(timerId);
-        ownerDocument.removeEventListener("pointerdown", handlePointerDown);
-        ownerDocument.removeEventListener("click", handleClickRef.current);
-      };
-    }, [ownerDocument, handlePointerDownOutside]);
-    return {
-      // ensures we check React component tree (not just DOM tree)
-      onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true
-    };
-  }
-  function useFocusOutside(onFocusOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
-    const handleFocusOutside = useCallbackRef$1(onFocusOutside);
-    const isFocusInsideReactTreeRef = React__namespace.useRef(false);
-    React__namespace.useEffect(() => {
-      const handleFocus = (event) => {
-        if (event.target && !isFocusInsideReactTreeRef.current) {
-          const eventDetail = { originalEvent: event };
-          handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {
-            discrete: false
-          });
-        }
-      };
-      ownerDocument.addEventListener("focusin", handleFocus);
-      return () => ownerDocument.removeEventListener("focusin", handleFocus);
-    }, [ownerDocument, handleFocusOutside]);
-    return {
-      onFocusCapture: () => isFocusInsideReactTreeRef.current = true,
-      onBlurCapture: () => isFocusInsideReactTreeRef.current = false
-    };
-  }
-  function dispatchUpdate() {
-    const event = new CustomEvent(CONTEXT_UPDATE);
-    document.dispatchEvent(event);
-  }
-  function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
-    const target = detail.originalEvent.target;
-    const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });
-    if (handler) target.addEventListener(name, handler, { once: true });
-    if (discrete) {
-      dispatchDiscreteCustomEvent(target, event);
-    } else {
-      target.dispatchEvent(event);
-    }
-  }
-  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 [container, setContainer] = React__namespace.useState(null);
-    const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
-    const onUnmountAutoFocus = useCallbackRef$1(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;
-      },
-      resume() {
-        this.paused = false;
-      }
-    }).current;
-    React__namespace.useEffect(() => {
-      if (trapped) {
-        let handleFocusIn2 = function(event) {
-          if (focusScope.paused || !container) return;
-          const target = event.target;
-          if (container.contains(target)) {
-            lastFocusedElementRef.current = target;
-          } else {
-            focus(lastFocusedElementRef.current, { select: true });
-          }
-        }, handleFocusOut2 = function(event) {
-          if (focusScope.paused || !container) return;
-          const relatedTarget = event.relatedTarget;
-          if (relatedTarget === null) return;
-          if (!container.contains(relatedTarget)) {
-            focus(lastFocusedElementRef.current, { select: true });
-          }
-        }, handleMutations2 = function(mutations) {
-          const focusedElement = document.activeElement;
-          if (focusedElement !== document.body) return;
-          for (const mutation of mutations) {
-            if (mutation.removedNodes.length > 0) focus(container);
-          }
-        };
-        document.addEventListener("focusin", handleFocusIn2);
-        document.addEventListener("focusout", handleFocusOut2);
-        const mutationObserver = new MutationObserver(handleMutations2);
-        if (container) mutationObserver.observe(container, { childList: true, subtree: true });
-        return () => {
-          document.removeEventListener("focusin", handleFocusIn2);
-          document.removeEventListener("focusout", handleFocusOut2);
-          mutationObserver.disconnect();
-        };
-      }
-    }, [trapped, container, focusScope.paused]);
-    React__namespace.useEffect(() => {
-      if (container) {
-        focusScopesStack.add(focusScope);
-        const previouslyFocusedElement = document.activeElement;
-        const hasFocusedCandidate = container.contains(previouslyFocusedElement);
-        if (!hasFocusedCandidate) {
-          const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);
-          container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
-          container.dispatchEvent(mountEvent);
-          if (!mountEvent.defaultPrevented) {
-            focusFirst(removeLinks(getTabbableCandidates(container)), { select: true });
-            if (document.activeElement === previouslyFocusedElement) {
-              focus(container);
-            }
-          }
-        }
-        return () => {
-          container.removeEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
-          setTimeout(() => {
-            const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS);
-            container.addEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
-            container.dispatchEvent(unmountEvent);
-            if (!unmountEvent.defaultPrevented) {
-              focus(previouslyFocusedElement ?? document.body, { select: true });
-            }
-            container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
-            focusScopesStack.remove(focusScope);
-          }, 0);
-        };
-      }
-    }, [container, 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 container2 = event.currentTarget;
-          const [first, last] = getTabbableEdges(container2);
-          const hasTabbableElementsInside = first && last;
-          if (!hasTabbableElementsInside) {
-            if (focusedElement === container2) 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__ */ jsxRuntime.jsx(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
-  });
-  FocusScope.displayName = FOCUS_SCOPE_NAME;
-  function focusFirst(candidates, { select = false } = {}) {
-    const previouslyFocusedElement = document.activeElement;
-    for (const candidate of candidates) {
-      focus(candidate, { select });
-      if (document.activeElement !== previouslyFocusedElement) return;
-    }
-  }
-  function getTabbableEdges(container) {
-    const candidates = getTabbableCandidates(container);
-    const first = findVisible(candidates, container);
-    const last = findVisible(candidates.reverse(), container);
-    return [first, last];
-  }
-  function getTabbableCandidates(container) {
-    const nodes = [];
-    const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
-      acceptNode: (node) => {
-        const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
-        if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
-        return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-      }
-    });
-    while (walker.nextNode()) nodes.push(walker.currentNode);
-    return nodes;
-  }
-  function findVisible(elements, container) {
-    for (const element of elements) {
-      if (!isHidden(element, { upTo: container })) return element;
-    }
-  }
-  function isHidden(node, { upTo }) {
-    if (getComputedStyle(node).visibility === "hidden") return true;
-    while (node) {
-      if (upTo !== void 0 && node === upTo) return false;
-      if (getComputedStyle(node).display === "none") return true;
-      node = node.parentElement;
-    }
-    return false;
-  }
-  function isSelectableInput(element) {
-    return element instanceof HTMLInputElement && "select" in element;
-  }
-  function focus(element, { select = false } = {}) {
-    if (element && element.focus) {
-      const previouslyFocusedElement = document.activeElement;
-      element.focus({ preventScroll: true });
-      if (element !== previouslyFocusedElement && isSelectableInput(element) && select)
-        element.select();
-    }
-  }
-  var focusScopesStack = createFocusScopesStack();
-  function createFocusScopesStack() {
-    let stack = [];
-    return {
-      add(focusScope) {
-        const activeFocusScope = stack[0];
-        if (focusScope !== activeFocusScope) {
-          activeFocusScope == null ? void 0 : activeFocusScope.pause();
-        }
-        stack = arrayRemove(stack, focusScope);
-        stack.unshift(focusScope);
-      },
-      remove(focusScope) {
-        var _a2;
-        stack = arrayRemove(stack, focusScope);
-        (_a2 = stack[0]) == null ? void 0 : _a2.resume();
-      }
-    };
-  }
-  function arrayRemove(array, item) {
-    const updatedArray = [...array];
-    const index = updatedArray.indexOf(item);
-    if (index !== -1) {
-      updatedArray.splice(index, 1);
-    }
-    return updatedArray;
-  }
-  function removeLinks(items) {
-    return items.filter((item) => item.tagName !== "A");
-  }
-  var PORTAL_NAME$1 = "Portal";
-  var Portal$1 = React__namespace.forwardRef((props, forwardedRef) => {
-    var _a2;
-    const { container: containerProp, ...portalProps } = props;
-    const [mounted, setMounted] = React__namespace.useState(false);
-    useLayoutEffect2(() => setMounted(true), []);
-    const container = containerProp || mounted && ((_a2 = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : _a2.body);
-    return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
-  });
-  Portal$1.displayName = PORTAL_NAME$1;
-  function useStateMachine(initialState, machine) {
-    return React__namespace.useReducer((state, event) => {
-      const nextState = machine[state][event];
-      return nextState ?? state;
-    }, initialState);
-  }
-  var Presence = (props) => {
-    const { present, children } = props;
-    const presence = usePresence(present);
-    const child = typeof children === "function" ? children({ present: presence.isPresent }) : React__namespace.Children.only(children);
-    const ref = useComposedRefs(presence.ref, getElementRef(child));
-    const forceMount = typeof children === "function";
-    return forceMount || presence.isPresent ? React__namespace.cloneElement(child, { ref }) : null;
-  };
-  Presence.displayName = "Presence";
-  function usePresence(present) {
-    const [node, setNode] = React__namespace.useState();
-    const stylesRef = React__namespace.useRef(null);
-    const prevPresentRef = React__namespace.useRef(present);
-    const prevAnimationNameRef = React__namespace.useRef("none");
-    const initialState = present ? "mounted" : "unmounted";
-    const [state, send] = useStateMachine(initialState, {
-      mounted: {
-        UNMOUNT: "unmounted",
-        ANIMATION_OUT: "unmountSuspended"
-      },
-      unmountSuspended: {
-        MOUNT: "mounted",
-        ANIMATION_END: "unmounted"
-      },
-      unmounted: {
-        MOUNT: "mounted"
-      }
-    });
-    React__namespace.useEffect(() => {
-      const currentAnimationName = getAnimationName(stylesRef.current);
-      prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
-    }, [state]);
-    useLayoutEffect2(() => {
-      const styles = stylesRef.current;
-      const wasPresent = prevPresentRef.current;
-      const hasPresentChanged = wasPresent !== present;
-      if (hasPresentChanged) {
-        const prevAnimationName = prevAnimationNameRef.current;
-        const currentAnimationName = getAnimationName(styles);
-        if (present) {
-          send("MOUNT");
-        } else if (currentAnimationName === "none" || (styles == null ? void 0 : styles.display) === "none") {
-          send("UNMOUNT");
-        } else {
-          const isAnimating = prevAnimationName !== currentAnimationName;
-          if (wasPresent && isAnimating) {
-            send("ANIMATION_OUT");
-          } else {
-            send("UNMOUNT");
-          }
-        }
-        prevPresentRef.current = present;
-      }
-    }, [present, send]);
-    useLayoutEffect2(() => {
-      if (node) {
-        let timeoutId;
-        const ownerWindow = node.ownerDocument.defaultView ?? window;
-        const handleAnimationEnd = (event) => {
-          const currentAnimationName = getAnimationName(stylesRef.current);
-          const isCurrentAnimation = currentAnimationName.includes(event.animationName);
-          if (event.target === node && isCurrentAnimation) {
-            send("ANIMATION_END");
-            if (!prevPresentRef.current) {
-              const currentFillMode = node.style.animationFillMode;
-              node.style.animationFillMode = "forwards";
-              timeoutId = ownerWindow.setTimeout(() => {
-                if (node.style.animationFillMode === "forwards") {
-                  node.style.animationFillMode = currentFillMode;
-                }
-              });
-            }
-          }
-        };
-        const handleAnimationStart = (event) => {
-          if (event.target === node) {
-            prevAnimationNameRef.current = getAnimationName(stylesRef.current);
-          }
-        };
-        node.addEventListener("animationstart", handleAnimationStart);
-        node.addEventListener("animationcancel", handleAnimationEnd);
-        node.addEventListener("animationend", handleAnimationEnd);
-        return () => {
-          ownerWindow.clearTimeout(timeoutId);
-          node.removeEventListener("animationstart", handleAnimationStart);
-          node.removeEventListener("animationcancel", handleAnimationEnd);
-          node.removeEventListener("animationend", handleAnimationEnd);
-        };
-      } else {
-        send("ANIMATION_END");
-      }
-    }, [node, send]);
-    return {
-      isPresent: ["mounted", "unmountSuspended"].includes(state),
-      ref: React__namespace.useCallback((node2) => {
-        stylesRef.current = node2 ? getComputedStyle(node2) : null;
-        setNode(node2);
-      }, [])
-    };
-  }
-  function getAnimationName(styles) {
-    return (styles == null ? void 0 : styles.animationName) || "none";
-  }
-  function getElementRef(element) {
-    var _a2, _b;
-    let getter = (_a2 = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a2.get;
-    let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-    if (mayWarn) {
-      return element.ref;
-    }
-    getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
-    mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
-    if (mayWarn) {
-      return element.props.ref;
-    }
-    return element.props.ref || element.ref;
-  }
-  var count = 0;
-  function useFocusGuards() {
-    React__namespace.useEffect(() => {
-      const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
-      document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
-      document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
-      count++;
-      return () => {
-        if (count === 1) {
-          document.querySelectorAll("[data-radix-focus-guard]").forEach((node) => node.remove());
-        }
-        count--;
-      };
-    }, []);
-  }
-  function createFocusGuard() {
-    const element = document.createElement("span");
-    element.setAttribute("data-radix-focus-guard", "");
-    element.tabIndex = 0;
-    element.style.outline = "none";
-    element.style.opacity = "0";
-    element.style.position = "fixed";
-    element.style.pointerEvents = "none";
-    return element;
-  }
-  var __assign = function() {
-    __assign = Object.assign || function __assign2(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);
-  };
-  function __rest(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 __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-      if (ar || !(i in from)) {
-        if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-        ar[i] = from[i];
-      }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-  }
-  typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-  };
-  var zeroRightClassName = "right-scroll-bar-position";
-  var fullWidthClassName = "width-before-scroll-bar";
-  var noScrollbarsClassName = "with-scroll-bars-hidden";
-  var removedBarSizeVariable = "--removed-body-scroll-bar-size";
-  function assignRef(ref, value) {
-    if (typeof ref === "function") {
-      ref(value);
-    } else if (ref) {
-      ref.current = value;
-    }
-    return ref;
-  }
-  function useCallbackRef(initialValue, callback) {
-    var ref = React.useState(function() {
-      return {
-        // value
-        value: initialValue,
-        // last callback
-        callback,
-        // "memoized" public interface
-        facade: {
-          get current() {
-            return ref.value;
-          },
-          set current(value) {
-            var last = ref.value;
-            if (last !== value) {
-              ref.value = value;
-              ref.callback(value, last);
-            }
-          }
-        }
-      };
-    })[0];
-    ref.callback = callback;
-    return ref.facade;
-  }
-  var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React__namespace.useLayoutEffect : React__namespace.useEffect;
-  var currentValues = /* @__PURE__ */ new WeakMap();
-  function useMergeRefs(refs, defaultValue) {
-    var callbackRef = useCallbackRef(null, function(newValue) {
-      return refs.forEach(function(ref) {
-        return assignRef(ref, newValue);
-      });
-    });
-    useIsomorphicLayoutEffect(function() {
-      var oldValue = currentValues.get(callbackRef);
-      if (oldValue) {
-        var prevRefs_1 = new Set(oldValue);
-        var nextRefs_1 = new Set(refs);
-        var current_1 = callbackRef.current;
-        prevRefs_1.forEach(function(ref) {
-          if (!nextRefs_1.has(ref)) {
-            assignRef(ref, null);
-          }
-        });
-        nextRefs_1.forEach(function(ref) {
-          if (!prevRefs_1.has(ref)) {
-            assignRef(ref, current_1);
-          }
-        });
-      }
-      currentValues.set(callbackRef, refs);
-    }, [refs]);
-    return callbackRef;
-  }
-  function ItoI(a) {
-    return a;
-  }
-  function innerCreateMedium(defaults, middleware) {
-    if (middleware === void 0) {
-      middleware = ItoI;
-    }
-    var buffer = [];
-    var assigned = false;
-    var medium = {
-      read: function() {
-        if (assigned) {
-          throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
-        }
-        if (buffer.length) {
-          return buffer[buffer.length - 1];
-        }
-        return defaults;
-      },
-      useMedium: function(data) {
-        var item = middleware(data, assigned);
-        buffer.push(item);
-        return function() {
-          buffer = buffer.filter(function(x) {
-            return x !== item;
-          });
-        };
-      },
-      assignSyncMedium: function(cb) {
-        assigned = true;
-        while (buffer.length) {
-          var cbs = buffer;
-          buffer = [];
-          cbs.forEach(cb);
-        }
-        buffer = {
-          push: function(x) {
-            return cb(x);
-          },
-          filter: function() {
-            return buffer;
-          }
-        };
-      },
-      assignMedium: function(cb) {
-        assigned = true;
-        var pendingQueue = [];
-        if (buffer.length) {
-          var cbs = buffer;
-          buffer = [];
-          cbs.forEach(cb);
-          pendingQueue = buffer;
-        }
-        var executeQueue = function() {
-          var cbs2 = pendingQueue;
-          pendingQueue = [];
-          cbs2.forEach(cb);
-        };
-        var cycle = function() {
-          return Promise.resolve().then(executeQueue);
-        };
-        cycle();
-        buffer = {
-          push: function(x) {
-            pendingQueue.push(x);
-            cycle();
-          },
-          filter: function(filter) {
-            pendingQueue = pendingQueue.filter(filter);
-            return buffer;
-          }
-        };
-      }
-    };
-    return medium;
-  }
-  function createSidecarMedium(options2) {
-    if (options2 === void 0) {
-      options2 = {};
-    }
-    var medium = innerCreateMedium(null);
-    medium.options = __assign({ async: true, ssr: false }, options2);
-    return medium;
-  }
-  var SideCar$1 = function(_a2) {
-    var sideCar = _a2.sideCar, rest = __rest(_a2, ["sideCar"]);
-    if (!sideCar) {
-      throw new Error("Sidecar: please provide `sideCar` property to import the right car");
-    }
-    var Target = sideCar.read();
-    if (!Target) {
-      throw new Error("Sidecar medium not found");
-    }
-    return React__namespace.createElement(Target, __assign({}, rest));
-  };
-  SideCar$1.isSideCarExport = true;
-  function exportSidecar(medium, exported) {
-    medium.useMedium(exported);
-    return SideCar$1;
-  }
-  var effectCar = createSidecarMedium();
-  var nothing = function() {
-    return;
-  };
-  var RemoveScroll = React__namespace.forwardRef(function(props, parentRef) {
-    var ref = React__namespace.useRef(null);
-    var _a2 = React__namespace.useState({
-      onScrollCapture: nothing,
-      onWheelCapture: nothing,
-      onTouchMoveCapture: nothing
-    }), callbacks = _a2[0], setCallbacks = _a2[1];
-    var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? "div" : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
-    var SideCar2 = sideCar;
-    var containerRef = useMergeRefs([ref, parentRef]);
-    var containerProps = __assign(__assign({}, rest), callbacks);
-    return React__namespace.createElement(
-      React__namespace.Fragment,
-      null,
-      enabled && React__namespace.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
-      forwardProps ? React__namespace.cloneElement(React__namespace.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React__namespace.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
-    );
-  });
-  RemoveScroll.defaultProps = {
-    enabled: true,
-    removeScrollBar: true,
-    inert: false
-  };
-  RemoveScroll.classNames = {
-    fullWidth: fullWidthClassName,
-    zeroRight: zeroRightClassName
-  };
-  var getNonce = function() {
-    if (typeof __webpack_nonce__ !== "undefined") {
-      return __webpack_nonce__;
-    }
-    return void 0;
-  };
-  function makeStyleTag() {
-    if (!document)
-      return null;
-    var tag = document.createElement("style");
-    tag.type = "text/css";
-    var nonce = getNonce();
-    if (nonce) {
-      tag.setAttribute("nonce", nonce);
-    }
-    return tag;
-  }
-  function injectStyles(tag, css) {
-    if (tag.styleSheet) {
-      tag.styleSheet.cssText = css;
-    } else {
-      tag.appendChild(document.createTextNode(css));
-    }
-  }
-  function insertStyleTag(tag) {
-    var head = document.head || document.getElementsByTagName("head")[0];
-    head.appendChild(tag);
-  }
-  var stylesheetSingleton = function() {
-    var counter = 0;
-    var stylesheet = null;
-    return {
-      add: function(style) {
-        if (counter == 0) {
-          if (stylesheet = makeStyleTag()) {
-            injectStyles(stylesheet, style);
-            insertStyleTag(stylesheet);
-          }
-        }
-        counter++;
-      },
-      remove: function() {
-        counter--;
-        if (!counter && stylesheet) {
-          stylesheet.parentNode && stylesheet.parentNode.removeChild(stylesheet);
-          stylesheet = null;
-        }
-      }
-    };
-  };
-  var styleHookSingleton = function() {
-    var sheet = stylesheetSingleton();
-    return function(styles, isDynamic) {
-      React__namespace.useEffect(function() {
-        sheet.add(styles);
-        return function() {
-          sheet.remove();
-        };
-      }, [styles && isDynamic]);
-    };
-  };
-  var styleSingleton = function() {
-    var useStyle = styleHookSingleton();
-    var Sheet = function(_a2) {
-      var styles = _a2.styles, dynamic = _a2.dynamic;
-      useStyle(styles, dynamic);
-      return null;
-    };
-    return Sheet;
-  };
-  var zeroGap = {
-    left: 0,
-    top: 0,
-    right: 0,
-    gap: 0
-  };
-  var parse = function(x) {
-    return parseInt(x || "", 10) || 0;
-  };
-  var getOffset = function(gapMode) {
-    var cs = window.getComputedStyle(document.body);
-    var left = cs[gapMode === "padding" ? "paddingLeft" : "marginLeft"];
-    var top = cs[gapMode === "padding" ? "paddingTop" : "marginTop"];
-    var right = cs[gapMode === "padding" ? "paddingRight" : "marginRight"];
-    return [parse(left), parse(top), parse(right)];
-  };
-  var getGapWidth = function(gapMode) {
-    if (gapMode === void 0) {
-      gapMode = "margin";
-    }
-    if (typeof window === "undefined") {
-      return zeroGap;
-    }
-    var offsets = getOffset(gapMode);
-    var documentWidth = document.documentElement.clientWidth;
-    var windowWidth = window.innerWidth;
-    return {
-      left: offsets[0],
-      top: offsets[1],
-      right: offsets[2],
-      gap: Math.max(0, windowWidth - documentWidth + offsets[2] - offsets[0])
-    };
-  };
-  var Style = styleSingleton();
-  var lockAttribute = "data-scroll-locked";
-  var getStyles = function(_a2, allowRelative, gapMode, important) {
-    var left = _a2.left, top = _a2.top, right = _a2.right, gap = _a2.gap;
-    if (gapMode === void 0) {
-      gapMode = "margin";
-    }
-    return "\n  .".concat(noScrollbarsClassName, " {\n   overflow: hidden ").concat(important, ";\n   padding-right: ").concat(gap, "px ").concat(important, ";\n  }\n  body[").concat(lockAttribute, "] {\n    overflow: hidden ").concat(important, ";\n    overscroll-behavior: contain;\n    ").concat([
-      allowRelative && "position: relative ".concat(important, ";"),
-      gapMode === "margin" && "\n    padding-left: ".concat(left, "px;\n    padding-top: ").concat(top, "px;\n    padding-right: ").concat(right, "px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: ").concat(gap, "px ").concat(important, ";\n    "),
-      gapMode === "padding" && "padding-right: ".concat(gap, "px ").concat(important, ";")
-    ].filter(Boolean).join(""), "\n  }\n  \n  .").concat(zeroRightClassName, " {\n    right: ").concat(gap, "px ").concat(important, ";\n  }\n  \n  .").concat(fullWidthClassName, " {\n    margin-right: ").concat(gap, "px ").concat(important, ";\n  }\n  \n  .").concat(zeroRightClassName, " .").concat(zeroRightClassName, " {\n    right: 0 ").concat(important, ";\n  }\n  \n  .").concat(fullWidthClassName, " .").concat(fullWidthClassName, " {\n    margin-right: 0 ").concat(important, ";\n  }\n  \n  body[").concat(lockAttribute, "] {\n    ").concat(removedBarSizeVariable, ": ").concat(gap, "px;\n  }\n");
-  };
-  var getCurrentUseCounter = function() {
-    var counter = parseInt(document.body.getAttribute(lockAttribute) || "0", 10);
-    return isFinite(counter) ? counter : 0;
-  };
-  var useLockAttribute = function() {
-    React__namespace.useEffect(function() {
-      document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
-      return function() {
-        var newCounter = getCurrentUseCounter() - 1;
-        if (newCounter <= 0) {
-          document.body.removeAttribute(lockAttribute);
-        } else {
-          document.body.setAttribute(lockAttribute, newCounter.toString());
-        }
-      };
-    }, []);
-  };
-  var RemoveScrollBar = function(_a2) {
-    var noRelative = _a2.noRelative, noImportant = _a2.noImportant, _b = _a2.gapMode, gapMode = _b === void 0 ? "margin" : _b;
-    useLockAttribute();
-    var gap = React__namespace.useMemo(function() {
-      return getGapWidth(gapMode);
-    }, [gapMode]);
-    return React__namespace.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
-  };
-  var passiveSupported = false;
-  if (typeof window !== "undefined") {
-    try {
-      var options = Object.defineProperty({}, "passive", {
-        get: function() {
-          passiveSupported = true;
-          return true;
-        }
-      });
-      window.addEventListener("test", options, options);
-      window.removeEventListener("test", options, options);
-    } catch (err) {
-      passiveSupported = false;
-    }
-  }
-  var nonPassive = passiveSupported ? { passive: false } : false;
-  var alwaysContainsScroll = function(node) {
-    return node.tagName === "TEXTAREA";
-  };
-  var elementCanBeScrolled = function(node, overflow) {
-    if (!(node instanceof Element)) {
-      return false;
-    }
-    var styles = window.getComputedStyle(node);
-    return (
-      // not-not-scrollable
-      styles[overflow] !== "hidden" && // contains scroll inside self
-      !(styles.overflowY === styles.overflowX && !alwaysContainsScroll(node) && styles[overflow] === "visible")
-    );
-  };
-  var elementCouldBeVScrolled = function(node) {
-    return elementCanBeScrolled(node, "overflowY");
-  };
-  var elementCouldBeHScrolled = function(node) {
-    return elementCanBeScrolled(node, "overflowX");
-  };
-  var locationCouldBeScrolled = function(axis, node) {
-    var ownerDocument = node.ownerDocument;
-    var current = node;
-    do {
-      if (typeof ShadowRoot !== "undefined" && current instanceof ShadowRoot) {
-        current = current.host;
-      }
-      var isScrollable = elementCouldBeScrolled(axis, current);
-      if (isScrollable) {
-        var _a2 = getScrollVariables(axis, current), scrollHeight = _a2[1], clientHeight = _a2[2];
-        if (scrollHeight > clientHeight) {
-          return true;
-        }
-      }
-      current = current.parentNode;
-    } while (current && current !== ownerDocument.body);
-    return false;
-  };
-  var getVScrollVariables = function(_a2) {
-    var scrollTop = _a2.scrollTop, scrollHeight = _a2.scrollHeight, clientHeight = _a2.clientHeight;
-    return [
-      scrollTop,
-      scrollHeight,
-      clientHeight
-    ];
-  };
-  var getHScrollVariables = function(_a2) {
-    var scrollLeft = _a2.scrollLeft, scrollWidth = _a2.scrollWidth, clientWidth = _a2.clientWidth;
-    return [
-      scrollLeft,
-      scrollWidth,
-      clientWidth
-    ];
-  };
-  var elementCouldBeScrolled = function(axis, node) {
-    return axis === "v" ? elementCouldBeVScrolled(node) : elementCouldBeHScrolled(node);
-  };
-  var getScrollVariables = function(axis, node) {
-    return axis === "v" ? getVScrollVariables(node) : getHScrollVariables(node);
-  };
-  var getDirectionFactor = function(axis, direction) {
-    return axis === "h" && direction === "rtl" ? -1 : 1;
-  };
-  var handleScroll = function(axis, endTarget, event, sourceDelta, noOverscroll) {
-    var directionFactor = getDirectionFactor(axis, window.getComputedStyle(endTarget).direction);
-    var delta = directionFactor * sourceDelta;
-    var target = event.target;
-    var targetInLock = endTarget.contains(target);
-    var shouldCancelScroll = false;
-    var isDeltaPositive = delta > 0;
-    var availableScroll = 0;
-    var availableScrollTop = 0;
-    do {
-      var _a2 = getScrollVariables(axis, target), position = _a2[0], scroll_1 = _a2[1], capacity = _a2[2];
-      var elementScroll = scroll_1 - capacity - directionFactor * position;
-      if (position || elementScroll) {
-        if (elementCouldBeScrolled(axis, target)) {
-          availableScroll += elementScroll;
-          availableScrollTop += position;
-        }
-      }
-      if (target instanceof ShadowRoot) {
-        target = target.host;
-      } else {
-        target = target.parentNode;
-      }
-    } while (
-      // portaled content
-      !targetInLock && target !== document.body || // self content
-      targetInLock && (endTarget.contains(target) || endTarget === target)
-    );
-    if (isDeltaPositive && (Math.abs(availableScroll) < 1 || false)) {
-      shouldCancelScroll = true;
-    } else if (!isDeltaPositive && (Math.abs(availableScrollTop) < 1 || false)) {
-      shouldCancelScroll = true;
-    }
-    return shouldCancelScroll;
-  };
-  var getTouchXY = function(event) {
-    return "changedTouches" in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];
-  };
-  var getDeltaXY = function(event) {
-    return [event.deltaX, event.deltaY];
-  };
-  var extractRef = function(ref) {
-    return ref && "current" in ref ? ref.current : ref;
-  };
-  var deltaCompare = function(x, y) {
-    return x[0] === y[0] && x[1] === y[1];
-  };
-  var generateStyle = function(id) {
-    return "\n  .block-interactivity-".concat(id, " {pointer-events: none;}\n  .allow-interactivity-").concat(id, " {pointer-events: all;}\n");
-  };
-  var idCounter = 0;
-  var lockStack = [];
-  function RemoveScrollSideCar(props) {
-    var shouldPreventQueue = React__namespace.useRef([]);
-    var touchStartRef = React__namespace.useRef([0, 0]);
-    var activeAxis = React__namespace.useRef();
-    var id = React__namespace.useState(idCounter++)[0];
-    var Style2 = React__namespace.useState(styleSingleton)[0];
-    var lastProps = React__namespace.useRef(props);
-    React__namespace.useEffect(function() {
-      lastProps.current = props;
-    }, [props]);
-    React__namespace.useEffect(function() {
-      if (props.inert) {
-        document.body.classList.add("block-interactivity-".concat(id));
-        var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
-        allow_1.forEach(function(el) {
-          return el.classList.add("allow-interactivity-".concat(id));
-        });
-        return function() {
-          document.body.classList.remove("block-interactivity-".concat(id));
-          allow_1.forEach(function(el) {
-            return el.classList.remove("allow-interactivity-".concat(id));
-          });
-        };
-      }
-      return;
-    }, [props.inert, props.lockRef.current, props.shards]);
-    var shouldCancelEvent = React__namespace.useCallback(function(event, parent) {
-      if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
-        return !lastProps.current.allowPinchZoom;
-      }
-      var touch = getTouchXY(event);
-      var touchStart = touchStartRef.current;
-      var deltaX = "deltaX" in event ? event.deltaX : touchStart[0] - touch[0];
-      var deltaY = "deltaY" in event ? event.deltaY : touchStart[1] - touch[1];
-      var currentAxis;
-      var target = event.target;
-      var moveDirection = Math.abs(deltaX) > Math.abs(deltaY) ? "h" : "v";
-      if ("touches" in event && moveDirection === "h" && target.type === "range") {
-        return false;
-      }
-      var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
-      if (!canBeScrolledInMainDirection) {
-        return true;
-      }
-      if (canBeScrolledInMainDirection) {
-        currentAxis = moveDirection;
-      } else {
-        currentAxis = moveDirection === "v" ? "h" : "v";
-        canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
-      }
-      if (!canBeScrolledInMainDirection) {
-        return false;
-      }
-      if (!activeAxis.current && "changedTouches" in event && (deltaX || deltaY)) {
-        activeAxis.current = currentAxis;
-      }
-      if (!currentAxis) {
-        return true;
-      }
-      var cancelingAxis = activeAxis.current || currentAxis;
-      return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY);
-    }, []);
-    var shouldPrevent = React__namespace.useCallback(function(_event) {
-      var event = _event;
-      if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
-        return;
-      }
-      var delta = "deltaY" in event ? getDeltaXY(event) : getTouchXY(event);
-      var sourceEvent = shouldPreventQueue.current.filter(function(e) {
-        return e.name === event.type && (e.target === event.target || event.target === e.shadowParent) && deltaCompare(e.delta, delta);
-      })[0];
-      if (sourceEvent && sourceEvent.should) {
-        if (event.cancelable) {
-          event.preventDefault();
-        }
-        return;
-      }
-      if (!sourceEvent) {
-        var shardNodes = (lastProps.current.shards || []).map(extractRef).filter(Boolean).filter(function(node) {
-          return node.contains(event.target);
-        });
-        var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(event, shardNodes[0]) : !lastProps.current.noIsolation;
-        if (shouldStop) {
-          if (event.cancelable) {
-            event.preventDefault();
-          }
-        }
-      }
-    }, []);
-    var shouldCancel = React__namespace.useCallback(function(name, delta, target, should) {
-      var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
-      shouldPreventQueue.current.push(event);
-      setTimeout(function() {
-        shouldPreventQueue.current = shouldPreventQueue.current.filter(function(e) {
-          return e !== event;
-        });
-      }, 1);
-    }, []);
-    var scrollTouchStart = React__namespace.useCallback(function(event) {
-      touchStartRef.current = getTouchXY(event);
-      activeAxis.current = void 0;
-    }, []);
-    var scrollWheel = React__namespace.useCallback(function(event) {
-      shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
-    }, []);
-    var scrollTouchMove = React__namespace.useCallback(function(event) {
-      shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
-    }, []);
-    React__namespace.useEffect(function() {
-      lockStack.push(Style2);
-      props.setCallbacks({
-        onScrollCapture: scrollWheel,
-        onWheelCapture: scrollWheel,
-        onTouchMoveCapture: scrollTouchMove
-      });
-      document.addEventListener("wheel", shouldPrevent, nonPassive);
-      document.addEventListener("touchmove", shouldPrevent, nonPassive);
-      document.addEventListener("touchstart", scrollTouchStart, nonPassive);
-      return function() {
-        lockStack = lockStack.filter(function(inst) {
-          return inst !== Style2;
-        });
-        document.removeEventListener("wheel", shouldPrevent, nonPassive);
-        document.removeEventListener("touchmove", shouldPrevent, nonPassive);
-        document.removeEventListener("touchstart", scrollTouchStart, nonPassive);
-      };
-    }, []);
-    var removeScrollBar = props.removeScrollBar, inert = props.inert;
-    return React__namespace.createElement(
-      React__namespace.Fragment,
-      null,
-      inert ? React__namespace.createElement(Style2, { styles: generateStyle(id) }) : null,
-      removeScrollBar ? React__namespace.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null
-    );
-  }
-  function getOutermostShadowParent(node) {
-    var shadowParent = null;
-    while (node !== null) {
-      if (node instanceof ShadowRoot) {
-        shadowParent = node.host;
-        node = node.host;
-      }
-      node = node.parentNode;
-    }
-    return shadowParent;
-  }
-  const SideCar = exportSidecar(effectCar, RemoveScrollSideCar);
-  var ReactRemoveScroll = React__namespace.forwardRef(function(props, ref) {
-    return React__namespace.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: SideCar }));
-  });
-  ReactRemoveScroll.classNames = RemoveScroll.classNames;
-  var getDefaultParent = function(originalTarget) {
-    if (typeof document === "undefined") {
-      return null;
-    }
-    var sampleTarget = Array.isArray(originalTarget) ? originalTarget[0] : originalTarget;
-    return sampleTarget.ownerDocument.body;
-  };
-  var counterMap = /* @__PURE__ */ new WeakMap();
-  var uncontrolledNodes = /* @__PURE__ */ new WeakMap();
-  var markerMap = {};
-  var lockCount = 0;
-  var unwrapHost = function(node) {
-    return node && (node.host || unwrapHost(node.parentNode));
-  };
-  var correctTargets = function(parent, targets) {
-    return targets.map(function(target) {
-      if (parent.contains(target)) {
-        return target;
-      }
-      var correctedTarget = unwrapHost(target);
-      if (correctedTarget && parent.contains(correctedTarget)) {
-        return correctedTarget;
-      }
-      console.error("aria-hidden", target, "in not contained inside", parent, ". Doing nothing");
-      return null;
-    }).filter(function(x) {
-      return Boolean(x);
-    });
-  };
-  var applyAttributeToOthers = function(originalTarget, parentNode, markerName, controlAttribute) {
-    var targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
-    if (!markerMap[markerName]) {
-      markerMap[markerName] = /* @__PURE__ */ new WeakMap();
-    }
-    var markerCounter = markerMap[markerName];
-    var hiddenNodes = [];
-    var elementsToKeep = /* @__PURE__ */ new Set();
-    var elementsToStop = new Set(targets);
-    var keep = function(el) {
-      if (!el || elementsToKeep.has(el)) {
-        return;
-      }
-      elementsToKeep.add(el);
-      keep(el.parentNode);
-    };
-    targets.forEach(keep);
-    var deep = function(parent) {
-      if (!parent || elementsToStop.has(parent)) {
-        return;
-      }
-      Array.prototype.forEach.call(parent.children, function(node) {
-        if (elementsToKeep.has(node)) {
-          deep(node);
-        } else {
-          try {
-            var attr = node.getAttribute(controlAttribute);
-            var alreadyHidden = attr !== null && attr !== "false";
-            var counterValue = (counterMap.get(node) || 0) + 1;
-            var markerValue = (markerCounter.get(node) || 0) + 1;
-            counterMap.set(node, counterValue);
-            markerCounter.set(node, markerValue);
-            hiddenNodes.push(node);
-            if (counterValue === 1 && alreadyHidden) {
-              uncontrolledNodes.set(node, true);
-            }
-            if (markerValue === 1) {
-              node.setAttribute(markerName, "true");
-            }
-            if (!alreadyHidden) {
-              node.setAttribute(controlAttribute, "true");
-            }
-          } catch (e) {
-            console.error("aria-hidden: cannot operate on ", node, e);
-          }
-        }
-      });
-    };
-    deep(parentNode);
-    elementsToKeep.clear();
-    lockCount++;
-    return function() {
-      hiddenNodes.forEach(function(node) {
-        var counterValue = counterMap.get(node) - 1;
-        var markerValue = markerCounter.get(node) - 1;
-        counterMap.set(node, counterValue);
-        markerCounter.set(node, markerValue);
-        if (!counterValue) {
-          if (!uncontrolledNodes.has(node)) {
-            node.removeAttribute(controlAttribute);
-          }
-          uncontrolledNodes.delete(node);
-        }
-        if (!markerValue) {
-          node.removeAttribute(markerName);
-        }
-      });
-      lockCount--;
-      if (!lockCount) {
-        counterMap = /* @__PURE__ */ new WeakMap();
-        counterMap = /* @__PURE__ */ new WeakMap();
-        uncontrolledNodes = /* @__PURE__ */ new WeakMap();
-        markerMap = {};
-      }
-    };
-  };
-  var hideOthers = function(originalTarget, parentNode, markerName) {
-    if (markerName === void 0) {
-      markerName = "data-aria-hidden";
-    }
-    var targets = Array.from(Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
-    var activeParentNode = getDefaultParent(originalTarget);
-    if (!activeParentNode) {
-      return function() {
-        return null;
-      };
-    }
-    targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll("[aria-live]")));
-    return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
-  };
-  var DIALOG_NAME = "Dialog";
-  var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
-  var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
-  var Dialog = (props) => {
-    const {
-      __scopeDialog,
-      children,
-      open: openProp,
-      defaultOpen,
-      onOpenChange,
-      modal = true
-    } = props;
-    const triggerRef = React__namespace.useRef(null);
-    const contentRef = React__namespace.useRef(null);
-    const [open, setOpen] = useControllableState({
-      prop: openProp,
-      defaultProp: defaultOpen ?? false,
-      onChange: onOpenChange,
-      caller: DIALOG_NAME
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      DialogProvider,
-      {
-        scope: __scopeDialog,
-        triggerRef,
-        contentRef,
-        contentId: useId(),
-        titleId: useId(),
-        descriptionId: useId(),
-        open,
-        onOpenChange: setOpen,
-        onOpenToggle: React__namespace.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
-        modal,
-        children
-      }
-    );
-  };
-  Dialog.displayName = DIALOG_NAME;
-  var TRIGGER_NAME = "DialogTrigger";
-  var DialogTrigger = React__namespace.forwardRef(
-    (props, forwardedRef) => {
-      const { __scopeDialog, ...triggerProps } = props;
-      const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
-      const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive.button,
-        {
-          type: "button",
-          "aria-haspopup": "dialog",
-          "aria-expanded": context.open,
-          "aria-controls": context.contentId,
-          "data-state": getState(context.open),
-          ...triggerProps,
-          ref: composedTriggerRef,
-          onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
-        }
-      );
-    }
-  );
-  DialogTrigger.displayName = TRIGGER_NAME;
-  var PORTAL_NAME = "DialogPortal";
-  var [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME, {
-    forceMount: void 0
-  });
-  var DialogPortal = (props) => {
-    const { __scopeDialog, forceMount, children, container } = props;
-    const context = useDialogContext(PORTAL_NAME, __scopeDialog);
-    return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider, { scope: __scopeDialog, forceMount, children: React__namespace.Children.map(children, (child) => /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$1, { asChild: true, container, children: child }) })) });
-  };
-  DialogPortal.displayName = PORTAL_NAME;
-  var OVERLAY_NAME = "DialogOverlay";
-  var DialogOverlay = React__namespace.forwardRef(
-    (props, forwardedRef) => {
-      const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
-      const { forceMount = portalContext.forceMount, ...overlayProps } = props;
-      const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
-      return context.modal ? /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
-    }
-  );
-  DialogOverlay.displayName = OVERLAY_NAME;
-  var Slot = /* @__PURE__ */ createSlot("DialogOverlay.RemoveScroll");
-  var DialogOverlayImpl = React__namespace.forwardRef(
-    (props, forwardedRef) => {
-      const { __scopeDialog, ...overlayProps } = props;
-      const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
-      return (
-        // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
-        // ie. when `Overlay` and `Content` are siblings
-        /* @__PURE__ */ jsxRuntime.jsx(ReactRemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsxRuntime.jsx(
-          Primitive.div,
-          {
-            "data-state": getState(context.open),
-            ...overlayProps,
-            ref: forwardedRef,
-            style: { pointerEvents: "auto", ...overlayProps.style }
-          }
-        ) })
-      );
-    }
-  );
-  var CONTENT_NAME = "DialogContent";
-  var DialogContent = React__namespace.forwardRef(
-    (props, forwardedRef) => {
-      const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);
-      const { forceMount = portalContext.forceMount, ...contentProps } = props;
-      const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-      return /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsxRuntime.jsx(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsxRuntime.jsx(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
-    }
-  );
-  DialogContent.displayName = CONTENT_NAME;
-  var DialogContentModal = React__namespace.forwardRef(
-    (props, forwardedRef) => {
-      const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-      const contentRef = React__namespace.useRef(null);
-      const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
-      React__namespace.useEffect(() => {
-        const content = contentRef.current;
-        if (content) return hideOthers(content);
-      }, []);
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        DialogContentImpl,
-        {
-          ...props,
-          ref: composedRefs,
-          trapFocus: context.open,
-          disableOutsidePointerEvents: true,
-          onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
-            var _a2;
-            event.preventDefault();
-            (_a2 = context.triggerRef.current) == null ? void 0 : _a2.focus();
-          }),
-          onPointerDownOutside: composeEventHandlers(props.onPointerDownOutside, (event) => {
-            const originalEvent = event.detail.originalEvent;
-            const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
-            const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
-            if (isRightClick) event.preventDefault();
-          }),
-          onFocusOutside: composeEventHandlers(
-            props.onFocusOutside,
-            (event) => event.preventDefault()
-          )
-        }
-      );
-    }
-  );
-  var DialogContentNonModal = React__namespace.forwardRef(
-    (props, forwardedRef) => {
-      const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-      const hasInteractedOutsideRef = React__namespace.useRef(false);
-      const hasPointerDownOutsideRef = React__namespace.useRef(false);
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        DialogContentImpl,
-        {
-          ...props,
-          ref: forwardedRef,
-          trapFocus: false,
-          disableOutsidePointerEvents: false,
-          onCloseAutoFocus: (event) => {
-            var _a2, _b;
-            (_a2 = props.onCloseAutoFocus) == null ? void 0 : _a2.call(props, event);
-            if (!event.defaultPrevented) {
-              if (!hasInteractedOutsideRef.current) (_b = context.triggerRef.current) == null ? void 0 : _b.focus();
-              event.preventDefault();
-            }
-            hasInteractedOutsideRef.current = false;
-            hasPointerDownOutsideRef.current = false;
-          },
-          onInteractOutside: (event) => {
-            var _a2, _b;
-            (_a2 = props.onInteractOutside) == null ? void 0 : _a2.call(props, event);
-            if (!event.defaultPrevented) {
-              hasInteractedOutsideRef.current = true;
-              if (event.detail.originalEvent.type === "pointerdown") {
-                hasPointerDownOutsideRef.current = true;
-              }
-            }
-            const target = event.target;
-            const targetIsTrigger = (_b = context.triggerRef.current) == null ? void 0 : _b.contains(target);
-            if (targetIsTrigger) event.preventDefault();
-            if (event.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.current) {
-              event.preventDefault();
-            }
-          }
-        }
-      );
-    }
-  );
-  var DialogContentImpl = React__namespace.forwardRef(
-    (props, forwardedRef) => {
-      const { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus, ...contentProps } = props;
-      const context = useDialogContext(CONTENT_NAME, __scopeDialog);
-      const contentRef = React__namespace.useRef(null);
-      const composedRefs = useComposedRefs(forwardedRef, contentRef);
-      useFocusGuards();
-      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FocusScope,
-          {
-            asChild: true,
-            loop: true,
-            trapped: trapFocus,
-            onMountAutoFocus: onOpenAutoFocus,
-            onUnmountAutoFocus: onCloseAutoFocus,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              DismissableLayer,
-              {
-                role: "dialog",
-                id: context.contentId,
-                "aria-describedby": context.descriptionId,
-                "aria-labelledby": context.titleId,
-                "data-state": getState(context.open),
-                ...contentProps,
-                ref: composedRefs,
-                onDismiss: () => context.onOpenChange(false)
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(TitleWarning, { titleId: context.titleId }),
-          /* @__PURE__ */ jsxRuntime.jsx(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
-        ] })
-      ] });
-    }
-  );
-  var TITLE_NAME = "DialogTitle";
-  var DialogTitle = React__namespace.forwardRef(
-    (props, forwardedRef) => {
-      const { __scopeDialog, ...titleProps } = props;
-      const context = useDialogContext(TITLE_NAME, __scopeDialog);
-      return /* @__PURE__ */ jsxRuntime.jsx(Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
-    }
-  );
-  DialogTitle.displayName = TITLE_NAME;
-  var DESCRIPTION_NAME = "DialogDescription";
-  var DialogDescription = React__namespace.forwardRef(
-    (props, forwardedRef) => {
-      const { __scopeDialog, ...descriptionProps } = props;
-      const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-      return /* @__PURE__ */ jsxRuntime.jsx(Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
-    }
-  );
-  DialogDescription.displayName = DESCRIPTION_NAME;
-  var CLOSE_NAME = "DialogClose";
-  var DialogClose = React__namespace.forwardRef(
-    (props, forwardedRef) => {
-      const { __scopeDialog, ...closeProps } = props;
-      const context = useDialogContext(CLOSE_NAME, __scopeDialog);
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Primitive.button,
-        {
-          type: "button",
-          ...closeProps,
-          ref: forwardedRef,
-          onClick: composeEventHandlers(props.onClick, () => context.onOpenChange(false))
-        }
-      );
-    }
-  );
-  DialogClose.displayName = CLOSE_NAME;
-  function getState(open) {
-    return open ? "open" : "closed";
-  }
-  var TITLE_WARNING_NAME = "DialogTitleWarning";
-  var [WarningProvider, useWarningContext] = createContext2(TITLE_WARNING_NAME, {
-    contentName: CONTENT_NAME,
-    titleName: TITLE_NAME,
-    docsSlug: "dialog"
-  });
-  var TitleWarning = ({ titleId }) => {
-    const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);
-    const MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
-
-If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
-    React__namespace.useEffect(() => {
-      if (titleId) {
-        const hasTitle = document.getElementById(titleId);
-        if (!hasTitle) console.error(MESSAGE);
-      }
-    }, [MESSAGE, titleId]);
-    return null;
-  };
-  var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
-  var DescriptionWarning = ({ contentRef, descriptionId }) => {
-    const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
-    const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
-    React__namespace.useEffect(() => {
-      var _a2;
-      const describedById = (_a2 = contentRef.current) == null ? void 0 : _a2.getAttribute("aria-describedby");
-      if (descriptionId && describedById) {
-        const hasDescription = document.getElementById(descriptionId);
-        if (!hasDescription) console.warn(MESSAGE);
-      }
-    }, [MESSAGE, contentRef, descriptionId]);
-    return null;
-  };
-  var Root = Dialog;
-  var Trigger = DialogTrigger;
-  var Portal = DialogPortal;
-  var Overlay = DialogOverlay;
-  var Content = DialogContent;
-  var Close = DialogClose;
   const ImageViewer = React.memo((props) => {
     const { file, onClose } = props;
     const imageRef = React.useRef(null);
@@ -2151,52 +163,37 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     const handleDownload = React.useCallback(() => {
       fileSaver.saveAs(file, file.name);
     }, [file]);
-    return /* @__PURE__ */ jsxRuntime.jsx(Root, { open: true, onOpenChange: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      Overlay,
-      {
-        className: "bg-(--color-background) fixed inset-0 data-[state='open']:fade-in-0 data-[state='open']:zoom-in-95 data-[state='closed']:animate-out data-[state='closed']:fade-out-0 data-[state='closed']:zoom-out-95 data-[state='open']:animate-in",
-        "data-floating-content": "",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          Content,
-          {
-            className: "absolute inset-0 py-12",
-            "data-floating-content": "",
-            onOpenAutoFocus: (e) => e.preventDefault(),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                blocks.ButtonGroup,
-                {
-                  className: "flex gap-2 items-center top-0 absolute right-0 p-2",
-                  accentColor: "base",
-                  variant: "ghost",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(blocks.Tooltip.Root, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleCopy, "aria-label": "copy to clipboard", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "h-4 w-4" }) }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip.Content, { size: "sm", children: "Copy" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsxs(blocks.Tooltip.Root, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleDownload, "aria-label": "download", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "h-4 w-4" }) }) }),
-                      /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip.Content, { size: "sm", children: "Download" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(blocks.Separator, { orientation: "vertical", size: "sm" }),
-                    /* @__PURE__ */ jsxRuntime.jsx(Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: onClose, "aria-label": "close", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }) }) })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("figure", { className: "size-full overflow-hidden p-4 flex justify-center items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-                "img",
-                {
-                  ref: imageRef,
-                  className: "max-w-full max-h-full",
-                  src: URL.createObjectURL(file),
-                  alt: file.name
-                }
-              ) })
-            ]
-          }
-        )
-      }
-    ) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(blocks.Overlay.Root, { open: true, onOpenChange: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Overlay.Content, { onOpenAutoFocus: (e) => e.preventDefault(), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        blocks.ButtonGroup,
+        {
+          className: "flex gap-2 items-center top-0 absolute right-0 p-2",
+          accentColor: "base",
+          variant: "ghost",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(blocks.Tooltip.Root, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleCopy, "aria-label": "copy to clipboard", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "copy" }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip.Content, { size: "sm", children: "Copy" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(blocks.Tooltip.Root, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: handleDownload, "aria-label": "download", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "download" }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.Tooltip.Content, { size: "sm", children: "Download" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.Separator, { orientation: "vertical", size: "sm" }),
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.Overlay.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { onClick: onClose, "aria-label": "close", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "x" }) }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("figure", { className: "size-full overflow-hidden p-4 flex justify-center items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          ref: imageRef,
+          className: "max-w-full max-h-full",
+          src: URL.createObjectURL(file),
+          alt: file.name
+        }
+      ) })
+    ] }) });
   });
   ImageViewer.displayName = "ImageViewer";
   const ImageViewerProvider = React.memo((props) => {
@@ -2216,8 +213,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       if (config.onClose) config.onClose();
       closeFileViewer();
     }, [closeFileViewer, config]);
-    const value = React.useMemo(() => openFileViewer, [openFileViewer]);
-    return /* @__PURE__ */ jsxRuntime.jsxs(ImageViewerContext.Provider, { value, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(ImageViewerContext.Provider, { value: openFileViewer, children: [
       children,
       config && /* @__PURE__ */ jsxRuntime.jsx(ImageViewer, { file: config.file, onClose: handleClose })
     ] });
@@ -2423,7 +419,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                 "aria-label": "Add option",
                 disabled: !!internalError || disabled,
                 onClick: addOption,
-                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, {})
+                children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "plus" })
               }
             )
           ] })
@@ -2470,7 +466,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                           onClick: () => {
                             handleDeleteOption(index);
                           },
-                          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" })
+                          children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "x" })
                         }
                       )
                     ]
@@ -2487,8 +483,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   });
   MultiStringInput.displayName = "MultiStringInput";
   const _MultiStringField = class _MultiStringField extends BaseField {
-    constructor(options2) {
-      const { minimum_length, maximum_length, placeholder, ...rest } = options2;
+    constructor(options) {
+      const { minimum_length, maximum_length, placeholder, ...rest } = options;
       super(rest);
       __publicField(this, "type", "multi-string");
       __publicField(this, "minLength");
@@ -2524,8 +520,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         identifier
       });
     }
-    setOptions(options2) {
-      const { minimum_length, maximum_length, placeholder, ...rest } = options2;
+    setOptions(options) {
+      const { minimum_length, maximum_length, placeholder, ...rest } = options;
       this.minLength = minimum_length ?? this.minLength;
       this.maxLength = maximum_length ?? this.maxLength;
       this.placeholder = placeholder ?? this.placeholder;
@@ -2571,8 +567,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   __publicField(_MultiStringField, "fieldTypeDescription", "Allows the user to provide multiple unique strings.");
   let MultiStringField = _MultiStringField;
   class BaseOptionsField extends BaseField {
-    constructor(options2) {
-      const { options: _options, ...base } = options2;
+    constructor(options) {
+      const { options: _options, ...base } = options;
       super(base);
       __publicField(this, "options");
       __publicField(this, "onlyValidateAfterTouched", false);
@@ -2595,8 +591,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         options: this.options
       };
     }
-    setOptions(options2) {
-      const { options: _options, ...base } = options2;
+    setOptions(options) {
+      const { options: _options, ...base } = options;
       this.options = (_options == null ? void 0 : _options.map((option) => {
         if (typeof option === "string") {
           option = { label: option, value: option };
@@ -2658,7 +654,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
             accentColor: "primary",
             variant: "surface",
             ...rest,
-            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Checkbox.Indicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) })
+            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Checkbox.Indicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) })
           }
         )
       }
@@ -2666,8 +662,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   });
   BooleanInput.displayName = "BooleanInput";
   const _BooleanField = class _BooleanField extends BaseField {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "type", "boolean");
       __publicField(this, "onlyValidateAfterTouched", false);
     }
@@ -2677,8 +673,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     getOptions() {
       return super.getOptions();
     }
-    setOptions(options2) {
-      super.setOptions(options2);
+    setOptions(options) {
+      super.setOptions(options);
     }
     duplicate(identifier) {
       return new _BooleanField({
@@ -2772,14 +768,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   });
   NumberInput.displayName = "NumberInput";
   const _NumberField = class _NumberField extends BaseField {
-    constructor(options2) {
+    constructor(options) {
       const {
         minimum = Number.MIN_SAFE_INTEGER,
         maximum = Number.MAX_SAFE_INTEGER,
         integers = false,
         placeholder,
         ...rest
-      } = options2;
+      } = options;
       super(rest);
       __publicField(this, "type", "number");
       __publicField(this, "minimum");
@@ -2878,8 +874,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         identifier
       });
     }
-    setOptions(options2) {
-      const { minimum, maximum, integers, placeholder, ...rest } = options2;
+    setOptions(options) {
+      const { minimum, maximum, integers, placeholder, ...rest } = options;
       this.minimum = minimum ?? this.minimum;
       this.maximum = maximum ?? this.maximum;
       this.integers = integers ?? this.integers;
@@ -2916,8 +912,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   let NumberField = _NumberField;
   const LONG_TEXT_FIELD_MAX_LENGTH = 1e4;
   class BaseStringField extends BaseField {
-    constructor(options2) {
-      const { minLength, maxLength, placeholder = "", ...base } = options2;
+    constructor(options) {
+      const { minLength, maxLength, placeholder = "", ...base } = options;
       super(base);
       __publicField(this, "minLength");
       __publicField(this, "maxLength");
@@ -2994,8 +990,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         placeholder: this.placeholder
       };
     }
-    setOptions(options2) {
-      const { minLength, maxLength, placeholder, ...base } = options2;
+    setOptions(options) {
+      const { minLength, maxLength, placeholder, ...base } = options;
       this.minLength = minLength;
       this.maxLength = maxLength ?? this.maxLength;
       this.placeholder = placeholder;
@@ -3054,7 +1050,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
             onValuesChange: handleChange,
             ...rest,
             children: field.options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex gap-2 items-center min-w-0", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.CheckboxGroup.Item, { value: option.value, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.CheckboxGroup.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.CheckboxGroup.Item, { value: option.value, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.CheckboxGroup.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "sm", accentColor: "base", className: "truncate", children: option.label })
             ] }, `${inputId}-${option.value}-${index}`))
           }
@@ -3064,8 +1060,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   });
   CheckboxListInput.displayName = "CheckboxListInput";
   const _CheckboxListField = class _CheckboxListField extends BaseOptionsField {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "type", "checkbox-list");
       __publicField(this, "onlyValidateAfterTouched", false);
     }
@@ -3156,7 +1152,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                   month: "2-digit",
                   day: "2-digit"
                 }) : "yyyy-mm-dd",
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" })
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "chevron-down" })
               ]
             }
           ) }),
@@ -3176,8 +1172,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   });
   DateInput.displayName = "DateInput";
   const _DateField = class _DateField extends BaseField {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "type", "date");
       __publicField(this, "onlyValidateAfterTouched", false);
     }
@@ -3196,8 +1192,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     static deserialize(data) {
       return new _DateField(data);
     }
-    setOptions(options2) {
-      super.setOptions(options2);
+    setOptions(options) {
+      super.setOptions(options);
     }
     serializeValue(value) {
       return value ? value.toISOString() : null;
@@ -3267,13 +1263,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
               ...rest,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: value && value.length > 0 ? value.join(", ") : field.placeholder ?? "Select one or more..." }),
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4" })
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "chevron-down" })
               ]
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.Scroll, { children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.MultiSelectGroup, { values: value, onValuesChange: handleChange, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(blocks.Menu.SelectAllItem, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.CheckboxItemIndicator, { children: (indeterminate) => indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.CheckboxItemIndicator, { children: (indeterminate) => indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "minus" }) : /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) }),
               "Select all"
             ] }),
             field.options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3281,7 +1277,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
               {
                 value: option.value,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.SelectedIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(blocks.Menu.SelectedIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) }),
                   option.label
                 ]
               },
@@ -3294,8 +1290,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   });
   MultiSelectInput.displayName = "MultiSelectInput";
   const _MultiSelectField = class _MultiSelectField extends BaseOptionsField {
-    constructor(options2) {
-      const { placeholder, ...base } = options2;
+    constructor(options) {
+      const { placeholder, ...base } = options;
       super(base);
       __publicField(this, "type", "multi-select");
       __publicField(this, "placeholder");
@@ -3316,10 +1312,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         identifier
       });
     }
-    setOptions(options2) {
-      const { placeholder } = options2;
+    setOptions(options) {
+      const { placeholder } = options;
       this.placeholder = placeholder;
-      super.setOptions(options2);
+      super.setOptions(options);
     }
     static deserialize(data) {
       return new _MultiSelectField(data);
@@ -3401,8 +1397,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   });
   SelectInput.displayName = "SelectInput";
   const _SelectField = class _SelectField extends BaseOptionsField {
-    constructor(options2) {
-      const { placeholder, ...base } = options2;
+    constructor(options) {
+      const { placeholder, ...base } = options;
       super(base);
       __publicField(this, "type", "select");
       __publicField(this, "placeholder");
@@ -3423,10 +1419,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         identifier
       });
     }
-    setOptions(options2) {
-      const { placeholder } = options2;
+    setOptions(options) {
+      const { placeholder } = options;
       this.placeholder = placeholder;
-      super.setOptions(options2);
+      super.setOptions(options);
     }
     static deserialize(data) {
       return new _SelectField(data);
@@ -3529,8 +1525,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   });
   OTPInput.displayName = "NumberInput";
   const _OTPField = class _OTPField extends BaseField {
-    constructor(options2) {
-      const { length, validationType, ...rest } = options2;
+    constructor(options) {
+      const { length, validationType, ...rest } = options;
       super(rest);
       __publicField(this, "type", "otp");
       __publicField(this, "length");
@@ -3612,8 +1608,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         identifier
       });
     }
-    setOptions(options2) {
-      const { length, validationType, ...rest } = options2;
+    setOptions(options) {
+      const { length, validationType, ...rest } = options;
       this.length = length ?? this.length;
       this.validationType = validationType ?? this.validationType;
       super.setOptions(rest);
@@ -3685,7 +1681,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
             ...rest,
             children: [
               field.options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex gap-2 items-center min-w-0", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(blocks.RadioGroup.Item, { value: option.value, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RadioGroup.Indicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-3 w-3 fill-current" }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.RadioGroup.Item, { value: option.value, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.RadioGroup.Indicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "chevron-down", className: "fill-current" }) }) }),
                 /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "sm", accentColor: "base", className: "truncate", children: option.label })
               ] }, `${inputId}-${option.value}-${index}`)),
               !!value && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -3698,8 +1694,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                   accentColor: "base",
                   size: "sm",
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
-                    " Clear"
+                    /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "x" }),
+                    "Clear"
                   ]
                 }
               )
@@ -3711,8 +1707,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   });
   RadioInput.displayName = "SelectInput";
   const _RadioField = class _RadioField extends BaseOptionsField {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "type", "radio");
       __publicField(this, "onlyValidateAfterTouched", false);
     }
@@ -3728,8 +1724,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         identifier
       });
     }
-    setOptions(options2) {
-      super.setOptions(options2);
+    setOptions(options) {
+      super.setOptions(options);
     }
     static deserialize(data) {
       return new _RadioField(data);
@@ -3794,9 +1790,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   }();
   var CustomError = function(_super) {
     __extends$19(CustomError2, _super);
-    function CustomError2(message, options2) {
+    function CustomError2(message, options) {
       var _newTarget = this.constructor;
-      var _this = _super.call(this, message, options2) || this;
+      var _this = _super.call(this, message, options) || this;
       Object.defineProperty(_this, "name", {
         value: _newTarget.name,
         enumerable: false,
@@ -4856,9 +2852,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         var e = encoding ? encoding.getName() : this.ISO88591;
         return StringEncoding.decode(new Uint8Array([code]), e);
       };
-      StringUtils2.guessEncoding = function(bytes, hints2) {
-        if (hints2 !== null && hints2 !== void 0 && void 0 !== hints2.get(DecodeHintType$1.CHARACTER_SET)) {
-          return hints2.get(DecodeHintType$1.CHARACTER_SET).toString();
+      StringUtils2.guessEncoding = function(bytes, hints) {
+        if (hints !== null && hints !== void 0 && void 0 !== hints.get(DecodeHintType$1.CHARACTER_SET)) {
+          return hints.get(DecodeHintType$1.CHARACTER_SET).toString();
         }
         var length = bytes.length;
         var canBeISO88591 = true;
@@ -6204,8 +4200,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         /**
          * Sets the hints.
          */
-        set: function(hints2) {
-          this._hints = hints2 || null;
+        set: function(hints) {
+          this._hints = hints || null;
         },
         enumerable: false,
         configurable: true
@@ -8031,12 +6027,12 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         );
       };
       MathUtils2.sum = function(array) {
-        var count2 = 0;
+        var count = 0;
         for (var i = 0, length_1 = array.length; i !== length_1; i++) {
           var a = array[i];
-          count2 += a;
+          count += a;
         }
-        return count2;
+        return count;
       };
       return MathUtils2;
     }()
@@ -8944,9 +6940,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     function() {
       function AztecReader2() {
       }
-      AztecReader2.prototype.decode = function(image, hints2) {
-        if (hints2 === void 0) {
-          hints2 = null;
+      AztecReader2.prototype.decode = function(image, hints) {
+        if (hints === void 0) {
+          hints = null;
         }
         var exception = null;
         var detector = new Detector$3(image.getBlackMatrix());
@@ -8955,7 +6951,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         try {
           var detectorResult = detector.detectMirror(false);
           points = detectorResult.getPoints();
-          this.reportFoundResultPoints(hints2, points);
+          this.reportFoundResultPoints(hints, points);
           decoderResult = new Decoder$2().decode(detectorResult);
         } catch (e) {
           exception = e;
@@ -8964,7 +6960,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           try {
             var detectorResult = detector.detectMirror(true);
             points = detectorResult.getPoints();
-            this.reportFoundResultPoints(hints2, points);
+            this.reportFoundResultPoints(hints, points);
             decoderResult = new Decoder$2().decode(detectorResult);
           } catch (e) {
             if (exception != null) {
@@ -8984,9 +6980,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         }
         return result;
       };
-      AztecReader2.prototype.reportFoundResultPoints = function(hints2, points) {
-        if (hints2 != null) {
-          var rpcb_1 = hints2.get(DecodeHintType$1.NEED_RESULT_POINT_CALLBACK);
+      AztecReader2.prototype.reportFoundResultPoints = function(hints, points) {
+        if (hints != null) {
+          var rpcb_1 = hints.get(DecodeHintType$1.NEED_RESULT_POINT_CALLBACK);
           if (rpcb_1 != null) {
             points.forEach(function(point, idx, arr) {
               rpcb_1.foundPossibleResultPoint(point);
@@ -9031,14 +7027,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     function() {
       function OneDReader2() {
       }
-      OneDReader2.prototype.decode = function(image, hints2) {
+      OneDReader2.prototype.decode = function(image, hints) {
         try {
-          return this.doDecode(image, hints2);
+          return this.doDecode(image, hints);
         } catch (nfe) {
-          var tryHarder = hints2 && hints2.get(DecodeHintType$1.TRY_HARDER) === true;
+          var tryHarder = hints && hints.get(DecodeHintType$1.TRY_HARDER) === true;
           if (tryHarder && image.isRotateSupported()) {
             var rotatedImage = image.rotateCounterClockwise();
-            var result = this.doDecode(rotatedImage, hints2);
+            var result = this.doDecode(rotatedImage, hints);
             var metadata = result.getResultMetadata();
             var orientation_1 = 270;
             if (metadata !== null && metadata.get(ResultMetadataType$1.ORIENTATION) === true) {
@@ -9060,11 +7056,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       };
       OneDReader2.prototype.reset = function() {
       };
-      OneDReader2.prototype.doDecode = function(image, hints2) {
+      OneDReader2.prototype.doDecode = function(image, hints) {
         var width = image.getWidth();
         var height = image.getHeight();
         var row = new BitArray(width);
-        var tryHarder = hints2 && hints2.get(DecodeHintType$1.TRY_HARDER) === true;
+        var tryHarder = hints && hints.get(DecodeHintType$1.TRY_HARDER) === true;
         var rowStep = Math.max(1, height >> (tryHarder ? 8 : 5));
         var maxLines;
         if (tryHarder) {
@@ -9088,17 +7084,17 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           var _loop_1 = function(attempt2) {
             if (attempt2 === 1) {
               row.reverse();
-              if (hints2 && hints2.get(DecodeHintType$1.NEED_RESULT_POINT_CALLBACK) === true) {
+              if (hints && hints.get(DecodeHintType$1.NEED_RESULT_POINT_CALLBACK) === true) {
                 var newHints_1 = /* @__PURE__ */ new Map();
-                hints2.forEach(function(hint, key) {
+                hints.forEach(function(hint, key) {
                   return newHints_1.set(key, hint);
                 });
                 newHints_1.delete(DecodeHintType$1.NEED_RESULT_POINT_CALLBACK);
-                hints2 = newHints_1;
+                hints = newHints_1;
               }
             }
             try {
-              var result = this_1.decodeRow(rowNumber, row, hints2);
+              var result = this_1.decodeRow(rowNumber, row, hints);
               if (attempt2 === 1) {
                 result.putMetadata(ResultMetadataType$1.ORIENTATION, 180);
                 var points = result.getResultPoints();
@@ -9271,8 +7267,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           throw new NotFoundException();
         }
       };
-      Code128Reader2.prototype.decodeRow = function(rowNumber, row, hints2) {
-        var convertFNC1 = hints2 && hints2.get(DecodeHintType$1.ASSUME_GS1) === true;
+      Code128Reader2.prototype.decodeRow = function(rowNumber, row, hints) {
+        var convertFNC1 = hints && hints.get(DecodeHintType$1.ASSUME_GS1) === true;
         var startPatternInfo = Code128Reader2.findStartPattern(row);
         var startCode = startPatternInfo[2];
         var currentRawCodesIndex = 0;
@@ -9680,7 +7676,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         _this.counters = new Int32Array(9);
         return _this;
       }
-      Code39Reader2.prototype.decodeRow = function(rowNumber, row, hints2) {
+      Code39Reader2.prototype.decodeRow = function(rowNumber, row, hints) {
         var e_1, _a2, e_2, _b;
         var theCounters = this.counters;
         theCounters.fill(0);
@@ -10000,7 +7996,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         _this.counters = new Int32Array(6);
         return _this;
       }
-      Code93Reader2.prototype.decodeRow = function(rowNumber, row, hints2) {
+      Code93Reader2.prototype.decodeRow = function(rowNumber, row, hints) {
         var e_1, _a2, e_2, _b;
         var start = this.findAsteriskPattern(row);
         var nextStart = row.getNextSet(start[1]);
@@ -10312,7 +8308,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         _this.narrowLineWidth = -1;
         return _this;
       }
-      ITFReader2.prototype.decodeRow = function(rowNumber, row, hints2) {
+      ITFReader2.prototype.decodeRow = function(rowNumber, row, hints) {
         var e_1, _a2;
         var startRange = this.decodeStart(row);
         var endRange = this.decodeEnd(row);
@@ -10320,8 +8316,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         ITFReader2.decodeMiddle(row, startRange[1], endRange[0], result);
         var resultString = result.toString();
         var allowedLengths = null;
-        if (hints2 != null) {
-          allowedLengths = hints2.get(DecodeHintType$1.ALLOWED_LENGTHS);
+        if (hints != null) {
+          allowedLengths = hints.get(DecodeHintType$1.ALLOWED_LENGTHS);
         }
         if (allowedLengths == null) {
           allowedLengths = ITFReader2.DEFAULT_ALLOWED_LENGTHS;
@@ -10957,9 +8953,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         }
         return _this;
       }
-      UPCEANReader2.prototype.decodeRow = function(rowNumber, row, hints2) {
+      UPCEANReader2.prototype.decodeRow = function(rowNumber, row, hints) {
         var startGuardRange = UPCEANReader2.findStartGuardPattern(row);
-        var resultPointCallback = hints2 == null ? null : hints2.get(DecodeHintType$1.NEED_RESULT_POINT_CALLBACK);
+        var resultPointCallback = hints == null ? null : hints.get(DecodeHintType$1.NEED_RESULT_POINT_CALLBACK);
         if (resultPointCallback != null) {
           var resultPoint_1 = new ResultPoint((startGuardRange[0] + startGuardRange[1]) / 2, rowNumber);
           resultPointCallback.foundPossibleResultPoint(resultPoint_1);
@@ -11002,7 +8998,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           extensionLength = extensionResult.getText().length;
         } catch (err) {
         }
-        var allowedExtensions = hints2 == null ? null : hints2.get(DecodeHintType$1.ALLOWED_EAN_EXTENSIONS);
+        var allowedExtensions = hints == null ? null : hints.get(DecodeHintType$1.ALLOWED_EAN_EXTENSIONS);
         if (allowedExtensions != null) {
           var valid = false;
           for (var length_1 in allowedExtensions) {
@@ -11282,11 +9278,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       UPCAReader2.prototype.getBarcodeFormat = function() {
         return BarcodeFormat$1.UPC_A;
       };
-      UPCAReader2.prototype.decode = function(image, hints2) {
+      UPCAReader2.prototype.decode = function(image, hints) {
         return this.maybeReturnResult(this.ean13Reader.decode(image));
       };
-      UPCAReader2.prototype.decodeRow = function(rowNumber, row, hints2) {
-        return this.maybeReturnResult(this.ean13Reader.decodeRow(rowNumber, row, hints2));
+      UPCAReader2.prototype.decodeRow = function(rowNumber, row, hints) {
+        return this.maybeReturnResult(this.ean13Reader.decodeRow(rowNumber, row, hints));
       };
       UPCAReader2.prototype.decodeMiddle = function(row, startRange, resultString) {
         return this.ean13Reader.decodeMiddle(row, startRange, resultString);
@@ -11489,9 +9485,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     /** @class */
     function(_super) {
       __extends$G(MultiFormatUPCEANReader2, _super);
-      function MultiFormatUPCEANReader2(hints2) {
+      function MultiFormatUPCEANReader2(hints) {
         var _this = _super.call(this) || this;
-        var possibleFormats = hints2 == null ? null : hints2.get(DecodeHintType$1.POSSIBLE_FORMATS);
+        var possibleFormats = hints == null ? null : hints.get(DecodeHintType$1.POSSIBLE_FORMATS);
         var readers = [];
         if (possibleFormats != null) {
           if (possibleFormats.indexOf(BarcodeFormat$1.EAN_13) > -1) {
@@ -11516,15 +9512,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         _this.readers = readers;
         return _this;
       }
-      MultiFormatUPCEANReader2.prototype.decodeRow = function(rowNumber, row, hints2) {
+      MultiFormatUPCEANReader2.prototype.decodeRow = function(rowNumber, row, hints) {
         var e_1, _a2;
         try {
           for (var _b = __values$y(this.readers), _c = _b.next(); !_c.done; _c = _b.next()) {
             var reader = _c.value;
             try {
-              var result = reader.decodeRow(rowNumber, row, hints2);
+              var result = reader.decodeRow(rowNumber, row, hints);
               var ean13MayBeUPCA = result.getBarcodeFormat() === BarcodeFormat$1.EAN_13 && result.getText().charAt(0) === "0";
-              var possibleFormats = hints2 == null ? null : hints2.get(DecodeHintType$1.POSSIBLE_FORMATS);
+              var possibleFormats = hints == null ? null : hints.get(DecodeHintType$1.POSSIBLE_FORMATS);
               var canReturnUPCA = possibleFormats == null || possibleFormats.includes(BarcodeFormat$1.UPC_A);
               if (ean13MayBeUPCA && canReturnUPCA) {
                 var rawBytes = result.getRawBytes();
@@ -11614,7 +9610,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         };
         return _this;
       }
-      CodaBarReader2.prototype.decodeRow = function(rowNumber, row, hints2) {
+      CodaBarReader2.prototype.decodeRow = function(rowNumber, row, hints) {
         var validRowData = this.getValidRowData(row);
         if (!validRowData)
           throw new NotFoundException();
@@ -13448,7 +11444,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         _this.startEnd = [2];
         return _this;
       }
-      RSSExpandedReader2.prototype.decodeRow = function(rowNumber, row, hints2) {
+      RSSExpandedReader2.prototype.decodeRow = function(rowNumber, row, hints) {
         this.pairs.length = 0;
         this.startFromEven = false;
         try {
@@ -13924,25 +11920,25 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         var evenRoundingErrors = this.getEvenRoundingErrors();
         for (var i = 0; i < counters.length; i++) {
           var value_1 = 1 * counters[i] / elementWidth;
-          var count2 = value_1 + 0.5;
-          if (count2 < 1) {
+          var count = value_1 + 0.5;
+          if (count < 1) {
             if (value_1 < 0.3) {
               throw new NotFoundException();
             }
-            count2 = 1;
-          } else if (count2 > 8) {
+            count = 1;
+          } else if (count > 8) {
             if (value_1 > 8.7) {
               throw new NotFoundException();
             }
-            count2 = 8;
+            count = 8;
           }
           var offset = i / 2;
           if ((i & 1) === 0) {
-            oddCounts[offset] = count2;
-            oddRoundingErrors[offset] = value_1 - count2;
+            oddCounts[offset] = count;
+            oddRoundingErrors[offset] = value_1 - count;
           } else {
-            evenCounts[offset] = count2;
-            evenRoundingErrors[offset] = value_1 - count2;
+            evenCounts[offset] = count;
+            evenRoundingErrors[offset] = value_1 - count;
           }
         }
         this.adjustOddEvenCounts(numModules);
@@ -14270,12 +12266,12 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         _this.possibleRightPairs = [];
         return _this;
       }
-      RSS14Reader2.prototype.decodeRow = function(rowNumber, row, hints2) {
+      RSS14Reader2.prototype.decodeRow = function(rowNumber, row, hints) {
         var e_1, _a2, e_2, _b;
-        var leftPair = this.decodePair(row, false, rowNumber, hints2);
+        var leftPair = this.decodePair(row, false, rowNumber, hints);
         RSS14Reader2.addOrTally(this.possibleLeftPairs, leftPair);
         row.reverse();
-        var rightPair = this.decodePair(row, true, rowNumber, hints2);
+        var rightPair = this.decodePair(row, true, rowNumber, hints);
         RSS14Reader2.addOrTally(this.possibleRightPairs, rightPair);
         row.reverse();
         try {
@@ -14376,11 +12372,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         }
         return checkValue === targetCheckValue;
       };
-      RSS14Reader2.prototype.decodePair = function(row, right, rowNumber, hints2) {
+      RSS14Reader2.prototype.decodePair = function(row, right, rowNumber, hints) {
         try {
           var startEnd = this.findFinderPattern(row, right);
           var pattern = this.parseFoundFinderPattern(row, rowNumber, right, startEnd);
-          var resultPointCallback = hints2 == null ? null : hints2.get(DecodeHintType$1.NEED_RESULT_POINT_CALLBACK);
+          var resultPointCallback = hints == null ? null : hints.get(DecodeHintType$1.NEED_RESULT_POINT_CALLBACK);
           if (resultPointCallback != null) {
             var center = (startEnd[0] + startEnd[1]) / 2;
             if (right) {
@@ -14418,19 +12414,19 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         var evenRoundingErrors = this.getEvenRoundingErrors();
         for (var i = 0; i < counters.length; i++) {
           var value = counters[i] / elementWidth;
-          var count2 = Math.floor(value + 0.5);
-          if (count2 < 1) {
-            count2 = 1;
-          } else if (count2 > 8) {
-            count2 = 8;
+          var count = Math.floor(value + 0.5);
+          if (count < 1) {
+            count = 1;
+          } else if (count > 8) {
+            count = 8;
           }
           var offset = Math.floor(i / 2);
           if ((i & 1) === 0) {
-            oddCounts[offset] = count2;
-            oddRoundingErrors[offset] = value - count2;
+            oddCounts[offset] = count;
+            oddRoundingErrors[offset] = value - count;
           } else {
-            evenCounts[offset] = count2;
-            evenRoundingErrors[offset] = value - count2;
+            evenCounts[offset] = count;
+            evenRoundingErrors[offset] = value - count;
           }
         }
         this.adjustOddEvenCounts(outsideChar, numModules);
@@ -14674,14 +12670,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     /** @class */
     function(_super) {
       __extends$n(MultiFormatOneDReader2, _super);
-      function MultiFormatOneDReader2(hints2) {
+      function MultiFormatOneDReader2(hints) {
         var _this = _super.call(this) || this;
         _this.readers = [];
-        var possibleFormats = !hints2 ? null : hints2.get(DecodeHintType$1.POSSIBLE_FORMATS);
-        var useCode39CheckDigit = hints2 && hints2.get(DecodeHintType$1.ASSUME_CODE_39_CHECK_DIGIT) !== void 0;
+        var possibleFormats = !hints ? null : hints.get(DecodeHintType$1.POSSIBLE_FORMATS);
+        var useCode39CheckDigit = hints && hints.get(DecodeHintType$1.ASSUME_CODE_39_CHECK_DIGIT) !== void 0;
         if (possibleFormats) {
           if (possibleFormats.includes(BarcodeFormat$1.EAN_13) || possibleFormats.includes(BarcodeFormat$1.UPC_A) || possibleFormats.includes(BarcodeFormat$1.EAN_8) || possibleFormats.includes(BarcodeFormat$1.UPC_E)) {
-            _this.readers.push(new MultiFormatUPCEANReader(hints2));
+            _this.readers.push(new MultiFormatUPCEANReader(hints));
           }
           if (possibleFormats.includes(BarcodeFormat$1.CODE_39)) {
             _this.readers.push(new Code39Reader(useCode39CheckDigit));
@@ -14707,20 +12703,20 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           }
         }
         if (_this.readers.length === 0) {
-          _this.readers.push(new MultiFormatUPCEANReader(hints2));
+          _this.readers.push(new MultiFormatUPCEANReader(hints));
           _this.readers.push(new Code39Reader());
           _this.readers.push(new Code93Reader());
-          _this.readers.push(new MultiFormatUPCEANReader(hints2));
+          _this.readers.push(new MultiFormatUPCEANReader(hints));
           _this.readers.push(new Code128Reader());
           _this.readers.push(new ITFReader());
           _this.readers.push(new RSS14Reader());
         }
         return _this;
       }
-      MultiFormatOneDReader2.prototype.decodeRow = function(rowNumber, row, hints2) {
+      MultiFormatOneDReader2.prototype.decodeRow = function(rowNumber, row, hints) {
         for (var i = 0; i < this.readers.length; i++) {
           try {
-            return this.readers[i].decodeRow(rowNumber, row, hints2);
+            return this.readers[i].decodeRow(rowNumber, row, hints);
           } catch (re) {
           }
         }
@@ -14753,11 +12749,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   }();
   (function(_super) {
     __extends$m(BrowserBarcodeReader, _super);
-    function BrowserBarcodeReader(timeBetweenScansMillis, hints2) {
+    function BrowserBarcodeReader(timeBetweenScansMillis, hints) {
       if (timeBetweenScansMillis === void 0) {
         timeBetweenScansMillis = 500;
       }
-      return _super.call(this, new MultiFormatOneDReader(hints2), timeBetweenScansMillis, hints2) || this;
+      return _super.call(this, new MultiFormatOneDReader(hints), timeBetweenScansMillis, hints) || this;
     }
     return BrowserBarcodeReader;
   })(BrowserCodeReader);
@@ -14792,8 +12788,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   var ECB$1 = (
     /** @class */
     function() {
-      function ECB2(count2, dataCodewords) {
-        this.count = count2;
+      function ECB2(count, dataCodewords) {
+        this.count = count;
         this.dataCodewords = dataCodewords;
       }
       ECB2.prototype.getCount = function() {
@@ -15718,19 +13714,19 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       DecodedBitStreamParser2.decodeBase256Segment = function(bits, result, byteSegments) {
         var codewordPosition = 1 + bits.getByteOffset();
         var d1 = this.unrandomize255State(bits.readBits(8), codewordPosition++);
-        var count2;
+        var count;
         if (d1 === 0) {
-          count2 = bits.available() / 8 | 0;
+          count = bits.available() / 8 | 0;
         } else if (d1 < 250) {
-          count2 = d1;
+          count = d1;
         } else {
-          count2 = 250 * (d1 - 249) + this.unrandomize255State(bits.readBits(8), codewordPosition++);
+          count = 250 * (d1 - 249) + this.unrandomize255State(bits.readBits(8), codewordPosition++);
         }
-        if (count2 < 0) {
+        if (count < 0) {
           throw new FormatException();
         }
-        var bytes = new Uint8Array(count2);
-        for (var i = 0; i < count2; i++) {
+        var bytes = new Uint8Array(count);
+        for (var i = 0; i < count; i++) {
           if (bits.available() < 8) {
             throw new FormatException();
           }
@@ -16193,13 +14189,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       function DataMatrixReader2() {
         this.decoder = new Decoder$1();
       }
-      DataMatrixReader2.prototype.decode = function(image, hints2) {
-        if (hints2 === void 0) {
-          hints2 = null;
+      DataMatrixReader2.prototype.decode = function(image, hints) {
+        if (hints === void 0) {
+          hints = null;
         }
         var decoderResult;
         var points;
-        if (hints2 != null && hints2.has(DecodeHintType$1.PURE_BARCODE)) {
+        if (hints != null && hints.has(DecodeHintType$1.PURE_BARCODE)) {
           var bits = DataMatrixReader2.extractPureBits(image.getBlackMatrix());
           decoderResult = this.decoder.decode(bits);
           points = DataMatrixReader2.NO_POINTS;
@@ -16539,8 +14535,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   var ECB = (
     /** @class */
     function() {
-      function ECB2(count2, dataCodewords) {
-        this.count = count2;
+      function ECB2(count, dataCodewords) {
+        this.count = count;
         this.dataCodewords = dataCodewords;
       }
       ECB2.prototype.getCount = function() {
@@ -16928,8 +14924,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           if (j === 6) {
             j--;
           }
-          for (var count2 = 0; count2 < dimension; count2++) {
-            var i = readingUp ? dimension - 1 - count2 : count2;
+          for (var count = 0; count < dimension; count++) {
+            var i = readingUp ? dimension - 1 - count : count;
             for (var col = 0; col < 2; col++) {
               if (!functionPattern.get(j - col, i)) {
                 bitsRead++;
@@ -17157,7 +15153,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     function() {
       function DecodedBitStreamParser2() {
       }
-      DecodedBitStreamParser2.decode = function(bytes, version, ecLevel, hints2) {
+      DecodedBitStreamParser2.decode = function(bytes, version, ecLevel, hints) {
         var bits = new BitSource(bytes);
         var result = new StringBuilder();
         var byteSegments = new Array();
@@ -17203,19 +15199,19 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                 }
                 break;
               default:
-                var count2 = bits.readBits(mode.getCharacterCountBits(version));
+                var count = bits.readBits(mode.getCharacterCountBits(version));
                 switch (mode) {
                   case Mode$2.NUMERIC:
-                    DecodedBitStreamParser2.decodeNumericSegment(bits, result, count2);
+                    DecodedBitStreamParser2.decodeNumericSegment(bits, result, count);
                     break;
                   case Mode$2.ALPHANUMERIC:
-                    DecodedBitStreamParser2.decodeAlphanumericSegment(bits, result, count2, fc1InEffect);
+                    DecodedBitStreamParser2.decodeAlphanumericSegment(bits, result, count, fc1InEffect);
                     break;
                   case Mode$2.BYTE:
-                    DecodedBitStreamParser2.decodeByteSegment(bits, result, count2, currentCharacterSetECI, byteSegments, hints2);
+                    DecodedBitStreamParser2.decodeByteSegment(bits, result, count, currentCharacterSetECI, byteSegments, hints);
                     break;
                   case Mode$2.KANJI:
-                    DecodedBitStreamParser2.decodeKanjiSegment(bits, result, count2);
+                    DecodedBitStreamParser2.decodeKanjiSegment(bits, result, count);
                     break;
                   default:
                     throw new FormatException();
@@ -17228,13 +15224,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         }
         return new DecoderResult(bytes, result.toString(), byteSegments.length === 0 ? null : byteSegments, ecLevel === null ? null : ecLevel.toString(), symbolSequence, parityData);
       };
-      DecodedBitStreamParser2.decodeHanziSegment = function(bits, result, count2) {
-        if (count2 * 13 > bits.available()) {
+      DecodedBitStreamParser2.decodeHanziSegment = function(bits, result, count) {
+        if (count * 13 > bits.available()) {
           throw new FormatException();
         }
-        var buffer = new Uint8Array(2 * count2);
+        var buffer = new Uint8Array(2 * count);
         var offset = 0;
-        while (count2 > 0) {
+        while (count > 0) {
           var twoBytes = bits.readBits(13);
           var assembledTwoBytes = twoBytes / 96 << 8 & 4294967295 | twoBytes % 96;
           if (assembledTwoBytes < 959) {
@@ -17247,7 +15243,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           buffer[offset + 1] = /*(byte) */
           assembledTwoBytes & 255;
           offset += 2;
-          count2--;
+          count--;
         }
         try {
           result.append(StringEncoding.decode(buffer, StringUtils.GB2312));
@@ -17255,13 +15251,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           throw new FormatException(ignored);
         }
       };
-      DecodedBitStreamParser2.decodeKanjiSegment = function(bits, result, count2) {
-        if (count2 * 13 > bits.available()) {
+      DecodedBitStreamParser2.decodeKanjiSegment = function(bits, result, count) {
+        if (count * 13 > bits.available()) {
           throw new FormatException();
         }
-        var buffer = new Uint8Array(2 * count2);
+        var buffer = new Uint8Array(2 * count);
         var offset = 0;
-        while (count2 > 0) {
+        while (count > 0) {
           var twoBytes = bits.readBits(13);
           var assembledTwoBytes = twoBytes / 192 << 8 & 4294967295 | twoBytes % 192;
           if (assembledTwoBytes < 7936) {
@@ -17274,7 +15270,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           buffer[offset + 1] = /*(byte) */
           assembledTwoBytes;
           offset += 2;
-          count2--;
+          count--;
         }
         try {
           result.append(StringEncoding.decode(buffer, StringUtils.SHIFT_JIS));
@@ -17282,18 +15278,18 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           throw new FormatException(ignored);
         }
       };
-      DecodedBitStreamParser2.decodeByteSegment = function(bits, result, count2, currentCharacterSetECI, byteSegments, hints2) {
-        if (8 * count2 > bits.available()) {
+      DecodedBitStreamParser2.decodeByteSegment = function(bits, result, count, currentCharacterSetECI, byteSegments, hints) {
+        if (8 * count > bits.available()) {
           throw new FormatException();
         }
-        var readBytes = new Uint8Array(count2);
-        for (var i = 0; i < count2; i++) {
+        var readBytes = new Uint8Array(count);
+        for (var i = 0; i < count; i++) {
           readBytes[i] = /*(byte) */
           bits.readBits(8);
         }
         var encoding;
         if (currentCharacterSetECI === null) {
-          encoding = StringUtils.guessEncoding(readBytes, hints2);
+          encoding = StringUtils.guessEncoding(readBytes, hints);
         } else {
           encoding = currentCharacterSetECI.getName();
         }
@@ -17310,18 +15306,18 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         }
         return DecodedBitStreamParser2.ALPHANUMERIC_CHARS[value];
       };
-      DecodedBitStreamParser2.decodeAlphanumericSegment = function(bits, result, count2, fc1InEffect) {
+      DecodedBitStreamParser2.decodeAlphanumericSegment = function(bits, result, count, fc1InEffect) {
         var start = result.length();
-        while (count2 > 1) {
+        while (count > 1) {
           if (bits.available() < 11) {
             throw new FormatException();
           }
           var nextTwoCharsBits = bits.readBits(11);
           result.append(DecodedBitStreamParser2.toAlphaNumericChar(Math.floor(nextTwoCharsBits / 45)));
           result.append(DecodedBitStreamParser2.toAlphaNumericChar(nextTwoCharsBits % 45));
-          count2 -= 2;
+          count -= 2;
         }
-        if (count2 === 1) {
+        if (count === 1) {
           if (bits.available() < 6) {
             throw new FormatException();
           }
@@ -17339,8 +15335,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           }
         }
       };
-      DecodedBitStreamParser2.decodeNumericSegment = function(bits, result, count2) {
-        while (count2 >= 3) {
+      DecodedBitStreamParser2.decodeNumericSegment = function(bits, result, count) {
+        while (count >= 3) {
           if (bits.available() < 10) {
             throw new FormatException();
           }
@@ -17351,9 +15347,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           result.append(DecodedBitStreamParser2.toAlphaNumericChar(Math.floor(threeDigitsBits / 100)));
           result.append(DecodedBitStreamParser2.toAlphaNumericChar(Math.floor(threeDigitsBits / 10) % 10));
           result.append(DecodedBitStreamParser2.toAlphaNumericChar(threeDigitsBits % 10));
-          count2 -= 3;
+          count -= 3;
         }
-        if (count2 === 2) {
+        if (count === 2) {
           if (bits.available() < 7) {
             throw new FormatException();
           }
@@ -17363,7 +15359,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           }
           result.append(DecodedBitStreamParser2.toAlphaNumericChar(Math.floor(twoDigitsBits / 10)));
           result.append(DecodedBitStreamParser2.toAlphaNumericChar(twoDigitsBits % 10));
-        } else if (count2 === 1) {
+        } else if (count === 1) {
           if (bits.available() < 4) {
             throw new FormatException();
           }
@@ -17431,14 +15427,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       function Decoder2() {
         this.rsDecoder = new ReedSolomonDecoder(GenericGF.QR_CODE_FIELD_256);
       }
-      Decoder2.prototype.decodeBooleanArray = function(image, hints2) {
-        return this.decodeBitMatrix(BitMatrix.parseFromBooleanArray(image), hints2);
+      Decoder2.prototype.decodeBooleanArray = function(image, hints) {
+        return this.decodeBitMatrix(BitMatrix.parseFromBooleanArray(image), hints);
       };
-      Decoder2.prototype.decodeBitMatrix = function(bits, hints2) {
+      Decoder2.prototype.decodeBitMatrix = function(bits, hints) {
         var parser = new BitMatrixParser(bits);
         var ex = null;
         try {
-          return this.decodeBitMatrixParser(parser, hints2);
+          return this.decodeBitMatrixParser(parser, hints);
         } catch (e) {
           ex = e;
         }
@@ -17448,7 +15444,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           parser.readVersion();
           parser.readFormatInformation();
           parser.mirror();
-          var result = this.decodeBitMatrixParser(parser, hints2);
+          var result = this.decodeBitMatrixParser(parser, hints);
           result.setOther(new QRCodeDecoderMetaData(true));
           return result;
         } catch (e) {
@@ -17458,7 +15454,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           throw e;
         }
       };
-      Decoder2.prototype.decodeBitMatrixParser = function(parser, hints2) {
+      Decoder2.prototype.decodeBitMatrixParser = function(parser, hints) {
         var e_1, _a2, e_2, _b;
         var version = parser.readVersion();
         var ecLevel = parser.readFormatInformation().getErrorCorrectionLevel();
@@ -17500,7 +15496,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
             if (e_2) throw e_2.error;
           }
         }
-        return DecodedBitStreamParser$1.decode(resultBytes, version, ecLevel, hints2);
+        return DecodedBitStreamParser$1.decode(resultBytes, version, ecLevel, hints);
       };
       Decoder2.prototype.correctErrors = function(codewordBytes, numDataCodewords) {
         var codewordsInts = new Int32Array(codewordBytes);
@@ -17759,11 +15755,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     /** @class */
     function(_super) {
       __extends$j(FinderPattern2, _super);
-      function FinderPattern2(posX, posY, estimatedModuleSize, count2) {
+      function FinderPattern2(posX, posY, estimatedModuleSize, count) {
         var _this = _super.call(this, posX, posY) || this;
         _this.estimatedModuleSize = estimatedModuleSize;
-        _this.count = count2;
-        if (void 0 === count2) {
+        _this.count = count;
+        if (void 0 === count) {
           _this.count = 1;
         }
         return _this;
@@ -17838,9 +15834,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       FinderPatternFinder2.prototype.getPossibleCenters = function() {
         return this.possibleCenters;
       };
-      FinderPatternFinder2.prototype.find = function(hints2) {
-        var tryHarder = hints2 !== null && hints2 !== void 0 && void 0 !== hints2.get(DecodeHintType$1.TRY_HARDER);
-        var pureBarcode = hints2 !== null && hints2 !== void 0 && void 0 !== hints2.get(DecodeHintType$1.PURE_BARCODE);
+      FinderPatternFinder2.prototype.find = function(hints) {
+        var tryHarder = hints !== null && hints !== void 0 && void 0 !== hints.get(DecodeHintType$1.TRY_HARDER);
+        var pureBarcode = hints !== null && hints !== void 0 && void 0 !== hints.get(DecodeHintType$1.PURE_BARCODE);
         var image = this.image;
         var maxI = image.getHeight();
         var maxJ = image.getWidth();
@@ -17930,11 +15926,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       FinderPatternFinder2.foundPatternCross = function(stateCount) {
         var totalModuleSize = 0;
         for (var i = 0; i < 5; i++) {
-          var count2 = stateCount[i];
-          if (count2 === 0) {
+          var count = stateCount[i];
+          if (count === 0) {
             return false;
           }
-          totalModuleSize += count2;
+          totalModuleSize += count;
         }
         if (totalModuleSize < 7) {
           return false;
@@ -18345,13 +16341,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       Detector2.prototype.getResultPointCallback = function() {
         return this.resultPointCallback;
       };
-      Detector2.prototype.detect = function(hints2) {
-        this.resultPointCallback = hints2 === null || hints2 === void 0 ? null : (
+      Detector2.prototype.detect = function(hints) {
+        this.resultPointCallback = hints === null || hints === void 0 ? null : (
           /*(ResultPointCallback) */
-          hints2.get(DecodeHintType$1.NEED_RESULT_POINT_CALLBACK)
+          hints.get(DecodeHintType$1.NEED_RESULT_POINT_CALLBACK)
         );
         var finder = new FinderPatternFinder(this.image, this.resultPointCallback);
-        var info = finder.find(hints2);
+        var info = finder.find(hints);
         return this.processFinderPatternInfo(info);
       };
       Detector2.prototype.processFinderPatternInfo = function(info) {
@@ -18574,16 +16570,16 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       QRCodeReader2.prototype.getDecoder = function() {
         return this.decoder;
       };
-      QRCodeReader2.prototype.decode = function(image, hints2) {
+      QRCodeReader2.prototype.decode = function(image, hints) {
         var decoderResult;
         var points;
-        if (hints2 !== void 0 && hints2 !== null && void 0 !== hints2.get(DecodeHintType$1.PURE_BARCODE)) {
+        if (hints !== void 0 && hints !== null && void 0 !== hints.get(DecodeHintType$1.PURE_BARCODE)) {
           var bits = QRCodeReader2.extractPureBits(image.getBlackMatrix());
-          decoderResult = this.decoder.decodeBitMatrix(bits, hints2);
+          decoderResult = this.decoder.decodeBitMatrix(bits, hints);
           points = QRCodeReader2.NO_POINTS;
         } else {
-          var detectorResult = new Detector$1(image.getBlackMatrix()).detect(hints2);
-          decoderResult = this.decoder.decodeBitMatrix(detectorResult.getBits(), hints2);
+          var detectorResult = new Detector$1(image.getBlackMatrix()).detect(hints);
+          decoderResult = this.decoder.decodeBitMatrix(detectorResult.getBits(), hints);
           points = detectorResult.getPoints();
         }
         if (decoderResult.getOther() instanceof QRCodeDecoderMetaData) {
@@ -24367,7 +22363,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     function() {
       function Detector2() {
       }
-      Detector2.detectMultiple = function(image, hints2, multiple) {
+      Detector2.detectMultiple = function(image, hints, multiple) {
         var bitMatrix = image.getBlackMatrix();
         var barcodeCoordinates = Detector2.detect(multiple, bitMatrix);
         if (!barcodeCoordinates.length) {
@@ -26754,7 +24750,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       };
       DecodedBitStreamParser2.byteCompaction = function(mode, codewords, encoding, codeIndex, result) {
         var decodedBytes = new ByteArrayOutputStream();
-        var count2 = 0;
+        var count = 0;
         var value = (
           /*long*/
           0
@@ -26765,7 +24761,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
             var byteCompactedCodewords = new Int32Array(6);
             var nextCode = codewords[codeIndex++];
             while (codeIndex < codewords[0] && !end) {
-              byteCompactedCodewords[count2++] = nextCode;
+              byteCompactedCodewords[count++] = nextCode;
               value = 900 * value + nextCode;
               nextCode = codewords[codeIndex++];
               switch (nextCode) {
@@ -26780,7 +24776,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                   end = true;
                   break;
                 default:
-                  if (count2 % 5 === 0 && count2 > 0) {
+                  if (count % 5 === 0 && count > 0) {
                     for (var j = 0; j < 6; ++j) {
                       decodedBytes.write(
                         /*(byte)*/
@@ -26788,15 +24784,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                       );
                     }
                     value = 0;
-                    count2 = 0;
+                    count = 0;
                   }
                   break;
               }
             }
             if (codeIndex === codewords[0] && nextCode < DecodedBitStreamParser2.TEXT_COMPACTION_MODE_LATCH) {
-              byteCompactedCodewords[count2++] = nextCode;
+              byteCompactedCodewords[count++] = nextCode;
             }
-            for (var i = 0; i < count2; i++) {
+            for (var i = 0; i < count; i++) {
               decodedBytes.write(
                 /*(byte)*/
                 byteCompactedCodewords[i]
@@ -26807,7 +24803,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
             while (codeIndex < codewords[0] && !end) {
               var code = codewords[codeIndex++];
               if (code < DecodedBitStreamParser2.TEXT_COMPACTION_MODE_LATCH) {
-                count2++;
+                count++;
                 value = 900 * value + code;
               } else {
                 switch (code) {
@@ -26823,7 +24819,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                     break;
                 }
               }
-              if (count2 % 5 === 0 && count2 > 0) {
+              if (count % 5 === 0 && count > 0) {
                 for (var j = 0; j < 6; ++j) {
                   decodedBytes.write(
                     /*(byte)*/
@@ -26831,7 +24827,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                   );
                 }
                 value = 0;
-                count2 = 0;
+                count = 0;
               }
             }
             break;
@@ -26840,7 +24836,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         return codeIndex;
       };
       DecodedBitStreamParser2.numericCompaction = function(codewords, codeIndex, result) {
-        var count2 = 0;
+        var count = 0;
         var end = false;
         var numericCodewords = new Int32Array(DecodedBitStreamParser2.MAX_NUMERIC_CODEWORDS);
         while (codeIndex < codewords[0] && !end) {
@@ -26849,8 +24845,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
             end = true;
           }
           if (code < DecodedBitStreamParser2.TEXT_COMPACTION_MODE_LATCH) {
-            numericCodewords[count2] = code;
-            count2++;
+            numericCodewords[count] = code;
+            count++;
           } else {
             switch (code) {
               case DecodedBitStreamParser2.TEXT_COMPACTION_MODE_LATCH:
@@ -26864,17 +24860,17 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                 break;
             }
           }
-          if ((count2 % DecodedBitStreamParser2.MAX_NUMERIC_CODEWORDS === 0 || code === DecodedBitStreamParser2.NUMERIC_COMPACTION_MODE_LATCH || end) && count2 > 0) {
-            result.append(DecodedBitStreamParser2.decodeBase900toBase10(numericCodewords, count2));
-            count2 = 0;
+          if ((count % DecodedBitStreamParser2.MAX_NUMERIC_CODEWORDS === 0 || code === DecodedBitStreamParser2.NUMERIC_COMPACTION_MODE_LATCH || end) && count > 0) {
+            result.append(DecodedBitStreamParser2.decodeBase900toBase10(numericCodewords, count));
+            count = 0;
           }
         }
         return codeIndex;
       };
-      DecodedBitStreamParser2.decodeBase900toBase10 = function(codewords, count2) {
+      DecodedBitStreamParser2.decodeBase900toBase10 = function(codewords, count) {
         var result = createBigInt(0);
-        for (var i = 0; i < count2; i++) {
-          result += DecodedBitStreamParser2.EXP900[count2 - i - 1] * createBigInt(codewords[i]);
+        for (var i = 0; i < count; i++) {
+          result += DecodedBitStreamParser2.EXP900[count - i - 1] * createBigInt(codewords[i]);
         }
         var resultString = result.toString();
         if (resultString.charAt(0) !== "1") {
@@ -27447,22 +25443,22 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     function() {
       function PDF417Reader2() {
       }
-      PDF417Reader2.prototype.decode = function(image, hints2) {
-        if (hints2 === void 0) {
-          hints2 = null;
+      PDF417Reader2.prototype.decode = function(image, hints) {
+        if (hints === void 0) {
+          hints = null;
         }
-        var result = PDF417Reader2.decode(image, hints2, false);
+        var result = PDF417Reader2.decode(image, hints, false);
         if (result == null || result.length === 0 || result[0] == null) {
           throw NotFoundException.getNotFoundInstance();
         }
         return result[0];
       };
-      PDF417Reader2.prototype.decodeMultiple = function(image, hints2) {
-        if (hints2 === void 0) {
-          hints2 = null;
+      PDF417Reader2.prototype.decodeMultiple = function(image, hints) {
+        if (hints === void 0) {
+          hints = null;
         }
         try {
-          return PDF417Reader2.decode(image, hints2, true);
+          return PDF417Reader2.decode(image, hints, true);
         } catch (ignored) {
           if (ignored instanceof FormatException || ignored instanceof ChecksumException) {
             throw NotFoundException.getNotFoundInstance();
@@ -27470,10 +25466,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           throw ignored;
         }
       };
-      PDF417Reader2.decode = function(image, hints2, multiple) {
+      PDF417Reader2.decode = function(image, hints, multiple) {
         var e_1, _a2;
         var results = new Array();
-        var detectorResult = Detector.detectMultiple(image, hints2, multiple);
+        var detectorResult = Detector.detectMultiple(image, hints, multiple);
         try {
           for (var _b = __values$9(detectorResult.getPoints()), _c = _b.next(); !_c.done; _c = _b.next()) {
             var points = _c.value;
@@ -27566,8 +25562,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     function() {
       function MultiFormatReader2() {
       }
-      MultiFormatReader2.prototype.decode = function(image, hints2) {
-        this.setHints(hints2);
+      MultiFormatReader2.prototype.decode = function(image, hints) {
+        this.setHints(hints);
         return this.decodeInternal(image);
       };
       MultiFormatReader2.prototype.decodeWithState = function(image) {
@@ -27576,17 +25572,17 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         }
         return this.decodeInternal(image);
       };
-      MultiFormatReader2.prototype.setHints = function(hints2) {
-        this.hints = hints2;
-        var tryHarder = hints2 !== null && hints2 !== void 0 && void 0 !== hints2.get(DecodeHintType$1.TRY_HARDER);
-        var formats = hints2 === null || hints2 === void 0 ? null : hints2.get(DecodeHintType$1.POSSIBLE_FORMATS);
+      MultiFormatReader2.prototype.setHints = function(hints) {
+        this.hints = hints;
+        var tryHarder = hints !== null && hints !== void 0 && void 0 !== hints.get(DecodeHintType$1.TRY_HARDER);
+        var formats = hints === null || hints === void 0 ? null : hints.get(DecodeHintType$1.POSSIBLE_FORMATS);
         var readers = new Array();
         if (formats !== null && formats !== void 0) {
           var addOneDReader = formats.some(function(f) {
             return f === BarcodeFormat$1.UPC_A || f === BarcodeFormat$1.UPC_E || f === BarcodeFormat$1.EAN_13 || f === BarcodeFormat$1.EAN_8 || f === BarcodeFormat$1.CODABAR || f === BarcodeFormat$1.CODE_39 || f === BarcodeFormat$1.CODE_93 || f === BarcodeFormat$1.CODE_128 || f === BarcodeFormat$1.ITF || f === BarcodeFormat$1.RSS_14 || f === BarcodeFormat$1.RSS_EXPANDED;
           });
           if (addOneDReader && !tryHarder) {
-            readers.push(new MultiFormatOneDReader(hints2));
+            readers.push(new MultiFormatOneDReader(hints));
           }
           if (formats.includes(BarcodeFormat$1.QR_CODE)) {
             readers.push(new QRCodeReader());
@@ -27601,19 +25597,19 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
             readers.push(new PDF417Reader());
           }
           if (addOneDReader && tryHarder) {
-            readers.push(new MultiFormatOneDReader(hints2));
+            readers.push(new MultiFormatOneDReader(hints));
           }
         }
         if (readers.length === 0) {
           if (!tryHarder) {
-            readers.push(new MultiFormatOneDReader(hints2));
+            readers.push(new MultiFormatOneDReader(hints));
           }
           readers.push(new QRCodeReader());
           readers.push(new DataMatrixReader());
           readers.push(new AztecReader());
           readers.push(new PDF417Reader());
           if (tryHarder) {
-            readers.push(new MultiFormatOneDReader(hints2));
+            readers.push(new MultiFormatOneDReader(hints));
           }
         }
         this.readers = readers;
@@ -27686,16 +25682,16 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   }();
   (function(_super) {
     __extends$c(BrowserMultiFormatReader, _super);
-    function BrowserMultiFormatReader(hints2, timeBetweenScansMillis) {
-      if (hints2 === void 0) {
-        hints2 = null;
+    function BrowserMultiFormatReader(hints, timeBetweenScansMillis) {
+      if (hints === void 0) {
+        hints = null;
       }
       if (timeBetweenScansMillis === void 0) {
         timeBetweenScansMillis = 500;
       }
       var _this = this;
       var reader = new MultiFormatReader();
-      reader.setHints(hints2);
+      reader.setHints(hints);
       _this = _super.call(this, reader, timeBetweenScansMillis) || this;
       return _this;
     }
@@ -28498,14 +26494,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     Encoder.calculateMaskPenalty = function(matrix) {
       return MaskUtil.applyMaskPenaltyRule1(matrix) + MaskUtil.applyMaskPenaltyRule2(matrix) + MaskUtil.applyMaskPenaltyRule3(matrix) + MaskUtil.applyMaskPenaltyRule4(matrix);
     };
-    Encoder.encode = function(content, ecLevel, hints2) {
-      if (hints2 === void 0) {
-        hints2 = null;
+    Encoder.encode = function(content, ecLevel, hints) {
+      if (hints === void 0) {
+        hints = null;
       }
       var encoding = Encoder.DEFAULT_BYTE_MODE_ENCODING;
-      var hasEncodingHint = hints2 !== null && void 0 !== hints2.get(EncodeHintType$1.CHARACTER_SET);
+      var hasEncodingHint = hints !== null && void 0 !== hints.get(EncodeHintType$1.CHARACTER_SET);
       if (hasEncodingHint) {
-        encoding = hints2.get(EncodeHintType$1.CHARACTER_SET).toString();
+        encoding = hints.get(EncodeHintType$1.CHARACTER_SET).toString();
       }
       var mode = this.chooseMode(content, encoding);
       var headerBits = new BitArray();
@@ -28519,8 +26515,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       var dataBits = new BitArray();
       this.appendBytes(content, mode, dataBits, encoding);
       var version;
-      if (hints2 !== null && void 0 !== hints2.get(EncodeHintType$1.QR_VERSION)) {
-        var versionNumber = Number.parseInt(hints2.get(EncodeHintType$1.QR_VERSION).toString(), 10);
+      if (hints !== null && void 0 !== hints.get(EncodeHintType$1.QR_VERSION)) {
+        var versionNumber = Number.parseInt(hints.get(EncodeHintType$1.QR_VERSION).toString(), 10);
         version = Version.getVersionForNumber(versionNumber);
         var bitsNeeded = this.calculateBitsNeeded(mode, headerBits, dataBits, version);
         if (!this.willFit(bitsNeeded, version, ecLevel)) {
@@ -29458,8 +27454,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
             }
             break;
           }
-          var count2 = buffer.length();
-          if (count2 % 3 === 0) {
+          var count = buffer.length();
+          if (count % 3 === 0) {
             var newMode = HighLevelEncoder$1.lookAheadTest(context.getMessage(), context.pos, this.getEncodingMode());
             if (newMode !== this.getEncodingMode()) {
               context.signalEncoderChange(ASCII_ENCODATION);
@@ -29470,8 +27466,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         this.handleEOD(context, buffer);
       };
       C40Encoder2.prototype.backtrackOneCharacter = function(context, buffer, removed, lastCharSize) {
-        var count2 = buffer.length();
-        var test = buffer.toString().substring(0, count2 - lastCharSize);
+        var count = buffer.length();
+        var test = buffer.toString().substring(0, count - lastCharSize);
         buffer.setLengthToZero();
         buffer.append(test);
         context.pos--;
@@ -29589,8 +27585,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           var c = context.getCurrentChar();
           this.encodeChar(c, buffer);
           context.pos++;
-          var count2 = buffer.length();
-          if (count2 >= 4) {
+          var count = buffer.length();
+          if (count >= 4) {
             context.writeCodewords(this.encodeToCodewords(buffer.toString()));
             var test_1 = buffer.toString().substring(4);
             buffer.setLengthToZero();
@@ -29607,11 +27603,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       };
       EdifactEncoder2.prototype.handleEOD = function(context, buffer) {
         try {
-          var count2 = buffer.length();
-          if (count2 === 0) {
+          var count = buffer.length();
+          if (count === 0) {
             return;
           }
-          if (count2 === 1) {
+          if (count === 1) {
             context.updateSymbolInfo();
             var available = context.getSymbolInfo().getDataCapacity() - context.getCodewordCount();
             var remaining = context.getRemainingCharacters();
@@ -29623,10 +27619,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
               return;
             }
           }
-          if (count2 > 4) {
+          if (count > 4) {
             throw new Error("Count must not exceed 4");
           }
-          var restChars = count2 - 1;
+          var restChars = count - 1;
           var encoded = this.encodeToCodewords(buffer.toString());
           var endOfSymbolReached = !context.hasMoreCharacters();
           var restInAscii = endOfSymbolReached && restChars <= 2;
@@ -29929,8 +27925,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       EncoderContext2.prototype.getMessage = function() {
         return this.msg;
       };
-      EncoderContext2.prototype.setSkipAtEnd = function(count2) {
-        this.skipAtEnd = count2;
+      EncoderContext2.prototype.setSkipAtEnd = function(count) {
+        this.skipAtEnd = count;
       };
       EncoderContext2.prototype.getCurrentChar = function() {
         return this.msg.charCodeAt(this.pos);
@@ -30018,8 +28014,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           var c = context.getCurrentChar();
           context.pos++;
           this.encodeChar(c, buffer);
-          var count2 = buffer.length();
-          if (count2 % 3 === 0) {
+          var count = buffer.length();
+          if (count % 3 === 0) {
             this.writeNextTriplet(context, buffer);
             var newMode = HighLevelEncoder$1.lookAheadTest(context.getMessage(), context.pos, this.getEncodingMode());
             if (newMode !== this.getEncodingMode()) {
@@ -30059,8 +28055,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       X12Encoder2.prototype.handleEOD = function(context, buffer) {
         context.updateSymbolInfo();
         var available = context.getSymbolInfo().getDataCapacity() - context.getCodewordCount();
-        var count2 = buffer.length();
-        context.pos -= count2;
+        var count = buffer.length();
+        context.pos -= count;
         if (context.getRemainingCharacters() > 1 || available > 1 || context.getRemainingCharacters() !== available) {
           context.writeCodeword(X12_UNLATCH);
         }
@@ -31846,6 +29842,58 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     ]);
     return Encoder;
   })();
+  const SCANNER_HINTS = /* @__PURE__ */ new Map([
+    [
+      reactZxing.DecodeHintType.POSSIBLE_FORMATS,
+      [
+        BarcodeFormat$1.AZTEC,
+        BarcodeFormat$1.CODABAR,
+        BarcodeFormat$1.CODE_39,
+        BarcodeFormat$1.CODE_93,
+        BarcodeFormat$1.CODE_128,
+        BarcodeFormat$1.DATA_MATRIX,
+        BarcodeFormat$1.EAN_8,
+        BarcodeFormat$1.EAN_13,
+        BarcodeFormat$1.ITF,
+        BarcodeFormat$1.MAXICODE,
+        BarcodeFormat$1.PDF_417,
+        BarcodeFormat$1.QR_CODE,
+        BarcodeFormat$1.RSS_14,
+        BarcodeFormat$1.RSS_EXPANDED,
+        BarcodeFormat$1.UPC_A,
+        BarcodeFormat$1.UPC_E,
+        BarcodeFormat$1.UPC_EAN_EXTENSION
+      ]
+    ]
+  ]);
+  const Scanner = React.memo((props) => {
+    const { children, open, onOpenChange, defaultOpen, modal, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsxs(blocks.Overlay.Root, { open, onOpenChange, defaultOpen, modal, children: [
+      !!children && /* @__PURE__ */ jsxRuntime.jsx(blocks.Overlay.Trigger, { asChild: true, children }),
+      /* @__PURE__ */ jsxRuntime.jsxs(blocks.Overlay.Content, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(blocks.Overlay.Title, { className: "sr-only", children: "Scanner" }),
+        /* @__PURE__ */ jsxRuntime.jsx(blocks.Overlay.Description, { className: "sr-only", children: "Scan a barcode or a qr code." }),
+        /* @__PURE__ */ jsxRuntime.jsx(ScannerInternal, { ...rest })
+      ] })
+    ] });
+  });
+  Scanner.displayName = "Scanner";
+  const ScannerInternal = React.memo((props) => {
+    const { paused, timeBetweenDecodingAttempts, onDecodeResult, onDecodeError, onError } = props;
+    const { ref } = reactZxing.useZxing({
+      paused,
+      timeBetweenDecodingAttempts,
+      onDecodeResult,
+      onDecodeError,
+      onError,
+      hints: SCANNER_HINTS
+    });
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex size-full flex-col justify-center overflow-hidden  bg-(--color-background)", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full justify-end p-4", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Overlay.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "close", variant: "soft", accentColor: "base", children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "x" }) }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grow w-full max-h-full overflow-hidden p-4", children: /* @__PURE__ */ jsxRuntime.jsx("video", { className: "size-full", ref }) })
+    ] });
+  });
+  ScannerInternal.displayName = "ScannerInternal";
   const ScanInput = React.memo((props) => {
     const [
       { inputId, labelId, label, helpText, size, severity, showInputOnly, field, fieldProps, helpers, touched },
@@ -31875,20 +29923,18 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     }, [internalValue, onBlur, onChange]);
     const handleScan = React.useCallback(
       (data) => {
-        onChange(data);
+        onChange(data.getText());
         setShowScanner(false);
       },
       [onChange]
     );
-    const handleScannerOpenChange = React.useCallback(
-      (open) => {
-        setShowScanner(open);
-        if (!open) {
-          onBlur(value);
-        }
-      },
-      [onBlur, value]
-    );
+    const handleOpenScanner = React.useCallback(() => {
+      setShowScanner(true);
+    }, []);
+    const handleScannerOpenChange = React.useCallback(() => {
+      setShowScanner(false);
+      onBlur(value);
+    }, [onBlur, value]);
     return /* @__PURE__ */ jsxRuntime.jsx(InputWithLabelAndHelpText, { helpText: computedHelpText, severity, children: /* @__PURE__ */ jsxRuntime.jsxs(
       InputWithLabel,
       {
@@ -31916,74 +29962,30 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
               ...rest
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs(Root, { open: showScanner, onOpenChange: handleScannerOpenChange, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(blocks.Button, { className: "w-max", type: "button", variant: "soft", size: "sm", accentColor: "base", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize, { className: "h-4 w-4" }),
-              "Scan"
-            ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(Portal, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Overlay, { className: "light:bg-(--black-a6) fixed inset-0 dark:bg-(--black-a8)" }),
-              /* @__PURE__ */ jsxRuntime.jsx(Content, { className: "fixed inset-0", children: /* @__PURE__ */ jsxRuntime.jsx(Scanner, { onScan: handleScan }) })
-            ] })
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            blocks.Button,
+            {
+              onClick: handleOpenScanner,
+              className: "w-max",
+              type: "button",
+              variant: "soft",
+              size: "sm",
+              accentColor: "base",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "maximize" }),
+                "Scan"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(Scanner, { open: showScanner, onDecodeResult: handleScan, onOpenChange: handleScannerOpenChange })
         ]
       }
     ) });
   });
   ScanInput.displayName = "QrInput";
-  const hints = /* @__PURE__ */ new Map([
-    [
-      reactZxing.DecodeHintType.POSSIBLE_FORMATS,
-      [
-        BarcodeFormat$1.AZTEC,
-        BarcodeFormat$1.CODABAR,
-        BarcodeFormat$1.CODE_39,
-        BarcodeFormat$1.CODE_93,
-        BarcodeFormat$1.CODE_128,
-        BarcodeFormat$1.DATA_MATRIX,
-        BarcodeFormat$1.EAN_8,
-        BarcodeFormat$1.EAN_13,
-        BarcodeFormat$1.ITF,
-        BarcodeFormat$1.MAXICODE,
-        BarcodeFormat$1.PDF_417,
-        BarcodeFormat$1.QR_CODE,
-        BarcodeFormat$1.RSS_14,
-        BarcodeFormat$1.RSS_EXPANDED,
-        BarcodeFormat$1.UPC_A,
-        BarcodeFormat$1.UPC_E,
-        BarcodeFormat$1.UPC_EAN_EXTENSION
-      ]
-    ]
-  ]);
-  const Scanner = React.memo((props) => {
-    const { onScan } = props;
-    const { showError } = blocks.useToast();
-    const handleDecodeResult = React.useCallback(
-      (result) => {
-        onScan(result.getText());
-      },
-      [onScan]
-    );
-    const handleError = React.useCallback(() => {
-      showError({
-        title: "Scan Error",
-        description: "An unknown error occurred while scanning."
-      });
-    }, [showError]);
-    const { ref } = reactZxing.useZxing({
-      onDecodeResult: handleDecodeResult,
-      onError: handleError,
-      hints
-    });
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex size-full flex-col justify-center overflow-hidden p-4 gap-4 bg-(--color-background)", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full", children: /* @__PURE__ */ jsxRuntime.jsx(Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { "aria-label": "close", variant: "soft", accentColor: "base", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }) }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative grow w-full max-h-full overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("video", { className: "size-full", ref }) })
-    ] });
-  });
-  Scanner.displayName = "QrScanner";
   const _ScanField = class _ScanField extends BaseField {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "type", "qr");
       __publicField(this, "onlyValidateAfterTouched", false);
     }
@@ -31999,8 +30001,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         identifier
       });
     }
-    setOptions(options2) {
-      super.setOptions(options2);
+    setOptions(options) {
+      super.setOptions(options);
     }
     static deserialize(data) {
       return new _ScanField(data);
@@ -32085,10 +30087,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   });
   StringInput.displayName = "StringInput";
   const _StringField = class _StringField extends BaseStringField {
-    constructor(options2) {
-      const { ...rest } = options2;
-      const maxLength = options2.maxLength ? Math.min(SHORT_TEXT_FIELD_MAX_LENGTH, options2.maxLength) : SHORT_TEXT_FIELD_MAX_LENGTH;
-      const minLength = options2.minLength ? Math.min(options2.minLength, maxLength) : void 0;
+    constructor(options) {
+      const { ...rest } = options;
+      const maxLength = options.maxLength ? Math.min(SHORT_TEXT_FIELD_MAX_LENGTH, options.maxLength) : SHORT_TEXT_FIELD_MAX_LENGTH;
+      const minLength = options.minLength ? Math.min(options.minLength, maxLength) : void 0;
       super({ ...rest, maxLength, minLength });
       __publicField(this, "type", "string");
     }
@@ -32104,8 +30106,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         identifier
       });
     }
-    setOptions(options2) {
-      super.setOptions(options2);
+    setOptions(options) {
+      super.setOptions(options);
     }
     static deserialize(data) {
       if (data.type !== "string") throw new Error("Type mismatch.");
@@ -32181,10 +30183,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   });
   TextInput.displayName = "TextInput";
   const _TextField = class _TextField extends BaseStringField {
-    constructor(options2) {
-      const maxLength = options2.maxLength ? Math.min(LONG_TEXT_FIELD_MAX_LENGTH, options2.maxLength) : LONG_TEXT_FIELD_MAX_LENGTH;
-      const minLength = options2.minLength ? Math.min(options2.minLength, maxLength) : void 0;
-      super({ ...options2, maxLength, minLength });
+    constructor(options) {
+      const maxLength = options.maxLength ? Math.min(LONG_TEXT_FIELD_MAX_LENGTH, options.maxLength) : LONG_TEXT_FIELD_MAX_LENGTH;
+      const minLength = options.minLength ? Math.min(options.minLength, maxLength) : void 0;
+      super({ ...options, maxLength, minLength });
       __publicField(this, "type", "text");
     }
     serialize() {
@@ -32199,8 +30201,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         identifier
       });
     }
-    setOptions(options2) {
-      super.setOptions(options2);
+    setOptions(options) {
+      super.setOptions(options);
     }
     static deserialize(data) {
       const { maximum_length, minimum_length, ...rest } = data;
@@ -32244,7 +30246,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                   "bg-transparent": !file
                 }),
                 children: [
-                  error ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileWarning, { className: "h-4 w-4" }) : file && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.File, { className: "h-4 w-4", style: { color: "var(--base-a11)" } }),
+                  error ? /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "file-warning" }) : file && /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "file" }),
                   /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { className: "truncate", size: "sm", children: error ?? (file == null ? void 0 : file.name) }),
                   rightSlot
                 ]
@@ -32399,8 +30401,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                 type: "button",
                 ...rest,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "h-4 w-4" }),
-                  " ",
+                  /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "upload" }),
                   buttonText
                 ]
               }
@@ -32505,10 +30506,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
             type: "button",
             onClick: handleDownload,
             disabled: !resolvedFile,
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "download" })
           }
         ),
-        !disabled && /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", "aria-label": `Remove ${name}`, disabled, onClick: handleDelete, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4" }) })
+        !disabled && /* @__PURE__ */ jsxRuntime.jsx(blocks.IconButton, { type: "button", "aria-label": `Remove ${name}`, disabled, onClick: handleDelete, children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "trash" }) })
       ] }),
       [disabled, handleDelete, handleDownload, name, resolvedFile]
     );
@@ -32525,8 +30526,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   });
   DisplayFile.displayName = "DisplayFile";
   const _UploadField = class _UploadField extends BaseField {
-    constructor(options2) {
-      const { extensions, maximum_files, maximum_size, ...base } = options2;
+    constructor(options) {
+      const { extensions, maximum_files, maximum_size, ...base } = options;
       super(base);
       __publicField(this, "type", "upload");
       __publicField(this, "extensions");
@@ -32636,8 +30637,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         identifier
       });
     }
-    setOptions(options2) {
-      const { extensions, maximum_files, maximum_size, ...rest } = options2;
+    setOptions(options) {
+      const { extensions, maximum_files, maximum_size, ...rest } = options;
       this.maxFileSize = typeof maximum_size === "number" ? maximum_size : this.maxFileSize;
       this.maxFiles = typeof maximum_files === "number" ? maximum_files : this.maxFiles;
       this.extensions = extensions;
@@ -33435,8 +31436,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     })
   };
   class BooleanFieldCondition extends BaseCondition {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "defaultConditionValue");
       __publicField(this, "modifiers", modifiers$c);
@@ -33532,8 +31533,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     })
   };
   class CheckboxListFieldCondition extends BaseCondition {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "defaultConditionValue");
       __publicField(this, "modifiers", modifiers$b);
@@ -33654,8 +31655,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     })
   };
   class DateFieldCondition extends BaseCondition {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "defaultConditionValue");
       __publicField(this, "modifiers", modifiers$a);
@@ -33751,8 +31752,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     })
   };
   class MultiSelectFieldCondition extends BaseCondition {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "defaultConditionValue");
       __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "modifiers", modifiers$9);
@@ -33836,8 +31837,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     })
   };
   class MultiStringFieldCondition extends BaseCondition {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "defaultConditionValue");
       __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "modifiers", modifiers$8);
@@ -33974,8 +31975,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     })
   };
   class NumberFieldCondition extends BaseCondition {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "defaultConditionValue");
       __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "modifiers", modifiers$7);
@@ -34053,8 +32054,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     })
   };
   class OTPFieldCondition extends BaseCondition {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "defaultConditionValue");
       __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "modifiers", modifiers$6);
@@ -34173,8 +32174,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     })
   };
   class RadioFieldCondition extends BaseCondition {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "defaultConditionValue");
       __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "modifiers", modifiers$5);
@@ -34252,8 +32253,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     })
   };
   class ScanFieldCondition extends BaseCondition {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "defaultConditionValue");
       __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "modifiers", modifiers$4);
@@ -34372,8 +32373,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     })
   };
   class SelectFieldCondition extends BaseCondition {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "defaultConditionValue");
       __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "modifiers", modifiers$3);
@@ -34451,8 +32452,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     })
   };
   class StringFieldCondition extends BaseCondition {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "defaultConditionValue");
       __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "modifiers", modifiers$2);
@@ -34527,8 +32528,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     })
   };
   class TextFieldCondition extends BaseCondition {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "defaultConditionValue");
       __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "modifiers", modifiers$1);
@@ -34599,8 +32600,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     })
   };
   class UploadFieldCondition extends BaseCondition {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "defaultConditionValue");
       __publicField(this, "defaultConditionModifier", "equals");
       __publicField(this, "modifiers", modifiers);
@@ -34795,8 +32796,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   });
   FieldSectionLayout.displayName = "FieldSectionLayout";
   const _FieldSection = class _FieldSection extends BaseFormElement {
-    constructor(options2) {
-      const { label = null, description = null, fields, conditions = {}, ...base } = options2;
+    constructor(options) {
+      const { label = null, description = null, fields, conditions = {}, ...base } = options;
       super(base);
       __publicField(this, "type", "section");
       __publicField(this, "label");
@@ -34862,8 +32863,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
         fields: this.fields.map((field) => field.duplicate(uuid.v4()))
       });
     }
-    setOptions(options2) {
-      const { label, description, fields, conditions, ...base } = options2;
+    setOptions(options) {
+      const { label, description, fields, conditions, ...base } = options;
       this.label = label ?? this.label;
       this.description = description ?? this.description;
       this.fields = fields || this.fields;
@@ -35256,7 +33257,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           accentColor: "base",
           ...hasError && { color: SEVERITY_COLOR_MAPPING.danger },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "settings" }),
             "Settings"
           ]
         },
@@ -36508,6 +34509,33 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     ListBuilder: FormBuilderListBuilder,
     Preview: FormBuilderPreview
   };
+  const ScannerContext = React.createContext(() => {
+    throw new Error("No ScannerProvider found");
+  });
+  const useScanner = () => React.use(ScannerContext);
+  const ScannerProvider = React.memo((props) => {
+    const { children } = props;
+    const [config, setConfig] = React.useState(null);
+    const closeFileViewer = React.useCallback(() => {
+      setConfig(null);
+    }, []);
+    const openFileViewer = React.useCallback(
+      (func) => {
+        setConfig(func(closeFileViewer));
+      },
+      [closeFileViewer]
+    );
+    const handleClose = React.useCallback(() => {
+      if (!config) return;
+      if (config.onClose) config.onClose();
+      closeFileViewer();
+    }, [closeFileViewer, config]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(ScannerContext.Provider, { value: openFileViewer, children: [
+      children,
+      config && /* @__PURE__ */ jsxRuntime.jsx(Scanner, { open: true, onOpenChange: handleClose, ...config })
+    ] });
+  });
+  ScannerProvider.displayName = "FileViewerProvider";
   exports2.BaseCondition = BaseCondition;
   exports2.BaseField = BaseField;
   exports2.BaseFormElement = BaseFormElement;
@@ -36584,6 +34612,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   exports2.ScanFieldConditionCell = ScanFieldConditionCell;
   exports2.ScanInput = ScanInput;
   exports2.Scanner = Scanner;
+  exports2.ScannerProvider = ScannerProvider;
   exports2.SelectField = SelectField;
   exports2.SelectFieldCondition = SelectFieldCondition;
   exports2.SelectFieldConditionCell = SelectFieldConditionCell;
@@ -36643,6 +34672,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   exports2.useFieldInputs = useFieldInputs;
   exports2.useFormikInput = useFormikInput;
   exports2.useImageViewer = useImageViewer;
+  exports2.useScanner = useScanner;
   exports2.validateFields = validateFields;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });