pollination-react-io 1.88.0 → 1.88.1

package/build/index.js

@@ -213,10 +213,10 @@ function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultCon
 
 /* -------------------------------------------------------------------------------------------------
  * Slot
- * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+ * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360$1 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { children: children , ...slotProps } = props;
     const childrenArray = React.Children.toArray(children);
-    const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);
+    const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable$1);
     if (slottable) {
         // the new element to render is the one passed as a child of `Slottable`
         const newElement = slottable.props.children;
@@ -228,35 +228,35 @@ function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultCon
                 return /*#__PURE__*/ React.isValidElement(newElement) ? newElement.props.children : null;
             } else return child;
         });
-        return /*#__PURE__*/ React.createElement($5e63c961fc1ce211$var$SlotClone, _extends$L({}, slotProps, {
+        return /*#__PURE__*/ React.createElement($5e63c961fc1ce211$var$SlotClone$1, _extends$L({}, slotProps, {
             ref: forwardedRef
         }), /*#__PURE__*/ React.isValidElement(newElement) ? /*#__PURE__*/ React.cloneElement(newElement, undefined, newChildren) : null);
     }
-    return /*#__PURE__*/ React.createElement($5e63c961fc1ce211$var$SlotClone, _extends$L({}, slotProps, {
+    return /*#__PURE__*/ React.createElement($5e63c961fc1ce211$var$SlotClone$1, _extends$L({}, slotProps, {
         ref: forwardedRef
     }), children);
 });
-$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot';
+$5e63c961fc1ce211$export$8c6ed5c666ac1360$1.displayName = 'Slot';
 /* -------------------------------------------------------------------------------------------------
  * SlotClone
- * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$var$SlotClone = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+ * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$var$SlotClone$1 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { children: children , ...slotProps } = props;
     if (/*#__PURE__*/ React.isValidElement(children)) return /*#__PURE__*/ React.cloneElement(children, {
-        ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
+        ...$5e63c961fc1ce211$var$mergeProps$1(slotProps, children.props),
         ref: $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref)
     });
     return React.Children.count(children) > 1 ? React.Children.only(null) : null;
 });
-$5e63c961fc1ce211$var$SlotClone.displayName = 'SlotClone';
+$5e63c961fc1ce211$var$SlotClone$1.displayName = 'SlotClone';
 /* -------------------------------------------------------------------------------------------------
  * Slottable
- * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children: children  })=>{
+ * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45$1 = ({ children: children  })=>{
     return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
 };
-/* ---------------------------------------------------------------------------------------------- */ function $5e63c961fc1ce211$var$isSlottable(child) {
-    return /*#__PURE__*/ React.isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
+/* ---------------------------------------------------------------------------------------------- */ function $5e63c961fc1ce211$var$isSlottable$1(child) {
+    return /*#__PURE__*/ React.isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45$1;
 }
-function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
+function $5e63c961fc1ce211$var$mergeProps$1(slotProps, childProps) {
     // all child props should override
     const overrideProps = {
         ...childProps
@@ -284,7 +284,7 @@ function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
     };
 }
 
-const $8927f6f2acc4f386$var$NODES = [
+const $8927f6f2acc4f386$var$NODES$1 = [
     'a',
     'button',
     'div',
@@ -303,10 +303,10 @@ const $8927f6f2acc4f386$var$NODES = [
 // prettier-ignore
 /* -------------------------------------------------------------------------------------------------
  * Primitive
- * -----------------------------------------------------------------------------------------------*/ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node)=>{
+ * -----------------------------------------------------------------------------------------------*/ const $8927f6f2acc4f386$export$250ffa63cdc0d034$1 = $8927f6f2acc4f386$var$NODES$1.reduce((primitive, node)=>{
     const Node = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
         const { asChild: asChild , ...primitiveProps } = props;
-        const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : node;
+        const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360$1 : node;
         React.useEffect(()=>{
             window[Symbol.for('radix-ui')] = true;
         }, []);
@@ -374,7 +374,7 @@ const $cddcb0b647441e34$export$e2255cf6045e8d47 = /*#__PURE__*/ React.forwardRef
         scope: __scopeAvatar,
         imageLoadingStatus: imageLoadingStatus,
         onImageLoadingStatusChange: setImageLoadingStatus
-    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$L({}, avatarProps, {
+    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends$L({}, avatarProps, {
         ref: forwardedRef
     })));
 });
@@ -395,7 +395,7 @@ const $cddcb0b647441e34$export$2cd8ae1985206fe8 = /*#__PURE__*/ React.forwardRef
         imageLoadingStatus,
         handleLoadingStatusChange
     ]);
-    return imageLoadingStatus === 'loaded' ? /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.img, _extends$L({}, imageProps, {
+    return imageLoadingStatus === 'loaded' ? /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.img, _extends$L({}, imageProps, {
         ref: forwardedRef,
         src: src
     })) : null;
@@ -417,7 +417,7 @@ const $cddcb0b647441e34$export$69fffb6a9571fbfe = /*#__PURE__*/ React.forwardRef
     }, [
         delayMs
     ]);
-    return canRender && context.imageLoadingStatus !== 'loaded' ? /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$L({}, fallbackProps, {
+    return canRender && context.imageLoadingStatus !== 'loaded' ? /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends$L({}, fallbackProps, {
         ref: forwardedRef
     })) : null;
 });
@@ -6774,7 +6774,7 @@ const $89eedd556c436f6a$export$1ff3c3f08ae963c0 = /*#__PURE__*/ React.forwardRef
         'aria-orientation': ariaOrientation,
         role: 'separator'
     };
-    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$L({
+    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, _extends$L({
         "data-orientation": orientation
     }, semanticProps, domProps, {
         ref: forwardedRef
@@ -9119,7 +9119,7 @@ function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
         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["default"].createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, {
+        return /*#__PURE__*/ React__default["default"].createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360$1, {
             ref: composedRefs
         }, children);
     });
@@ -9140,7 +9140,7 @@ function $e02a7d9cb1dc128c$export$c74125a8e3af6bb2(name) {
             return ()=>void context.itemMap.delete(ref)
             ;
         });
-        return /*#__PURE__*/ React__default["default"].createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360, {
+        return /*#__PURE__*/ React__default["default"].createElement($5e63c961fc1ce211$export$8c6ed5c666ac1360$1, {
             [ITEM_DATA_ATTR]: '',
             ref: composedRefs
         }, children);
@@ -9293,7 +9293,7 @@ const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ React.forwardRef
         return ()=>document.removeEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE, handleUpdate)
         ;
     }, []);
-    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$L({}, layerProps, {
+    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, _extends$L({}, layerProps, {
         ref: composedRefs,
         style: {
             pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? 'auto' : 'none' : undefined,
@@ -9565,7 +9565,7 @@ const $d3863c46a17e8a28$export$20e40289641fbbb6 = /*#__PURE__*/ React.forwardRef
         trapped,
         focusScope.paused
     ]);
-    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$L({
+    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, _extends$L({
         tabIndex: -1
     }, scopeProps, {
         ref: composedRefs,
@@ -11340,7 +11340,7 @@ const arrow = options => {
 
 const $7e8f5cd07187803e$export$21b07c8f274aebd5 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { children: children , width: width = 10 , height: height = 5 , ...arrowProps } = props;
-    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.svg, _extends$L({}, arrowProps, {
+    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.svg, _extends$L({}, arrowProps, {
         ref: forwardedRef,
         width: width,
         height: height,
@@ -11427,7 +11427,7 @@ const $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d = /*#__PURE__*/ React.forwardRef(
         // `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.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$L({}, anchorProps, {
+    return virtualRef ? null : /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, _extends$L({}, anchorProps, {
         ref: composedRefs
     }));
 });
@@ -11583,7 +11583,7 @@ const $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc = /*#__PURE__*/ React.forwardRef(
         scope: __scopePopper,
         hasParent: true,
         positionUpdateFns: positionUpdateFns
-    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, commonProps)) : /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, commonProps)));
+    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, commonProps)) : /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, commonProps)));
 });
 /* -------------------------------------------------------------------------------------------------
  * PopperArrow
@@ -11873,7 +11873,7 @@ const $d7bdfb9eb0fdf311$export$8699f7c8af148338 = /*#__PURE__*/ React.forwardRef
         ]),
         onItemShiftTab: React.useCallback(()=>setIsTabbingBackOut(true)
         , [])
-    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$L({
+    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, _extends$L({
         tabIndex: isTabbingBackOut ? -1 : 0,
         "data-orientation": orientation
     }, groupProps, {
@@ -11931,7 +11931,7 @@ const $d7bdfb9eb0fdf311$export$ab9df7c53fe8454 = /*#__PURE__*/ React.forwardRef(
         id: id,
         focusable: focusable,
         active: active
-    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$L({
+    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends$L({
         tabIndex: isCurrentTabStop ? 0 : -1,
         "data-orientation": context.orientation
     }, itemProps, {
@@ -12924,7 +12924,7 @@ const $6cc32821e9371a1c$var$MenuRootContentNonModal = /*#__PURE__*/ React.forwar
     const lastPointerXRef = React.useRef(0);
     const ScrollLockWrapper = disableOutsideScroll ? $epM9y$RemoveScroll : React.Fragment;
     const scrollLockWrapperProps = disableOutsideScroll ? {
-        as: $5e63c961fc1ce211$export$8c6ed5c666ac1360,
+        as: $5e63c961fc1ce211$export$8c6ed5c666ac1360$1,
         allowPinchZoom: true
     } : undefined;
     const handleTypeaheadSearch = (key)=>{
@@ -13073,7 +13073,7 @@ const $6cc32821e9371a1c$var$MenuRootContentNonModal = /*#__PURE__*/ React.forwar
 });
 const $6cc32821e9371a1c$export$22a631d1f72787bb = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeMenu: __scopeMenu , ...groupProps } = props;
-    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$L({
+    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, _extends$L({
         role: "group"
     }, groupProps, {
         ref: forwardedRef
@@ -13081,7 +13081,7 @@ const $6cc32821e9371a1c$export$22a631d1f72787bb = /*#__PURE__*/ React.forwardRef
 });
 const $6cc32821e9371a1c$export$dd37bec0e8a99143 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeMenu: __scopeMenu , ...labelProps } = props;
-    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$L({}, labelProps, {
+    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, _extends$L({}, labelProps, {
         ref: forwardedRef
     }));
 });
@@ -13168,7 +13168,7 @@ const $6cc32821e9371a1c$export$2ce376c2cc3355c8 = /*#__PURE__*/ React.forwardRef
         asChild: true
     }, rovingFocusGroupScope, {
         focusable: !disabled
-    }), /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$L({
+    }), /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, _extends$L({
         role: "menuitem",
         "data-highlighted": isFocused ? '' : undefined,
         "aria-disabled": disabled || undefined,
@@ -13263,7 +13263,7 @@ const $6cc32821e9371a1c$export$a2593e23056970a3 = /*#__PURE__*/ React.forwardRef
     const indicatorContext = $6cc32821e9371a1c$var$useItemIndicatorContext($6cc32821e9371a1c$var$ITEM_INDICATOR_NAME, __scopeMenu);
     return /*#__PURE__*/ React.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
         present: forceMount || indicatorContext.checked
-    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$L({}, itemIndicatorProps, {
+    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends$L({}, itemIndicatorProps, {
         ref: forwardedRef,
         "data-state": $6cc32821e9371a1c$var$getCheckedState(indicatorContext.checked)
     })));
@@ -13415,7 +13415,7 @@ const $d08ef79370b62062$export$d2469213b3befba9 = /*#__PURE__*/ React.forwardRef
     const menuScope = $d08ef79370b62062$var$useMenuScope(__scopeDropdownMenu);
     return /*#__PURE__*/ React.createElement($6cc32821e9371a1c$export$b688253958b8dfe7, _extends$L({
         asChild: true
-    }, menuScope), /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$L({
+    }, menuScope), /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.button, _extends$L({
         type: "button",
         id: context.triggerId,
         "aria-haspopup": "menu",
@@ -15349,7 +15349,7 @@ const $409067139f391064$export$6eb0f7ddcda6131f = /*#__PURE__*/ React.forwardRef
         , [
             setOpen
         ])
-    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$L({
+    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, _extends$L({
         "data-state": $409067139f391064$var$getState(open),
         "data-disabled": disabled ? '' : undefined
     }, collapsibleProps, {
@@ -15362,7 +15362,7 @@ const $409067139f391064$export$6eb0f7ddcda6131f = /*#__PURE__*/ React.forwardRef
 const $409067139f391064$export$c135dce7b15bbbdc = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeCollapsible: __scopeCollapsible , ...triggerProps } = props;
     const context = $409067139f391064$var$useCollapsibleContext($409067139f391064$var$TRIGGER_NAME, __scopeCollapsible);
-    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$L({
+    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.button, _extends$L({
         type: "button",
         "aria-controls": context.contentId,
         "aria-expanded": context.open || false,
@@ -15438,7 +15438,7 @@ const $409067139f391064$export$aadde00976f34151 = /*#__PURE__*/ React.forwardRef
         context.open,
         present
     ]);
-    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$L({
+    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, _extends$L({
         "data-state": $409067139f391064$var$getState(context.open),
         "data-disabled": context.disabled ? '' : undefined,
         id: context.contentId,
@@ -15647,7 +15647,7 @@ const $ce77a8961b41be9e$export$d7b12c4107be0d61 = /*#__PURE__*/ React.forwardRef
         scope: __scopeRadio,
         checked: checked,
         disabled: disabled
-    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$L({
+    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.button, _extends$L({
         type: "button",
         role: "radio",
         "aria-checked": checked,
@@ -15690,7 +15690,7 @@ const $ce77a8961b41be9e$export$d35a9ffa9a04f9e7 = /*#__PURE__*/ React.forwardRef
     const context = $ce77a8961b41be9e$var$useRadioContext($ce77a8961b41be9e$var$INDICATOR_NAME, __scopeRadio);
     return /*#__PURE__*/ React.createElement($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
         present: forceMount || context.checked
-    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$L({
+    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends$L({
         "data-state": $ce77a8961b41be9e$var$getState(context.checked),
         "data-disabled": context.disabled ? '' : undefined
     }, indicatorProps, {
@@ -15780,7 +15780,7 @@ const $f99a8c78507165f7$export$a98f0dcb43a68a25 = /*#__PURE__*/ React.forwardRef
         orientation: orientation,
         dir: direction,
         loop: loop
-    }), /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends$L({
+    }), /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, _extends$L({
         role: "radiogroup",
         "aria-required": required,
         "aria-orientation": orientation,
@@ -15970,7 +15970,7 @@ var TextInput = function (_a) {
 };
 
 const $ea1ef594cf570d83$export$439d29a4e110a164 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
-    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$L({}, props, {
+    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends$L({}, props, {
         ref: forwardedRef,
         style: {
             // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -16107,7 +16107,7 @@ const $a093c7e1ec25a057$export$8c610744efcf8a1d = /*#__PURE__*/ React.forwardRef
     ]);
     return /*#__PURE__*/ React.createElement($cf1ac5d9fe0e8206$export$b688253958b8dfe7, _extends$L({
         asChild: true
-    }, popperScope), /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$L({
+    }, popperScope), /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.button, _extends$L({
         // 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,
@@ -16315,7 +16315,7 @@ const $a093c7e1ec25a057$var$TooltipContentImpl = /*#__PURE__*/ React.forwardRef(
             // re-namespace exposed content custom property
             ['--radix-tooltip-content-transform-origin']: 'var(--radix-popper-transform-origin)'
         }
-    }), /*#__PURE__*/ React.createElement($5e63c961fc1ce211$export$d9f1ccf0bdb05d45, null, children), /*#__PURE__*/ React.createElement($a093c7e1ec25a057$var$VisuallyHiddenContentContextProvider, {
+    }), /*#__PURE__*/ React.createElement($5e63c961fc1ce211$export$d9f1ccf0bdb05d45$1, null, children), /*#__PURE__*/ React.createElement($a093c7e1ec25a057$var$VisuallyHiddenContentContextProvider, {
         scope: __scopeTooltip,
         isInside: true
     }, /*#__PURE__*/ React.createElement($ea1ef594cf570d83$export$be92b6f5f03c0fe9, {
@@ -45272,589 +45272,237 @@ var generateSchema = function (inputs) {
     });
 };
 
-var index_prod = createCommonjsModule(function (module, exports) {
-Object.defineProperty(exports,"__esModule",{value:!0});function i(){return i=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var s=arguments[i];for(var n in s)Object.prototype.hasOwnProperty.call(s,n)&&(t[n]=s[n]);}return t},i.apply(this,arguments)}var s=React__default["default"].createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},React__default["default"].createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),n=React__default["default"].createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},React__default["default"].createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function o(t){if(7===t.length)return t;for(var i="#",s=1;s<4;s+=1)i+=t[s]+t[s];return i}function h(t,i,s,n,h){return function(t,i,s,n,o){var h=(t-s)/(i-s);if(0===h)return n;if(1===h)return o;for(var e="#",a=1;a<6;a+=2){var r=parseInt(n.substr(a,2),16),l=parseInt(o.substr(a,2),16),u=Math.round((1-h)*r+h*l).toString(16);1===u.length&&(u="0"+u),e+=u;}return e}(t,i,s,o(n),o(h))}var e=function(s){function n(t){s.call(this,t);var i=t.height,n=t.width,o=t.checked;this.t=t.handleDiameter||i-2,this.i=Math.max(n-i,n-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:o?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.M=this.M.bind(this),this.m=this.m.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.O=this.O.bind(this),this.D=this.D.bind(this),this.S=this.S.bind(this);}return s&&(n.__proto__=s),(n.prototype=Object.create(s&&s.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0;},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o});},n.prototype.componentWillUnmount=function(){this.W=!1;},n.prototype.I=function(t){this.H.focus(),this.setState({j:t,R:!0,B:Date.now()});},n.prototype.L=function(t){var i=this.state,s=i.j,n=i.h,o=(this.props.checked?this.i:this.o)+t-s;i.N||t===s||this.setState({N:!0});var h=Math.min(this.i,Math.max(this.o,o));h!==n&&this.setState({h:h});},n.prototype.U=function(t){var i=this.state,s=i.h,n=i.N,o=i.B,h=this.props.checked,e=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var a=Date.now()-o;(!n||a<250||(h&&s<=e||!h&&s>=e))&&this.A(t),this.W&&this.setState({N:!1,R:!1}),this.l=Date.now();},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g));},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX);},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g);},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX);},n.prototype.M=function(t){this.L(t.touches[0].clientX);},n.prototype.m=function(t){t.preventDefault(),this.U(t);},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({R:!1}));},n.prototype.C=function(){this.u=Date.now();},n.prototype.O=function(){this.setState({R:!0});},n.prototype.D=function(){this.setState({R:!1});},n.prototype.S=function(t){this.H=t;},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({R:!1});},n.prototype.A=function(t){var i=this.props;(0, i.onChange)(!i.checked,t,i.id);},n.prototype.render=function(){var s=this.props,n=s.checked,o=s.disabled,e=s.className,a=s.offColor,r=s.onColor,l=s.offHandleColor,u=s.onHandleColor,c=s.checkedIcon,d=s.uncheckedIcon,f=s.checkedHandleIcon,p=s.uncheckedHandleIcon,b=s.boxShadow,v=s.activeBoxShadow,g=s.height,y=s.width,w=s.borderRadius,k=function(t,i){var s={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&-1===i.indexOf(n)&&(s[n]=t[n]);return s}(s,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),M=this.state,m=M.h,T=M.N,x=M.R,$={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},C={height:g,width:y,margin:Math.max(0,(this.t-g)/2),position:"relative",background:h(m,this.i,this.o,a,r),borderRadius:"number"==typeof w?w:g/2,cursor:o?"default":"pointer",WebkitTransition:T?null:"background 0.25s",MozTransition:T?null:"background 0.25s",transition:T?null:"background 0.25s"},O={height:g,width:Math.min(1.5*g,y-(this.t+g)/2+1),position:"relative",opacity:(m-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:T?null:"opacity 0.25s",MozTransition:T?null:"opacity 0.25s",transition:T?null:"opacity 0.25s"},D={height:g,width:Math.min(1.5*g,y-(this.t+g)/2+1),position:"absolute",opacity:1-(m-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:T?null:"opacity 0.25s",MozTransition:T?null:"opacity 0.25s",transition:T?null:"opacity 0.25s"},S={height:this.t,width:this.t,background:h(m,this.i,this.o,l,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+m+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:x?v:b,border:0,WebkitTransition:T?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:T?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:T?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},W={height:this.t,width:this.t,opacity:Math.max(2*(1-(m-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:T?null:"opacity 0.25s",MozTransition:T?null:"opacity 0.25s",transition:T?null:"opacity 0.25s"},z={height:this.t,width:this.t,opacity:Math.max(2*((m-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:T?null:"opacity 0.25s",MozTransition:T?null:"opacity 0.25s",transition:T?null:"opacity 0.25s"};return React__default["default"].createElement("div",{className:e,style:$},React__default["default"].createElement("div",{className:"react-switch-bg",style:C,onClick:o?null:this.T,onMouseDown:function(t){return t.preventDefault()}},c&&React__default["default"].createElement("div",{style:O},c),d&&React__default["default"].createElement("div",{style:D},d)),React__default["default"].createElement("div",{className:"react-switch-handle",style:S,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.k,onTouchMove:o?null:this.M,onTouchEnd:o?null:this.m,onTouchCancel:o?null:this.D},p&&React__default["default"].createElement("div",{style:W},p),f&&React__default["default"].createElement("div",{style:z},f)),React__default["default"].createElement("input",i({},{type:"checkbox",role:"switch","aria-checked":n,checked:n,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},k,{ref:this.S,onFocus:this.O,onBlur:this.D,onKeyUp:this.C,onChange:this.$})))},n}(React__default["default"].Component);e.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:s,checkedIcon:n,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56},exports.default=e;
-});
-
-var index_dev = createCommonjsModule(function (module, exports) {
-Object.defineProperty(exports, '__esModule', { value: true });
-
-
-
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-/*
-The MIT License (MIT)
-
-Copyright (c) 2015 instructure-react
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-*/
-var uncheckedIcon = React__default["default"].createElement('svg', {
-  viewBox: "-2 -5 14 20",
-  height: "100%",
-  width: "100%",
-  style: {
-    position: "absolute",
-    top: 0
-  }
-}, React__default["default"].createElement('path', {
-  d: "M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",
-  fill: "#fff",
-  fillRule: "evenodd"
-}));
-var checkedIcon = React__default["default"].createElement('svg', {
-  height: "100%",
-  width: "100%",
-  viewBox: "-2 -5 17 21",
-  style: {
-    position: "absolute",
-    top: 0
-  }
-}, React__default["default"].createElement('path', {
-  d: "M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",
-  fill: "#fff",
-  fillRule: "evenodd"
-}));
-
-function createBackgroundColor(pos, checkedPos, uncheckedPos, offColor, onColor) {
-  var relativePos = (pos - uncheckedPos) / (checkedPos - uncheckedPos);
-
-  if (relativePos === 0) {
-    return offColor;
-  }
-
-  if (relativePos === 1) {
-    return onColor;
-  }
-
-  var newColor = "#";
-
-  for (var i = 1; i < 6; i += 2) {
-    var offComponent = parseInt(offColor.substr(i, 2), 16);
-    var onComponent = parseInt(onColor.substr(i, 2), 16);
-    var weightedValue = Math.round((1 - relativePos) * offComponent + relativePos * onComponent);
-    var newComponent = weightedValue.toString(16);
-
-    if (newComponent.length === 1) {
-      newComponent = "0" + newComponent;
+/* -------------------------------------------------------------------------------------------------
+ * Slot
+ * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { children: children , ...slotProps } = props;
+    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`
+        const newElement = slottable.props.children;
+        const newChildren = childrenArray.map((child)=>{
+            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.Children.count(newElement) > 1) return React.Children.only(null);
+                return /*#__PURE__*/ React.isValidElement(newElement) ? newElement.props.children : null;
+            } else return child;
+        });
+        return /*#__PURE__*/ React.createElement($5e63c961fc1ce211$var$SlotClone, _extends$L({}, slotProps, {
+            ref: forwardedRef
+        }), /*#__PURE__*/ React.isValidElement(newElement) ? /*#__PURE__*/ React.cloneElement(newElement, undefined, newChildren) : null);
     }
-
-    newColor += newComponent;
-  }
-
-  return newColor;
-}
-
-function convertShorthandColor(color) {
-  if (color.length === 7) {
-    return color;
-  }
-
-  var sixDigitColor = "#";
-
-  for (var i = 1; i < 4; i += 1) {
-    sixDigitColor += color[i] + color[i];
-  }
-
-  return sixDigitColor;
-}
-
-function getBackgroundColor(pos, checkedPos, uncheckedPos, offColor, onColor) {
-  var sixDigitOffColor = convertShorthandColor(offColor);
-  var sixDigitOnColor = convertShorthandColor(onColor);
-  return createBackgroundColor(pos, checkedPos, uncheckedPos, sixDigitOffColor, sixDigitOnColor);
-}
-
-// Make sure color props are strings that start with "#" since other ways to write colors are not supported.
-var hexColorPropType = function (props, propName, componentName) {
-  var prop = props[propName];
-
-  if (typeof prop !== "string" || prop[0] !== "#" || prop.length !== 4 && prop.length !== 7) {
-    return new Error("Invalid prop '" + propName + "' supplied to '" + componentName + "'. '" + propName + "' has to be either a 3-digit or 6-digit hex-color string. Valid examples: '#abc', '#123456'");
-  }
-
-  return null;
+    return /*#__PURE__*/ React.createElement($5e63c961fc1ce211$var$SlotClone, _extends$L({}, slotProps, {
+        ref: forwardedRef
+    }), children);
+});
+$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot';
+/* -------------------------------------------------------------------------------------------------
+ * SlotClone
+ * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$var$SlotClone = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { children: children , ...slotProps } = props;
+    if (/*#__PURE__*/ React.isValidElement(children)) return /*#__PURE__*/ React.cloneElement(children, {
+        ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),
+        ref: $6ed0406888f73fc4$export$43e446d32b3d21af(forwardedRef, children.ref)
+    });
+    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.createElement(React.Fragment, null, children);
 };
-
-function objectWithoutProperties(obj, exclude) {
-  var target = {};
-
-  for (var k in obj) if (Object.prototype.hasOwnProperty.call(obj, k) && exclude.indexOf(k) === -1) target[k] = obj[k];
-
-  return target;
+/* ---------------------------------------------------------------------------------------------- */ function $5e63c961fc1ce211$var$isSlottable(child) {
+    return /*#__PURE__*/ React.isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;
 }
-
-var ReactSwitch = /*@__PURE__*/function (Component) {
-  function ReactSwitch(props) {
-    Component.call(this, props);
-    var height = props.height;
-    var width = props.width;
-    var handleDiameter = props.handleDiameter;
-    var checked = props.checked;
-    this.$handleDiameter = handleDiameter || height - 2;
-    this.$checkedPos = Math.max(width - height, width - (height + this.$handleDiameter) / 2);
-    this.$uncheckedPos = Math.max(0, (height - this.$handleDiameter) / 2);
-    this.state = {
-      $pos: checked ? this.$checkedPos : this.$uncheckedPos
+function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
+    // all child props should override
+    const overrideProps = {
+        ...childProps
     };
-    this.$lastDragAt = 0;
-    this.$lastKeyUpAt = 0;
-    this.$onMouseDown = this.$onMouseDown.bind(this);
-    this.$onMouseMove = this.$onMouseMove.bind(this);
-    this.$onMouseUp = this.$onMouseUp.bind(this);
-    this.$onTouchStart = this.$onTouchStart.bind(this);
-    this.$onTouchMove = this.$onTouchMove.bind(this);
-    this.$onTouchEnd = this.$onTouchEnd.bind(this);
-    this.$onClick = this.$onClick.bind(this);
-    this.$onInputChange = this.$onInputChange.bind(this);
-    this.$onKeyUp = this.$onKeyUp.bind(this);
-    this.$setHasOutline = this.$setHasOutline.bind(this);
-    this.$unsetHasOutline = this.$unsetHasOutline.bind(this);
-    this.$getInputRef = this.$getInputRef.bind(this);
-  }
-
-  if (Component) ReactSwitch.__proto__ = Component;
-  ReactSwitch.prototype = Object.create(Component && Component.prototype);
-  ReactSwitch.prototype.constructor = ReactSwitch;
-
-  ReactSwitch.prototype.componentDidMount = function componentDidMount() {
-    this.$isMounted = true;
-  };
-
-  ReactSwitch.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (prevProps.checked === this.props.checked) {
-      return;
+    for(const propName in childProps){
+        const slotPropValue = slotProps[propName];
+        const childPropValue = childProps[propName];
+        const isHandler = /^on[A-Z]/.test(propName);
+        if (isHandler) {
+            // if the handler exists on both, we compose them
+            if (slotPropValue && childPropValue) overrideProps[propName] = (...args)=>{
+                childPropValue(...args);
+                slotPropValue(...args);
+            };
+            else if (slotPropValue) overrideProps[propName] = slotPropValue;
+        } else if (propName === 'style') overrideProps[propName] = {
+            ...slotPropValue,
+            ...childPropValue
+        };
+        else if (propName === 'className') overrideProps[propName] = [
+            slotPropValue,
+            childPropValue
+        ].filter(Boolean).join(' ');
     }
+    return {
+        ...slotProps,
+        ...overrideProps
+    };
+}
 
-    var $pos = this.props.checked ? this.$checkedPos : this.$uncheckedPos;
-    this.setState({
-      $pos: $pos
+const $8927f6f2acc4f386$var$NODES = [
+    'a',
+    'button',
+    'div',
+    'form',
+    'h2',
+    'h3',
+    'img',
+    'input',
+    'label',
+    'li',
+    'nav',
+    'ol',
+    'p',
+    'span',
+    'svg',
+    'ul'
+]; // Temporary while we await merge of this fix:
+// https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55396
+// prettier-ignore
+/* -------------------------------------------------------------------------------------------------
+ * Primitive
+ * -----------------------------------------------------------------------------------------------*/ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node)=>{
+    const Node = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+        const { asChild: asChild , ...primitiveProps } = props;
+        const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : node;
+        React.useEffect(()=>{
+            window[Symbol.for('radix-ui')] = true;
+        }, []);
+        return /*#__PURE__*/ React.createElement(Comp, _extends$L({}, primitiveProps, {
+            ref: forwardedRef
+        }));
     });
-  };
-
-  ReactSwitch.prototype.componentWillUnmount = function componentWillUnmount() {
-    this.$isMounted = false;
-  };
+    Node.displayName = `Primitive.${node}`;
+    return {
+        ...primitive,
+        [node]: Node
+    };
+}, {});
 
-  ReactSwitch.prototype.$onDragStart = function $onDragStart(clientX) {
-    this.$inputRef.focus();
-    this.setState({
-      $startX: clientX,
-      $hasOutline: true,
-      $dragStartingTime: Date.now()
+/* -------------------------------------------------------------------------------------------------
+ * Switch
+ * -----------------------------------------------------------------------------------------------*/ const $6be4966fd9bbc698$var$SWITCH_NAME = 'Switch';
+const [$6be4966fd9bbc698$var$createSwitchContext, $6be4966fd9bbc698$export$cf7f5f17f69cbd43] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($6be4966fd9bbc698$var$SWITCH_NAME);
+const [$6be4966fd9bbc698$var$SwitchProvider, $6be4966fd9bbc698$var$useSwitchContext] = $6be4966fd9bbc698$var$createSwitchContext($6be4966fd9bbc698$var$SWITCH_NAME);
+const $6be4966fd9bbc698$export$b5d5cf8927ab7262 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { __scopeSwitch: __scopeSwitch , name: name , checked: checkedProp , defaultChecked: defaultChecked , required: required , disabled: disabled , value: value = 'on' , onCheckedChange: onCheckedChange , ...switchProps } = props;
+    const [button, setButton] = React.useState(null);
+    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setButton(node)
+    );
+    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;
+    const [checked = false, setChecked] = $71cd76cc60e0454e$export$6f32135080cb4c3({
+        prop: checkedProp,
+        defaultProp: defaultChecked,
+        onChange: onCheckedChange
     });
-  };
-
-  ReactSwitch.prototype.$onDrag = function $onDrag(clientX) {
-    var ref = this.state;
-    var $startX = ref.$startX;
-    var $isDragging = ref.$isDragging;
-    var $pos = ref.$pos;
-    var ref$1 = this.props;
-    var checked = ref$1.checked;
-    var startPos = checked ? this.$checkedPos : this.$uncheckedPos;
-    var mousePos = startPos + clientX - $startX; // We need this check to fix a windows glitch where onDrag is triggered onMouseDown in some cases
-
-    if (!$isDragging && clientX !== $startX) {
-      this.setState({
-        $isDragging: true
-      });
-    }
-
-    var newPos = Math.min(this.$checkedPos, Math.max(this.$uncheckedPos, mousePos)); // Prevent unnecessary rerenders
-
-    if (newPos !== $pos) {
-      this.setState({
-        $pos: newPos
-      });
-    }
-  };
-
-  ReactSwitch.prototype.$onDragStop = function $onDragStop(event) {
-    var ref = this.state;
-    var $pos = ref.$pos;
-    var $isDragging = ref.$isDragging;
-    var $dragStartingTime = ref.$dragStartingTime;
-    var ref$1 = this.props;
-    var checked = ref$1.checked;
-    var halfwayCheckpoint = (this.$checkedPos + this.$uncheckedPos) / 2;
-    /*
-      Set position state back to the previous position even if user drags the switch with intention to change the state.
-      This is to prevent the switch from getting stuck in the middle if the event isn't handled in the onChange callback.
-    */
-
-    var prevPos = this.props.checked ? this.$checkedPos : this.$uncheckedPos;
-    this.setState({
-      $pos: prevPos
-    }); // Act as if the user clicked the handle if they didn't drag it _or_ the dragged it for less than 250ms
-
-    var timeSinceStart = Date.now() - $dragStartingTime;
-    var isSimulatedClick = !$isDragging || timeSinceStart < 250; // Handle when the user has dragged the switch more than halfway from either side
-
-    var isDraggedHalfway = checked && $pos <= halfwayCheckpoint || !checked && $pos >= halfwayCheckpoint;
-
-    if (isSimulatedClick || isDraggedHalfway) {
-      this.$onChange(event);
-    }
-
-    if (this.$isMounted) {
-      this.setState({
-        $isDragging: false,
-        $hasOutline: false
-      });
-    }
-
-    this.$lastDragAt = Date.now();
-  };
-
-  ReactSwitch.prototype.$onMouseDown = function $onMouseDown(event) {
-    event.preventDefault(); // Ignore right click and scroll
-
-    if (typeof event.button === "number" && event.button !== 0) {
-      return;
-    }
-
-    this.$onDragStart(event.clientX);
-    window.addEventListener("mousemove", this.$onMouseMove);
-    window.addEventListener("mouseup", this.$onMouseUp);
-  };
-
-  ReactSwitch.prototype.$onMouseMove = function $onMouseMove(event) {
-    event.preventDefault();
-    this.$onDrag(event.clientX);
-  };
-
-  ReactSwitch.prototype.$onMouseUp = function $onMouseUp(event) {
-    this.$onDragStop(event);
-    window.removeEventListener("mousemove", this.$onMouseMove);
-    window.removeEventListener("mouseup", this.$onMouseUp);
-  };
-
-  ReactSwitch.prototype.$onTouchStart = function $onTouchStart(event) {
-    this.$checkedStateFromDragging = null;
-    this.$onDragStart(event.touches[0].clientX);
-  };
-
-  ReactSwitch.prototype.$onTouchMove = function $onTouchMove(event) {
-    this.$onDrag(event.touches[0].clientX);
-  };
-
-  ReactSwitch.prototype.$onTouchEnd = function $onTouchEnd(event) {
-    event.preventDefault();
-    this.$onDragStop(event);
-  };
-
-  ReactSwitch.prototype.$onInputChange = function $onInputChange(event) {
-    // This condition is unfortunately needed in some browsers where the input's change event might get triggered
-    // right after the dragstop event is triggered (occurs when dropping over a label element)
-    if (Date.now() - this.$lastDragAt > 50) {
-      this.$onChange(event); // Prevent clicking label, but not key activation from setting outline to true - yes, this is absurd
-
-      if (Date.now() - this.$lastKeyUpAt > 50) {
-        if (this.$isMounted) {
-          this.setState({
-            $hasOutline: false
-          });
+    return /*#__PURE__*/ React.createElement($6be4966fd9bbc698$var$SwitchProvider, {
+        scope: __scopeSwitch,
+        checked: checked,
+        disabled: disabled
+    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends$L({
+        type: "button",
+        role: "switch",
+        "aria-checked": checked,
+        "aria-required": required,
+        "data-state": $6be4966fd9bbc698$var$getState(checked),
+        "data-disabled": disabled ? '' : undefined,
+        disabled: disabled,
+        value: value
+    }, switchProps, {
+        ref: composedRefs,
+        onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, (event)=>{
+            setChecked((prevChecked)=>!prevChecked
+            );
+            if (isFormControl) {
+                hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(); // if switch is in a form, stop propagation from the button so that we only propagate
+                // one click event (from the input). We propagate changes from an input so that native
+                // form validation works and form events reflect switch updates.
+                if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+            }
+        })
+    })), isFormControl && /*#__PURE__*/ React.createElement($6be4966fd9bbc698$var$BubbleInput, {
+        control: button,
+        bubbles: !hasConsumerStoppedPropagationRef.current,
+        name: name,
+        value: value,
+        checked: checked,
+        required: required,
+        disabled: disabled // We transform because the input is absolutely positioned but we have
+        ,
+        style: {
+            transform: 'translateX(-100%)'
         }
-      }
-    }
-  };
-
-  ReactSwitch.prototype.$onKeyUp = function $onKeyUp() {
-    this.$lastKeyUpAt = Date.now();
-  };
-
-  ReactSwitch.prototype.$setHasOutline = function $setHasOutline() {
-    this.setState({
-      $hasOutline: true
-    });
-  };
-
-  ReactSwitch.prototype.$unsetHasOutline = function $unsetHasOutline() {
-    this.setState({
-      $hasOutline: false
-    });
-  };
-
-  ReactSwitch.prototype.$getInputRef = function $getInputRef(el) {
-    this.$inputRef = el;
-  };
-
-  ReactSwitch.prototype.$onClick = function $onClick(event) {
-    event.preventDefault();
-    this.$inputRef.focus();
-    this.$onChange(event);
-
-    if (this.$isMounted) {
-      this.setState({
-        $hasOutline: false
-      });
-    }
-  };
-
-  ReactSwitch.prototype.$onChange = function $onChange(event) {
-    var ref = this.props;
-    var checked = ref.checked;
-    var onChange = ref.onChange;
-    var id = ref.id;
-    onChange(!checked, event, id);
-  };
-
-  ReactSwitch.prototype.render = function render() {
-    var ref = this.props;
-    var checked = ref.checked;
-    var disabled = ref.disabled;
-    var className = ref.className;
-    var offColor = ref.offColor;
-    var onColor = ref.onColor;
-    var offHandleColor = ref.offHandleColor;
-    var onHandleColor = ref.onHandleColor;
-    var checkedIcon = ref.checkedIcon;
-    var uncheckedIcon = ref.uncheckedIcon;
-    var checkedHandleIcon = ref.checkedHandleIcon;
-    var uncheckedHandleIcon = ref.uncheckedHandleIcon;
-    var boxShadow = ref.boxShadow;
-    var activeBoxShadow = ref.activeBoxShadow;
-    var height = ref.height;
-    var width = ref.width;
-    var borderRadius = ref.borderRadius;
-    ref.handleDiameter;
-    var rest$1 = objectWithoutProperties(ref, ["checked", "disabled", "className", "offColor", "onColor", "offHandleColor", "onHandleColor", "checkedIcon", "uncheckedIcon", "checkedHandleIcon", "uncheckedHandleIcon", "boxShadow", "activeBoxShadow", "height", "width", "borderRadius", "handleDiameter"]);
-    var rest = rest$1;
-    var ref$1 = this.state;
-    var $pos = ref$1.$pos;
-    var $isDragging = ref$1.$isDragging;
-    var $hasOutline = ref$1.$hasOutline;
-    var rootStyle = {
-      position: "relative",
-      display: "inline-block",
-      textAlign: "left",
-      opacity: disabled ? 0.5 : 1,
-      direction: "ltr",
-      borderRadius: height / 2,
-      WebkitTransition: "opacity 0.25s",
-      MozTransition: "opacity 0.25s",
-      transition: "opacity 0.25s",
-      touchAction: "none",
-      WebkitTapHighlightColor: "rgba(0, 0, 0, 0)",
-      WebkitUserSelect: "none",
-      MozUserSelect: "none",
-      msUserSelect: "none",
-      userSelect: "none"
-    };
-    var backgroundStyle = {
-      height: height,
-      width: width,
-      margin: Math.max(0, (this.$handleDiameter - height) / 2),
-      position: "relative",
-      background: getBackgroundColor($pos, this.$checkedPos, this.$uncheckedPos, offColor, onColor),
-      borderRadius: typeof borderRadius === "number" ? borderRadius : height / 2,
-      cursor: disabled ? "default" : "pointer",
-      WebkitTransition: $isDragging ? null : "background 0.25s",
-      MozTransition: $isDragging ? null : "background 0.25s",
-      transition: $isDragging ? null : "background 0.25s"
-    };
-    var checkedIconStyle = {
-      height: height,
-      width: Math.min(height * 1.5, width - (this.$handleDiameter + height) / 2 + 1),
-      position: "relative",
-      opacity: ($pos - this.$uncheckedPos) / (this.$checkedPos - this.$uncheckedPos),
-      pointerEvents: "none",
-      WebkitTransition: $isDragging ? null : "opacity 0.25s",
-      MozTransition: $isDragging ? null : "opacity 0.25s",
-      transition: $isDragging ? null : "opacity 0.25s"
-    };
-    var uncheckedIconStyle = {
-      height: height,
-      width: Math.min(height * 1.5, width - (this.$handleDiameter + height) / 2 + 1),
-      position: "absolute",
-      opacity: 1 - ($pos - this.$uncheckedPos) / (this.$checkedPos - this.$uncheckedPos),
-      right: 0,
-      top: 0,
-      pointerEvents: "none",
-      WebkitTransition: $isDragging ? null : "opacity 0.25s",
-      MozTransition: $isDragging ? null : "opacity 0.25s",
-      transition: $isDragging ? null : "opacity 0.25s"
-    };
-    var handleStyle = {
-      height: this.$handleDiameter,
-      width: this.$handleDiameter,
-      background: getBackgroundColor($pos, this.$checkedPos, this.$uncheckedPos, offHandleColor, onHandleColor),
-      display: "inline-block",
-      cursor: disabled ? "default" : "pointer",
-      borderRadius: typeof borderRadius === "number" ? borderRadius - 1 : "50%",
-      position: "absolute",
-      transform: "translateX(" + $pos + "px)",
-      top: Math.max(0, (height - this.$handleDiameter) / 2),
-      outline: 0,
-      boxShadow: $hasOutline ? activeBoxShadow : boxShadow,
-      border: 0,
-      WebkitTransition: $isDragging ? null : "background-color 0.25s, transform 0.25s, box-shadow 0.15s",
-      MozTransition: $isDragging ? null : "background-color 0.25s, transform 0.25s, box-shadow 0.15s",
-      transition: $isDragging ? null : "background-color 0.25s, transform 0.25s, box-shadow 0.15s"
-    };
-    var uncheckedHandleIconStyle = {
-      height: this.$handleDiameter,
-      width: this.$handleDiameter,
-      opacity: Math.max((1 - ($pos - this.$uncheckedPos) / (this.$checkedPos - this.$uncheckedPos) - 0.5) * 2, 0),
-      position: "absolute",
-      left: 0,
-      top: 0,
-      pointerEvents: "none",
-      WebkitTransition: $isDragging ? null : "opacity 0.25s",
-      MozTransition: $isDragging ? null : "opacity 0.25s",
-      transition: $isDragging ? null : "opacity 0.25s"
-    };
-    var checkedHandleIconStyle = {
-      height: this.$handleDiameter,
-      width: this.$handleDiameter,
-      opacity: Math.max((($pos - this.$uncheckedPos) / (this.$checkedPos - this.$uncheckedPos) - 0.5) * 2, 0),
-      position: "absolute",
-      left: 0,
-      top: 0,
-      pointerEvents: "none",
-      WebkitTransition: $isDragging ? null : "opacity 0.25s",
-      MozTransition: $isDragging ? null : "opacity 0.25s",
-      transition: $isDragging ? null : "opacity 0.25s"
-    };
-    var inputStyle = {
-      border: 0,
-      clip: "rect(0 0 0 0)",
-      height: 1,
-      margin: -1,
-      overflow: "hidden",
-      padding: 0,
-      position: "absolute",
-      width: 1
-    };
-    return React__default["default"].createElement('div', {
-      className: className,
-      style: rootStyle
-    }, React__default["default"].createElement('div', {
-      className: "react-switch-bg",
-      style: backgroundStyle,
-      onClick: disabled ? null : this.$onClick,
-      onMouseDown: function (e) {
-        return e.preventDefault();
-      }
-    }, checkedIcon && React__default["default"].createElement('div', {
-      style: checkedIconStyle
-    }, checkedIcon), uncheckedIcon && React__default["default"].createElement('div', {
-      style: uncheckedIconStyle
-    }, uncheckedIcon)), React__default["default"].createElement('div', {
-      className: "react-switch-handle",
-      style: handleStyle,
-      onClick: function (e) {
-        return e.preventDefault();
-      },
-      onMouseDown: disabled ? null : this.$onMouseDown,
-      onTouchStart: disabled ? null : this.$onTouchStart,
-      onTouchMove: disabled ? null : this.$onTouchMove,
-      onTouchEnd: disabled ? null : this.$onTouchEnd,
-      onTouchCancel: disabled ? null : this.$unsetHasOutline
-    }, uncheckedHandleIcon && React__default["default"].createElement('div', {
-      style: uncheckedHandleIconStyle
-    }, uncheckedHandleIcon), checkedHandleIcon && React__default["default"].createElement('div', {
-      style: checkedHandleIconStyle
-    }, checkedHandleIcon)), React__default["default"].createElement('input', _extends({}, {
-      type: "checkbox",
-      role: "switch",
-      'aria-checked': checked,
-      checked: checked,
-      disabled: disabled,
-      style: inputStyle
-    }, rest, {
-      ref: this.$getInputRef,
-      onFocus: this.$setHasOutline,
-      onBlur: this.$unsetHasOutline,
-      onKeyUp: this.$onKeyUp,
-      onChange: this.$onInputChange
-    })));
-  };
-
-  return ReactSwitch;
-}(React__default["default"].Component);
-
-ReactSwitch.propTypes = {
-  checked: require$$7$1.bool.isRequired,
-  onChange: require$$7$1.func.isRequired,
-  disabled: require$$7$1.bool,
-  offColor: hexColorPropType,
-  onColor: hexColorPropType,
-  offHandleColor: hexColorPropType,
-  onHandleColor: hexColorPropType,
-  handleDiameter: require$$7$1.number,
-  uncheckedIcon: require$$7$1.oneOfType([require$$7$1.bool, require$$7$1.element]),
-  checkedIcon: require$$7$1.oneOfType([require$$7$1.bool, require$$7$1.element]),
-  boxShadow: require$$7$1.string,
-  borderRadius: require$$7$1.number,
-  activeBoxShadow: require$$7$1.string,
-  uncheckedHandleIcon: require$$7$1.element,
-  checkedHandleIcon: require$$7$1.element,
-  height: require$$7$1.number,
-  width: require$$7$1.number,
-  id: require$$7$1.string,
-  className: require$$7$1.string
-};
-ReactSwitch.defaultProps = {
-  disabled: false,
-  offColor: "#888",
-  onColor: "#080",
-  offHandleColor: "#fff",
-  onHandleColor: "#fff",
-  uncheckedIcon: uncheckedIcon,
-  checkedIcon: checkedIcon,
-  boxShadow: null,
-  activeBoxShadow: "0 0 2px 3px #3bf",
-  height: 28,
-  width: 56
-};
-
-exports["default"] = ReactSwitch;
+    }));
 });
-
-var reactSwitch = createCommonjsModule(function (module) {
-if (process.env.NODE_ENV === "production") {
-  module.exports = index_prod;
-} else {
-  module.exports = index_dev;
-}
+/* -------------------------------------------------------------------------------------------------
+ * SwitchThumb
+ * -----------------------------------------------------------------------------------------------*/ const $6be4966fd9bbc698$var$THUMB_NAME = 'SwitchThumb';
+const $6be4966fd9bbc698$export$4d07bf653ea69106 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const { __scopeSwitch: __scopeSwitch , ...thumbProps } = props;
+    const context = $6be4966fd9bbc698$var$useSwitchContext($6be4966fd9bbc698$var$THUMB_NAME, __scopeSwitch);
+    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends$L({
+        "data-state": $6be4966fd9bbc698$var$getState(context.checked),
+        "data-disabled": context.disabled ? '' : undefined
+    }, thumbProps, {
+        ref: forwardedRef
+    }));
 });
+/* ---------------------------------------------------------------------------------------------- */ const $6be4966fd9bbc698$var$BubbleInput = (props)=>{
+    const { control: control , checked: checked , bubbles: bubbles = true , ...inputProps } = props;
+    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.useEffect(()=>{
+        const input = ref.current;
+        const inputProto = window.HTMLInputElement.prototype;
+        const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'checked');
+        const setChecked = descriptor.set;
+        if (prevChecked !== checked && setChecked) {
+            const event = new Event('click', {
+                bubbles: bubbles
+            });
+            setChecked.call(input, checked);
+            input.dispatchEvent(event);
+        }
+    }, [
+        prevChecked,
+        checked,
+        bubbles
+    ]);
+    return /*#__PURE__*/ React.createElement("input", _extends$L({
+        type: "checkbox",
+        "aria-hidden": true,
+        defaultChecked: checked
+    }, inputProps, {
+        tabIndex: -1,
+        ref: ref,
+        style: {
+            ...props.style,
+            ...controlSize,
+            position: 'absolute',
+            pointerEvents: 'none',
+            opacity: 0,
+            margin: 0
+        }
+    }));
+};
+function $6be4966fd9bbc698$var$getState(checked) {
+    return checked ? 'checked' : 'unchecked';
+}
+const $6be4966fd9bbc698$export$be92b6f5f03c0fe9 = $6be4966fd9bbc698$export$b5d5cf8927ab7262;
+const $6be4966fd9bbc698$export$6521433ed15a34db = $6be4966fd9bbc698$export$4d07bf653ea69106;
 
-var css_248z$9 = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n  --primary3: #000;\n  --success: #46A758;\n  --warning: #F76809;\n  --danger: #FF4616;\n  /* radix-ui/colors */\n  --slate1: hsl(206, 30.0%, 98.8%);\n  --slate2: hsl(210, 16.7%, 97.6%);\n  --slate3: hsl(209, 13.3%, 95.3%);\n  --slate4: hsl(209, 12.2%, 93.2%);\n  --slate5: hsl(208, 11.7%, 91.1%);\n  --slate6: hsl(208, 11.3%, 88.9%);\n  --slate7: hsl(207, 11.1%, 85.9%);\n  --slate8: hsl(205, 10.7%, 78.0%);\n  --slate9: hsl(206, 6.0%, 56.1%);\n  --slate10: hsl(206, 5.8%, 52.3%);\n  --slate11: hsl(206, 6.0%, 43.5%);\n  --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.spin {\n  animation: spin 1s linear 0s infinite;\n}\n\n@keyframes Animation {\n  0% {\n    background-position: 200%;\n  }\n  50% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: 0%;\n  }\n}\n.loading {\n  background: linear-gradient(45deg, transparent, var(--primary), 12%, transparent);\n  background-size: 200%;\n  animation: Animation 3s ease infinite;\n}\n\n@keyframes open {\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n}\n@keyframes close {\n  from {\n    height: var(--radix-collapsible-content-height);\n  }\n  to {\n    height: 0;\n  }\n}\n.collapse-content {\n  overflow: hidden;\n  font-size: inherit;\n  color: inherit;\n}\n\n.collapse-content[data-state=open] {\n  animation: open 300ms ease-out;\n}\n\n.collapse-content[data-state=closed] {\n  animation: close 300ms ease-out;\n}\n\n.cards-recipe {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n  grid-auto-rows: auto;\n  grid-gap: 1rem;\n}\n\n.cards-recipe-header {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, 1fr);\n  grid-auto-rows: auto;\n  grid-gap: 0.75rem;\n}\n\n.cards-container-recipe {\n  border: 1px solid rgba(0, 0, 0, 0.125);\n  padding: 10px 0 0 0;\n  margin: 10px 0 0 0;\n  border-radius: 6px;\n}\n\n.cards-container-title-recipe {\n  margin: 0 0 10px 0;\n  font-size: 17px !important;\n}";
+var css_248z$9 = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n  --primary3: #000;\n  --success: #46A758;\n  --warning: #F76809;\n  --danger: #FF4616;\n  /* radix-ui/colors */\n  --slate1: hsl(206, 30.0%, 98.8%);\n  --slate2: hsl(210, 16.7%, 97.6%);\n  --slate3: hsl(209, 13.3%, 95.3%);\n  --slate4: hsl(209, 12.2%, 93.2%);\n  --slate5: hsl(208, 11.7%, 91.1%);\n  --slate6: hsl(208, 11.3%, 88.9%);\n  --slate7: hsl(207, 11.1%, 85.9%);\n  --slate8: hsl(205, 10.7%, 78.0%);\n  --slate9: hsl(206, 6.0%, 56.1%);\n  --slate10: hsl(206, 5.8%, 52.3%);\n  --slate11: hsl(206, 6.0%, 43.5%);\n  --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.spin {\n  animation: spin 1s linear 0s infinite;\n}\n\n@keyframes Animation {\n  0% {\n    background-position: 200%;\n  }\n  50% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: 0%;\n  }\n}\n.loading {\n  background: linear-gradient(45deg, transparent, var(--primary), 12%, transparent);\n  background-size: 200%;\n  animation: Animation 3s ease infinite;\n}\n\n@keyframes open {\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n}\n@keyframes close {\n  from {\n    height: var(--radix-collapsible-content-height);\n  }\n  to {\n    height: 0;\n  }\n}\n.collapse-content {\n  overflow: hidden;\n  font-size: inherit;\n  color: inherit;\n}\n\n.collapse-content[data-state=open] {\n  animation: open 300ms ease-out;\n}\n\n.collapse-content[data-state=closed] {\n  animation: close 300ms ease-out;\n}\n\n.cards-recipe {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n  grid-auto-rows: auto;\n  grid-gap: 1rem;\n}\n\n.cards-recipe-header {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, 1fr);\n  grid-auto-rows: auto;\n  grid-gap: 0.75rem;\n}\n\n.cards-container-recipe {\n  border: 1px solid rgba(0, 0, 0, 0.125);\n  padding: 10px 0 0 0;\n  margin: 10px 0 0 0;\n  border-radius: 6px;\n}\n\n.cards-container-title-recipe {\n  margin: 0 0 10px 0;\n  font-size: 17px !important;\n}\n\n.SwitchRoot {\n  all: unset;\n  width: 42px;\n  height: 25px;\n  background-color: var(--slate11);\n  border-radius: 9999px;\n  position: relative;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.SwitchRoot:focus {\n  border: none !important;\n}\n\n.SwitchRoot[data-state=checked] {\n  background-color: #1890ff;\n}\n\n.SwitchThumb {\n  all: unset;\n  display: block;\n  width: 21px;\n  height: 21px;\n  background-color: white;\n  border-radius: 100%;\n  box-shadow: 0 2px 2px var(--slate11);\n  transition: transform 100ms;\n  transform: translateX(2px);\n  will-change: transform;\n}\n\n.SwitchThumb[data-state=checked] {\n  transform: translateX(19px);\n}";
 styleInject(css_248z$9);
 
 var IconContext = /*#__PURE__*/React.createContext({});
@@ -47573,7 +47221,8 @@ var RecipeForm = function (_a) {
                     React__default["default"].createElement(TextInput, { inputProps: __assign(__assign({}, register('study-description')), { defaultValue: '' }), asTextArea: true, reset: function () { return handleReset({ name: 'study-description',
                             default: '' }); } })),
                 host !== 'web' && displaySettings && React__default["default"].createElement(FormInput, { name: 'load-input-aliases', description: 'Enable handlers for an additional validation and/or to convert inputs to objects that are needed by the recipe.' },
-                    React__default["default"].createElement(reactSwitch, { checked: handlers, onChange: setHandlers, onColor: '#86d3ff', onHandleColor: '#1890ff', handleDiameter: 20, uncheckedIcon: false, checkedIcon: false, boxShadow: '0px 1px 5px rgba(0, 0, 0, 0.6)', activeBoxShadow: '0px 0px 1px 10px rgba(0, 0, 0, 0.2)', height: 20, width: 48, className: 'react-switch', id: 'po-material-switch' })))),
+                    React__default["default"].createElement($6be4966fd9bbc698$export$be92b6f5f03c0fe9, { className: 'SwitchRoot', id: 'po-material-switch', checked: handlers, onClick: function (e) { return setHandlers(function (prev) { return !prev; }); } },
+                        React__default["default"].createElement($6be4966fd9bbc698$export$6521433ed15a34db, { className: 'SwitchThumb' }))))),
         React__default["default"].createElement(Tabs, { forceRenderTabPanel: true },
             React__default["default"].createElement(TabList, { style: {
                     flex: 1,