@axdspub/axiom-ui-forms 0.1.2 → 0.1.3

package/library/umd.js

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom'), require('react/jsx-runtime'), require('lodash')) :
     typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-dom', 'react/jsx-runtime', 'lodash'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.AxiomUIforms = {}, global.React, global.ReactDOM, global.JSXRuntime, global.lodash));
-})(this, (function (exports, React__default, ReactDOM__default, jsxRuntime, lodash) { 'use strict';
+})(this, (function (exports, React, ReactDOM__default, jsxRuntime, lodash) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -21,7 +21,7 @@
         return Object.freeze(n);
     }
 
-    var React__default__namespace = /*#__PURE__*/_interopNamespaceDefault(React__default);
+    var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
     var ReactDOM__default__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactDOM__default);
 
     var getChildFields = function (field) {
@@ -146,14 +146,14 @@
     };
 
     var FieldLabelText = function (field) {
-        return (React__default.createElement("strong", null,
+        return (React.createElement("strong", null,
             field.label,
             " ",
-            field.required === true ? React__default.createElement("span", { className: 'text-red-500' }, "*") : ''));
+            field.required === true ? React.createElement("span", { className: 'text-red-500' }, "*") : ''));
     };
     var FieldLabel = function (field) {
-        return React__default.createElement("p", { className: 'pb-2' },
-            React__default.createElement(FieldLabelText, __assign$1({}, field)));
+        return React.createElement("p", { className: 'pb-2' },
+            React.createElement(FieldLabelText, __assign$1({}, field)));
     };
 
     var global$2 = (typeof global !== "undefined" ? global :
@@ -2905,9 +2905,9 @@
             size: size,
             type: type
         });
-        return (React__default.createElement(React__default.Fragment, null, href !== undefined
-            ? React__default.createElement("a", { href: href, target: target, className: cn, "aria-disabled": disabled }, children !== undefined ? children : label)
-            : React__default.createElement("button", { className: cn, disabled: disabled, onClick: _onClick }, children !== undefined ? children : label)));
+        return (React.createElement(React.Fragment, null, href !== undefined
+            ? React.createElement("a", { href: href, target: target, className: cn, "aria-disabled": disabled }, children !== undefined ? children : label)
+            : React.createElement("button", { className: cn, disabled: disabled, onClick: _onClick }, children !== undefined ? children : label)));
     }
 
     /** @class */ ((function (_super) {
@@ -2936,13 +2936,13 @@
         ErrorBoundary.prototype.render = function () {
             if (this.state.hasError) {
                 return this.props.FallbackComponent !== undefined && this.state.error !== undefined
-                    ? React__default.createElement(this.props.FallbackComponent, { error: this.state.error })
-                    : React__default.createElement("h1", null, "There was an error");
+                    ? React.createElement(this.props.FallbackComponent, { error: this.state.error })
+                    : React.createElement("h1", null, "There was an error");
             }
             return this.props.children;
         };
         return ErrorBoundary;
-    })(React__default.Component));
+    })(React.Component));
 
     function Checkbox(_a) {
         _a.id; var _b = _a.testId, testId = _b === void 0 ? 'checkbox' : _b, value = _a.value, error = _a.error, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onChange = _a.onChange, defaultClassName = _a.defaultClassName, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.defaultWrapperClassName, defaultWrapperClassName = _e === void 0 ? 'block align-middle' : _e, wrapperClassName = _a.wrapperClassName; _a.size; var label = _a.label, after = _a.after, before = _a.before, _f = _a.align, align = _f === void 0 ? 'left' : _f;
@@ -2951,12 +2951,12 @@
             right: 'ml-2',
             none: ''
         };
-        var _g = React__default.useState(value), v = _g[0], setV = _g[1];
+        var _g = React.useState(value), v = _g[0], setV = _g[1];
         var updateValue = function (newValue) {
             setV(newValue);
             value = newValue;
         };
-        React__default.useEffect(function () {
+        React.useEffect(function () {
             updateValue(value);
         }, [value]);
         var onInputChange = function (e) {
@@ -2967,7 +2967,7 @@
             }
         };
         var CheckboxInput = function () {
-            return (React__default.createElement("input", { "data-testid": testId, type: "checkbox", className: makeClassName({
+            return (React.createElement("input", { "data-testid": testId, type: "checkbox", className: makeClassName({
                     defaultClassName: defaultClassName,
                     className: className,
                     error: error,
@@ -2975,30 +2975,30 @@
                 }), onChange: onInputChange, checked: !!v, disabled: disabled }));
         };
         var CheckboxContent = function () {
-            return (React__default.createElement(React__default.Fragment, null,
+            return (React.createElement(React.Fragment, null,
                 before !== undefined ? before : '',
-                align !== 'right' ? React__default.createElement(CheckboxInput, null) : '',
+                align !== 'right' ? React.createElement(CheckboxInput, null) : '',
                 label !== undefined ? label : '',
-                align === 'right' ? React__default.createElement(CheckboxInput, null) : '',
+                align === 'right' ? React.createElement(CheckboxInput, null) : '',
                 after !== undefined ? after : ''));
         };
-        return (React__default.createElement(React__default.Fragment, null, label !== undefined || after !== undefined || before !== undefined
-            ? React__default.createElement("label", { className: makeClassName({
+        return (React.createElement(React.Fragment, null, label !== undefined || after !== undefined || before !== undefined
+            ? React.createElement("label", { className: makeClassName({
                     defaultClassName: defaultWrapperClassName,
                     className: wrapperClassName
                 }) },
-                React__default.createElement(CheckboxContent, null))
-            : React__default.createElement(CheckboxContent, null)));
+                React.createElement(CheckboxContent, null))
+            : React.createElement(CheckboxContent, null)));
     }
 
     function Label(_a) {
         var label = _a.label, children = _a.children, _b = _a.defaultClassName, defaultClassName = _b === void 0 ? 'block mb-2' : _b, className = _a.className;
-        return (React__default.createElement(React__default.Fragment, null, label !== undefined ? React__default.createElement("span", { className: makeClassName({ defaultClassName: defaultClassName, className: className }) }, children !== undefined ? children : label) : ''));
+        return (React.createElement(React.Fragment, null, label !== undefined ? React.createElement("span", { className: makeClassName({ defaultClassName: defaultClassName, className: className }) }, children !== undefined ? children : label) : ''));
     }
 
     function Description(_a) {
         var description = _a.description, _b = _a.defaultClassName, defaultClassName = _b === void 0 ? 'block text-xs mb-2 mt-2' : _b, className = _a.className;
-        return (React__default.createElement(React__default.Fragment, null, description !== undefined ? React__default.createElement("span", { className: makeClassName({ defaultClassName: defaultClassName, className: className }) }, description) : ''));
+        return (React.createElement(React.Fragment, null, description !== undefined ? React.createElement("span", { className: makeClassName({ defaultClassName: defaultClassName, className: className }) }, description) : ''));
     }
 
     function _extends() {
@@ -3043,7 +3043,7 @@
      * Accepts callback refs and RefObject(s)
      */ function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
-        return React__default.useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
+        return React.useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
     }
 
     /* -------------------------------------------------------------------------------------------------
@@ -3053,7 +3053,7 @@
         /* -----------------------------------------------------------------------------------------------
        * createContext
        * ---------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
-            const BaseContext = /*#__PURE__*/ React__default.createContext(defaultContext);
+            const BaseContext = /*#__PURE__*/ React.createContext(defaultContext);
             const index = defaultContexts.length;
             defaultContexts = [
                 ...defaultContexts,
@@ -3063,15 +3063,15 @@
                 const { scope: scope , children: children , ...context } = props;
                 const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext; // Only re-memoize when prop values change
                 // eslint-disable-next-line react-hooks/exhaustive-deps
-                const value = React__default.useMemo(()=>context
+                const value = React.useMemo(()=>context
                 , Object.values(context));
-                return /*#__PURE__*/ React__default.createElement(Context.Provider, {
+                return /*#__PURE__*/ React.createElement(Context.Provider, {
                     value: value
                 }, children);
             }
             function useContext$1(consumerName, scope) {
                 const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext;
-                const context = React__default.useContext(Context);
+                const context = React.useContext(Context);
                 if (context) return context;
                 if (defaultContext !== undefined) return defaultContext; // if a defaultContext wasn't specified, it's a required context.
                 throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
@@ -3086,11 +3086,11 @@
        * createScope
        * ---------------------------------------------------------------------------------------------*/ const createScope = ()=>{
             const scopeContexts = defaultContexts.map((defaultContext)=>{
-                return /*#__PURE__*/ React__default.createContext(defaultContext);
+                return /*#__PURE__*/ React.createContext(defaultContext);
             });
             return function useScope(scope) {
                 const contexts = (scope === null || scope === void 0 ? void 0 : scope[scopeName]) || scopeContexts;
-                return React__default.useMemo(()=>({
+                return React.useMemo(()=>({
                         [`__scope${scopeName}`]: {
                             ...scope,
                             [scopeName]: contexts
@@ -3131,7 +3131,7 @@
                         ...currentScope
                     };
                 }, {});
-                return React__default.useMemo(()=>({
+                return React.useMemo(()=>({
                         [`__scope${baseScope.scopeName}`]: nextScopes1
                     })
                 , [
@@ -3145,9 +3145,9 @@
 
     /* -------------------------------------------------------------------------------------------------
      * Slot
-     * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+     * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { children: children , ...slotProps } = props;
-        const childrenArray = React__default.Children.toArray(children);
+        const childrenArray = React.Children.toArray(children);
         const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
         if (slottable) {
             // the new element to render is the one passed as a child of `Slottable`
@@ -3156,37 +3156,37 @@
                 if (child === slottable) {
                     // because the new element will be the one rendered, we are only interested
                     // in grabbing its children (`newElement.props.children`)
-                    if (React__default.Children.count(newElement) > 1) return React__default.Children.only(null);
-                    return /*#__PURE__*/ React__default.isValidElement(newElement) ? newElement.props.children : null;
+                    if (React.Children.count(newElement) > 1) return React.Children.only(null);
+                    return /*#__PURE__*/ React.isValidElement(newElement) ? newElement.props.children : null;
                 } else return child;
             });
-            return /*#__PURE__*/ React__default.createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
+            return /*#__PURE__*/ React.createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
                 ref: forwardedRef
-            }), /*#__PURE__*/ React__default.isValidElement(newElement) ? /*#__PURE__*/ React__default.cloneElement(newElement, undefined, newChildren) : null);
+            }), /*#__PURE__*/ React.isValidElement(newElement) ? /*#__PURE__*/ React.cloneElement(newElement, undefined, newChildren) : null);
         }
-        return /*#__PURE__*/ React__default.createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
+        return /*#__PURE__*/ React.createElement($5e63c961fc1ce211$var$SlotClone, _extends({}, slotProps, {
             ref: forwardedRef
         }), children);
     });
     $5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot';
     /* -------------------------------------------------------------------------------------------------
      * SlotClone
-     * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$var$SlotClone = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+     * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$var$SlotClone = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { children: children , ...slotProps } = props;
-        if (/*#__PURE__*/ React__default.isValidElement(children)) return /*#__PURE__*/ React__default.cloneElement(children, {
+        if (/*#__PURE__*/ React.isValidElement(children)) return /*#__PURE__*/ React.cloneElement(children, {
             ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
             ref: forwardedRef ? $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref) : children.ref
         });
-        return React__default.Children.count(children) > 1 ? React__default.Children.only(null) : null;
+        return React.Children.count(children) > 1 ? React.Children.only(null) : null;
     });
     $5e63c961fc1ce211$var$SlotClone.displayName = 'SlotClone';
     /* -------------------------------------------------------------------------------------------------
      * Slottable
      * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children: children  })=>{
-        return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, children);
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
     };
     /* ---------------------------------------------------------------------------------------------- */ function $5e63c961fc1ce211$var$isSlottable(child) {
-        return /*#__PURE__*/ React__default.isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
+        return /*#__PURE__*/ React.isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
     }
     function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
         // all child props should override
@@ -3242,13 +3242,13 @@
     /* -------------------------------------------------------------------------------------------------
      * Primitive
      * -----------------------------------------------------------------------------------------------*/ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node)=>{
-        const Node = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+        const Node = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
             const { asChild: asChild , ...primitiveProps } = props;
             const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : node;
-            React__default.useEffect(()=>{
+            React.useEffect(()=>{
                 window[Symbol.for('radix-ui')] = true;
             }, []);
-            return /*#__PURE__*/ React__default.createElement(Comp, _extends({}, primitiveProps, {
+            return /*#__PURE__*/ React.createElement(Comp, _extends({}, primitiveProps, {
                 ref: forwardedRef
             }));
         });
@@ -3317,9 +3317,9 @@
         });
         const CollectionProvider = (props)=>{
             const { scope: scope , children: children  } = props;
-            const ref = React__default.useRef(null);
-            const itemMap = React__default.useRef(new Map()).current;
-            return /*#__PURE__*/ React__default.createElement(CollectionProviderImpl, {
+            const ref = React.useRef(null);
+            const itemMap = React.useRef(new Map()).current;
+            return /*#__PURE__*/ React.createElement(CollectionProviderImpl, {
                 scope: scope,
                 itemMap: itemMap,
                 collectionRef: ref
@@ -3328,11 +3328,11 @@
         /* -----------------------------------------------------------------------------------------------
        * CollectionSlot
        * ---------------------------------------------------------------------------------------------*/ const COLLECTION_SLOT_NAME = name + 'CollectionSlot';
-        const CollectionSlot = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+        const CollectionSlot = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
             const { scope: scope , children: children  } = props;
             const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
             const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.collectionRef);
-            return /*#__PURE__*/ React__default.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, {
+            return /*#__PURE__*/ React.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, {
                 ref: composedRefs
             }, children);
         });
@@ -3340,12 +3340,12 @@
        * CollectionItem
        * ---------------------------------------------------------------------------------------------*/ const ITEM_SLOT_NAME = name + 'CollectionItemSlot';
         const ITEM_DATA_ATTR = 'data-radix-collection-item';
-        const CollectionItemSlot = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+        const CollectionItemSlot = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
             const { scope: scope , children: children , ...itemData } = props;
-            const ref = React__default.useRef(null);
+            const ref = React.useRef(null);
             const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
             const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-            React__default.useEffect(()=>{
+            React.useEffect(()=>{
                 context.itemMap.set(ref, {
                     ref: ref,
                     ...itemData
@@ -3353,7 +3353,7 @@
                 return ()=>void context.itemMap.delete(ref)
                 ;
             });
-            return /*#__PURE__*/ React__default.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, {
+            return /*#__PURE__*/ React.createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, {
                 [ITEM_DATA_ATTR]: '',
                 ref: composedRefs
             }, children);
@@ -3362,7 +3362,7 @@
        * useCollection
        * ---------------------------------------------------------------------------------------------*/ function useCollection(scope) {
             const context = useCollectionContext(name + 'CollectionConsumer', scope);
-            const getItems = React__default.useCallback(()=>{
+            const getItems = React.useCallback(()=>{
                 const collectionNode = context.collectionRef.current;
                 if (!collectionNode) return [];
                 const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
@@ -3393,13 +3393,13 @@
      * We use this safe version which suppresses the warning by replacing it with a noop on the server.
      *
      * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
-     */ const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? React__default.useLayoutEffect : ()=>{};
+     */ const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? React.useLayoutEffect : ()=>{};
 
-    const $1746a345f3d73bb7$var$useReactId = React__default__namespace['useId'.toString()] || (()=>undefined
+    const $1746a345f3d73bb7$var$useReactId = React__namespace['useId'.toString()] || (()=>undefined
     );
     let $1746a345f3d73bb7$var$count = 0;
     function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
-        const [id, setId] = React__default__namespace.useState($1746a345f3d73bb7$var$useReactId()); // React versions older than 18 will have client-side ids only.
+        const [id, setId] = React__namespace.useState($1746a345f3d73bb7$var$useReactId()); // React versions older than 18 will have client-side ids only.
         $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
             setId((reactId)=>reactId !== null && reactId !== void 0 ? reactId : String($1746a345f3d73bb7$var$count++)
             );
@@ -3413,11 +3413,11 @@
      * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
      * prop or avoid re-executing effects when passed as a dependency
      */ function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) {
-        const callbackRef = React__default.useRef(callback);
-        React__default.useEffect(()=>{
+        const callbackRef = React.useRef(callback);
+        React.useEffect(()=>{
             callbackRef.current = callback;
         }); // https://github.com/facebook/react/issues/19240
-        return React__default.useMemo(()=>(...args)=>{
+        return React.useMemo(()=>(...args)=>{
                 var _callbackRef$current;
                 return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
             }
@@ -3432,7 +3432,7 @@
         const isControlled = prop !== undefined;
         const value1 = isControlled ? prop : uncontrolledProp;
         const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
-        const setValue = React__default.useCallback((nextValue)=>{
+        const setValue = React.useCallback((nextValue)=>{
             if (isControlled) {
                 const setter = nextValue;
                 const value = typeof nextValue === 'function' ? setter(prop) : nextValue;
@@ -3450,11 +3450,11 @@
         ];
     }
     function $71cd76cc60e0454e$var$useUncontrolledState({ defaultProp: defaultProp , onChange: onChange  }) {
-        const uncontrolledState = React__default.useState(defaultProp);
+        const uncontrolledState = React.useState(defaultProp);
         const [value] = uncontrolledState;
-        const prevValueRef = React__default.useRef(value);
+        const prevValueRef = React.useRef(value);
         const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             if (prevValueRef.current !== value) {
                 handleChange(value);
                 prevValueRef.current = value;
@@ -3467,9 +3467,9 @@
         return uncontrolledState;
     }
 
-    const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ React__default.createContext(undefined);
+    const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ React.createContext(undefined);
     /* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
-        const globalDir = React__default.useContext($f631663db3294ace$var$DirectionContext);
+        const globalDir = React.useContext($f631663db3294ace$var$DirectionContext);
         return localDir || globalDir || 'ltr';
     }
 
@@ -3486,18 +3486,18 @@
         $d7bdfb9eb0fdf311$var$createCollectionScope
     ]);
     const [$d7bdfb9eb0fdf311$var$RovingFocusProvider, $d7bdfb9eb0fdf311$var$useRovingFocusContext] = $d7bdfb9eb0fdf311$var$createRovingFocusGroupContext($d7bdfb9eb0fdf311$var$GROUP_NAME);
-    const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
-        return /*#__PURE__*/ React__default.createElement($d7bdfb9eb0fdf311$var$Collection.Provider, {
+    const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+        return /*#__PURE__*/ React.createElement($d7bdfb9eb0fdf311$var$Collection.Provider, {
             scope: props.__scopeRovingFocusGroup
-        }, /*#__PURE__*/ React__default.createElement($d7bdfb9eb0fdf311$var$Collection.Slot, {
+        }, /*#__PURE__*/ React.createElement($d7bdfb9eb0fdf311$var$Collection.Slot, {
             scope: props.__scopeRovingFocusGroup
-        }, /*#__PURE__*/ React__default.createElement($d7bdfb9eb0fdf311$var$RovingFocusGroupImpl, _extends({}, props, {
+        }, /*#__PURE__*/ React.createElement($d7bdfb9eb0fdf311$var$RovingFocusGroupImpl, _extends({}, props, {
             ref: forwardedRef
         }))));
     });
-    /* -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$RovingFocusGroupImpl = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /* -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$RovingFocusGroupImpl = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeRovingFocusGroup: __scopeRovingFocusGroup , orientation: orientation , loop: loop = false , dir: dir , currentTabStopId: currentTabStopIdProp , defaultCurrentTabStopId: defaultCurrentTabStopId , onCurrentTabStopIdChange: onCurrentTabStopIdChange , onEntryFocus: onEntryFocus , ...groupProps } = props;
-        const ref = React__default.useRef(null);
+        const ref = React.useRef(null);
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
         const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
         const [currentTabStopId = null, setCurrentTabStopId] = $71cd76cc60e0454e$export$6f32135080cb4c3({
@@ -3505,12 +3505,12 @@
             defaultProp: defaultCurrentTabStopId,
             onChange: onCurrentTabStopIdChange
         });
-        const [isTabbingBackOut, setIsTabbingBackOut] = React__default.useState(false);
+        const [isTabbingBackOut, setIsTabbingBackOut] = React.useState(false);
         const handleEntryFocus = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEntryFocus);
         const getItems = $d7bdfb9eb0fdf311$var$useCollection(__scopeRovingFocusGroup);
-        const isClickFocusRef = React__default.useRef(false);
-        const [focusableItemsCount, setFocusableItemsCount] = React__default.useState(0);
-        React__default.useEffect(()=>{
+        const isClickFocusRef = React.useRef(false);
+        const [focusableItemsCount, setFocusableItemsCount] = React.useState(0);
+        React.useEffect(()=>{
             const node = ref.current;
             if (node) {
                 node.addEventListener($d7bdfb9eb0fdf311$var$ENTRY_FOCUS, handleEntryFocus);
@@ -3520,25 +3520,25 @@
         }, [
             handleEntryFocus
         ]);
-        return /*#__PURE__*/ React__default.createElement($d7bdfb9eb0fdf311$var$RovingFocusProvider, {
+        return /*#__PURE__*/ React.createElement($d7bdfb9eb0fdf311$var$RovingFocusProvider, {
             scope: __scopeRovingFocusGroup,
             orientation: orientation,
             dir: direction,
             loop: loop,
             currentTabStopId: currentTabStopId,
-            onItemFocus: React__default.useCallback((tabStopId)=>setCurrentTabStopId(tabStopId)
+            onItemFocus: React.useCallback((tabStopId)=>setCurrentTabStopId(tabStopId)
             , [
                 setCurrentTabStopId
             ]),
-            onItemShiftTab: React__default.useCallback(()=>setIsTabbingBackOut(true)
+            onItemShiftTab: React.useCallback(()=>setIsTabbingBackOut(true)
             , []),
-            onFocusableItemAdd: React__default.useCallback(()=>setFocusableItemsCount((prevCount)=>prevCount + 1
+            onFocusableItemAdd: React.useCallback(()=>setFocusableItemsCount((prevCount)=>prevCount + 1
                 )
             , []),
-            onFocusableItemRemove: React__default.useCallback(()=>setFocusableItemsCount((prevCount)=>prevCount - 1
+            onFocusableItemRemove: React.useCallback(()=>setFocusableItemsCount((prevCount)=>prevCount - 1
                 )
             , [])
-        }, /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+        }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
             tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
             "data-orientation": orientation
         }, groupProps, {
@@ -3585,7 +3585,7 @@
     /* -------------------------------------------------------------------------------------------------
      * RovingFocusGroupItem
      * -----------------------------------------------------------------------------------------------*/ const $d7bdfb9eb0fdf311$var$ITEM_NAME = 'RovingFocusGroupItem';
-    const $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeRovingFocusGroup: __scopeRovingFocusGroup , focusable: focusable = true , active: active = false , tabStopId: tabStopId , ...itemProps } = props;
         const autoId = $1746a345f3d73bb7$export$f680877a34711e37();
         const id = tabStopId || autoId;
@@ -3593,7 +3593,7 @@
         const isCurrentTabStop = context.currentTabStopId === id;
         const getItems = $d7bdfb9eb0fdf311$var$useCollection(__scopeRovingFocusGroup);
         const { onFocusableItemAdd: onFocusableItemAdd , onFocusableItemRemove: onFocusableItemRemove  } = context;
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             if (focusable) {
                 onFocusableItemAdd();
                 return ()=>onFocusableItemRemove()
@@ -3604,12 +3604,12 @@
             onFocusableItemAdd,
             onFocusableItemRemove
         ]);
-        return /*#__PURE__*/ React__default.createElement($d7bdfb9eb0fdf311$var$Collection.ItemSlot, {
+        return /*#__PURE__*/ React.createElement($d7bdfb9eb0fdf311$var$Collection.ItemSlot, {
             scope: __scopeRovingFocusGroup,
             id: id,
             focusable: focusable,
             active: active
-        }, /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+        }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
             tabIndex: isCurrentTabStop ? 0 : -1,
             "data-orientation": context.orientation
         }, itemProps, {
@@ -3697,7 +3697,7 @@
     const $d7bdfb9eb0fdf311$export$6d08773d2e66f8f2 = $d7bdfb9eb0fdf311$export$ab9df7c53fe8454;
 
     function $db6c3485150b8e66$export$1ab7ae714698c4b8(element) {
-        const [size, setSize] = React__default.useState(undefined);
+        const [size, setSize] = React.useState(undefined);
         $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
             if (element) {
                 // provide size as early as possible
@@ -3744,13 +3744,13 @@
     }
 
     function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
-        const ref = React__default.useRef({
+        const ref = React.useRef({
             value: value,
             previous: value
         }); // We compare values before making an update to ensure that
         // a change has been made. This ensures the previous value is
         // persisted correctly between renders.
-        return React__default.useMemo(()=>{
+        return React.useMemo(()=>{
             if (ref.current.value !== value) {
                 ref.current.previous = ref.current.value;
                 ref.current.value = value;
@@ -3762,7 +3762,7 @@
     }
 
     function $fe963b355347cc68$export$3e6543de14f8614f(initialState, machine) {
-        return React__default.useReducer((state, event)=>{
+        return React.useReducer((state, event)=>{
             const nextState = machine[state][event];
             return nextState !== null && nextState !== void 0 ? nextState : state;
         }, initialState);
@@ -3774,10 +3774,10 @@
         const presence = $921a889cee6df7e8$var$usePresence(present);
         const child = typeof children === 'function' ? children({
             present: presence.isPresent
-        }) : React__default.Children.only(children);
+        }) : React.Children.only(children);
         const ref = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(presence.ref, child.ref);
         const forceMount = typeof children === 'function';
-        return forceMount || presence.isPresent ? /*#__PURE__*/ React__default.cloneElement(child, {
+        return forceMount || presence.isPresent ? /*#__PURE__*/ React.cloneElement(child, {
             ref: ref
         }) : null;
     };
@@ -3785,10 +3785,10 @@
     /* -------------------------------------------------------------------------------------------------
      * usePresence
      * -----------------------------------------------------------------------------------------------*/ function $921a889cee6df7e8$var$usePresence(present) {
-        const [node1, setNode] = React__default.useState();
-        const stylesRef = React__default.useRef({});
-        const prevPresentRef = React__default.useRef(present);
-        const prevAnimationNameRef = React__default.useRef('none');
+        const [node1, setNode] = React.useState();
+        const stylesRef = React.useRef({});
+        const prevPresentRef = React.useRef(present);
+        const prevAnimationNameRef = React.useRef('none');
         const initialState = present ? 'mounted' : 'unmounted';
         const [state, send] = $fe963b355347cc68$export$3e6543de14f8614f(initialState, {
             mounted: {
@@ -3803,7 +3803,7 @@
                 MOUNT: 'mounted'
             }
         });
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);
             prevAnimationNameRef.current = state === 'mounted' ? currentAnimationName : 'none';
         }, [
@@ -3875,7 +3875,7 @@
                 'mounted',
                 'unmountSuspended'
             ].includes(state),
-            ref: React__default.useCallback((node)=>{
+            ref: React.useCallback((node)=>{
                 if (node) stylesRef.current = getComputedStyle(node);
                 setNode(node);
             }, [])
@@ -3890,18 +3890,18 @@
      * -----------------------------------------------------------------------------------------------*/ const $ce77a8961b41be9e$var$RADIO_NAME = 'Radio';
     const [$ce77a8961b41be9e$var$createRadioContext, $ce77a8961b41be9e$export$67d2296460f1b002] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($ce77a8961b41be9e$var$RADIO_NAME);
     const [$ce77a8961b41be9e$var$RadioProvider, $ce77a8961b41be9e$var$useRadioContext] = $ce77a8961b41be9e$var$createRadioContext($ce77a8961b41be9e$var$RADIO_NAME);
-    const $ce77a8961b41be9e$export$d7b12c4107be0d61 = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $ce77a8961b41be9e$export$d7b12c4107be0d61 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeRadio: __scopeRadio , name: name , checked: checked = false , required: required , disabled: disabled , value: value = 'on' , onCheck: onCheck , ...radioProps } = props;
-        const [button, setButton] = React__default.useState(null);
+        const [button, setButton] = React.useState(null);
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setButton(node)
         );
-        const hasConsumerStoppedPropagationRef = React__default.useRef(false); // We set this to true by default so that events bubble to forms without JS (SSR)
+        const hasConsumerStoppedPropagationRef = React.useRef(false); // We set this to true by default so that events bubble to forms without JS (SSR)
         const isFormControl = button ? Boolean(button.closest('form')) : true;
-        return /*#__PURE__*/ React__default.createElement($ce77a8961b41be9e$var$RadioProvider, {
+        return /*#__PURE__*/ React.createElement($ce77a8961b41be9e$var$RadioProvider, {
             scope: __scopeRadio,
             checked: checked,
             disabled: disabled
-        }, /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
+        }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
             type: "button",
             role: "radio",
             "aria-checked": checked,
@@ -3921,7 +3921,7 @@
                     if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
                 }
             })
-        })), isFormControl && /*#__PURE__*/ React__default.createElement($ce77a8961b41be9e$var$BubbleInput, {
+        })), isFormControl && /*#__PURE__*/ React.createElement($ce77a8961b41be9e$var$BubbleInput, {
             control: button,
             bubbles: !hasConsumerStoppedPropagationRef.current,
             name: name,
@@ -3938,12 +3938,12 @@
     /* -------------------------------------------------------------------------------------------------
      * RadioIndicator
      * -----------------------------------------------------------------------------------------------*/ const $ce77a8961b41be9e$var$INDICATOR_NAME = 'RadioIndicator';
-    const $ce77a8961b41be9e$export$d35a9ffa9a04f9e7 = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $ce77a8961b41be9e$export$d35a9ffa9a04f9e7 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeRadio: __scopeRadio , forceMount: forceMount , ...indicatorProps } = props;
         const context = $ce77a8961b41be9e$var$useRadioContext($ce77a8961b41be9e$var$INDICATOR_NAME, __scopeRadio);
-        return /*#__PURE__*/ React__default.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+        return /*#__PURE__*/ React.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
             present: forceMount || context.checked
-        }, /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+        }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
             "data-state": $ce77a8961b41be9e$var$getState(context.checked),
             "data-disabled": context.disabled ? '' : undefined
         }, indicatorProps, {
@@ -3952,10 +3952,10 @@
     });
     /* ---------------------------------------------------------------------------------------------- */ const $ce77a8961b41be9e$var$BubbleInput = (props)=>{
         const { control: control , checked: checked , bubbles: bubbles = true , ...inputProps } = props;
-        const ref = React__default.useRef(null);
+        const ref = React.useRef(null);
         const prevChecked = $010c2913dbd2fe3d$export$5cae361ad82dce8b(checked);
         const controlSize = $db6c3485150b8e66$export$1ab7ae714698c4b8(control); // Bubble checked change to parents (e.g form change event)
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             const input = ref.current;
             const inputProto = window.HTMLInputElement.prototype;
             const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'checked');
@@ -3972,7 +3972,7 @@
             checked,
             bubbles
         ]);
-        return /*#__PURE__*/ React__default.createElement("input", _extends({
+        return /*#__PURE__*/ React.createElement("input", _extends({
             type: "radio",
             "aria-hidden": true,
             defaultChecked: checked
@@ -4010,7 +4010,7 @@
     const $f99a8c78507165f7$var$useRovingFocusGroupScope = $d7bdfb9eb0fdf311$export$c7109489551a4f4();
     const $f99a8c78507165f7$var$useRadioScope = $ce77a8961b41be9e$export$67d2296460f1b002();
     const [$f99a8c78507165f7$var$RadioGroupProvider, $f99a8c78507165f7$var$useRadioGroupContext] = $f99a8c78507165f7$var$createRadioGroupContext($f99a8c78507165f7$var$RADIO_GROUP_NAME);
-    const $f99a8c78507165f7$export$a98f0dcb43a68a25 = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $f99a8c78507165f7$export$a98f0dcb43a68a25 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeRadioGroup: __scopeRadioGroup , name: name , defaultValue: defaultValue , value: valueProp , required: required = false , disabled: disabled = false , orientation: orientation , dir: dir , loop: loop = true , onValueChange: onValueChange , ...groupProps } = props;
         const rovingFocusGroupScope = $f99a8c78507165f7$var$useRovingFocusGroupScope(__scopeRadioGroup);
         const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
@@ -4019,20 +4019,20 @@
             defaultProp: defaultValue,
             onChange: onValueChange
         });
-        return /*#__PURE__*/ React__default.createElement($f99a8c78507165f7$var$RadioGroupProvider, {
+        return /*#__PURE__*/ React.createElement($f99a8c78507165f7$var$RadioGroupProvider, {
             scope: __scopeRadioGroup,
             name: name,
             required: required,
             disabled: disabled,
             value: value,
             onValueChange: setValue
-        }, /*#__PURE__*/ React__default.createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends({
+        }, /*#__PURE__*/ React.createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends({
             asChild: true
         }, rovingFocusGroupScope, {
             orientation: orientation,
             dir: direction,
             loop: loop
-        }), /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+        }), /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
             role: "radiogroup",
             "aria-required": required,
             "aria-orientation": orientation,
@@ -4045,17 +4045,17 @@
     /* -------------------------------------------------------------------------------------------------
      * RadioGroupItem
      * -----------------------------------------------------------------------------------------------*/ const $f99a8c78507165f7$var$ITEM_NAME = 'RadioGroupItem';
-    const $f99a8c78507165f7$export$9f866c100ef519e4 = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $f99a8c78507165f7$export$9f866c100ef519e4 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeRadioGroup: __scopeRadioGroup , disabled: disabled , ...itemProps } = props;
         const context = $f99a8c78507165f7$var$useRadioGroupContext($f99a8c78507165f7$var$ITEM_NAME, __scopeRadioGroup);
         const isDisabled = context.disabled || disabled;
         const rovingFocusGroupScope = $f99a8c78507165f7$var$useRovingFocusGroupScope(__scopeRadioGroup);
         const radioScope = $f99a8c78507165f7$var$useRadioScope(__scopeRadioGroup);
-        const ref = React__default.useRef(null);
+        const ref = React.useRef(null);
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
         const checked = context.value === itemProps.value;
-        const isArrowKeyPressedRef = React__default.useRef(false);
-        React__default.useEffect(()=>{
+        const isArrowKeyPressedRef = React.useRef(false);
+        React.useEffect(()=>{
             const handleKeyDown = (event)=>{
                 if ($f99a8c78507165f7$var$ARROW_KEYS.includes(event.key)) isArrowKeyPressedRef.current = true;
             };
@@ -4068,12 +4068,12 @@
                 document.removeEventListener('keyup', handleKeyUp);
             };
         }, []);
-        return /*#__PURE__*/ React__default.createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends({
+        return /*#__PURE__*/ React.createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends({
             asChild: true
         }, rovingFocusGroupScope, {
             focusable: !isDisabled,
             active: checked
-        }), /*#__PURE__*/ React__default.createElement($ce77a8961b41be9e$export$d7b12c4107be0d61, _extends({
+        }), /*#__PURE__*/ React.createElement($ce77a8961b41be9e$export$d7b12c4107be0d61, _extends({
             disabled: isDisabled,
             required: context.required,
             checked: checked
@@ -4096,10 +4096,10 @@
             })
         })));
     });
-    const $f99a8c78507165f7$export$5fb54c671a65c88 = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $f99a8c78507165f7$export$5fb54c671a65c88 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeRadioGroup: __scopeRadioGroup , ...indicatorProps } = props;
         const radioScope = $f99a8c78507165f7$var$useRadioScope(__scopeRadioGroup);
-        return /*#__PURE__*/ React__default.createElement($ce77a8961b41be9e$export$d35a9ffa9a04f9e7, _extends({}, radioScope, indicatorProps, {
+        return /*#__PURE__*/ React.createElement($ce77a8961b41be9e$export$d35a9ffa9a04f9e7, _extends({}, radioScope, indicatorProps, {
             ref: forwardedRef
         }));
     });
@@ -4153,38 +4153,38 @@
                 }
             }
         };
-        var _k = React__default.useState(value), val = _k[0], setVal = _k[1];
+        var _k = React.useState(value), val = _k[0], setVal = _k[1];
         var instanceId = crypto !== undefined ? crypto.randomUUID() : "".concat(Math.random().toString(36).substring(2, 15), "-").concat(Math.random().toString(36).substring(2, 15));
-        React__default.useEffect(function () {
+        React.useEffect(function () {
             setVal(value);
         }, [value]);
-        return (React__default.createElement("div", null,
+        return (React.createElement("div", null,
             before !== undefined ? before : '',
             typeof label === 'string'
-                ? React__default.createElement(Label, { label: label })
+                ? React.createElement(Label, { label: label })
                 : label !== undefined ? label : '',
             typeof description === 'string'
-                ? React__default.createElement(Description, { description: description })
+                ? React.createElement(Description, { description: description })
                 : description !== undefined ? description : '',
-            React__default.createElement("div", { className: "flex gap-2" },
-                React__default.createElement($f99a8c78507165f7$export$be92b6f5f03c0fe9, { className: "".concat(makeClassName({ defaultClassName: defaultClassName, className: className })), "aria-label": 'Select from options', onValueChange: onSelectChange, defaultValue: value, value: val }, options.map(function (option) {
+            React.createElement("div", { className: "flex gap-2" },
+                React.createElement($f99a8c78507165f7$export$be92b6f5f03c0fe9, { className: "".concat(makeClassName({ defaultClassName: defaultClassName, className: className })), "aria-label": 'Select from options', onValueChange: onSelectChange, defaultValue: value, value: val }, options.map(function (option) {
                     var optionId = "".concat(option.value, ".").concat(instanceId);
-                    return (React__default.createElement("div", { className: "flex items-center", key: option.value },
-                        React__default.createElement($f99a8c78507165f7$export$6d08773d2e66f8f2, { className: defaultSelectorStyle, id: optionId, value: option.value },
-                            React__default.createElement($f99a8c78507165f7$export$adb584737d712b70, { className: defaultSelectedStyle })),
-                        React__default.createElement("label", { className: defaultLabelStyle, htmlFor: optionId }, option.label)));
+                    return (React.createElement("div", { className: "flex items-center", key: option.value },
+                        React.createElement($f99a8c78507165f7$export$6d08773d2e66f8f2, { className: defaultSelectorStyle, id: optionId, value: option.value },
+                            React.createElement($f99a8c78507165f7$export$adb584737d712b70, { className: defaultSelectedStyle })),
+                        React.createElement("label", { className: defaultLabelStyle, htmlFor: optionId }, option.label)));
                 }))),
             after !== undefined ? after : ''));
     }
 
     function Input(_a) {
         _a.id; var _b = _a.testId, testId = _b === void 0 ? 'input' : _b, value = _a.value, onChange = _a.onChange, onSubmit = _a.onSubmit; _a.submitOnEnter; var error = _a.error, _d = _a.size, size = _d === void 0 ? 'med' : _d, _e = _a.defaultClassName, defaultClassName = _e === void 0 ? 'block border border-slate-300 focus:outline-blue-400 w-full disabled:opacity-50 disabled:bg-slate-50' : _e, className = _a.className, wrapperClassName = _a.wrapperClassName, _f = _a.defaultWrapperClassName, defaultWrapperClassName = _f === void 0 ? 'block' : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, placeholder = _a.placeholder, label = _a.label, description = _a.description, before = _a.before, after = _a.after, cleaner = _a.cleaner, _h = _a.autofocus, autofocus = _h === void 0 ? false : _h, _j = _a.type, type = _j === void 0 ? 'text' : _j, validator = _a.validator;
-        var _k = React__default.useState(value), v = _k[0], setV = _k[1];
+        var _k = React.useState(value), v = _k[0], setV = _k[1];
         var updateValue = function (newValue) {
             setV(newValue);
             value = newValue;
         };
-        React__default.useMemo(function () {
+        React.useMemo(function () {
             updateValue(value);
         }, [value]);
         var onInputChange = function (e) {
@@ -4197,19 +4197,19 @@
                 onChange(newV);
             }
         };
-        return (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement("label", { className: makeClassName({
+        return (React.createElement(React.Fragment, null,
+            React.createElement("label", { className: makeClassName({
                     defaultClassName: defaultWrapperClassName,
                     className: wrapperClassName
                 }) },
                 typeof label === 'string'
-                    ? React__default.createElement(Label, { label: label })
+                    ? React.createElement(Label, { label: label })
                     : label !== undefined ? label : '',
                 typeof description === 'string'
-                    ? React__default.createElement(Description, { description: description })
+                    ? React.createElement(Description, { description: description })
                     : description !== undefined ? description : '',
                 before !== undefined ? before : '',
-                React__default.createElement("input", __assign({ autoFocus: autofocus, className: makeClassName({ defaultClassName: defaultClassName, size: size, className: className, error: error, errorClassName: 'border-2 border-rose-600' }), placeholder: placeholder, onChange: onInputChange, "data-testid": testId, disabled: disabled, onKeyUp: function (e) {
+                React.createElement("input", __assign({ autoFocus: autofocus, className: makeClassName({ defaultClassName: defaultClassName, size: size, className: className, error: error, errorClassName: 'border-2 border-rose-600' }), placeholder: placeholder, onChange: onInputChange, "data-testid": testId, disabled: disabled, onKeyUp: function (e) {
                         if (typeof onSubmit === 'function' && e.key === 'Enter') {
                             onSubmit(v);
                         }
@@ -4221,7 +4221,7 @@
      * Listens for when the escape key is down
      */ function $addc16e1bbe58fd0$export$3a72a57244d6e765(onEscapeKeyDownProp, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
         const onEscapeKeyDown = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEscapeKeyDownProp);
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             const handleKeyDown = (event)=>{
                 if (event.key === 'Escape') onEscapeKeyDown(event);
             };
@@ -4238,18 +4238,18 @@
     const $5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE$1 = 'dismissableLayer.pointerDownOutside';
     const $5cb92bef7577960e$var$FOCUS_OUTSIDE$1 = 'dismissableLayer.focusOutside';
     let $5cb92bef7577960e$var$originalBodyPointerEvents$1;
-    const $5cb92bef7577960e$var$DismissableLayerContext$1 = /*#__PURE__*/ React__default.createContext({
+    const $5cb92bef7577960e$var$DismissableLayerContext$1 = /*#__PURE__*/ React.createContext({
         layers: new Set(),
         layersWithOutsidePointerEventsDisabled: new Set(),
         branches: new Set()
     });
-    const $5cb92bef7577960e$export$177fb62ff3ec1f22$1 = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $5cb92bef7577960e$export$177fb62ff3ec1f22$1 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         var _node$ownerDocument;
         const { disableOutsidePointerEvents: disableOutsidePointerEvents = false , onEscapeKeyDown: onEscapeKeyDown , onPointerDownOutside: onPointerDownOutside , onFocusOutside: onFocusOutside , onInteractOutside: onInteractOutside , onDismiss: onDismiss , ...layerProps } = props;
-        const context = React__default.useContext($5cb92bef7577960e$var$DismissableLayerContext$1);
-        const [node1, setNode] = React__default.useState(null);
+        const context = React.useContext($5cb92bef7577960e$var$DismissableLayerContext$1);
+        const [node1, setNode] = React.useState(null);
         const ownerDocument = (_node$ownerDocument = node1 === null || node1 === void 0 ? void 0 : node1.ownerDocument) !== null && _node$ownerDocument !== void 0 ? _node$ownerDocument : globalThis === null || globalThis === void 0 ? void 0 : globalThis.document;
-        const [, force] = React__default.useState({});
+        const [, force] = React.useState({});
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setNode(node)
         );
         const layers = Array.from(context.layers);
@@ -4291,7 +4291,7 @@
                 onDismiss();
             }
         }, ownerDocument);
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             if (!node1) return;
             if (disableOutsidePointerEvents) {
                 if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
@@ -4316,7 +4316,7 @@
        * because a change to `disableOutsidePointerEvents` would remove this layer from the stack
        * and add it to the end again so the layering order wouldn't be _creation order_.
        * We only want them to be removed from context stacks when unmounted.
-       */ React__default.useEffect(()=>{
+       */ React.useEffect(()=>{
             return ()=>{
                 if (!node1) return;
                 context.layers.delete(node1);
@@ -4327,14 +4327,14 @@
             node1,
             context
         ]);
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             const handleUpdate = ()=>force({})
             ;
             document.addEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE$1, handleUpdate);
             return ()=>document.removeEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE$1, handleUpdate)
             ;
         }, []);
-        return /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, layerProps, {
+        return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, layerProps, {
             ref: composedRefs,
             style: {
                 pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? 'auto' : 'none' : undefined,
@@ -4351,9 +4351,9 @@
      * Returns props to pass to the node we want to check for outside events.
      */ function $5cb92bef7577960e$var$usePointerDownOutside$1(onPointerDownOutside, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
         const handlePointerDownOutside = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onPointerDownOutside);
-        const isPointerInsideReactTreeRef = React__default.useRef(false);
-        const handleClickRef = React__default.useRef(()=>{});
-        React__default.useEffect(()=>{
+        const isPointerInsideReactTreeRef = React.useRef(false);
+        const handleClickRef = React.useRef(()=>{});
+        React.useEffect(()=>{
             const handlePointerDown = (event)=>{
                 if (event.target && !isPointerInsideReactTreeRef.current) {
                     const eventDetail = {
@@ -4419,8 +4419,8 @@
      * Returns props to pass to the root (node) of the subtree we want to check.
      */ function $5cb92bef7577960e$var$useFocusOutside$1(onFocusOutside, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
         const handleFocusOutside = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onFocusOutside);
-        const isFocusInsideReactTreeRef = React__default.useRef(false);
-        React__default.useEffect(()=>{
+        const isFocusInsideReactTreeRef = React.useRef(false);
+        React.useEffect(()=>{
             const handleFocus = (event)=>{
                 if (event.target && !isFocusInsideReactTreeRef.current) {
                     const eventDetail = {
@@ -6097,7 +6097,7 @@
       };
     };
 
-    var index = typeof document !== 'undefined' ? React__default.useLayoutEffect : React__default.useEffect;
+    var index = typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 
     // Fork of `fast-deep-equal` that only does the comparisons we need and compares
     // functions
@@ -6161,7 +6161,7 @@
     }
 
     function useLatestRef(value) {
-      const ref = React__default__namespace.useRef(value);
+      const ref = React__namespace.useRef(value);
       index(() => {
         ref.current = value;
       });
@@ -6189,7 +6189,7 @@
         whileElementsMounted,
         open
       } = options;
-      const [data, setData] = React__default__namespace.useState({
+      const [data, setData] = React__namespace.useState({
         x: 0,
         y: 0,
         strategy,
@@ -6197,19 +6197,19 @@
         middlewareData: {},
         isPositioned: false
       });
-      const [latestMiddleware, setLatestMiddleware] = React__default__namespace.useState(middleware);
+      const [latestMiddleware, setLatestMiddleware] = React__namespace.useState(middleware);
       if (!deepEqual$1(latestMiddleware, middleware)) {
         setLatestMiddleware(middleware);
       }
-      const [_reference, _setReference] = React__default__namespace.useState(null);
-      const [_floating, _setFloating] = React__default__namespace.useState(null);
-      const setReference = React__default__namespace.useCallback(node => {
+      const [_reference, _setReference] = React__namespace.useState(null);
+      const [_floating, _setFloating] = React__namespace.useState(null);
+      const setReference = React__namespace.useCallback(node => {
         if (node != referenceRef.current) {
           referenceRef.current = node;
           _setReference(node);
         }
       }, [_setReference]);
-      const setFloating = React__default__namespace.useCallback(node => {
+      const setFloating = React__namespace.useCallback(node => {
         if (node !== floatingRef.current) {
           floatingRef.current = node;
           _setFloating(node);
@@ -6217,12 +6217,12 @@
       }, [_setFloating]);
       const referenceEl = externalReference || _reference;
       const floatingEl = externalFloating || _floating;
-      const referenceRef = React__default__namespace.useRef(null);
-      const floatingRef = React__default__namespace.useRef(null);
-      const dataRef = React__default__namespace.useRef(data);
+      const referenceRef = React__namespace.useRef(null);
+      const floatingRef = React__namespace.useRef(null);
+      const dataRef = React__namespace.useRef(data);
       const whileElementsMountedRef = useLatestRef(whileElementsMounted);
       const platformRef = useLatestRef(platform);
-      const update = React__default__namespace.useCallback(() => {
+      const update = React__namespace.useCallback(() => {
         if (!referenceRef.current || !floatingRef.current) {
           return;
         }
@@ -6256,7 +6256,7 @@
           }));
         }
       }, [open]);
-      const isMountedRef = React__default__namespace.useRef(false);
+      const isMountedRef = React__namespace.useRef(false);
       index(() => {
         isMountedRef.current = true;
         return () => {
@@ -6274,17 +6274,17 @@
           }
         }
       }, [referenceEl, floatingEl, update, whileElementsMountedRef]);
-      const refs = React__default__namespace.useMemo(() => ({
+      const refs = React__namespace.useMemo(() => ({
         reference: referenceRef,
         floating: floatingRef,
         setReference,
         setFloating
       }), [setReference, setFloating]);
-      const elements = React__default__namespace.useMemo(() => ({
+      const elements = React__namespace.useMemo(() => ({
         reference: referenceEl,
         floating: floatingEl
       }), [referenceEl, floatingEl]);
-      const floatingStyles = React__default__namespace.useMemo(() => {
+      const floatingStyles = React__namespace.useMemo(() => {
         const initialStyles = {
           position: strategy,
           left: 0,
@@ -6310,7 +6310,7 @@
           top: y
         };
       }, [strategy, transform, elements.floating, data.x, data.y]);
-      return React__default__namespace.useMemo(() => ({
+      return React__namespace.useMemo(() => ({
         ...data,
         update,
         refs,
@@ -6319,15 +6319,15 @@
       }), [data, update, refs, elements, floatingStyles]);
     }
 
-    const $7e8f5cd07187803e$export$21b07c8f274aebd5 = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $7e8f5cd07187803e$export$21b07c8f274aebd5 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { children: children , width: width = 10 , height: height = 5 , ...arrowProps } = props;
-        return /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.svg, _extends({}, arrowProps, {
+        return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.svg, _extends({}, arrowProps, {
             ref: forwardedRef,
             width: width,
             height: height,
             viewBox: "0 0 30 10",
             preserveAspectRatio: "none"
-        }), props.asChild ? children : /*#__PURE__*/ React__default.createElement("polygon", {
+        }), props.asChild ? children : /*#__PURE__*/ React.createElement("polygon", {
             points: "0,0 30,0 15,10"
         }));
     });
@@ -6341,18 +6341,18 @@
     /* -------------------------------------------------------------------------------------------------
      * PopperAnchor
      * -----------------------------------------------------------------------------------------------*/ const $cf1ac5d9fe0e8206$var$ANCHOR_NAME = 'PopperAnchor';
-    const $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopePopper: __scopePopper , virtualRef: virtualRef , ...anchorProps } = props;
         const context = $cf1ac5d9fe0e8206$var$usePopperContext($cf1ac5d9fe0e8206$var$ANCHOR_NAME, __scopePopper);
-        const ref = React__default.useRef(null);
+        const ref = React.useRef(null);
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             // Consumer can anchor the popper to something that isn't
             // a DOM node e.g. pointer position, so we override the
             // `anchorRef` with their virtual ref in this case.
             context.onAnchorChange((virtualRef === null || virtualRef === void 0 ? void 0 : virtualRef.current) || ref.current);
         });
-        return virtualRef ? null : /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, anchorProps, {
+        return virtualRef ? null : /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, anchorProps, {
             ref: composedRefs
         }));
     });
@@ -6360,14 +6360,14 @@
      * PopperContent
      * -----------------------------------------------------------------------------------------------*/ const $cf1ac5d9fe0e8206$var$CONTENT_NAME = 'PopperContent';
     const [$cf1ac5d9fe0e8206$var$PopperContentProvider, $cf1ac5d9fe0e8206$var$useContentContext] = $cf1ac5d9fe0e8206$var$createPopperContext($cf1ac5d9fe0e8206$var$CONTENT_NAME);
-    const $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         var _arrowSize$width, _arrowSize$height, _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$trans, _middlewareData$trans2, _middlewareData$hide;
         const { __scopePopper: __scopePopper , side: side = 'bottom' , sideOffset: sideOffset = 0 , align: align = 'center' , alignOffset: alignOffset = 0 , arrowPadding: arrowPadding = 0 , collisionBoundary: collisionBoundary = [] , collisionPadding: collisionPaddingProp = 0 , sticky: sticky = 'partial' , hideWhenDetached: hideWhenDetached = false , avoidCollisions: avoidCollisions = true , onPlaced: onPlaced , ...contentProps } = props;
         const context = $cf1ac5d9fe0e8206$var$usePopperContext($cf1ac5d9fe0e8206$var$CONTENT_NAME, __scopePopper);
-        const [content, setContent] = React__default.useState(null);
+        const [content, setContent] = React.useState(null);
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setContent(node)
         );
-        const [arrow$1, setArrow] = React__default.useState(null);
+        const [arrow$1, setArrow] = React.useState(null);
         const arrowSize = $db6c3485150b8e66$export$1ab7ae714698c4b8(arrow$1);
         const arrowWidth = (_arrowSize$width = arrowSize === null || arrowSize === void 0 ? void 0 : arrowSize.width) !== null && _arrowSize$width !== void 0 ? _arrowSize$width : 0;
         const arrowHeight = (_arrowSize$height = arrowSize === null || arrowSize === void 0 ? void 0 : arrowSize.height) !== null && _arrowSize$height !== void 0 ? _arrowSize$height : 0;
@@ -6446,13 +6446,13 @@
         const arrowX = (_middlewareData$arrow = middlewareData.arrow) === null || _middlewareData$arrow === void 0 ? void 0 : _middlewareData$arrow.x;
         const arrowY = (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.y;
         const cannotCenterArrow = ((_middlewareData$arrow3 = middlewareData.arrow) === null || _middlewareData$arrow3 === void 0 ? void 0 : _middlewareData$arrow3.centerOffset) !== 0;
-        const [contentZIndex, setContentZIndex] = React__default.useState();
+        const [contentZIndex, setContentZIndex] = React.useState();
         $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
             if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
         }, [
             content
         ]);
-        return /*#__PURE__*/ React__default.createElement("div", {
+        return /*#__PURE__*/ React.createElement("div", {
             ref: refs.setFloating,
             "data-radix-popper-content-wrapper": "",
             style: {
@@ -6468,14 +6468,14 @@
             } // Floating UI interally calculates logical alignment based the `dir` attribute on
             ,
             dir: props.dir
-        }, /*#__PURE__*/ React__default.createElement($cf1ac5d9fe0e8206$var$PopperContentProvider, {
+        }, /*#__PURE__*/ React.createElement($cf1ac5d9fe0e8206$var$PopperContentProvider, {
             scope: __scopePopper,
             placedSide: placedSide,
             onArrowChange: setArrow,
             arrowX: arrowX,
             arrowY: arrowY,
             shouldHideArrow: cannotCenterArrow
-        }, /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+        }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
             "data-side": placedSide,
             "data-align": placedAlign
         }, contentProps, {
@@ -6499,14 +6499,14 @@
         bottom: 'top',
         left: 'right'
     };
-    const $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0 = /*#__PURE__*/ React__default.forwardRef(function $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0(props, forwardedRef) {
+    const $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0 = /*#__PURE__*/ React.forwardRef(function $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0(props, forwardedRef) {
         const { __scopePopper: __scopePopper , ...arrowProps } = props;
         const contentContext = $cf1ac5d9fe0e8206$var$useContentContext($cf1ac5d9fe0e8206$var$ARROW_NAME, __scopePopper);
         const baseSide = $cf1ac5d9fe0e8206$var$OPPOSITE_SIDE[contentContext.placedSide];
         return(/*#__PURE__*/ // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
         // doesn't report size as we'd expect on SVG elements.
         // it reports their bounding box which is effectively the largest path inside the SVG.
-        React__default.createElement("span", {
+        React.createElement("span", {
             ref: contentContext.onArrowChange,
             style: {
                 position: 'absolute',
@@ -6527,7 +6527,7 @@
                 }[contentContext.placedSide],
                 visibility: contentContext.shouldHideArrow ? 'hidden' : undefined
             }
-        }, /*#__PURE__*/ React__default.createElement($7e8f5cd07187803e$export$be92b6f5f03c0fe9, _extends({}, arrowProps, {
+        }, /*#__PURE__*/ React.createElement($7e8f5cd07187803e$export$be92b6f5f03c0fe9, _extends({}, arrowProps, {
             ref: forwardedRef,
             style: {
                 ...arrowProps.style,
@@ -6592,16 +6592,16 @@
     const $cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2 = $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc;
     const $cf1ac5d9fe0e8206$export$21b07c8f274aebd5 = $cf1ac5d9fe0e8206$export$79d62cd4e10a3fd0;
 
-    /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         var _globalThis$document;
         const { container: container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body , ...portalProps } = props;
-        return container ? /*#__PURE__*/ ReactDOM__default.createPortal(/*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, portalProps, {
+        return container ? /*#__PURE__*/ ReactDOM__default.createPortal(/*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, portalProps, {
             ref: forwardedRef
         })), container) : null;
     });
 
-    const $ea1ef594cf570d83$export$439d29a4e110a164 = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
-        return /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({}, props, {
+    const $ea1ef594cf570d83$export$439d29a4e110a164 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+        return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({}, props, {
             ref: forwardedRef,
             style: {
                 // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -6637,26 +6637,26 @@
     /* -------------------------------------------------------------------------------------------------
      * TooltipTrigger
      * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$TRIGGER_NAME = 'TooltipTrigger';
-    /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeTooltip: __scopeTooltip , ...triggerProps } = props;
         const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$TRIGGER_NAME, __scopeTooltip);
         const providerContext = $a093c7e1ec25a057$var$useTooltipProviderContext($a093c7e1ec25a057$var$TRIGGER_NAME, __scopeTooltip);
         const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
-        const ref = React__default.useRef(null);
+        const ref = React.useRef(null);
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref, context.onTriggerChange);
-        const isPointerDownRef = React__default.useRef(false);
-        const hasPointerMoveOpenedRef = React__default.useRef(false);
-        const handlePointerUp = React__default.useCallback(()=>isPointerDownRef.current = false
+        const isPointerDownRef = React.useRef(false);
+        const hasPointerMoveOpenedRef = React.useRef(false);
+        const handlePointerUp = React.useCallback(()=>isPointerDownRef.current = false
         , []);
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             return ()=>document.removeEventListener('pointerup', handlePointerUp)
             ;
         }, [
             handlePointerUp
         ]);
-        return /*#__PURE__*/ React__default.createElement($cf1ac5d9fe0e8206$export$b688253958b8dfe7, _extends({
+        return /*#__PURE__*/ React.createElement($cf1ac5d9fe0e8206$export$b688253958b8dfe7, _extends({
             asChild: true
-        }, popperScope), /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
+        }, popperScope), /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
             // We purposefully avoid adding `type=button` here because tooltip triggers are also
             // commonly anchors and the anchor `type` attribute signifies MIME type.
             "aria-describedby": context.open ? context.contentId : undefined,
@@ -6696,38 +6696,38 @@
     /* -------------------------------------------------------------------------------------------------
      * TooltipContent
      * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$CONTENT_NAME = 'TooltipContent';
-    /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const portalContext = $a093c7e1ec25a057$var$usePortalContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
         const { forceMount: forceMount = portalContext.forceMount , side: side = 'top' , ...contentProps } = props;
         const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
-        return /*#__PURE__*/ React__default.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+        return /*#__PURE__*/ React.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
             present: forceMount || context.open
-        }, context.disableHoverableContent ? /*#__PURE__*/ React__default.createElement($a093c7e1ec25a057$var$TooltipContentImpl, _extends({
+        }, context.disableHoverableContent ? /*#__PURE__*/ React.createElement($a093c7e1ec25a057$var$TooltipContentImpl, _extends({
             side: side
         }, contentProps, {
             ref: forwardedRef
-        })) : /*#__PURE__*/ React__default.createElement($a093c7e1ec25a057$var$TooltipContentHoverable, _extends({
+        })) : /*#__PURE__*/ React.createElement($a093c7e1ec25a057$var$TooltipContentHoverable, _extends({
             side: side
         }, contentProps, {
             ref: forwardedRef
         })));
     });
-    const $a093c7e1ec25a057$var$TooltipContentHoverable = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $a093c7e1ec25a057$var$TooltipContentHoverable = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
         const providerContext = $a093c7e1ec25a057$var$useTooltipProviderContext($a093c7e1ec25a057$var$CONTENT_NAME, props.__scopeTooltip);
-        const ref = React__default.useRef(null);
+        const ref = React.useRef(null);
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
-        const [pointerGraceArea, setPointerGraceArea] = React__default.useState(null);
+        const [pointerGraceArea, setPointerGraceArea] = React.useState(null);
         const { trigger: trigger , onClose: onClose  } = context;
         const content = ref.current;
         const { onPointerInTransitChange: onPointerInTransitChange  } = providerContext;
-        const handleRemoveGraceArea = React__default.useCallback(()=>{
+        const handleRemoveGraceArea = React.useCallback(()=>{
             setPointerGraceArea(null);
             onPointerInTransitChange(false);
         }, [
             onPointerInTransitChange
         ]);
-        const handleCreateGraceArea = React__default.useCallback((event, hoverTarget)=>{
+        const handleCreateGraceArea = React.useCallback((event, hoverTarget)=>{
             const currentTarget = event.currentTarget;
             const exitPoint = {
                 x: event.clientX,
@@ -6745,13 +6745,13 @@
         }, [
             onPointerInTransitChange
         ]);
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             return ()=>handleRemoveGraceArea()
             ;
         }, [
             handleRemoveGraceArea
         ]);
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             if (trigger && content) {
                 const handleTriggerLeave = (event)=>handleCreateGraceArea(event, content)
                 ;
@@ -6770,7 +6770,7 @@
             handleCreateGraceArea,
             handleRemoveGraceArea
         ]);
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             if (pointerGraceArea) {
                 const handleTrackPointerGrace = (event)=>{
                     const target = event.target;
@@ -6797,26 +6797,26 @@
             onClose,
             handleRemoveGraceArea
         ]);
-        return /*#__PURE__*/ React__default.createElement($a093c7e1ec25a057$var$TooltipContentImpl, _extends({}, props, {
+        return /*#__PURE__*/ React.createElement($a093c7e1ec25a057$var$TooltipContentImpl, _extends({}, props, {
             ref: composedRefs
         }));
     });
     const [$a093c7e1ec25a057$var$VisuallyHiddenContentContextProvider, $a093c7e1ec25a057$var$useVisuallyHiddenContentContext] = $a093c7e1ec25a057$var$createTooltipContext($a093c7e1ec25a057$var$TOOLTIP_NAME, {
         isInside: false
     });
-    const $a093c7e1ec25a057$var$TooltipContentImpl = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $a093c7e1ec25a057$var$TooltipContentImpl = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeTooltip: __scopeTooltip , children: children , 'aria-label': ariaLabel , onEscapeKeyDown: onEscapeKeyDown , onPointerDownOutside: onPointerDownOutside , ...contentProps } = props;
         const context = $a093c7e1ec25a057$var$useTooltipContext($a093c7e1ec25a057$var$CONTENT_NAME, __scopeTooltip);
         const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
         const { onClose: onClose  } = context; // Close this tooltip if another one opens
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             document.addEventListener($a093c7e1ec25a057$var$TOOLTIP_OPEN, onClose);
             return ()=>document.removeEventListener($a093c7e1ec25a057$var$TOOLTIP_OPEN, onClose)
             ;
         }, [
             onClose
         ]); // Close the tooltip if the trigger is scrolled
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             if (context.trigger) {
                 const handleScroll = (event)=>{
                     const target = event.target;
@@ -6834,7 +6834,7 @@
             context.trigger,
             onClose
         ]);
-        return /*#__PURE__*/ React__default.createElement($5cb92bef7577960e$export$177fb62ff3ec1f22$1, {
+        return /*#__PURE__*/ React.createElement($5cb92bef7577960e$export$177fb62ff3ec1f22$1, {
             asChild: true,
             disableOutsidePointerEvents: false,
             onEscapeKeyDown: onEscapeKeyDown,
@@ -6842,7 +6842,7 @@
             onFocusOutside: (event)=>event.preventDefault()
             ,
             onDismiss: onClose
-        }, /*#__PURE__*/ React__default.createElement($cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2, _extends({
+        }, /*#__PURE__*/ React.createElement($cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2, _extends({
             "data-state": context.stateAttribute
         }, popperScope, contentProps, {
             ref: forwardedRef,
@@ -6854,10 +6854,10 @@
                 '--radix-tooltip-trigger-width': 'var(--radix-popper-anchor-width)',
                 '--radix-tooltip-trigger-height': 'var(--radix-popper-anchor-height)'
             }
-        }), /*#__PURE__*/ React__default.createElement($5e63c961fc1ce211$export$d9f1ccf0bdb05d45, null, children), /*#__PURE__*/ React__default.createElement($a093c7e1ec25a057$var$VisuallyHiddenContentContextProvider, {
+        }), /*#__PURE__*/ React.createElement($5e63c961fc1ce211$export$d9f1ccf0bdb05d45, null, children), /*#__PURE__*/ React.createElement($a093c7e1ec25a057$var$VisuallyHiddenContentContextProvider, {
             scope: __scopeTooltip,
             isInside: true
-        }, /*#__PURE__*/ React__default.createElement($ea1ef594cf570d83$export$be92b6f5f03c0fe9, {
+        }, /*#__PURE__*/ React.createElement($ea1ef594cf570d83$export$be92b6f5f03c0fe9, {
             id: context.contentId,
             role: "tooltip"
         }, ariaLabel || children))));
@@ -6865,12 +6865,12 @@
     /* -------------------------------------------------------------------------------------------------
      * TooltipArrow
      * -----------------------------------------------------------------------------------------------*/ const $a093c7e1ec25a057$var$ARROW_NAME = 'TooltipArrow';
-    /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeTooltip: __scopeTooltip , ...arrowProps } = props;
         const popperScope = $a093c7e1ec25a057$var$usePopperScope(__scopeTooltip);
         const visuallyHiddenContentContext = $a093c7e1ec25a057$var$useVisuallyHiddenContentContext($a093c7e1ec25a057$var$ARROW_NAME, __scopeTooltip); // if the arrow is inside the `VisuallyHidden`, we don't want to render it all to
         // prevent issues in positioning the arrow due to the duplicate
-        return visuallyHiddenContentContext.isInside ? null : /*#__PURE__*/ React__default.createElement($cf1ac5d9fe0e8206$export$21b07c8f274aebd5, _extends({}, popperScope, arrowProps, {
+        return visuallyHiddenContentContext.isInside ? null : /*#__PURE__*/ React.createElement($cf1ac5d9fe0e8206$export$21b07c8f274aebd5, _extends({}, popperScope, arrowProps, {
             ref: forwardedRef
         }));
     });
@@ -7012,15 +7012,15 @@
     }
 
     function Option(option) {
-        return (React__default.createElement("option", { value: option.value }, option.label));
+        return (React.createElement("option", { value: option.value }, option.label));
     }
     function Select(_a) {
         var children = _a.children, _b = _a.placeholder, placeholder = _b === void 0 ? 'Select one' : _b, _c = _a.includePrompt, includePrompt = _c === void 0 ? true : _c, onChange = _a.onChange, value = _a.value; _a.id; var _d = _a.testId, testId = _d === void 0 ? 'select' : _d, _e = _a.options, options = _e === void 0 ? [] : _e, label = _a.label, description = _a.description, before = _a.before, after = _a.after, _f = _a.size, size = _f === void 0 ? 'med' : _f, _g = _a.defaultClassName, defaultClassName = _g === void 0 ? 'block w-full pr-10 border-slate-200 border focus:outline-blue-400 w-full disabled:opacity-50 disabled:bg-slate-50' : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.className, className = _j === void 0 ? '' : _j, error = _a.error;
-        var _k = React__default.useState(value), v = _k[0], setV = _k[1];
+        var _k = React.useState(value), v = _k[0], setV = _k[1];
         var updateValue = function (newValue) {
             setV(newValue);
         };
-        React__default.useEffect(function () {
+        React.useEffect(function () {
             updateValue(value);
         }, [value]);
         var optionsToUse = options.slice();
@@ -7041,18 +7041,18 @@
                 }
             }
         };
-        return (React__default.createElement("label", { className: "block" },
+        return (React.createElement("label", { className: "block" },
             before !== undefined ? before : '',
             typeof label === 'string'
-                ? React__default.createElement(Label, { label: label })
+                ? React.createElement(Label, { label: label })
                 : label !== undefined ? label : '',
             typeof description === 'string'
-                ? React__default.createElement(Description, { description: description })
+                ? React.createElement(Description, { description: description })
                 : description !== undefined ? description : '',
-            React__default.createElement("div", { className: "flex gap-2" },
-                React__default.createElement("select", { "data-testid": testId, disabled: disabled, onChange: onSelectChange, className: makeClassName({ size: size, defaultClassName: defaultClassName, className: className, error: error, errorClassName: 'border-2 border-rose-600  focus:border-rose-600 focus:ring-offset-0' }), value: v !== undefined && v !== null ? v : '' }, children !== undefined
+            React.createElement("div", { className: "flex gap-2" },
+                React.createElement("select", { "data-testid": testId, disabled: disabled, onChange: onSelectChange, className: makeClassName({ size: size, defaultClassName: defaultClassName, className: className, error: error, errorClassName: 'border-2 border-rose-600  focus:border-rose-600 focus:ring-offset-0' }), value: v !== undefined && v !== null ? v : '' }, children !== undefined
                     ? children
-                    : optionsToUse.map(function (option) { return (React__default.createElement(Option, __assign({}, option, { key: option.value }))); })),
+                    : optionsToUse.map(function (option) { return (React.createElement(Option, __assign({}, option, { key: option.value }))); })),
                 after !== undefined ? after : '')));
     }
 
@@ -7104,15 +7104,15 @@
         $faa2e61a3361514f$var$createCollectionScope
     ]);
     const [$faa2e61a3361514f$var$SliderProvider, $faa2e61a3361514f$var$useSliderContext] = $faa2e61a3361514f$var$createSliderContext($faa2e61a3361514f$var$SLIDER_NAME);
-    /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { name: name , min: min = 0 , max: max = 100 , step: step = 1 , orientation: orientation = 'horizontal' , disabled: disabled = false , minStepsBetweenThumbs: minStepsBetweenThumbs = 0 , defaultValue: defaultValue = [
             min
         ] , value: value1 , onValueChange: onValueChange = ()=>{} , onValueCommit: onValueCommit = ()=>{} , inverted: inverted = false , ...sliderProps } = props;
-        const [slider, setSlider] = React__default.useState(null);
+        const [slider, setSlider] = React.useState(null);
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setSlider(node)
         );
-        const thumbRefs = React__default.useRef(new Set());
-        const valueIndexToChangeRef = React__default.useRef(0);
+        const thumbRefs = React.useRef(new Set());
+        const valueIndexToChangeRef = React.useRef(0);
         const isHorizontal = orientation === 'horizontal'; // We set this to true by default so that events bubble to forms without JS (SSR)
         const isFormControl = slider ? Boolean(slider.closest('form')) : true;
         const SliderOrientation = isHorizontal ? $faa2e61a3361514f$var$SliderHorizontal : $faa2e61a3361514f$var$SliderVertical;
@@ -7128,7 +7128,7 @@
                 onValueChange(value);
             }
         });
-        const valuesBeforeSlideStartRef = React__default.useRef(values);
+        const valuesBeforeSlideStartRef = React.useRef(values);
         function handleSlideStart(value) {
             const closestIndex = $faa2e61a3361514f$var$getClosestValueIndex(values, value);
             updateValues(value, closestIndex);
@@ -7161,7 +7161,7 @@
                 } else return prevValues;
             });
         }
-        return /*#__PURE__*/ React__default.createElement($faa2e61a3361514f$var$SliderProvider, {
+        return /*#__PURE__*/ React.createElement($faa2e61a3361514f$var$SliderProvider, {
             scope: props.__scopeSlider,
             disabled: disabled,
             min: min,
@@ -7170,11 +7170,11 @@
             thumbs: thumbRefs.current,
             values: values,
             orientation: orientation
-        }, /*#__PURE__*/ React__default.createElement($faa2e61a3361514f$var$Collection.Provider, {
+        }, /*#__PURE__*/ React.createElement($faa2e61a3361514f$var$Collection.Provider, {
             scope: props.__scopeSlider
-        }, /*#__PURE__*/ React__default.createElement($faa2e61a3361514f$var$Collection.Slot, {
+        }, /*#__PURE__*/ React.createElement($faa2e61a3361514f$var$Collection.Slot, {
             scope: props.__scopeSlider
-        }, /*#__PURE__*/ React__default.createElement(SliderOrientation, _extends({
+        }, /*#__PURE__*/ React.createElement(SliderOrientation, _extends({
             "aria-disabled": disabled,
             "data-disabled": disabled ? '' : undefined
         }, sliderProps, {
@@ -7209,7 +7209,7 @@
                     });
                 }
             }
-        })))), isFormControl && values.map((value, index)=>/*#__PURE__*/ React__default.createElement($faa2e61a3361514f$var$BubbleInput, {
+        })))), isFormControl && values.map((value, index)=>/*#__PURE__*/ React.createElement($faa2e61a3361514f$var$BubbleInput, {
                 key: index,
                 name: name ? name + (values.length > 1 ? '[]' : '') : undefined,
                 value: value
@@ -7224,12 +7224,12 @@
         size: 'width',
         direction: 1
     });
-    const $faa2e61a3361514f$var$SliderHorizontal = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $faa2e61a3361514f$var$SliderHorizontal = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { min: min , max: max , dir: dir , inverted: inverted , onSlideStart: onSlideStart , onSlideMove: onSlideMove , onSlideEnd: onSlideEnd , onStepKeyDown: onStepKeyDown , ...sliderProps } = props;
-        const [slider, setSlider] = React__default.useState(null);
+        const [slider, setSlider] = React.useState(null);
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setSlider(node)
         );
-        const rectRef = React__default.useRef();
+        const rectRef = React.useRef();
         const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
         const isDirectionLTR = direction === 'ltr';
         const isSlidingFromLeft = isDirectionLTR && !inverted || !isDirectionLTR && inverted;
@@ -7250,13 +7250,13 @@
             rectRef.current = rect;
             return value(pointerPosition - rect.left);
         }
-        return /*#__PURE__*/ React__default.createElement($faa2e61a3361514f$var$SliderOrientationProvider, {
+        return /*#__PURE__*/ React.createElement($faa2e61a3361514f$var$SliderOrientationProvider, {
             scope: props.__scopeSlider,
             startEdge: isSlidingFromLeft ? 'left' : 'right',
             endEdge: isSlidingFromLeft ? 'right' : 'left',
             direction: isSlidingFromLeft ? 1 : -1,
             size: "width"
-        }, /*#__PURE__*/ React__default.createElement($faa2e61a3361514f$var$SliderImpl, _extends({
+        }, /*#__PURE__*/ React.createElement($faa2e61a3361514f$var$SliderImpl, _extends({
             dir: direction,
             "data-orientation": "horizontal"
         }, sliderProps, {
@@ -7289,11 +7289,11 @@
     });
     /* -------------------------------------------------------------------------------------------------
      * SliderVertical
-     * -----------------------------------------------------------------------------------------------*/ const $faa2e61a3361514f$var$SliderVertical = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+     * -----------------------------------------------------------------------------------------------*/ const $faa2e61a3361514f$var$SliderVertical = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { min: min , max: max , inverted: inverted , onSlideStart: onSlideStart , onSlideMove: onSlideMove , onSlideEnd: onSlideEnd , onStepKeyDown: onStepKeyDown , ...sliderProps } = props;
-        const sliderRef = React__default.useRef(null);
+        const sliderRef = React.useRef(null);
         const ref = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, sliderRef);
-        const rectRef = React__default.useRef();
+        const rectRef = React.useRef();
         const isSlidingFromBottom = !inverted;
         function getValueFromPointer(pointerPosition) {
             const rect = rectRef.current || sliderRef.current.getBoundingClientRect();
@@ -7312,13 +7312,13 @@
             rectRef.current = rect;
             return value(pointerPosition - rect.top);
         }
-        return /*#__PURE__*/ React__default.createElement($faa2e61a3361514f$var$SliderOrientationProvider, {
+        return /*#__PURE__*/ React.createElement($faa2e61a3361514f$var$SliderOrientationProvider, {
             scope: props.__scopeSlider,
             startEdge: isSlidingFromBottom ? 'bottom' : 'top',
             endEdge: isSlidingFromBottom ? 'top' : 'bottom',
             size: "height",
             direction: isSlidingFromBottom ? 1 : -1
-        }, /*#__PURE__*/ React__default.createElement($faa2e61a3361514f$var$SliderImpl, _extends({
+        }, /*#__PURE__*/ React.createElement($faa2e61a3361514f$var$SliderImpl, _extends({
             "data-orientation": "vertical"
         }, sliderProps, {
             ref: ref,
@@ -7350,10 +7350,10 @@
     });
     /* -------------------------------------------------------------------------------------------------
      * SliderImpl
-     * -----------------------------------------------------------------------------------------------*/ const $faa2e61a3361514f$var$SliderImpl = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+     * -----------------------------------------------------------------------------------------------*/ const $faa2e61a3361514f$var$SliderImpl = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeSlider: __scopeSlider , onSlideStart: onSlideStart , onSlideMove: onSlideMove , onSlideEnd: onSlideEnd , onHomeKeyDown: onHomeKeyDown , onEndKeyDown: onEndKeyDown , onStepKeyDown: onStepKeyDown , ...sliderProps } = props;
         const context = $faa2e61a3361514f$var$useSliderContext($faa2e61a3361514f$var$SLIDER_NAME, __scopeSlider);
-        return /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({}, sliderProps, {
+        return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({}, sliderProps, {
             ref: forwardedRef,
             onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event)=>{
                 if (event.key === 'Home') {
@@ -7391,10 +7391,10 @@
     /* -------------------------------------------------------------------------------------------------
      * SliderTrack
      * -----------------------------------------------------------------------------------------------*/ const $faa2e61a3361514f$var$TRACK_NAME = 'SliderTrack';
-    /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeSlider: __scopeSlider , ...trackProps } = props;
         const context = $faa2e61a3361514f$var$useSliderContext($faa2e61a3361514f$var$TRACK_NAME, __scopeSlider);
-        return /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+        return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
             "data-disabled": context.disabled ? '' : undefined,
             "data-orientation": context.orientation
         }, trackProps, {
@@ -7404,18 +7404,18 @@
     /* -------------------------------------------------------------------------------------------------
      * SliderRange
      * -----------------------------------------------------------------------------------------------*/ const $faa2e61a3361514f$var$RANGE_NAME = 'SliderRange';
-    /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeSlider: __scopeSlider , ...rangeProps } = props;
         const context = $faa2e61a3361514f$var$useSliderContext($faa2e61a3361514f$var$RANGE_NAME, __scopeSlider);
         const orientation = $faa2e61a3361514f$var$useSliderOrientationContext($faa2e61a3361514f$var$RANGE_NAME, __scopeSlider);
-        const ref = React__default.useRef(null);
+        const ref = React.useRef(null);
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
         const valuesCount = context.values.length;
         const percentages = context.values.map((value)=>$faa2e61a3361514f$var$convertValueToPercentage(value, context.min, context.max)
         );
         const offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0;
         const offsetEnd = 100 - Math.max(...percentages);
-        return /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+        return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
             "data-orientation": context.orientation,
             "data-disabled": context.disabled ? '' : undefined
         }, rangeProps, {
@@ -7430,27 +7430,27 @@
     /* -------------------------------------------------------------------------------------------------
      * SliderThumb
      * -----------------------------------------------------------------------------------------------*/ const $faa2e61a3361514f$var$THUMB_NAME = 'SliderThumb';
-    /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const getItems = $faa2e61a3361514f$var$useCollection(props.__scopeSlider);
-        const [thumb, setThumb] = React__default.useState(null);
+        const [thumb, setThumb] = React.useState(null);
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setThumb(node)
         );
-        const index = React__default.useMemo(()=>thumb ? getItems().findIndex((item)=>item.ref.current === thumb
+        const index = React.useMemo(()=>thumb ? getItems().findIndex((item)=>item.ref.current === thumb
             ) : -1
         , [
             getItems,
             thumb
         ]);
-        return /*#__PURE__*/ React__default.createElement($faa2e61a3361514f$var$SliderThumbImpl, _extends({}, props, {
+        return /*#__PURE__*/ React.createElement($faa2e61a3361514f$var$SliderThumbImpl, _extends({}, props, {
             ref: composedRefs,
             index: index
         }));
     });
-    const $faa2e61a3361514f$var$SliderThumbImpl = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $faa2e61a3361514f$var$SliderThumbImpl = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeSlider: __scopeSlider , index: index , ...thumbProps } = props;
         const context = $faa2e61a3361514f$var$useSliderContext($faa2e61a3361514f$var$THUMB_NAME, __scopeSlider);
         const orientation = $faa2e61a3361514f$var$useSliderOrientationContext($faa2e61a3361514f$var$THUMB_NAME, __scopeSlider);
-        const [thumb, setThumb] = React__default.useState(null);
+        const [thumb, setThumb] = React.useState(null);
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setThumb(node)
         );
         const size = $db6c3485150b8e66$export$1ab7ae714698c4b8(thumb); // We cast because index could be `-1` which would return undefined
@@ -7459,7 +7459,7 @@
         const label = $faa2e61a3361514f$var$getLabel(index, context.values.length);
         const orientationSize = size === null || size === void 0 ? void 0 : size[orientation.size];
         const thumbInBoundsOffset = orientationSize ? $faa2e61a3361514f$var$getThumbInBoundsOffset(orientationSize, percent, orientation.direction) : 0;
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             if (thumb) {
                 context.thumbs.add(thumb);
                 return ()=>{
@@ -7470,15 +7470,15 @@
             thumb,
             context.thumbs
         ]);
-        return /*#__PURE__*/ React__default.createElement("span", {
+        return /*#__PURE__*/ React.createElement("span", {
             style: {
                 transform: 'var(--radix-slider-thumb-transform)',
                 position: 'absolute',
                 [orientation.startEdge]: `calc(${percent}% + ${thumbInBoundsOffset}px)`
             }
-        }, /*#__PURE__*/ React__default.createElement($faa2e61a3361514f$var$Collection.ItemSlot, {
+        }, /*#__PURE__*/ React.createElement($faa2e61a3361514f$var$Collection.ItemSlot, {
             scope: props.__scopeSlider
-        }, /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+        }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
             role: "slider",
             "aria-label": props['aria-label'] || label,
             "aria-valuemin": context.min,
@@ -7500,9 +7500,9 @@
     });
     /* -----------------------------------------------------------------------------------------------*/ const $faa2e61a3361514f$var$BubbleInput = (props)=>{
         const { value: value , ...inputProps } = props;
-        const ref = React__default.useRef(null);
+        const ref = React.useRef(null);
         const prevValue = $010c2913dbd2fe3d$export$5cae361ad82dce8b(value); // Bubble value change to parents (e.g form change event)
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             const input = ref.current;
             const inputProto = window.HTMLInputElement.prototype;
             const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'value');
@@ -7526,7 +7526,7 @@
        * to be set programatically and bubble to any parent form `onChange` event.
        * Adding the `value` will cause React to consider the programatic
        * dispatch a duplicate and it will get swallowed.
-       */ return /*#__PURE__*/ React__default.createElement("input", _extends({
+       */ return /*#__PURE__*/ React.createElement("input", _extends({
             style: {
                 display: 'none'
             }
@@ -7637,12 +7637,12 @@
 
     function TextArea(_a) {
         _a.id; var _b = _a.testId, testId = _b === void 0 ? 'textarea' : _b, value = _a.value, onChange = _a.onChange, error = _a.error, _c = _a.size, size = _c === void 0 ? 'med' : _c, _d = _a.defaultClassName, defaultClassName = _d === void 0 ? 'block  border border-slate-300 focus:outline-blue-400 w-full disabled:opacity-50 disabled:bg-slate-50' : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, className = _a.className, _f = _a.defaultWrapperClassName, defaultWrapperClassName = _f === void 0 ? 'block' : _f, wrapperClassName = _a.wrapperClassName, placeholder = _a.placeholder, label = _a.label, description = _a.description, before = _a.before, after = _a.after, cleaner = _a.cleaner, autofocus = _a.autofocus;
-        var _g = React__default.useState(value), v = _g[0], setV = _g[1];
+        var _g = React.useState(value), v = _g[0], setV = _g[1];
         var updateValue = function (newValue) {
             setV(newValue);
             value = newValue;
         };
-        React__default.useMemo(function () {
+        React.useMemo(function () {
             updateValue(value);
         }, [value]);
         var onInputChange = function (e) {
@@ -7655,19 +7655,19 @@
                 onChange(newV);
             }
         };
-        return (React__default.createElement("label", { className: makeClassName({
+        return (React.createElement("label", { className: makeClassName({
                 defaultClassName: defaultWrapperClassName,
                 className: wrapperClassName
             }) },
             typeof label === 'string'
-                ? React__default.createElement(Label, { label: label })
+                ? React.createElement(Label, { label: label })
                 : label !== undefined ? label : '',
             typeof description === 'string'
-                ? React__default.createElement(Description, { description: description })
+                ? React.createElement(Description, { description: description })
                 : description !== undefined ? description : '',
             before !== undefined ? before : '',
-            error !== undefined ? React__default.createElement("p", { className: "text-rose-800 text-xs" }, error) : '',
-            React__default.createElement("textarea", { autoFocus: autofocus !== null && autofocus !== void 0 ? autofocus : false, "data-testid": testId, className: makeClassName({
+            error !== undefined ? React.createElement("p", { className: "text-rose-800 text-xs" }, error) : '',
+            React.createElement("textarea", { autoFocus: autofocus !== null && autofocus !== void 0 ? autofocus : false, "data-testid": testId, className: makeClassName({
                     size: size,
                     defaultClassName: defaultClassName,
                     className: className,
@@ -7725,18 +7725,18 @@
     const $5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE = 'dismissableLayer.pointerDownOutside';
     const $5cb92bef7577960e$var$FOCUS_OUTSIDE = 'dismissableLayer.focusOutside';
     let $5cb92bef7577960e$var$originalBodyPointerEvents;
-    const $5cb92bef7577960e$var$DismissableLayerContext = /*#__PURE__*/ React__default.createContext({
+    const $5cb92bef7577960e$var$DismissableLayerContext = /*#__PURE__*/ React.createContext({
         layers: new Set(),
         layersWithOutsidePointerEventsDisabled: new Set(),
         branches: new Set()
     });
-    const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         var _node$ownerDocument;
         const { disableOutsidePointerEvents: disableOutsidePointerEvents = false , onEscapeKeyDown: onEscapeKeyDown , onPointerDownOutside: onPointerDownOutside , onFocusOutside: onFocusOutside , onInteractOutside: onInteractOutside , onDismiss: onDismiss , ...layerProps } = props;
-        const context = React__default.useContext($5cb92bef7577960e$var$DismissableLayerContext);
-        const [node1, setNode] = React__default.useState(null);
+        const context = React.useContext($5cb92bef7577960e$var$DismissableLayerContext);
+        const [node1, setNode] = React.useState(null);
         const ownerDocument = (_node$ownerDocument = node1 === null || node1 === void 0 ? void 0 : node1.ownerDocument) !== null && _node$ownerDocument !== void 0 ? _node$ownerDocument : globalThis === null || globalThis === void 0 ? void 0 : globalThis.document;
-        const [, force] = React__default.useState({});
+        const [, force] = React.useState({});
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setNode(node)
         );
         const layers = Array.from(context.layers);
@@ -7778,7 +7778,7 @@
                 onDismiss();
             }
         }, ownerDocument);
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             if (!node1) return;
             if (disableOutsidePointerEvents) {
                 if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
@@ -7803,7 +7803,7 @@
        * because a change to `disableOutsidePointerEvents` would remove this layer from the stack
        * and add it to the end again so the layering order wouldn't be _creation order_.
        * We only want them to be removed from context stacks when unmounted.
-       */ React__default.useEffect(()=>{
+       */ React.useEffect(()=>{
             return ()=>{
                 if (!node1) return;
                 context.layers.delete(node1);
@@ -7814,14 +7814,14 @@
             node1,
             context
         ]);
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             const handleUpdate = ()=>force({})
             ;
             document.addEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE, handleUpdate);
             return ()=>document.removeEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE, handleUpdate)
             ;
         }, []);
-        return /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, layerProps, {
+        return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, layerProps, {
             ref: composedRefs,
             style: {
                 pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? 'auto' : 'none' : undefined,
@@ -7838,9 +7838,9 @@
      * Returns props to pass to the node we want to check for outside events.
      */ function $5cb92bef7577960e$var$usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
         const handlePointerDownOutside = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onPointerDownOutside);
-        const isPointerInsideReactTreeRef = React__default.useRef(false);
-        const handleClickRef = React__default.useRef(()=>{});
-        React__default.useEffect(()=>{
+        const isPointerInsideReactTreeRef = React.useRef(false);
+        const handleClickRef = React.useRef(()=>{});
+        React.useEffect(()=>{
             const handlePointerDown = (event)=>{
                 if (event.target && !isPointerInsideReactTreeRef.current) {
                     const eventDetail = {
@@ -7908,8 +7908,8 @@
      * Returns props to pass to the root (node) of the subtree we want to check.
      */ function $5cb92bef7577960e$var$useFocusOutside(onFocusOutside, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
         const handleFocusOutside = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onFocusOutside);
-        const isFocusInsideReactTreeRef = React__default.useRef(false);
-        React__default.useEffect(()=>{
+        const isFocusInsideReactTreeRef = React.useRef(false);
+        React.useEffect(()=>{
             const handleFocus = (event)=>{
                 if (event.target && !isFocusInsideReactTreeRef.current) {
                     const eventDetail = {
@@ -7957,15 +7957,15 @@
         bubbles: false,
         cancelable: true
     };
-    const $d3863c46a17e8a28$export$20e40289641fbbb6 = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $d3863c46a17e8a28$export$20e40289641fbbb6 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { loop: loop = false , trapped: trapped = false , onMountAutoFocus: onMountAutoFocusProp , onUnmountAutoFocus: onUnmountAutoFocusProp , ...scopeProps } = props;
-        const [container1, setContainer] = React__default.useState(null);
+        const [container1, setContainer] = React.useState(null);
         const onMountAutoFocus = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onMountAutoFocusProp);
         const onUnmountAutoFocus = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onUnmountAutoFocusProp);
-        const lastFocusedElementRef = React__default.useRef(null);
+        const lastFocusedElementRef = React.useRef(null);
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setContainer(node)
         );
-        const focusScope = React__default.useRef({
+        const focusScope = React.useRef({
             paused: false,
             pause () {
                 this.paused = true;
@@ -7974,7 +7974,7 @@
                 this.paused = false;
             }
         }).current; // Takes care of trapping focus if focus is moved outside programmatically for example
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             if (trapped) {
                 function handleFocusIn(event) {
                     if (focusScope.paused || !container1) return;
@@ -8027,7 +8027,7 @@
             container1,
             focusScope.paused
         ]);
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             if (container1) {
                 $d3863c46a17e8a28$var$focusScopesStack.add(focusScope);
                 const previouslyFocusedElement = document.activeElement;
@@ -8066,7 +8066,7 @@
             onUnmountAutoFocus,
             focusScope
         ]); // Takes care of looping focus (when tabbing whilst at the edges)
-        const handleKeyDown = React__default.useCallback((event)=>{
+        const handleKeyDown = React.useCallback((event)=>{
             if (!loop && !trapped) return;
             if (focusScope.paused) return;
             const isTabKey = event.key === 'Tab' && !event.altKey && !event.ctrlKey && !event.metaKey;
@@ -8096,7 +8096,7 @@
             trapped,
             focusScope.paused
         ]);
-        return /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+        return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
             tabIndex: -1
         }, scopeProps, {
             ref: composedRefs,
@@ -8220,10 +8220,10 @@
         );
     }
 
-    /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         var _globalThis$document;
         const { container: container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body , ...portalProps } = props;
-        return container ? /*#__PURE__*/ ReactDOM__default.createPortal(/*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, portalProps, {
+        return container ? /*#__PURE__*/ ReactDOM__default.createPortal(/*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, portalProps, {
             ref: forwardedRef
         })), container) : null;
     });
@@ -8233,7 +8233,7 @@
      * Injects a pair of focus guards at the edges of the whole DOM tree
      * to ensure `focusin` & `focusout` events can be caught consistently.
      */ function $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c() {
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             var _edgeGuards$, _edgeGuards$2;
             const edgeGuards = document.querySelectorAll('[data-radix-focus-guard]');
             document.body.insertAdjacentElement('afterbegin', (_edgeGuards$ = edgeGuards[0]) !== null && _edgeGuards$ !== void 0 ? _edgeGuards$ : $3db38b7d1fb3fe6a$var$createFocusGuard());
@@ -8301,7 +8301,7 @@
      * @returns {MutableRefObject}
      */
     function useCallbackRef$2(initialValue, callback) {
-        var ref = React__default.useState(function () { return ({
+        var ref = React.useState(function () { return ({
             // value
             value: initialValue,
             // last callback
@@ -8426,7 +8426,7 @@
         if (!Target) {
             throw new Error('Sidecar medium not found');
         }
-        return React__default__namespace.createElement(Target, __assign({}, rest));
+        return React__namespace.createElement(Target, __assign({}, rest));
     };
     SideCar$1.isSideCarExport = true;
     function exportSidecar(medium, exported) {
@@ -8442,9 +8442,9 @@
     /**
      * Removes scrollbar from the page and contain the scroll within the Lock
      */
-    var RemoveScroll = React__default__namespace.forwardRef(function (props, parentRef) {
-        var ref = React__default__namespace.useRef(null);
-        var _a = React__default__namespace.useState({
+    var RemoveScroll = React__namespace.forwardRef(function (props, parentRef) {
+        var ref = React__namespace.useRef(null);
+        var _a = React__namespace.useState({
             onScrollCapture: nothing,
             onWheelCapture: nothing,
             onTouchMoveCapture: nothing,
@@ -8453,9 +8453,9 @@
         var SideCar = sideCar;
         var containerRef = useMergeRefs([ref, parentRef]);
         var containerProps = __assign(__assign({}, rest), callbacks);
-        return (React__default__namespace.createElement(React__default__namespace.Fragment, null,
-            enabled && (React__default__namespace.createElement(SideCar, { sideCar: effectCar, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref })),
-            forwardProps ? (React__default__namespace.cloneElement(React__default__namespace.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef }))) : (React__default__namespace.createElement(Container, __assign({}, containerProps, { className: className, ref: containerRef }), children))));
+        return (React__namespace.createElement(React__namespace.Fragment, null,
+            enabled && (React__namespace.createElement(SideCar, { sideCar: effectCar, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref })),
+            forwardProps ? (React__namespace.cloneElement(React__namespace.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef }))) : (React__namespace.createElement(Container, __assign({}, containerProps, { className: className, ref: containerRef }), children))));
     });
     RemoveScroll.defaultProps = {
         enabled: true,
@@ -8533,7 +8533,7 @@
     var styleHookSingleton = function () {
         var sheet = stylesheetSingleton();
         return function (styles, isDynamic) {
-            React__default__namespace.useEffect(function () {
+            React__namespace.useEffect(function () {
                 sheet.add(styles);
                 return function () {
                     sheet.remove();
@@ -8614,8 +8614,8 @@
          however it will be used only by the "first" invocation
          due to singleton nature of <Style
          */
-        var gap = React__default__namespace.useMemo(function () { return getGapWidth(gapMode); }, [gapMode]);
-        return React__default__namespace.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? '!important' : '') });
+        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;
@@ -8747,16 +8747,16 @@
     var idCounter = 0;
     var lockStack = [];
     function RemoveScrollSideCar(props) {
-        var shouldPreventQueue = React__default__namespace.useRef([]);
-        var touchStartRef = React__default__namespace.useRef([0, 0]);
-        var activeAxis = React__default__namespace.useRef();
-        var id = React__default__namespace.useState(idCounter++)[0];
-        var Style = React__default__namespace.useState(function () { return styleSingleton(); })[0];
-        var lastProps = React__default__namespace.useRef(props);
-        React__default__namespace.useEffect(function () {
+        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 Style = React__namespace.useState(function () { return styleSingleton(); })[0];
+        var lastProps = React__namespace.useRef(props);
+        React__namespace.useEffect(function () {
             lastProps.current = props;
         }, [props]);
-        React__default__namespace.useEffect(function () {
+        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)).filter(Boolean);
@@ -8768,7 +8768,7 @@
             }
             return;
         }, [props.inert, props.lockRef.current, props.shards]);
-        var shouldCancelEvent = React__default__namespace.useCallback(function (event, parent) {
+        var shouldCancelEvent = React__namespace.useCallback(function (event, parent) {
             if ('touches' in event && event.touches.length === 2) {
                 return !lastProps.current.allowPinchZoom;
             }
@@ -8807,7 +8807,7 @@
             var cancelingAxis = activeAxis.current || currentAxis;
             return handleScroll(cancelingAxis, parent, event, cancelingAxis === 'h' ? deltaX : deltaY);
         }, []);
-        var shouldPrevent = React__default__namespace.useCallback(function (_event) {
+        var shouldPrevent = React__namespace.useCallback(function (_event) {
             var event = _event;
             if (!lockStack.length || lockStack[lockStack.length - 1] !== Style) {
                 // not the last active
@@ -8836,24 +8836,24 @@
                 }
             }
         }, []);
-        var shouldCancel = React__default__namespace.useCallback(function (name, delta, target, should) {
+        var shouldCancel = React__namespace.useCallback(function (name, delta, target, should) {
             var event = { name: name, delta: delta, target: target, should: should };
             shouldPreventQueue.current.push(event);
             setTimeout(function () {
                 shouldPreventQueue.current = shouldPreventQueue.current.filter(function (e) { return e !== event; });
             }, 1);
         }, []);
-        var scrollTouchStart = React__default__namespace.useCallback(function (event) {
+        var scrollTouchStart = React__namespace.useCallback(function (event) {
             touchStartRef.current = getTouchXY(event);
             activeAxis.current = undefined;
         }, []);
-        var scrollWheel = React__default__namespace.useCallback(function (event) {
+        var scrollWheel = React__namespace.useCallback(function (event) {
             shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
         }, []);
-        var scrollTouchMove = React__default__namespace.useCallback(function (event) {
+        var scrollTouchMove = React__namespace.useCallback(function (event) {
             shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
         }, []);
-        React__default__namespace.useEffect(function () {
+        React__namespace.useEffect(function () {
             lockStack.push(Style);
             props.setCallbacks({
                 onScrollCapture: scrollWheel,
@@ -8871,14 +8871,14 @@
             };
         }, []);
         var removeScrollBar = props.removeScrollBar, inert = props.inert;
-        return (React__default__namespace.createElement(React__default__namespace.Fragment, null,
-            inert ? React__default__namespace.createElement(Style, { styles: generateStyle(id) }) : null,
-            removeScrollBar ? React__default__namespace.createElement(RemoveScrollBar, { gapMode: "margin" }) : null));
+        return (React__namespace.createElement(React__namespace.Fragment, null,
+            inert ? React__namespace.createElement(Style, { styles: generateStyle(id) }) : null,
+            removeScrollBar ? React__namespace.createElement(RemoveScrollBar, { gapMode: "margin" }) : null));
     }
 
     var SideCar = exportSidecar(effectCar, RemoveScrollSideCar);
 
-    var ReactRemoveScroll = React__default__namespace.forwardRef(function (props, ref) { return (React__default__namespace.createElement(RemoveScroll, __assign({}, props, { ref: ref, sideCar: SideCar }))); });
+    var ReactRemoveScroll = React__namespace.forwardRef(function (props, ref) { return (React__namespace.createElement(RemoveScroll, __assign({}, props, { ref: ref, sideCar: SideCar }))); });
     ReactRemoveScroll.classNames = RemoveScroll.classNames;
     var $67UHm$RemoveScroll = ReactRemoveScroll;
 
@@ -9020,11 +9020,11 @@
     /* -------------------------------------------------------------------------------------------------
      * DialogTrigger
      * -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$TRIGGER_NAME = 'DialogTrigger';
-    /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeDialog: __scopeDialog , ...triggerProps } = props;
         const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$TRIGGER_NAME, __scopeDialog);
         const composedTriggerRef = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.triggerRef);
-        return /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
+        return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
             type: "button",
             "aria-haspopup": "dialog",
             "aria-expanded": context.open,
@@ -9044,28 +9044,28 @@
     /* -------------------------------------------------------------------------------------------------
      * DialogOverlay
      * -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$OVERLAY_NAME = 'DialogOverlay';
-    /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const portalContext = $5d3850c4d0b4e6c7$var$usePortalContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME, props.__scopeDialog);
         const { forceMount: forceMount = portalContext.forceMount , ...overlayProps } = props;
         const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME, props.__scopeDialog);
-        return context.modal ? /*#__PURE__*/ React__default.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+        return context.modal ? /*#__PURE__*/ React.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
             present: forceMount || context.open
-        }, /*#__PURE__*/ React__default.createElement($5d3850c4d0b4e6c7$var$DialogOverlayImpl, _extends({}, overlayProps, {
+        }, /*#__PURE__*/ React.createElement($5d3850c4d0b4e6c7$var$DialogOverlayImpl, _extends({}, overlayProps, {
             ref: forwardedRef
         }))) : null;
     });
-    const $5d3850c4d0b4e6c7$var$DialogOverlayImpl = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    const $5d3850c4d0b4e6c7$var$DialogOverlayImpl = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeDialog: __scopeDialog , ...overlayProps } = props;
         const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME, __scopeDialog);
         return(/*#__PURE__*/ // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
         // ie. when `Overlay` and `Content` are siblings
-        React__default.createElement($67UHm$RemoveScroll, {
+        React.createElement($67UHm$RemoveScroll, {
             as: $5e63c961fc1ce211$export$8c6ed5c666ac1360,
             allowPinchZoom: true,
             shards: [
                 context.contentRef
             ]
-        }, /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+        }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
             "data-state": $5d3850c4d0b4e6c7$var$getState(context.open)
         }, overlayProps, {
             ref: forwardedRef // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.
@@ -9079,27 +9079,27 @@
     /* -------------------------------------------------------------------------------------------------
      * DialogContent
      * -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$CONTENT_NAME = 'DialogContent';
-    /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const portalContext = $5d3850c4d0b4e6c7$var$usePortalContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
         const { forceMount: forceMount = portalContext.forceMount , ...contentProps } = props;
         const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
-        return /*#__PURE__*/ React__default.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+        return /*#__PURE__*/ React.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
             present: forceMount || context.open
-        }, context.modal ? /*#__PURE__*/ React__default.createElement($5d3850c4d0b4e6c7$var$DialogContentModal, _extends({}, contentProps, {
+        }, context.modal ? /*#__PURE__*/ React.createElement($5d3850c4d0b4e6c7$var$DialogContentModal, _extends({}, contentProps, {
             ref: forwardedRef
-        })) : /*#__PURE__*/ React__default.createElement($5d3850c4d0b4e6c7$var$DialogContentNonModal, _extends({}, contentProps, {
+        })) : /*#__PURE__*/ React.createElement($5d3850c4d0b4e6c7$var$DialogContentNonModal, _extends({}, contentProps, {
             ref: forwardedRef
         })));
     });
-    /* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DialogContentModal = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DialogContentModal = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
-        const contentRef = React__default.useRef(null);
+        const contentRef = React.useRef(null);
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.contentRef, contentRef); // aria-hide everything except the content (better supported equivalent to setting aria-modal)
-        React__default.useEffect(()=>{
+        React.useEffect(()=>{
             const content = contentRef.current;
             if (content) return hideOthers(content);
         }, []);
-        return /*#__PURE__*/ React__default.createElement($5d3850c4d0b4e6c7$var$DialogContentImpl, _extends({}, props, {
+        return /*#__PURE__*/ React.createElement($5d3850c4d0b4e6c7$var$DialogContentImpl, _extends({}, props, {
             ref: composedRefs // we make sure focus isn't trapped once `DialogContent` has been closed
             ,
             trapFocus: context.open,
@@ -9121,11 +9121,11 @@
             )
         }));
     });
-    /* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DialogContentNonModal = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DialogContentNonModal = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
-        const hasInteractedOutsideRef = React__default.useRef(false);
-        const hasPointerDownOutsideRef = React__default.useRef(false);
-        return /*#__PURE__*/ React__default.createElement($5d3850c4d0b4e6c7$var$DialogContentImpl, _extends({}, props, {
+        const hasInteractedOutsideRef = React.useRef(false);
+        const hasPointerDownOutsideRef = React.useRef(false);
+        return /*#__PURE__*/ React.createElement($5d3850c4d0b4e6c7$var$DialogContentImpl, _extends({}, props, {
             ref: forwardedRef,
             trapFocus: false,
             disableOutsidePointerEvents: false,
@@ -9159,20 +9159,20 @@
             }
         }));
     });
-    /* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DialogContentImpl = /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /* -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DialogContentImpl = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeDialog: __scopeDialog , trapFocus: trapFocus , onOpenAutoFocus: onOpenAutoFocus , onCloseAutoFocus: onCloseAutoFocus , ...contentProps } = props;
         const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, __scopeDialog);
-        const contentRef = React__default.useRef(null);
+        const contentRef = React.useRef(null);
         const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, contentRef); // Make sure the whole tree has focus guards as our `Dialog` will be
         // the last element in the DOM (beacuse of the `Portal`)
         $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c();
-        return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement($d3863c46a17e8a28$export$20e40289641fbbb6, {
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement($d3863c46a17e8a28$export$20e40289641fbbb6, {
             asChild: true,
             loop: true,
             trapped: trapFocus,
             onMountAutoFocus: onOpenAutoFocus,
             onUnmountAutoFocus: onCloseAutoFocus
-        }, /*#__PURE__*/ React__default.createElement($5cb92bef7577960e$export$177fb62ff3ec1f22, _extends({
+        }, /*#__PURE__*/ React.createElement($5cb92bef7577960e$export$177fb62ff3ec1f22, _extends({
             role: "dialog",
             id: context.contentId,
             "aria-describedby": context.descriptionId,
@@ -9203,12 +9203,12 @@
     }
 
     var _excluded$W = ["color"];
-    /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef) {
+    /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
       var _ref$color = _ref.color,
           color = _ref$color === void 0 ? 'currentColor' : _ref$color,
           props = _objectWithoutPropertiesLoose$1(_ref, _excluded$W);
 
-      return React__default.createElement("svg", Object.assign({
+      return React.createElement("svg", Object.assign({
         width: "15",
         height: "15",
         viewBox: "0 0 15 15",
@@ -9216,7 +9216,7 @@
         xmlns: "http://www.w3.org/2000/svg"
       }, props, {
         ref: forwardedRef
-      }), React__default.createElement("path", {
+      }), React.createElement("path", {
         d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
         fill: color,
         fillRule: "evenodd",
@@ -9225,12 +9225,12 @@
     });
 
     var _excluded$1r = ["color"];
-    /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef) {
+    /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
       var _ref$color = _ref.color,
           color = _ref$color === void 0 ? 'currentColor' : _ref$color,
           props = _objectWithoutPropertiesLoose$1(_ref, _excluded$1r);
 
-      return React__default.createElement("svg", Object.assign({
+      return React.createElement("svg", Object.assign({
         width: "15",
         height: "15",
         viewBox: "0 0 15 15",
@@ -9238,7 +9238,7 @@
         xmlns: "http://www.w3.org/2000/svg"
       }, props, {
         ref: forwardedRef
-      }), React__default.createElement("path", {
+      }), React.createElement("path", {
         d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",
         fill: color,
         fillRule: "evenodd",
@@ -9254,7 +9254,7 @@
     ]);
     const $69cb30bb0017df05$var$useRovingFocusGroupScope = $d7bdfb9eb0fdf311$export$c7109489551a4f4();
     const [$69cb30bb0017df05$var$TabsProvider, $69cb30bb0017df05$var$useTabsContext] = $69cb30bb0017df05$var$createTabsContext($69cb30bb0017df05$var$TABS_NAME);
-    /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeTabs: __scopeTabs , value: valueProp , onValueChange: onValueChange , defaultValue: defaultValue , orientation: orientation = 'horizontal' , dir: dir , activationMode: activationMode = 'automatic' , ...tabsProps } = props;
         const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
         const [value, setValue] = $71cd76cc60e0454e$export$6f32135080cb4c3({
@@ -9262,7 +9262,7 @@
             onChange: onValueChange,
             defaultProp: defaultValue
         });
-        return /*#__PURE__*/ React__default.createElement($69cb30bb0017df05$var$TabsProvider, {
+        return /*#__PURE__*/ React.createElement($69cb30bb0017df05$var$TabsProvider, {
             scope: __scopeTabs,
             baseId: $1746a345f3d73bb7$export$f680877a34711e37(),
             value: value,
@@ -9270,7 +9270,7 @@
             orientation: orientation,
             dir: direction,
             activationMode: activationMode
-        }, /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+        }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
             dir: direction,
             "data-orientation": orientation
         }, tabsProps, {
@@ -9280,17 +9280,17 @@
     /* -------------------------------------------------------------------------------------------------
      * TabsList
      * -----------------------------------------------------------------------------------------------*/ const $69cb30bb0017df05$var$TAB_LIST_NAME = 'TabsList';
-    /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeTabs: __scopeTabs , loop: loop = true , ...listProps } = props;
         const context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$TAB_LIST_NAME, __scopeTabs);
         const rovingFocusGroupScope = $69cb30bb0017df05$var$useRovingFocusGroupScope(__scopeTabs);
-        return /*#__PURE__*/ React__default.createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends({
+        return /*#__PURE__*/ React.createElement($d7bdfb9eb0fdf311$export$be92b6f5f03c0fe9, _extends({
             asChild: true
         }, rovingFocusGroupScope, {
             orientation: context.orientation,
             dir: context.dir,
             loop: loop
-        }), /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+        }), /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
             role: "tablist",
             "aria-orientation": context.orientation
         }, listProps, {
@@ -9300,19 +9300,19 @@
     /* -------------------------------------------------------------------------------------------------
      * TabsTrigger
      * -----------------------------------------------------------------------------------------------*/ const $69cb30bb0017df05$var$TRIGGER_NAME = 'TabsTrigger';
-    /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeTabs: __scopeTabs , value: value , disabled: disabled = false , ...triggerProps } = props;
         const context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$TRIGGER_NAME, __scopeTabs);
         const rovingFocusGroupScope = $69cb30bb0017df05$var$useRovingFocusGroupScope(__scopeTabs);
         const triggerId = $69cb30bb0017df05$var$makeTriggerId(context.baseId, value);
         const contentId = $69cb30bb0017df05$var$makeContentId(context.baseId, value);
         const isSelected = value === context.value;
-        return /*#__PURE__*/ React__default.createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends({
+        return /*#__PURE__*/ React.createElement($d7bdfb9eb0fdf311$export$6d08773d2e66f8f2, _extends({
             asChild: true
         }, rovingFocusGroupScope, {
             focusable: !disabled,
             active: isSelected
-        }), /*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
+        }), /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
             type: "button",
             role: "tab",
             "aria-selected": isSelected,
@@ -9347,22 +9347,22 @@
     /* -------------------------------------------------------------------------------------------------
      * TabsContent
      * -----------------------------------------------------------------------------------------------*/ const $69cb30bb0017df05$var$CONTENT_NAME = 'TabsContent';
-    /*#__PURE__*/ React__default.forwardRef((props, forwardedRef)=>{
+    /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { __scopeTabs: __scopeTabs , value: value , forceMount: forceMount , children: children , ...contentProps } = props;
         const context = $69cb30bb0017df05$var$useTabsContext($69cb30bb0017df05$var$CONTENT_NAME, __scopeTabs);
         const triggerId = $69cb30bb0017df05$var$makeTriggerId(context.baseId, value);
         const contentId = $69cb30bb0017df05$var$makeContentId(context.baseId, value);
         const isSelected = value === context.value;
-        const isMountAnimationPreventedRef = React__default.useRef(isSelected);
-        React__default.useEffect(()=>{
+        const isMountAnimationPreventedRef = React.useRef(isSelected);
+        React.useEffect(()=>{
             const rAF = requestAnimationFrame(()=>isMountAnimationPreventedRef.current = false
             );
             return ()=>cancelAnimationFrame(rAF)
             ;
         }, []);
-        return /*#__PURE__*/ React__default.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+        return /*#__PURE__*/ React.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
             present: forceMount || isSelected
-        }, ({ present: present  })=>/*#__PURE__*/ React__default.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
+        }, ({ present: present  })=>/*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({
                 "data-state": isSelected ? 'active' : 'inactive',
                 "data-orientation": context.orientation,
                 role: "tabpanel",
@@ -9390,19 +9390,19 @@
     function createContextScope$2(scopeName, createContextScopeDeps = []) {
       let defaultContexts = [];
       function createContext3(rootComponentName, defaultContext) {
-        const BaseContext = React__default__namespace.createContext(defaultContext);
+        const BaseContext = React__namespace.createContext(defaultContext);
         const index = defaultContexts.length;
         defaultContexts = [...defaultContexts, defaultContext];
         const Provider = (props) => {
           const { scope, children, ...context } = props;
           const Context = scope?.[scopeName]?.[index] || BaseContext;
-          const value = React__default__namespace.useMemo(() => context, Object.values(context));
+          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) {
           const Context = scope?.[scopeName]?.[index] || BaseContext;
-          const context = React__default__namespace.useContext(Context);
+          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}\``);
@@ -9411,11 +9411,11 @@
       }
       const createScope = () => {
         const scopeContexts = defaultContexts.map((defaultContext) => {
-          return React__default__namespace.createContext(defaultContext);
+          return React__namespace.createContext(defaultContext);
         });
         return function useScope(scope) {
           const contexts = scope?.[scopeName] || scopeContexts;
-          return React__default__namespace.useMemo(
+          return React__namespace.useMemo(
             () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
             [scope, contexts]
           );
@@ -9438,7 +9438,7 @@
             const currentScope = scopeProps[`__scope${scopeName}`];
             return { ...nextScopes2, ...currentScope };
           }, {});
-          return React__default__namespace.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+          return React__namespace.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
         };
       };
       createScope.scopeName = baseScope.scopeName;
@@ -9449,18 +9449,18 @@
     function createContextScope$1(scopeName, createContextScopeDeps = []) {
       let defaultContexts = [];
       function createContext3(rootComponentName, defaultContext) {
-        const BaseContext = React__default__namespace.createContext(defaultContext);
+        const BaseContext = React__namespace.createContext(defaultContext);
         const index = defaultContexts.length;
         defaultContexts = [...defaultContexts, defaultContext];
         function Provider(props) {
           const { scope, children, ...context } = props;
           const Context = scope?.[scopeName][index] || BaseContext;
-          const value = React__default__namespace.useMemo(() => context, Object.values(context));
+          const value = React__namespace.useMemo(() => context, Object.values(context));
           return /* @__PURE__ */ jsxRuntime.jsx(Context.Provider, { value, children });
         }
         function useContext2(consumerName, scope) {
           const Context = scope?.[scopeName][index] || BaseContext;
-          const context = React__default__namespace.useContext(Context);
+          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}\``);
@@ -9470,11 +9470,11 @@
       }
       const createScope = () => {
         const scopeContexts = defaultContexts.map((defaultContext) => {
-          return React__default__namespace.createContext(defaultContext);
+          return React__namespace.createContext(defaultContext);
         });
         return function useScope(scope) {
           const contexts = scope?.[scopeName] || scopeContexts;
-          return React__default__namespace.useMemo(
+          return React__namespace.useMemo(
             () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
             [scope, contexts]
           );
@@ -9497,7 +9497,7 @@
             const currentScope = scopeProps[`__scope${scopeName}`];
             return { ...nextScopes2, ...currentScope };
           }, {});
-          return React__default__namespace.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+          return React__namespace.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
         };
       };
       createScope.scopeName = baseScope.scopeName;
@@ -9516,47 +9516,47 @@
       return (node) => refs.forEach((ref) => setRef$1(ref, node));
     }
     function useComposedRefs$1(...refs) {
-      return React__default__namespace.useCallback(composeRefs$1(...refs), refs);
+      return React__namespace.useCallback(composeRefs$1(...refs), refs);
     }
 
     // packages/react/slot/src/Slot.tsx
-    var Slot$1 = React__default__namespace.forwardRef((props, forwardedRef) => {
+    var Slot$1 = React__namespace.forwardRef((props, forwardedRef) => {
       const { children, ...slotProps } = props;
-      const childrenArray = React__default__namespace.Children.toArray(children);
+      const childrenArray = React__namespace.Children.toArray(children);
       const slottable = childrenArray.find(isSlottable$1);
       if (slottable) {
         const newElement = slottable.props.children;
         const newChildren = childrenArray.map((child) => {
           if (child === slottable) {
-            if (React__default__namespace.Children.count(newElement) > 1) return React__default__namespace.Children.only(null);
-            return React__default__namespace.isValidElement(newElement) ? newElement.props.children : null;
+            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$1, { ...slotProps, ref: forwardedRef, children: React__default__namespace.isValidElement(newElement) ? React__default__namespace.cloneElement(newElement, void 0, newChildren) : null });
+        return /* @__PURE__ */ jsxRuntime.jsx(SlotClone$1, { ...slotProps, ref: forwardedRef, children: React__namespace.isValidElement(newElement) ? React__namespace.cloneElement(newElement, void 0, newChildren) : null });
       }
       return /* @__PURE__ */ jsxRuntime.jsx(SlotClone$1, { ...slotProps, ref: forwardedRef, children });
     });
     Slot$1.displayName = "Slot";
-    var SlotClone$1 = React__default__namespace.forwardRef((props, forwardedRef) => {
+    var SlotClone$1 = React__namespace.forwardRef((props, forwardedRef) => {
       const { children, ...slotProps } = props;
-      if (React__default__namespace.isValidElement(children)) {
+      if (React__namespace.isValidElement(children)) {
         const childrenRef = getElementRef$2(children);
-        return React__default__namespace.cloneElement(children, {
+        return React__namespace.cloneElement(children, {
           ...mergeProps$1(slotProps, children.props),
           // @ts-ignore
           ref: forwardedRef ? composeRefs$1(forwardedRef, childrenRef) : childrenRef
         });
       }
-      return React__default__namespace.Children.count(children) > 1 ? React__default__namespace.Children.only(null) : null;
+      return React__namespace.Children.count(children) > 1 ? React__namespace.Children.only(null) : null;
     });
     SlotClone$1.displayName = "SlotClone";
     var Slottable$1 = ({ children }) => {
       return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
     };
     function isSlottable$1(child) {
-      return React__default__namespace.isValidElement(child) && child.type === Slottable$1;
+      return React__namespace.isValidElement(child) && child.type === Slottable$1;
     }
     function mergeProps$1(slotProps, childProps) {
       const overrideProps = { ...childProps };
@@ -9604,13 +9604,13 @@
       );
       const CollectionProvider = (props) => {
         const { scope, children } = props;
-        const ref = React__default.useRef(null);
-        const itemMap = React__default.useRef(/* @__PURE__ */ new Map()).current;
+        const ref = React.useRef(null);
+        const itemMap = React.useRef(/* @__PURE__ */ new Map()).current;
         return /* @__PURE__ */ jsxRuntime.jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
       };
       CollectionProvider.displayName = PROVIDER_NAME;
       const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-      const CollectionSlot = React__default.forwardRef(
+      const CollectionSlot = React.forwardRef(
         (props, forwardedRef) => {
           const { scope, children } = props;
           const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
@@ -9621,13 +9621,13 @@
       CollectionSlot.displayName = COLLECTION_SLOT_NAME;
       const ITEM_SLOT_NAME = name + "CollectionItemSlot";
       const ITEM_DATA_ATTR = "data-radix-collection-item";
-      const CollectionItemSlot = React__default.forwardRef(
+      const CollectionItemSlot = React.forwardRef(
         (props, forwardedRef) => {
           const { scope, children, ...itemData } = props;
-          const ref = React__default.useRef(null);
+          const ref = React.useRef(null);
           const composedRefs = useComposedRefs$1(forwardedRef, ref);
           const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-          React__default.useEffect(() => {
+          React.useEffect(() => {
             context.itemMap.set(ref, { ref, ...itemData });
             return () => void context.itemMap.delete(ref);
           });
@@ -9637,7 +9637,7 @@
       CollectionItemSlot.displayName = ITEM_SLOT_NAME;
       function useCollection(scope) {
         const context = useCollectionContext(name + "CollectionConsumer", scope);
-        const getItems = React__default.useCallback(() => {
+        const getItems = React.useCallback(() => {
           const collectionNode = context.collectionRef.current;
           if (!collectionNode) return [];
           const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
@@ -9668,11 +9668,11 @@
 
     // packages/react/use-callback-ref/src/useCallbackRef.tsx
     function useCallbackRef$1(callback) {
-      const callbackRef = React__default__namespace.useRef(callback);
-      React__default__namespace.useEffect(() => {
+      const callbackRef = React__namespace.useRef(callback);
+      React__namespace.useEffect(() => {
         callbackRef.current = callback;
       });
-      return React__default__namespace.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+      return React__namespace.useMemo(() => (...args) => callbackRef.current?.(...args), []);
     }
 
     // packages/react/use-controllable-state/src/useControllableState.tsx
@@ -9686,7 +9686,7 @@
       const isControlled = prop !== void 0;
       const value = isControlled ? prop : uncontrolledProp;
       const handleChange = useCallbackRef$1(onChange);
-      const setValue = React__default__namespace.useCallback(
+      const setValue = React__namespace.useCallback(
         (nextValue) => {
           if (isControlled) {
             const setter = nextValue;
@@ -9704,11 +9704,11 @@
       defaultProp,
       onChange
     }) {
-      const uncontrolledState = React__default__namespace.useState(defaultProp);
+      const uncontrolledState = React__namespace.useState(defaultProp);
       const [value] = uncontrolledState;
-      const prevValueRef = React__default__namespace.useRef(value);
+      const prevValueRef = React__namespace.useRef(value);
       const handleChange = useCallbackRef$1(onChange);
-      React__default__namespace.useEffect(() => {
+      React__namespace.useEffect(() => {
         if (prevValueRef.current !== value) {
           handleChange(value);
           prevValueRef.current = value;
@@ -9737,7 +9737,7 @@
       "ul"
     ];
     var Primitive$1 = NODES$1.reduce((primitive, node) => {
-      const Node = React__default__namespace.forwardRef((props, forwardedRef) => {
+      const Node = React__namespace.forwardRef((props, forwardedRef) => {
         const { asChild, ...primitiveProps } = props;
         const Comp = asChild ? Slot$1 : node;
         if (typeof window !== "undefined") {
@@ -9763,19 +9763,19 @@
     function createContextScope(scopeName, createContextScopeDeps = []) {
       let defaultContexts = [];
       function createContext3(rootComponentName, defaultContext) {
-        const BaseContext = React__default__namespace.createContext(defaultContext);
+        const BaseContext = React__namespace.createContext(defaultContext);
         const index = defaultContexts.length;
         defaultContexts = [...defaultContexts, defaultContext];
         const Provider = (props) => {
           const { scope, children, ...context } = props;
           const Context = scope?.[scopeName]?.[index] || BaseContext;
-          const value = React__default__namespace.useMemo(() => context, Object.values(context));
+          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) {
           const Context = scope?.[scopeName]?.[index] || BaseContext;
-          const context = React__default__namespace.useContext(Context);
+          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}\``);
@@ -9784,11 +9784,11 @@
       }
       const createScope = () => {
         const scopeContexts = defaultContexts.map((defaultContext) => {
-          return React__default__namespace.createContext(defaultContext);
+          return React__namespace.createContext(defaultContext);
         });
         return function useScope(scope) {
           const contexts = scope?.[scopeName] || scopeContexts;
-          return React__default__namespace.useMemo(
+          return React__namespace.useMemo(
             () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
             [scope, contexts]
           );
@@ -9811,7 +9811,7 @@
             const currentScope = scopeProps[`__scope${scopeName}`];
             return { ...nextScopes2, ...currentScope };
           }, {});
-          return React__default__namespace.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+          return React__namespace.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
         };
       };
       createScope.scopeName = baseScope.scopeName;
@@ -9820,11 +9820,11 @@
 
     // packages/react/use-callback-ref/src/useCallbackRef.tsx
     function useCallbackRef(callback) {
-      const callbackRef = React__default__namespace.useRef(callback);
-      React__default__namespace.useEffect(() => {
+      const callbackRef = React__namespace.useRef(callback);
+      React__namespace.useEffect(() => {
         callbackRef.current = callback;
       });
-      return React__default__namespace.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+      return React__namespace.useMemo(() => (...args) => callbackRef.current?.(...args), []);
     }
 
     // packages/react/use-controllable-state/src/useControllableState.tsx
@@ -9838,7 +9838,7 @@
       const isControlled = prop !== void 0;
       const value = isControlled ? prop : uncontrolledProp;
       const handleChange = useCallbackRef(onChange);
-      const setValue = React__default__namespace.useCallback(
+      const setValue = React__namespace.useCallback(
         (nextValue) => {
           if (isControlled) {
             const setter = nextValue;
@@ -9856,11 +9856,11 @@
       defaultProp,
       onChange
     }) {
-      const uncontrolledState = React__default__namespace.useState(defaultProp);
+      const uncontrolledState = React__namespace.useState(defaultProp);
       const [value] = uncontrolledState;
-      const prevValueRef = React__default__namespace.useRef(value);
+      const prevValueRef = React__namespace.useRef(value);
       const handleChange = useCallbackRef(onChange);
-      React__default__namespace.useEffect(() => {
+      React__namespace.useEffect(() => {
         if (prevValueRef.current !== value) {
           handleChange(value);
           prevValueRef.current = value;
@@ -9870,7 +9870,7 @@
     }
 
     // packages/react/use-layout-effect/src/useLayoutEffect.tsx
-    var useLayoutEffect2$1 = Boolean(globalThis?.document) ? React__default__namespace.useLayoutEffect : () => {
+    var useLayoutEffect2$1 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
     };
 
     // packages/react/compose-refs/src/composeRefs.tsx
@@ -9885,47 +9885,47 @@
       return (node) => refs.forEach((ref) => setRef(ref, node));
     }
     function useComposedRefs(...refs) {
-      return React__default__namespace.useCallback(composeRefs(...refs), refs);
+      return React__namespace.useCallback(composeRefs(...refs), refs);
     }
 
     // packages/react/slot/src/Slot.tsx
-    var Slot = React__default__namespace.forwardRef((props, forwardedRef) => {
+    var Slot = React__namespace.forwardRef((props, forwardedRef) => {
       const { children, ...slotProps } = props;
-      const childrenArray = React__default__namespace.Children.toArray(children);
+      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__default__namespace.Children.count(newElement) > 1) return React__default__namespace.Children.only(null);
-            return React__default__namespace.isValidElement(newElement) ? newElement.props.children : null;
+            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__default__namespace.isValidElement(newElement) ? React__default__namespace.cloneElement(newElement, void 0, newChildren) : null });
+        return /* @__PURE__ */ jsxRuntime.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React__namespace.isValidElement(newElement) ? React__namespace.cloneElement(newElement, void 0, newChildren) : null });
       }
       return /* @__PURE__ */ jsxRuntime.jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
     });
     Slot.displayName = "Slot";
-    var SlotClone = React__default__namespace.forwardRef((props, forwardedRef) => {
+    var SlotClone = React__namespace.forwardRef((props, forwardedRef) => {
       const { children, ...slotProps } = props;
-      if (React__default__namespace.isValidElement(children)) {
+      if (React__namespace.isValidElement(children)) {
         const childrenRef = getElementRef$1(children);
-        return React__default__namespace.cloneElement(children, {
+        return React__namespace.cloneElement(children, {
           ...mergeProps(slotProps, children.props),
           // @ts-ignore
           ref: forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef
         });
       }
-      return React__default__namespace.Children.count(children) > 1 ? React__default__namespace.Children.only(null) : null;
+      return React__namespace.Children.count(children) > 1 ? React__namespace.Children.only(null) : null;
     });
     SlotClone.displayName = "SlotClone";
     var Slottable = ({ children }) => {
       return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
     };
     function isSlottable(child) {
-      return React__default__namespace.isValidElement(child) && child.type === Slottable;
+      return React__namespace.isValidElement(child) && child.type === Slottable;
     }
     function mergeProps(slotProps, childProps) {
       const overrideProps = { ...childProps };
@@ -9984,7 +9984,7 @@
       "ul"
     ];
     var Primitive = NODES.reduce((primitive, node) => {
-      const Node = React__default__namespace.forwardRef((props, forwardedRef) => {
+      const Node = React__namespace.forwardRef((props, forwardedRef) => {
         const { asChild, ...primitiveProps } = props;
         const Comp = asChild ? Slot : node;
         if (typeof window !== "undefined") {
@@ -9997,7 +9997,7 @@
     }, {});
 
     function useStateMachine(initialState, machine) {
-      return React__default__namespace.useReducer((state, event) => {
+      return React__namespace.useReducer((state, event) => {
         const nextState = machine[state][event];
         return nextState ?? state;
       }, initialState);
@@ -10007,17 +10007,17 @@
     var Presence = (props) => {
       const { present, children } = props;
       const presence = usePresence(present);
-      const child = typeof children === "function" ? children({ present: presence.isPresent }) : React__default__namespace.Children.only(children);
+      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__default__namespace.cloneElement(child, { ref }) : null;
+      return forceMount || presence.isPresent ? React__namespace.cloneElement(child, { ref }) : null;
     };
     Presence.displayName = "Presence";
     function usePresence(present) {
-      const [node, setNode] = React__default__namespace.useState();
-      const stylesRef = React__default__namespace.useRef({});
-      const prevPresentRef = React__default__namespace.useRef(present);
-      const prevAnimationNameRef = React__default__namespace.useRef("none");
+      const [node, setNode] = React__namespace.useState();
+      const stylesRef = React__namespace.useRef({});
+      const prevPresentRef = React__namespace.useRef(present);
+      const prevAnimationNameRef = React__namespace.useRef("none");
       const initialState = present ? "mounted" : "unmounted";
       const [state, send] = useStateMachine(initialState, {
         mounted: {
@@ -10032,7 +10032,7 @@
           MOUNT: "mounted"
         }
       });
-      React__default__namespace.useEffect(() => {
+      React__namespace.useEffect(() => {
         const currentAnimationName = getAnimationName(stylesRef.current);
         prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
       }, [state]);
@@ -10098,7 +10098,7 @@
       }, [node, send]);
       return {
         isPresent: ["mounted", "unmountSuspended"].includes(state),
-        ref: React__default__namespace.useCallback((node2) => {
+        ref: React__namespace.useCallback((node2) => {
           if (node2) stylesRef.current = getComputedStyle(node2);
           setNode(node2);
         }, [])
@@ -10122,10 +10122,10 @@
     }
 
     // packages/react/id/src/id.tsx
-    var useReactId$1 = React__default__namespace["useId".toString()] || (() => void 0);
+    var useReactId$1 = React__namespace["useId".toString()] || (() => void 0);
     var count$1 = 0;
     function useId$1(deterministicId) {
-      const [id, setId] = React__default__namespace.useState(useReactId$1());
+      const [id, setId] = React__namespace.useState(useReactId$1());
       useLayoutEffect2$1(() => {
         setId((reactId) => reactId ?? String(count$1++));
       }, [deterministicId]);
@@ -10135,7 +10135,7 @@
     var COLLAPSIBLE_NAME = "Collapsible";
     var [createCollapsibleContext, createCollapsibleScope] = createContextScope(COLLAPSIBLE_NAME);
     var [CollapsibleProvider, useCollapsibleContext] = createCollapsibleContext(COLLAPSIBLE_NAME);
-    var Collapsible = React__default__namespace.forwardRef(
+    var Collapsible = React__namespace.forwardRef(
       (props, forwardedRef) => {
         const {
           __scopeCollapsible,
@@ -10157,7 +10157,7 @@
             disabled,
             contentId: useId$1(),
             open,
-            onOpenToggle: React__default__namespace.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
+            onOpenToggle: React__namespace.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
             children: /* @__PURE__ */ jsxRuntime.jsx(
               Primitive.div,
               {
@@ -10173,7 +10173,7 @@
     );
     Collapsible.displayName = COLLAPSIBLE_NAME;
     var TRIGGER_NAME$1 = "CollapsibleTrigger";
-    var CollapsibleTrigger = React__default__namespace.forwardRef(
+    var CollapsibleTrigger = React__namespace.forwardRef(
       (props, forwardedRef) => {
         const { __scopeCollapsible, ...triggerProps } = props;
         const context = useCollapsibleContext(TRIGGER_NAME$1, __scopeCollapsible);
@@ -10195,7 +10195,7 @@
     );
     CollapsibleTrigger.displayName = TRIGGER_NAME$1;
     var CONTENT_NAME$1 = "CollapsibleContent";
-    var CollapsibleContent = React__default__namespace.forwardRef(
+    var CollapsibleContent = React__namespace.forwardRef(
       (props, forwardedRef) => {
         const { forceMount, ...contentProps } = props;
         const context = useCollapsibleContext(CONTENT_NAME$1, props.__scopeCollapsible);
@@ -10203,20 +10203,20 @@
       }
     );
     CollapsibleContent.displayName = CONTENT_NAME$1;
-    var CollapsibleContentImpl = React__default__namespace.forwardRef((props, forwardedRef) => {
+    var CollapsibleContentImpl = React__namespace.forwardRef((props, forwardedRef) => {
       const { __scopeCollapsible, present, children, ...contentProps } = props;
       const context = useCollapsibleContext(CONTENT_NAME$1, __scopeCollapsible);
-      const [isPresent, setIsPresent] = React__default__namespace.useState(present);
-      const ref = React__default__namespace.useRef(null);
+      const [isPresent, setIsPresent] = React__namespace.useState(present);
+      const ref = React__namespace.useRef(null);
       const composedRefs = useComposedRefs(forwardedRef, ref);
-      const heightRef = React__default__namespace.useRef(0);
+      const heightRef = React__namespace.useRef(0);
       const height = heightRef.current;
-      const widthRef = React__default__namespace.useRef(0);
+      const widthRef = React__namespace.useRef(0);
       const width = widthRef.current;
       const isOpen = context.open || isPresent;
-      const isMountAnimationPreventedRef = React__default__namespace.useRef(isOpen);
-      const originalStylesRef = React__default__namespace.useRef();
-      React__default__namespace.useEffect(() => {
+      const isMountAnimationPreventedRef = React__namespace.useRef(isOpen);
+      const originalStylesRef = React__namespace.useRef();
+      React__namespace.useEffect(() => {
         const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
         return () => cancelAnimationFrame(rAF);
       }, []);
@@ -10265,14 +10265,14 @@
     var Content = CollapsibleContent;
 
     // packages/react/use-layout-effect/src/useLayoutEffect.tsx
-    var useLayoutEffect2 = Boolean(globalThis?.document) ? React__default__namespace.useLayoutEffect : () => {
+    var useLayoutEffect2 = Boolean(globalThis?.document) ? React__namespace.useLayoutEffect : () => {
     };
 
     // packages/react/id/src/id.tsx
-    var useReactId = React__default__namespace["useId".toString()] || (() => void 0);
+    var useReactId = React__namespace["useId".toString()] || (() => void 0);
     var count = 0;
     function useId(deterministicId) {
-      const [id, setId] = React__default__namespace.useState(useReactId());
+      const [id, setId] = React__namespace.useState(useReactId());
       useLayoutEffect2(() => {
         setId((reactId) => reactId ?? String(count++));
       }, [deterministicId]);
@@ -10280,9 +10280,9 @@
     }
 
     // packages/react/direction/src/Direction.tsx
-    var DirectionContext = React__default__namespace.createContext(void 0);
+    var DirectionContext = React__namespace.createContext(void 0);
     function useDirection(localDir) {
-      const globalDir = React__default__namespace.useContext(DirectionContext);
+      const globalDir = React__namespace.useContext(DirectionContext);
       return localDir || globalDir || "ltr";
     }
 
@@ -10294,7 +10294,7 @@
       createCollapsibleScope
     ]);
     var useCollapsibleScope = createCollapsibleScope();
-    var Accordion$1 = React__default.forwardRef(
+    var Accordion$1 = React.forwardRef(
       (props, forwardedRef) => {
         const { type, ...accordionProps } = props;
         const singleProps = accordionProps;
@@ -10308,7 +10308,7 @@
       ACCORDION_NAME,
       { collapsible: false }
     );
-    var AccordionImplSingle = React__default.forwardRef(
+    var AccordionImplSingle = React.forwardRef(
       (props, forwardedRef) => {
         const {
           value: valueProp,
@@ -10329,13 +10329,13 @@
             scope: props.__scopeAccordion,
             value: value ? [value] : [],
             onItemOpen: setValue,
-            onItemClose: React__default.useCallback(() => collapsible && setValue(""), [collapsible, setValue]),
+            onItemClose: React.useCallback(() => collapsible && setValue(""), [collapsible, setValue]),
             children: /* @__PURE__ */ jsxRuntime.jsx(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible, children: /* @__PURE__ */ jsxRuntime.jsx(AccordionImpl, { ...accordionSingleProps, ref: forwardedRef }) })
           }
         );
       }
     );
-    var AccordionImplMultiple = React__default.forwardRef((props, forwardedRef) => {
+    var AccordionImplMultiple = React.forwardRef((props, forwardedRef) => {
       const {
         value: valueProp,
         defaultValue,
@@ -10348,11 +10348,11 @@
         defaultProp: defaultValue,
         onChange: onValueChange
       });
-      const handleItemOpen = React__default.useCallback(
+      const handleItemOpen = React.useCallback(
         (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
         [setValue]
       );
-      const handleItemClose = React__default.useCallback(
+      const handleItemClose = React.useCallback(
         (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
         [setValue]
       );
@@ -10368,10 +10368,10 @@
       );
     });
     var [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME);
-    var AccordionImpl = React__default.forwardRef(
+    var AccordionImpl = React.forwardRef(
       (props, forwardedRef) => {
         const { __scopeAccordion, disabled, dir, orientation = "vertical", ...accordionProps } = props;
-        const accordionRef = React__default.useRef(null);
+        const accordionRef = React.useRef(null);
         const composedRefs = useComposedRefs$1(accordionRef, forwardedRef);
         const getItems = useCollection(__scopeAccordion);
         const direction = useDirection(dir);
@@ -10460,7 +10460,7 @@
     );
     var ITEM_NAME = "AccordionItem";
     var [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME);
-    var AccordionItem = React__default.forwardRef(
+    var AccordionItem = React.forwardRef(
       (props, forwardedRef) => {
         const { __scopeAccordion, value, ...accordionItemProps } = props;
         const accordionContext = useAccordionContext(ITEM_NAME, __scopeAccordion);
@@ -10501,7 +10501,7 @@
     );
     AccordionItem.displayName = ITEM_NAME;
     var HEADER_NAME = "AccordionHeader";
-    var AccordionHeader = React__default.forwardRef(
+    var AccordionHeader = React.forwardRef(
       (props, forwardedRef) => {
         const { __scopeAccordion, ...headerProps } = props;
         const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
@@ -10520,7 +10520,7 @@
     );
     AccordionHeader.displayName = HEADER_NAME;
     var TRIGGER_NAME = "AccordionTrigger";
-    var AccordionTrigger = React__default.forwardRef(
+    var AccordionTrigger = React.forwardRef(
       (props, forwardedRef) => {
         const { __scopeAccordion, ...triggerProps } = props;
         const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
@@ -10542,7 +10542,7 @@
     );
     AccordionTrigger.displayName = TRIGGER_NAME;
     var CONTENT_NAME = "AccordionContent";
-    var AccordionContent = React__default.forwardRef(
+    var AccordionContent = React.forwardRef(
       (props, forwardedRef) => {
         const { __scopeAccordion, ...contentProps } = props;
         const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
@@ -10571,7 +10571,7 @@
       return open ? "open" : "closed";
     }
 
-    React__default.createContext(null);
+    React.createContext(null);
 
     function bind(fn, thisArg) {
       return function wrap() {
@@ -15807,7 +15807,7 @@
     var BooleanInput = function (_a) {
         var field = _a.field, onChange = _a.onChange, value = _a.value;
         var initialValue = value !== undefined ? value : false;
-        return React__default.createElement(Checkbox, { id: field.id, testId: field.id, label: React__default.createElement(FieldLabelText, __assign$1({}, field)), value: Boolean(initialValue), onChange: function (e) {
+        return React.createElement(Checkbox, { id: field.id, testId: field.id, label: React.createElement(FieldLabelText, __assign$1({}, field)), value: Boolean(initialValue), onChange: function (e) {
                 onChange(e);
             } });
     };
@@ -15818,8 +15818,8 @@
         var getValue = function () {
             return initialValue !== undefined && initialValue !== null ? String(initialValue) : '';
         };
-        return React__default.createElement("div", null,
-            React__default.createElement(TextArea, { id: field.id, testId: field.id, label: React__default.createElement(FieldLabel, __assign$1({}, field)), value: getValue(), onChange: function (e) {
+        return React.createElement("div", null,
+            React.createElement(TextArea, { id: field.id, testId: field.id, label: React.createElement(FieldLabel, __assign$1({}, field)), value: getValue(), onChange: function (e) {
                     onChange(e);
                 } }));
     };
@@ -15827,8 +15827,8 @@
     var StringInput = function (_a) {
         var field = _a.field, onChange = _a.onChange, value = _a.value;
         var initialValue = value !== undefined ? value : '';
-        return React__default.createElement("div", null,
-            React__default.createElement(Input, { id: field.id, testId: field.id, value: initialValue !== undefined && initialValue !== null ? String(initialValue) : '', label: React__default.createElement(FieldLabel, __assign$1({}, field)), onChange: function (e) {
+        return React.createElement("div", null,
+            React.createElement(Input, { id: field.id, testId: field.id, value: initialValue !== undefined && initialValue !== null ? String(initialValue) : '', label: React.createElement(FieldLabel, __assign$1({}, field)), onChange: function (e) {
                     onChange(e);
                 } }));
     };
@@ -15839,18 +15839,18 @@
         if (field.type === 'object' && field.fields !== undefined) {
             var cl = "".concat(field.layout === 'horizontal' ? "flex flex-row gap-4  ".concat(field.label !== undefined ? 'px-0' : '') : 'flex flex-col gap-4');
             var fc_1 = field.layout === 'horizontal' ? 'flex-1' : '';
-            return (React__default.createElement("div", null,
+            return (React.createElement("div", null,
                 field.label !== undefined
-                    ? React__default.createElement(FieldLabel, __assign$1({}, field))
+                    ? React.createElement(FieldLabel, __assign$1({}, field))
                     : null,
-                React__default.createElement("div", { className: "p-4 bg-slate-100 ".concat(cl) }, field.fields.map(function (childField) {
+                React.createElement("div", { className: "p-4 bg-slate-100 ".concat(cl) }, field.fields.map(function (childField) {
                     var _a;
                     var id = ((_a = field.path) !== null && _a !== void 0 ? _a : [field.id]).concat(childField.id).join('.');
                     if (childField.type === 'object') {
                         childField.path = field.path !== undefined ? field.path.concat(id) : [id];
                         childField.level = field.level !== undefined ? field.level + 1 : 1;
                     }
-                    return (React__default.createElement(FieldCreator, { formValueState: formValueState, onChange: field.skip_path === true
+                    return (React.createElement(FieldCreator, { formValueState: formValueState, onChange: field.skip_path === true
                             ? undefined
                             : function (e) {
                                 initialValue[childField.id] = e;
@@ -15861,7 +15861,7 @@
                         }), value: initialValue[childField.id], field: __assign$1(__assign$1({}, childField), { id: id }), form: form, key: id }));
                 }))));
         }
-        return React__default.createElement("p", null,
+        return React.createElement("p", null,
             "Field config for ",
             field.id,
             " is missing 'fields'");
@@ -15871,11 +15871,11 @@
         var field = _a.field, onChange = _a.onChange, value = _a.value;
         var initialValue = value !== undefined ? value : '';
         if (field.type === 'radio' && field.options !== undefined) {
-            return React__default.createElement(RadixRadioGroup, { id: field.id, label: React__default.createElement(FieldLabel, __assign$1({}, field)), testId: field.id, options: field.options, value: initialValue !== undefined && initialValue !== null ? String(initialValue) : '', onChange: function (e) {
+            return React.createElement(RadixRadioGroup, { id: field.id, label: React.createElement(FieldLabel, __assign$1({}, field)), testId: field.id, options: field.options, value: initialValue !== undefined && initialValue !== null ? String(initialValue) : '', onChange: function (e) {
                     onChange(e === null || e === void 0 ? void 0 : e.value);
                 } });
         }
-        return React__default.createElement("p", null,
+        return React.createElement("p", null,
             "Field config for ",
             field.id,
             " is missing 'options'");
@@ -15885,11 +15885,11 @@
         var field = _a.field, onChange = _a.onChange, value = _a.value;
         var initialValue = value !== undefined ? value : '';
         if (field.type === 'select' && field.options !== undefined) {
-            return React__default.createElement(Select, { id: field.id, label: React__default.createElement(FieldLabel, __assign$1({}, field)), testId: field.id, options: field.options, value: initialValue !== undefined && initialValue !== null ? String(initialValue) : '', onChange: function (e) {
+            return React.createElement(Select, { id: field.id, label: React.createElement(FieldLabel, __assign$1({}, field)), testId: field.id, options: field.options, value: initialValue !== undefined && initialValue !== null ? String(initialValue) : '', onChange: function (e) {
                     onChange(e === null || e === void 0 ? void 0 : e.value);
                 } });
         }
-        return React__default.createElement("p", null,
+        return React.createElement("p", null,
             "Field config for ",
             field.id,
             " is missing 'options'");
@@ -15897,7 +15897,7 @@
 
     var JSONStringInput = function (_a) {
         var field = _a.field, onChange = _a.onChange, value = _a.value;
-        var _b = React__default.useState(undefined), error = _b[0], setError = _b[1];
+        var _b = React.useState(undefined), error = _b[0], setError = _b[1];
         var initialValue = value !== undefined ? value : '';
         var getValue = function () {
             return initialValue !== undefined && initialValue !== null
@@ -15906,11 +15906,11 @@
                     : String(initialValue)
                 : '';
         };
-        return React__default.createElement("div", null,
-            React__default.createElement(TextArea, { error: error, className: [
+        return React.createElement("div", null,
+            React.createElement(TextArea, { error: error, className: [
                     'min-h-[500px] bg-slate-50 rounded-lg shadow-inner'
                     // 'p-0 bg-[repeating-linear-gradient(to_bottom,var(--tw-gradient-stops))] from-[#efefef] from-[length:0_25px] to-[#FFF] to-[length:25px_50px]'
-                ].join(' '), id: field.id, testId: field.id, label: React__default.createElement(FieldLabel, __assign$1({}, field)), value: getValue(), onChange: function (e) {
+                ].join(' '), id: field.id, testId: field.id, label: React.createElement(FieldLabel, __assign$1({}, field)), value: getValue(), onChange: function (e) {
                     try {
                         JSON.parse(e !== null && e !== void 0 ? e : '');
                         onChange(JSON.parse(e !== null && e !== void 0 ? e : ''));
@@ -15925,8 +15925,8 @@
     var NumberInput = function (_a) {
         var field = _a.field, onChange = _a.onChange, value = _a.value;
         var initialValue = value !== undefined ? value : '';
-        return React__default.createElement("div", null,
-            React__default.createElement(Input, { id: field.id, testId: field.id, value: initialValue !== undefined && initialValue !== null ? String(initialValue) : '', label: React__default.createElement(FieldLabel, __assign$1({}, field)), onChange: function (e) {
+        return React.createElement("div", null,
+            React.createElement(Input, { id: field.id, testId: field.id, value: initialValue !== undefined && initialValue !== null ? String(initialValue) : '', label: React.createElement(FieldLabel, __assign$1({}, field)), onChange: function (e) {
                     if (e !== undefined && !isNaN(+e)) {
                         onChange(+e);
                     }
@@ -15963,12 +15963,12 @@
     }
 
     var _excluded$T = ["color"];
-    var CheckIcon = /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef) {
+    var CheckIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
       var _ref$color = _ref.color,
           color = _ref$color === void 0 ? 'currentColor' : _ref$color,
           props = _objectWithoutPropertiesLoose(_ref, _excluded$T);
 
-      return React__default.createElement("svg", Object.assign({
+      return React.createElement("svg", Object.assign({
         width: "15",
         height: "15",
         viewBox: "0 0 15 15",
@@ -15976,7 +15976,7 @@
         xmlns: "http://www.w3.org/2000/svg"
       }, props, {
         ref: forwardedRef
-      }), React__default.createElement("path", {
+      }), React.createElement("path", {
         d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
         fill: color,
         fillRule: "evenodd",
@@ -15985,12 +15985,12 @@
     });
 
     var _excluded$1h = ["color"];
-    var CopyIcon = /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef) {
+    var CopyIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
       var _ref$color = _ref.color,
           color = _ref$color === void 0 ? 'currentColor' : _ref$color,
           props = _objectWithoutPropertiesLoose(_ref, _excluded$1h);
 
-      return React__default.createElement("svg", Object.assign({
+      return React.createElement("svg", Object.assign({
         width: "15",
         height: "15",
         viewBox: "0 0 15 15",
@@ -15998,7 +15998,7 @@
         xmlns: "http://www.w3.org/2000/svg"
       }, props, {
         ref: forwardedRef
-      }), React__default.createElement("path", {
+      }), React.createElement("path", {
         d: "M1 9.50006C1 10.3285 1.67157 11.0001 2.5 11.0001H4L4 10.0001H2.5C2.22386 10.0001 2 9.7762 2 9.50006L2 2.50006C2 2.22392 2.22386 2.00006 2.5 2.00006L9.5 2.00006C9.77614 2.00006 10 2.22392 10 2.50006V4.00002H5.5C4.67158 4.00002 4 4.67159 4 5.50002V12.5C4 13.3284 4.67158 14 5.5 14H12.5C13.3284 14 14 13.3284 14 12.5V5.50002C14 4.67159 13.3284 4.00002 12.5 4.00002H11V2.50006C11 1.67163 10.3284 1.00006 9.5 1.00006H2.5C1.67157 1.00006 1 1.67163 1 2.50006V9.50006ZM5 5.50002C5 5.22388 5.22386 5.00002 5.5 5.00002H12.5C12.7761 5.00002 13 5.22388 13 5.50002V12.5C13 12.7762 12.7761 13 12.5 13H5.5C5.22386 13 5 12.7762 5 12.5V5.50002Z",
         fill: color,
         fillRule: "evenodd",
@@ -16007,12 +16007,12 @@
     });
 
     var _excluded$1q = ["color"];
-    var Cross1Icon = /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef) {
+    var Cross1Icon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
       var _ref$color = _ref.color,
           color = _ref$color === void 0 ? 'currentColor' : _ref$color,
           props = _objectWithoutPropertiesLoose(_ref, _excluded$1q);
 
-      return React__default.createElement("svg", Object.assign({
+      return React.createElement("svg", Object.assign({
         width: "15",
         height: "15",
         viewBox: "0 0 15 15",
@@ -16020,7 +16020,7 @@
         xmlns: "http://www.w3.org/2000/svg"
       }, props, {
         ref: forwardedRef
-      }), React__default.createElement("path", {
+      }), React.createElement("path", {
         d: "M12.8536 2.85355C13.0488 2.65829 13.0488 2.34171 12.8536 2.14645C12.6583 1.95118 12.3417 1.95118 12.1464 2.14645L7.5 6.79289L2.85355 2.14645C2.65829 1.95118 2.34171 1.95118 2.14645 2.14645C1.95118 2.34171 1.95118 2.65829 2.14645 2.85355L6.79289 7.5L2.14645 12.1464C1.95118 12.3417 1.95118 12.6583 2.14645 12.8536C2.34171 13.0488 2.65829 13.0488 2.85355 12.8536L7.5 8.20711L12.1464 12.8536C12.3417 13.0488 12.6583 13.0488 12.8536 12.8536C13.0488 12.6583 13.0488 12.3417 12.8536 12.1464L8.20711 7.5L12.8536 2.85355Z",
         fill: color,
         fillRule: "evenodd",
@@ -16028,13 +16028,35 @@
       }));
     });
 
+    var _excluded$20 = ["color"];
+    var ExclamationTriangleIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
+      var _ref$color = _ref.color,
+          color = _ref$color === void 0 ? 'currentColor' : _ref$color,
+          props = _objectWithoutPropertiesLoose(_ref, _excluded$20);
+
+      return React.createElement("svg", Object.assign({
+        width: "15",
+        height: "15",
+        viewBox: "0 0 15 15",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, props, {
+        ref: forwardedRef
+      }), React.createElement("path", {
+        d: "M8.4449 0.608765C8.0183 -0.107015 6.9817 -0.107015 6.55509 0.608766L0.161178 11.3368C-0.275824 12.07 0.252503 13 1.10608 13H13.8939C14.7475 13 15.2758 12.07 14.8388 11.3368L8.4449 0.608765ZM7.4141 1.12073C7.45288 1.05566 7.54712 1.05566 7.5859 1.12073L13.9798 11.8488C14.0196 11.9154 13.9715 12 13.8939 12H1.10608C1.02849 12 0.980454 11.9154 1.02018 11.8488L7.4141 1.12073ZM6.8269 4.48611C6.81221 4.10423 7.11783 3.78663 7.5 3.78663C7.88217 3.78663 8.18778 4.10423 8.1731 4.48612L8.01921 8.48701C8.00848 8.766 7.7792 8.98664 7.5 8.98664C7.2208 8.98664 6.99151 8.766 6.98078 8.48701L6.8269 4.48611ZM8.24989 10.476C8.24989 10.8902 7.9141 11.226 7.49989 11.226C7.08567 11.226 6.74989 10.8902 6.74989 10.476C6.74989 10.0618 7.08567 9.72599 7.49989 9.72599C7.9141 9.72599 8.24989 10.0618 8.24989 10.476Z",
+        fill: color,
+        fillRule: "evenodd",
+        clipRule: "evenodd"
+      }));
+    });
+
     var _excluded$3x = ["color"];
-    var PlusIcon = /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef) {
+    var PlusIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
       var _ref$color = _ref.color,
           color = _ref$color === void 0 ? 'currentColor' : _ref$color,
           props = _objectWithoutPropertiesLoose(_ref, _excluded$3x);
 
-      return React__default.createElement("svg", Object.assign({
+      return React.createElement("svg", Object.assign({
         width: "15",
         height: "15",
         viewBox: "0 0 15 15",
@@ -16042,7 +16064,7 @@
         xmlns: "http://www.w3.org/2000/svg"
       }, props, {
         ref: forwardedRef
-      }), React__default.createElement("path", {
+      }), React.createElement("path", {
         d: "M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z",
         fill: color,
         fillRule: "evenodd",
@@ -16051,12 +16073,12 @@
     });
 
     var _excluded$4G = ["color"];
-    var TrashIcon = /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef) {
+    var TrashIcon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
       var _ref$color = _ref.color,
           color = _ref$color === void 0 ? 'currentColor' : _ref$color,
           props = _objectWithoutPropertiesLoose(_ref, _excluded$4G);
 
-      return React__default.createElement("svg", Object.assign({
+      return React.createElement("svg", Object.assign({
         width: "15",
         height: "15",
         viewBox: "0 0 15 15",
@@ -16064,7 +16086,7 @@
         xmlns: "http://www.w3.org/2000/svg"
       }, props, {
         ref: forwardedRef
-      }), React__default.createElement("path", {
+      }), React.createElement("path", {
         d: "M5.5 1C5.22386 1 5 1.22386 5 1.5C5 1.77614 5.22386 2 5.5 2H9.5C9.77614 2 10 1.77614 10 1.5C10 1.22386 9.77614 1 9.5 1H5.5ZM3 3.5C3 3.22386 3.22386 3 3.5 3H5H10H11.5C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4H11V12C11 12.5523 10.5523 13 10 13H5C4.44772 13 4 12.5523 4 12V4L3.5 4C3.22386 4 3 3.77614 3 3.5ZM5 4H10V12H5V4Z",
         fill: color,
         fillRule: "evenodd",
@@ -16075,25 +16097,25 @@
     var toolButtonClass = 'border-white hover:border-single hover:border-1 hover:border-slate-400';
     var DeleteMultiple = function (_a) {
         var doDelete = _a.doDelete;
-        var _b = React__default.useState(false), confirm = _b[0], setConfirm = _b[1];
-        return (React__default.createElement(React__default.Fragment, null, confirm
-            ? React__default.createElement("p", { className: 'flex flex-row gap-2 text-sm' },
-                React__default.createElement("span", { className: 'text-slate-600' }, "Deleting: "),
+        var _b = React.useState(false), confirm = _b[0], setConfirm = _b[1];
+        return (React.createElement(React.Fragment, null, confirm
+            ? React.createElement("p", { className: 'flex flex-row gap-2 text-sm' },
+                React.createElement("span", { className: 'text-slate-600' }, "Deleting: "),
                 " Are you sure?",
-                React__default.createElement(Button, { size: 'xs', type: 'submit', onClick: function () {
+                React.createElement(Button, { size: 'xs', type: 'submit', onClick: function () {
                         doDelete();
                         setConfirm(false);
                     } },
                     "Yes ",
-                    React__default.createElement(CheckIcon, { className: 'inline ml-2' })),
-                React__default.createElement(Button, { size: 'xs', type: 'alert', onClick: function () {
+                    React.createElement(CheckIcon, { className: 'inline ml-2' })),
+                React.createElement(Button, { size: 'xs', type: 'alert', onClick: function () {
                         setConfirm(false);
                     } },
                     "Cancel ",
-                    React__default.createElement(Cross1Icon, { className: 'inline ml-2' })))
-            : React__default.createElement(Button, { size: 'xs', className: toolButtonClass, onClick: function () { setConfirm(true); } },
+                    React.createElement(Cross1Icon, { className: 'inline ml-2' })))
+            : React.createElement(Button, { size: 'xs', className: toolButtonClass, onClick: function () { setConfirm(true); } },
                 "Delete ",
-                React__default.createElement(TrashIcon, { className: 'inline ml-2 fill-white' }))));
+                React.createElement(TrashIcon, { className: 'inline ml-2 fill-white' }))));
     };
     var OneOfMultiple = function (_a) {
         var InputComponent = _a.InputComponent, field = _a.field, form = _a.form, value = _a.value, index = _a.index, onChange = _a.onChange, values = _a.values, formValueState = _a.formValueState;
@@ -16102,29 +16124,29 @@
             newValues.splice(index + 1, 0, v);
             onChange(newValues);
         };
-        return (React__default.createElement("div", { className: 'flex flex-col gap-2' },
-            React__default.createElement(InputComponent, { formValueState: formValueState, form: form, field: __assign$1(__assign$1({}, field), { required: false, label: index > 0 ? null : field.label, id: "".concat(field.id, "-").concat(index) }), value: value, onChange: function (v) {
+        return (React.createElement("div", { className: 'flex flex-col gap-2' },
+            React.createElement(InputComponent, { formValueState: formValueState, form: form, field: __assign$1(__assign$1({}, field), { required: false, label: index > 0 ? null : field.label, id: "".concat(field.id, "-").concat(index) }), value: value, onChange: function (v) {
                     var newValues = __spreadArray$1([], values, true);
                     newValues[index] = String(v);
                     onChange(newValues);
                 } }),
-            React__default.createElement("div", { className: 'flex flex-row justify-between w-full p-2' },
-                index > 0 && (React__default.createElement(DeleteMultiple, { doDelete: function () {
+            React.createElement("div", { className: 'flex flex-row justify-between w-full p-2' },
+                index > 0 && (React.createElement(DeleteMultiple, { doDelete: function () {
                         var newValues = __spreadArray$1([], values, true);
                         newValues.splice(index, 1);
                         onChange(newValues);
                     } })),
-                React__default.createElement("div", { className: 'ml-auto flex gap-2' },
-                    React__default.createElement(Button, { size: 'xs', className: toolButtonClass, onClick: function () {
+                React.createElement("div", { className: 'ml-auto flex gap-2' },
+                    React.createElement(Button, { size: 'xs', className: toolButtonClass, onClick: function () {
                             addValue(null);
                         } },
                         "Add ",
-                        React__default.createElement(PlusIcon, { className: 'inline ml-2' })),
-                    React__default.createElement(Button, { size: 'xs', className: toolButtonClass, onClick: function () {
+                        React.createElement(PlusIcon, { className: 'inline ml-2' })),
+                    React.createElement(Button, { size: 'xs', className: toolButtonClass, onClick: function () {
                             addValue(structuredClone(value));
                         } },
                         "Duplicate ",
-                        React__default.createElement(CopyIcon, { className: 'inline ml-2' }))))));
+                        React.createElement(CopyIcon, { className: 'inline ml-2' }))))));
     };
     var MultipleFieldCreator = function (_a) {
         var form = _a.form, field = _a.field, onChange = _a.onChange, value = _a.value, formValueState = _a.formValueState;
@@ -16144,8 +16166,8 @@
             : [null]
         ) as IValueType[] */
         var InputComponent = inputMap[field.type];
-        return React__default.createElement("div", null, initialValues === null || initialValues === void 0 ? void 0 : initialValues.map(function (value, index) {
-            return React__default.createElement(OneOfMultiple, { formValueState: formValueState, key: "".concat(field.id, "-").concat(index), InputComponent: InputComponent, form: form, field: field, value: value, index: index, onChange: onChange !== null && onChange !== void 0 ? onChange : defaultOnChange, values: initialValues });
+        return React.createElement("div", null, initialValues === null || initialValues === void 0 ? void 0 : initialValues.map(function (value, index) {
+            return React.createElement(OneOfMultiple, { formValueState: formValueState, key: "".concat(field.id, "-").concat(index), InputComponent: InputComponent, form: form, field: field, value: value, index: index, onChange: onChange !== null && onChange !== void 0 ? onChange : defaultOnChange, values: initialValues });
         }));
     };
     var FieldCreator = function (_a) {
@@ -16165,13 +16187,13 @@
         };
         var initialValue = value !== undefined ? value : getFieldValue(field, formValues);
         return InputComponent !== undefined
-            ? React__default.createElement("div", { className: index$1.makeClassName({
+            ? React.createElement("div", { className: index$1.makeClassName({
                     className: className,
                     defaultClassName: defaultClassName
                 }) }, field.multiple === true
-                ? React__default.createElement(MultipleFieldCreator, { field: field, form: form, onChange: onChange, value: initialValue, formValueState: formValueState })
-                : React__default.createElement(InputComponent, { field: field, form: form, onChange: onChange !== null && onChange !== void 0 ? onChange : defaultOnChange, value: Array.isArray(initialValue) ? initialValue[0] : initialValue, formValueState: formValueState }))
-            : React__default.createElement("p", null,
+                ? React.createElement(MultipleFieldCreator, { field: field, form: form, onChange: onChange, value: initialValue, formValueState: formValueState })
+                : React.createElement(InputComponent, { field: field, form: form, onChange: onChange !== null && onChange !== void 0 ? onChange : defaultOnChange, value: Array.isArray(initialValue) ? initialValue[0] : initialValue, formValueState: formValueState }))
+            : React.createElement("p", null,
                 "No component definition for ",
                 field.type,
                 " (",
@@ -16179,8 +16201,39 @@
                 ")");
     };
 
+    var FormCreator = function (_a) {
+        var form = _a.form, formValueState = _a.formValueState, note = _a.note, error = _a.error, onChange = _a.onChange;
+        var _b = React.useState(null), activeForm = _b[0], setActiveForm = _b[1];
+        React.useEffect(function () {
+            var newForm = copyAndAddPathToFields(form);
+            setActiveForm(newForm);
+        }, [form]);
+        if (activeForm === null) {
+            return React.createElement("p", null, "Processing");
+        }
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("h2", { className: 'text-2xl pb-4 font-bold' }, form.label),
+                note !== undefined
+                    ? React.createElement("p", { className: 'pb-4' }, note)
+                    : null,
+                error !== undefined
+                    ? React.createElement("p", { className: 'pb-4 text-rose-800' },
+                        React.createElement(ExclamationTriangleIcon, { className: 'inline mr-2' }),
+                        " ",
+                        error)
+                    : null,
+                activeForm.description !== undefined
+                    ? React.createElement("p", { className: 'pb-4' }, form.description)
+                    : null,
+                React.createElement("div", { className: 'flex flex-col gap-2' }, activeForm.fields.map(function (field) {
+                    return (React.createElement(FieldCreator, { onChange: onChange, form: form, field: field, key: field.id, formValueState: formValueState }));
+                })))));
+    };
+
     exports.BooleanInput = BooleanInput;
     exports.FieldCreator = FieldCreator;
+    exports.FormCreator = FormCreator;
     exports.JSONStringInput = JSONStringInput;
     exports.LongTextInput = LongStringInput;
     exports.NumberInput = NumberInput;