@norskvideo/norsk-studio-built-ins 1.27.0-2025-07-06-336ac6c6 → 1.27.0-2025-07-09-f9b24945

package/client/info.js

@@ -346,7 +346,7 @@ var require_util = __commonJS({
     exports.getObjectByType = getObjectByType;
     exports.getObjectByPath = getObjectByPath;
     exports.displayNodeId = displayNodeId;
-    exports.assertUnreachable = assertUnreachable27;
+    exports.assertUnreachable = assertUnreachable28;
     exports.waitForCondition = waitForCondition;
     exports.streamMatchesExpected = streamMatchesExpected;
     exports.shortStreamNameFromDefinition = shortStreamNameFromDefinition;
@@ -419,7 +419,7 @@ var require_util = __commonJS({
       }
       return document2.components[id]?.config?.displayName ?? id;
     }
-    function assertUnreachable27(_) {
+    function assertUnreachable28(_) {
       throw new Error("Didn't expect to get here");
     }
     async function waitForCondition(condition, timeout, interval, name) {
@@ -590,7 +590,7 @@ var require_config = __commonJS({
     exports.GlobalEzDrmConfig = GlobalEzDrmConfig2;
     exports.GlobalAxinomConfig = GlobalAxinomConfig2;
     exports.contractHardwareAcceleration = contractHardwareAcceleration;
-    exports.HardwareSelection = HardwareSelection5;
+    exports.HardwareSelection = HardwareSelection6;
     exports.RootDataDir = RootDataDir;
     var shared_views_1 = require_shared_views();
     var shared_views_2 = require_shared_views();
@@ -728,7 +728,7 @@ var require_config = __commonJS({
       }
       return void 0;
     }
-    function HardwareSelection5() {
+    function HardwareSelection6() {
       return {
         id: "hardware-acceleration",
         form: {
@@ -47149,13 +47149,13 @@ var require_dist3 = __commonJS({
     });
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = 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_runtime51.jsx)(Context.Provider, { value, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Context.Provider, { value, children });
       };
       Provider.displayName = rootComponentName + "Provider";
       function useContext2(consumerName) {
@@ -47178,7 +47178,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_runtime51.jsx)(Context.Provider, { value, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Context.Provider, { value, children });
         };
         Provider.displayName = rootComponentName + "Provider";
         function useContext2(consumerName, scope) {
@@ -47346,7 +47346,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var Slot = React3.forwardRef((props, forwardedRef) => {
       const { children, ...slotProps } = props;
       const childrenArray = React3.Children.toArray(children);
@@ -47362,9 +47362,9 @@ var require_dist5 = __commonJS({
             return child;
           }
         });
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
     });
     Slot.displayName = "Slot";
     var SlotClone = React3.forwardRef((props, forwardedRef) => {
@@ -47381,7 +47381,7 @@ var require_dist5 = __commonJS({
     });
     SlotClone.displayName = "SlotClone";
     var Slottable = ({ children }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children });
     };
     function isSlottable(child) {
       return React3.isValidElement(child) && child.type === Slottable;
@@ -47463,11 +47463,11 @@ var require_dist6 = __commonJS({
       createCollection: () => createCollection
     });
     module.exports = __toCommonJS2(src_exports);
-    var import_react17 = __toESM2(require_react());
+    var import_react18 = __toESM2(require_react());
     var import_react_context = require_dist3();
     var import_react_compose_refs = require_dist4();
     var import_react_slot = require_dist5();
-    var import_jsx_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     function createCollection(name) {
       const PROVIDER_NAME = name + "CollectionProvider";
       const [createCollectionContext, createCollectionScope] = (0, import_react_context.createContextScope)(PROVIDER_NAME);
@@ -47477,40 +47477,40 @@ var require_dist6 = __commonJS({
       );
       const CollectionProvider = (props) => {
         const { scope, children } = props;
-        const ref = import_react17.default.useRef(null);
-        const itemMap = import_react17.default.useRef(/* @__PURE__ */ new Map()).current;
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+        const ref = import_react18.default.useRef(null);
+        const itemMap = import_react18.default.useRef(/* @__PURE__ */ new Map()).current;
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
       };
       CollectionProvider.displayName = PROVIDER_NAME;
       const COLLECTION_SLOT_NAME = name + "CollectionSlot";
-      const CollectionSlot = import_react17.default.forwardRef(
+      const CollectionSlot = import_react18.default.forwardRef(
         (props, forwardedRef) => {
           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_runtime51.jsx)(import_react_slot.Slot, { ref: composedRefs, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_slot.Slot, { ref: composedRefs, children });
         }
       );
       CollectionSlot.displayName = COLLECTION_SLOT_NAME;
       const ITEM_SLOT_NAME = name + "CollectionItemSlot";
       const ITEM_DATA_ATTR = "data-radix-collection-item";
-      const CollectionItemSlot = import_react17.default.forwardRef(
+      const CollectionItemSlot = import_react18.default.forwardRef(
         (props, forwardedRef) => {
           const { scope, children, ...itemData } = props;
-          const ref = import_react17.default.useRef(null);
+          const ref = import_react18.default.useRef(null);
           const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, ref);
           const context = useCollectionContext(ITEM_SLOT_NAME, scope);
-          import_react17.default.useEffect(() => {
+          import_react18.default.useEffect(() => {
             context.itemMap.set(ref, { ref, ...itemData });
             return () => void context.itemMap.delete(ref);
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_slot.Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_slot.Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
         }
       );
       CollectionItemSlot.displayName = ITEM_SLOT_NAME;
       function useCollection(scope) {
         const context = useCollectionContext(name + "CollectionConsumer", scope);
-        const getItems = import_react17.default.useCallback(() => {
+        const getItems = import_react18.default.useCallback(() => {
           const collectionNode = context.collectionRef.current;
           if (!collectionNode)
             return [];
@@ -47571,11 +47571,11 @@ var require_dist7 = __commonJS({
     });
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var DirectionContext = React3.createContext(void 0);
     var DirectionProvider = (props) => {
       const { dir, children } = props;
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DirectionContext.Provider, { value: dir, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DirectionContext.Provider, { value: dir, children });
     };
     function useDirection(localDir) {
       const globalDir = React3.useContext(DirectionContext);
@@ -47626,7 +47626,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var NODES = [
       "a",
       "button",
@@ -47652,7 +47652,7 @@ var require_dist8 = __commonJS({
         if (typeof window !== "undefined") {
           window[Symbol.for("radix-ui")] = true;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
       });
       Node2.displayName = `Primitive.${node}`;
       return { ...primitive, [node]: Node2 };
@@ -47811,7 +47811,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var DISMISSABLE_LAYER_NAME = "DismissableLayer";
     var CONTEXT_UPDATE = "dismissableLayer.update";
     var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -47906,7 +47906,7 @@ var require_dist11 = __commonJS({
           document.addEventListener(CONTEXT_UPDATE, handleUpdate);
           return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_react_primitive.Primitive.div,
           {
             ...layerProps,
@@ -47940,7 +47940,7 @@ var require_dist11 = __commonJS({
           };
         }
       }, [context.branches]);
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
     });
     DismissableLayerBranch.displayName = BRANCH_NAME;
     function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -48142,7 +48142,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
     var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
     var EVENT_OPTIONS = { bubbles: false, cancelable: true };
@@ -48272,7 +48272,7 @@ var require_dist13 = __commonJS({
         },
         [loop, trapped, focusScope.paused]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
     });
     FocusScope.displayName = FOCUS_SCOPE_NAME;
     function focusFirst(candidates, { select = false } = {}) {
@@ -50514,15 +50514,15 @@ function useFloating(options) {
     floatingStyles
   }), [data, update, refs, elements2, floatingStyles]);
 }
-var React2, import_react4, ReactDOM, index2, arrow$1, offset3, shift3, limitShift3, flip3, size3, autoPlacement3, hide3, inline3, arrow3;
+var React2, import_react5, ReactDOM, index2, arrow$1, offset3, shift3, limitShift3, flip3, size3, autoPlacement3, hide3, inline3, arrow3;
 var init_floating_ui_react_dom_esm = __esm({
   "../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.esm.js"() {
     init_floating_ui_dom();
     init_floating_ui_dom();
     React2 = __toESM(require_react());
-    import_react4 = __toESM(require_react());
+    import_react5 = __toESM(require_react());
     ReactDOM = __toESM(require_react_dom());
-    index2 = typeof document !== "undefined" ? import_react4.useLayoutEffect : import_react4.useEffect;
+    index2 = typeof document !== "undefined" ? import_react5.useLayoutEffect : import_react5.useEffect;
     arrow$1 = (options) => {
       function isRef(value) {
         return {}.hasOwnProperty.call(value, "current");
@@ -50632,11 +50632,11 @@ var require_dist16 = __commonJS({
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
     var import_react_primitive = require_dist8();
-    var import_jsx_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = 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_runtime51.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         import_react_primitive.Primitive.svg,
         {
           ...arrowProps,
@@ -50645,7 +50645,7 @@ var require_dist16 = __commonJS({
           height,
           viewBox: "0 0 30 10",
           preserveAspectRatio: "none",
-          children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("polygon", { points: "0,0 30,0 15,10" })
+          children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("polygon", { points: "0,0 30,0 15,10" })
         }
       );
     });
@@ -50785,7 +50785,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var SIDE_OPTIONS = ["top", "right", "bottom", "left"];
     var ALIGN_OPTIONS = ["start", "center", "end"];
     var POPPER_NAME = "Popper";
@@ -50794,7 +50794,7 @@ var require_dist18 = __commonJS({
     var Popper = (props) => {
       const { __scopePopper, children } = props;
       const [anchor, setAnchor] = React3.useState(null);
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
     };
     Popper.displayName = POPPER_NAME;
     var ANCHOR_NAME = "PopperAnchor";
@@ -50807,7 +50807,7 @@ var require_dist18 = __commonJS({
         React3.useEffect(() => {
           context.onAnchorChange(virtualRef?.current || ref.current);
         });
-        return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_primitive.Primitive.div, { ...anchorProps, ref: composedRefs });
+        return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { ...anchorProps, ref: composedRefs });
       }
     );
     PopperAnchor.displayName = ANCHOR_NAME;
@@ -50901,7 +50901,7 @@ var require_dist18 = __commonJS({
           if (content)
             setContentZIndex(window.getComputedStyle(content).zIndex);
         }, [content]);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           "div",
           {
             ref: refs.setFloating,
@@ -50925,7 +50925,7 @@ var require_dist18 = __commonJS({
               }
             },
             dir: props.dir,
-            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               PopperContentProvider,
               {
                 scope: __scopePopper,
@@ -50934,7 +50934,7 @@ var require_dist18 = __commonJS({
                 arrowX,
                 arrowY,
                 shouldHideArrow: cannotCenterArrow,
-                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                   import_react_primitive.Primitive.div,
                   {
                     "data-side": placedSide,
@@ -50971,7 +50971,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_runtime51.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           "span",
           {
             ref: contentContext.onArrowChange,
@@ -50994,7 +50994,7 @@ var require_dist18 = __commonJS({
               }[contentContext.placedSide],
               visibility: contentContext.shouldHideArrow ? "hidden" : void 0
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               ArrowPrimitive.Root,
               {
                 ...arrowProps,
@@ -51098,14 +51098,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = 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_runtime51.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -51283,11 +51283,11 @@ var require_dist22 = __commonJS({
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
     var import_react_primitive = require_dist8();
-    var import_jsx_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var NAME = "VisuallyHidden";
     var VisuallyHidden = React3.forwardRef(
       (props, forwardedRef) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_react_primitive.Primitive.span,
           {
             ...props,
@@ -53446,7 +53446,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
     var SELECTION_KEYS = [" ", "Enter"];
     var SELECT_NAME = "Select";
@@ -53494,7 +53494,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_runtime51.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
         SelectProvider,
         {
           required,
@@ -53514,7 +53514,7 @@ var require_dist23 = __commonJS({
           triggerPointerDownPosRef,
           disabled,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               SelectNativeOptionsProvider,
               {
                 scope: props.__scopeSelect,
@@ -53531,7 +53531,7 @@ var require_dist23 = __commonJS({
                 children
               }
             ) }),
-            isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+            isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
               BubbleSelect,
               {
                 "aria-hidden": true,
@@ -53544,7 +53544,7 @@ var require_dist23 = __commonJS({
                 disabled,
                 form,
                 children: [
-                  value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("option", { value: "" }) : null,
+                  value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("option", { value: "" }) : null,
                   Array.from(nativeOptionsSet)
                 ]
               },
@@ -53585,7 +53585,7 @@ var require_dist23 = __commonJS({
             };
           }
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -53646,13 +53646,13 @@ var require_dist23 = __commonJS({
         (0, import_react_use_layout_effect.useLayoutEffect)(() => {
           onValueNodeHasChildrenChange(hasChildren);
         }, [onValueNodeHasChildrenChange, hasChildren]);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_react_primitive.Primitive.span,
           {
             ...valueProps,
             ref: composedRefs,
             style: { pointerEvents: "none" },
-            children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: placeholder }) : children
+            children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children: placeholder }) : children
           }
         );
       }
@@ -53662,13 +53662,13 @@ var require_dist23 = __commonJS({
     var SelectIcon = React3.forwardRef(
       (props, forwardedRef) => {
         const { __scopeSelect, children, ...iconProps } = props;
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.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_runtime51.jsx)(import_react_portal.Portal, { asChild: true, ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_portal.Portal, { asChild: true, ...props });
     };
     SelectPortal.displayName = PORTAL_NAME;
     var CONTENT_NAME = "SelectContent";
@@ -53682,11 +53682,11 @@ var require_dist23 = __commonJS({
         if (!context.open) {
           const frag = fragment;
           return frag ? ReactDOM2.createPortal(
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { children: props.children }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { children: props.children }) }) }),
             frag
           ) : null;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
       }
     );
     SelectContent.displayName = CONTENT_NAME;
@@ -53845,7 +53845,7 @@ var require_dist23 = __commonJS({
           hideWhenDetached,
           avoidCollisions
         } : {};
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           SelectContentProvider,
           {
             scope: __scopeSelect,
@@ -53861,7 +53861,7 @@ var require_dist23 = __commonJS({
             position,
             isPositioned,
             searchRef,
-            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               import_react_focus_scope.FocusScope,
               {
                 asChild: true,
@@ -53873,7 +53873,7 @@ var require_dist23 = __commonJS({
                   context.trigger?.focus({ preventScroll: true });
                   event.preventDefault();
                 }),
-                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                   import_react_dismissable_layer.DismissableLayer,
                   {
                     asChild: true,
@@ -53882,7 +53882,7 @@ var require_dist23 = __commonJS({
                     onPointerDownOutside,
                     onFocusOutside: (event) => event.preventDefault(),
                     onDismiss: () => context.onOpenChange(false),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                       SelectPosition,
                       {
                         role: "listbox",
@@ -54061,14 +54061,14 @@ var require_dist23 = __commonJS({
         },
         [position, focusSelectedItem]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         SelectViewportProvider,
         {
           scope: __scopeSelect,
           contentWrapper,
           shouldExpandOnScrollRef,
           onScrollButtonChange: handleScrollButtonChange,
-          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             "div",
             {
               ref: setContentWrapper,
@@ -54078,7 +54078,7 @@ var require_dist23 = __commonJS({
                 position: "fixed",
                 zIndex: contentZIndex
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 import_react_primitive.Primitive.div,
                 {
                   ...popperProps,
@@ -54108,7 +54108,7 @@ var require_dist23 = __commonJS({
         ...popperProps
       } = props;
       const popperScope = usePopperScope(__scopeSelect);
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         PopperPrimitive.Content,
         {
           ...popperScope,
@@ -54142,8 +54142,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_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             "style",
             {
               dangerouslySetInnerHTML: {
@@ -54152,7 +54152,7 @@ var require_dist23 = __commonJS({
               nonce
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             import_react_primitive.Primitive.div,
             {
               "data-radix-select-viewport": "",
@@ -54208,7 +54208,7 @@ var require_dist23 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeSelect, ...groupProps } = props;
         const groupId = (0, import_react_id.useId)();
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_primitive.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
       }
     );
     SelectGroup.displayName = GROUP_NAME;
@@ -54217,7 +54217,7 @@ var require_dist23 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeSelect, ...labelProps } = props;
         const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_primitive.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
       }
     );
     SelectLabel.displayName = LABEL_NAME;
@@ -54254,7 +54254,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_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           SelectItemContextProvider,
           {
             scope: __scopeSelect,
@@ -54265,14 +54265,14 @@ var require_dist23 = __commonJS({
             onItemTextChange: React3.useCallback((node) => {
               setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
             }, []),
-            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               Collection.ItemSlot,
               {
                 scope: __scopeSelect,
                 value,
                 disabled,
                 textValue,
-                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                   import_react_primitive.Primitive.div,
                   {
                     role: "option",
@@ -54346,7 +54346,7 @@ var require_dist23 = __commonJS({
         );
         const textContent = itemTextNode?.textContent;
         const nativeOption = React3.useMemo(
-          () => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
+          () => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
           [itemContext.disabled, itemContext.value, textContent]
         );
         const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
@@ -54354,8 +54354,8 @@ var require_dist23 = __commonJS({
           onNativeOptionAdd(nativeOption);
           return () => onNativeOptionRemove(nativeOption);
         }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_primitive.Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.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
         ] });
       }
@@ -54366,7 +54366,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_runtime51.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+        return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
       }
     );
     SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
@@ -54389,7 +54389,7 @@ var require_dist23 = __commonJS({
           return () => viewport.removeEventListener("scroll", handleScroll2);
         }
       }, [contentContext.viewport, contentContext.isPositioned]);
-      return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         SelectScrollButtonImpl,
         {
           ...props,
@@ -54424,7 +54424,7 @@ var require_dist23 = __commonJS({
           return () => viewport.removeEventListener("scroll", handleScroll2);
         }
       }, [contentContext.viewport, contentContext.isPositioned]);
-      return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         SelectScrollButtonImpl,
         {
           ...props,
@@ -54457,7 +54457,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_runtime51.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         import_react_primitive.Primitive.div,
         {
           "aria-hidden": true,
@@ -54485,7 +54485,7 @@ var require_dist23 = __commonJS({
     var SelectSeparator = React3.forwardRef(
       (props, forwardedRef) => {
         const { __scopeSelect, ...separatorProps } = props;
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_primitive.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
       }
     );
     SelectSeparator.displayName = SEPARATOR_NAME;
@@ -54496,7 +54496,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_runtime51.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+        return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
       }
     );
     SelectArrow.displayName = ARROW_NAME;
@@ -54523,7 +54523,7 @@ var require_dist23 = __commonJS({
             select.dispatchEvent(event);
           }
         }, [prevValue, value]);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_visually_hidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_visually_hidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
       }
     );
     BubbleSelect.displayName = "BubbleSelect";
@@ -54907,7 +54907,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var POPOVER_NAME = "Popover";
     var [createPopoverContext, createPopoverScope] = (0, import_react_context.createContextScope)(POPOVER_NAME, [
       import_react_popper.createPopperScope
@@ -54931,7 +54931,7 @@ var require_dist25 = __commonJS({
         defaultProp: defaultOpen,
         onChange: onOpenChange
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         PopoverProvider,
         {
           scope: __scopePopover,
@@ -54960,7 +54960,7 @@ var require_dist25 = __commonJS({
           onCustomAnchorAdd();
           return () => onCustomAnchorRemove();
         }, [onCustomAnchorAdd, onCustomAnchorRemove]);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PopperPrimitive.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopperPrimitive.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
       }
     );
     PopoverAnchor.displayName = ANCHOR_NAME;
@@ -54971,7 +54971,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_runtime51.jsx)(
+        const trigger = /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -54984,7 +54984,7 @@ var require_dist25 = __commonJS({
             onClick: (0, import_primitive.composeEventHandlers)(props.onClick, context.onOpenToggle)
           }
         );
-        return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: trigger });
+        return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: trigger });
       }
     );
     PopoverTrigger.displayName = TRIGGER_NAME;
@@ -54995,7 +54995,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_runtime51.jsx)(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_portal.Portal, { asChild: true, container, children }) }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_portal.Portal, { asChild: true, container, children }) }) });
     };
     PopoverPortal.displayName = PORTAL_NAME;
     var CONTENT_NAME = "PopoverContent";
@@ -55004,7 +55004,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_runtime51.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
       }
     );
     PopoverContent.displayName = CONTENT_NAME;
@@ -55019,7 +55019,7 @@ var require_dist25 = __commonJS({
           if (content)
             return (0, import_aria_hidden.hideOthers)(content);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           PopoverContentImpl,
           {
             ...props,
@@ -55055,7 +55055,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_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           PopoverContentImpl,
           {
             ...props,
@@ -55109,7 +55109,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_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_react_focus_scope.FocusScope,
           {
             asChild: true,
@@ -55117,7 +55117,7 @@ var require_dist25 = __commonJS({
             trapped: trapFocus,
             onMountAutoFocus: onOpenAutoFocus,
             onUnmountAutoFocus: onCloseAutoFocus,
-            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               import_react_dismissable_layer.DismissableLayer,
               {
                 asChild: true,
@@ -55127,7 +55127,7 @@ var require_dist25 = __commonJS({
                 onPointerDownOutside,
                 onFocusOutside,
                 onDismiss: () => context.onOpenChange(false),
-                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                   PopperPrimitive.Content,
                   {
                     "data-state": getState(context.open),
@@ -55160,7 +55160,7 @@ var require_dist25 = __commonJS({
       (props, forwardedRef) => {
         const { __scopePopover, ...closeProps } = props;
         const context = usePopoverContext(CLOSE_NAME, __scopePopover);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -55177,7 +55177,7 @@ var require_dist25 = __commonJS({
       (props, forwardedRef) => {
         const { __scopePopover, ...arrowProps } = props;
         const popperScope = usePopperScope(__scopePopover);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
       }
     );
     PopoverArrow.displayName = ARROW_NAME;
@@ -55403,13 +55403,13 @@ var require_dist28 = __commonJS({
     });
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = 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_runtime51.jsx)(Context.Provider, { value, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Context.Provider, { value, children });
       };
       Provider.displayName = rootComponentName + "Provider";
       function useContext2(consumerName) {
@@ -55432,7 +55432,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_runtime51.jsx)(Context.Provider, { value, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Context.Provider, { value, children });
         };
         Provider.displayName = rootComponentName + "Provider";
         function useContext2(consumerName, scope) {
@@ -55891,7 +55891,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     // @__NO_SIDE_EFFECTS__
     function createSlot(ownerName) {
       const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -55910,9 +55910,9 @@ var require_dist34 = __commonJS({
               return child;
             }
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
       });
       Slot2.displayName = `${ownerName}.Slot`;
       return Slot2;
@@ -55939,7 +55939,7 @@ var require_dist34 = __commonJS({
     // @__NO_SIDE_EFFECTS__
     function createSlottable(ownerName) {
       const Slottable2 = ({ children }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children });
       };
       Slottable2.displayName = `${ownerName}.Slottable`;
       Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -56029,7 +56029,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var NODES = [
       "a",
       "button",
@@ -56057,7 +56057,7 @@ var require_dist35 = __commonJS({
         if (typeof window !== "undefined") {
           window[Symbol.for("radix-ui")] = true;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
       });
       Node2.displayName = `Primitive.${node}`;
       return { ...primitive, [node]: Node2 };
@@ -56216,7 +56216,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var DISMISSABLE_LAYER_NAME = "DismissableLayer";
     var CONTEXT_UPDATE = "dismissableLayer.update";
     var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -56311,7 +56311,7 @@ var require_dist38 = __commonJS({
           document.addEventListener(CONTEXT_UPDATE, handleUpdate);
           return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_react_primitive.Primitive.div,
           {
             ...layerProps,
@@ -56345,7 +56345,7 @@ var require_dist38 = __commonJS({
           };
         }
       }, [context.branches]);
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
     });
     DismissableLayerBranch.displayName = BRANCH_NAME;
     function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -56474,7 +56474,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
     var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
     var EVENT_OPTIONS = { bubbles: false, cancelable: true };
@@ -56604,7 +56604,7 @@ var require_dist39 = __commonJS({
         },
         [loop, trapped, focusScope.paused]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
     });
     FocusScope.displayName = FOCUS_SCOPE_NAME;
     function focusFirst(candidates, { select = false } = {}) {
@@ -56739,14 +56739,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = 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_runtime51.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -57063,7 +57063,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var DIALOG_NAME = "Dialog";
     var [createDialogContext, createDialogScope] = (0, import_react_context.createContextScope)(DIALOG_NAME);
     var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
@@ -57084,7 +57084,7 @@ var require_dist43 = __commonJS({
         onChange: onOpenChange,
         caller: DIALOG_NAME
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         DialogProvider,
         {
           scope: __scopeDialog,
@@ -57108,7 +57108,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_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -57131,7 +57131,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_runtime51.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
     };
     DialogPortal.displayName = PORTAL_NAME;
     var OVERLAY_NAME = "DialogOverlay";
@@ -57140,7 +57140,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_runtime51.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
+        return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
       }
     );
     DialogOverlay.displayName = OVERLAY_NAME;
@@ -57152,7 +57152,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_runtime51.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             import_react_primitive.Primitive.div,
             {
               "data-state": getState(context.open),
@@ -57170,7 +57170,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_runtime51.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
       }
     );
     DialogContent.displayName = CONTENT_NAME;
@@ -57184,7 +57184,7 @@ var require_dist43 = __commonJS({
           if (content)
             return (0, import_aria_hidden.hideOthers)(content);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -57215,7 +57215,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_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -57259,8 +57259,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_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             import_react_focus_scope.FocusScope,
             {
               asChild: true,
@@ -57268,7 +57268,7 @@ var require_dist43 = __commonJS({
               trapped: trapFocus,
               onMountAutoFocus: onOpenAutoFocus,
               onUnmountAutoFocus: onCloseAutoFocus,
-              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 import_react_dismissable_layer.DismissableLayer,
                 {
                   role: "dialog",
@@ -57283,9 +57283,9 @@ var require_dist43 = __commonJS({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TitleWarning, { titleId: context.titleId }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TitleWarning, { titleId: context.titleId }),
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
           ] })
         ] });
       }
@@ -57295,7 +57295,7 @@ var require_dist43 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...titleProps } = props;
         const context = useDialogContext(TITLE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
       }
     );
     DialogTitle.displayName = TITLE_NAME;
@@ -57304,7 +57304,7 @@ var require_dist43 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...descriptionProps } = props;
         const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
       }
     );
     DialogDescription.displayName = DESCRIPTION_NAME;
@@ -57313,7 +57313,7 @@ var require_dist43 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...closeProps } = props;
         const context = useDialogContext(CLOSE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -57913,13 +57913,13 @@ var require_dist47 = __commonJS({
     });
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = 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_runtime51.jsx)(Context.Provider, { value, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Context.Provider, { value, children });
       };
       Provider.displayName = rootComponentName + "Provider";
       function useContext2(consumerName) {
@@ -57942,7 +57942,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_runtime51.jsx)(Context.Provider, { value, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Context.Provider, { value, children });
         };
         Provider.displayName = rootComponentName + "Provider";
         function useContext2(consumerName, scope) {
@@ -58416,7 +58416,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     // @__NO_SIDE_EFFECTS__
     function createSlot(ownerName) {
       const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -58435,9 +58435,9 @@ var require_dist53 = __commonJS({
               return child;
             }
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+          return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
       });
       Slot2.displayName = `${ownerName}.Slot`;
       return Slot2;
@@ -58465,7 +58465,7 @@ var require_dist53 = __commonJS({
     // @__NO_SIDE_EFFECTS__
     function createSlottable(ownerName) {
       const Slottable2 = ({ children }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_jsx_runtime52.Fragment, { children });
       };
       Slottable2.displayName = `${ownerName}.Slottable`;
       Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -58556,7 +58556,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var NODES = [
       "a",
       "button",
@@ -58584,7 +58584,7 @@ var require_dist54 = __commonJS({
         if (typeof window !== "undefined") {
           window[Symbol.for("radix-ui")] = true;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
       });
       Node2.displayName = `Primitive.${node}`;
       return { ...primitive, [node]: Node2 };
@@ -58743,7 +58743,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var DISMISSABLE_LAYER_NAME = "DismissableLayer";
     var CONTEXT_UPDATE = "dismissableLayer.update";
     var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -58838,7 +58838,7 @@ var require_dist57 = __commonJS({
           document.addEventListener(CONTEXT_UPDATE, handleUpdate);
           return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_react_primitive.Primitive.div,
           {
             ...layerProps,
@@ -58872,7 +58872,7 @@ var require_dist57 = __commonJS({
           };
         }
       }, [context.branches]);
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
     });
     DismissableLayerBranch.displayName = BRANCH_NAME;
     function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -59048,7 +59048,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
     var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
     var EVENT_OPTIONS = { bubbles: false, cancelable: true };
@@ -59178,7 +59178,7 @@ var require_dist59 = __commonJS({
         },
         [loop, trapped, focusScope.paused]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
     });
     FocusScope.displayName = FOCUS_SCOPE_NAME;
     function focusFirst(candidates, { select = false } = {}) {
@@ -59355,14 +59355,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = 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_runtime51.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -59721,7 +59721,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_runtime51 = require_jsx_runtime();
+    var import_jsx_runtime52 = require_jsx_runtime();
     var DIALOG_NAME = "Dialog";
     var [createDialogContext, createDialogScope] = (0, import_react_context.createContextScope)(DIALOG_NAME);
     var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
@@ -59742,7 +59742,7 @@ var require_dist65 = __commonJS({
         onChange: onOpenChange,
         caller: DIALOG_NAME
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         DialogProvider,
         {
           scope: __scopeDialog,
@@ -59766,7 +59766,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_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -59789,7 +59789,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_runtime51.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
     };
     DialogPortal.displayName = PORTAL_NAME;
     var OVERLAY_NAME = "DialogOverlay";
@@ -59798,7 +59798,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_runtime51.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
+        return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
       }
     );
     DialogOverlay.displayName = OVERLAY_NAME;
@@ -59810,7 +59810,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_runtime51.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             import_react_primitive.Primitive.div,
             {
               "data-state": getState(context.open),
@@ -59828,7 +59828,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_runtime51.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
       }
     );
     DialogContent.displayName = CONTENT_NAME;
@@ -59842,7 +59842,7 @@ var require_dist65 = __commonJS({
           if (content)
             return (0, import_aria_hidden.hideOthers)(content);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -59873,7 +59873,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_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -59917,8 +59917,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_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             import_react_focus_scope.FocusScope,
             {
               asChild: true,
@@ -59926,7 +59926,7 @@ var require_dist65 = __commonJS({
               trapped: trapFocus,
               onMountAutoFocus: onOpenAutoFocus,
               onUnmountAutoFocus: onCloseAutoFocus,
-              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 import_react_dismissable_layer.DismissableLayer,
                 {
                   role: "dialog",
@@ -59941,9 +59941,9 @@ var require_dist65 = __commonJS({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TitleWarning, { titleId: context.titleId }),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TitleWarning, { titleId: context.titleId }),
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
           ] })
         ] });
       }
@@ -59953,7 +59953,7 @@ var require_dist65 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...titleProps } = props;
         const context = useDialogContext(TITLE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
       }
     );
     DialogTitle.displayName = TITLE_NAME;
@@ -59962,7 +59962,7 @@ var require_dist65 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...descriptionProps } = props;
         const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
       }
     );
     DialogDescription.displayName = DESCRIPTION_NAME;
@@ -59971,7 +59971,7 @@ var require_dist65 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...closeProps } = props;
         const context = useDialogContext(CLOSE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -69721,7 +69721,7 @@ var require_client_types = __commonJS({
     exports.simpleToMedia = simpleToMedia;
     exports.outputStreamComponents = outputStreamComponents;
     exports.inputMedia = inputMedia;
-    exports.discriminatedForm = discriminatedForm4;
+    exports.discriminatedForm = discriminatedForm5;
     exports.mappingsToStreams = mappingsToStreams;
     exports.singleAvStreamMapping = singleAvStreamMapping;
     var document_1 = require_document();
@@ -69813,7 +69813,7 @@ var require_client_types = __commonJS({
         tooltip: "rgba(255, 255, 255, 0.9)"
       }
     };
-    function discriminatedForm4(setup) {
+    function discriminatedForm5(setup) {
       const options = Object.keys(setup).map((k) => ({
         key: k,
         display: setup[k].display
@@ -69833,7 +69833,7 @@ var require_client_types = __commonJS({
         }
       };
     }
-    discriminatedForm4.kind = function(setup) {
+    discriminatedForm5.kind = function(setup) {
       const options = Object.keys(setup).map((k) => ({
         key: k,
         display: setup[k].display
@@ -85603,9 +85603,54 @@ function FullscreenView({ state, config }) {
       return;
     const element = document.getElementById(`${id}-video`);
     if (import_hls.default.isSupported()) {
-      const hls = new import_hls.default();
+      let widevineLicenseUrl;
+      const headers = {};
+      if (config.drmProvider === "ezdrm") {
+        if (config.__global?.ezdrmConfig?.pX || state.drmToken) {
+          widevineLicenseUrl = `https://widevine-dash.ezdrm.com/widevine-php/widevine-foreignkey.php?pX=${config.__global?.ezdrmConfig?.pX || state.drmToken}`;
+        }
+      }
+      if (config.drmProvider === "axinom") {
+        widevineLicenseUrl = `https://drm-widevine-licensing.axprod.net/AcquireLicense`;
+        headers["X-AxDrm-Message"] = state.drmToken;
+      }
+      const hls = new import_hls.default({
+        widevineLicenseUrl,
+        emeEnabled: !!widevineLicenseUrl,
+        licenseXhrSetup: (xhr) => {
+          for (const k in headers) {
+            const v = headers[k];
+            if (v !== void 0) {
+              xhr.setRequestHeader(k, v);
+            }
+          }
+        }
+      });
       hls.loadSource(url);
       hls.attachMedia(element);
+      let errors = 0;
+      hls.on(import_hls.default.Events.ERROR, function(_event, data) {
+        if (data.fatal) {
+          if (errors++ > 10)
+            return hls.destroy();
+          switch (data.type) {
+            case import_hls.default.ErrorTypes.NETWORK_ERROR:
+              console.error("HLS network error", data);
+              setTimeout(() => hls.loadSource(url), 1e3);
+              break;
+            case import_hls.default.ErrorTypes.MEDIA_ERROR:
+              console.error("HLS media error", data);
+              setTimeout(() => hls.recoverMediaError(), 1e3);
+              break;
+            default:
+              hls.destroy();
+              break;
+          }
+        }
+      });
+      return () => {
+        hls.destroy();
+      };
     } else if (element.canPlayType("application/vnd.apple.mpegurl")) {
       element.src = url;
     }
@@ -85620,8 +85665,74 @@ var fullscreen_default = FullscreenView;
 
 // build/output.autoCmaf/inline-view.js
 var import_jsx_runtime13 = __toESM(require_jsx_runtime());
-function InlineView5({ state }) {
-  return (0, import_jsx_runtime13.jsx)("div", { className: "-output", children: state.enabled ? (0, import_jsx_runtime13.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Output enabled" }) : (0, import_jsx_runtime13.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Output disabled" }) });
+var import_hls2 = __toESM(require_hls());
+var import_react4 = __toESM(require_react());
+function InlineView5({ state, config }) {
+  const url = state.url;
+  const id = config.id;
+  const previewVideo = (0, import_react4.useRef)(null);
+  const [showPreview, setShowPreview] = (0, import_react4.useState)(config.showPreview ?? true);
+  (0, import_react4.useEffect)(() => {
+    if (!url)
+      return;
+    if (!previewVideo.current)
+      return;
+    if (!showPreview)
+      return;
+    if (import_hls2.default.isSupported()) {
+      let widevineLicenseUrl;
+      const headers = {};
+      if (config.drmProvider === "ezdrm") {
+        if (config.__global?.ezdrmConfig?.pX || state.drmToken) {
+          widevineLicenseUrl = `https://widevine-dash.ezdrm.com/widevine-php/widevine-foreignkey.php?pX=${config.__global?.ezdrmConfig?.pX || state.drmToken}`;
+        }
+      }
+      if (config.drmProvider === "axinom") {
+        widevineLicenseUrl = `https://drm-widevine-licensing.axprod.net/AcquireLicense`;
+        headers["X-AxDrm-Message"] = state.drmToken;
+      }
+      const hls = new import_hls2.default({
+        widevineLicenseUrl,
+        emeEnabled: !!widevineLicenseUrl,
+        licenseXhrSetup: (xhr) => {
+          for (const k in headers) {
+            const v = headers[k];
+            if (v !== void 0) {
+              xhr.setRequestHeader(k, v);
+            }
+          }
+        }
+      });
+      hls.loadSource(url);
+      hls.attachMedia(previewVideo.current);
+      let errors = 0;
+      hls.on(import_hls2.default.Events.ERROR, function(_event, data) {
+        if (data.fatal) {
+          if (errors++ > 10)
+            return hls.destroy();
+          switch (data.type) {
+            case import_hls2.default.ErrorTypes.NETWORK_ERROR:
+              console.error("HLS network error", data);
+              setTimeout(() => hls.loadSource(url), 1e3);
+              break;
+            case import_hls2.default.ErrorTypes.MEDIA_ERROR:
+              console.error("HLS media error", data);
+              setTimeout(() => hls.recoverMediaError(), 1e3);
+              break;
+            default:
+              hls.destroy();
+              break;
+          }
+        }
+      });
+      return () => {
+        hls.destroy();
+      };
+    } 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_runtime13.jsxs)("div", { className: "cmaf-output", children: [state.enabled ? (0, import_jsx_runtime13.jsx)("div", { className: "active text-green-500 dark:text-green-300", children: "Output enabled" }) : (0, import_jsx_runtime13.jsx)("div", { className: "disabled text-gray-500 dark:text-gray-400", children: "Output disabled" }), (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime13.jsx)("input", { type: "checkbox", id: `video-toggle-${id}`, checked: showPreview, onChange: (e) => setShowPreview(e.target.checked), className: "h-4 w-4" }), (0, import_jsx_runtime13.jsx)("label", { htmlFor: `video-toggle-${id}`, className: "text-sm", children: "Show Preview" })] }), !url ? (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, {}) : (0, import_jsx_runtime13.jsx)("div", { className: "mb-5", children: (0, import_jsx_runtime13.jsx)("video", { ref: previewVideo, autoPlay: true, muted: true, id: `${id}-video` }) })] });
 }
 var inline_view_default5 = InlineView5;
 
@@ -90007,12 +90118,32 @@ function info_default8(R) {
         },
         multiplePrograms: {
           help: "Produce multiple multivariants if more than one program is present",
+          advanced: true,
           hint: {
             type: "boolean",
             optional: true,
             defaultValue: false
           }
         },
+        discontinuityHandling: {
+          help: "What to do when a gap or discontinuity is encountered",
+          advanced: true,
+          hint: {
+            type: "select",
+            defaultValue: "discontinuity",
+            optional: true,
+            options: [
+              {
+                display: "Prefer Discontinuity",
+                value: "discontinuity"
+              },
+              {
+                display: "Prefer Gaps",
+                value: "gap"
+              }
+            ]
+          }
+        },
         drmProvider: {
           help: "Encrypt with a DRM provider (if configured globally)",
           hint: {
@@ -90237,6 +90368,25 @@ function info_default11(registration) {
             optional: true
           }
         },
+        discontinuityHandling: {
+          help: "What to do when a gap or discontinuity is encountered",
+          advanced: true,
+          hint: {
+            type: "select",
+            defaultValue: "gap",
+            optional: true,
+            options: [
+              {
+                display: "Prefer Discontinuity",
+                value: "discontinuity"
+              },
+              {
+                display: "Prefer Gaps",
+                value: "gap"
+              }
+            ]
+          }
+        },
         segments: SegmentFormEntry,
         destinations: DestinationsFormEntry,
         pushMode: {
@@ -90483,7 +90633,7 @@ var import_config3 = __toESM(require_config());
 
 // build/output.preview/inline-view.js
 var import_jsx_runtime18 = __toESM(require_jsx_runtime());
-var import_react5 = __toESM(require_react());
+var import_react6 = __toESM(require_react());
 
 // build/shared/whep.js
 var import_webrtc_client = __toESM(require_webrtc_client());
@@ -90533,9 +90683,9 @@ function createPlayerElement(stream, container) {
 function InlineView7({ state, config, raise }) {
   const url = state.url;
   const id = config.id;
-  const [showPreview, setShowPreview] = (0, import_react5.useState)(config.showPreview ?? true);
-  const [_existing, setClient] = (0, import_react5.useState)(null);
-  const createClient = (0, import_react5.useCallback)((url2) => {
+  const [showPreview, setShowPreview] = (0, import_react6.useState)(config.showPreview ?? true);
+  const [_existing, setClient] = (0, import_react6.useState)(null);
+  const createClient = (0, import_react6.useCallback)((url2) => {
     const client = new NorskWhepClient({
       url: url2,
       container: document.getElementById(`preview-${id}`) ?? void 0
@@ -90543,11 +90693,11 @@ function InlineView7({ state, config, raise }) {
     client.start().catch(console.error);
     return client;
   }, [id]);
-  const cleanupClient = (0, import_react5.useCallback)(() => {
-    console.log("CLEANING UP CLIENT");
+  const cleanupClient = (0, import_react6.useCallback)(() => {
     setClient((client) => {
       if (!client)
         return null;
+      console.log("CLEANING UP CLIENT");
       client.outputVideoTracks.forEach((track) => track.stop());
       if (client.outputAudioTrack) {
         client.outputAudioTrack.stop();
@@ -90559,8 +90709,8 @@ function InlineView7({ state, config, raise }) {
       return null;
     });
   }, []);
-  const [imageUrl, setImageUrl] = (0, import_react5.useState)(null);
-  (0, import_react5.useEffect)(() => {
+  const [imageUrl, setImageUrl] = (0, import_react6.useState)(null);
+  (0, import_react6.useEffect)(() => {
     if (!url || !showPreview) {
       setImageUrl(null);
       return;
@@ -90571,7 +90721,7 @@ function InlineView7({ state, config, raise }) {
     }
     setImageUrl(url);
   }, [url, showPreview, config.previewMode]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     cleanupClient();
     if (config.previewMode === "image") {
       return;
@@ -90590,10 +90740,10 @@ function InlineView7({ state, config, raise }) {
     id,
     createClient
   ]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     setShowPreview(config.showPreview ?? true);
   }, [config.showPreview]);
-  (0, import_react5.useEffect)(() => raise?.(), [raise]);
+  (0, import_react6.useEffect)(() => raise?.(), [raise]);
   if (!url)
     return (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children: "..." });
   function percentage(levels) {
@@ -91330,13 +91480,13 @@ var import_config4 = __toESM(require_config());
 
 // build/output.whep/inline-view.js
 var import_jsx_runtime25 = __toESM(require_jsx_runtime());
-var import_react6 = __toESM(require_react());
+var import_react7 = __toESM(require_react());
 function InlineView12({ state, config, raise }) {
   const url = state.url;
   const id = config.id;
-  const [showPreview, setShowPreview] = (0, import_react6.useState)(config.showPreview ?? true);
-  const [_existing, setClient] = (0, import_react6.useState)(null);
-  const createClient = (0, import_react6.useCallback)((url2) => {
+  const [showPreview, setShowPreview] = (0, import_react7.useState)(config.showPreview ?? true);
+  const [_existing, setClient] = (0, import_react7.useState)(null);
+  const createClient = (0, import_react7.useCallback)((url2) => {
     const newClient = new NorskWhepClient({
       url: url2,
       container: document.getElementById(`whep-${id}`) ?? void 0
@@ -91344,7 +91494,7 @@ function InlineView12({ state, config, raise }) {
     newClient.start().catch(console.error);
     return newClient;
   }, [id]);
-  const cleanupClient = (0, import_react6.useCallback)((client) => {
+  const cleanupClient = (0, import_react7.useCallback)((client) => {
     client.outputVideoTracks.forEach((track) => track.stop());
     if (client.outputAudioTrack) {
       client.outputAudioTrack.stop();
@@ -91354,7 +91504,7 @@ function InlineView12({ state, config, raise }) {
       video.remove();
     });
   }, []);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     setClient((existing) => {
       if (existing)
         cleanupClient(existing);
@@ -91368,10 +91518,10 @@ function InlineView12({ state, config, raise }) {
       cleanupClient(newClient);
     };
   }, [url, showPreview, createClient, id, cleanupClient]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     setShowPreview(config.showPreview ?? true);
   }, [config.showPreview]);
-  (0, import_react6.useEffect)(() => raise && raise(), [raise]);
+  (0, import_react7.useEffect)(() => raise && raise(), [raise]);
   if (!url)
     return (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: "..." });
   const videoStyles = `
@@ -91677,7 +91827,7 @@ var inline_view_default13 = InlineView13;
 
 // build/processor.audioMixer/fullscreen-view.js
 var import_jsx_runtime29 = __toESM(require_jsx_runtime());
-var import_react7 = __toESM(require_react());
+var import_react8 = __toESM(require_react());
 function FullScreen({ state, sendCommand }) {
   const initialSliders = [];
   const initialPreMuteSliders = [];
@@ -91690,9 +91840,9 @@ function FullScreen({ state, sendCommand }) {
   initialSliders.push(state.output.configuredGain || 0);
   initialPreMuteSliders.push(state.output.configuredGain || 0);
   initialCanSetVolume.push(true);
-  const [canSetVolume, setCanSetVolume] = (0, import_react7.useState)(initialCanSetVolume);
-  const [sliderValues, setSliderValue] = (0, import_react7.useState)(initialSliders);
-  const [preMuteValues, setPreMuteValues] = (0, import_react7.useState)(initialPreMuteSliders);
+  const [canSetVolume, setCanSetVolume] = (0, import_react8.useState)(initialCanSetVolume);
+  const [sliderValues, setSliderValue] = (0, import_react8.useState)(initialSliders);
+  const [preMuteValues, setPreMuteValues] = (0, import_react8.useState)(initialPreMuteSliders);
   const throttleDelay = 100;
   function percentage(levels) {
     if (!levels) {
@@ -91913,11 +92063,11 @@ var import_FaWindowRestore = __toESM(require_FaWindowRestore());
 
 // build/processor.browserOverlay/summary-view.js
 var import_jsx_runtime30 = __toESM(require_jsx_runtime());
-var import_react8 = __toESM(require_react());
+var import_react9 = __toESM(require_react());
 function SummaryView8({ state, sendCommand }) {
-  const [url, setUrl] = (0, import_react8.useState)(state.currentUrl);
-  const [enabled, setEnabled] = (0, import_react8.useState)(state.enabled);
-  const stateChanged = (0, import_react8.useMemo)(() => {
+  const [url, setUrl] = (0, import_react9.useState)(state.currentUrl);
+  const [enabled, setEnabled] = (0, import_react9.useState)(state.enabled);
+  const stateChanged = (0, import_react9.useMemo)(() => {
     return url !== state.currentUrl || enabled !== state.enabled;
   }, [url, enabled, state.currentUrl, state.enabled]);
   const buttonClass = "mt-2 mb-5 text-white w-full justify-center bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:outline-none focus:ring-primary-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800";
@@ -91958,8 +92108,10 @@ function info_default27({ defineComponent, validation: { Z } }) {
         video: true
       },
       produces: {
-        type: "simple-stream",
-        video: true
+        type: "dynamic-streams",
+        streams: (_, input) => {
+          return input;
+        }
       }
     },
     extraValidation: function(ctx) {
@@ -93601,6 +93753,7 @@ function info_default30({ defineComponent, All, validation: { Z } }) {
         },
         startingStreamId: {
           help: "The initial stream id to assign, all streams will then increment from this",
+          advanced: true,
           hint: {
             type: "numeric",
             optional: true,
@@ -93617,6 +93770,14 @@ function info_default30({ defineComponent, All, validation: { Z } }) {
             optional: true
           }
         },
+        sync: {
+          help: "Synchronise the streams that are involved (except subtitles), this will also condition the streams with discontinuities if needed",
+          advanced: true,
+          hint: {
+            type: "boolean",
+            defaultValue: true
+          }
+        },
         notes: { help: "Notes about this component", hint: { type: "text", optional: true } }
       }
     }
@@ -93766,15 +93927,15 @@ var import_config7 = __toESM(require_config());
 
 // build/processor.onscreenGraphic/image-selection.js
 var import_jsx_runtime40 = __toESM(require_jsx_runtime());
-var import_react9 = __toESM(require_react());
+var import_react10 = __toESM(require_react());
 function GraphicSelection(props) {
-  const [loading, setLoading] = (0, import_react9.useState)(true);
+  const [loading, setLoading] = (0, import_react10.useState)(true);
   const staticUrl = props.urls?.staticUrl.toString();
   const { onChanged, defaultValue } = props;
-  const myOnChange = (0, import_react9.useCallback)((e) => {
+  const myOnChange = (0, import_react10.useCallback)((e) => {
     onChanged(e.target.value);
   }, [onChanged]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     const fn = async () => {
       if (!staticUrl)
         return;
@@ -93792,7 +93953,7 @@ function GraphicSelection(props) {
     };
     fn().catch(console.error);
   }, [staticUrl, defaultValue, onChanged]);
-  const [graphcs, setGraphics] = (0, import_react9.useState)([]);
+  const [graphcs, setGraphics] = (0, import_react10.useState)([]);
   if (loading) {
     return (0, import_jsx_runtime40.jsx)("div", { children: "Loading.." });
   }
@@ -93807,19 +93968,19 @@ var image_selection_default = GraphicSelection;
 
 // build/processor.onscreenGraphic/summary-view.js
 var import_jsx_runtime41 = __toESM(require_jsx_runtime());
-var import_react10 = __toESM(require_react());
+var import_react11 = __toESM(require_react());
 function SummaryView9({ state, sendCommand, urls }) {
-  const [graphic, setGraphic] = (0, import_react10.useState)(state.activeGraphic?.file);
-  const [position, setPosition] = (0, import_react10.useState)(state.activeGraphic?.position ?? { type: "named", position: "topleft" });
-  const [graphics, setGraphics] = (0, import_react10.useState)([]);
-  const [fileToUpload, setFileToUpload] = (0, import_react10.useState)(void 0);
-  const [showFileInput, setShowFileInput] = (0, import_react10.useState)(false);
-  const [showUploadButton, setShowUploadButton] = (0, import_react10.useState)(false);
-  const [uploadStatus, setUploadStatus] = (0, import_react10.useState)({ success: false, message: null });
-  const [showDeleteDropdown, setShowDeleteDropdown] = (0, import_react10.useState)(false);
-  const [graphicToDelete, setGraphicToDelete] = (0, import_react10.useState)("");
+  const [graphic, setGraphic] = (0, import_react11.useState)(state.activeGraphic?.file);
+  const [position, setPosition] = (0, import_react11.useState)(state.activeGraphic?.position ?? { type: "named", position: "topleft" });
+  const [graphics, setGraphics] = (0, import_react11.useState)([]);
+  const [fileToUpload, setFileToUpload] = (0, import_react11.useState)(void 0);
+  const [showFileInput, setShowFileInput] = (0, import_react11.useState)(false);
+  const [showUploadButton, setShowUploadButton] = (0, import_react11.useState)(false);
+  const [uploadStatus, setUploadStatus] = (0, import_react11.useState)({ success: false, message: null });
+  const [showDeleteDropdown, setShowDeleteDropdown] = (0, import_react11.useState)(false);
+  const [graphicToDelete, setGraphicToDelete] = (0, import_react11.useState)("");
   const staticUrl = urls.staticUrl.toString();
-  const updateGraphics = (0, import_react10.useCallback)(async () => {
+  const updateGraphics = (0, import_react11.useCallback)(async () => {
     try {
       const result2 = await fetch(`${staticUrl}/graphics`);
       if (result2.ok) {
@@ -93836,7 +93997,7 @@ function SummaryView9({ state, sendCommand, urls }) {
       });
     }
   }, [staticUrl]);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     updateGraphics().catch(console.error);
   }, [updateGraphics]);
   const onFileChange = (e) => {
@@ -93996,16 +94157,16 @@ function convertPosition(givenPosition, currentVideo, currentGraphic) {
 var PositionSelector = ({ initialPosition: givenPosition = { type: "named", position: "topleft" }, onChange, currentVideo, currentGraphic, graphicChanged }) => {
   const convertPos = (pos) => convertPosition(pos, currentVideo, currentGraphic);
   const initialPosition = convertPos(givenPosition);
-  const [position, setLocalPosition] = (0, import_react10.useState)(initialPosition);
-  const setPosition = (0, import_react10.useCallback)((v) => {
+  const [position, setLocalPosition] = (0, import_react11.useState)(initialPosition);
+  const setPosition = (0, import_react11.useCallback)((v) => {
     setLocalPosition(v);
     onChange(fromLocalPosition(v));
   }, [onChange]);
-  const [positionUnit, setPositionUnit] = (0, import_react10.useState)(position.type === "coordinate" ? "px" : "%");
-  const [isDragging, setIsDragging] = (0, import_react10.useState)(false);
-  const [dragStart, setDragStart] = (0, import_react10.useState)({ xPct: 0, yPct: 0, cx: 0, cy: 0 });
-  const previewAreaRef = (0, import_react10.useRef)(null);
-  const previewTargetRef = (0, import_react10.useRef)(null);
+  const [positionUnit, setPositionUnit] = (0, import_react11.useState)(position.type === "coordinate" ? "px" : "%");
+  const [isDragging, setIsDragging] = (0, import_react11.useState)(false);
+  const [dragStart, setDragStart] = (0, import_react11.useState)({ xPct: 0, yPct: 0, cx: 0, cy: 0 });
+  const previewAreaRef = (0, import_react11.useRef)(null);
+  const previewTargetRef = (0, import_react11.useRef)(null);
   const handleMouseDown = (e) => {
     setIsDragging(true);
     setDragStart({
@@ -94015,7 +94176,7 @@ var PositionSelector = ({ initialPosition: givenPosition = { type: "named", posi
     });
     handleMouseMove(e);
   };
-  const handleMouseMove = (0, import_react10.useCallback)((e) => {
+  const handleMouseMove = (0, import_react11.useCallback)((e) => {
     if (!isDragging)
       return;
     const boundingBox = previewAreaRef.current?.getBoundingClientRect() ?? { width: 0, height: 0 };
@@ -94056,10 +94217,10 @@ var PositionSelector = ({ initialPosition: givenPosition = { type: "named", posi
     positionUnit,
     setPosition
   ]);
-  const handleMouseUp = (0, import_react10.useCallback)(() => {
+  const handleMouseUp = (0, import_react11.useCallback)(() => {
     setIsDragging(false);
   }, []);
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     const previous = { handleMouseMove, handleMouseUp };
     if (isDragging) {
       window.addEventListener("mousemove", handleMouseMove);
@@ -94230,11 +94391,11 @@ function assertUnreachable22(_) {
 
 // build/processor.smartSingleMediaSwitch/source-selection.js
 var import_jsx_runtime42 = __toESM(require_jsx_runtime());
-var import_react11 = __toESM(require_react());
+var import_react12 = __toESM(require_react());
 function OrderInput(props) {
   const { onChanged } = props;
-  const [value, setValue] = (0, import_react11.useState)(props.defaultValue ?? []);
-  (0, import_react11.useEffect)(() => {
+  const [value, setValue] = (0, import_react12.useState)(props.defaultValue ?? []);
+  (0, import_react12.useEffect)(() => {
     onChanged(value);
   }, [value, onChanged]);
   if (value.length == 0) {
@@ -94418,11 +94579,11 @@ function assertUnreachable23(_) {
 
 // build/processor.smartSourceSwitch/source-selection.js
 var import_jsx_runtime44 = __toESM(require_jsx_runtime());
-var import_react12 = __toESM(require_react());
+var import_react13 = __toESM(require_react());
 function OrderInput2(props) {
   const { onChanged } = props;
-  const [value, setValue] = (0, import_react12.useState)(props.defaultValue ?? []);
-  (0, import_react12.useEffect)(() => {
+  const [value, setValue] = (0, import_react13.useState)(props.defaultValue ?? []);
+  (0, import_react13.useEffect)(() => {
     onChanged(value);
   }, [value, onChanged]);
   if (value.length == 0) {
@@ -94453,16 +94614,33 @@ var source_selection_default2 = OrderInput2;
 
 // build/processor.smartSourceSwitch/inline-view.js
 var import_jsx_runtime45 = __toESM(require_jsx_runtime());
-var activeClasses2 = "active text-green-500 dark:text-green-300";
-var availableClasses2 = "available text-green-500 dark:text-green-300";
-var inactiveClasses2 = "inactive text-orange-500 dark:text-orange-300";
+function cn(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
 function InlineView17({ state, config }) {
-  return (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [(0, import_jsx_runtime45.jsx)("h5", { children: "Sources" }), (0, import_jsx_runtime45.jsxs)("ul", { children: [config.sources.map((s, i) => state.activeSource == s ? (0, import_jsx_runtime45.jsxs)("li", { className: activeClasses2, children: [s, " <--"] }, i) : state.availableSources.includes(s) ? (0, import_jsx_runtime45.jsxs)("li", { className: availableClasses2, children: [s, " (available)"] }, i) : (0, import_jsx_runtime45.jsxs)("li", { className: inactiveClasses2, children: [s, " (inactive)"] }, i)), (0, import_jsx_runtime45.jsx)("li", { className: state.activeSource == "fallback" ? activeClasses2 : availableClasses2, children: "fallback" }, "fallback")] })] });
+  return (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [(0, import_jsx_runtime45.jsx)("h5", { className: "text-gray-900 dark:text-white font-medium", children: "Sources:" }), (0, import_jsx_runtime45.jsxs)("ul", { className: "space-y-2 mt-2", children: [config.sources.map((s, i) => {
+    const isActive = state.activeSource === s;
+    const isAvailable = state.availableSources.includes(s);
+    const indicatorClasses = cn("w-3 h-3 rounded-full", isActive ? "bg-live" : isAvailable ? "bg-standby" : "bg-offline");
+    return (0, import_jsx_runtime45.jsxs)("li", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime45.jsxs)("div", { className: "relative", children: [(0, import_jsx_runtime45.jsx)("div", { className: indicatorClasses }), isActive && (0, import_jsx_runtime45.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: (0, import_jsx_runtime45.jsx)("div", { className: "w-3 h-3 rounded-full bg-live animate-ping duration-150" }) })] }), (0, import_jsx_runtime45.jsx)("span", { className: "text-gray-900 dark:text-white", children: s })] }, i);
+  }), (0, import_jsx_runtime45.jsxs)("li", { className: "flex items-center gap-2", children: [(0, import_jsx_runtime45.jsxs)("div", { className: "relative", children: [(0, import_jsx_runtime45.jsx)("div", { className: cn("w-3 h-3 rounded-full", state.activeSource === "fallback" ? "bg-live" : "bg-standby") }), state.activeSource === "fallback" && (0, import_jsx_runtime45.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: (0, import_jsx_runtime45.jsx)("div", { className: "w-3 h-3 rounded-full bg-live animate-ping duration-150" }) })] }), (0, import_jsx_runtime45.jsx)("span", { className: "text-gray-900 dark:text-white", children: "fallback" })] }, "fallback")] })] });
 }
 var inline_view_default17 = InlineView17;
 
 // build/processor.smartSourceSwitch/info.js
 var import_FaSlidersH2 = __toESM(require_FaSlidersH());
+var import_client_types4 = __toESM(require_client_types());
+
+// build/processor.smartSourceSwitch/form-views.js
+var import_jsx_runtime46 = __toESM(require_jsx_runtime());
+function FallbackConfiguration(cfg) {
+  if (cfg.kind === "file") {
+    return (0, import_jsx_runtime46.jsx)("div", { className: "text-sm", children: cfg.filePath || "No file specified" });
+  }
+  return (0, import_jsx_runtime46.jsx)("div", { className: "text-sm", children: "Test Card" });
+}
+
+// build/processor.smartSourceSwitch/info.js
 function info_default34({ defineComponent, Av, common: { Resolutions, FrameRates } }) {
   function patchConfigFromSubscription(cfg, sub) {
     const potentiallyNewSources = sub.expectedStreams.map((s) => s.sourceName).filter((s) => !!s);
@@ -94607,6 +94785,34 @@ function info_default34({ defineComponent, Av, common: { Resolutions, FrameRates
             defaultValue: []
           }
         },
+        fallback: {
+          help: "Configuration for fallback source when no inputs are available",
+          advanced: true,
+          hint: {
+            type: "form-pick",
+            envOverride: true,
+            defaultValue: { kind: "testcard" },
+            form: import_client_types4.discriminatedForm.kind({
+              testcard: {
+                display: "Test Card",
+                form: {}
+              },
+              file: {
+                display: "MP4 File",
+                form: {
+                  filePath: {
+                    help: "Path to MP4 file to use as fallback",
+                    hint: {
+                      type: "text",
+                      envOverride: true
+                    }
+                  }
+                }
+              }
+            }),
+            view: FallbackConfiguration
+          }
+        },
         notes: { help: "Notes about this component", hint: { type: "text", optional: true } }
       }
     }
@@ -94714,21 +94920,21 @@ function info_default35({ defineComponent, All, validation: { Z } }) {
 var import_config8 = __toESM(require_config());
 
 // build/processor.syncExternalAudio/inline-view.js
-var import_jsx_runtime46 = __toESM(require_jsx_runtime());
-var import_react13 = __toESM(require_react());
+var import_jsx_runtime47 = __toESM(require_jsx_runtime());
+var import_react14 = __toESM(require_react());
 function InlineView18({ state, raise }) {
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (raise) {
       raise();
     }
   }, [raise]);
-  return (0, import_jsx_runtime46.jsx)("div", { className: "processor-syncExternalAudio", children: (0, import_jsx_runtime46.jsx)("div", { className: "sync-status-inline", children: (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime46.jsx)("div", { className: `w-2 h-2 rounded-full ${state.isConnected ? "bg-green-400" : "bg-red-400"}` }), (0, import_jsx_runtime46.jsx)("span", { className: "text-sm", children: state.isConnected ? "Connected" : "Disconnected" }), state.currentSyncMs !== void 0 && (0, import_jsx_runtime46.jsxs)("span", { className: "text-xs text-gray-500", children: ["(", state.currentSyncMs, "ms)"] })] }) }) });
+  return (0, import_jsx_runtime47.jsx)("div", { className: "processor-syncExternalAudio", children: (0, import_jsx_runtime47.jsx)("div", { className: "sync-status-inline", children: (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, import_jsx_runtime47.jsx)("div", { className: `w-2 h-2 rounded-full ${state.isConnected ? "bg-green-400" : "bg-red-400"}` }), (0, import_jsx_runtime47.jsx)("span", { className: "text-sm", children: state.isConnected ? "Connected" : "Disconnected" }), state.currentSyncMs !== void 0 && (0, import_jsx_runtime47.jsxs)("span", { className: "text-xs text-gray-500", children: ["(", state.currentSyncMs, "ms)"] })] }) }) });
 }
 var inline_view_default18 = InlineView18;
 
 // build/processor.syncExternalAudio/fullscreen-view.js
-var import_jsx_runtime47 = __toESM(require_jsx_runtime());
-var import_react14 = __toESM(require_react());
+var import_jsx_runtime48 = __toESM(require_jsx_runtime());
+var import_react15 = __toESM(require_react());
 var CommentaryWhepClient = class extends NorskWhepClient {
   audio;
   constructor(settings) {
@@ -94871,15 +95077,15 @@ var DualWhepPreview = class {
   }
 };
 function SyncExternalAudioFullscreenView({ state, config, sendCommand }) {
-  const videoContainerRef = (0, import_react14.useRef)(null);
-  const [preview, setPreview] = (0, import_react14.useState)(null);
-  const [isReady, setIsReady] = (0, import_react14.useState)(false);
-  const [primaryVolume, setPrimaryVolume] = (0, import_react14.useState)(50);
-  const [commentaryVolume, setCommentaryVolume] = (0, import_react14.useState)(100);
-  const [primaryMuted, setPrimaryMuted] = (0, import_react14.useState)(false);
-  const [commentaryMuted, setCommentaryMuted] = (0, import_react14.useState)(false);
-  const [audioStarted, setAudioStarted] = (0, import_react14.useState)(false);
-  (0, import_react14.useEffect)(() => {
+  const videoContainerRef = (0, import_react15.useRef)(null);
+  const [preview, setPreview] = (0, import_react15.useState)(null);
+  const [isReady, setIsReady] = (0, import_react15.useState)(false);
+  const [primaryVolume, setPrimaryVolume] = (0, import_react15.useState)(50);
+  const [commentaryVolume, setCommentaryVolume] = (0, import_react15.useState)(100);
+  const [primaryMuted, setPrimaryMuted] = (0, import_react15.useState)(false);
+  const [commentaryMuted, setCommentaryMuted] = (0, import_react15.useState)(false);
+  const [audioStarted, setAudioStarted] = (0, import_react15.useState)(false);
+  (0, import_react15.useEffect)(() => {
     if (state.primaryWhepUrl && state.commentaryWhepUrl && videoContainerRef.current) {
       const newPreview = new DualWhepPreview(videoContainerRef.current, state.primaryWhepUrl, state.commentaryWhepUrl, () => {
         setIsReady(true);
@@ -94891,7 +95097,7 @@ function SyncExternalAudioFullscreenView({ state, config, sendCommand }) {
       };
     }
   }, [state.primaryWhepUrl, state.commentaryWhepUrl]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (preview && isReady) {
       preview.setPrimaryVolume(primaryVolume / 100);
       preview.setPrimaryMuted(primaryMuted);
@@ -94916,7 +95122,7 @@ function SyncExternalAudioFullscreenView({ state, config, sendCommand }) {
       setAudioStarted(true);
     }
   };
-  return (0, import_jsx_runtime47.jsxs)("div", { className: "w-full h-full flex flex-col bg-gray-900 text-white", children: [(0, import_jsx_runtime47.jsxs)("div", { className: "flex justify-between items-center p-4 bg-gray-800 border-b border-gray-700", children: [(0, import_jsx_runtime47.jsxs)("h1", { className: "text-xl font-semibold", children: ["Sync External Audio - ", config.displayName] }), (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center space-x-4", children: (0, import_jsx_runtime47.jsxs)("div", { className: `flex items-center space-x-2 ${state.isConnected ? "text-green-400" : "text-red-400"}`, children: [(0, import_jsx_runtime47.jsx)("div", { className: `w-2 h-2 rounded-full ${state.isConnected ? "bg-green-400" : "bg-red-400"}` }), (0, import_jsx_runtime47.jsx)("span", { className: "text-sm", children: state.isConnected ? "Connected" : "Disconnected" })] }) })] }), (0, import_jsx_runtime47.jsxs)("div", { className: "flex-1 flex", children: [(0, import_jsx_runtime47.jsx)("div", { className: "flex-1 flex flex-col", children: (0, import_jsx_runtime47.jsx)("div", { className: "flex-1 bg-black flex items-center justify-center", children: state.primaryWhepUrl && state.commentaryWhepUrl ? (0, import_jsx_runtime47.jsx)("div", { ref: videoContainerRef, className: "max-w-full max-h-full" }) : (0, import_jsx_runtime47.jsxs)("div", { className: "text-gray-500 text-center", children: [(0, import_jsx_runtime47.jsx)("div", { className: "text-6xl mb-4", children: "\u{1F4FA}" }), (0, import_jsx_runtime47.jsx)("div", { children: "Waiting for video preview..." }), state.primaryWhepUrl && !state.commentaryWhepUrl && (0, import_jsx_runtime47.jsx)("div", { className: "text-sm mt-2", children: "Primary stream ready, waiting for commentary..." }), !state.primaryWhepUrl && state.commentaryWhepUrl && (0, import_jsx_runtime47.jsx)("div", { className: "text-sm mt-2", children: "Commentary stream ready, waiting for primary..." })] }) }) }), (0, import_jsx_runtime47.jsxs)("div", { className: "w-80 bg-gray-800 border-l border-gray-700 flex flex-col", children: [(0, import_jsx_runtime47.jsxs)("div", { className: "p-4 border-b border-gray-700", children: [(0, import_jsx_runtime47.jsx)("h3", { className: "text-lg font-medium mb-4", children: "Commentary Sync Control" }), (0, import_jsx_runtime47.jsxs)("div", { className: "mb-4 p-3 bg-gray-700 rounded-lg text-center", children: [(0, import_jsx_runtime47.jsx)("div", { className: "text-sm text-gray-300", children: "Current Offset" }), (0, import_jsx_runtime47.jsxs)("div", { className: "text-2xl font-mono", children: [state.currentSyncMs, "ms"] })] }), (0, import_jsx_runtime47.jsxs)("div", { className: "mb-4", children: [(0, import_jsx_runtime47.jsx)("div", { className: "text-sm text-gray-300 mb-2", children: "Fine Adjustment (\xB1200ms)" }), (0, import_jsx_runtime47.jsxs)("div", { className: "flex space-x-2", children: [(0, import_jsx_runtime47.jsx)("button", { onClick: () => handleSyncAdjust(-200), className: "flex-1 px-3 py-2 bg-red-600 hover:bg-red-700 rounded text-sm font-medium", children: "-200ms" }), (0, import_jsx_runtime47.jsx)("button", { onClick: () => handleSyncAdjust(200), className: "flex-1 px-3 py-2 bg-green-600 hover:bg-green-700 rounded text-sm font-medium", children: "+200ms" })] })] }), (0, import_jsx_runtime47.jsxs)("div", { className: "mb-4", children: [(0, import_jsx_runtime47.jsx)("div", { className: "text-sm text-gray-300 mb-2", children: "Coarse Adjustment" }), (0, import_jsx_runtime47.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [(0, import_jsx_runtime47.jsx)("button", { onClick: () => handleSyncAdjust(-1e3), className: "px-3 py-2 bg-red-700 hover:bg-red-800 rounded text-sm", children: "-1000ms" }), (0, import_jsx_runtime47.jsx)("button", { onClick: () => handleSyncAdjust(1e3), className: "px-3 py-2 bg-green-700 hover:bg-green-800 rounded text-sm", children: "+1000ms" }), (0, import_jsx_runtime47.jsx)("button", { onClick: () => handleSyncAdjust(-500), className: "px-3 py-2 bg-red-600 hover:bg-red-700 rounded text-sm", children: "-500ms" }), (0, import_jsx_runtime47.jsx)("button", { onClick: () => handleSyncAdjust(500), className: "px-3 py-2 bg-green-600 hover:bg-green-700 rounded text-sm", children: "+500ms" })] })] }), (0, import_jsx_runtime47.jsxs)("button", { onClick: handleResetSync, className: "w-full px-3 py-2 bg-blue-600 hover:bg-blue-700 rounded text-sm font-medium", children: ["Reset to Initial (", config.initialSyncMs, "ms)"] })] }), (0, import_jsx_runtime47.jsxs)("div", { className: "p-4 flex-1", children: [(0, import_jsx_runtime47.jsx)("h3", { className: "text-lg font-medium mb-4", children: "Audio Monitor Controls" }), !audioStarted && isReady && (0, import_jsx_runtime47.jsxs)("div", { className: "mb-6 p-4 bg-yellow-900 border border-yellow-600 rounded-lg", children: [(0, import_jsx_runtime47.jsx)("div", { className: "text-sm text-yellow-200 mb-2", children: "Click to enable commentary audio (required by browser policy):" }), (0, import_jsx_runtime47.jsx)("button", { onClick: () => void handleStartAudio(), className: "w-full px-3 py-2 bg-yellow-600 hover:bg-yellow-700 rounded text-sm font-medium", children: "\u{1F50A} Start Commentary Audio" })] }), (0, import_jsx_runtime47.jsxs)("div", { className: "mb-6", children: [(0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [(0, import_jsx_runtime47.jsx)("span", { className: "text-sm font-medium", children: "Primary Audio" }), (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center space-x-2", children: [isReady ? (0, import_jsx_runtime47.jsx)("span", { className: "text-xs text-green-400", children: "\u2713 Ready" }) : (0, import_jsx_runtime47.jsx)("span", { className: "text-xs text-yellow-400", children: "\u23F3 Loading" }), (0, import_jsx_runtime47.jsx)("button", { onClick: () => setPrimaryMuted(!primaryMuted), disabled: !isReady, className: `px-2 py-1 rounded text-xs ${!isReady ? "bg-gray-500 cursor-not-allowed" : primaryMuted ? "bg-red-600 hover:bg-red-700" : "bg-gray-600 hover:bg-gray-700"}`, children: primaryMuted ? "Unmute" : "Mute" })] })] }), (0, import_jsx_runtime47.jsx)("input", { type: "range", min: "0", max: "100", value: primaryVolume, onChange: (e) => setPrimaryVolume(parseInt(e.target.value)), className: "w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer", disabled: primaryMuted || !isReady }), (0, import_jsx_runtime47.jsxs)("div", { className: "text-xs text-gray-400 mt-1", children: [primaryVolume, "%"] })] }), (0, import_jsx_runtime47.jsxs)("div", { className: "mb-6", children: [(0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [(0, import_jsx_runtime47.jsx)("span", { className: "text-sm font-medium", children: "Commentary Audio" }), (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center space-x-2", children: [isReady ? (0, import_jsx_runtime47.jsx)("span", { className: "text-xs text-green-400", children: "\u2713 Ready" }) : (0, import_jsx_runtime47.jsx)("span", { className: "text-xs text-yellow-400", children: "\u23F3 Loading" }), (0, import_jsx_runtime47.jsx)("button", { onClick: () => setCommentaryMuted(!commentaryMuted), disabled: !isReady, className: `px-2 py-1 rounded text-xs ${!isReady ? "bg-gray-500 cursor-not-allowed" : commentaryMuted ? "bg-red-600 hover:bg-red-700" : "bg-gray-600 hover:bg-gray-700"}`, children: commentaryMuted ? "Unmute" : "Mute" })] })] }), (0, import_jsx_runtime47.jsx)("input", { type: "range", min: "0", max: "100", value: commentaryVolume, onChange: (e) => setCommentaryVolume(parseInt(e.target.value)), className: "w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer", disabled: commentaryMuted || !isReady }), (0, import_jsx_runtime47.jsxs)("div", { className: "text-xs text-gray-400 mt-1", children: [commentaryVolume, "%"] })] }), (0, import_jsx_runtime47.jsx)("div", { className: "mt-auto pt-4 border-t border-gray-700", children: (0, import_jsx_runtime47.jsxs)("div", { className: "text-xs text-gray-400 space-y-1", children: [(0, import_jsx_runtime47.jsxs)("div", { children: ["Primary Delay: ", config.delayMs, "ms"] }), (0, import_jsx_runtime47.jsxs)("div", { children: ["Primary WHEP: ", state.primaryWhepUrl ? "\u2713 Available" : "\u2717 Not ready"] }), (0, import_jsx_runtime47.jsxs)("div", { children: ["Commentary WHEP: ", state.commentaryWhepUrl ? "\u2713 Available" : "\u2717 Not ready"] }), (0, import_jsx_runtime47.jsxs)("div", { children: ["Dual Streams: ", isReady ? "\u2713 Connected" : "\u23F3 Connecting"] }), (0, import_jsx_runtime47.jsxs)("div", { children: ["Audio Started: ", audioStarted ? "\u2713 Yes" : "\u2717 No"] }), isReady && (0, import_jsx_runtime47.jsx)("div", { className: "text-green-400", children: "\u2713 Dual WHEP ready" }), isReady && (0, import_jsx_runtime47.jsx)("div", { className: "text-xs text-gray-500 mt-1", children: "Check browser console for audio debug logs" })] }) })] })] })] })] });
+  return (0, import_jsx_runtime48.jsxs)("div", { className: "w-full h-full flex flex-col bg-gray-900 text-white", children: [(0, import_jsx_runtime48.jsxs)("div", { className: "flex justify-between items-center p-4 bg-gray-800 border-b border-gray-700", children: [(0, import_jsx_runtime48.jsxs)("h1", { className: "text-xl font-semibold", children: ["Sync External Audio - ", config.displayName] }), (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center space-x-4", children: (0, import_jsx_runtime48.jsxs)("div", { className: `flex items-center space-x-2 ${state.isConnected ? "text-green-400" : "text-red-400"}`, children: [(0, import_jsx_runtime48.jsx)("div", { className: `w-2 h-2 rounded-full ${state.isConnected ? "bg-green-400" : "bg-red-400"}` }), (0, import_jsx_runtime48.jsx)("span", { className: "text-sm", children: state.isConnected ? "Connected" : "Disconnected" })] }) })] }), (0, import_jsx_runtime48.jsxs)("div", { className: "flex-1 flex", children: [(0, import_jsx_runtime48.jsx)("div", { className: "flex-1 flex flex-col", children: (0, import_jsx_runtime48.jsx)("div", { className: "flex-1 bg-black flex items-center justify-center", children: state.primaryWhepUrl && state.commentaryWhepUrl ? (0, import_jsx_runtime48.jsx)("div", { ref: videoContainerRef, className: "max-w-full max-h-full" }) : (0, import_jsx_runtime48.jsxs)("div", { className: "text-gray-500 text-center", children: [(0, import_jsx_runtime48.jsx)("div", { className: "text-6xl mb-4", children: "\u{1F4FA}" }), (0, import_jsx_runtime48.jsx)("div", { children: "Waiting for video preview..." }), state.primaryWhepUrl && !state.commentaryWhepUrl && (0, import_jsx_runtime48.jsx)("div", { className: "text-sm mt-2", children: "Primary stream ready, waiting for commentary..." }), !state.primaryWhepUrl && state.commentaryWhepUrl && (0, import_jsx_runtime48.jsx)("div", { className: "text-sm mt-2", children: "Commentary stream ready, waiting for primary..." })] }) }) }), (0, import_jsx_runtime48.jsxs)("div", { className: "w-80 bg-gray-800 border-l border-gray-700 flex flex-col", children: [(0, import_jsx_runtime48.jsxs)("div", { className: "p-4 border-b border-gray-700", children: [(0, import_jsx_runtime48.jsx)("h3", { className: "text-lg font-medium mb-4", children: "Commentary Sync Control" }), (0, import_jsx_runtime48.jsxs)("div", { className: "mb-4 p-3 bg-gray-700 rounded-lg text-center", children: [(0, import_jsx_runtime48.jsx)("div", { className: "text-sm text-gray-300", children: "Current Offset" }), (0, import_jsx_runtime48.jsxs)("div", { className: "text-2xl font-mono", children: [state.currentSyncMs, "ms"] })] }), (0, import_jsx_runtime48.jsxs)("div", { className: "mb-4", children: [(0, import_jsx_runtime48.jsx)("div", { className: "text-sm text-gray-300 mb-2", children: "Fine Adjustment (\xB1200ms)" }), (0, import_jsx_runtime48.jsxs)("div", { className: "flex space-x-2", children: [(0, import_jsx_runtime48.jsx)("button", { onClick: () => handleSyncAdjust(-200), className: "flex-1 px-3 py-2 bg-red-600 hover:bg-red-700 rounded text-sm font-medium", children: "-200ms" }), (0, import_jsx_runtime48.jsx)("button", { onClick: () => handleSyncAdjust(200), className: "flex-1 px-3 py-2 bg-green-600 hover:bg-green-700 rounded text-sm font-medium", children: "+200ms" })] })] }), (0, import_jsx_runtime48.jsxs)("div", { className: "mb-4", children: [(0, import_jsx_runtime48.jsx)("div", { className: "text-sm text-gray-300 mb-2", children: "Coarse Adjustment" }), (0, import_jsx_runtime48.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [(0, import_jsx_runtime48.jsx)("button", { onClick: () => handleSyncAdjust(-1e3), className: "px-3 py-2 bg-red-700 hover:bg-red-800 rounded text-sm", children: "-1000ms" }), (0, import_jsx_runtime48.jsx)("button", { onClick: () => handleSyncAdjust(1e3), className: "px-3 py-2 bg-green-700 hover:bg-green-800 rounded text-sm", children: "+1000ms" }), (0, import_jsx_runtime48.jsx)("button", { onClick: () => handleSyncAdjust(-500), className: "px-3 py-2 bg-red-600 hover:bg-red-700 rounded text-sm", children: "-500ms" }), (0, import_jsx_runtime48.jsx)("button", { onClick: () => handleSyncAdjust(500), className: "px-3 py-2 bg-green-600 hover:bg-green-700 rounded text-sm", children: "+500ms" })] })] }), (0, import_jsx_runtime48.jsxs)("button", { onClick: handleResetSync, className: "w-full px-3 py-2 bg-blue-600 hover:bg-blue-700 rounded text-sm font-medium", children: ["Reset to Initial (", config.initialSyncMs, "ms)"] })] }), (0, import_jsx_runtime48.jsxs)("div", { className: "p-4 flex-1", children: [(0, import_jsx_runtime48.jsx)("h3", { className: "text-lg font-medium mb-4", children: "Audio Monitor Controls" }), !audioStarted && isReady && (0, import_jsx_runtime48.jsxs)("div", { className: "mb-6 p-4 bg-yellow-900 border border-yellow-600 rounded-lg", children: [(0, import_jsx_runtime48.jsx)("div", { className: "text-sm text-yellow-200 mb-2", children: "Click to enable commentary audio (required by browser policy):" }), (0, import_jsx_runtime48.jsx)("button", { onClick: () => void handleStartAudio(), className: "w-full px-3 py-2 bg-yellow-600 hover:bg-yellow-700 rounded text-sm font-medium", children: "\u{1F50A} Start Commentary Audio" })] }), (0, import_jsx_runtime48.jsxs)("div", { className: "mb-6", children: [(0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [(0, import_jsx_runtime48.jsx)("span", { className: "text-sm font-medium", children: "Primary Audio" }), (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center space-x-2", children: [isReady ? (0, import_jsx_runtime48.jsx)("span", { className: "text-xs text-green-400", children: "\u2713 Ready" }) : (0, import_jsx_runtime48.jsx)("span", { className: "text-xs text-yellow-400", children: "\u23F3 Loading" }), (0, import_jsx_runtime48.jsx)("button", { onClick: () => setPrimaryMuted(!primaryMuted), disabled: !isReady, className: `px-2 py-1 rounded text-xs ${!isReady ? "bg-gray-500 cursor-not-allowed" : primaryMuted ? "bg-red-600 hover:bg-red-700" : "bg-gray-600 hover:bg-gray-700"}`, children: primaryMuted ? "Unmute" : "Mute" })] })] }), (0, import_jsx_runtime48.jsx)("input", { type: "range", min: "0", max: "100", value: primaryVolume, onChange: (e) => setPrimaryVolume(parseInt(e.target.value)), className: "w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer", disabled: primaryMuted || !isReady }), (0, import_jsx_runtime48.jsxs)("div", { className: "text-xs text-gray-400 mt-1", children: [primaryVolume, "%"] })] }), (0, import_jsx_runtime48.jsxs)("div", { className: "mb-6", children: [(0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [(0, import_jsx_runtime48.jsx)("span", { className: "text-sm font-medium", children: "Commentary Audio" }), (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center space-x-2", children: [isReady ? (0, import_jsx_runtime48.jsx)("span", { className: "text-xs text-green-400", children: "\u2713 Ready" }) : (0, import_jsx_runtime48.jsx)("span", { className: "text-xs text-yellow-400", children: "\u23F3 Loading" }), (0, import_jsx_runtime48.jsx)("button", { onClick: () => setCommentaryMuted(!commentaryMuted), disabled: !isReady, className: `px-2 py-1 rounded text-xs ${!isReady ? "bg-gray-500 cursor-not-allowed" : commentaryMuted ? "bg-red-600 hover:bg-red-700" : "bg-gray-600 hover:bg-gray-700"}`, children: commentaryMuted ? "Unmute" : "Mute" })] })] }), (0, import_jsx_runtime48.jsx)("input", { type: "range", min: "0", max: "100", value: commentaryVolume, onChange: (e) => setCommentaryVolume(parseInt(e.target.value)), className: "w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer", disabled: commentaryMuted || !isReady }), (0, import_jsx_runtime48.jsxs)("div", { className: "text-xs text-gray-400 mt-1", children: [commentaryVolume, "%"] })] }), (0, import_jsx_runtime48.jsx)("div", { className: "mt-auto pt-4 border-t border-gray-700", children: (0, import_jsx_runtime48.jsxs)("div", { className: "text-xs text-gray-400 space-y-1", children: [(0, import_jsx_runtime48.jsxs)("div", { children: ["Primary Delay: ", config.delayMs, "ms"] }), (0, import_jsx_runtime48.jsxs)("div", { children: ["Primary WHEP: ", state.primaryWhepUrl ? "\u2713 Available" : "\u2717 Not ready"] }), (0, import_jsx_runtime48.jsxs)("div", { children: ["Commentary WHEP: ", state.commentaryWhepUrl ? "\u2713 Available" : "\u2717 Not ready"] }), (0, import_jsx_runtime48.jsxs)("div", { children: ["Dual Streams: ", isReady ? "\u2713 Connected" : "\u23F3 Connecting"] }), (0, import_jsx_runtime48.jsxs)("div", { children: ["Audio Started: ", audioStarted ? "\u2713 Yes" : "\u2717 No"] }), isReady && (0, import_jsx_runtime48.jsx)("div", { className: "text-green-400", children: "\u2713 Dual WHEP ready" }), isReady && (0, import_jsx_runtime48.jsx)("div", { className: "text-xs text-gray-500 mt-1", children: "Check browser console for audio debug logs" })] }) })] })] })] })] });
 }
 
 // build/processor.syncExternalAudio/info.js
@@ -95045,8 +95251,10 @@ function info_default37({ defineComponent }) {
         video: true
       },
       produces: {
-        type: "simple-stream",
-        video: true
+        type: "dynamic-streams",
+        streams: (_, input) => {
+          return input;
+        }
       }
     },
     display: ({ config }) => {
@@ -95083,8 +95291,8 @@ var import_config9 = __toESM(require_config());
 var import_util10 = __toESM(require_util());
 
 // build/processor.webRtcDuplex/fullscreen.js
-var import_jsx_runtime48 = __toESM(require_jsx_runtime());
-var import_react15 = __toESM(require_react());
+var import_jsx_runtime49 = __toESM(require_jsx_runtime());
+var import_react16 = __toESM(require_react());
 var import_webrtc_client2 = __toESM(require_webrtc_client());
 var DuplexWhepClient = class extends NorskWhepClient {
   showVideo;
@@ -95125,11 +95333,11 @@ var DuplexWhipClient = class extends import_webrtc_client2.WhipClient {
   }
 };
 function FullscreenView2({ state, config }) {
-  const [client, setClient] = (0, import_react15.useState)(void 0);
-  const [sender, setSender] = (0, import_react15.useState)(void 0);
-  const container = (0, import_react15.useRef)(null);
-  const button = (0, import_react15.useRef)(null);
-  const go = (0, import_react15.useCallback)(async () => {
+  const [client, setClient] = (0, import_react16.useState)(void 0);
+  const [sender, setSender] = (0, import_react16.useState)(void 0);
+  const container = (0, import_react16.useRef)(null);
+  const button = (0, import_react16.useRef)(null);
+  const go = (0, import_react16.useCallback)(async () => {
     if (!state.publishUrl)
       return;
     if (!client && state.outputUrl && container.current) {
@@ -95156,7 +95364,7 @@ function FullscreenView2({ state, config }) {
       }
     }
   }, [state.publishUrl, state.outputUrl, container, button, client, sender, config, state.videoAvailable]);
-  return (0, import_jsx_runtime48.jsxs)("div", { children: [(0, import_jsx_runtime48.jsx)("div", { id: "buttons", children: (0, import_jsx_runtime48.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_runtime48.jsx)("div", { id: "error" }), (0, import_jsx_runtime48.jsx)("div", { id: "container", ref: container, className: "p-4 absolute h-full w-full" })] });
+  return (0, import_jsx_runtime49.jsxs)("div", { children: [(0, import_jsx_runtime49.jsx)("div", { id: "buttons", children: (0, import_jsx_runtime49.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_runtime49.jsx)("div", { id: "error" }), (0, import_jsx_runtime49.jsx)("div", { id: "container", ref: container, className: "p-4 absolute h-full w-full" })] });
 }
 
 // build/processor.webRtcDuplex/info.js
@@ -95237,9 +95445,181 @@ function info_default38(R) {
   });
 }
 
+// build/processor.zoomTo/info.js
+var import_config10 = __toESM(require_config());
+function info_default39({ defineComponent, validation: { Z } }) {
+  return defineComponent({
+    identifier: "processor.zoomTo",
+    name: "Zoom To",
+    category: "processor",
+    description: "Crop and scale video with percentage or pixel-based zoom controls",
+    subscription: {
+      accepts: {
+        type: "simple-stream",
+        video: true
+      },
+      produces: {
+        type: "dynamic-streams",
+        streams: (_, input) => {
+          return input;
+        }
+      }
+    },
+    extraValidation: function(ctx) {
+      ctx.requireVideo(1);
+      const { offsetX, offsetY, width, height } = ctx.config;
+      if (offsetX + width > 100) {
+        ctx.addError("Crop region extends beyond right edge (offsetX + width > 100%)");
+      }
+      if (offsetY + height > 100) {
+        ctx.addError("Crop region extends beyond bottom edge (offsetY + height > 100%)");
+      }
+    },
+    display: (desc) => {
+      const { offsetX, offsetY, width, height } = desc.config;
+      return {
+        default: `${width}\xD7${height}% @ ${offsetX},${offsetY}%`
+      };
+    },
+    runtime: {
+      initialState: () => ({
+        currentOffsetX: 0,
+        currentOffsetY: 0,
+        currentWidth: 100,
+        currentHeight: 100,
+        targetOffsetX: 0,
+        targetOffsetY: 0,
+        targetWidth: 100,
+        targetHeight: 100,
+        transitioning: false,
+        hasInputVideo: false,
+        inputVideoResolution: void 0,
+        inputVideoFrameRate: void 0,
+        inputVideoAspectRatio: void 0
+      }),
+      handleEvent: (ev, state) => {
+        const evType = ev.type;
+        switch (evType) {
+          case "zoom-updated":
+            return {
+              ...state,
+              currentOffsetX: ev.currentOffsetX,
+              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":
+            return { ...state, transitioning: false };
+          case "input-video-changed":
+            return {
+              ...state,
+              hasInputVideo: ev.hasInputVideo,
+              inputVideoResolution: ev.inputVideoResolution,
+              inputVideoFrameRate: ev.inputVideoFrameRate,
+              inputVideoAspectRatio: ev.inputVideoAspectRatio
+            };
+          default:
+            assertUnreachable26(evType);
+        }
+      }
+    },
+    configForm: {
+      global: {
+        hardware: (0, import_config10.HardwareSelection)()
+      },
+      form: {
+        offsetX: {
+          help: "Horizontal offset of crop region as percentage (0-100)",
+          hint: {
+            type: "numeric",
+            validation: Z.number().min(0).max(100),
+            defaultValue: 0
+          }
+        },
+        offsetY: {
+          help: "Vertical offset of crop region as percentage (0-100)",
+          hint: {
+            type: "numeric",
+            validation: Z.number().min(0).max(100),
+            defaultValue: 0
+          }
+        },
+        width: {
+          help: "Width of crop region as percentage (1-100)",
+          hint: {
+            type: "numeric",
+            validation: Z.number().min(1).max(100),
+            defaultValue: 100
+          }
+        },
+        height: {
+          help: "Height of crop region as percentage (1-100)",
+          hint: {
+            type: "numeric",
+            validation: Z.number().min(1).max(100),
+            defaultValue: 100
+          }
+        },
+        outputResolution: {
+          help: "Output resolution (fixed after initialization)",
+          hint: {
+            type: "select",
+            defaultValue: { width: 1920, height: 1080 },
+            options: [
+              { value: { width: 1280, height: 720 }, display: "1280\xD7720 (HD)" },
+              { value: { width: 1920, height: 1080 }, display: "1920\xD71080 (Full HD)" },
+              { value: { width: 3840, height: 2160 }, display: "3840\xD72160 (4K)" },
+              { value: { width: 1920, height: 1200 }, display: "1920\xD71200 (WUXGA)" },
+              { value: { width: 2560, height: 1440 }, display: "2560\xD71440 (QHD)" }
+            ]
+          }
+        },
+        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: {
+            type: "text",
+            optional: true
+          }
+        }
+      }
+    }
+  });
+}
+function assertUnreachable26(_) {
+  throw new Error("Didn't expect to get here");
+}
+
 // build/util.stats.latency/inline-view.js
-var import_jsx_runtime49 = __toESM(require_jsx_runtime());
-var import_react16 = __toESM(require_react());
+var import_jsx_runtime50 = __toESM(require_jsx_runtime());
+var import_react17 = __toESM(require_react());
 
 // ../../node_modules/chart.js/auto/auto.js
 Chart.register(...registerables);
@@ -95247,8 +95627,8 @@ var auto_default = Chart;
 
 // build/util.stats.latency/inline-view.js
 function InlineView19({ state, config: _2 }) {
-  const chartContainer = (0, import_react16.useRef)(null);
-  const [chartControl, setChartControl] = (0, import_react16.useState)(void 0);
+  const chartContainer = (0, import_react17.useRef)(null);
+  const [chartControl, setChartControl] = (0, import_react17.useState)(void 0);
   function makeDataSet(key, color2, values) {
     return {
       label: key,
@@ -95259,13 +95639,13 @@ function InlineView19({ state, config: _2 }) {
       data: values
     };
   }
-  const makeData = (0, import_react16.useCallback)((state2) => {
+  const makeData = (0, import_react17.useCallback)((state2) => {
     return {
       labels: new Array(state2.values.length).fill(0).map((_, i) => i).map((_) => ""),
       datasets: [makeDataSet("latency", "rgba(255, 0, 0, 255)", state2.values)]
     };
   }, []);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!chartContainer.current)
       return;
     auto_default.defaults.color = "#FFF";
@@ -95303,24 +95683,24 @@ function InlineView19({ state, config: _2 }) {
       chart.update();
     }, 100);
   }, [chartContainer, makeData, state]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!chartControl)
       return;
     chartControl.data = makeData(state);
   }, [chartControl, makeData, state]);
-  return (0, import_jsx_runtime49.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime49.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) });
+  return (0, import_jsx_runtime50.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime50.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) });
 }
 var inline_view_default19 = InlineView19;
 
 // build/util.stats.latency/source-node-selection.js
-var import_jsx_runtime50 = __toESM(require_jsx_runtime());
+var import_jsx_runtime51 = __toESM(require_jsx_runtime());
 function SourceNodeSelection(props) {
-  return (0, import_jsx_runtime50.jsx)("div", { children: (0, import_jsx_runtime50.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, import_jsx_runtime50.jsx)("option", { value: "", children: "---" }, "empty"), Object.values(props.latestDocument.components).map((o, i) => {
+  return (0, import_jsx_runtime51.jsx)("div", { children: (0, import_jsx_runtime51.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, import_jsx_runtime51.jsx)("option", { value: "", children: "---" }, "empty"), Object.values(props.latestDocument.components).map((o, i) => {
     if (o.id == props.id)
-      return (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, {});
+      return (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, {});
     if (o.info.category === "output")
       return;
-    return (0, import_jsx_runtime50.jsx)("option", { value: o.id, children: o.config.displayName }, i);
+    return (0, import_jsx_runtime51.jsx)("option", { value: o.id, children: o.config.displayName }, i);
   })] }) });
   function myOnChange(e) {
     props.onChanged(e.target.value);
@@ -95330,7 +95710,7 @@ var source_node_selection_default = SourceNodeSelection;
 
 // build/util.stats.latency/info.js
 var import_FaClock = __toESM(require_FaClock());
-function info_default39(R) {
+function info_default40(R) {
   const { defineComponent } = R;
   return defineComponent({
     identifier: "util.stats.latency",
@@ -95360,7 +95740,7 @@ function info_default39(R) {
             break;
           }
           default:
-            assertUnreachable26(evType);
+            assertUnreachable27(evType);
         }
         return { ...state };
       },
@@ -95415,7 +95795,7 @@ function info_default39(R) {
     }
   });
 }
-function assertUnreachable26(_) {
+function assertUnreachable27(_) {
   throw new Error("Didn't expect to get here");
 }
 
@@ -95472,6 +95852,7 @@ AllComponents.push((r) => info_default36(r));
 AllComponents.push((r) => info_default37(r));
 AllComponents.push((r) => info_default38(r));
 AllComponents.push((r) => info_default39(r));
+AllComponents.push((r) => info_default40(r));
 export {
   getNodeInfo as default
 };