@norskvideo/norsk-studio-built-ins 1.27.0-2025-05-22-5168ed86 → 1.27.0-2025-05-27-5d82451c

package/client/info.js

@@ -346,7 +346,7 @@ var require_util = __commonJS({
     exports.getObjectByType = getObjectByType;
     exports.getObjectByPath = getObjectByPath;
     exports.displayNodeId = displayNodeId;
-    exports.assertUnreachable = assertUnreachable23;
+    exports.assertUnreachable = assertUnreachable24;
     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 assertUnreachable23(_) {
+    function assertUnreachable24(_) {
       throw new Error("Didn't expect to get here");
     }
     async function waitForCondition(condition, timeout, interval) {
@@ -47123,13 +47123,13 @@ var require_dist3 = __commonJS({
     });
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = 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_runtime44.jsx)(Context.Provider, { value, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Context.Provider, { value, children });
       };
       Provider.displayName = rootComponentName + "Provider";
       function useContext2(consumerName) {
@@ -47152,7 +47152,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_runtime44.jsx)(Context.Provider, { value, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Context.Provider, { value, children });
         };
         Provider.displayName = rootComponentName + "Provider";
         function useContext2(consumerName, scope) {
@@ -47320,7 +47320,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var Slot = React3.forwardRef((props, forwardedRef) => {
       const { children, ...slotProps } = props;
       const childrenArray = React3.Children.toArray(children);
@@ -47336,9 +47336,9 @@ var require_dist5 = __commonJS({
             return child;
           }
         });
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
     });
     Slot.displayName = "Slot";
     var SlotClone = React3.forwardRef((props, forwardedRef) => {
@@ -47355,7 +47355,7 @@ var require_dist5 = __commonJS({
     });
     SlotClone.displayName = "SlotClone";
     var Slottable = ({ children }) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children });
     };
     function isSlottable(child) {
       return React3.isValidElement(child) && child.type === Slottable;
@@ -47441,7 +47441,7 @@ var require_dist6 = __commonJS({
     var import_react_context = require_dist3();
     var import_react_compose_refs = require_dist4();
     var import_react_slot = require_dist5();
-    var import_jsx_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     function createCollection(name) {
       const PROVIDER_NAME = name + "CollectionProvider";
       const [createCollectionContext, createCollectionScope] = (0, import_react_context.createContextScope)(PROVIDER_NAME);
@@ -47453,7 +47453,7 @@ var require_dist6 = __commonJS({
         const { scope, children } = props;
         const ref = import_react12.default.useRef(null);
         const itemMap = import_react12.default.useRef(/* @__PURE__ */ new Map()).current;
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
       };
       CollectionProvider.displayName = PROVIDER_NAME;
       const COLLECTION_SLOT_NAME = name + "CollectionSlot";
@@ -47462,7 +47462,7 @@ var require_dist6 = __commonJS({
           const { scope, children } = props;
           const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
           const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, context.collectionRef);
-          return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_slot.Slot, { ref: composedRefs, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_slot.Slot, { ref: composedRefs, children });
         }
       );
       CollectionSlot.displayName = COLLECTION_SLOT_NAME;
@@ -47478,7 +47478,7 @@ var require_dist6 = __commonJS({
             context.itemMap.set(ref, { ref, ...itemData });
             return () => void context.itemMap.delete(ref);
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_slot.Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_slot.Slot, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
         }
       );
       CollectionItemSlot.displayName = ITEM_SLOT_NAME;
@@ -47545,11 +47545,11 @@ var require_dist7 = __commonJS({
     });
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var DirectionContext = React3.createContext(void 0);
     var DirectionProvider = (props) => {
       const { dir, children } = props;
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DirectionContext.Provider, { value: dir, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DirectionContext.Provider, { value: dir, children });
     };
     function useDirection(localDir) {
       const globalDir = React3.useContext(DirectionContext);
@@ -47600,7 +47600,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var NODES = [
       "a",
       "button",
@@ -47626,7 +47626,7 @@ var require_dist8 = __commonJS({
         if (typeof window !== "undefined") {
           window[Symbol.for("radix-ui")] = true;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
       });
       Node2.displayName = `Primitive.${node}`;
       return { ...primitive, [node]: Node2 };
@@ -47785,7 +47785,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var DISMISSABLE_LAYER_NAME = "DismissableLayer";
     var CONTEXT_UPDATE = "dismissableLayer.update";
     var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -47880,7 +47880,7 @@ var require_dist11 = __commonJS({
           document.addEventListener(CONTEXT_UPDATE, handleUpdate);
           return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           import_react_primitive.Primitive.div,
           {
             ...layerProps,
@@ -47914,7 +47914,7 @@ var require_dist11 = __commonJS({
           };
         }
       }, [context.branches]);
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
     });
     DismissableLayerBranch.displayName = BRANCH_NAME;
     function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -48116,7 +48116,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
     var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
     var EVENT_OPTIONS = { bubbles: false, cancelable: true };
@@ -48246,7 +48246,7 @@ var require_dist13 = __commonJS({
         },
         [loop, trapped, focusScope.paused]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
     });
     FocusScope.displayName = FOCUS_SCOPE_NAME;
     function focusFirst(candidates, { select = false } = {}) {
@@ -50606,11 +50606,11 @@ var require_dist16 = __commonJS({
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
     var import_react_primitive = require_dist8();
-    var import_jsx_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = 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_runtime44.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         import_react_primitive.Primitive.svg,
         {
           ...arrowProps,
@@ -50619,7 +50619,7 @@ var require_dist16 = __commonJS({
           height,
           viewBox: "0 0 30 10",
           preserveAspectRatio: "none",
-          children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("polygon", { points: "0,0 30,0 15,10" })
+          children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("polygon", { points: "0,0 30,0 15,10" })
         }
       );
     });
@@ -50759,7 +50759,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var SIDE_OPTIONS = ["top", "right", "bottom", "left"];
     var ALIGN_OPTIONS = ["start", "center", "end"];
     var POPPER_NAME = "Popper";
@@ -50768,7 +50768,7 @@ var require_dist18 = __commonJS({
     var Popper = (props) => {
       const { __scopePopper, children } = props;
       const [anchor, setAnchor] = React3.useState(null);
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
     };
     Popper.displayName = POPPER_NAME;
     var ANCHOR_NAME = "PopperAnchor";
@@ -50781,7 +50781,7 @@ var require_dist18 = __commonJS({
         React3.useEffect(() => {
           context.onAnchorChange(virtualRef?.current || ref.current);
         });
-        return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_primitive.Primitive.div, { ...anchorProps, ref: composedRefs });
+        return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.div, { ...anchorProps, ref: composedRefs });
       }
     );
     PopperAnchor.displayName = ANCHOR_NAME;
@@ -50875,7 +50875,7 @@ var require_dist18 = __commonJS({
           if (content)
             setContentZIndex(window.getComputedStyle(content).zIndex);
         }, [content]);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "div",
           {
             ref: refs.setFloating,
@@ -50899,7 +50899,7 @@ var require_dist18 = __commonJS({
               }
             },
             dir: props.dir,
-            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               PopperContentProvider,
               {
                 scope: __scopePopper,
@@ -50908,7 +50908,7 @@ var require_dist18 = __commonJS({
                 arrowX,
                 arrowY,
                 shouldHideArrow: cannotCenterArrow,
-                children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                   import_react_primitive.Primitive.div,
                   {
                     "data-side": placedSide,
@@ -50945,7 +50945,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_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "span",
           {
             ref: contentContext.onArrowChange,
@@ -50968,7 +50968,7 @@ var require_dist18 = __commonJS({
               }[contentContext.placedSide],
               visibility: contentContext.shouldHideArrow ? "hidden" : void 0
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               ArrowPrimitive.Root,
               {
                 ...arrowProps,
@@ -51072,14 +51072,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = 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_runtime44.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -51257,11 +51257,11 @@ var require_dist22 = __commonJS({
     module.exports = __toCommonJS2(src_exports);
     var React3 = __toESM2(require_react());
     var import_react_primitive = require_dist8();
-    var import_jsx_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var NAME = "VisuallyHidden";
     var VisuallyHidden = React3.forwardRef(
       (props, forwardedRef) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           import_react_primitive.Primitive.span,
           {
             ...props,
@@ -53420,7 +53420,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
     var SELECTION_KEYS = [" ", "Enter"];
     var SELECT_NAME = "Select";
@@ -53468,7 +53468,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_runtime44.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
         SelectProvider,
         {
           required,
@@ -53488,7 +53488,7 @@ var require_dist23 = __commonJS({
           triggerPointerDownPosRef,
           disabled,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               SelectNativeOptionsProvider,
               {
                 scope: props.__scopeSelect,
@@ -53505,7 +53505,7 @@ var require_dist23 = __commonJS({
                 children
               }
             ) }),
-            isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+            isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
               BubbleSelect,
               {
                 "aria-hidden": true,
@@ -53518,7 +53518,7 @@ var require_dist23 = __commonJS({
                 disabled,
                 form,
                 children: [
-                  value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("option", { value: "" }) : null,
+                  value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("option", { value: "" }) : null,
                   Array.from(nativeOptionsSet)
                 ]
               },
@@ -53559,7 +53559,7 @@ var require_dist23 = __commonJS({
             };
           }
         };
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -53620,13 +53620,13 @@ var require_dist23 = __commonJS({
         (0, import_react_use_layout_effect.useLayoutEffect)(() => {
           onValueNodeHasChildrenChange(hasChildren);
         }, [onValueNodeHasChildrenChange, hasChildren]);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           import_react_primitive.Primitive.span,
           {
             ...valueProps,
             ref: composedRefs,
             style: { pointerEvents: "none" },
-            children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: placeholder }) : children
+            children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: placeholder }) : children
           }
         );
       }
@@ -53636,13 +53636,13 @@ var require_dist23 = __commonJS({
     var SelectIcon = React3.forwardRef(
       (props, forwardedRef) => {
         const { __scopeSelect, children, ...iconProps } = props;
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime44.jsx)(import_react_portal.Portal, { asChild: true, ...props });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_portal.Portal, { asChild: true, ...props });
     };
     SelectPortal.displayName = PORTAL_NAME;
     var CONTENT_NAME = "SelectContent";
@@ -53656,11 +53656,11 @@ var require_dist23 = __commonJS({
         if (!context.open) {
           const frag = fragment;
           return frag ? ReactDOM2.createPortal(
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { children: props.children }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { children: props.children }) }) }),
             frag
           ) : null;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
       }
     );
     SelectContent.displayName = CONTENT_NAME;
@@ -53819,7 +53819,7 @@ var require_dist23 = __commonJS({
           hideWhenDetached,
           avoidCollisions
         } : {};
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           SelectContentProvider,
           {
             scope: __scopeSelect,
@@ -53835,7 +53835,7 @@ var require_dist23 = __commonJS({
             position,
             isPositioned,
             searchRef,
-            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               import_react_focus_scope.FocusScope,
               {
                 asChild: true,
@@ -53847,7 +53847,7 @@ var require_dist23 = __commonJS({
                   context.trigger?.focus({ preventScroll: true });
                   event.preventDefault();
                 }),
-                children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                   import_react_dismissable_layer.DismissableLayer,
                   {
                     asChild: true,
@@ -53856,7 +53856,7 @@ var require_dist23 = __commonJS({
                     onPointerDownOutside,
                     onFocusOutside: (event) => event.preventDefault(),
                     onDismiss: () => context.onOpenChange(false),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                       SelectPosition,
                       {
                         role: "listbox",
@@ -54035,14 +54035,14 @@ var require_dist23 = __commonJS({
         },
         [position, focusSelectedItem]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         SelectViewportProvider,
         {
           scope: __scopeSelect,
           contentWrapper,
           shouldExpandOnScrollRef,
           onScrollButtonChange: handleScrollButtonChange,
-          children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "div",
             {
               ref: setContentWrapper,
@@ -54052,7 +54052,7 @@ var require_dist23 = __commonJS({
                 position: "fixed",
                 zIndex: contentZIndex
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                 import_react_primitive.Primitive.div,
                 {
                   ...popperProps,
@@ -54082,7 +54082,7 @@ var require_dist23 = __commonJS({
         ...popperProps
       } = props;
       const popperScope = usePopperScope(__scopeSelect);
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         PopperPrimitive.Content,
         {
           ...popperScope,
@@ -54116,8 +54116,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_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "style",
             {
               dangerouslySetInnerHTML: {
@@ -54126,7 +54126,7 @@ var require_dist23 = __commonJS({
               nonce
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             import_react_primitive.Primitive.div,
             {
               "data-radix-select-viewport": "",
@@ -54182,7 +54182,7 @@ var require_dist23 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeSelect, ...groupProps } = props;
         const groupId = (0, import_react_id.useId)();
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_primitive.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
       }
     );
     SelectGroup.displayName = GROUP_NAME;
@@ -54191,7 +54191,7 @@ var require_dist23 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeSelect, ...labelProps } = props;
         const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_primitive.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
       }
     );
     SelectLabel.displayName = LABEL_NAME;
@@ -54228,7 +54228,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_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           SelectItemContextProvider,
           {
             scope: __scopeSelect,
@@ -54239,14 +54239,14 @@ var require_dist23 = __commonJS({
             onItemTextChange: React3.useCallback((node) => {
               setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
             }, []),
-            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               Collection.ItemSlot,
               {
                 scope: __scopeSelect,
                 value,
                 disabled,
                 textValue,
-                children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                   import_react_primitive.Primitive.div,
                   {
                     role: "option",
@@ -54320,7 +54320,7 @@ var require_dist23 = __commonJS({
         );
         const textContent = itemTextNode?.textContent;
         const nativeOption = React3.useMemo(
-          () => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
+          () => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
           [itemContext.disabled, itemContext.value, textContent]
         );
         const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
@@ -54328,8 +54328,8 @@ var require_dist23 = __commonJS({
           onNativeOptionAdd(nativeOption);
           return () => onNativeOptionRemove(nativeOption);
         }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_primitive.Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.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
         ] });
       }
@@ -54340,7 +54340,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_runtime44.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+        return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
       }
     );
     SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
@@ -54363,7 +54363,7 @@ var require_dist23 = __commonJS({
           return () => viewport.removeEventListener("scroll", handleScroll2);
         }
       }, [contentContext.viewport, contentContext.isPositioned]);
-      return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         SelectScrollButtonImpl,
         {
           ...props,
@@ -54398,7 +54398,7 @@ var require_dist23 = __commonJS({
           return () => viewport.removeEventListener("scroll", handleScroll2);
         }
       }, [contentContext.viewport, contentContext.isPositioned]);
-      return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         SelectScrollButtonImpl,
         {
           ...props,
@@ -54431,7 +54431,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_runtime44.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         import_react_primitive.Primitive.div,
         {
           "aria-hidden": true,
@@ -54459,7 +54459,7 @@ var require_dist23 = __commonJS({
     var SelectSeparator = React3.forwardRef(
       (props, forwardedRef) => {
         const { __scopeSelect, ...separatorProps } = props;
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_primitive.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
       }
     );
     SelectSeparator.displayName = SEPARATOR_NAME;
@@ -54470,7 +54470,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_runtime44.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+        return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
       }
     );
     SelectArrow.displayName = ARROW_NAME;
@@ -54497,7 +54497,7 @@ var require_dist23 = __commonJS({
             select.dispatchEvent(event);
           }
         }, [prevValue, value]);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_visually_hidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_visually_hidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("select", { ...selectProps, ref: composedRefs, defaultValue: value }) });
       }
     );
     BubbleSelect.displayName = "BubbleSelect";
@@ -54881,7 +54881,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var POPOVER_NAME = "Popover";
     var [createPopoverContext, createPopoverScope] = (0, import_react_context.createContextScope)(POPOVER_NAME, [
       import_react_popper.createPopperScope
@@ -54905,7 +54905,7 @@ var require_dist25 = __commonJS({
         defaultProp: defaultOpen,
         onChange: onOpenChange
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         PopoverProvider,
         {
           scope: __scopePopover,
@@ -54934,7 +54934,7 @@ var require_dist25 = __commonJS({
           onCustomAnchorAdd();
           return () => onCustomAnchorRemove();
         }, [onCustomAnchorAdd, onCustomAnchorRemove]);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopperPrimitive.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopperPrimitive.Anchor, { ...popperScope, ...anchorProps, ref: forwardedRef });
       }
     );
     PopoverAnchor.displayName = ANCHOR_NAME;
@@ -54945,7 +54945,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_runtime44.jsx)(
+        const trigger = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -54958,7 +54958,7 @@ var require_dist25 = __commonJS({
             onClick: (0, import_primitive.composeEventHandlers)(props.onClick, context.onOpenToggle)
           }
         );
-        return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: trigger });
+        return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: trigger });
       }
     );
     PopoverTrigger.displayName = TRIGGER_NAME;
@@ -54969,7 +54969,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_runtime44.jsx)(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_portal.Portal, { asChild: true, container, children }) }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_portal.Portal, { asChild: true, container, children }) }) });
     };
     PopoverPortal.displayName = PORTAL_NAME;
     var CONTENT_NAME = "PopoverContent";
@@ -54978,7 +54978,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_runtime44.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
       }
     );
     PopoverContent.displayName = CONTENT_NAME;
@@ -54993,7 +54993,7 @@ var require_dist25 = __commonJS({
           if (content)
             return (0, import_aria_hidden.hideOthers)(content);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           PopoverContentImpl,
           {
             ...props,
@@ -55029,7 +55029,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_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           PopoverContentImpl,
           {
             ...props,
@@ -55083,7 +55083,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_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           import_react_focus_scope.FocusScope,
           {
             asChild: true,
@@ -55091,7 +55091,7 @@ var require_dist25 = __commonJS({
             trapped: trapFocus,
             onMountAutoFocus: onOpenAutoFocus,
             onUnmountAutoFocus: onCloseAutoFocus,
-            children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               import_react_dismissable_layer.DismissableLayer,
               {
                 asChild: true,
@@ -55101,7 +55101,7 @@ var require_dist25 = __commonJS({
                 onPointerDownOutside,
                 onFocusOutside,
                 onDismiss: () => context.onOpenChange(false),
-                children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                   PopperPrimitive.Content,
                   {
                     "data-state": getState(context.open),
@@ -55134,7 +55134,7 @@ var require_dist25 = __commonJS({
       (props, forwardedRef) => {
         const { __scopePopover, ...closeProps } = props;
         const context = usePopoverContext(CLOSE_NAME, __scopePopover);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -55151,7 +55151,7 @@ var require_dist25 = __commonJS({
       (props, forwardedRef) => {
         const { __scopePopover, ...arrowProps } = props;
         const popperScope = usePopperScope(__scopePopover);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef });
       }
     );
     PopoverArrow.displayName = ARROW_NAME;
@@ -55377,13 +55377,13 @@ var require_dist28 = __commonJS({
     });
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = 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_runtime44.jsx)(Context.Provider, { value, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Context.Provider, { value, children });
       };
       Provider.displayName = rootComponentName + "Provider";
       function useContext2(consumerName) {
@@ -55406,7 +55406,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_runtime44.jsx)(Context.Provider, { value, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Context.Provider, { value, children });
         };
         Provider.displayName = rootComponentName + "Provider";
         function useContext2(consumerName, scope) {
@@ -55865,7 +55865,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     // @__NO_SIDE_EFFECTS__
     function createSlot(ownerName) {
       const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -55884,9 +55884,9 @@ var require_dist34 = __commonJS({
               return child;
             }
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+          return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
       });
       Slot2.displayName = `${ownerName}.Slot`;
       return Slot2;
@@ -55913,7 +55913,7 @@ var require_dist34 = __commonJS({
     // @__NO_SIDE_EFFECTS__
     function createSlottable(ownerName) {
       const Slottable2 = ({ children }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children });
       };
       Slottable2.displayName = `${ownerName}.Slottable`;
       Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -56003,7 +56003,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var NODES = [
       "a",
       "button",
@@ -56031,7 +56031,7 @@ var require_dist35 = __commonJS({
         if (typeof window !== "undefined") {
           window[Symbol.for("radix-ui")] = true;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
       });
       Node2.displayName = `Primitive.${node}`;
       return { ...primitive, [node]: Node2 };
@@ -56190,7 +56190,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var DISMISSABLE_LAYER_NAME = "DismissableLayer";
     var CONTEXT_UPDATE = "dismissableLayer.update";
     var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -56285,7 +56285,7 @@ var require_dist38 = __commonJS({
           document.addEventListener(CONTEXT_UPDATE, handleUpdate);
           return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           import_react_primitive.Primitive.div,
           {
             ...layerProps,
@@ -56319,7 +56319,7 @@ var require_dist38 = __commonJS({
           };
         }
       }, [context.branches]);
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
     });
     DismissableLayerBranch.displayName = BRANCH_NAME;
     function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -56448,7 +56448,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
     var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
     var EVENT_OPTIONS = { bubbles: false, cancelable: true };
@@ -56578,7 +56578,7 @@ var require_dist39 = __commonJS({
         },
         [loop, trapped, focusScope.paused]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
     });
     FocusScope.displayName = FOCUS_SCOPE_NAME;
     function focusFirst(candidates, { select = false } = {}) {
@@ -56713,14 +56713,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = 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_runtime44.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -57037,7 +57037,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var DIALOG_NAME = "Dialog";
     var [createDialogContext, createDialogScope] = (0, import_react_context.createContextScope)(DIALOG_NAME);
     var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
@@ -57058,7 +57058,7 @@ var require_dist43 = __commonJS({
         onChange: onOpenChange,
         caller: DIALOG_NAME
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         DialogProvider,
         {
           scope: __scopeDialog,
@@ -57082,7 +57082,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_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -57105,7 +57105,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_runtime44.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
     };
     DialogPortal.displayName = PORTAL_NAME;
     var OVERLAY_NAME = "DialogOverlay";
@@ -57114,7 +57114,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_runtime44.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
+        return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
       }
     );
     DialogOverlay.displayName = OVERLAY_NAME;
@@ -57126,7 +57126,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_runtime44.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             import_react_primitive.Primitive.div,
             {
               "data-state": getState(context.open),
@@ -57144,7 +57144,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_runtime44.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
       }
     );
     DialogContent.displayName = CONTENT_NAME;
@@ -57158,7 +57158,7 @@ var require_dist43 = __commonJS({
           if (content)
             return (0, import_aria_hidden.hideOthers)(content);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -57189,7 +57189,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_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -57233,8 +57233,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_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             import_react_focus_scope.FocusScope,
             {
               asChild: true,
@@ -57242,7 +57242,7 @@ var require_dist43 = __commonJS({
               trapped: trapFocus,
               onMountAutoFocus: onOpenAutoFocus,
               onUnmountAutoFocus: onCloseAutoFocus,
-              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                 import_react_dismissable_layer.DismissableLayer,
                 {
                   role: "dialog",
@@ -57257,9 +57257,9 @@ var require_dist43 = __commonJS({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TitleWarning, { titleId: context.titleId }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TitleWarning, { titleId: context.titleId }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
           ] })
         ] });
       }
@@ -57269,7 +57269,7 @@ var require_dist43 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...titleProps } = props;
         const context = useDialogContext(TITLE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
       }
     );
     DialogTitle.displayName = TITLE_NAME;
@@ -57278,7 +57278,7 @@ var require_dist43 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...descriptionProps } = props;
         const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
       }
     );
     DialogDescription.displayName = DESCRIPTION_NAME;
@@ -57287,7 +57287,7 @@ var require_dist43 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...closeProps } = props;
         const context = useDialogContext(CLOSE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -57887,13 +57887,13 @@ var require_dist47 = __commonJS({
     });
     module.exports = __toCommonJS2(index_exports);
     var React3 = __toESM2(require_react());
-    var import_jsx_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = 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_runtime44.jsx)(Context.Provider, { value, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Context.Provider, { value, children });
       };
       Provider.displayName = rootComponentName + "Provider";
       function useContext2(consumerName) {
@@ -57916,7 +57916,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_runtime44.jsx)(Context.Provider, { value, children });
+          return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Context.Provider, { value, children });
         };
         Provider.displayName = rootComponentName + "Provider";
         function useContext2(consumerName, scope) {
@@ -58390,7 +58390,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     // @__NO_SIDE_EFFECTS__
     function createSlot(ownerName) {
       const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -58409,9 +58409,9 @@ var require_dist53 = __commonJS({
               return child;
             }
           });
-          return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
+          return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
       });
       Slot2.displayName = `${ownerName}.Slot`;
       return Slot2;
@@ -58439,7 +58439,7 @@ var require_dist53 = __commonJS({
     // @__NO_SIDE_EFFECTS__
     function createSlottable(ownerName) {
       const Slottable2 = ({ children }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children });
       };
       Slottable2.displayName = `${ownerName}.Slottable`;
       Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -58530,7 +58530,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var NODES = [
       "a",
       "button",
@@ -58558,7 +58558,7 @@ var require_dist54 = __commonJS({
         if (typeof window !== "undefined") {
           window[Symbol.for("radix-ui")] = true;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
       });
       Node2.displayName = `Primitive.${node}`;
       return { ...primitive, [node]: Node2 };
@@ -58717,7 +58717,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var DISMISSABLE_LAYER_NAME = "DismissableLayer";
     var CONTEXT_UPDATE = "dismissableLayer.update";
     var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
@@ -58812,7 +58812,7 @@ var require_dist57 = __commonJS({
           document.addEventListener(CONTEXT_UPDATE, handleUpdate);
           return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           import_react_primitive.Primitive.div,
           {
             ...layerProps,
@@ -58846,7 +58846,7 @@ var require_dist57 = __commonJS({
           };
         }
       }, [context.branches]);
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.div, { ...props, ref: composedRefs });
     });
     DismissableLayerBranch.displayName = BRANCH_NAME;
     function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
@@ -59022,7 +59022,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
     var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
     var EVENT_OPTIONS = { bubbles: false, cancelable: true };
@@ -59152,7 +59152,7 @@ var require_dist59 = __commonJS({
         },
         [loop, trapped, focusScope.paused]
       );
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
     });
     FocusScope.displayName = FOCUS_SCOPE_NAME;
     function focusFirst(candidates, { select = false } = {}) {
@@ -59329,14 +59329,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = 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_runtime44.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+      return container ? import_react_dom.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
     });
     Portal.displayName = PORTAL_NAME;
     var Root = Portal;
@@ -59695,7 +59695,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_runtime44 = require_jsx_runtime();
+    var import_jsx_runtime45 = require_jsx_runtime();
     var DIALOG_NAME = "Dialog";
     var [createDialogContext, createDialogScope] = (0, import_react_context.createContextScope)(DIALOG_NAME);
     var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
@@ -59716,7 +59716,7 @@ var require_dist65 = __commonJS({
         onChange: onOpenChange,
         caller: DIALOG_NAME
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         DialogProvider,
         {
           scope: __scopeDialog,
@@ -59740,7 +59740,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_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -59763,7 +59763,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_runtime44.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
+      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_portal.Portal, { asChild: true, container, children: child }) })) });
     };
     DialogPortal.displayName = PORTAL_NAME;
     var OVERLAY_NAME = "DialogOverlay";
@@ -59772,7 +59772,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_runtime44.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
+        return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
       }
     );
     DialogOverlay.displayName = OVERLAY_NAME;
@@ -59784,7 +59784,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_runtime44.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_remove_scroll.RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             import_react_primitive.Primitive.div,
             {
               "data-state": getState(context.open),
@@ -59802,7 +59802,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_runtime44.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
       }
     );
     DialogContent.displayName = CONTENT_NAME;
@@ -59816,7 +59816,7 @@ var require_dist65 = __commonJS({
           if (content)
             return (0, import_aria_hidden.hideOthers)(content);
         }, []);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -59847,7 +59847,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_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           DialogContentImpl,
           {
             ...props,
@@ -59891,8 +59891,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_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             import_react_focus_scope.FocusScope,
             {
               asChild: true,
@@ -59900,7 +59900,7 @@ var require_dist65 = __commonJS({
               trapped: trapFocus,
               onMountAutoFocus: onOpenAutoFocus,
               onUnmountAutoFocus: onCloseAutoFocus,
-              children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                 import_react_dismissable_layer.DismissableLayer,
                 {
                   role: "dialog",
@@ -59915,9 +59915,9 @@ var require_dist65 = __commonJS({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TitleWarning, { titleId: context.titleId }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TitleWarning, { titleId: context.titleId }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
           ] })
         ] });
       }
@@ -59927,7 +59927,7 @@ var require_dist65 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...titleProps } = props;
         const context = useDialogContext(TITLE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
       }
     );
     DialogTitle.displayName = TITLE_NAME;
@@ -59936,7 +59936,7 @@ var require_dist65 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...descriptionProps } = props;
         const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_primitive.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
       }
     );
     DialogDescription.displayName = DESCRIPTION_NAME;
@@ -59945,7 +59945,7 @@ var require_dist65 = __commonJS({
       (props, forwardedRef) => {
         const { __scopeDialog, ...closeProps } = props;
         const context = useDialogContext(CLOSE_NAME, __scopeDialog);
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           import_react_primitive.Primitive.button,
           {
             type: "button",
@@ -70025,22 +70025,22 @@ var require_FaLayerGroup = __commonJS({
   }
 });
 
-// ../../node_modules/@react-icons/all-files/fa/FaPlayCircle.js
-var require_FaPlayCircle = __commonJS({
-  "../../node_modules/@react-icons/all-files/fa/FaPlayCircle.js"(exports, module) {
+// ../../node_modules/@react-icons/all-files/fa/FaImage.js
+var require_FaImage = __commonJS({
+  "../../node_modules/@react-icons/all-files/fa/FaImage.js"(exports, module) {
     var GenIcon = require_cjs().GenIcon;
-    module.exports.FaPlayCircle = function FaPlayCircle2(props) {
-      return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 512 512" }, "child": [{ "tag": "path", "attr": { "d": "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z" } }] })(props);
+    module.exports.FaImage = function FaImage3(props) {
+      return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 512 512" }, "child": [{ "tag": "path", "attr": { "d": "M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z" } }] })(props);
     };
   }
 });
 
-// ../../node_modules/@react-icons/all-files/fa/FaImage.js
-var require_FaImage = __commonJS({
-  "../../node_modules/@react-icons/all-files/fa/FaImage.js"(exports, module) {
+// ../../node_modules/@react-icons/all-files/fa/FaPlayCircle.js
+var require_FaPlayCircle = __commonJS({
+  "../../node_modules/@react-icons/all-files/fa/FaPlayCircle.js"(exports, module) {
     var GenIcon = require_cjs().GenIcon;
-    module.exports.FaImage = function FaImage2(props) {
-      return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 512 512" }, "child": [{ "tag": "path", "attr": { "d": "M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z" } }] })(props);
+    module.exports.FaPlayCircle = function FaPlayCircle2(props) {
+      return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 512 512" }, "child": [{ "tag": "path", "attr": { "d": "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z" } }] })(props);
     };
   }
 });
@@ -92964,9 +92964,94 @@ function assertUnreachable17(_) {
   throw new Error("Didn't expect to get here");
 }
 
+// build/processor.gate/info.js
+var import_FaImage = __toESM(require_FaImage());
+
+// build/processor.gate/inline-view.js
+var import_jsx_runtime36 = __toESM(require_jsx_runtime());
+function InlineView13({ state, config, sendCommand }) {
+  function onStatusChanged(selected) {
+    if (selected) {
+      sendCommand({ type: "open" });
+    } else {
+      sendCommand({ type: "close" });
+    }
+  }
+  return (0, import_jsx_runtime36.jsx)("div", { id: `browser-overlay-${config.id}`, children: (0, import_jsx_runtime36.jsxs)("div", { className: "w-64 grid grid-cols-[min-content,1fr] gap-2", children: [(0, import_jsx_runtime36.jsx)("div", { children: state.status == "open" ? "Open" : "Closed" }), (0, import_jsx_runtime36.jsx)("div", { children: (0, import_jsx_runtime36.jsxs)("label", { className: "inline-flex items-center cursor-pointer", children: [(0, import_jsx_runtime36.jsx)("input", { type: "checkbox", checked: state.status == "open", onChange: (e) => onStatusChanged(e.target.checked), className: "sr-only peer" }), (0, import_jsx_runtime36.jsx)("div", { className: "relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" })] }) })] }) });
+}
+var inline_view_default13 = InlineView13;
+
+// build/processor.gate/info.js
+function info_default27({ defineComponent, All }) {
+  return defineComponent({
+    identifier: "processor.gate",
+    category: "processor",
+    name: "Gate",
+    description: "Can be used to disable/enable parts of a workflow by acting as a gate for all subscribed streams",
+    icon: import_FaImage.FaImage,
+    subscription: {
+      accepts: {
+        type: "dynamic-streams",
+        mode: "any",
+        makeProgram: false,
+        streams: () => {
+          return All.map((m) => ({ media: m }));
+        }
+      },
+      produces: {
+        type: "dynamic-streams",
+        streams: (_, i) => {
+          return i.map((i2) => ({
+            ...i2
+          }));
+        }
+      }
+    },
+    display: (desc) => {
+      return {
+        initalStatus: desc.config.initialStatus
+      };
+    },
+    runtime: {
+      inline: inline_view_default13,
+      initialState: () => ({
+        status: "closed"
+      }),
+      handleEvent: (ev, state) => {
+        const evType = ev.type;
+        switch (evType) {
+          case "status-changed":
+            return { ...state, status: ev.status };
+          default:
+            assertUnreachable18(evType);
+        }
+      }
+    },
+    configForm: {
+      form: {
+        initialStatus: {
+          help: "The initial state of this gate on start-up",
+          hint: {
+            type: "select",
+            optional: true,
+            options: [
+              { value: "closed", display: "Closed" },
+              { value: "open", display: "Open" }
+            ]
+          }
+        },
+        notes: { help: "Notes about this component", hint: { type: "text", optional: true } }
+      }
+    }
+  });
+}
+function assertUnreachable18(_) {
+  throw new Error("Didn't expect to get here");
+}
+
 // build/processor.makeProgram/info.js
 var import_FaPlayCircle = __toESM(require_FaPlayCircle());
-function info_default27({ defineComponent, All, validation: { Z } }) {
+function info_default28({ defineComponent, All, validation: { Z } }) {
   return defineComponent({
     identifier: "processor.makeProgram",
     category: "processor",
@@ -93083,7 +93168,7 @@ function getStreamKeyMapping(componentId, rows, columns) {
     audioStreamKeys
   };
 }
-function info_default28({ defineComponent, validation: { Z } }) {
+function info_default29({ defineComponent, validation: { Z } }) {
   return defineComponent({
     identifier: "processor.multiview",
     name: "Multiview",
@@ -93186,7 +93271,7 @@ function info_default28({ defineComponent, validation: { Z } }) {
 var import_config6 = __toESM(require_config());
 
 // build/processor.onscreenGraphic/image-selection.js
-var import_jsx_runtime36 = __toESM(require_jsx_runtime());
+var import_jsx_runtime37 = __toESM(require_jsx_runtime());
 var import_react7 = __toESM(require_react());
 function GraphicSelection(props) {
   const [loading, setLoading] = (0, import_react7.useState)(true);
@@ -93210,13 +93295,13 @@ function GraphicSelection(props) {
   }, [props.urls?.staticUrl?.toString()]);
   const [graphcs, setGraphics] = (0, import_react7.useState)([]);
   if (loading) {
-    return (0, import_jsx_runtime36.jsx)("div", { children: "Loading.." });
+    return (0, import_jsx_runtime37.jsx)("div", { children: "Loading.." });
   }
   if (graphcs.length == 0) {
-    return (0, import_jsx_runtime36.jsx)("div", { children: "No graphics loaded" });
+    return (0, import_jsx_runtime37.jsx)("div", { children: "No graphics loaded" });
   }
-  return (0, import_jsx_runtime36.jsx)("div", { children: (0, import_jsx_runtime36.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, import_jsx_runtime36.jsx)("option", { value: "", children: "---" }, "empty"), graphcs.map((o, i) => {
-    return (0, import_jsx_runtime36.jsx)("option", { value: o, children: o }, i);
+  return (0, import_jsx_runtime37.jsx)("div", { children: (0, import_jsx_runtime37.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, import_jsx_runtime37.jsx)("option", { value: "", children: "---" }, "empty"), graphcs.map((o, i) => {
+    return (0, import_jsx_runtime37.jsx)("option", { value: o, children: o }, i);
   })] }) });
   function myOnChange(e) {
     props.onChanged(e.target.value);
@@ -93225,7 +93310,7 @@ function GraphicSelection(props) {
 var image_selection_default = GraphicSelection;
 
 // build/processor.onscreenGraphic/summary-view.js
-var import_jsx_runtime37 = __toESM(require_jsx_runtime());
+var import_jsx_runtime38 = __toESM(require_jsx_runtime());
 var import_react8 = __toESM(require_react());
 function SummaryView9({ state, sendCommand, urls }) {
   const [graphic, setGraphic] = (0, import_react8.useState)(state.activeGraphic?.file);
@@ -93362,7 +93447,7 @@ function SummaryView9({ state, sendCommand, urls }) {
   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";
   const deleteButtonClass = "mt-2 text-white w-full justify-center bg-red-600 hover:bg-red-700 focus:ring-4 focus:outline-none focus:ring-red-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-red-700 dark:hover:bg-red-800 dark:focus:ring-red-900";
   const fileInputClass = "block w-full text-gray-900 border border-gray-300 rounded-lg cursor-pointer bg-gray-50 dark:text-gray-400 focus:outline-none dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400";
-  return (0, import_jsx_runtime37.jsxs)("div", { className: "space-y-3", children: [(0, import_jsx_runtime37.jsx)("h2", { className: "text-xl font-bold text-gray-900 dark:text-white", children: "Controls" }), (0, import_jsx_runtime37.jsxs)("div", { children: [(0, import_jsx_runtime37.jsx)("label", { htmlFor: "select-graphic", className: "block text-gray-900 dark:text-white mb-1", children: "Source" }), (0, import_jsx_runtime37.jsxs)("select", { id: "select-graphic", className: "w-full node-editor-select-input", value: graphic || "", onChange: (e) => setGraphic(e.target.value || void 0), children: [(0, import_jsx_runtime37.jsx)("option", { value: "", children: "---" }), graphics.map((s) => (0, import_jsx_runtime37.jsx)("option", { value: s, children: s }, s))] })] }), graphic && (0, import_jsx_runtime37.jsxs)("div", { children: [(0, import_jsx_runtime37.jsx)("label", { htmlFor: "select-position", className: "block text-gray-900 dark:text-white mb-1", children: "Graphic position" }), (0, import_jsx_runtime37.jsx)(PositionSelector, { initialPosition: position, onChange: setPosition, graphicChanged, ...state })] }), (0, import_jsx_runtime37.jsx)("button", { type: "button", className: `${buttonClass} ${!stateChanged ? "opacity-50 cursor-not-allowed" : ""}`, onClick: () => sendCommand({ type: "change-graphic", file: graphic, position }), disabled: !stateChanged, children: "Commit" }), !showFileInput && !uploadStatus.success && (0, import_jsx_runtime37.jsx)("button", { type: "button", className: buttonClass, onClick: () => setShowFileInput(true), style: { marginBottom: "1rem" }, children: "Upload Graphic" }), showFileInput && (0, import_jsx_runtime37.jsxs)("form", { style: { display: "block", marginBottom: "1rem" }, children: [(0, import_jsx_runtime37.jsx)("input", { type: "file", id: "file", name: "filename", onChange: onFileChange, className: fileInputClass }), showUploadButton && (0, import_jsx_runtime37.jsx)("button", { type: "button", className: buttonClass, onClick: uploadFile, children: "Upload" })] }), (0, import_jsx_runtime37.jsx)("button", { type: "button", className: deleteButtonClass, onClick: () => setShowDeleteDropdown(!showDeleteDropdown), style: { marginBottom: "1rem" }, children: showDeleteDropdown ? "Hide Delete Options" : "Delete Graphics" }), showDeleteDropdown && (0, import_jsx_runtime37.jsxs)("div", { className: "mt-2 p-2 bg-gray-100 dark:bg-gray-800 rounded-lg", children: [(0, import_jsx_runtime37.jsx)("h3", { className: "text-lg font-semibold mb-2 text-gray-900 dark:text-white", children: "Select Graphic to Delete" }), (0, import_jsx_runtime37.jsxs)("select", { className: "w-full mb-2 node-editor-select-input", value: graphicToDelete, onChange: (e) => setGraphicToDelete(e.target.value), children: [(0, import_jsx_runtime37.jsx)("option", { value: "", children: " Select a graphic" }), graphics.map((graphicName) => (0, import_jsx_runtime37.jsx)("option", { value: graphicName, children: graphicName }, graphicName))] }), (0, import_jsx_runtime37.jsx)("button", { onClick: deleteBug, disabled: !graphicToDelete, className: `${deleteButtonClass} ${!graphicToDelete ? "opacity-50 cursor-not-allowed" : ""}`, children: "Delete Selected Graphic" })] }), uploadStatus.message && (0, import_jsx_runtime37.jsx)("div", { className: `mt-2 text-center ${uploadStatus.success ? "text-green-600" : "text-red-600"}`, children: uploadStatus.message })] });
+  return (0, import_jsx_runtime38.jsxs)("div", { className: "space-y-3", children: [(0, import_jsx_runtime38.jsx)("h2", { className: "text-xl font-bold text-gray-900 dark:text-white", children: "Controls" }), (0, import_jsx_runtime38.jsxs)("div", { children: [(0, import_jsx_runtime38.jsx)("label", { htmlFor: "select-graphic", className: "block text-gray-900 dark:text-white mb-1", children: "Source" }), (0, import_jsx_runtime38.jsxs)("select", { id: "select-graphic", className: "w-full node-editor-select-input", value: graphic || "", onChange: (e) => setGraphic(e.target.value || void 0), children: [(0, import_jsx_runtime38.jsx)("option", { value: "", children: "---" }), graphics.map((s) => (0, import_jsx_runtime38.jsx)("option", { value: s, children: s }, s))] })] }), graphic && (0, import_jsx_runtime38.jsxs)("div", { children: [(0, import_jsx_runtime38.jsx)("label", { htmlFor: "select-position", className: "block text-gray-900 dark:text-white mb-1", children: "Graphic position" }), (0, import_jsx_runtime38.jsx)(PositionSelector, { initialPosition: position, onChange: setPosition, graphicChanged, ...state })] }), (0, import_jsx_runtime38.jsx)("button", { type: "button", className: `${buttonClass} ${!stateChanged ? "opacity-50 cursor-not-allowed" : ""}`, onClick: () => sendCommand({ type: "change-graphic", file: graphic, position }), disabled: !stateChanged, children: "Commit" }), !showFileInput && !uploadStatus.success && (0, import_jsx_runtime38.jsx)("button", { type: "button", className: buttonClass, onClick: () => setShowFileInput(true), style: { marginBottom: "1rem" }, children: "Upload Graphic" }), showFileInput && (0, import_jsx_runtime38.jsxs)("form", { style: { display: "block", marginBottom: "1rem" }, children: [(0, import_jsx_runtime38.jsx)("input", { type: "file", id: "file", name: "filename", onChange: onFileChange, className: fileInputClass }), showUploadButton && (0, import_jsx_runtime38.jsx)("button", { type: "button", className: buttonClass, onClick: uploadFile, children: "Upload" })] }), (0, import_jsx_runtime38.jsx)("button", { type: "button", className: deleteButtonClass, onClick: () => setShowDeleteDropdown(!showDeleteDropdown), style: { marginBottom: "1rem" }, children: showDeleteDropdown ? "Hide Delete Options" : "Delete Graphics" }), showDeleteDropdown && (0, import_jsx_runtime38.jsxs)("div", { className: "mt-2 p-2 bg-gray-100 dark:bg-gray-800 rounded-lg", children: [(0, import_jsx_runtime38.jsx)("h3", { className: "text-lg font-semibold mb-2 text-gray-900 dark:text-white", children: "Select Graphic to Delete" }), (0, import_jsx_runtime38.jsxs)("select", { className: "w-full mb-2 node-editor-select-input", value: graphicToDelete, onChange: (e) => setGraphicToDelete(e.target.value), children: [(0, import_jsx_runtime38.jsx)("option", { value: "", children: " Select a graphic" }), graphics.map((graphicName) => (0, import_jsx_runtime38.jsx)("option", { value: graphicName, children: graphicName }, graphicName))] }), (0, import_jsx_runtime38.jsx)("button", { onClick: deleteBug, disabled: !graphicToDelete, className: `${deleteButtonClass} ${!graphicToDelete ? "opacity-50 cursor-not-allowed" : ""}`, children: "Delete Selected Graphic" })] }), uploadStatus.message && (0, import_jsx_runtime38.jsx)("div", { className: `mt-2 text-center ${uploadStatus.success ? "text-green-600" : "text-red-600"}`, children: uploadStatus.message })] });
 }
 function fromLocalPosition(pos) {
   if (pos.type === "named")
@@ -93371,7 +93456,7 @@ function fromLocalPosition(pos) {
     return { type: pos.type, x: pos.x, y: pos.y };
   if (pos.type === "percentage")
     return { type: pos.type, x: pos.x, y: pos.y };
-  assertUnreachable18(pos);
+  assertUnreachable19(pos);
 }
 function convertPosition(givenPosition, currentVideo, currentGraphic) {
   if (!givenPosition)
@@ -93389,7 +93474,7 @@ function convertPosition(givenPosition, currentVideo, currentGraphic) {
     } else if (givenPosition.position === "center") {
       xy = { x: 50, y: 50 };
     } else {
-      assertUnreachable18(givenPosition.position);
+      assertUnreachable19(givenPosition.position);
     }
     return { ...givenPosition, ...xy, xPct: xy.x, yPct: xy.y };
   }
@@ -93477,7 +93562,7 @@ var PositionSelector = ({ initialPosition: givenPosition = { type: "named", posi
       window.removeEventListener("mouseup", handleMouseUp);
     };
   }, [isDragging]);
-  return (0, import_jsx_runtime37.jsxs)("div", { className: "relative w-full max-w-lg mx-auto mt-4 mb-8", children: [(0, import_jsx_runtime37.jsxs)("div", { className: "mb-4 flex items-center gap-2", children: [(0, import_jsx_runtime37.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Position Type:" }), (0, import_jsx_runtime37.jsxs)("select", { value: position.type, onChange: (e) => {
+  return (0, import_jsx_runtime38.jsxs)("div", { className: "relative w-full max-w-lg mx-auto mt-4 mb-8", children: [(0, import_jsx_runtime38.jsxs)("div", { className: "mb-4 flex items-center gap-2", children: [(0, import_jsx_runtime38.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Position Type:" }), (0, import_jsx_runtime38.jsxs)("select", { value: position.type, onChange: (e) => {
     const newType = e.target.value;
     if (newType === "named") {
       setPosition(convertPos({ type: "named", position: "topleft" }));
@@ -93485,12 +93570,12 @@ var PositionSelector = ({ initialPosition: givenPosition = { type: "named", posi
       setPositionUnit("%");
       setPosition({ ...convertPos(position), type: "percentage" });
     }
-  }, className: "node-editor-select-input", children: [(0, import_jsx_runtime37.jsx)("option", { value: "coordinate", children: "Custom Position" }), (0, import_jsx_runtime37.jsx)("option", { value: "named", children: "Preset Position" })] })] }), position.type === "named" ? (0, import_jsx_runtime37.jsx)("div", { className: "mb-4", children: (0, import_jsx_runtime37.jsxs)("select", { value: position.position, onChange: (e) => {
+  }, className: "node-editor-select-input", children: [(0, import_jsx_runtime38.jsx)("option", { value: "coordinate", children: "Custom Position" }), (0, import_jsx_runtime38.jsx)("option", { value: "named", children: "Preset Position" })] })] }), position.type === "named" ? (0, import_jsx_runtime38.jsx)("div", { className: "mb-4", children: (0, import_jsx_runtime38.jsxs)("select", { value: position.position, onChange: (e) => {
     setPosition(convertPos({
       type: "named",
       position: e.target.value
     }));
-  }, className: "w-full node-editor-select-input", children: [(0, import_jsx_runtime37.jsx)("option", { value: "topleft", children: "Top Left" }), (0, import_jsx_runtime37.jsx)("option", { value: "topright", children: "Top Right" }), (0, import_jsx_runtime37.jsx)("option", { value: "bottomleft", children: "Bottom Left" }), (0, import_jsx_runtime37.jsx)("option", { value: "bottomright", children: "Bottom Right" }), (0, import_jsx_runtime37.jsx)("option", { value: "center", children: "Centered" })] }) }) : (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [(0, import_jsx_runtime37.jsxs)("div", { className: "mb-4 flex items-center gap-2", children: [(0, import_jsx_runtime37.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Position Unit:" }), (0, import_jsx_runtime37.jsxs)("select", { value: positionUnit, onChange: (e) => {
+  }, className: "w-full node-editor-select-input", children: [(0, import_jsx_runtime38.jsx)("option", { value: "topleft", children: "Top Left" }), (0, import_jsx_runtime38.jsx)("option", { value: "topright", children: "Top Right" }), (0, import_jsx_runtime38.jsx)("option", { value: "bottomleft", children: "Bottom Left" }), (0, import_jsx_runtime38.jsx)("option", { value: "bottomright", children: "Bottom Right" }), (0, import_jsx_runtime38.jsx)("option", { value: "center", children: "Centered" })] }) }) : (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [(0, import_jsx_runtime38.jsxs)("div", { className: "mb-4 flex items-center gap-2", children: [(0, import_jsx_runtime38.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: "Position Unit:" }), (0, import_jsx_runtime38.jsxs)("select", { value: positionUnit, onChange: (e) => {
     setPositionUnit(e.target.value);
     if (e.target.value === "px" && position.type !== "coordinate" && currentVideo && currentGraphic) {
       const { width: videoWidth, height: videoHeight } = currentVideo;
@@ -93515,18 +93600,18 @@ var PositionSelector = ({ initialPosition: givenPosition = { type: "named", posi
         yStr: void 0
       });
     }
-  }, className: "node-editor-select-input", children: [(0, import_jsx_runtime37.jsx)("option", { value: "px", children: "Pixels" }), (0, import_jsx_runtime37.jsx)("option", { value: "%", children: "Percentage" })] })] }), (0, import_jsx_runtime37.jsxs)("div", { className: "relative bg-gray-200 dark:bg-gray-700 rounded-lg", style: {
+  }, className: "node-editor-select-input", children: [(0, import_jsx_runtime38.jsx)("option", { value: "px", children: "Pixels" }), (0, import_jsx_runtime38.jsx)("option", { value: "%", children: "Percentage" })] })] }), (0, import_jsx_runtime38.jsxs)("div", { className: "relative bg-gray-200 dark:bg-gray-700 rounded-lg", style: {
     width: "100%",
     userSelect: "none",
     aspectRatio: currentVideo ? `${currentVideo.width} / ${currentVideo.height}` : `3 / 2`
-  }, ref: previewAreaRef, children: [(0, import_jsx_runtime37.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-gray-500 dark:text-gray-400", children: [(0, import_jsx_runtime37.jsx)("span", { children: currentVideo ? "Video Preview Area" : "Video Dimensions Unknown" }), " ", currentVideo ? (0, import_jsx_runtime37.jsxs)("span", { children: [currentVideo.width, "x", currentVideo.height, "px"] }) : ""] }), (0, import_jsx_runtime37.jsx)("div", { className: `absolute cursor-move ${currentGraphic && !graphicChanged ? "" : "p-2"} rounded-lg bg-primary-500 bg-opacity-50 hover:bg-opacity-75 transition-colors
+  }, ref: previewAreaRef, children: [(0, import_jsx_runtime38.jsxs)("div", { className: "absolute inset-0 flex flex-col items-center justify-center text-gray-500 dark:text-gray-400", children: [(0, import_jsx_runtime38.jsx)("span", { children: currentVideo ? "Video Preview Area" : "Video Dimensions Unknown" }), " ", currentVideo ? (0, import_jsx_runtime38.jsxs)("span", { children: [currentVideo.width, "x", currentVideo.height, "px"] }) : ""] }), (0, import_jsx_runtime38.jsx)("div", { className: `absolute cursor-move ${currentGraphic && !graphicChanged ? "" : "p-2"} rounded-lg bg-primary-500 bg-opacity-50 hover:bg-opacity-75 transition-colors
                 ${isDragging ? "bg-opacity-75" : ""}`, style: {
     left: `${position.xPct}%`,
     top: `${position.yPct}%`,
     transform: `translate(-${position.xPct}%, -${position.yPct}%)`,
     aspectRatio: currentGraphic && !graphicChanged ? `${currentGraphic.width} / ${currentGraphic.height}` : `1`,
     width: currentGraphic && currentVideo && !graphicChanged ? currentGraphic.width / currentVideo.width * 100 + "%" : void 0
-  }, onMouseDown: handleMouseDown, ref: previewTargetRef, children: (0, import_jsx_runtime37.jsx)("svg", { className: `${currentGraphic && !graphicChanged ? "w-full h-full" : "w-6 h-6"} text-white`, "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: (0, import_jsx_runtime37.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 6v12m-6-6h12m-6-6 1.5 1.5M12 6l-1.5 1.5m1.5 10.5L10.5 16.5M12 18l1.5-1.5M6 12l1.5-1.5M7.5 13.5 6 12m12 0-1.5-1.5M16.5 13.5 18 12" }) }) })] }), (0, import_jsx_runtime37.jsxs)("div", { className: "mt-2 text-sm text-gray-600 dark:text-gray-300 text-center", children: ["Position:", " ", position.type === "percentage" ? `${position.xPct.toFixed(1)}%, ${position.yPct.toFixed(1)}%` : `${Math.round(position.x)}px, ${Math.round(position.y)}px`] }), (0, import_jsx_runtime37.jsxs)("div", { className: "mt-2 flex gap-4", children: [(0, import_jsx_runtime37.jsxs)("div", { children: [(0, import_jsx_runtime37.jsxs)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: ["X Position ", positionUnit] }), (0, import_jsx_runtime37.jsx)("input", { type: "number", step: positionUnit === "%" ? "0.1" : "1", value: position.xStr ?? (positionUnit === "%" ? position.xPct.toFixed(1) : Math.round(position.x)), onChange: (e) => {
+  }, onMouseDown: handleMouseDown, ref: previewTargetRef, children: (0, import_jsx_runtime38.jsx)("svg", { className: `${currentGraphic && !graphicChanged ? "w-full h-full" : "w-6 h-6"} text-white`, "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: (0, import_jsx_runtime38.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 6v12m-6-6h12m-6-6 1.5 1.5M12 6l-1.5 1.5m1.5 10.5L10.5 16.5M12 18l1.5-1.5M6 12l1.5-1.5M7.5 13.5 6 12m12 0-1.5-1.5M16.5 13.5 18 12" }) }) })] }), (0, import_jsx_runtime38.jsxs)("div", { className: "mt-2 text-sm text-gray-600 dark:text-gray-300 text-center", children: ["Position:", " ", position.type === "percentage" ? `${position.xPct.toFixed(1)}%, ${position.yPct.toFixed(1)}%` : `${Math.round(position.x)}px, ${Math.round(position.y)}px`] }), (0, import_jsx_runtime38.jsxs)("div", { className: "mt-2 flex gap-4", children: [(0, import_jsx_runtime38.jsxs)("div", { children: [(0, import_jsx_runtime38.jsxs)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: ["X Position ", positionUnit] }), (0, import_jsx_runtime38.jsx)("input", { type: "number", step: positionUnit === "%" ? "0.1" : "1", value: position.xStr ?? (positionUnit === "%" ? position.xPct.toFixed(1) : Math.round(position.x)), onChange: (e) => {
     const newX = Number(e.target.value);
     setPosition(convertPos({
       type: positionUnit === "%" ? "percentage" : "coordinate",
@@ -93535,7 +93620,7 @@ var PositionSelector = ({ initialPosition: givenPosition = { type: "named", posi
       y: position.y,
       yStr: position.yStr
     }));
-  }, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm dark:bg-gray-700 dark:border-gray-600" })] }), (0, import_jsx_runtime37.jsxs)("div", { children: [(0, import_jsx_runtime37.jsxs)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: ["Y Position ", positionUnit] }), (0, import_jsx_runtime37.jsx)("input", { type: "number", step: positionUnit === "%" ? "0.1" : "1", value: position.yStr ?? (positionUnit === "%" ? position.yPct.toFixed(1) : Math.round(position.y)), onChange: (e) => {
+  }, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 sm:text-sm dark:bg-gray-700 dark:border-gray-600" })] }), (0, import_jsx_runtime38.jsxs)("div", { children: [(0, import_jsx_runtime38.jsxs)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300", children: ["Y Position ", positionUnit] }), (0, import_jsx_runtime38.jsx)("input", { type: "number", step: positionUnit === "%" ? "0.1" : "1", value: position.yStr ?? (positionUnit === "%" ? position.yPct.toFixed(1) : Math.round(position.y)), onChange: (e) => {
     const newY = Number(e.target.value);
     setPosition(convertPos({
       type: positionUnit === "%" ? "percentage" : "coordinate",
@@ -93549,20 +93634,20 @@ var PositionSelector = ({ initialPosition: givenPosition = { type: "named", posi
 function clamp2(min2, num, max2) {
   return num < min2 ? min2 : num > max2 ? max2 : num;
 }
-function assertUnreachable18(_) {
+function assertUnreachable19(_) {
   throw new Error("Didn't expect to get here");
 }
 var summary_view_default9 = SummaryView9;
 
 // build/processor.onscreenGraphic/info.js
-var import_FaImage = __toESM(require_FaImage());
-function info_default29({ defineComponent }) {
+var import_FaImage2 = __toESM(require_FaImage());
+function info_default30({ defineComponent }) {
   return defineComponent({
     identifier: "processor.onscreenGraphic",
     category: "processor",
     name: "Onscreen Graphic",
     description: "Overlay graphics onto a video",
-    icon: import_FaImage.FaImage,
+    icon: import_FaImage2.FaImage,
     subscription: {
       // Only accept a single video stream
       accepts: {
@@ -93595,7 +93680,7 @@ function info_default29({ defineComponent }) {
           case "graphic-loaded":
             return { ...state, currentGraphic: ev.currentGraphic };
           default:
-            assertUnreachable19(evType);
+            assertUnreachable20(evType);
         }
       }
     },
@@ -93631,12 +93716,12 @@ function info_default29({ defineComponent }) {
     }
   });
 }
-function assertUnreachable19(_) {
+function assertUnreachable20(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/processor.smartSingleMediaSwitch/source-selection.js
-var import_jsx_runtime38 = __toESM(require_jsx_runtime());
+var import_jsx_runtime39 = __toESM(require_jsx_runtime());
 var import_react9 = __toESM(require_react());
 function OrderInput(props) {
   (0, import_react9.useEffect)(() => {
@@ -93644,10 +93729,10 @@ function OrderInput(props) {
   }, [props.defaultValue]);
   const [value, setValue] = (0, import_react9.useState)(props.defaultValue ?? []);
   if (value.length == 0) {
-    return (0, import_jsx_runtime38.jsx)("p", { className: "node-editor-helper-text", children: "Sources will appear here when subscriptions have been added to this node" });
+    return (0, import_jsx_runtime39.jsx)("p", { className: "node-editor-helper-text", children: "Sources will appear here when subscriptions have been added to this node" });
   } else {
-    return (0, import_jsx_runtime38.jsx)("div", { id: props.id, children: (0, import_jsx_runtime38.jsx)("ul", { children: value.map((v, ix) => {
-      return (0, import_jsx_runtime38.jsxs)("li", { className: "flex", children: [(0, import_jsx_runtime38.jsx)("span", { className: "node-editor-label flex-grow", children: v.displayName }), ix == 0 ? (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, {}) : (0, import_jsx_runtime38.jsx)("svg", { onClick: moveUp(ix), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, className: "w-4 h-6 shrink cursor-pointer stroke-gray-700 dark:stroke-gray-50", children: (0, import_jsx_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 6.75L12 3m0 0l3.75 3.75M12 3v18" }) }), ix == value.length - 1 ? (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, {}) : (0, import_jsx_runtime38.jsx)("svg", { onClick: moveDown(ix), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, className: "w-4 h-6 shrink cursor-pointer stroke-gray-700 dark:stroke-gray-50", children: (0, import_jsx_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 17.25L12 21m0 0l-3.75-3.75M12 21V3" }) })] }, ix);
+    return (0, import_jsx_runtime39.jsx)("div", { id: props.id, children: (0, import_jsx_runtime39.jsx)("ul", { children: value.map((v, ix) => {
+      return (0, import_jsx_runtime39.jsxs)("li", { className: "flex", children: [(0, import_jsx_runtime39.jsx)("span", { className: "node-editor-label flex-grow", children: v.displayName }), ix == 0 ? (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, {}) : (0, import_jsx_runtime39.jsx)("svg", { onClick: moveUp(ix), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, className: "w-4 h-6 shrink cursor-pointer stroke-gray-700 dark:stroke-gray-50", children: (0, import_jsx_runtime39.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 6.75L12 3m0 0l3.75 3.75M12 3v18" }) }), ix == value.length - 1 ? (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, {}) : (0, import_jsx_runtime39.jsx)("svg", { onClick: moveDown(ix), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, className: "w-4 h-6 shrink cursor-pointer stroke-gray-700 dark:stroke-gray-50", children: (0, import_jsx_runtime39.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 17.25L12 21m0 0l-3.75-3.75M12 21V3" }) })] }, ix);
     }) }) });
   }
   function moveUp(ix) {
@@ -93672,18 +93757,18 @@ function OrderInput(props) {
 var source_selection_default = OrderInput;
 
 // build/processor.smartSingleMediaSwitch/inline-view.js
-var import_jsx_runtime39 = __toESM(require_jsx_runtime());
+var import_jsx_runtime40 = __toESM(require_jsx_runtime());
 var activeClasses = "active text-green-500 dark:text-green-300";
 var availableClasses = "available text-green-500 dark:text-green-300";
 var inactiveClasses = "inactive text-orange-500 dark:text-orange-300";
-function InlineView13({ state, config }) {
-  return (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [(0, import_jsx_runtime39.jsx)("h5", { children: "Sources" }), (0, import_jsx_runtime39.jsxs)("ul", { children: [config.sources.map((s, i) => state.activeSource == i ? (0, import_jsx_runtime39.jsxs)("li", { className: activeClasses, children: [s.displayName, " <--"] }, i) : state.availableSources.includes(i) ? (0, import_jsx_runtime39.jsxs)("li", { className: availableClasses, children: [s.displayName, " (available)"] }, i) : (0, import_jsx_runtime39.jsxs)("li", { className: inactiveClasses, children: [s.displayName, " (inactive)"] }, i)), (0, import_jsx_runtime39.jsx)("li", { className: state.activeSource < 0 ? activeClasses : availableClasses, children: "fallback" }, "fallback")] })] });
+function InlineView14({ state, config }) {
+  return (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [(0, import_jsx_runtime40.jsx)("h5", { children: "Sources" }), (0, import_jsx_runtime40.jsxs)("ul", { children: [config.sources.map((s, i) => state.activeSource == i ? (0, import_jsx_runtime40.jsxs)("li", { className: activeClasses, children: [s.displayName, " <--"] }, i) : state.availableSources.includes(i) ? (0, import_jsx_runtime40.jsxs)("li", { className: availableClasses, children: [s.displayName, " (available)"] }, i) : (0, import_jsx_runtime40.jsxs)("li", { className: inactiveClasses, children: [s.displayName, " (inactive)"] }, i)), (0, import_jsx_runtime40.jsx)("li", { className: state.activeSource < 0 ? activeClasses : availableClasses, children: "fallback" }, "fallback")] })] });
 }
-var inline_view_default13 = InlineView13;
+var inline_view_default14 = InlineView14;
 
 // build/processor.smartSingleMediaSwitch/info.js
 var import_FaSlidersH = __toESM(require_FaSlidersH());
-function info_default30({ defineComponent, All, common: { Resolutions, FrameRates }, streamMatchesFilter }) {
+function info_default31({ defineComponent, All, common: { Resolutions, FrameRates }, streamMatchesFilter }) {
   function patchConfigFromSubscription(cfg, sub) {
     const potentiallyNewSources = sub.expectedStreams;
     potentiallyNewSources.forEach((s) => {
@@ -93768,12 +93853,12 @@ function info_default30({ defineComponent, All, common: { Resolutions, FrameRate
             state.availableSources.splice(state.availableSources.indexOf(ev.sourceIndex), 1);
             return { ...state };
           default:
-            assertUnreachable20(evType);
+            assertUnreachable21(evType);
         }
       },
-      inline: inline_view_default13,
-      summary: inline_view_default13,
-      fullscreen: inline_view_default13
+      inline: inline_view_default14,
+      summary: inline_view_default14,
+      fullscreen: inline_view_default14
     },
     configForm: {
       form: {
@@ -93820,12 +93905,12 @@ function info_default30({ defineComponent, All, common: { Resolutions, FrameRate
     }
   });
 }
-function assertUnreachable20(_) {
+function assertUnreachable21(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/processor.smartSourceSwitch/source-selection.js
-var import_jsx_runtime40 = __toESM(require_jsx_runtime());
+var import_jsx_runtime41 = __toESM(require_jsx_runtime());
 var import_react10 = __toESM(require_react());
 function OrderInput2(props) {
   (0, import_react10.useEffect)(() => {
@@ -93833,10 +93918,10 @@ function OrderInput2(props) {
   }, [props.defaultValue]);
   const [value, setValue] = (0, import_react10.useState)(props.defaultValue ?? []);
   if (value.length == 0) {
-    return (0, import_jsx_runtime40.jsx)("p", { className: "node-editor-helper-text", children: "Sources will appear here when subscriptions have been added to this node" });
+    return (0, import_jsx_runtime41.jsx)("p", { className: "node-editor-helper-text", children: "Sources will appear here when subscriptions have been added to this node" });
   } else {
-    return (0, import_jsx_runtime40.jsx)("div", { id: props.id, children: (0, import_jsx_runtime40.jsx)("ul", { children: value.map((v, ix) => {
-      return (0, import_jsx_runtime40.jsxs)("li", { className: "flex", children: [(0, import_jsx_runtime40.jsx)("span", { className: "node-editor-label flex-grow", children: v }), ix == 0 ? (0, import_jsx_runtime40.jsx)(import_jsx_runtime40.Fragment, {}) : (0, import_jsx_runtime40.jsx)("svg", { onClick: moveUp(ix), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, className: "w-4 h-6 shrink cursor-pointer stroke-gray-700 dark:stroke-gray-50", children: (0, import_jsx_runtime40.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 6.75L12 3m0 0l3.75 3.75M12 3v18" }) }), ix == value.length - 1 ? (0, import_jsx_runtime40.jsx)(import_jsx_runtime40.Fragment, {}) : (0, import_jsx_runtime40.jsx)("svg", { onClick: moveDown(ix), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, className: "w-4 h-6 shrink cursor-pointer stroke-gray-700 dark:stroke-gray-50", children: (0, import_jsx_runtime40.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 17.25L12 21m0 0l-3.75-3.75M12 21V3" }) })] }, v);
+    return (0, import_jsx_runtime41.jsx)("div", { id: props.id, children: (0, import_jsx_runtime41.jsx)("ul", { children: value.map((v, ix) => {
+      return (0, import_jsx_runtime41.jsxs)("li", { className: "flex", children: [(0, import_jsx_runtime41.jsx)("span", { className: "node-editor-label flex-grow", children: v }), ix == 0 ? (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, {}) : (0, import_jsx_runtime41.jsx)("svg", { onClick: moveUp(ix), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, className: "w-4 h-6 shrink cursor-pointer stroke-gray-700 dark:stroke-gray-50", children: (0, import_jsx_runtime41.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 6.75L12 3m0 0l3.75 3.75M12 3v18" }) }), ix == value.length - 1 ? (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, {}) : (0, import_jsx_runtime41.jsx)("svg", { onClick: moveDown(ix), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, className: "w-4 h-6 shrink cursor-pointer stroke-gray-700 dark:stroke-gray-50", children: (0, import_jsx_runtime41.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 17.25L12 21m0 0l-3.75-3.75M12 21V3" }) })] }, v);
     }) }) });
   }
   function moveUp(ix) {
@@ -93861,18 +93946,18 @@ function OrderInput2(props) {
 var source_selection_default2 = OrderInput2;
 
 // build/processor.smartSourceSwitch/inline-view.js
-var import_jsx_runtime41 = __toESM(require_jsx_runtime());
+var import_jsx_runtime42 = __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 InlineView14({ state, config }) {
-  return (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [(0, import_jsx_runtime41.jsx)("h5", { children: "Sources" }), (0, import_jsx_runtime41.jsxs)("ul", { children: [config.sources.map((s, i) => state.activeSource == s ? (0, import_jsx_runtime41.jsxs)("li", { className: activeClasses2, children: [s, " <--"] }, i) : state.availableSources.includes(s) ? (0, import_jsx_runtime41.jsxs)("li", { className: availableClasses2, children: [s, " (available)"] }, i) : (0, import_jsx_runtime41.jsxs)("li", { className: inactiveClasses2, children: [s, " (inactive)"] }, i)), (0, import_jsx_runtime41.jsx)("li", { className: state.activeSource == "fallback" ? activeClasses2 : availableClasses2, children: "fallback" }, "fallback")] })] });
+function InlineView15({ state, config }) {
+  return (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [(0, import_jsx_runtime42.jsx)("h5", { children: "Sources" }), (0, import_jsx_runtime42.jsxs)("ul", { children: [config.sources.map((s, i) => state.activeSource == s ? (0, import_jsx_runtime42.jsxs)("li", { className: activeClasses2, children: [s, " <--"] }, i) : state.availableSources.includes(s) ? (0, import_jsx_runtime42.jsxs)("li", { className: availableClasses2, children: [s, " (available)"] }, i) : (0, import_jsx_runtime42.jsxs)("li", { className: inactiveClasses2, children: [s, " (inactive)"] }, i)), (0, import_jsx_runtime42.jsx)("li", { className: state.activeSource == "fallback" ? activeClasses2 : availableClasses2, children: "fallback" }, "fallback")] })] });
 }
-var inline_view_default14 = InlineView14;
+var inline_view_default15 = InlineView15;
 
 // build/processor.smartSourceSwitch/info.js
 var import_FaSlidersH2 = __toESM(require_FaSlidersH());
-function info_default31({ defineComponent, Av, common: { Resolutions, FrameRates } }) {
+function info_default32({ defineComponent, Av, common: { Resolutions, FrameRates } }) {
   function patchConfigFromSubscription(cfg, sub) {
     const potentiallyNewSources = sub.expectedStreams.map((s) => s.sourceName).filter((s) => !!s);
     potentiallyNewSources.forEach((s) => {
@@ -93969,12 +94054,12 @@ function info_default31({ defineComponent, Av, common: { Resolutions, FrameRates
             state.availableSources.splice(state.availableSources.indexOf(ev.source), 1);
             return { ...state };
           default:
-            assertUnreachable21(evType);
+            assertUnreachable22(evType);
         }
       },
-      inline: inline_view_default14,
-      summary: inline_view_default14,
-      fullscreen: inline_view_default14
+      inline: inline_view_default15,
+      summary: inline_view_default15,
+      fullscreen: inline_view_default15
     },
     configForm: {
       form: {
@@ -94021,13 +94106,13 @@ function info_default31({ defineComponent, Av, common: { Resolutions, FrameRates
     }
   });
 }
-function assertUnreachable21(_) {
+function assertUnreachable22(_) {
   throw new Error("Didn't expect to get here");
 }
 
 // build/processor.streamKeyOverride/info.js
 var import_FaKey = __toESM(require_FaKey());
-function info_default32({ defineComponent, All, validation: { Z } }) {
+function info_default33({ defineComponent, All, validation: { Z } }) {
   return defineComponent({
     identifier: "processor.streamKeyOverride",
     category: "processor",
@@ -94121,7 +94206,7 @@ function info_default32({ defineComponent, All, validation: { Z } }) {
 
 // build/processor.videoDecoder/info.js
 var import_FaFileVideo = __toESM(require_FaFileVideo());
-function info_default33({ defineComponent }) {
+function info_default34({ defineComponent }) {
   return defineComponent({
     identifier: "processor.videoDecoder",
     category: "processor",
@@ -94168,7 +94253,7 @@ function info_default33({ defineComponent }) {
 }
 
 // build/util.stats.latency/inline-view.js
-var import_jsx_runtime42 = __toESM(require_jsx_runtime());
+var import_jsx_runtime43 = __toESM(require_jsx_runtime());
 var import_react11 = __toESM(require_react());
 
 // ../../node_modules/chart.js/auto/auto.js
@@ -94176,7 +94261,7 @@ Chart.register(...registerables);
 var auto_default = Chart;
 
 // build/util.stats.latency/inline-view.js
-function InlineView15({ state, config: _2 }) {
+function InlineView16({ state, config: _2 }) {
   const chartContainer = (0, import_react11.useRef)(null);
   const [chartControl, setChartControl] = (0, import_react11.useState)(void 0);
   function makeDataSet(key, color2, values) {
@@ -94238,19 +94323,19 @@ function InlineView15({ state, config: _2 }) {
       return;
     chartControl.data = makeData(state);
   }, [state]);
-  return (0, import_jsx_runtime42.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime42.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) });
+  return (0, import_jsx_runtime43.jsx)("div", { className: "bg-gray-50 dark:bg-gray-700 rounded", style: { width: "360px", height: "200px", padding: "10px" }, children: (0, import_jsx_runtime43.jsx)("canvas", { className: "bg-gray-50 dark:bg-gray-700 rounded", ref: chartContainer }) });
 }
-var inline_view_default15 = InlineView15;
+var inline_view_default16 = InlineView16;
 
 // build/util.stats.latency/source-node-selection.js
-var import_jsx_runtime43 = __toESM(require_jsx_runtime());
+var import_jsx_runtime44 = __toESM(require_jsx_runtime());
 function SourceNodeSelection(props) {
-  return (0, import_jsx_runtime43.jsx)("div", { children: (0, import_jsx_runtime43.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, import_jsx_runtime43.jsx)("option", { value: "", children: "---" }, "empty"), Object.values(props.latestDocument.components).map((o, i) => {
+  return (0, import_jsx_runtime44.jsx)("div", { children: (0, import_jsx_runtime44.jsxs)("select", { defaultValue: props.defaultValue, className: `node-editor-select-input`, id: props.id, onChange: myOnChange, onBlur: myOnChange, children: [(0, import_jsx_runtime44.jsx)("option", { value: "", children: "---" }, "empty"), Object.values(props.latestDocument.components).map((o, i) => {
     if (o.id == props.id)
-      return (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, {});
+      return (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, {});
     if (o.info.category === "output")
       return;
-    return (0, import_jsx_runtime43.jsx)("option", { value: o.id, children: o.config.displayName }, i);
+    return (0, import_jsx_runtime44.jsx)("option", { value: o.id, children: o.config.displayName }, i);
   })] }) });
   function myOnChange(e) {
     props.onChanged(e.target.value);
@@ -94260,7 +94345,7 @@ var source_node_selection_default = SourceNodeSelection;
 
 // build/util.stats.latency/info.js
 var import_FaClock = __toESM(require_FaClock());
-function info_default34(R) {
+function info_default35(R) {
   const { defineComponent } = R;
   return defineComponent({
     identifier: "util.stats.latency",
@@ -94290,11 +94375,11 @@ function info_default34(R) {
             break;
           }
           default:
-            assertUnreachable22(evType);
+            assertUnreachable23(evType);
         }
         return { ...state };
       },
-      inline: inline_view_default15
+      inline: inline_view_default16
     },
     configForm: {
       form: {
@@ -94345,7 +94430,7 @@ function info_default34(R) {
     }
   });
 }
-function assertUnreachable22(_) {
+function assertUnreachable23(_) {
   throw new Error("Didn't expect to get here");
 }
 
@@ -94397,6 +94482,7 @@ AllComponents.push((r) => info_default31(r));
 AllComponents.push((r) => info_default32(r));
 AllComponents.push((r) => info_default33(r));
 AllComponents.push((r) => info_default34(r));
+AllComponents.push((r) => info_default35(r));
 export {
   getNodeInfo as default
 };