@norskvideo/norsk-studio-built-ins 1.27.0-2025-07-09-d12abafa → 1.27.0-2025-07-11-977d50bc

package/client/info.js

@@ -47159,13 +47159,13 @@ var require_dist3 = __commonJS({
     });
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     function createContext2(rootComponentName, defaultContext) {
       const Context = React3.createContext(defaultContext);
       const Provider = (props) => {
         const { children, ...context } = props;
         const value = React3.useMemo(() => context, Object.values(context));
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Context.Provider, { value, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Context.Provider, { value, children });
       };
       Provider.displayName = rootComponentName + "Provider";
       function useContext2(consumerName) {
@@ -47188,7 +47188,7 @@ var require_dist3 = __commonJS({
           const { scope, children, ...context } = props;
           const Context = scope?.[scopeName]?.[index3] || BaseContext;
           const value = React3.useMemo(() => context, Object.values(context));
-          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Context.Provider, { value, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Context.Provider, { value, children });
         };
         Provider.displayName = rootComponentName + "Provider";
         function useContext2(consumerName, scope) {
@@ -47356,7 +47356,7 @@ var require_dist5 = __commonJS({
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
     var import_react_compose_refs = require_dist4();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var Slot = React3.forwardRef((props, forwardedRef) => {
       const { children, ...slotProps } = props;
       const childrenArray = React3.Children.toArray(children);
@@ -47372,9 +47372,9 @@ var require_dist5 = __commonJS({
             return child;
           }
         });
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
     });
     Slot.displayName = "Slot";
     var SlotClone = React3.forwardRef((props, forwardedRef) => {
@@ -47391,7 +47391,7 @@ var require_dist5 = __commonJS({
     });
     SlotClone.displayName = "SlotClone";
     var Slottable = ({ children }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children });
     };
     function isSlottable(child) {
       return React3.isValidElement(child) && child.type === Slottable;
@@ -47477,7 +47477,7 @@ var require_dist6 = __commonJS({
     var import_react_context = require_dist3();
     var import_react_compose_refs = require_dist4();
     var import_react_slot = require_dist5();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     function createCollection(name) {
       const PROVIDER_NAME = name + "CollectionProvider";
       const [createCollectionContext, createCollectionScope] = (0, import_react_context.createContextScope)(PROVIDER_NAME);
@@ -47489,7 +47489,7 @@ var require_dist6 = __commonJS({
         const { scope, children } = props;
         const ref = import_react18.default.useRef(null);
         const itemMap = import_react18.default.useRef(/* @__PURE__ */ new Map()).current;
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
       };
       CollectionProvider.displayName = PROVIDER_NAME;
       const COLLECTION_SLOT_NAME = name + "CollectionSlot";
@@ -47498,7 +47498,7 @@ var require_dist6 = __commonJS({
           const { scope, children } = props;
           const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
           const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, context.collectionRef);
-          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_slot.Slot, { ref: composedRefs, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_slot.Slot, { ref: composedRefs, children });
         }
       );
       CollectionSlot.displayName = COLLECTION_SLOT_NAME;
@@ -47514,7 +47514,7 @@ var require_dist6 = __commonJS({
             context.itemMap.set(ref, { ref, ...itemData });
             return () => void context.itemMap.delete(ref);
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_slot.Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_slot.Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
         }
       );
       CollectionItemSlot.displayName = ITEM_SLOT_NAME;
@@ -47581,11 +47581,11 @@ var require_dist7 = __commonJS({
     });
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var DirectionContext = React3.createContext(void 0);
     var DirectionProvider = (props) => {
       const { dir, children } = props;
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DirectionContext.Provider, { value: dir, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DirectionContext.Provider, { value: dir, children });
     };
     function useDirection(localDir) {
       const globalDir = React3.useContext(DirectionContext);
@@ -47636,7 +47636,7 @@ var require_dist8 = __commonJS({
     var React3 = __toESM2(require_react());
     var ReactDOM2 = __toESM2(require_react_dom());
     var import_react_slot = require_dist5();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var NODES = [
       "a",
       "button",
@@ -47662,7 +47662,7 @@ var require_dist8 = __commonJS({
         if (typeof window !== "undefined") {
           window[Symbol.for("radix-ui")] = true;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
       });
       Node2.displayName = `Primitive.${node}`;
       return { ...primitive, [node]: Node2 };
@@ -47821,7 +47821,7 @@ var require_dist11 = __commonJS({
     var import_react_compose_refs = require_dist4();
     var import_react_use_callback_ref = require_dist9();
     var import_react_use_escape_keydown = require_dist10();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var DISMISSABLE_LAYER_NAME = "DismissableLayer";
     var CONTEXT_UPDATE = "dismissableLayer.update";
     var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -47916,7 +47916,7 @@ var require_dist11 = __commonJS({
           document.addEventListener(CONTEXT_UPDATE, handleUpdate);
           return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           import_react_primitive.Primitive.div,
           {
             ...layerProps,
@@ -47950,7 +47950,7 @@ var require_dist11 = __commonJS({
           };
         }
       }, [context.branches]);
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
     });
     DismissableLayerBranch.displayName = BRANCH_NAME;
     function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -48152,7 +48152,7 @@ var require_dist13 = __commonJS({
     var import_react_compose_refs = require_dist4();
     var import_react_primitive = require_dist8();
     var import_react_use_callback_ref = require_dist9();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
     var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
     var EVENT_OPTIONS = { bubbles: false, cancelable: true };
@@ -48282,7 +48282,7 @@ var require_dist13 = __commonJS({
         },
         [loop, trapped, focusScope.paused]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
     });
     FocusScope.displayName = FOCUS_SCOPE_NAME;
     function focusFirst(candidates, { select = false } = {}) {
@@ -50642,11 +50642,11 @@ var require_dist16 = __commonJS({
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
     var import_react_primitive = require_dist8();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var NAME = "Arrow";
     var Arrow = React3.forwardRef((props, forwardedRef) => {
       const { children, width = 10, height = 5, ...arrowProps } = props;
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         import_react_primitive.Primitive.svg,
         {
           ...arrowProps,
@@ -50655,7 +50655,7 @@ var require_dist16 = __commonJS({
           height,
           viewBox: "0 0 30 10",
           preserveAspectRatio: "none",
-          children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("polygon", { points: "0,0 30,0 15,10" })
+          children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("polygon", { points: "0,0 30,0 15,10" })
         }
       );
     });
@@ -50795,7 +50795,7 @@ var require_dist18 = __commonJS({
     var import_react_use_callback_ref = require_dist9();
     var import_react_use_layout_effect = require_dist14();
     var import_react_use_size = require_dist17();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var SIDE_OPTIONS = ["top", "right", "bottom", "left"];
     var ALIGN_OPTIONS = ["start", "center", "end"];
     var POPPER_NAME = "Popper";
@@ -50804,7 +50804,7 @@ var require_dist18 = __commonJS({
     var Popper = (props) => {
       const { __scopePopper, children } = props;
       const [anchor, setAnchor] = React3.useState(null);
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
     };
     Popper.displayName = POPPER_NAME;
     var ANCHOR_NAME = "PopperAnchor";
@@ -50817,7 +50817,7 @@ var require_dist18 = __commonJS({
         React3.useEffect(() => {
           context.onAnchorChange(virtualRef?.current || ref.current);
         });
-        return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { ...anchorProps, ref: composedRefs });
+        return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.div, { ...anchorProps, ref: composedRefs });
       }
     );
     PopperAnchor.displayName = ANCHOR_NAME;
@@ -50911,7 +50911,7 @@ var require_dist18 = __commonJS({
           if (content)
             setContentZIndex(window.getComputedStyle(content).zIndex);
         }, [content]);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "div",
           {
             ref: refs.setFloating,
@@ -50935,7 +50935,7 @@ var require_dist18 = __commonJS({
               }
             },
             dir: props.dir,
-            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               PopperContentProvider,
               {
                 scope: __scopePopper,
@@ -50944,7 +50944,7 @@ var require_dist18 = __commonJS({
                 arrowX,
                 arrowY,
                 shouldHideArrow: cannotCenterArrow,
-                children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   import_react_primitive.Primitive.div,
                   {
                     "data-side": placedSide,
@@ -50981,7 +50981,7 @@ var require_dist18 = __commonJS({
         // 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.
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "span",
           {
             ref: contentContext.onArrowChange,
@@ -51004,7 +51004,7 @@ var require_dist18 = __commonJS({
               }[contentContext.placedSide],
               visibility: contentContext.shouldHideArrow ? "hidden" : void 0
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               ArrowPrimitive.Root,
               {
                 ...arrowProps,
@@ -51108,14 +51108,14 @@ var require_dist19 = __commonJS({
     var import_react_dom = __toESM2(require_react_dom());
     var import_react_primitive = require_dist8();
     var import_react_use_layout_effect = require_dist14();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var PORTAL_NAME = "Portal";
     var Portal = React3.forwardRef((props, forwardedRef) => {
       const { container: containerProp, ...portalProps } = props;
       const [mounted, setMounted] = React3.useState(false);
       (0, import_react_use_layout_effect.useLayoutEffect)(() => setMounted(true), []);
       const container = containerProp || mounted && globalThis?.document?.body;
-      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -51293,11 +51293,11 @@ var require_dist22 = __commonJS({
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
     var import_react_primitive = require_dist8();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var NAME = "VisuallyHidden";
     var VisuallyHidden = React3.forwardRef(
       (props, forwardedRef) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           import_react_primitive.Primitive.span,
           {
             ...props,
@@ -53456,7 +53456,7 @@ var require_dist23 = __commonJS({
     var import_react_visually_hidden = require_dist22();
     var import_aria_hidden = require_es5();
     var import_react_remove_scroll = require_es57();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
     var SELECTION_KEYS = [" ", "Enter"];
     var SELECT_NAME = "Select";
@@ -53504,7 +53504,7 @@ var require_dist23 = __commonJS({
       const isFormControl = trigger ? form || !!trigger.closest("form") : true;
       const [nativeOptionsSet, setNativeOptionsSet] = React3.useState(/* @__PURE__ */ new Set());
       const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
         SelectProvider,
         {
           required,
@@ -53524,7 +53524,7 @@ var require_dist23 = __commonJS({
           triggerPointerDownPosRef,
           disabled,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               SelectNativeOptionsProvider,
               {
                 scope: props.__scopeSelect,
@@ -53541,7 +53541,7 @@ var require_dist23 = __commonJS({
                 children
               }
             ) }),
-            isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+            isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
               BubbleSelect,
               {
                 "aria-hidden": true,
@@ -53554,7 +53554,7 @@ var require_dist23 = __commonJS({
                 disabled,
                 form,
                 children: [
-                  value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("option", { value: "" }) : null,
+                  value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("option", { value: "" }) : null,
                   Array.from(nativeOptionsSet)
                 ]
               },
@@ -53595,7 +53595,7 @@ var require_dist23 = __commonJS({
             };
           }
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -53656,13 +53656,13 @@ var require_dist23 = __commonJS({
         (0, import_react_use_layout_effect.useLayoutEffect)(() => {
           onValueNodeHasChildrenChange(hasChildren);
         }, [onValueNodeHasChildrenChange, hasChildren]);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           import_react_primitive.Primitive.span,
           {
             ...valueProps,
             ref: composedRefs,
             style: { pointerEvents: "none" },
-            children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children: placeholder }) : children
+            children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children: placeholder }) : children
           }
         );
       }
@@ -53672,13 +53672,13 @@ var require_dist23 = __commonJS({
     var SelectIcon = React3.forwardRef(
       (props, forwardedRef) => {
         const { __scopeSelect, children, ...iconProps } = props;
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
       }
     );
     SelectIcon.displayName = ICON_NAME;
     var PORTAL_NAME = "SelectPortal";
     var SelectPortal = (props) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_portal.Portal, { asChild: true, ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_portal.Portal, { asChild: true, ...props });
     };
     SelectPortal.displayName = PORTAL_NAME;
     var CONTENT_NAME = "SelectContent";
@@ -53692,11 +53692,11 @@ var require_dist23 = __commonJS({
         if (!context.open) {
           const frag = fragment;
           return frag ? ReactDOM2.createPortal(
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children: props.children }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { children: props.children }) }) }),
             frag
           ) : null;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
       }
     );
     SelectContent.displayName = CONTENT_NAME;
@@ -53855,7 +53855,7 @@ var require_dist23 = __commonJS({
           hideWhenDetached,
           avoidCollisions
         } : {};
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           SelectContentProvider,
           {
             scope: __scopeSelect,
@@ -53871,7 +53871,7 @@ var require_dist23 = __commonJS({
             position,
             isPositioned,
             searchRef,
-            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               import_react_focus_scope.FocusScope,
               {
                 asChild: true,
@@ -53883,7 +53883,7 @@ var require_dist23 = __commonJS({
                   context.trigger?.focus({ preventScroll: true });
                   event.preventDefault();
                 }),
-                children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   import_react_dismissable_layer.DismissableLayer,
                   {
                     asChild: true,
@@ -53892,7 +53892,7 @@ var require_dist23 = __commonJS({
                     onPointerDownOutside,
                     onFocusOutside: (event) => event.preventDefault(),
                     onDismiss: () => context.onOpenChange(false),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                       SelectPosition,
                       {
                         role: "listbox",
@@ -54071,14 +54071,14 @@ var require_dist23 = __commonJS({
         },
         [position, focusSelectedItem]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         SelectViewportProvider,
         {
           scope: __scopeSelect,
           contentWrapper,
           shouldExpandOnScrollRef,
           onScrollButtonChange: handleScrollButtonChange,
-          children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "div",
             {
               ref: setContentWrapper,
@@ -54088,7 +54088,7 @@ var require_dist23 = __commonJS({
                 position: "fixed",
                 zIndex: contentZIndex
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                 import_react_primitive.Primitive.div,
                 {
                   ...popperProps,
@@ -54118,7 +54118,7 @@ var require_dist23 = __commonJS({
         ...popperProps
       } = props;
       const popperScope = usePopperScope(__scopeSelect);
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         PopperPrimitive.Content,
         {
           ...popperScope,
@@ -54152,8 +54152,8 @@ var require_dist23 = __commonJS({
         const viewportContext = useSelectViewportContext(VIEWPORT_NAME, __scopeSelect);
         const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, contentContext.onViewportChange);
         const prevScrollTopRef = React3.useRef(0);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "style",
             {
               dangerouslySetInnerHTML: {
@@ -54162,7 +54162,7 @@ var require_dist23 = __commonJS({
               nonce
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             import_react_primitive.Primitive.div,
             {
               "data-radix-select-viewport": "",
@@ -54218,7 +54218,7 @@ var require_dist23 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeSelect, ...groupProps } = props;
         const groupId = (0, import_react_id.useId)();
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
       }
     );
     SelectGroup.displayName = GROUP_NAME;
@@ -54227,7 +54227,7 @@ var require_dist23 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeSelect, ...labelProps } = props;
         const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
       }
     );
     SelectLabel.displayName = LABEL_NAME;
@@ -54264,7 +54264,7 @@ var require_dist23 = __commonJS({
             "A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
           );
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           SelectItemContextProvider,
           {
             scope: __scopeSelect,
@@ -54275,14 +54275,14 @@ var require_dist23 = __commonJS({
             onItemTextChange: React3.useCallback((node) => {
               setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
             }, []),
-            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               Collection.ItemSlot,
               {
                 scope: __scopeSelect,
                 value,
                 disabled,
                 textValue,
-                children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   import_react_primitive.Primitive.div,
                   {
                     role: "option",
@@ -54356,7 +54356,7 @@ var require_dist23 = __commonJS({
         );
         const textContent = itemTextNode?.textContent;
         const nativeOption = React3.useMemo(
-          () => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
+          () => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
           [itemContext.disabled, itemContext.value, textContent]
         );
         const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
@@ -54364,8 +54364,8 @@ var require_dist23 = __commonJS({
           onNativeOptionAdd(nativeOption);
           return () => onNativeOptionRemove(nativeOption);
         }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
           itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM2.createPortal(itemTextProps.children, context.valueNode) : null
         ] });
       }
@@ -54376,7 +54376,7 @@ var require_dist23 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeSelect, ...itemIndicatorProps } = props;
         const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-        return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+        return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
       }
     );
     SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
@@ -54399,7 +54399,7 @@ var require_dist23 = __commonJS({
           return () => viewport.removeEventListener("scroll", handleScroll2);
         }
       }, [contentContext.viewport, contentContext.isPositioned]);
-      return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         SelectScrollButtonImpl,
         {
           ...props,
@@ -54434,7 +54434,7 @@ var require_dist23 = __commonJS({
           return () => viewport.removeEventListener("scroll", handleScroll2);
         }
       }, [contentContext.viewport, contentContext.isPositioned]);
-      return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         SelectScrollButtonImpl,
         {
           ...props,
@@ -54467,7 +54467,7 @@ var require_dist23 = __commonJS({
         const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
         activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
       }, [getItems]);
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         import_react_primitive.Primitive.div,
         {
           "aria-hidden": true,
@@ -54495,7 +54495,7 @@ var require_dist23 = __commonJS({
     var SelectSeparator = React3.forwardRef(
       (props, forwardedRef) => {
         const { __scopeSelect, ...separatorProps } = props;
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
       }
     );
     SelectSeparator.displayName = SEPARATOR_NAME;
@@ -54506,7 +54506,7 @@ var require_dist23 = __commonJS({
         const popperScope = usePopperScope(__scopeSelect);
         const context = useSelectContext(ARROW_NAME, __scopeSelect);
         const contentContext = useSelectContentContext(ARROW_NAME, __scopeSelect);
-        return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+        return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
       }
     );
     SelectArrow.displayName = ARROW_NAME;
@@ -54533,7 +54533,7 @@ var require_dist23 = __commonJS({
             select.dispatchEvent(event);
           }
         }, [prevValue, value]);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_visually_hidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_visually_hidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
       }
     );
     BubbleSelect.displayName = "BubbleSelect";
@@ -54917,7 +54917,7 @@ var require_dist25 = __commonJS({
     var import_react_use_controllable_state = require_dist20();
     var import_aria_hidden = require_es5();
     var import_react_remove_scroll = require_es57();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var POPOVER_NAME = "Popover";
     var [createPopoverContext, createPopoverScope] = (0, import_react_context.createContextScope)(POPOVER_NAME, [
       import_react_popper.createPopperScope
@@ -54941,7 +54941,7 @@ var require_dist25 = __commonJS({
         defaultProp: defaultOpen,
         onChange: onOpenChange
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         PopoverProvider,
         {
           scope: __scopePopover,
@@ -54970,7 +54970,7 @@ var require_dist25 = __commonJS({
           onCustomAnchorAdd();
           return () => onCustomAnchorRemove();
         }, [onCustomAnchorAdd, onCustomAnchorRemove]);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopperPrimitive.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PopperPrimitive.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
       }
     );
     PopoverAnchor.displayName = ANCHOR_NAME;
@@ -54981,7 +54981,7 @@ var require_dist25 = __commonJS({
         const context = usePopoverContext(TRIGGER_NAME, __scopePopover);
         const popperScope = usePopperScope(__scopePopover);
         const composedTriggerRef = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
-        const trigger = /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        const trigger = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -54994,7 +54994,7 @@ var require_dist25 = __commonJS({
             onClick: (0, import_primitive.composeEventHandlers)(props.onClick, context.onOpenToggle)
           }
         );
-        return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: trigger });
+        return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: trigger });
       }
     );
     PopoverTrigger.displayName = TRIGGER_NAME;
@@ -55005,7 +55005,7 @@ var require_dist25 = __commonJS({
     var PopoverPortal = (props) => {
       const { __scopePopover, forceMount, children, container } = props;
       const context = usePopoverContext(PORTAL_NAME, __scopePopover);
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_portal.Portal, { asChild: true, container, children }) }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_portal.Portal, { asChild: true, container, children }) }) });
     };
     PopoverPortal.displayName = PORTAL_NAME;
     var CONTENT_NAME = "PopoverContent";
@@ -55014,7 +55014,7 @@ var require_dist25 = __commonJS({
         const portalContext = usePortalContext(CONTENT_NAME, props.__scopePopover);
         const { forceMount = portalContext.forceMount, ...contentProps } = props;
         const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
       }
     );
     PopoverContent.displayName = CONTENT_NAME;
@@ -55029,7 +55029,7 @@ var require_dist25 = __commonJS({
           if (content)
             return (0, import_aria_hidden.hideOthers)(content);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           PopoverContentImpl,
           {
             ...props,
@@ -55065,7 +55065,7 @@ var require_dist25 = __commonJS({
         const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
         const hasInteractedOutsideRef = React3.useRef(false);
         const hasPointerDownOutsideRef = React3.useRef(false);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           PopoverContentImpl,
           {
             ...props,
@@ -55119,7 +55119,7 @@ var require_dist25 = __commonJS({
         const context = usePopoverContext(CONTENT_NAME, __scopePopover);
         const popperScope = usePopperScope(__scopePopover);
         (0, import_react_focus_guards.useFocusGuards)();
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           import_react_focus_scope.FocusScope,
           {
             asChild: true,
@@ -55127,7 +55127,7 @@ var require_dist25 = __commonJS({
             trapped: trapFocus,
             onMountAutoFocus: onOpenAutoFocus,
             onUnmountAutoFocus: onCloseAutoFocus,
-            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               import_react_dismissable_layer.DismissableLayer,
               {
                 asChild: true,
@@ -55137,7 +55137,7 @@ var require_dist25 = __commonJS({
                 onPointerDownOutside,
                 onFocusOutside,
                 onDismiss: () => context.onOpenChange(false),
-                children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                   PopperPrimitive.Content,
                   {
                     "data-state": getState(context.open),
@@ -55170,7 +55170,7 @@ var require_dist25 = __commonJS({
       (props, forwardedRef) => {
         const { __scopePopover, ...closeProps } = props;
         const context = usePopoverContext(CLOSE_NAME, __scopePopover);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -55187,7 +55187,7 @@ var require_dist25 = __commonJS({
       (props, forwardedRef) => {
         const { __scopePopover, ...arrowProps } = props;
         const popperScope = usePopperScope(__scopePopover);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
       }
     );
     PopoverArrow.displayName = ARROW_NAME;
@@ -55413,13 +55413,13 @@ var require_dist28 = __commonJS({
     });
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     function createContext2(rootComponentName, defaultContext) {
       const Context = React3.createContext(defaultContext);
       const Provider = (props) => {
         const { children, ...context } = props;
         const value = React3.useMemo(() => context, Object.values(context));
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Context.Provider, { value, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Context.Provider, { value, children });
       };
       Provider.displayName = rootComponentName + "Provider";
       function useContext2(consumerName) {
@@ -55442,7 +55442,7 @@ var require_dist28 = __commonJS({
           const { scope, children, ...context } = props;
           const Context = scope?.[scopeName]?.[index3] || BaseContext;
           const value = React3.useMemo(() => context, Object.values(context));
-          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Context.Provider, { value, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Context.Provider, { value, children });
         };
         Provider.displayName = rootComponentName + "Provider";
         function useContext2(consumerName, scope) {
@@ -55901,7 +55901,7 @@ var require_dist34 = __commonJS({
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
     var import_react_compose_refs = require_dist27();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     // @__NO_SIDE_EFFECTS__
     function createSlot(ownerName) {
       const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -55920,9 +55920,9 @@ var require_dist34 = __commonJS({
               return child;
             }
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+          return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
       });
       Slot2.displayName = `${ownerName}.Slot`;
       return Slot2;
@@ -55949,7 +55949,7 @@ var require_dist34 = __commonJS({
     // @__NO_SIDE_EFFECTS__
     function createSlottable(ownerName) {
       const Slottable2 = ({ children }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children });
       };
       Slottable2.displayName = `${ownerName}.Slottable`;
       Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -56039,7 +56039,7 @@ var require_dist35 = __commonJS({
     var React3 = __toESM2(require_react());
     var ReactDOM2 = __toESM2(require_react_dom());
     var import_react_slot = require_dist34();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var NODES = [
       "a",
       "button",
@@ -56067,7 +56067,7 @@ var require_dist35 = __commonJS({
         if (typeof window !== "undefined") {
           window[Symbol.for("radix-ui")] = true;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
       });
       Node2.displayName = `Primitive.${node}`;
       return { ...primitive, [node]: Node2 };
@@ -56226,7 +56226,7 @@ var require_dist38 = __commonJS({
     var import_react_compose_refs = require_dist27();
     var import_react_use_callback_ref = require_dist36();
     var import_react_use_escape_keydown = require_dist37();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var DISMISSABLE_LAYER_NAME = "DismissableLayer";
     var CONTEXT_UPDATE = "dismissableLayer.update";
     var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -56321,7 +56321,7 @@ var require_dist38 = __commonJS({
           document.addEventListener(CONTEXT_UPDATE, handleUpdate);
           return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           import_react_primitive.Primitive.div,
           {
             ...layerProps,
@@ -56355,7 +56355,7 @@ var require_dist38 = __commonJS({
           };
         }
       }, [context.branches]);
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
     });
     DismissableLayerBranch.displayName = BRANCH_NAME;
     function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -56484,7 +56484,7 @@ var require_dist39 = __commonJS({
     var import_react_compose_refs = require_dist27();
     var import_react_primitive = require_dist35();
     var import_react_use_callback_ref = require_dist36();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
     var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
     var EVENT_OPTIONS = { bubbles: false, cancelable: true };
@@ -56614,7 +56614,7 @@ var require_dist39 = __commonJS({
         },
         [loop, trapped, focusScope.paused]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
     });
     FocusScope.displayName = FOCUS_SCOPE_NAME;
     function focusFirst(candidates, { select = false } = {}) {
@@ -56749,14 +56749,14 @@ var require_dist40 = __commonJS({
     var import_react_dom = __toESM2(require_react_dom());
     var import_react_primitive = require_dist35();
     var import_react_use_layout_effect = require_dist29();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var PORTAL_NAME = "Portal";
     var Portal = React3.forwardRef((props, forwardedRef) => {
       const { container: containerProp, ...portalProps } = props;
       const [mounted, setMounted] = React3.useState(false);
       (0, import_react_use_layout_effect.useLayoutEffect)(() => setMounted(true), []);
       const container = containerProp || mounted && globalThis?.document?.body;
-      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -57073,7 +57073,7 @@ var require_dist43 = __commonJS({
     var import_react_remove_scroll = require_es57();
     var import_aria_hidden = require_es5();
     var import_react_slot = require_dist34();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var DIALOG_NAME = "Dialog";
     var [createDialogContext, createDialogScope] = (0, import_react_context.createContextScope)(DIALOG_NAME);
     var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
@@ -57094,7 +57094,7 @@ var require_dist43 = __commonJS({
         onChange: onOpenChange,
         caller: DIALOG_NAME
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         DialogProvider,
         {
           scope: __scopeDialog,
@@ -57118,7 +57118,7 @@ var require_dist43 = __commonJS({
         const { __scopeDialog, ...triggerProps } = props;
         const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
         const composedTriggerRef = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -57141,7 +57141,7 @@ var require_dist43 = __commonJS({
     var DialogPortal = (props) => {
       const { __scopeDialog, forceMount, children, container } = props;
       const context = useDialogContext(PORTAL_NAME, __scopeDialog);
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
     };
     DialogPortal.displayName = PORTAL_NAME;
     var OVERLAY_NAME = "DialogOverlay";
@@ -57150,7 +57150,7 @@ var require_dist43 = __commonJS({
         const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
         const { forceMount = portalContext.forceMount, ...overlayProps } = props;
         const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
-        return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
+        return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
       }
     );
     DialogOverlay.displayName = OVERLAY_NAME;
@@ -57162,7 +57162,7 @@ var require_dist43 = __commonJS({
         return (
           // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
           // ie. when `Overlay` and `Content` are siblings
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             import_react_primitive.Primitive.div,
             {
               "data-state": getState(context.open),
@@ -57180,7 +57180,7 @@ var require_dist43 = __commonJS({
         const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);
         const { forceMount = portalContext.forceMount, ...contentProps } = props;
         const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
       }
     );
     DialogContent.displayName = CONTENT_NAME;
@@ -57194,7 +57194,7 @@ var require_dist43 = __commonJS({
           if (content)
             return (0, import_aria_hidden.hideOthers)(content);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -57225,7 +57225,7 @@ var require_dist43 = __commonJS({
         const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
         const hasInteractedOutsideRef = React3.useRef(false);
         const hasPointerDownOutsideRef = React3.useRef(false);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -57269,8 +57269,8 @@ var require_dist43 = __commonJS({
         const contentRef = React3.useRef(null);
         const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, contentRef);
         (0, import_react_focus_guards.useFocusGuards)();
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             import_react_focus_scope.FocusScope,
             {
               asChild: true,
@@ -57278,7 +57278,7 @@ var require_dist43 = __commonJS({
               trapped: trapFocus,
               onMountAutoFocus: onOpenAutoFocus,
               onUnmountAutoFocus: onCloseAutoFocus,
-              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                 import_react_dismissable_layer.DismissableLayer,
                 {
                   role: "dialog",
@@ -57293,9 +57293,9 @@ var require_dist43 = __commonJS({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TitleWarning, { titleId: context.titleId }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TitleWarning, { titleId: context.titleId }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
           ] })
         ] });
       }
@@ -57305,7 +57305,7 @@ var require_dist43 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...titleProps } = props;
         const context = useDialogContext(TITLE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
       }
     );
     DialogTitle.displayName = TITLE_NAME;
@@ -57314,7 +57314,7 @@ var require_dist43 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...descriptionProps } = props;
         const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
       }
     );
     DialogDescription.displayName = DESCRIPTION_NAME;
@@ -57323,7 +57323,7 @@ var require_dist43 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...closeProps } = props;
         const context = useDialogContext(CLOSE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -57923,13 +57923,13 @@ var require_dist47 = __commonJS({
     });
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     function createContext2(rootComponentName, defaultContext) {
       const Context = React3.createContext(defaultContext);
       const Provider = (props) => {
         const { children, ...context } = props;
         const value = React3.useMemo(() => context, Object.values(context));
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Context.Provider, { value, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Context.Provider, { value, children });
       };
       Provider.displayName = rootComponentName + "Provider";
       function useContext2(consumerName) {
@@ -57952,7 +57952,7 @@ var require_dist47 = __commonJS({
           const { scope, children, ...context } = props;
           const Context = scope?.[scopeName]?.[index3] || BaseContext;
           const value = React3.useMemo(() => context, Object.values(context));
-          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Context.Provider, { value, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Context.Provider, { value, children });
         };
         Provider.displayName = rootComponentName + "Provider";
         function useContext2(consumerName, scope) {
@@ -58426,7 +58426,7 @@ var require_dist53 = __commonJS({
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
     var import_react_compose_refs = require_dist52();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     // @__NO_SIDE_EFFECTS__
     function createSlot(ownerName) {
       const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -58445,9 +58445,9 @@ var require_dist53 = __commonJS({
               return child;
             }
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+          return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
       });
       Slot2.displayName = `${ownerName}.Slot`;
       return Slot2;
@@ -58475,7 +58475,7 @@ var require_dist53 = __commonJS({
     // @__NO_SIDE_EFFECTS__
     function createSlottable(ownerName) {
       const Slottable2 = ({ children }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, { children });
       };
       Slottable2.displayName = `${ownerName}.Slottable`;
       Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -58566,7 +58566,7 @@ var require_dist54 = __commonJS({
     var React3 = __toESM2(require_react());
     var ReactDOM2 = __toESM2(require_react_dom());
     var import_react_slot = require_dist53();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var NODES = [
       "a",
       "button",
@@ -58594,7 +58594,7 @@ var require_dist54 = __commonJS({
         if (typeof window !== "undefined") {
           window[Symbol.for("radix-ui")] = true;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
       });
       Node2.displayName = `Primitive.${node}`;
       return { ...primitive, [node]: Node2 };
@@ -58753,7 +58753,7 @@ var require_dist57 = __commonJS({
     var import_react_compose_refs = require_dist46();
     var import_react_use_callback_ref = require_dist55();
     var import_react_use_escape_keydown = require_dist56();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var DISMISSABLE_LAYER_NAME = "DismissableLayer";
     var CONTEXT_UPDATE = "dismissableLayer.update";
     var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -58848,7 +58848,7 @@ var require_dist57 = __commonJS({
           document.addEventListener(CONTEXT_UPDATE, handleUpdate);
           return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           import_react_primitive.Primitive.div,
           {
             ...layerProps,
@@ -58882,7 +58882,7 @@ var require_dist57 = __commonJS({
           };
         }
       }, [context.branches]);
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
     });
     DismissableLayerBranch.displayName = BRANCH_NAME;
     function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -59058,7 +59058,7 @@ var require_dist59 = __commonJS({
     var import_react_compose_refs = require_dist46();
     var import_react_primitive = require_dist54();
     var import_react_use_callback_ref = require_dist58();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
     var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
     var EVENT_OPTIONS = { bubbles: false, cancelable: true };
@@ -59188,7 +59188,7 @@ var require_dist59 = __commonJS({
         },
         [loop, trapped, focusScope.paused]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
     });
     FocusScope.displayName = FOCUS_SCOPE_NAME;
     function focusFirst(candidates, { select = false } = {}) {
@@ -59365,14 +59365,14 @@ var require_dist61 = __commonJS({
     var import_react_dom = __toESM2(require_react_dom());
     var import_react_primitive = require_dist54();
     var import_react_use_layout_effect = require_dist60();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var PORTAL_NAME = "Portal";
     var Portal = React3.forwardRef((props, forwardedRef) => {
       const { container: containerProp, ...portalProps } = props;
       const [mounted, setMounted] = React3.useState(false);
       (0, import_react_use_layout_effect.useLayoutEffect)(() => setMounted(true), []);
       const container = containerProp || mounted && globalThis?.document?.body;
-      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -59731,7 +59731,7 @@ var require_dist65 = __commonJS({
     var import_react_remove_scroll = require_es57();
     var import_aria_hidden = require_es5();
     var import_react_slot = require_dist53();
-    var import_jsx_runtime53 = require_jsx_runtime();
+    var import_jsx_runtime54 = require_jsx_runtime();
     var DIALOG_NAME = "Dialog";
     var [createDialogContext, createDialogScope] = (0, import_react_context.createContextScope)(DIALOG_NAME);
     var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
@@ -59752,7 +59752,7 @@ var require_dist65 = __commonJS({
         onChange: onOpenChange,
         caller: DIALOG_NAME
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
         DialogProvider,
         {
           scope: __scopeDialog,
@@ -59776,7 +59776,7 @@ var require_dist65 = __commonJS({
         const { __scopeDialog, ...triggerProps } = props;
         const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
         const composedTriggerRef = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -59799,7 +59799,7 @@ var require_dist65 = __commonJS({
     var DialogPortal = (props) => {
       const { __scopeDialog, forceMount, children, container } = props;
       const context = useDialogContext(PORTAL_NAME, __scopeDialog);
-      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
     };
     DialogPortal.displayName = PORTAL_NAME;
     var OVERLAY_NAME = "DialogOverlay";
@@ -59808,7 +59808,7 @@ var require_dist65 = __commonJS({
         const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
         const { forceMount = portalContext.forceMount, ...overlayProps } = props;
         const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
-        return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
+        return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
       }
     );
     DialogOverlay.displayName = OVERLAY_NAME;
@@ -59820,7 +59820,7 @@ var require_dist65 = __commonJS({
         return (
           // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
           // ie. when `Overlay` and `Content` are siblings
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             import_react_primitive.Primitive.div,
             {
               "data-state": getState(context.open),
@@ -59838,7 +59838,7 @@ var require_dist65 = __commonJS({
         const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);
         const { forceMount = portalContext.forceMount, ...contentProps } = props;
         const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
       }
     );
     DialogContent.displayName = CONTENT_NAME;
@@ -59852,7 +59852,7 @@ var require_dist65 = __commonJS({
           if (content)
             return (0, import_aria_hidden.hideOthers)(content);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -59883,7 +59883,7 @@ var require_dist65 = __commonJS({
         const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
         const hasInteractedOutsideRef = React3.useRef(false);
         const hasPointerDownOutsideRef = React3.useRef(false);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -59927,8 +59927,8 @@ var require_dist65 = __commonJS({
         const contentRef = React3.useRef(null);
         const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, contentRef);
         (0, import_react_focus_guards.useFocusGuards)();
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             import_react_focus_scope.FocusScope,
             {
               asChild: true,
@@ -59936,7 +59936,7 @@ var require_dist65 = __commonJS({
               trapped: trapFocus,
               onMountAutoFocus: onOpenAutoFocus,
               onUnmountAutoFocus: onCloseAutoFocus,
-              children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
                 import_react_dismissable_layer.DismissableLayer,
                 {
                   role: "dialog",
@@ -59951,9 +59951,9 @@ var require_dist65 = __commonJS({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TitleWarning, { titleId: context.titleId }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TitleWarning, { titleId: context.titleId }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
           ] })
         ] });
       }
@@ -59963,7 +59963,7 @@ var require_dist65 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...titleProps } = props;
         const context = useDialogContext(TITLE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
       }
     );
     DialogTitle.displayName = TITLE_NAME;
@@ -59972,7 +59972,7 @@ var require_dist65 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...descriptionProps } = props;
         const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
       }
     );
     DialogDescription.displayName = DESCRIPTION_NAME;
@@ -59981,7 +59981,7 @@ var require_dist65 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...closeProps } = props;
         const context = useDialogContext(CLOSE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -69731,7 +69731,7 @@ var require_client_types = __commonJS({
     exports.simpleToMedia = simpleToMedia;
     exports.outputStreamComponents = outputStreamComponents;
     exports.inputMedia = inputMedia;
-    exports.discriminatedForm = discriminatedForm5;
+    exports.discriminatedForm = discriminatedForm6;
     exports.mappingsToStreams = mappingsToStreams;
     exports.singleAvStreamMapping = singleAvStreamMapping;
     var document_1 = require_document();
@@ -69823,7 +69823,7 @@ var require_client_types = __commonJS({
         tooltip: "rgba(255, 255, 255, 0.9)"
       }
     };
-    function discriminatedForm5(setup) {
+    function discriminatedForm6(setup) {
       const options = Object.keys(setup).map((k) => ({
         key: k,
         display: setup[k].display
@@ -69843,7 +69843,7 @@ var require_client_types = __commonJS({
         }
       };
     }
-    discriminatedForm5.kind = function(setup) {
+    discriminatedForm6.kind = function(setup) {
       const options = Object.keys(setup).map((k) => ({
         key: k,
         display: setup[k].display
@@ -70144,7 +70144,7 @@ function InlineView({ state, config }) {
         return "text-gray-500 dark:text-gray-400";
     }
   };
-  return (0, import_jsx_runtime.jsxs)("div", { className: "file-input space-y-2", id: `file-input-${config.id}`, children: [(0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime.jsx)("span", { className: "text-sm font-medium text-gray-900 dark:text-white", children: "Status:" }), (0, import_jsx_runtime.jsx)("span", { className: cn("text-sm font-medium", getStatusColor(state.status)), children: state.status.charAt(0).toUpperCase() + state.status.slice(1) })] }), state.currentFile && (0, import_jsx_runtime.jsxs)("div", { className: "text-sm text-gray-700 dark:text-gray-300", children: [(0, import_jsx_runtime.jsx)("span", { className: "font-medium", children: "File:" }), " ", basename(state.currentFile)] }), state.error && (0, import_jsx_runtime.jsxs)("div", { className: "text-sm text-red-500 dark:text-red-400 bg-red-50 dark:bg-red-900/20 p-2 rounded", children: [(0, import_jsx_runtime.jsx)("span", { className: "font-medium", children: "Error:" }), " ", state.error] }), state.status === "idle" && !state.currentFile && (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Ready to play files via API" })] });
+  return (0, import_jsx_runtime.jsxs)("div", { className: "file-input space-y-2", id: `file-input-${config.id}`, children: [(0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime.jsx)("span", { className: "text-sm font-medium text-gray-900 dark:text-white", children: "Status:" }), (0, import_jsx_runtime.jsx)("span", { className: cn("text-sm font-medium", getStatusColor(state.status)), children: state.status.charAt(0).toUpperCase() + state.status.slice(1) })] }), state.currentFile && (0, import_jsx_runtime.jsxs)("div", { className: "text-sm text-gray-700 dark:text-gray-300", children: [(0, import_jsx_runtime.jsx)("span", { className: "font-medium", children: "File:" }), " ", basename(state.currentFile), state.isLooping && (0, import_jsx_runtime.jsx)("span", { className: "ml-2 text-xs text-blue-600 dark:text-blue-400", children: "(Looping)" })] }), state.error && (0, import_jsx_runtime.jsxs)("div", { className: "text-sm text-red-500 dark:text-red-400 bg-red-50 dark:bg-red-900/20 p-2 rounded", children: [(0, import_jsx_runtime.jsx)("span", { className: "font-medium", children: "Error:" }), " ", state.error] }), state.status === "idle" && !state.currentFile && (0, import_jsx_runtime.jsx)("div", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Ready to play files via API" })] });
 }
 var inline_view_default = InlineView;
 
@@ -70200,7 +70200,8 @@ function info_default({ defineComponent, mappingsToStreams, StreamMappingForm, v
       initialState: () => ({
         status: "idle",
         currentFile: null,
-        error: null
+        error: null,
+        isLooping: false
       }),
       handleEvent(ev, state) {
         const evType = ev.type;
@@ -70210,7 +70211,8 @@ function info_default({ defineComponent, mappingsToStreams, StreamMappingForm, v
               ...state,
               status: "playing",
               currentFile: ev.filePath,
-              error: null
+              error: null,
+              isLooping: ev.isLooping
             };
           case "playback-completed":
             return {
@@ -70257,6 +70259,20 @@ function info_default({ defineComponent, mappingsToStreams, StreamMappingForm, v
             type: "text",
             optional: true
           }
+        },
+        initialFilename: {
+          help: "File to start playing automatically on component startup",
+          hint: {
+            type: "text",
+            optional: true
+          }
+        },
+        initialLoop: {
+          help: "Whether to loop the initial file continuously",
+          hint: {
+            type: "boolean",
+            optional: true
+          }
         }
       }
     }
@@ -85830,6 +85846,8 @@ function InlineView6({ state, config }) {
       return;
     if (!showPreview)
       return;
+    if (!config.allowPreview)
+      return;
     if (import_hls2.default.isSupported()) {
       let widevineLicenseUrl;
       const headers = {};
@@ -85882,8 +85900,8 @@ function InlineView6({ state, config }) {
     } else if (previewVideo.current.canPlayType("application/vnd.apple.mpegurl")) {
       previewVideo.current.src = url;
     }
-  }, [config.__global?.ezdrmConfig?.pX, config.drmProvider, state.drmToken, url, showPreview]);
-  return (0, import_jsx_runtime14.jsxs)("div", { className: "cmaf-output", children: [state.enabled ? (0, import_jsx_runtime14.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Output enabled" }) : (0, import_jsx_runtime14.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Output disabled" }), (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime14.jsx)("input", { type: "checkbox", id: `video-toggle-${id}`, checked: showPreview, onChange: (e) => setShowPreview(e.target.checked), className: "h-4 w-4" }), (0, import_jsx_runtime14.jsx)("label", { htmlFor: `video-toggle-${id}`, className: "text-sm", children: "Show Preview" })] }), !url ? (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, {}) : (0, import_jsx_runtime14.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime14.jsx)("video", { ref: previewVideo, autoPlay: true, muted: true, id: `${id}-video` }) })] });
+  }, [config.__global?.ezdrmConfig?.pX, config.drmProvider, state.drmToken, url, showPreview, config.allowPreview]);
+  return (0, import_jsx_runtime14.jsxs)("div", { className: "cmaf-output", children: [state.enabled ? (0, import_jsx_runtime14.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Output enabled" }) : (0, import_jsx_runtime14.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Output disabled" }), config.allowPreview && (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [(0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime14.jsx)("input", { type: "checkbox", id: `video-toggle-${id}`, checked: showPreview, onChange: (e) => setShowPreview(e.target.checked), className: "h-4 w-4" }), (0, import_jsx_runtime14.jsx)("label", { htmlFor: `video-toggle-${id}`, className: "text-sm", children: "Show Preview" })] }), !url ? (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, {}) : (0, import_jsx_runtime14.jsx)("div", { className: "mb-5 preview-video", children: (0, import_jsx_runtime14.jsx)("video", { ref: previewVideo, autoPlay: true, muted: true, id: `${id}-video` }) })] })] });
 }
 var inline_view_default6 = InlineView6;
 
@@ -90016,16 +90034,18 @@ var SegmentFormEntry = {
         hint: {
           type: "numeric",
           defaultValue: 1,
-          validation: z.number().min(0.2).max(10),
-          global: {
-            constraint: "custom",
-            message: "Part duration must be less than segment duration",
-            validate: (cfg) => {
-              if (cfg.targetPartDuration < cfg.targetSegmentDuration)
-                return true;
-              return false;
-            }
-          }
+          validation: z.number().min(0.2).max(10)
+          // this is actually not something that works at the moment
+          // global: {
+          //   constraint: 'custom',
+          //   message: "Part duration must be less than segment duration",
+          // this 
+          // validate: (cfg) => {
+          //   if (cfg.targetPartDuration < cfg.targetSegmentDuration)
+          //     return true;
+          //   return false;
+          // }
+          // }
         }
       },
       integralSegmentDuration: {
@@ -90173,6 +90193,7 @@ function info_default9(R) {
         name: desc.config.name
       };
     },
+    css: ["styles.css"],
     runtime: {
       initialState: () => ({
         enabled: true
@@ -90225,6 +90246,13 @@ function info_default9(R) {
             defaultValue: true
           }
         },
+        allowPreview: {
+          help: "Whether to allow the preview to be shown in the UI",
+          hint: {
+            type: "boolean",
+            defaultValue: true
+          }
+        },
         segments: SegmentFormEntry,
         destinations: DestinationsFormEntry,
         pushMode: {
@@ -90500,7 +90528,7 @@ function info_default12(registration) {
           advanced: true,
           hint: {
             type: "text",
-            optional: true,
+            defaultValue: "norsk.m3u8",
             validation: Z.string().min(1).max(50).optional()
           }
         },
@@ -90976,7 +91004,7 @@ function info_default16(R) {
           }
         },
         showPreview: { help: "Show video preview", hint: { type: "boolean", defaultValue: true } },
-        bufferDelayMs: { help: "How many milliseconds in the jitter buffer (WebRTC only)", hint: { type: "numeric", validation: JitterBuffer, defaultValue: 500 } },
+        bufferDelayMs: { help: "How many milliseconds in the jitter buffer (WebRTC only)", hint: { type: "numeric", validation: JitterBuffer, defaultValue: 1e3 } },
         notes: {
           help: "Additional notes about this component",
           hint: { type: "text", optional: true }
@@ -92299,7 +92327,15 @@ function info_default28({ defineComponent, validation: { Z } }) {
         hardware: (0, import_config5.HardwareSelection)()
       },
       form: {
-        url: { help: "URL to render on top of the video", hint: { type: "text", validation: Z.string().url(), defaultValue: "" } },
+        url: {
+          help: "URL to render on top of the video",
+          hint: {
+            type: "text",
+            validation: Z.string().url(),
+            defaultValue: "",
+            envOverride: true
+          }
+        },
         notes: { help: "Notes about this component", hint: { type: "text", optional: true } }
       }
     }
@@ -92466,6 +92502,7 @@ function info_default29({ defineComponent, common: { FrameRates } }) {
               advanced: void 0,
               hint: {
                 type: "select",
+                optional: true,
                 options: [
                   { value: "baseline", display: "baseline" },
                   { value: "main", display: "main" },
@@ -92590,6 +92627,7 @@ function info_default29({ defineComponent, common: { FrameRates } }) {
               advanced: void 0,
               hint: {
                 type: "select",
+                optional: true,
                 options: [
                   { value: "none", display: "none" },
                   { value: "vbr", display: "vbr" },
@@ -92643,6 +92681,7 @@ function info_default29({ defineComponent, common: { FrameRates } }) {
               advanced: void 0,
               hint: {
                 type: "select",
+                optional: true,
                 options: [
                   { value: "main", display: "main" },
                   { value: "main10", display: "main10" },
@@ -92831,6 +92870,7 @@ function info_default29({ defineComponent, common: { FrameRates } }) {
               advanced: void 0,
               hint: {
                 type: "select",
+                optional: true,
                 options: [
                   { value: "baseline", display: "baseline" },
                   { value: "main", display: "main" },
@@ -92966,6 +93006,7 @@ function info_default29({ defineComponent, common: { FrameRates } }) {
               advanced: void 0,
               hint: {
                 type: "select",
+                optional: true,
                 options: [
                   { value: "main", display: "main" },
                   { value: "main10", display: "main10" }
@@ -93124,6 +93165,7 @@ function info_default29({ defineComponent, common: { FrameRates } }) {
               advanced: void 0,
               hint: {
                 type: "select",
+                optional: true,
                 options: [
                   { value: "main_420_8", display: "main_420_8" }
                 ]
@@ -93345,6 +93387,7 @@ function info_default29({ defineComponent, common: { FrameRates } }) {
               advanced: void 0,
               hint: {
                 type: "select",
+                optional: true,
                 options: [
                   { value: "baseline", display: "baseline" },
                   { value: "main", display: "main" },
@@ -93454,6 +93497,7 @@ function info_default29({ defineComponent, common: { FrameRates } }) {
               advanced: void 0,
               hint: {
                 type: "select",
+                optional: true,
                 options: [
                   { value: "main", display: "main" },
                   { value: "main10", display: "main10" }
@@ -95389,6 +95433,24 @@ function info_default37(R) {
 
 // build/processor.videoDecoder/info.js
 var import_FaFileVideo = __toESM(require_FaFileVideo());
+var import_client_types5 = __toESM(require_client_types());
+
+// build/processor.videoDecoder/views.js
+var import_jsx_runtime50 = __toESM(require_jsx_runtime());
+function DecodeView(opts) {
+  switch (opts.type) {
+    case "software":
+      return (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children: "Software" });
+    case "quadra":
+      return (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children: "Quadra" });
+    case "nvidia":
+      return (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children: "Nvidia" });
+    default:
+      assertUnreachable13(opts);
+  }
+}
+
+// build/processor.videoDecoder/info.js
 function info_default38({ defineComponent }) {
   return defineComponent({
     identifier: "processor.videoDecoder",
@@ -95410,7 +95472,7 @@ function info_default38({ defineComponent }) {
     },
     display: ({ config }) => {
       const displayed = {
-        acceleration: config.mode
+        acceleration: config.options?.type ?? "software"
       };
       return displayed;
     },
@@ -95419,16 +95481,45 @@ function info_default38({ defineComponent }) {
     },
     configForm: {
       form: {
-        mode: {
+        options: {
           help: "Acceleration",
           hint: {
-            type: "select",
-            defaultValue: "software",
-            options: [
-              { display: "Software", value: "software" },
-              { display: "Quadra", value: "quadra" },
-              { display: "Nvidia", value: "nvidia" }
-            ]
+            defaultValue: { type: "software", threadCount: 0, lowDelay: false },
+            type: "form-pick",
+            view: DecodeView,
+            form: (0, import_client_types5.discriminatedForm)({
+              software: {
+                display: "Software",
+                form: {
+                  lowDelay: {
+                    advanced: true,
+                    help: "Low Delay",
+                    hint: {
+                      type: "boolean",
+                      defaultValue: false,
+                      optional: true
+                    }
+                  },
+                  threadCount: {
+                    advanced: true,
+                    help: "Threads",
+                    hint: {
+                      type: "numeric",
+                      defaultValue: 0,
+                      optional: true
+                    }
+                  }
+                }
+              },
+              quadra: {
+                display: "Quadra",
+                form: {}
+              },
+              nvidia: {
+                display: "Nvidia",
+                form: {}
+              }
+            })
           }
         },
         notes: { help: "Notes about this component", hint: { type: "text", optional: true } }
@@ -95442,7 +95533,7 @@ var import_config9 = __toESM(require_config());
 var import_util10 = __toESM(require_util());
 
 // build/processor.webRtcDuplex/fullscreen.js
-var import_jsx_runtime50 = __toESM(require_jsx_runtime());
+var import_jsx_runtime51 = __toESM(require_jsx_runtime());
 var import_react16 = __toESM(require_react());
 var import_webrtc_client2 = __toESM(require_webrtc_client());
 var DuplexWhepClient = class extends NorskWhepClient {
@@ -95515,7 +95606,7 @@ function FullscreenView2({ state, config }) {
       }
     }
   }, [state.publishUrl, state.outputUrl, container, button, client, sender, config, state.videoAvailable]);
-  return (0, import_jsx_runtime50.jsxs)("div", { children: [(0, import_jsx_runtime50.jsx)("div", { id: "buttons", children: (0, import_jsx_runtime50.jsx)("button", { ref: button, type: "button", className: "text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800", onClick: () => void go(), id: "go", children: "Send/Receive" }) }), (0, import_jsx_runtime50.jsx)("div", { id: "error" }), (0, import_jsx_runtime50.jsx)("div", { id: "container", ref: container, className: "p-4 absolute h-full w-full" })] });
+  return (0, import_jsx_runtime51.jsxs)("div", { children: [(0, import_jsx_runtime51.jsx)("div", { id: "buttons", children: (0, import_jsx_runtime51.jsx)("button", { ref: button, type: "button", className: "text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800", onClick: () => void go(), id: "go", children: "Send/Receive" }) }), (0, import_jsx_runtime51.jsx)("div", { id: "error" }), (0, import_jsx_runtime51.jsx)("div", { id: "container", ref: container, className: "p-4 absolute h-full w-full" })] });
 }
 
 // build/processor.webRtcDuplex/info.js
@@ -95638,10 +95729,6 @@ function info_default40({ defineComponent, validation: { Z } }) {
         currentOffsetY: 0,
         currentWidth: 100,
         currentHeight: 100,
-        targetOffsetX: 0,
-        targetOffsetY: 0,
-        targetWidth: 100,
-        targetHeight: 100,
         transitioning: false,
         hasInputVideo: false,
         inputVideoResolution: void 0,
@@ -95658,10 +95745,6 @@ function info_default40({ defineComponent, validation: { Z } }) {
               currentOffsetY: ev.currentOffsetY,
               currentWidth: ev.currentWidth,
               currentHeight: ev.currentHeight,
-              targetOffsetX: ev.targetOffsetX,
-              targetOffsetY: ev.targetOffsetY,
-              targetWidth: ev.targetWidth,
-              targetHeight: ev.targetHeight,
               transitioning: ev.transitioning
             };
           case "transition-complete":
@@ -95730,29 +95813,6 @@ function info_default40({ defineComponent, validation: { Z } }) {
             ]
           }
         },
-        transitionDurationMs: {
-          help: "Duration for zoom transitions in milliseconds",
-          hint: {
-            type: "numeric",
-            validation: Z.number().min(0).max(5e3),
-            defaultValue: 300,
-            optional: true
-          }
-        },
-        transitionEasing: {
-          help: "Easing function for smooth transitions",
-          hint: {
-            type: "select",
-            defaultValue: "ease_in_out",
-            options: [
-              { value: "linear", display: "Linear" },
-              { value: "ease_in", display: "Ease In" },
-              { value: "ease_out", display: "Ease Out" },
-              { value: "ease_in_out", display: "Ease In-Out" }
-            ],
-            optional: true
-          }
-        },
         notes: {
           help: "Notes about this component",
           hint: {
@@ -95769,7 +95829,7 @@ function assertUnreachable27(_) {
 }
 
 // build/util.stats.latency/inline-view.js
-var import_jsx_runtime51 = __toESM(require_jsx_runtime());
+var import_jsx_runtime52 = __toESM(require_jsx_runtime());
 var import_react17 = __toESM(require_react());
 
 // ../../node_modules/chart.js/auto/auto.js
@@ -95839,19 +95899,19 @@ function InlineView20({ state, config: _2 }) {
       return;
     chartControl.data = makeData(state);
   }, [chartControl, makeData, state]);
-  return (0, import_jsx_runtime51.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime51.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) });
+  return (0, import_jsx_runtime52.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime52.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) });
 }
 var inline_view_default20 = InlineView20;
 
 // build/util.stats.latency/source-node-selection.js
-var import_jsx_runtime52 = __toESM(require_jsx_runtime());
+var import_jsx_runtime53 = __toESM(require_jsx_runtime());
 function SourceNodeSelection(props) {
-  return (0, import_jsx_runtime52.jsx)("div", { children: (0, import_jsx_runtime52.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, import_jsx_runtime52.jsx)("option", { value: "", children: "---" }, "empty"), Object.values(props.latestDocument.components).map((o, i) => {
+  return (0, import_jsx_runtime53.jsx)("div", { children: (0, import_jsx_runtime53.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, import_jsx_runtime53.jsx)("option", { value: "", children: "---" }, "empty"), Object.values(props.latestDocument.components).map((o, i) => {
     if (o.id == props.id)
-      return (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, {});
+      return (0, import_jsx_runtime53.jsx)(import_jsx_runtime53.Fragment, {});
     if (o.info.category === "output")
       return;
-    return (0, import_jsx_runtime52.jsx)("option", { value: o.id, children: o.config.displayName }, i);
+    return (0, import_jsx_runtime53.jsx)("option", { value: o.id, children: o.config.displayName }, i);
   })] }) });
   function myOnChange(e) {
     props.onChanged(e.target.value);