@overmap-ai/forms 1.0.32-react-flow-david-fixes.39 → 1.0.32-react-flow-david-fixes.41

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("file-saver"), require("react-zxing"), require("react-dom"), 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", "react-dom", "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.ReactDOM, global2.get, global2.Dagre, global2.set));
-})(this, function(exports2, jsxRuntime, blocks, classVarianceAuthority, React, style_css, react, formik, graphology, graphologyDag, uuid, dnd, fileSaver, reactZxing, ReactDOM, 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;
@@ -332,12 +314,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     ];
   };
   const MultiStringInput = React.memo((props) => {
-    const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, rest] = useFormikInput(props);
+    const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, { disabled }] = useFormikInput(props);
     const computedHelpText = showInputOnly ? null : helpText;
     const computedLabel = showInputOnly ? "" : label;
     const { value, name, onChange, onBlur } = fieldProps;
     const droppableId = `${inputId}-droppable`;
-    const { disabled } = rest;
     const [intermediateValue, setIntermediateValue] = React.useState("");
     const [internalError, setInternalError] = React.useState("");
     const updatedHelpText = internalError || computedHelpText;
@@ -424,7 +405,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
                 placeholder: field.placeholder,
                 onBlur: handleInputBlur,
                 name,
-                ...rest
+                disabled
               }
             ) }),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -501,8 +482,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   });
   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");
@@ -538,8 +519,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         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;
@@ -585,8 +566,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   __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);
@@ -609,8 +590,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         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 };
@@ -636,7 +617,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   const BooleanInput = React.memo((props) => {
-    const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, rest] = useFormikInput(props);
+    const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, { disabled }] = useFormikInput(props);
     const { name, onBlur, onChange, value } = fieldProps;
     const computedHelpText = showInputOnly ? null : helpText;
     const computedLabel = showInputOnly ? "" : label;
@@ -671,7 +652,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             size: "sm",
             accentColor: "primary",
             variant: "surface",
-            ...rest,
+            disabled,
             children: /* @__PURE__ */ jsxRuntime.jsx(blocks.Checkbox.Indicator, { children: /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "check" }) })
           }
         )
@@ -680,8 +661,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   });
   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);
     }
@@ -691,8 +672,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     getOptions() {
       return super.getOptions();
     }
-    setOptions(options2) {
-      super.setOptions(options2);
+    setOptions(options) {
+      super.setOptions(options);
     }
     duplicate(identifier) {
       return new _BooleanField({
@@ -732,7 +713,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const NumberInput = React.memo((props) => {
     const [
       { inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps, touched, helpers },
-      rest
+      { disabled }
     ] = useFormikInput(props);
     const { name, onBlur, onChange, value } = fieldProps;
     const computedHelpText = showInputOnly ? null : helpText;
@@ -778,7 +759,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             max: field.maximum,
             step: field.integers ? 1 : 0.1,
             placeholder: field.placeholder ?? "Enter a number",
-            ...rest
+            disabled
           }
         ) })
       }
@@ -786,14 +767,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   });
   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");
@@ -892,8 +873,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         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;
@@ -930,8 +911,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   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");
@@ -1008,8 +989,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         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;
@@ -1035,7 +1016,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
   }
   const CheckboxListInput = React.memo((props) => {
-    const [{ inputId, labelId, size, severity, field, showInputOnly, helpText, label, fieldProps }, rest] = useFormikInput(props);
+    const [{ inputId, labelId, size, severity, field, showInputOnly, helpText, label, fieldProps }, { disabled }] = useFormikInput(props);
     const { value, name, onChange, onBlur } = fieldProps;
     const computedHelpText = showInputOnly ? null : helpText;
     const computedLabel = showInputOnly ? "" : label;
@@ -1066,7 +1047,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             size: "sm",
             values: value,
             onValuesChange: handleChange,
-            ...rest,
+            disabled,
             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(blocks.LuIcon, { icon: "check" }) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(blocks.Text, { size: "sm", accentColor: "base", className: "truncate", children: option.label })
@@ -1078,8 +1059,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   });
   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);
     }
@@ -1124,7 +1105,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   __publicField(_CheckboxListField, "fieldTypeDescription", "Allows the user to select a multiple options from a list.");
   let CheckboxListField = _CheckboxListField;
   const DateInput = React.memo((props) => {
-    const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, rest] = useFormikInput(props);
+    const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, { disabled }] = useFormikInput(props);
     const { value, name, onChange, onBlur } = fieldProps;
     const [popoverOpen, setPopoverOpen] = React.useState(false);
     const computedHelpText = showInputOnly ? null : helpText;
@@ -1163,7 +1144,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               accentColor: "base",
               variant: "surface",
               size: "sm",
-              ...rest,
+              disabled,
               children: [
                 value ? value.toLocaleString(void 0, {
                   year: "numeric",
@@ -1190,8 +1171,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   });
   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);
     }
@@ -1210,8 +1191,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     static deserialize(data) {
       return new _DateField(data);
     }
-    setOptions(options2) {
-      super.setOptions(options2);
+    setOptions(options) {
+      super.setOptions(options);
     }
     serializeValue(value) {
       return value ? value.toISOString() : null;
@@ -1241,7 +1222,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   __publicField(_DateField, "fieldTypeDescription", "Allows specifying a date.");
   let DateField = _DateField;
   const MultiSelectInput = React.memo((props) => {
-    const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, rest] = useFormikInput(props);
+    const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, { disabled }] = useFormikInput(props);
     const { value, name, onChange, onBlur } = fieldProps;
     const computedHelpText = showInputOnly ? null : helpText;
     const computedLabel = showInputOnly ? "" : label;
@@ -1278,7 +1259,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               type: "button",
               size: "sm",
               accentColor: "base",
-              ...rest,
+              disabled,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: value && value.length > 0 ? value.join(", ") : field.placeholder ?? "Select one or more..." }),
                 /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "chevron-down" })
@@ -1308,8 +1289,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   });
   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");
@@ -1330,10 +1311,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         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);
@@ -1364,7 +1345,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   __publicField(_MultiSelectField, "fieldTypeDescription", "Allows the user to select a multiple options from a list of options.");
   let MultiSelectField = _MultiSelectField;
   const SelectInput = React.memo((props) => {
-    const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, rest] = useFormikInput(props);
+    const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, { disabled }] = useFormikInput(props);
     const { name, onChange, onBlur, value } = fieldProps;
     const computedHelpText = showInputOnly ? null : helpText;
     const computedLabel = showInputOnly ? "" : label;
@@ -1398,7 +1379,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               variant: "surface",
               type: "button",
               size: "sm",
-              ...rest,
+              disabled,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: currentOption ? currentOption.label : field.placeholder ?? "Select one..." }),
                 /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "chevron-down" })
@@ -1415,8 +1396,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   });
   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");
@@ -1437,10 +1418,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         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);
@@ -1473,7 +1454,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   const OTPInput = React.memo((props) => {
     const [
       { inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps, touched, helpers },
-      { formId: formId2, autoComplete: _autoComplete, ...rest }
+      { formId: formId2, disabled }
     ] = useFormikInput(props);
     const { name, onBlur, onChange, value } = fieldProps;
     const computedHelpText = showInputOnly ? null : helpText;
@@ -1521,6 +1502,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             onValueChange: handleChange,
             validationType: field.validationType,
             form: formId2,
+            disabled,
             orientation: "horizontal",
             dir: "ltr",
             type: "text",
@@ -1531,7 +1513,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             accentColor: "base",
             variant: "surface",
             size: "sm",
-            ...rest,
             children: [
               inputUuids.map((inputUuid) => /* @__PURE__ */ jsxRuntime.jsx(blocks.OneTimePasswordField.Input, { id: inputUuid, onBlur: handleBlur }, inputUuid)),
               /* @__PURE__ */ jsxRuntime.jsx(blocks.OneTimePasswordField.HiddenInput, {})
@@ -1543,8 +1524,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   });
   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");
@@ -1626,8 +1607,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         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);
@@ -1661,7 +1642,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   __publicField(_OTPField, "fieldTypeDescription", "Allows specifying a number within a given range.");
   let OTPField = _OTPField;
   const RadioInput = React.memo((props) => {
-    const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, rest] = useFormikInput(props);
+    const [{ inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps }, { disabled }] = useFormikInput(props);
     const { name, onChange, onBlur, value } = fieldProps;
     const computedHelpText = showInputOnly ? null : helpText;
     const computedLabel = showInputOnly ? "" : label;
@@ -1696,10 +1677,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             size: "sm",
             value: value ?? "",
             onValueChange: handleChange,
-            ...rest,
+            disabled,
             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(blocks.LuIcon, { icon: "chevron-down", className: "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: "circle", 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(
@@ -1725,8 +1706,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   });
   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);
     }
@@ -1742,8 +1723,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         identifier
       });
     }
-    setOptions(options2) {
-      super.setOptions(options2);
+    setOptions(options) {
+      super.setOptions(options);
     }
     static deserialize(data) {
       return new _RadioField(data);
@@ -1773,1845 +1754,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   __publicField(_RadioField, "fieldTypeName", "Option list");
   __publicField(_RadioField, "fieldTypeDescription", "Allows the user to select a single option from a list of options.");
   let RadioField = _RadioField;
-  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 : () => {
-  };
-  // @__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");
-  }
-  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 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 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"
+  const ScannerContext = React.createContext(() => {
+    throw new Error("No ScannerProvider found");
   });
-  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 Close = DialogClose;
+  const useScanner = () => React.use(ScannerContext);
   function fixProto(target, prototype) {
     var setPrototypeOf = Object.setPrototypeOf;
     setPrototypeOf ? setPrototypeOf(target, prototype) : target.__proto__ = prototype;
@@ -3647,9 +1793,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,
@@ -7884,12 +6030,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;
     }()
@@ -13777,25 +11923,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);
@@ -14271,19 +12417,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);
@@ -14645,8 +12791,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() {
@@ -15571,19 +13717,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();
           }
@@ -16392,8 +14538,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() {
@@ -16781,8 +14927,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++;
@@ -17056,19 +15202,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, hints);
+                    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();
@@ -17081,13 +15227,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) {
@@ -17100,7 +15246,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));
@@ -17108,13 +15254,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) {
@@ -17127,7 +15273,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));
@@ -17135,12 +15281,12 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           throw new FormatException(ignored);
         }
       };
-      DecodedBitStreamParser2.decodeByteSegment = function(bits, result, count2, currentCharacterSetECI, byteSegments, hints) {
-        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);
         }
@@ -17163,18 +15309,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();
           }
@@ -17192,8 +15338,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();
           }
@@ -17204,9 +15350,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();
           }
@@ -17216,7 +15362,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();
           }
@@ -17612,11 +15758,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;
@@ -17783,11 +15929,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;
@@ -26607,7 +24753,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
@@ -26618,7 +24764,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) {
@@ -26633,7 +24779,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)*/
@@ -26641,15 +24787,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]
@@ -26660,7 +24806,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) {
@@ -26676,7 +24822,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)*/
@@ -26684,7 +24830,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                   );
                 }
                 value = 0;
-                count2 = 0;
+                count = 0;
               }
             }
             break;
@@ -26693,7 +24839,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) {
@@ -26702,8 +24848,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:
@@ -26717,17 +24863,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") {
@@ -29311,8 +27457,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);
@@ -29323,8 +27469,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--;
@@ -29442,8 +27588,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();
@@ -29460,11 +27606,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();
@@ -29476,10 +27622,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;
@@ -29782,8 +27928,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);
@@ -29871,8 +28017,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()) {
@@ -29912,8 +28058,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);
         }
@@ -31746,15 +29892,38 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
       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(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: "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 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";
   const ScanInput = React.memo((props) => {
     const [
       { inputId, labelId, label, helpText, size, severity, showInputOnly, field, fieldProps, helpers, touched },
-      rest
+      { disabled }
     ] = useFormikInput(props);
     const { name, onBlur, onChange, value } = fieldProps;
     const [showScanner, setShowScanner] = React.useState(false);
@@ -31816,7 +29985,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
               placeholder: "Enter a qr or barcode",
               onChange: handleChange,
               onBlur: handleBlur,
-              ...rest
+              disabled
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(
@@ -31828,6 +29997,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
               variant: "soft",
               size: "sm",
               accentColor: "base",
+              disabled,
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "maximize" }),
                 "Scan"
@@ -31841,8 +30011,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   });
   ScanInput.displayName = "QrInput";
   const _ScanField = class _ScanField extends BaseField {
-    constructor(options2) {
-      super(options2);
+    constructor(options) {
+      super(options);
       __publicField(this, "type", "qr");
       __publicField(this, "onlyValidateAfterTouched", false);
     }
@@ -31858,8 +30028,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);
@@ -31893,7 +30063,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   const StringInput = React.memo((props) => {
     const [
       { inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps, touched, helpers },
-      rest
+      { disabled }
     ] = useFormikInput(props);
     const { name, onBlur, onChange, value } = fieldProps;
     const computedHelpText = showInputOnly ? null : helpText;
@@ -31936,7 +30106,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
             placeholder: field.placeholder,
             onChange: handleChange,
             onBlur: handleBlur,
-            ...rest
+            disabled
           }
         ) })
       }
@@ -31944,10 +30114,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");
     }
@@ -31963,8 +30133,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.");
@@ -31986,7 +30156,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   const TextInput = React.memo((props) => {
     const [
       { inputId, labelId, size, severity, showInputOnly, field, helpText, label, fieldProps, touched, helpers },
-      rest
+      { disabled }
     ] = useFormikInput(props);
     const { name, onBlur, onChange, value } = fieldProps;
     const computedHelpText = showInputOnly ? null : helpText;
@@ -32032,7 +30202,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
             accentColor: "base",
             variant: "surface",
             size: "sm",
-            ...rest
+            disabled
           }
         )
       }
@@ -32040,10 +30210,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() {
@@ -32058,8 +30228,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;
@@ -32180,7 +30350,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
   }
   const UploadInput = React.memo((props) => {
     var _a2;
-    const [{ inputId, labelId, label, size, severity, helpText, showInputOnly, field, fieldProps }, rest] = useFormikInput(props);
+    const [{ inputId, labelId, label, size, severity, helpText, showInputOnly, field, fieldProps }, { disabled }] = useFormikInput(props);
     const { value, name, onChange, onBlur } = fieldProps;
     const input = React.useRef(null);
     const updatedHelpText = React.useMemo(() => {
@@ -32254,9 +30424,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
                 variant: "soft",
                 accentColor: "base",
                 onClick: handleClick,
-                id: "upload-input-upload-button",
                 type: "button",
-                ...rest,
+                disabled,
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(blocks.LuIcon, { icon: "upload" }),
                   buttonText
@@ -32288,7 +30457,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           onRemove: () => {
             handleRemove(index);
           },
-          disabled: rest.disabled
+          disabled
         },
         index
       )) })
@@ -32319,7 +30488,6 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
     React.useEffect(() => {
       if (file instanceof UUIDPromise) {
         file.then((file2) => {
-          console.debug("file", file2);
           setResolvedFile(file2);
         }).catch(console.error);
       } else {
@@ -32383,8 +30551,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");
@@ -32494,8 +30662,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;
@@ -33293,8 +31461,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);
@@ -33390,8 +31558,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);
@@ -33512,8 +31680,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);
@@ -33609,8 +31777,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);
@@ -33694,8 +31862,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);
@@ -33832,8 +32000,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);
@@ -33911,8 +32079,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);
@@ -34031,8 +32199,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);
@@ -34110,8 +32278,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);
@@ -34230,8 +32398,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);
@@ -34309,8 +32477,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);
@@ -34385,8 +32553,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);
@@ -34457,8 +32625,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);
@@ -34653,8 +32821,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");
@@ -34720,8 +32888,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;
@@ -36366,33 +34534,6 @@ 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;