@microblink/camera-manager 7.2.5 → 7.2.6

package/dist/camera-manager.js

@@ -1,36 +1,50 @@
-(function(){"use strict";(r=>{window.__mbCameraManagerCssCode=r})("._dialogPositioner_worsp_1{position:fixed;top:calc(var(--mb-size)*0rem);left:calc(var(--mb-size)*0rem);display:grid;height:100vh;width:100%;padding:calc(var(--mb-size)*2rem)}@supports (height:100dvh){._dialogPositioner_worsp_1{height:100dvh}}._dialogBackdrop_worsp_5{position:absolute;top:calc(var(--mb-size)*0rem);left:calc(var(--mb-size)*0rem);width:100%;height:100%;--un-bg-opacity:1;background-color:rgb(var(--color-black-rgb-value) / var(--un-bg-opacity));--un-bg-opacity:.5;--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}._dialogContent_worsp_9{position:relative;max-height:calc(100dvh - 4rem);max-width:28rem;display:flex;flex-direction:column;place-self:center;border-radius:.5rem;--un-bg-opacity:1;background-color:rgb(var(--color-white-rgb-value) / var(--un-bg-opacity));padding-left:min(8%,3rem);padding-right:min(8%,3rem);padding-top:min(8%,1.5rem);padding-bottom:min(8%,1.5rem);--un-text-opacity:1;color:rgb(15 15 15 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}._dialogContent_worsp_9._large_worsp_13{padding-left:min(8%,4rem);padding-right:min(8%,4rem);padding-top:min(8%,3rem);padding-bottom:min(8%,3rem)}._dialogContent_worsp_9._compact_worsp_16{padding:min(8%,1.5rem)}@media (min-width: 640px){._dialogContent_worsp_9{max-width:36rem}}@media (min-width: 1024px){._dialogContent_worsp_9{max-width:28rem}}._dialogTitle_worsp_30{text-align:center;font-size:calc(var(--mb-size)*1.5rem);line-height:calc(var(--mb-size)*2rem);font-weight:700}._contentOut_worsp_34{overflow-y:auto}._closeButton_worsp_38{position:absolute;top:.625rem;right:.625rem;width:calc(var(--mb-size)*2rem);height:calc(var(--mb-size)*2rem);display:flex;align-items:center;justify-content:center;border-radius:9999px;border-style:none;background-color:transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.1s}._closeButton_worsp_38:hover{--un-bg-opacity:1;background-color:rgb(var(--color-gray-100-rgb-value) / var(--un-bg-opacity))}._closeButton_worsp_38:active{--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity))}._closeButtonInner_worsp_44{display:flex;--un-translate-y:-2px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));align-items:center;justify-content:center;font-size:calc(var(--mb-size)*1.875rem);line-height:calc(var(--mb-size)*2.25rem);--un-text-opacity:1;color:rgb(var(--color-black-rgb-value) / var(--un-text-opacity));font-weight:200;line-height:1}._primaryActionButton_worsp_49{height:2.5rem;-webkit-appearance:none;appearance:none;border-radius:calc(var(--mb-size)*2.5rem);border-style:none;--un-bg-opacity:1;background-color:rgb(var(--color-primary) / var(--un-bg-opacity));padding-left:calc(var(--mb-size)*1.25rem);padding-right:calc(var(--mb-size)*1.25rem);padding-top:calc(var(--mb-size)*.25rem);padding-bottom:calc(var(--mb-size)*.25rem);text-wrap:nowrap;font-size:calc(var(--mb-size)*.875rem);line-height:calc(var(--mb-size)*1.25rem);--un-text-opacity:1;color:rgb(var(--color-white-rgb-value) / var(--un-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.1s}._primaryActionButton_worsp_49[disabled]{cursor:not-allowed;--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity));--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}._primaryActionButton_worsp_49[disabled]:hover{--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity))}._primaryActionButton_worsp_49:hover{--un-bg-opacity:1;background-color:rgb(var(--color-accent-700-rgb-value) / var(--un-bg-opacity))}._primaryActionButton_worsp_49:active{--un-bg-opacity:1;background-color:rgb(var(--color-accent-800-rgb-value) / var(--un-bg-opacity))}._primaryActionButton_worsp_49:focus{outline-width:2px;--un-outline-color-opacity:1;outline-color:rgb(var(--color-accent-400-rgb-value) / var(--un-outline-color-opacity));outline-offset:4px;outline-style:solid}._secondaryActionButton_worsp_53{height:2.5rem;-webkit-appearance:none;appearance:none;border-radius:calc(var(--mb-size)*2.5rem);border-style:none;background-color:transparent;padding-left:calc(var(--mb-size)*1.25rem);padding-right:calc(var(--mb-size)*1.25rem);padding-top:calc(var(--mb-size)*.25rem);padding-bottom:calc(var(--mb-size)*.25rem);text-wrap:nowrap;font-size:calc(var(--mb-size)*.875rem);line-height:calc(var(--mb-size)*1.25rem);--un-text-opacity:1;color:rgb(var(--color-primary) / var(--un-text-opacity));--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgb(var(--color-primary) / var(--un-ring-opacity)) ;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.1s}._secondaryActionButton_worsp_53[disabled]{cursor:not-allowed;--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity));--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}._secondaryActionButton_worsp_53[disabled]:hover{--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity))}._secondaryActionButton_worsp_53:hover{--un-bg-opacity:1;background-color:rgb(var(--color-accent-25-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-accent-700-rgb-value) / var(--un-text-opacity));--un-ring-opacity:1;--un-ring-color:rgb(var(--color-accent-700-rgb-value) / var(--un-ring-opacity)) }._secondaryActionButton_worsp_53:active{--un-bg-opacity:1;background-color:rgb(var(--color-accent-50-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-accent-800-rgb-value) / var(--un-text-opacity));--un-ring-opacity:1;--un-ring-color:rgb(var(--color-accent-800-rgb-value) / var(--un-ring-opacity)) }._secondaryActionButton_worsp_53:focus{outline-width:2px;--un-outline-color-opacity:1;outline-color:rgb(var(--color-accent-400-rgb-value) / var(--un-outline-color-opacity));outline-offset:4px;outline-style:solid}._actions_worsp_57{display:flex;gap:calc(var(--mb-size)*1rem)}._actions_worsp_57 ._primaryActionButton_worsp_49,._actions_worsp_57 ._secondaryActionButton_worsp_53{width:50%}._alertTitle_worsp_64{font-size:calc(var(--mb-size)*1.125rem);line-height:calc(var(--mb-size)*1.75rem);--un-text-opacity:1;color:rgb(var(--color-gray-700-rgb-value) / var(--un-text-opacity));font-weight:400}._alertText_worsp_68{margin-top:calc(var(--mb-size)*1rem);margin-bottom:calc(var(--mb-size)*2rem);padding-left:calc(var(--mb-size)*.5rem);padding-right:calc(var(--mb-size)*.5rem);text-align:center;text-wrap:pretty;--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity));font-weight:300;line-height:1.5}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.left-0{left:calc(var(--mb-size)*0rem)}.right-0{right:calc(var(--mb-size)*0rem)}.right-4{right:calc(var(--mb-size)*1rem)}.top-\\[-1px\\]{top:-1px}.top-0{top:calc(var(--mb-size)*0rem)}.has-\\[\\[data-scope\\]\\]\\:z-2:has([data-scope]),.z-2{z-index:2}.z-1{z-index:1}.grid{display:grid}.auto-cols-auto{grid-auto-columns:auto}.grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.block{display:block}.size-12{width:calc(var(--mb-size)*3rem);height:calc(var(--mb-size)*3rem)}.size-6{width:calc(var(--mb-size)*1.5rem);height:calc(var(--mb-size)*1.5rem)}.size-full{width:100%;height:100%}.h-\\[1px\\]{height:1px}.h-full{height:100%}.h-vh{height:100vh}.max-w-\\[100\\%\\]{max-width:100%}.min-h-\\[300px\\]{min-height:300px}.min-w-0{min-width:calc(var(--mb-size)*0rem)}.w-full{width:100%}.flex{display:flex}.shrink-0{flex-shrink:0}.flex-nowrap{flex-wrap:nowrap}.data-\\[state\\=open\\]\\:scale-y-\\[-1\\][data-state=open]{--un-scale-y:-1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;appearance:none}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.gap-\\[1px\\]{gap:1px}.gap-2{gap:calc(var(--mb-size)*.5rem)}.gap-4{gap:calc(var(--mb-size)*1rem)}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-4{border-radius:calc(var(--mb-size)*1rem)}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border-none{border-style:none}.bg-dark-100\\/50{background-color:#3c3c3c80}.bg-dark-500{--un-bg-opacity:1;background-color:rgb(31 31 31 / var(--un-bg-opacity))}.bg-white{--un-bg-opacity:1;background-color:rgb(var(--color-white-rgb-value) / var(--un-bg-opacity))}.data-\\[highlighted\\]\\:bg-gray-500\\/50[data-highlighted]{background-color:rgb(var(--color-gray-500-rgb-value) / .5)}.bg-opacity-50{--un-bg-opacity:.5}.p-2{padding:calc(var(--mb-size)*.5rem)}.px-4{padding-left:calc(var(--mb-size)*1rem);padding-right:calc(var(--mb-size)*1rem)}.py-2{padding-top:calc(var(--mb-size)*.5rem);padding-bottom:calc(var(--mb-size)*.5rem)}.py-3{padding-top:calc(var(--mb-size)*.75rem);padding-bottom:calc(var(--mb-size)*.75rem)}.py-4{padding-top:calc(var(--mb-size)*1rem);padding-bottom:calc(var(--mb-size)*1rem)}.pl-4{padding-left:calc(var(--mb-size)*1rem)}.pr-12{padding-right:calc(var(--mb-size)*3rem)}.text-align-center{text-align:center}.text-base{font-size:calc(var(--mb-size)*1rem);line-height:calc(var(--mb-size)*1.5rem)}.text-sm{font-size:calc(var(--mb-size)*.875rem);line-height:calc(var(--mb-size)*1.25rem)}.color-white{--un-text-opacity:1;color:rgb(var(--color-white-rgb-value) / var(--un-text-opacity))}.font-500{font-weight:500}.disabled\\:opacity-50:disabled{opacity:.5}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.backdrop-blur{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.backdrop-blur-xl{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.drop-shadow-md{--un-drop-shadow:drop-shadow(0 4px 3px var(--un-drop-shadow-color, rgb(0 0 0 / .07))) drop-shadow(0 2px 2px var(--un-drop-shadow-color, rgb(0 0 0 / .06)));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.lerp\\:px-3\\@xs\\,8\\@lg{padding-inline:clamp(calc(var(--mb-size)*.75rem),calc(var(--mb-size)*.75rem) + (100vw - 380px) * .031055900621118012,calc(var(--mb-size)*2rem))}@supports (height:100dvh){.supports-\\[\\(height\\:100dvh\\)\\]\\:h-dvh{height:100dvh}}")})();
-import { subscribeWithSelector as ge } from "zustand/middleware";
-import { createStore as be } from "zustand/vanilla";
-import { createComponent as s, use as B, template as S, spread as F, mergeProps as Y, insert as y, memo as pe, isServer as Ue, delegateEvents as qe, effect as H, className as V, Portal as ve, Dynamic as je, render as He } from "solid-js/web";
-import { createContext as we, onCleanup as ce, useContext as ye, onMount as J, createSignal as z, Show as E, Index as We, createRoot as Ge, getOwner as Se, splitProps as Xe, createEffect as Qe } from "solid-js";
-import { createWithSignal as Ce } from "solid-zustand";
-import { createStore as Ke } from "solid-js/store";
-import { EnvironmentProvider as Ye } from "@ark-ui/solid/environment";
+(function(){"use strict";(r=>{window.__mbCameraManagerCssCode=r})("._dialogPositioner_15i6c_1{position:fixed;top:calc(var(--mb-size)*0rem);left:calc(var(--mb-size)*0rem);display:grid;height:100vh;width:100%;padding:calc(var(--mb-size)*2rem)}@supports (height:100dvh){._dialogPositioner_15i6c_1{height:100dvh}}@media (max-width: 379.9px){._dialogPositioner_15i6c_1{padding:calc(var(--mb-size)*1rem)}}._dialogBackdrop_15i6c_10{position:absolute;top:calc(var(--mb-size)*0rem);left:calc(var(--mb-size)*0rem);width:100%;height:100%;--un-bg-opacity:1;background-color:rgb(var(--color-black-rgb-value) / var(--un-bg-opacity));--un-bg-opacity:.5;--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}._dialogContent_15i6c_14{position:relative;max-height:calc(100dvh - 4rem);max-width:28rem;display:flex;flex-direction:column;place-self:center;border-radius:.5rem;--un-bg-opacity:1;background-color:rgb(var(--color-white-rgb-value) / var(--un-bg-opacity));padding-left:min(8%,3rem);padding-right:min(8%,3rem);padding-top:min(8%,1.5rem);padding-bottom:min(8%,1.5rem);--un-text-opacity:1;color:rgb(15 15 15 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}._dialogContent_15i6c_14._large_15i6c_18{padding-left:min(8%,4rem);padding-right:min(8%,4rem);padding-top:min(8%,3rem);padding-bottom:min(8%,3rem)}._dialogContent_15i6c_14._compact_15i6c_21{padding:min(8%,1.5rem)}@media screen and (max-height: 500px){._dialogContent_15i6c_14._compact_15i6c_21{height:auto}}@media screen and (max-height: 500px){._dialogContent_15i6c_14{height:100%;max-height:calc(100dvh - 2rem);overflow:hidden;padding-left:min(8%,1.5rem);padding-right:min(8%,1.5rem);padding-top:min(8%,.5rem);padding-bottom:min(8%,.5rem)}}@media (min-width: 640px){._dialogContent_15i6c_14{max-width:36rem}}@media (min-width: 1024px){._dialogContent_15i6c_14{max-width:28rem}}._dialogTitle_15i6c_45{text-align:center;font-size:calc(var(--mb-size)*1.5rem);line-height:calc(var(--mb-size)*2rem);font-weight:700}._contentOut_15i6c_49{height:100%}._closeButton_15i6c_53{position:absolute;top:.625rem;right:.625rem;width:calc(var(--mb-size)*2rem);height:calc(var(--mb-size)*2rem);display:flex;align-items:center;justify-content:center;border-style:none;background-color:transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.1s}._closeButton_15i6c_53:hover{--un-bg-opacity:1;background-color:rgb(var(--color-gray-100-rgb-value) / var(--un-bg-opacity))}._closeButton_15i6c_53:active{--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity))}._closeButtonInner_15i6c_59{width:.875rem;height:.875rem}._primaryActionButton_15i6c_63{height:2.5rem;-webkit-appearance:none;appearance:none;border-radius:calc(var(--mb-size)*2.5rem);border-style:none;--un-bg-opacity:1;background-color:rgb(var(--color-primary) / var(--un-bg-opacity));padding-left:calc(var(--mb-size)*1.25rem);padding-right:calc(var(--mb-size)*1.25rem);padding-top:calc(var(--mb-size)*.25rem);padding-bottom:calc(var(--mb-size)*.25rem);text-wrap:nowrap;font-size:calc(var(--mb-size)*.875rem);line-height:calc(var(--mb-size)*1.25rem);--un-text-opacity:1;color:rgb(var(--color-white-rgb-value) / var(--un-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.1s}._primaryActionButton_15i6c_63[disabled]{cursor:not-allowed;--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity));--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}._primaryActionButton_15i6c_63[disabled]:hover{--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity))}._primaryActionButton_15i6c_63:hover{--un-bg-opacity:1;background-color:rgb(var(--color-accent-700-rgb-value) / var(--un-bg-opacity))}._primaryActionButton_15i6c_63:active{--un-bg-opacity:1;background-color:rgb(var(--color-accent-800-rgb-value) / var(--un-bg-opacity))}._primaryActionButton_15i6c_63:focus-visible{outline-width:2px;--un-outline-color-opacity:1;outline-color:rgb(var(--color-primary) / var(--un-outline-color-opacity));outline-offset:4px;outline-style:solid}._secondaryActionButton_15i6c_67{height:2.5rem;-webkit-appearance:none;appearance:none;border-radius:calc(var(--mb-size)*2.5rem);border-style:none;background-color:transparent;padding-left:calc(var(--mb-size)*1.25rem);padding-right:calc(var(--mb-size)*1.25rem);padding-top:calc(var(--mb-size)*.25rem);padding-bottom:calc(var(--mb-size)*.25rem);text-wrap:nowrap;font-size:calc(var(--mb-size)*.875rem);line-height:calc(var(--mb-size)*1.25rem);--un-text-opacity:1;color:rgb(var(--color-primary) / var(--un-text-opacity));--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgb(var(--color-primary) / var(--un-ring-opacity)) ;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.1s}._secondaryActionButton_15i6c_67[disabled]{cursor:not-allowed;--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity));--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}._secondaryActionButton_15i6c_67[disabled]:hover{--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity))}._secondaryActionButton_15i6c_67:hover{--un-bg-opacity:1;background-color:rgb(var(--color-accent-25-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-accent-700-rgb-value) / var(--un-text-opacity));--un-ring-opacity:1;--un-ring-color:rgb(var(--color-accent-700-rgb-value) / var(--un-ring-opacity)) }._secondaryActionButton_15i6c_67:active{--un-bg-opacity:1;background-color:rgb(var(--color-accent-50-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-accent-800-rgb-value) / var(--un-text-opacity));--un-ring-opacity:1;--un-ring-color:rgb(var(--color-accent-800-rgb-value) / var(--un-ring-opacity)) }._secondaryActionButton_15i6c_67:focus-visible{outline-width:2px;--un-outline-color-opacity:1;outline-color:rgb(var(--color-primary) / var(--un-outline-color-opacity));outline-offset:4px;outline-style:solid}._actions_15i6c_71{display:flex;gap:calc(var(--mb-size)*1rem)}._actions_15i6c_71 ._primaryActionButton_15i6c_63,._actions_15i6c_71 ._secondaryActionButton_15i6c_67{width:50%}._alertTitle_15i6c_79{font-size:calc(var(--mb-size)*1.125rem);line-height:calc(var(--mb-size)*1.75rem);--un-text-opacity:1;color:rgb(var(--color-gray-700-rgb-value) / var(--un-text-opacity));font-weight:400}._alertText_15i6c_83{margin-top:calc(var(--mb-size)*1rem);margin-bottom:calc(var(--mb-size)*2rem);padding-left:calc(var(--mb-size)*.5rem);padding-right:calc(var(--mb-size)*.5rem);text-align:center;text-wrap:pretty;--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity));font-weight:300;line-height:1.5}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.btn-focus:focus-visible{outline-width:2px;--un-outline-color-opacity:1;outline-color:rgb(var(--color-primary) / var(--un-outline-color-opacity));outline-offset:4px;outline-style:solid}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.left-0{left:calc(var(--mb-size)*0rem)}.right-4{right:calc(var(--mb-size)*1rem)}.top-0{top:calc(var(--mb-size)*0rem)}.has-\\[\\[data-scope\\]\\]\\:z-2:has([data-scope]),.z-2{z-index:2}.z-1{z-index:1}.grid{display:grid}.auto-cols-auto{grid-auto-columns:auto}.grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.block{display:block}.size-12{width:calc(var(--mb-size)*3rem);height:calc(var(--mb-size)*3rem)}.size-6{width:calc(var(--mb-size)*1.5rem);height:calc(var(--mb-size)*1.5rem)}.size-full{width:100%;height:100%}.h-full{height:100%}.h-vh{height:100vh}.max-w-\\[100\\%\\]{max-width:100%}.min-h-\\[300px\\]{min-height:300px}.min-w-0{min-width:calc(var(--mb-size)*0rem)}.w-full{width:100%}.flex{display:flex}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.data-\\[state\\=open\\]\\:scale-y-\\[-1\\][data-state=open]{--un-scale-y:-1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;appearance:none}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.gap-\\[1px\\]{gap:1px}.gap-2{gap:calc(var(--mb-size)*.5rem)}.gap-4{gap:calc(var(--mb-size)*1rem)}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.border-2{border-width:2px}.border-transparent{border-color:transparent}.data-\\[highlighted\\]\\:border-primary[data-highlighted]{--un-border-opacity:1;border-color:rgb(var(--color-primary) / var(--un-border-opacity))}.rounded-4{border-radius:calc(var(--mb-size)*1rem)}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-b-6{border-bottom-left-radius:calc(var(--mb-size)*1.5rem);border-bottom-right-radius:calc(var(--mb-size)*1.5rem)}.rounded-t-6{border-top-left-radius:calc(var(--mb-size)*1.5rem);border-top-right-radius:calc(var(--mb-size)*1.5rem)}.border-none{border-style:none}.border-solid{border-style:solid}.bg-dark-500{--un-bg-opacity:1;background-color:rgb(31 31 31 / var(--un-bg-opacity))}.bg-gray-550\\/50{background-color:rgb(var(--color-gray-550-rgb-value) / .5)}.bg-gray-550\\/70{background-color:rgb(var(--color-gray-550-rgb-value) / .7)}.bg-gray-550\\/90{background-color:rgb(var(--color-gray-550-rgb-value) / .9)}.p-2{padding:calc(var(--mb-size)*.5rem)}.px-4{padding-left:calc(var(--mb-size)*1rem);padding-right:calc(var(--mb-size)*1rem)}.py-2{padding-top:calc(var(--mb-size)*.5rem);padding-bottom:calc(var(--mb-size)*.5rem)}.py-3{padding-top:calc(var(--mb-size)*.75rem);padding-bottom:calc(var(--mb-size)*.75rem)}.py-4{padding-top:calc(var(--mb-size)*1rem);padding-bottom:calc(var(--mb-size)*1rem)}.pl-4{padding-left:calc(var(--mb-size)*1rem)}.pr-12{padding-right:calc(var(--mb-size)*3rem)}.text-align-center{text-align:center}.text-base{font-size:calc(var(--mb-size)*1rem);line-height:calc(var(--mb-size)*1.5rem)}.text-sm{font-size:calc(var(--mb-size)*.875rem);line-height:calc(var(--mb-size)*1.25rem)}.color-white{--un-text-opacity:1;color:rgb(var(--color-white-rgb-value) / var(--un-text-opacity))}.font-500{font-weight:500}.disabled\\:opacity-50:disabled{opacity:.5}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.backdrop-blur{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.backdrop-blur-xl{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.drop-shadow-md{--un-drop-shadow:drop-shadow(0 4px 3px var(--un-drop-shadow-color, rgb(0 0 0 / .07))) drop-shadow(0 2px 2px var(--un-drop-shadow-color, rgb(0 0 0 / .06)));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.lerp\\:px-3\\@xs\\,8\\@lg{padding-inline:clamp(calc(var(--mb-size)*.75rem),calc(var(--mb-size)*.75rem) + (100vw - 380px) * .031055900621118012,calc(var(--mb-size)*2rem))}@supports (height:100dvh){.supports-\\[\\(height\\:100dvh\\)\\]\\:h-dvh{height:100dvh}}")})();
+import { subscribeWithSelector as ue } from "zustand/middleware";
+import { createStore as de } from "zustand/vanilla";
+import { shallow as ge } from "zustand/shallow";
+import { createComponent as l, use as V, template as y, spread as D, mergeProps as J, insert as w, memo as Se, isServer as He, delegateEvents as We, effect as K, className as H, Portal as ye, Dynamic as Ge, render as Xe } from "solid-js/web";
+import { createContext as Ce, onCleanup as he, useContext as Ee, onMount as Z, createSignal as N, Show as k, Index as Qe, createRoot as Ke, getOwner as ke, splitProps as Ye, createEffect as Je } from "solid-js";
+import { createWithSignal as Te } from "solid-zustand";
+import { createStore as Ze } from "solid-js/store";
+import { EnvironmentProvider as et } from "@ark-ui/solid/environment";
 import { Dialog as $ } from "@ark-ui/solid/dialog";
-import { Select as A, createListCollection as Je } from "@ark-ui/solid/select";
+import { Select as A, createListCollection as tt } from "@ark-ui/solid/select";
 import { Tooltip as Q } from "@ark-ui/solid/tooltip";
-typeof HTMLVideoElement < "u" && !("requestVideoFrameCallback" in HTMLVideoElement.prototype) && "getVideoPlaybackQuality" in HTMLVideoElement.prototype && (HTMLVideoElement.prototype._rvfcpolyfillmap = {}, HTMLVideoElement.prototype.requestVideoFrameCallback = function(t) {
-  const e = performance.now(), r = this.getVideoPlaybackQuality(), a = this.mozPresentedFrames || this.mozPaintedFrames || r.totalVideoFrames - r.droppedVideoFrames, n = (o, i) => {
-    const l = this.getVideoPlaybackQuality(), c = this.mozPresentedFrames || this.mozPaintedFrames || l.totalVideoFrames - l.droppedVideoFrames;
-    if (c > a) {
-      const d = this.mozFrameDelay || l.totalFrameDelay - r.totalFrameDelay || 0, h = i - o;
-      t(i, {
-        presentationTime: i + d * 1e3,
-        expectedDisplayTime: i + h,
+typeof HTMLVideoElement < "u" && !("requestVideoFrameCallback" in HTMLVideoElement.prototype) && "getVideoPlaybackQuality" in HTMLVideoElement.prototype && (HTMLVideoElement.prototype._rvfcpolyfillmap = {}, HTMLVideoElement.prototype.requestVideoFrameCallback = function(r) {
+  const e = performance.now(), t = this.getVideoPlaybackQuality(), a = this.mozPresentedFrames || this.mozPaintedFrames || t.totalVideoFrames - t.droppedVideoFrames, n = (o, i) => {
+    const c = this.getVideoPlaybackQuality(), s = this.mozPresentedFrames || this.mozPaintedFrames || c.totalVideoFrames - c.droppedVideoFrames;
+    if (s > a) {
+      const h = this.mozFrameDelay || c.totalFrameDelay - t.totalFrameDelay || 0, f = i - o;
+      r(i, {
+        presentationTime: i + h * 1e3,
+        expectedDisplayTime: i + f,
         width: this.videoWidth,
         height: this.videoHeight,
-        mediaTime: Math.max(0, this.currentTime || 0) + h / 1e3,
-        presentedFrames: c,
-        processingDuration: d
+        mediaTime: Math.max(0, this.currentTime || 0) + f / 1e3,
+        presentedFrames: s,
+        processingDuration: h
       }), delete this._rvfcpolyfillmap[e];
     } else
-      this._rvfcpolyfillmap[e] = requestAnimationFrame((d) => n(i, d));
+      this._rvfcpolyfillmap[e] = requestAnimationFrame((h) => n(i, h));
   };
   return this._rvfcpolyfillmap[e] = requestAnimationFrame((o) => n(e, o)), e;
-}, HTMLVideoElement.prototype.cancelVideoFrameCallback = function(t) {
-  cancelAnimationFrame(this._rvfcpolyfillmap[t]), delete this._rvfcpolyfillmap[t];
+}, HTMLVideoElement.prototype.cancelVideoFrameCallback = function(r) {
+  cancelAnimationFrame(this._rvfcpolyfillmap[r]), delete this._rvfcpolyfillmap[r];
 });
-const Ze = [
+class U extends Error {
+  code;
+  /**
+   * Creates a new camera error.
+   *
+   * @param message - The error message.
+   * @param code - The error code.
+   * @param cause - The cause of the error.
+   */
+  constructor(e, t, a) {
+    super(e), this.code = t, this.cause = a;
+  }
+}
+const rt = [
   // English
   "back",
   "rear",
@@ -101,7 +115,7 @@ const Ze = [
   "बैक",
   // Latin American Spanish
   "posterior"
-], et = [
+], at = [
   // English
   "front",
   // German
@@ -168,38 +182,38 @@ const Ze = [
   "फ्रंट",
   // Latin American Spanish
   "frontal"
-], ke = (t, e) => e.some((r) => t.toLowerCase().includes(r)), Ee = (t) => ke(t, Ze), _e = (t) => ke(t, et);
-var tt = /* @__PURE__ */ function() {
-  function t(e, r) {
-    for (var a = 0; a < r.length; a++) {
-      var n = r[a];
+], _e = (r, e) => e.some((t) => r.toLowerCase().includes(t)), Me = (r) => _e(r, rt), xe = (r) => _e(r, at);
+var nt = /* @__PURE__ */ function() {
+  function r(e, t) {
+    for (var a = 0; a < t.length; a++) {
+      var n = t[a];
       n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
     }
   }
-  return function(e, r, a) {
-    return r && t(e.prototype, r), a && t(e, a), e;
+  return function(e, t, a) {
+    return t && r(e.prototype, t), a && r(e, a), e;
   };
-}(), rt = at(["", ""], ["", ""]);
-function at(t, e) {
-  return Object.freeze(Object.defineProperties(t, { raw: { value: Object.freeze(e) } }));
+}(), ot = it(["", ""], ["", ""]);
+function it(r, e) {
+  return Object.freeze(Object.defineProperties(r, { raw: { value: Object.freeze(e) } }));
 }
-function nt(t, e) {
-  if (!(t instanceof e))
+function st(r, e) {
+  if (!(r instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-var T = function() {
-  function t() {
-    for (var e = this, r = arguments.length, a = Array(r), n = 0; n < r; n++)
+var _ = function() {
+  function r() {
+    for (var e = this, t = arguments.length, a = Array(t), n = 0; n < t; n++)
       a[n] = arguments[n];
-    return nt(this, t), this.tag = function(o) {
-      for (var i = arguments.length, l = Array(i > 1 ? i - 1 : 0), c = 1; c < i; c++)
-        l[c - 1] = arguments[c];
-      return typeof o == "function" ? e.interimTag.bind(e, o) : typeof o == "string" ? e.transformEndResult(o) : (o = o.map(e.transformString.bind(e)), e.transformEndResult(o.reduce(e.processSubstitutions.bind(e, l))));
+    return st(this, r), this.tag = function(o) {
+      for (var i = arguments.length, c = Array(i > 1 ? i - 1 : 0), s = 1; s < i; s++)
+        c[s - 1] = arguments[s];
+      return typeof o == "function" ? e.interimTag.bind(e, o) : typeof o == "string" ? e.transformEndResult(o) : (o = o.map(e.transformString.bind(e)), e.transformEndResult(o.reduce(e.processSubstitutions.bind(e, c))));
     }, a.length > 0 && Array.isArray(a[0]) && (a = a[0]), this.transformers = a.map(function(o) {
       return typeof o == "function" ? o() : o;
     }), this.tag;
   }
-  return tt(t, [{
+  return nt(r, [{
     key: "interimTag",
     /**
      * An intermediary template tag that receives a template tag and passes the result of calling the template with the received
@@ -209,10 +223,10 @@ var T = function() {
      * @param  {...*}            ...substitutions - `substitutions` is an array of all substitutions in the template
      * @return {*}                                - the final processed value
      */
-    value: function(r, a) {
+    value: function(t, a) {
       for (var n = arguments.length, o = Array(n > 2 ? n - 2 : 0), i = 2; i < n; i++)
         o[i - 2] = arguments[i];
-      return this.tag(rt, r.apply(void 0, [a].concat(o)));
+      return this.tag(ot, t.apply(void 0, [a].concat(o)));
     }
     /**
      * Performs bulk processing on the tagged template, transforming each substitution and then
@@ -224,8 +238,8 @@ var T = function() {
      */
   }, {
     key: "processSubstitutions",
-    value: function(r, a, n) {
-      var o = this.transformSubstitution(r.shift(), a);
+    value: function(t, a, n) {
+      var o = this.transformSubstitution(t.shift(), a);
       return "".concat(a, o, n);
     }
     /**
@@ -236,11 +250,11 @@ var T = function() {
      */
   }, {
     key: "transformString",
-    value: function(r) {
+    value: function(t) {
       var a = function(o, i) {
         return i.onString ? i.onString(o) : o;
       };
-      return this.transformers.reduce(a, r);
+      return this.transformers.reduce(a, t);
     }
     /**
      * When a substitution is encountered, iterates through each transformer and applies the transformer's
@@ -251,11 +265,11 @@ var T = function() {
      */
   }, {
     key: "transformSubstitution",
-    value: function(r, a) {
-      var n = function(i, l) {
-        return l.onSubstitution ? l.onSubstitution(i, a) : i;
+    value: function(t, a) {
+      var n = function(i, c) {
+        return c.onSubstitution ? c.onSubstitution(i, a) : i;
       };
-      return this.transformers.reduce(n, r);
+      return this.transformers.reduce(n, t);
     }
     /**
      * Iterates through each transformer, applying the transformer's `onEndResult` method to the
@@ -265,13 +279,13 @@ var T = function() {
      */
   }, {
     key: "transformEndResult",
-    value: function(r) {
+    value: function(t) {
       var a = function(o, i) {
         return i.onEndResult ? i.onEndResult(o) : o;
       };
-      return this.transformers.reduce(a, r);
+      return this.transformers.reduce(a, t);
     }
-  }]), t;
+  }]), r;
 }(), M = function() {
   var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
   return {
@@ -286,21 +300,21 @@ var T = function() {
     }
   };
 };
-function ot(t) {
-  if (Array.isArray(t)) {
-    for (var e = 0, r = Array(t.length); e < t.length; e++)
-      r[e] = t[e];
-    return r;
+function lt(r) {
+  if (Array.isArray(r)) {
+    for (var e = 0, t = Array(r.length); e < r.length; e++)
+      t[e] = r[e];
+    return t;
   } else
-    return Array.from(t);
+    return Array.from(r);
 }
 var L = function() {
   var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "initial";
   return {
     onEndResult: function(a) {
       if (e === "initial") {
-        var n = a.match(/^[^\S\n]*(?=\S)/gm), o = n && Math.min.apply(Math, ot(n.map(function(l) {
-          return l.length;
+        var n = a.match(/^[^\S\n]*(?=\S)/gm), o = n && Math.min.apply(Math, lt(n.map(function(c) {
+          return c.length;
         })));
         if (o) {
           var i = new RegExp("^.{" + o + "}", "gm");
@@ -313,72 +327,72 @@ var L = function() {
       throw new Error("Unknown type: " + e);
     }
   };
-}, q = function(e, r) {
+}, q = function(e, t) {
   return {
     onEndResult: function(n) {
-      if (e == null || r == null)
+      if (e == null || t == null)
         throw new Error("replaceResultTransformer requires at least 2 arguments.");
-      return n.replace(e, r);
+      return n.replace(e, t);
     }
   };
-}, P = function(e, r) {
+}, O = function(e, t) {
   return {
     onSubstitution: function(n, o) {
-      if (e == null || r == null)
+      if (e == null || t == null)
         throw new Error("replaceSubstitutionTransformer requires at least 2 arguments.");
-      return n == null ? n : n.toString().replace(e, r);
+      return n == null ? n : n.toString().replace(e, t);
     }
   };
-}, it = {
+}, ct = {
   separator: "",
   conjunction: "",
   serial: !1
-}, D = function() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : it;
+}, I = function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ct;
   return {
     onSubstitution: function(a, n) {
       if (Array.isArray(a)) {
-        var o = a.length, i = e.separator, l = e.conjunction, c = e.serial, d = n.match(/(\n?[^\S\n]+)$/);
-        if (d ? a = a.join(i + d[1]) : a = a.join(i + " "), l && o > 1) {
-          var h = a.lastIndexOf(i);
-          a = a.slice(0, h) + (c ? i : "") + " " + l + a.slice(h + 1);
+        var o = a.length, i = e.separator, c = e.conjunction, s = e.serial, h = n.match(/(\n?[^\S\n]+)$/);
+        if (h ? a = a.join(i + h[1]) : a = a.join(i + " "), c && o > 1) {
+          var f = a.lastIndexOf(i);
+          a = a.slice(0, f) + (s ? i : "") + " " + c + a.slice(f + 1);
         }
       }
       return a;
     }
   };
-}, Te = function(e) {
+}, Re = function(e) {
   return {
     onSubstitution: function(a, n) {
       return typeof a == "string" && a.includes(e) && (a = a.split(e)), a;
     }
   };
-}, de = function(e) {
+}, fe = function(e) {
   return e != null && !Number.isNaN(e) && typeof e != "boolean";
-}, st = function() {
+}, ut = function() {
   return {
-    onSubstitution: function(r) {
-      return Array.isArray(r) ? r.filter(de) : de(r) ? r : "";
+    onSubstitution: function(t) {
+      return Array.isArray(t) ? t.filter(fe) : fe(t) ? t : "";
     }
   };
 };
-new T(D({ separator: "," }), L, M);
-new T(D({ separator: ",", conjunction: "and" }), L, M);
-new T(D({ separator: ",", conjunction: "or" }), L, M);
-new T(Te(`
-`), st, D, L, M);
-new T(Te(`
-`), D, L, M, P(/&/g, "&amp;"), P(/</g, "&lt;"), P(/>/g, "&gt;"), P(/"/g, "&quot;"), P(/'/g, "&#x27;"), P(/`/g, "&#x60;"));
-new T(q(/(?:\n(?:\s*))+/g, " "), M);
-new T(q(/(?:\n\s*)/g, ""), M);
-new T(D({ separator: "," }), q(/(?:\s+)/g, " "), M);
-new T(D({ separator: ",", conjunction: "or" }), q(/(?:\s+)/g, " "), M);
-new T(D({ separator: ",", conjunction: "and" }), q(/(?:\s+)/g, " "), M);
-new T(D, L, M);
-new T(D, q(/(?:\s+)/g, " "), M);
-new T(L, M);
-var Me = new T(L("all"), M);
-const lt = [
+new _(I({ separator: "," }), L, M);
+new _(I({ separator: ",", conjunction: "and" }), L, M);
+new _(I({ separator: ",", conjunction: "or" }), L, M);
+new _(Re(`
+`), ut, I, L, M);
+new _(Re(`
+`), I, L, M, O(/&/g, "&amp;"), O(/</g, "&lt;"), O(/>/g, "&gt;"), O(/"/g, "&quot;"), O(/'/g, "&#x27;"), O(/`/g, "&#x60;"));
+new _(q(/(?:\n(?:\s*))+/g, " "), M);
+new _(q(/(?:\n\s*)/g, ""), M);
+new _(I({ separator: "," }), q(/(?:\s+)/g, " "), M);
+new _(I({ separator: ",", conjunction: "or" }), q(/(?:\s+)/g, " "), M);
+new _(I({ separator: ",", conjunction: "and" }), q(/(?:\s+)/g, " "), M);
+new _(I, L, M);
+new _(I, q(/(?:\s+)/g, " "), M);
+new _(L, M);
+var Ae = new _(L("all"), M);
+const dt = [
   "Cameră dublă cu obiectiv superangular spate",
   "מצלמה כפולה רחבה אחורית",
   "Артқы қос кең бұрышты камера",
@@ -416,160 +430,132 @@ const lt = [
   "Cámara trasera dual con gran angular",
   "背面デュアル広角カメラ",
   "Stražnja dvostruka široka kamera"
-], K = (t) => {
-  if (t instanceof Error) return t;
+], Y = (r) => {
+  if (r instanceof Error) return r;
   try {
-    return new Error(JSON.stringify(t));
+    return new Error(JSON.stringify(r));
   } catch {
-    return new Error(String(t));
-  }
-};
-class xe extends Error {
-  code;
-  /**
-   * Creates a new camera error.
-   *
-   * @param message - The error message.
-   * @param code - The error code.
-   * @param cause - The cause of the error.
-   */
-  constructor(e, r, a) {
-    super(e), this.code = r, this.cause = a;
+    return new Error(String(r));
   }
-}
-const ct = async () => {
+}, $e = async () => {
   try {
-    const t = await navigator.mediaDevices.getUserMedia({
+    const r = await navigator.mediaDevices.getUserMedia({
       video: !0
     });
-    Re(t);
-  } catch (t) {
-    throw console.log(t), new xe(
+    De(r);
+  } catch (r) {
+    throw new U(
       "Camera permission not given",
       "PERMISSION_DENIED",
-      K(t)
+      Y(r)
     );
   }
-}, ut = async () => {
+}, ht = async () => {
   if (!isSecureContext)
-    throw new Error(Me`
+    throw new Error(Ae`
       Cameras can only be used in a secure context:
       https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts
     `);
-  return await ct(), (await navigator.mediaDevices.enumerateDevices()).filter((r) => r.kind === "videoinput");
-}, Re = (t) => {
-  const e = t.getTracks();
-  for (const r of e)
-    r.stop();
-}, dt = (t, e, r) => ({
+  return await $e(), (await navigator.mediaDevices.enumerateDevices()).filter((t) => t.kind === "videoinput");
+}, De = (r) => {
+  const e = r.getTracks();
+  for (const t of e)
+    t.stop();
+}, mt = (r, e, t) => ({
   video: {
-    deviceId: r ? { exact: r } : void 0,
+    deviceId: t ? { exact: t } : void 0,
     frameRate: 30,
     aspectRatio: {
-      exact: O[t].width / O[t].height
+      exact: P[r].width / P[r].height
     },
     width: {
-      ideal: O[t].width
+      ideal: P[r].width
     },
     height: {
-      ideal: O[t].height
+      ideal: P[r].height
     },
     facingMode: e
   },
   audio: !1
 });
-function ht(t) {
+function gt(r) {
   let e = 0;
-  return t.torchSupported && (e += 1), t.singleShotSupported && (e += 1), e;
+  return r.torchSupported && (e += 1), r.singleShotSupported && (e += 1), e;
 }
-function mt(t, e) {
-  return t.filter((r) => e === "back" || e === void 0 ? Ee(r.name) : _e(r.name));
+function ft(r, e) {
+  return r.filter((t) => e === "back" || e === void 0 ? Me(t.name) : xe(t.name));
 }
-const ft = async (t, e = "4k", r = "back") => {
-  if (t.length === 0)
+const bt = async (r, e = "4k", t = "back") => {
+  if (r.length === 0)
     throw new Error("No cameras found");
-  if (t.length === 1)
-    return await t[0].startStream(e), t[0];
-  let a = mt(t, r);
+  if (r.length === 1)
+    return await r[0].startStream(e), r[0];
+  let a = ft(r, t);
   if (a.length === 1)
     return await a[0].startStream(e), a[0];
-  if (a.length === 0 && (console.debug("No camera found with requested facing, using all cameras"), a = t), r === "back") {
-    const c = a.find(
-      (d) => lt.includes(d.name)
+  if (a.length === 0 && (console.debug("No camera found with requested facing, using all cameras"), a = r), t === "back") {
+    const s = a.find(
+      (h) => dt.includes(h.name)
     );
-    if (c)
-      return await c.startStream(e), c;
+    if (s)
+      return await s.startStream(e), s;
   }
-  if (r === "front") {
-    const c = a[a.length - 1];
-    return await c.startStream(e), c;
+  if (t === "front") {
+    const s = a[a.length - 1];
+    return await s.startStream(e), s;
   }
   const n = /* @__PURE__ */ new Map();
   let o, i = -1 / 0;
-  for (let c = a.length - 1; c >= 0; c--) {
-    const d = a[c];
+  for (let s = a.length - 1; s >= 0; s--) {
+    const h = a[s];
     try {
-      await d.startStream(e);
-      const h = ht(d);
-      if (n.set(d, h), h > i ? (o && o !== d && o.stopStream(), i = h, o = d) : d.stopStream(), h === 2)
-        return console.debug("Found camera with all capabilities, returning early"), d;
-    } catch (h) {
-      console.warn(`Failed to test camera ${d.name}:`, h), d.stopStream();
+      await h.startStream(e);
+      const f = gt(h);
+      if (n.set(h, f), f > i ? (o && o !== h && o.stopStream(), i = f, o = h) : h.stopStream(), f === 2)
+        return console.debug("Found camera with all capabilities, returning early"), h;
+    } catch (f) {
+      console.warn(`Failed to test camera ${h.name}:`, f), h.stopStream();
     }
   }
   if (o)
     return o;
-  const l = a[0];
-  return await l.startStream(e), l;
+  const c = a[0];
+  return await c.startStream(e), c;
 };
-function gt(t) {
+function pt(r) {
   const e = [];
-  for (const r of t) {
-    const a = new Ae(r);
+  for (const t of r) {
+    const a = new Ie(t);
     a !== null && e.push(a);
   }
   return e;
 }
-const O = {
-  "720p": { width: 1280, height: 720 },
-  "1080p": { width: 1920, height: 1080 },
-  "4k": { width: 3840, height: 2160 }
+const vt = {
+  deviceInfo: {},
+  name: "",
+  facingMode: void 0,
+  activeStream: void 0,
+  torchSupported: !1,
+  torchEnabled: !1,
+  singleShotSupported: !1,
+  maxSupportedResolution: void 0,
+  streamCapabilities: void 0,
+  error: void 0
 };
-function bt(t) {
-  return Math.max(t.width, t.height);
-}
-function pt(t) {
-  const e = {
-    width: Math.max(t.width, t.height),
-    height: Math.min(t.width, t.height)
-  };
-  return Math.abs(e.width / e.height - 16 / 9) > 1e-4 && console.warn(
-    `Resolution ${JSON.stringify(
-      t
-    )} is not 16:9, may cause issues with some video players.`
-  ), e;
-}
-function vt(t) {
-  const e = bt(t);
-  return e > 1920 ? "4k" : e > 1280 ? "1080p" : "720p";
-}
-function wt(t) {
-  const e = pt(t), r = Object.entries(O).find(
-    ([n, o]) => o.width === e.width && o.height === e.height
+class Ie {
+  /**
+   * The internal state of the camera, implemented as a Zustand store.
+   */
+  store = de()(
+    ue(() => vt)
   );
-  if (!r) {
-    const n = vt(t);
-    return console.warn(
-      `No exact resolution match found for ${JSON.stringify(t)}, categorizing as ${n}`
-    ), n;
-  }
-  return r[0];
-}
-class Ae {
+  #e = /* @__PURE__ */ new Set();
   /**
    * The device info.
    */
-  deviceInfo;
+  get deviceInfo() {
+    return this.store.getState().deviceInfo;
+  }
   /**
    * Stream capabilities as reported by the stream.
    *
@@ -578,30 +564,30 @@ class Ae {
    * camera.
    * @see https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack/getCapabilities
    */
-  streamCapabilities;
-  activeStream;
-  name;
-  facingMode;
-  torchSupported = !1;
-  torchEnabled = !1;
-  singleShotSupported = !1;
-  maxSupportedResolution;
-  /**
-   * Reference to the original instance before it was proxied.
-   */
-  original = this;
-  notify;
-  notifyStateChange;
-  /**
-   * Device capabilities as reported by the device.
-   *
-   * Not available on Firefox.
-   * Chrome doesn't report the torch capability, so we have to check for it on the stream.
-   * @see https://developer.mozilla.org/en-US/docs/Web/API/InputDeviceInfo/getCapabilities
-   *
-   * @deprecated Not used. Reconsider using once Firefox and Chrome align on this.
-   */
-  #e;
+  get streamCapabilities() {
+    return this.store.getState().streamCapabilities;
+  }
+  get activeStream() {
+    return this.store.getState().activeStream;
+  }
+  get name() {
+    return this.store.getState().name;
+  }
+  get facingMode() {
+    return this.store.getState().facingMode;
+  }
+  get torchSupported() {
+    return this.store.getState().torchSupported;
+  }
+  get torchEnabled() {
+    return this.store.getState().torchEnabled;
+  }
+  get singleShotSupported() {
+    return this.store.getState().singleShotSupported;
+  }
+  get maxSupportedResolution() {
+    return this.store.getState().maxSupportedResolution;
+  }
   /**
    * Creates a new Camera instance.
    *
@@ -610,20 +596,26 @@ class Ae {
   constructor(e) {
     if (e.kind !== "videoinput")
       throw new Error("Device is not a video input device");
-    this.deviceInfo = e, this.name = e.label, _e(e.label) && (this.facingMode = "front"), Ee(e.label) && (this.facingMode = "back");
-    const r = this, a = new Proxy(this, {
-      set(n, o, i, l) {
-        const c = Reflect.get(n, o, l), d = {
-          property: o,
-          oldValue: c,
-          value: i
-        };
-        return r.notify(d), Reflect.set(n, o, i, l);
-      }
+    let t;
+    xe(e.label) && (t = "front"), Me(e.label) && (t = "back"), this.store.setState({
+      deviceInfo: e,
+      name: e.label || "Unknown Camera",
+      facingMode: t
     });
-    return this.notify = (n) => {
-      this.notifyStateChange?.(a, n);
-    }, a;
+  }
+  subscribe(e, t, a) {
+    console.debug(`Creating subscription for camera: ${this.name}`);
+    let n;
+    return t ? n = this.store.subscribe(
+      e,
+      t,
+      a
+    ) : n = this.store.subscribe(
+      e
+    ), this.#e.add(n), () => (console.debug(`Removing subscription for camera: ${this.name}`), this.#e.delete(n), n());
+  }
+  unsubscribeAll() {
+    this.#e.forEach((e) => e()), this.#e.clear();
   }
   /**
    * Starts a stream with the specified resolution.
@@ -635,15 +627,17 @@ class Ae {
     if (this.activeStream)
       return this.activeStream;
     this.maxSupportedResolution && (e = this.maxSupportedResolution);
-    const r = await this.acquireStreamWithFallback(e);
-    this.populateCapabilities(r), this.activeStream = r;
-    const a = r.getVideoTracks()[0];
-    return a.onended = (n) => {
-      this.stopStream(), this.notify({
-        event: n,
-        payload: "TRACK_END"
-      });
-    }, r;
+    const t = await this.acquireStreamWithFallback(e);
+    this.populateCapabilities(t), this.store.setState({ activeStream: t });
+    const a = t.getVideoTracks()[0];
+    return a.onended = () => {
+      this.store.setState({
+        error: new U(
+          "Camera stream ended unexpectedly",
+          "STREAM_ENDED_UNEXPECTEDLY"
+        )
+      }), this.stopStream();
+    }, t;
   }
   /**
    * Acquires a camera stream with the specified resolution.
@@ -654,22 +648,22 @@ class Ae {
    */
   async acquireStreamWithFallback(e) {
     try {
-      const r = dt(
+      const t = mt(
         e,
         this.facingMode,
         this.deviceInfo.deviceId
       );
-      return await navigator.mediaDevices.getUserMedia(r);
-    } catch (r) {
+      return await navigator.mediaDevices.getUserMedia(t);
+    } catch (t) {
       console.warn(
         `Can't get camera stream for ${this.name} at ${e}`,
-        r
+        t
       );
-      let a = Object.keys(O).indexOf(e);
+      const a = Object.keys(P).indexOf(e);
       if (a === 0)
         throw new Error("Failed to get camera stream");
-      const n = Object.keys(O)[a - 1];
-      return await this.acquireStreamWithFallback(n);
+      const n = Object.keys(P)[a - 1];
+      return this.acquireStreamWithFallback(n);
     }
   }
   /**
@@ -678,17 +672,18 @@ class Ae {
    * @param stream - The stream to populate the capabilities from.
    */
   populateCapabilities(e) {
-    this.streamCapabilities = e.getVideoTracks()[0].getCapabilities();
-    const a = e.getVideoTracks()[0].getSettings();
-    if (!a.width || !a.height)
+    const t = e.getVideoTracks()[0].getCapabilities();
+    ge(t, this.streamCapabilities) || this.store.setState({ streamCapabilities: t });
+    const o = e.getVideoTracks()[0].getSettings();
+    if (!o.width || !o.height)
       throw new Error(
         "Video track resolution not available. Should not happen."
       );
-    const n = {
-      width: a.width,
-      height: a.height
-    }, o = wt(n);
-    !this.maxSupportedResolution && o && (this.maxSupportedResolution = o), "torch" in this.streamCapabilities && (this.torchSupported = !0), "focusMode" in this.streamCapabilities && this.streamCapabilities.focusMode?.includes("single-shot") && (this.singleShotSupported = !0), this.facingMode === "front" && this.streamCapabilities.facingMode?.includes("environment") && (this.facingMode = "back", console.warn("Front camera selected, but facingMode is environment")), this.facingMode === "back" && this.streamCapabilities.facingMode?.includes("user") && (this.facingMode = "front", console.warn("Back camera selected, but facingMode is user")), this.facingMode || (this.streamCapabilities.facingMode?.includes("environment") && (this.facingMode = "back"), this.streamCapabilities.facingMode?.includes("user") && (this.facingMode = "front"));
+    const i = {
+      width: o.width,
+      height: o.height
+    }, c = Ct(i), s = {};
+    !this.maxSupportedResolution && c && (s.maxSupportedResolution = c), "torch" in t && (s.torchSupported = !0), "focusMode" in t && t.focusMode?.includes("single-shot") && (s.singleShotSupported = !0), this.facingMode === "front" && t.facingMode?.includes("environment") && (s.facingMode = "back", console.warn("Front camera selected, but facingMode is environment")), this.facingMode === "back" && t.facingMode?.includes("user") && (s.facingMode = "front", console.warn("Back camera selected, but facingMode is user")), this.facingMode || (t.facingMode?.includes("environment") && (s.facingMode = "back"), t.facingMode?.includes("user") && (s.facingMode = "front")), ge(s, this.store.getState()) || this.store.setState(s);
   }
   /**
    * Toggles the torch on the camera.
@@ -708,9 +703,9 @@ class Ae {
             torch: !this.torchEnabled
           }
         ]
-      }), this.torchEnabled = !this.torchEnabled;
-    } catch (r) {
-      throw console.error("Failed to toggle torch", r), this.torchEnabled = !1, this.torchSupported = !1, new Error("Failed to toggle torch", { cause: r });
+      }), this.store.setState({ torchEnabled: !this.torchEnabled });
+    } catch (t) {
+      throw console.error("Failed to toggle torch", t), this.store.setState({ torchEnabled: !1, torchSupported: !1 }), new Error("Failed to toggle torch", { cause: t });
     }
     return this.torchEnabled;
   }
@@ -718,7 +713,11 @@ class Ae {
    * Stops the stream on the camera.
    */
   stopStream() {
-    this.activeStream && (console.debug(`Stopping active stream on ${this.name}`), Re(this.activeStream), this.activeStream = void 0, this.streamCapabilities = void 0, this.torchEnabled = !1);
+    this.activeStream && (console.debug(`Stopping active stream on ${this.name}`), De(this.activeStream), this.store.setState({
+      activeStream: void 0,
+      streamCapabilities: void 0,
+      torchEnabled: !1
+    }));
   }
   /**
    * Gets the video track on the camera.
@@ -733,50 +732,88 @@ class Ae {
     return this.activeStream.getVideoTracks()[0];
   }
 }
-const $e = {
+const P = {
+  "720p": { width: 1280, height: 720 },
+  "1080p": { width: 1920, height: 1080 },
+  "4k": { width: 3840, height: 2160 }
+};
+function wt(r) {
+  return Math.max(r.width, r.height);
+}
+function St(r) {
+  const e = {
+    width: Math.max(r.width, r.height),
+    height: Math.min(r.width, r.height)
+  };
+  return Math.abs(e.width / e.height - 16 / 9) > 1e-4 && console.warn(
+    `Resolution ${JSON.stringify(
+      r
+    )} is not 16:9, may cause issues with some video players.`
+  ), e;
+}
+function yt(r) {
+  const e = wt(r);
+  return e > 1920 ? "4k" : e > 1280 ? "1080p" : "720p";
+}
+function Ct(r) {
+  const e = St(r), t = Object.entries(P).find(
+    ([n, o]) => o.width === e.width && o.height === e.height
+  );
+  if (!t) {
+    const n = yt(r);
+    return console.warn(
+      `No exact resolution match found for ${JSON.stringify(r)}, categorizing as ${n}`
+    ), n;
+  }
+  return t[0];
+}
+const Fe = {
   cameras: [],
   facingFilter: void 0,
   videoElement: void 0,
+  videoResolution: void 0,
   playbackState: "idle",
+  extractionArea: void 0,
   selectedCamera: void 0,
   isSwappingCamera: !1,
   isQueryingCameras: !1,
+  cameraPermission: void 0,
   mirrorX: !1,
   errorState: void 0
-}, m = be()(
+}, u = de()(
   // this is important! Otherwise solid-zustand will start mutating the initial state
-  ge(() => structuredClone($e))
-), yt = () => {
-  console.debug("Stopping all cameras and resetting the `cameraManagerStore`."), m.getState().cameras.forEach((t) => {
-    t.stopStream();
-  }), m.setState(structuredClone($e));
-}, he = Element.prototype.attachShadow;
-function ue() {
+  ue(() => structuredClone(Fe))
+), Et = () => {
+  console.debug("Stopping all cameras and resetting the `cameraManagerStore`."), u.getState().cameras.forEach((r) => {
+    r.stopStream();
+  }), u.setState(structuredClone(Fe));
+}, be = Element.prototype.attachShadow;
+function me() {
   return typeof window.ShadyDOM < "u" && typeof ShadowRoot < "u";
 }
-function St() {
+function kt() {
   return typeof ShadowRoot < "u";
 }
-function Ct(t) {
-  he == null || ue() || (Element.prototype.attachShadow = function(e) {
-    const r = he.call(this, e);
-    return t(r), r;
+function Tt(r) {
+  be == null || me() || (Element.prototype.attachShadow = function(e) {
+    const t = be.call(this, e);
+    return r(t), t;
   });
 }
-function kt(t, ...e) {
-  const r = new Set(e);
+function _t(r, ...e) {
+  const t = new Set(e);
   let a = !1;
   const n = () => {
-    for (const o of r)
-      t(o);
-    r.clear();
+    for (const o of t)
+      r(o);
+    t.clear();
   };
   return {
     isRunning() {
       return a;
     },
     schedule(o) {
-      r.add(o), a && n();
+      t.add(o), a && n();
     },
     stop() {
       a = !1;
@@ -786,107 +823,107 @@ function kt(t, ...e) {
     }
   };
 }
-const Et = {
+const Mt = {
   childList: !0,
   subtree: !0
-}, _t = (t) => {
-  typeof queueMicrotask < "u" ? queueMicrotask(t) : typeof Promise < "u" ? Promise.resolve().then(() => t()) : setTimeout(() => t(), 0);
+}, xt = (r) => {
+  typeof queueMicrotask < "u" ? queueMicrotask(r) : typeof Promise < "u" ? Promise.resolve().then(() => r()) : setTimeout(() => r(), 0);
 };
-function me(t) {
-  if (typeof Symbol < "u" && t[Symbol.iterator] != null)
-    return [...t];
+function pe(r) {
+  if (typeof Symbol < "u" && r[Symbol.iterator] != null)
+    return [...r];
   {
     const e = [];
-    for (let r = 0; r < t.length; r++)
-      e[r] = t[r];
+    for (let t = 0; t < r.length; t++)
+      e[t] = r[t];
     return e;
   }
 }
-function Tt(t, e) {
-  return ue() ? new Set(me(window.ShadyDOM.nativeMethods.querySelectorAll.call(document.documentElement, e))) : new Set("querySelectorAll" in t ? me(t.querySelectorAll(e)) : []);
+function Rt(r, e) {
+  return me() ? new Set(pe(window.ShadyDOM.nativeMethods.querySelectorAll.call(document.documentElement, e))) : new Set("querySelectorAll" in r ? pe(r.querySelectorAll(e)) : []);
 }
-function Mt(t, e) {
-  return /* @__PURE__ */ new Set([...t ?? [], ...e ?? []]);
+function At(r, e) {
+  return /* @__PURE__ */ new Set([...r ?? [], ...e ?? []]);
 }
-function xt(t) {
-  return "activeElement" in t;
+function $t(r) {
+  return "activeElement" in r;
 }
-function Fe(t = document.documentElement) {
-  if (xt(t) && De(t), ue() && t instanceof ShadowRoot || !St())
+function Le(r = document.documentElement) {
+  if ($t(r) && ze(r), me() && r instanceof ShadowRoot || !kt())
     return;
-  const e = t.childNodes, r = "shadowRoot" in t && t.shadowRoot != null ? [t.shadowRoot] : [];
-  for (const a of [...e, ...r])
-    Fe(a);
+  const e = r.childNodes, t = "shadowRoot" in r && r.shadowRoot != null ? [r.shadowRoot] : [];
+  for (const a of [...e, ...t])
+    Le(a);
 }
-function Rt(t) {
-  return "isConnected" in Node.prototype ? t.isConnected : t.ownerDocument == null || !(t.ownerDocument.compareDocumentPosition(t) & t.DOCUMENT_POSITION_DISCONNECTED);
+function Dt(r) {
+  return "isConnected" in Node.prototype ? r.isConnected : r.ownerDocument == null || !(r.ownerDocument.compareDocumentPosition(r) & r.DOCUMENT_POSITION_DISCONNECTED);
 }
 const W = /* @__PURE__ */ new Map();
-function At(t, e) {
-  const r = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new WeakMap();
-  let i = !1, l = !1, c = !1;
-  const d = () => {
-    l = !0;
-    const p = [...r];
-    p.length > 0 && e(p, t), r.clear(), i = !1, l = !1;
-  }, h = () => {
-    i || (i = !0, _t(d));
-  }, C = (p) => {
-    r.add(p), l || h();
-  }, w = () => {
-    const p = [...r];
-    return r.clear(), p;
-  }, u = () => {
+function It(r, e) {
+  const t = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new WeakMap();
+  let i = !1, c = !1, s = !1;
+  const h = () => {
+    c = !0;
+    const b = [...t];
+    b.length > 0 && e(b, r), t.clear(), i = !1, c = !1;
+  }, f = () => {
+    i || (i = !0, xt(h));
+  }, p = (b) => {
+    t.add(b), c || f();
+  }, S = () => {
+    const b = [...t];
+    return t.clear(), b;
+  }, g = () => {
     a.clear();
-  }, v = (p, k) => {
-    let x = n.get(p);
-    const I = Tt(p, k), G = x?.get(k), X = Mt(I, G);
-    b(X), x == null && (x = /* @__PURE__ */ new Map(), n.set(p, x)), x.set(k, I);
-  }, b = (p) => {
-    for (const k of p) {
-      const x = o.get(k), I = Rt(k);
-      x !== I && (o.set(k, I), C({
-        connected: I,
-        target: k
+  }, d = (b, E) => {
+    let x = n.get(b);
+    const F = Rt(b, E), G = x?.get(E), X = At(F, G);
+    m(X), x == null && (x = /* @__PURE__ */ new Map(), n.set(b, x)), x.set(E, F);
+  }, m = (b) => {
+    for (const E of b) {
+      const x = o.get(E), F = Dt(E);
+      x !== F && (o.set(E, F), p({
+        connected: F,
+        target: E
       }));
     }
-  }, g = {
+  }, v = {
     observedTargets: a,
-    queryRootAndHandleMutationChanges: v,
-    handleMutationChange: b,
-    addObservedTarget: (p) => {
-      if (ie.run(), c || (c = !0, Fe()), a.add(p), typeof p != "string")
-        b([p]);
+    queryRootAndHandleMutationChanges: d,
+    handleMutationChange: m,
+    addObservedTarget: (b) => {
+      if (se.run(), s || (s = !0, Le()), a.add(b), typeof b != "string")
+        m([b]);
       else
-        for (const k of oe)
-          v(k, p);
+        for (const E of ie)
+          d(E, b);
     },
-    clearObservedTargets: u,
-    clearQueue: w
+    clearObservedTargets: g,
+    clearQueue: S
   };
-  W.set(t, g);
+  W.set(r, v);
 }
-const $t = (t) => {
-  for (const e of t)
+const Ft = (r) => {
+  for (const e of r)
     if (e.type === "childList")
-      for (const r of W.values())
-        for (const a of r.observedTargets)
-          typeof a == "string" ? r.queryRootAndHandleMutationChanges(e.target, a) : r.handleMutationChange([a]);
-}, oe = /* @__PURE__ */ new Set(), De = /* @__PURE__ */ (() => {
-  let t;
+      for (const t of W.values())
+        for (const a of t.observedTargets)
+          typeof a == "string" ? t.queryRootAndHandleMutationChanges(e.target, a) : t.handleMutationChange([a]);
+}, ie = /* @__PURE__ */ new Set(), ze = /* @__PURE__ */ (() => {
+  let r;
   return function(e) {
-    oe.has(e) || (oe.add(e), t == null && (t = new MutationObserver($t)), t.observe(e, Et));
+    ie.has(e) || (ie.add(e), r == null && (r = new MutationObserver(Ft)), r.observe(e, Mt));
   };
-})(), ie = kt(De, document.documentElement);
-class N {
+})(), se = _t(ze, document.documentElement);
+class z {
   constructor(e) {
     if (new.target === void 0)
-      throw new TypeError(`Constructor ${N.name} requires 'new'`);
+      throw new TypeError(`Constructor ${z.name} requires 'new'`);
     if (e === void 0)
-      throw new ReferenceError(`Failed to construct '${N.name}': 1 argument required, but only 0 present.`);
+      throw new ReferenceError(`Failed to construct '${z.name}': 1 argument required, but only 0 present.`);
     if (typeof e != "function")
-      throw new TypeError(`Failed to construct '${N.name}': The callback provided as parameter 1 is not a function.`);
-    At(this, e);
+      throw new TypeError(`Failed to construct '${z.name}': The callback provided as parameter 1 is not a function.`);
+    It(this, e);
   }
   /**
    * The Symbol.@@toStringTag value
@@ -902,11 +939,11 @@ class N {
    */
   observe(e) {
     if (e === void 0)
-      throw new ReferenceError(`Failed to execute '${this.observe.name}' on '${N.name}': 1 argument required, but only 0 present.`);
+      throw new ReferenceError(`Failed to execute '${this.observe.name}' on '${z.name}': 1 argument required, but only 0 present.`);
     if (typeof e != "string" && !(e instanceof Node))
-      throw new TypeError(`Failed to execute '${this.observe.name}' on '${N.name}': parameter 1 is not of type 'Node' or a DOMString.`);
-    const r = W.get(this);
-    r?.addObservedTarget(e);
+      throw new TypeError(`Failed to execute '${this.observe.name}' on '${z.name}': parameter 1 is not of type 'Node' or a DOMString.`);
+    const t = W.get(this);
+    t?.addObservedTarget(e);
   }
   /**
    * Takes the records immediately (instead of waiting for the next flush)
@@ -923,22 +960,14 @@ class N {
     e?.clearObservedTargets();
   }
 }
-Ct(ie.schedule.bind(ie));
-function Ft(t, ...e) {
-  return t.addEventListener(...e), () => {
-    t.removeEventListener(...e);
+Tt(se.schedule.bind(se));
+function ve(r, ...e) {
+  return r.addEventListener(...e), () => {
+    r.removeEventListener(...e);
   };
 }
-function Dt(t, e) {
-  let r;
-  if (e((a, n) => {
-    t.addEventListener(a, n), r = () => t.removeEventListener(a, n);
-  }), !r)
-    throw new Error("you forgot to add event listener");
-  return r;
-}
-function se(t) {
-  const e = Ie(t);
+function le(r) {
+  const e = Ne(r);
   if ("detached" in e)
     return e.detached;
   try {
@@ -947,40 +976,40 @@ function se(t) {
     return !0;
   }
 }
-class It {
+class Lt {
   #e;
-  #o = null;
-  #a = null;
-  #r = null;
   #n = null;
+  #r = null;
+  #a = null;
+  #i = null;
   #t = null;
   #s = 0;
-  #l = 0;
-  #i;
-  #u = 4;
+  #o = 0;
+  #l;
+  #c = 4;
   /**
    * Creates a new VideoFrameProcessor.
    *
    * @param options - The options for the VideoFrameProcessor.
    */
   constructor(e = {}) {
-    const { canvasRenderingMode: r = "webgl2", fallbackWebGlTo2d: a = !0 } = e;
-    if (this.#i = r, this.#e = document.createElement("canvas"), r === "2d")
+    const { canvasRenderingMode: t = "webgl2", fallbackWebGlTo2d: a = !0 } = e;
+    if (this.#l = t, this.#e = document.createElement("canvas"), t === "2d")
       this.#d();
-    else if (r === "webgl2")
+    else if (t === "webgl2")
       try {
-        this.#h();
+        this.#m();
       } catch (n) {
         if (a)
           console.warn(
             "Failed to create WebGL2 context, falling back to 2D canvas"
-          ), this.#i = "2d", this.#d();
+          ), this.#l = "2d", this.#d();
         else
           throw n;
       }
     else
       throw new Error(
-        `Unsupported rendering context: ${r}`
+        `Unsupported rendering context: ${t}`
       );
   }
   /**
@@ -992,12 +1021,12 @@ class It {
       willReadFrequently: !0
     });
     if (!e) throw new Error("CanvasRenderingContext2D is missing!");
-    this.#o = e;
+    this.#n = e;
   }
   /**
    * Initializes the WebGL2 context and resources.
    */
-  #h() {
+  #m() {
     const e = this.#e.getContext("webgl2", {
       alpha: !1,
       depth: !1,
@@ -1009,17 +1038,17 @@ class It {
       powerPreference: "high-performance"
     });
     if (!e) throw new Error("WebGL2RenderingContext is missing!");
-    this.#a = e;
-    const r = e.createTexture();
-    if (!r) throw new Error("Failed to create WebGL texture");
-    this.#r = r, e.bindTexture(e.TEXTURE_2D, r), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.NEAREST), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.NEAREST);
+    this.#r = e;
+    const t = e.createTexture();
+    if (!t) throw new Error("Failed to create WebGL texture");
+    this.#a = t, e.bindTexture(e.TEXTURE_2D, t), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.NEAREST), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.NEAREST);
     const a = e.createFramebuffer();
     if (!a) throw new Error("Failed to create framebuffer");
-    this.#n = a, e.bindFramebuffer(e.FRAMEBUFFER, a), e.framebufferTexture2D(
+    this.#i = a, e.bindFramebuffer(e.FRAMEBUFFER, a), e.framebufferTexture2D(
       e.FRAMEBUFFER,
       e.COLOR_ATTACHMENT0,
       e.TEXTURE_2D,
-      r,
+      t,
       0
     );
   }
@@ -1032,15 +1061,15 @@ class It {
    * @param arrayBuffer - The array buffer to reattach.
    */
   reattachArrayBuffer(e) {
-    const r = Ie(e);
-    if (se(r))
+    const t = Ne(e);
+    if (le(t))
       throw new Error("Can't use a detached array buffer!");
-    const a = this.#s * this.#l * 4;
-    if (r.byteLength === a)
-      this.#t = new Uint8ClampedArray(r);
+    const a = this.#s * this.#o * 4;
+    if (t.byteLength === a)
+      this.#t = new Uint8ClampedArray(t);
     else
       throw new Error(
-        `ArrayBuffer size mismatch: expected ${a}, got ${r.byteLength}`
+        `ArrayBuffer size mismatch: expected ${a}, got ${t.byteLength}`
       );
   }
   /**
@@ -1051,7 +1080,7 @@ class It {
   isBufferDetached() {
     if (!this.#t)
       throw new Error("Buffer is missing!");
-    return se(this.#t.buffer);
+    return le(this.#t.buffer);
   }
   /**
    * Extracts image data from a source element.
@@ -1060,8 +1089,8 @@ class It {
    * @param area - The extraction area.
    * @returns The image data.
    */
-  getImageData(e, r) {
-    return this.#i === "2d" ? this.#m(e, r) : this.#f(e, r);
+  getImageData(e, t) {
+    return this.#l === "2d" ? this.#g(e, t) : this.#u(e, t);
   }
   /**
    * Used to get the current ImageData object with the current buffer. Useful
@@ -1073,7 +1102,7 @@ class It {
   getCurrentImageData() {
     if (!this.#t)
       throw new Error("Buffer is missing!");
-    return new ImageData(this.#t, this.#s, this.#l);
+    return new ImageData(this.#t, this.#s, this.#o);
   }
   /**
    * Extract image data using 2D canvas.
@@ -1082,11 +1111,11 @@ class It {
    * @param area - The extraction area.
    * @returns The image data.
    */
-  #m(e, r) {
-    if (!this.#o)
+  #g(e, t) {
+    if (!this.#n)
       throw new Error("CanvasRenderingContext2D is missing!");
-    const a = "videoWidth" in e ? e.videoWidth : e.width, n = "videoHeight" in e ? e.videoHeight : e.height, o = r?.x ?? 0, i = r?.y ?? 0, l = r?.width ?? a, c = r?.height ?? n;
-    return this.#c(l, c), this.#o.drawImage(e, o, i, l, c), this.#o.getImageData(0, 0, l, c);
+    const a = "videoWidth" in e ? e.videoWidth : e.width, n = "videoHeight" in e ? e.videoHeight : e.height, o = t?.x ?? 0, i = t?.y ?? 0, c = t?.width ?? a, s = t?.height ?? n;
+    return this.#h(c, s), this.#n.drawImage(e, o, i, c, s), this.#n.getImageData(0, 0, c, s);
   }
   /**
    * Extract image data using WebGL2.
@@ -1095,26 +1124,26 @@ class It {
    * @param area - The extraction area.
    * @returns The image data.
    */
-  #f(e, r) {
-    if (!this.#a || !this.#r || !this.#n)
+  #u(e, t) {
+    if (!this.#r || !this.#a || !this.#i)
       throw new Error("WebGL2 context or resources are missing!");
-    const a = "videoWidth" in e ? e.videoWidth : e.width, n = "videoHeight" in e ? e.videoHeight : e.height, o = r?.x ?? 0, i = r?.y ?? 0, l = r?.width ?? a, c = r?.height ?? n, d = l * c * 4;
-    if (this.#c(l, c), this.isBufferDetached())
+    const a = "videoWidth" in e ? e.videoWidth : e.width, n = "videoHeight" in e ? e.videoHeight : e.height, o = t?.x ?? 0, i = t?.y ?? 0, c = t?.width ?? a, s = t?.height ?? n, h = c * s * 4;
+    if (this.#h(c, s), this.isBufferDetached())
       throw new Error("Buffer is detached!");
-    (!this.#t || this.#t.length !== d) && (this.#t = new Uint8ClampedArray(d));
-    const h = this.#a;
-    h.bindTexture(h.TEXTURE_2D, this.#r), h.texImage2D(h.TEXTURE_2D, 0, h.RGBA, h.RGBA, h.UNSIGNED_BYTE, e), h.bindFramebuffer(h.FRAMEBUFFER, this.#n);
+    (!this.#t || this.#t.length !== h) && (this.#t = new Uint8ClampedArray(h));
+    const f = this.#r;
+    f.bindTexture(f.TEXTURE_2D, this.#a), f.texImage2D(f.TEXTURE_2D, 0, f.RGBA, f.RGBA, f.UNSIGNED_BYTE, e), f.bindFramebuffer(f.FRAMEBUFFER, this.#i);
     try {
-      h.pixelStorei(h.PACK_ALIGNMENT, this.#u), h.readPixels(o, i, l, c, h.RGBA, h.UNSIGNED_BYTE, this.#t);
-    } catch (C) {
-      if (this.#u !== 1) {
-        this.#u = 1, h.pixelStorei(h.PACK_ALIGNMENT, 1);
-        const w = new Uint8ClampedArray(d);
-        return h.readPixels(0, 0, l, c, h.RGBA, h.UNSIGNED_BYTE, w), this.#t = w, new ImageData(w, l, c);
+      f.pixelStorei(f.PACK_ALIGNMENT, this.#c), f.readPixels(o, i, c, s, f.RGBA, f.UNSIGNED_BYTE, this.#t);
+    } catch (p) {
+      if (this.#c !== 1) {
+        this.#c = 1, f.pixelStorei(f.PACK_ALIGNMENT, 1);
+        const S = new Uint8ClampedArray(h);
+        return f.readPixels(0, 0, c, s, f.RGBA, f.UNSIGNED_BYTE, S), this.#t = S, new ImageData(S, c, s);
       }
-      throw C;
+      throw p;
     }
-    return new ImageData(this.#t, l, c);
+    return new ImageData(this.#t, c, s);
   }
   /**
    * Update canvas dimensions if needed.
@@ -1124,10 +1153,10 @@ class It {
    * @param width - The width of the canvas.
    * @param height - The height of the canvas.
    */
-  #c(e, r) {
-    if (this.#s !== e || this.#l !== r) {
-      this.#e.width = e, this.#e.height = r, this.#s = e, this.#l = r;
-      const a = e * r * 4;
+  #h(e, t) {
+    if (this.#s !== e || this.#o !== t) {
+      this.#e.width = e, this.#e.height = t, this.#s = e, this.#o = t;
+      const a = e * t * 4;
       this.#t = new Uint8ClampedArray(a);
     }
   }
@@ -1135,14 +1164,11 @@ class It {
    * Clean up resources.
    */
   dispose() {
-    this.#a && (this.#r && (this.#a.deleteTexture(this.#r), this.#r = null), this.#n && (this.#a.deleteFramebuffer(this.#n), this.#n = null)), this.#o = null, this.#a = null, this.#t = null;
+    this.#r && (this.#a && (this.#r.deleteTexture(this.#a), this.#a = null), this.#i && (this.#r.deleteFramebuffer(this.#i), this.#i = null)), this.#n = null, this.#r = null, this.#t = null;
   }
 }
-const Ie = (t) => ArrayBuffer.isView(t) ? t.buffer : t, zt = {
-  mirrorFrontCameras: !0,
-  preferredResolution: "1080p"
-};
-class ta {
+const Ne = (r) => ArrayBuffer.isView(r) ? r.buffer : r;
+class aa {
   #e;
   /**
    * The desired video resolution for camera streams. This is used as the ideal resolution
@@ -1151,26 +1177,25 @@ class ta {
    * 4k → 1080p → 720p. The actual resolution used may differ from this setting based on
    * camera capabilities and system constraints.
    */
-  #o;
-  #a;
-  #r;
   #n;
+  #r;
+  #a;
+  #i;
   #t;
-  #s;
   /**
    * If true, the user has initiated an abort. This will prevent the
    * CameraManager from throwing errors when the user interrupts the process.
    */
-  #l = !1;
+  #s = !1;
   /**
    * If true, the user has initiated an abort. This will prevent the
    * CameraManager from throwing errors when the user interrupts the process.
    */
   get userInitiatedAbort() {
-    return this.#l;
+    return this.#s;
   }
   set userInitiatedAbort(e) {
-    this.#l = e;
+    this.#s = e;
   }
   /**
    * Sets the area of the video frame that will be extracted.
@@ -1178,27 +1203,38 @@ class ta {
    * @param extractionArea The area of the video frame that will be extracted.
    */
   setExtractionArea(e) {
-    this.#a = e;
+    const t = u.getState().extractionArea;
+    t && t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height || u.setState({
+      extractionArea: e
+    });
+  }
+  /**
+   * Gets the area of the video frame that will be extracted.
+   *
+   * @returns The area of the video frame that will be extracted.
+   */
+  get extractionArea() {
+    return u.getState().extractionArea;
   }
   /**
    * Callbacks that will be triggered on each frame when the playback state is
    * "capturing".
    */
-  #i = /* @__PURE__ */ new Set();
+  #o = /* @__PURE__ */ new Set();
   /**
    * Creates a new CameraManager instance.
    *
    * @param options - The options for the CameraManager.
    * @param videoFrameProcessorOptions - The options for the VideoFrameProcessor.
    */
-  constructor(e = {}, r) {
+  constructor(e = {}, t) {
     const { mirrorFrontCameras: a, preferredResolution: n } = {
       ...zt,
       ...e
     };
-    this.#o = n, this.#n = new It(
-      r
-    ), this.#t = a;
+    this.#n = n, this.#a = new Lt(
+      t
+    ), this.#i = a;
   }
   /**
    * Sets the desired video resolution for camera streams. This is used as the ideal resolution
@@ -1209,9 +1245,9 @@ class ta {
    * @param resolution - The ideal resolution to set for camera streams.
    */
   setResolution = async (e) => {
-    this.#o = e;
-    const r = this.getState().playbackState;
-    r !== "idle" && (this.#e = r, this.stopStream(), await this.startCameraStream());
+    this.#n = e;
+    const t = this.getState().playbackState;
+    t !== "idle" && (this.#e = t, this.stopStream(), await this.startCameraStream());
   };
   /**
    * The desired video resolution for camera streams. This is used as the ideal resolution
@@ -1221,7 +1257,7 @@ class ta {
    * camera capabilities and system constraints.
    */
   get resolution() {
-    return this.#o;
+    return this.#n;
   }
   /**
    * True if there is a video playing or capturing
@@ -1229,7 +1265,7 @@ class ta {
    * @see https://developer.mozilla.org/en-US/docs/Web/API/MediaSession/playbackState for more details.
    */
   get isActive() {
-    return m.getState().playbackState !== "idle";
+    return u.getState().playbackState !== "idle";
   }
   /**
    * Sets the facing filter.
@@ -1237,7 +1273,7 @@ class ta {
    * @param facingFilter - The facing filter.
    */
   setFacingFilter(e) {
-    m.setState({
+    u.setState({
       facingFilter: e
     });
   }
@@ -1248,18 +1284,21 @@ class ta {
    * @returns The cameras that are available to the user, filtered by the facing mode.
    */
   async getCameraDevices() {
-    let e = m.getState().cameras;
-    const r = m.getState().facingFilter;
-    return e.length || await this.refreshCameraDevices(), e = m.getState().cameras, r ? e.filter(
-      (n) => r.includes(n.facingMode)
+    let e = u.getState().cameras;
+    const t = u.getState().facingFilter;
+    return e.length || await this.refreshCameraDevices(), e = u.getState().cameras, t ? e.filter(
+      (n) => t.includes(n.facingMode)
     ) : e;
   }
+  get selectedCamera() {
+    return u.getState().selectedCamera;
+  }
   /**
    * Single-time setup for a video element.
    *
    * @param videoElement - The video element to initialize.
    */
-  #u(e) {
+  #l(e) {
     if (!(e instanceof HTMLVideoElement))
       throw new Error(
         `Expected an HTMLVideoElement, got ${typeof e}`,
@@ -1267,45 +1306,32 @@ class ta {
           cause: e
         }
       );
-    m.setState({
+    u.setState({
       videoElement: e
     });
-    const r = Dt(e, (i) => {
-      [
-        "abort"
-        // "error",
-        // "canplay",
-        // "canplaythrough",
-        // "loadeddata",
-        // "loadedmetadata",
-        // "play",
-        // "playing",
-        // "pause",
-        // "waiting",
-        // "seeking",
-        // "seeked",
-        // "ended",
-        // "stalled",
-        // "suspend",
-        // "timeupdate",
-        // "ratechange",
-        // "durationchange",
-      ].forEach((c) => {
-        i(c, () => {
-          console.debug(`Video event: ${c}`);
+    const t = ve(
+      e,
+      "resize",
+      () => {
+        const i = u.getState().videoResolution;
+        i?.width === e.videoWidth && i?.height === e.videoHeight || u.setState({
+          videoResolution: {
+            width: e.videoWidth,
+            height: e.videoHeight
+          }
         });
-      });
-    });
-    new N((i) => {
+      }
+    ), a = new z((i) => {
       i[0].connected || this.releaseVideoElement();
-    }).observe(e), e.setAttribute("playsInline", ""), e.setAttribute("muted", ""), e.controls = !1;
+    });
+    a.observe(e), e.setAttribute("playsInline", ""), e.setAttribute("muted", ""), e.controls = !1;
     let n = "idle";
-    const o = Ft(
+    const o = ve(
       document,
       "visibilitychange",
       async () => {
         if (document.hidden) {
-          n = m.getState().playbackState, this.stopStream();
+          n = u.getState().playbackState, this.stopStream();
           return;
         }
         switch (n) {
@@ -1318,8 +1344,8 @@ class ta {
         }
       }
     );
-    this.#s = () => {
-      o(), r();
+    this.#t = () => {
+      o(), t(), a.disconnect();
     };
   }
   /**
@@ -1329,12 +1355,12 @@ class ta {
    */
   initVideoElement(e) {
     try {
-      this.#u(e);
-    } catch (r) {
+      this.#l(e);
+    } catch (t) {
       if (this.userInitiatedAbort)
         this.reset();
       else
-        throw r;
+        throw t;
     }
   }
   /**
@@ -1345,13 +1371,13 @@ class ta {
    * @returns a cleanup function to remove the callback
    */
   addFrameCaptureCallback(e) {
-    return this.#i.add(e), () => this.#i.delete(e);
+    return this.#o.add(e), () => this.#o.delete(e);
   }
   /**
    * Cleans up the video element, and stops the stream.
    */
   releaseVideoElement() {
-    this.#s?.(), m.setState({
+    this.#t?.(), u.setState({
       videoElement: void 0
     }), this.stopStream();
   }
@@ -1362,9 +1388,9 @@ class ta {
    * @param camera - The camera to select.
    */
   async selectCamera(e) {
-    const r = m.getState().playbackState;
-    r !== "idle" && (this.#e = r);
-    const a = m.getState();
+    const t = u.getState().playbackState;
+    t !== "idle" && (this.#e = t);
+    const a = u.getState();
     if (a.selectedCamera === e) {
       console.debug("Already selected");
       return;
@@ -1373,9 +1399,9 @@ class ta {
       console.debug("Already swapping");
       return;
     }
-    m.setState({
+    u.setState({
       isSwappingCamera: !0
-    }), a.selectedCamera?.activeStream && (console.debug("Stopping previous stream"), a.selectedCamera.stopStream()), a.videoElement && (a.videoElement.srcObject = null), m.setState({
+    }), a.selectedCamera?.activeStream && (console.debug("Stopping previous stream"), a.selectedCamera.stopStream()), a.videoElement && (a.videoElement.srcObject = null), u.setState({
       selectedCamera: e,
       isSwappingCamera: !1
     }), this.#e === "playback" && (console.debug("Starting new stream"), await this.startPlayback()), this.#e === "capturing" && (console.debug("Resuming frame capture"), await this.startFrameCapture()), this.#e = void 0;
@@ -1386,37 +1412,77 @@ class ta {
    * @returns resolves when the camera devices are refreshed
    */
   async refreshCameraDevices() {
-    if (m.getState().isQueryingCameras || m.getState().isSwappingCamera) {
+    if (u.getState().isQueryingCameras || u.getState().isSwappingCamera) {
       console.debug("Already querying cameras");
       return;
     }
-    m.setState({
+    if (u.getState().cameraPermission === "prompt") {
+      console.debug("Still waiting for user to respond");
+      return;
+    }
+    u.setState({
       isQueryingCameras: !0
-    });
-    const e = await ut().catch((a) => {
-      throw m.setState({
-        errorState: K(a),
+    }), window.setTimeout(() => {
+      const a = u.getState();
+      a.isQueryingCameras && u.setState({
+        cameraPermission: "prompt"
+      }), !a.isQueryingCameras && a.cameraPermission === "denied" && u.setState({
+        cameraPermission: "blocked"
+      });
+    }, 100);
+    const e = await ht().catch((a) => {
+      throw a instanceof U && a.code === "PERMISSION_DENIED" && u.setState({
+        errorState: Y(a),
+        cameraPermission: "denied",
         isQueryingCameras: !1
       }), a;
-    }), r = gt(e);
-    r.forEach((a) => {
-      a.notifyStateChange || (a.notifyStateChange = (n, o) => {
+    });
+    u.setState({
+      cameraPermission: "granted"
+    });
+    const t = pt(e);
+    t.forEach((a) => {
+      a.unsubscribeAll(), a.subscribe((n) => {
         window.queueMicrotask(() => {
-          m.setState({
-            cameras: [...m.getState().cameras]
+          const i = u.getState().selectedCamera;
+          a === i && u.setState({
+            selectedCamera: a
           });
-          const i = m.getState().selectedCamera;
-          if (!i)
-            return;
-          let l;
-          typeof o == "object" && o !== null && "payload" in o && o.payload === "TRACK_END" && (l = new Error("Camera stream ended unexpectedly")), n === i && m.setState({
-            selectedCamera: i,
-            errorState: l
+          let c = !1, s;
+          n.error?.code === "STREAM_ENDED_UNEXPECTEDLY" && $e().catch((h) => {
+            h instanceof U && h.code === "PERMISSION_DENIED" && (c = !0, s = h);
+          }).finally(() => {
+            u.setState({
+              errorState: s,
+              playbackState: "idle",
+              cameraPermission: c ? "denied" : "granted"
+            });
           });
         });
-      });
-    }), m.setState({
-      cameras: r,
+      }), a.subscribe(
+        // need a custom selector to be able to use a custom `equalityFn` with zustand middleware
+        (n) => n,
+        () => {
+          window.queueMicrotask(() => {
+            u.setState({
+              cameras: [...u.getState().cameras]
+            });
+          });
+        },
+        // Use a custom equality function to prevent updating all cameras list for
+        // every minor change in camera state
+        {
+          equalityFn: (n, o) => [
+            "torchSupported",
+            "singleShotSupported",
+            "facingMode",
+            "maxSupportedResolution",
+            "name"
+          ].every((c) => n[c] === o[c])
+        }
+      );
+    }), u.setState({
+      cameras: t,
       isQueryingCameras: !1
     });
   }
@@ -1426,7 +1492,7 @@ class ta {
    * @returns resolves when playback starts
    */
   async startPlayback() {
-    const e = m.getState();
+    const e = u.getState();
     if (!(this.isActive && !this.#e)) {
       if (!e.videoElement) {
         console.warn("Starting playback - no video element present.");
@@ -1437,17 +1503,17 @@ class ta {
         return;
       }
       if (!e.selectedCamera.activeStream) {
-        const r = await e.selectedCamera.startStream(this.resolution);
-        e.videoElement.srcObject = r;
+        const t = await e.selectedCamera.startStream(this.resolution);
+        e.videoElement.srcObject = t;
       }
       try {
-        this.#g(), await e.videoElement.play(), m.setState({
+        this.#h(), await e.videoElement.play(), u.setState({
           playbackState: "playback"
         });
-      } catch (r) {
-        throw console.error("Failed to start playback", r), m.setState({
-          errorState: K(r)
-        }), r;
+      } catch (t) {
+        throw console.error("Failed to start playback", t), u.setState({
+          errorState: Y(t)
+        }), t;
       }
     }
   }
@@ -1456,8 +1522,8 @@ class ta {
    *
    * @returns resolves when frame capture starts
    */
-  async #d() {
-    const e = m.getState();
+  async #c() {
+    const e = u.getState();
     if (!this.userInitiatedAbort && !(e.playbackState === "capturing" && this.#e !== "capturing")) {
       if (!e.videoElement) {
         console.warn(
@@ -1471,9 +1537,9 @@ class ta {
         );
         return;
       }
-      await this.startPlayback(), m.setState({
+      await this.startPlayback(), u.setState({
         playbackState: "capturing"
-      }), this.#c(), this.#e = void 0;
+      }), this.#u(), this.#e = void 0;
     }
   }
   /**
@@ -1483,7 +1549,7 @@ class ta {
    */
   startFrameCapture = async () => {
     try {
-      await this.#d();
+      await this.#c();
     } catch (e) {
       if (this.userInitiatedAbort)
         this.reset();
@@ -1497,12 +1563,12 @@ class ta {
    * @param params - The parameters for the camera stream.
    * @returns resolves when the camera stream starts
    */
-  async #h({
+  async #d({
     autoplay: e = !0,
-    preferredCamera: r,
+    preferredCamera: t,
     preferredFacing: a
   } = {}) {
-    const n = m.getState().videoElement;
+    const n = u.getState().videoElement;
     if (!n) {
       console.warn("Can't start stream without a video element");
       return;
@@ -1511,41 +1577,41 @@ class ta {
       console.warn("Already streaming");
       return;
     }
-    if (r instanceof Ae && await this.selectCamera(r), !m.getState().selectedCamera)
+    if (t instanceof Ie && await this.selectCamera(t), !u.getState().selectedCamera)
       try {
-        const l = await this.getCameraDevices();
-        let c;
-        if (!l.length)
-          throw console.log("Camera list is empty"), new Error(
+        const c = await this.getCameraDevices();
+        let s;
+        if (!c.length)
+          throw console.warn("Camera list is empty"), new Error(
             `No cameras found matching the filter ${a}`
           );
-        if (typeof r == "function" && (c = r(l), c || console.warn(
+        if (typeof t == "function" && (s = t(c), s || console.warn(
           "No camera found matching the preferred camera function, falling back to facing mode"
-        )), c || (c = await ft(
-          l,
+        )), s || (s = await bt(
+          c,
           this.resolution,
           a
-        )), !c)
+        )), !s)
           throw new Error(
             `No cameras found matching the filter ${a}`
           );
-        await this.selectCamera(c), this.#m() && m.setState({
+        await this.selectCamera(s), this.#m() && u.setState({
           errorState: void 0
         });
-      } catch (l) {
-        throw m.setState({
-          errorState: K(l)
-        }), l;
+      } catch (c) {
+        throw u.setState({
+          errorState: Y(c)
+        }), c;
       }
-    const o = m.getState().selectedCamera;
+    const o = u.getState().selectedCamera;
     if (!o)
       throw console.warn("No selected camera!"), new Error("No selected camera");
-    const i = await o.startStream(this.#o);
+    const i = await o.startStream(this.#n);
     if (!n.isConnected)
       throw new Error("Video element needs to be in the document!");
-    n.srcObject = i, m.setState({
+    n.srcObject = i, u.setState({
       videoElement: n
-    }), e && await this.startPlayback();
+    }), e && await this.startPlayback(), this.#e === "capturing" && (console.debug("Resuming frame capture"), await this.startFrameCapture()), this.#e === "playback" && (console.debug("Resuming playback"), await this.startPlayback());
   }
   /**
    * Starts a best-effort camera stream. Will pick a camera automatically if
@@ -1556,12 +1622,12 @@ class ta {
    */
   async startCameraStream(e = {}) {
     try {
-      await this.#h(e);
-    } catch (r) {
+      await this.#d(e);
+    } catch (t) {
       if (this.userInitiatedAbort)
         this.reset();
       else
-        throw r;
+        throw t;
     }
   }
   /**
@@ -1570,14 +1636,14 @@ class ta {
    * @returns true if the error state is a permission error
    */
   #m = () => {
-    const e = m.getState().errorState;
-    return e instanceof xe && e.code === "PERMISSION_DENIED";
+    const e = u.getState().errorState;
+    return e instanceof U && e.code === "PERMISSION_DENIED";
   };
   /**
    * Pauses capturing frames, without stopping playback.
    */
   stopFrameCapture() {
-    m.setState({
+    u.setState({
       playbackState: "playback"
     });
   }
@@ -1586,7 +1652,7 @@ class ta {
    */
   stopStream() {
     console.debug("stopStream called");
-    const e = m.getState();
+    const e = u.getState();
     this.pausePlayback(), e.selectedCamera?.stopStream(), e.videoElement && (e.videoElement.srcObject = null);
   }
   /**
@@ -1594,16 +1660,16 @@ class ta {
    */
   pausePlayback() {
     console.debug("pausePlayback called");
-    const e = m.getState().videoElement;
-    m.setState({
+    const e = u.getState().videoElement;
+    u.setState({
       playbackState: "idle"
     }), e && (this.#r && e.cancelVideoFrameCallback(this.#r), e.pause());
   }
   /**
    * The main recognition loop. Do not call this method directly, use `#queueFrame` instead.
    */
-  async #f() {
-    const e = m.getState();
+  async #g() {
+    const e = u.getState();
     if (this.#r === void 0) {
       console.error("Missing request ID");
       return;
@@ -1612,41 +1678,47 @@ class ta {
       console.warn("Missing video element, should not happen");
       return;
     }
-    if (!(e.videoElement.videoHeight >= e.videoElement.videoWidth == this.#a.height >= this.#a.width))
-      return this.#c();
-    if (this.#i.size !== 0) {
-      const a = this.#n.getImageData(
+    if (!e.extractionArea) {
+      console.warn(
+        "Stream started before extraction area was set, skipping frame."
+      );
+      return;
+    }
+    if (!(e.videoElement.videoHeight >= e.videoElement.videoWidth == e.extractionArea.height >= e.extractionArea.width))
+      return this.#u();
+    if (this.#o.size !== 0) {
+      const a = this.#a.getImageData(
         e.videoElement,
-        this.#a
+        e.extractionArea
       );
-      for (const n of this.#i) {
-        const o = se(a.data) ? this.#n.getCurrentImageData() : a, i = await n(o);
+      for (const n of this.#o) {
+        const o = le(a.data.buffer) ? this.#a.getCurrentImageData() : a, i = await n(o);
         if (i) {
           if (!(i instanceof ArrayBuffer))
             throw new Error(
-              Me`
+              Ae`
               Frame capture callback did not return an ArrayBuffer.
               Make sure to return the underlying buffer, not the view.
             `
             );
-          this.#n.reattachArrayBuffer(i);
+          this.#a.reattachArrayBuffer(i);
         }
       }
     }
-    this.#c();
+    this.#u();
   }
   /**
    * Queues the next frame to be processed.
    */
-  #c() {
-    const e = m.getState();
+  #u() {
+    const e = u.getState();
     if (e.playbackState === "capturing") {
       if (!e.videoElement) {
         console.warn("Missing video element, should not happen");
         return;
       }
       this.#r && e.videoElement.cancelVideoFrameCallback(this.#r), this.#r = e.videoElement.requestVideoFrameCallback(
-        () => void this.#f()
+        () => void this.#g()
       );
     }
   }
@@ -1654,13 +1726,13 @@ class ta {
    * Applies a mirror effect to the video if the camera is front-facing.
    * Assumes that desktop devices don't return a facing mode and that they are front-facing.
    */
-  #g() {
-    const e = m.getState().selectedCamera;
+  #h() {
+    const e = u.getState().selectedCamera;
     if (!e) {
       console.warn("No camera selected");
       return;
     }
-    this.#t && (e.facingMode !== "back" ? this.setCameraMirrorX(!0) : this.setCameraMirrorX(!1));
+    this.#i && (e.facingMode !== "back" ? this.setCameraMirrorX(!0) : this.setCameraMirrorX(!1));
   }
   /**
    * If true, the video and captured frames will be mirrored horizontally.
@@ -1668,12 +1740,12 @@ class ta {
    * @param mirrorX - If true, the video and captured frames will be mirrored horizontally.
    */
   setCameraMirrorX(e) {
-    const r = m.getState(), a = r.videoElement;
+    const t = u.getState(), a = t.videoElement;
     if (!a) {
       console.warn("Mirror video - no video element present.");
       return;
     }
-    r.mirrorX !== e && (e ? a.style.scale = "-1 1" : a.style.removeProperty("scale"), m.setState({ mirrorX: e }));
+    t.mirrorX !== e && (e ? a.style.scale = "-1 1" : a.style.removeProperty("scale"), u.setState({ mirrorX: e }));
   }
   // The "typeof" is necessary to avoid a circular dependency when resolving types
   /**
@@ -1683,152 +1755,155 @@ class ta {
    *
    * @returns a cleanup function to remove the subscription
    */
-  subscribe = m.subscribe;
+  subscribe = u.subscribe;
   /**
    * Gets the current internal state of the CameraManager.
    *
    * @returns the current state of the CameraManager
    */
-  getState = m.getState;
+  getState = u.getState;
   /**
    * Resets the CameraManager and stops all streams.
    */
   reset() {
-    console.debug("Resetting camera manager"), this.#i.clear(), this.stopStream(), yt();
+    console.debug("Resetting camera manager"), this.#o.clear(), this.userInitiatedAbort = !1, this.stopStream(), Et();
   }
 }
-const ze = we();
-function Lt() {
-  return Ce(m);
+const zt = {
+  mirrorFrontCameras: !0,
+  preferredResolution: "1080p"
+}, Pe = Ce();
+function Nt() {
+  return Te(u);
 }
-const Nt = (t) => {
+const Pt = (r) => {
   const e = {
-    cameraManagerSolidStore: Lt(),
+    cameraManagerSolidStore: Nt(),
     // eslint-disable-next-line solid/reactivity
-    cameraManager: t.cameraManager,
+    cameraManager: r.cameraManager,
     // eslint-disable-next-line solid/reactivity
     dismountCameraUi: () => {
-      t.cameraManager.userInitiatedAbort = !0, t.dismountCameraUi();
+      r.cameraManager.userInitiatedAbort = !0, r.dismountCameraUi();
     },
     // eslint-disable-next-line solid/reactivity
-    addOnDismountCallback: t.addOnDismountCallback,
+    addOnDismountCallback: r.addOnDismountCallback,
     // eslint-disable-next-line solid/reactivity
-    mountTarget: t.mountTarget,
+    mountTarget: r.mountTarget,
     // eslint-disable-next-line solid/reactivity
-    showMirrorCameraButton: t.showMirrorCameraButton,
+    showMirrorCameraButton: r.showMirrorCameraButton,
     // eslint-disable-next-line solid/reactivity
-    showTorchButton: t.showTorchButton,
+    showTorchButton: r.showTorchButton,
     // eslint-disable-next-line solid/reactivity
-    showCloseButton: t.showCloseButton,
+    showCloseButton: r.showCloseButton,
     // eslint-disable-next-line solid/reactivity
-    showCameraErrorModal: t.showCameraErrorModal
+    showCameraErrorModal: r.showCameraErrorModal
   };
-  return ce(() => {
+  return he(() => {
     console.debug("CameraUiStoreProvider cleanup");
-  }), s(ze.Provider, {
+  }), l(Pe.Provider, {
     value: e,
     get children() {
-      return t.children;
+      return r.children;
     }
   });
 };
 function j() {
-  const t = ye(ze);
-  if (!t)
+  const r = Ee(Pe);
+  if (!r)
     throw new Error("StoreContext.Provider not in scope");
-  return t;
+  return r;
 }
-const Bt = {
-  selected_camera: "Selected camera",
-  loading_cameras: "Loading cameras...",
-  select_a_camera: "Select a camera",
-  select_camera: "Select camera",
+const Ot = {
+  camera_error_cancel_btn: "Cancel",
+  camera_error_details: "Please allow camera access in your browser and try again.",
+  camera_error_primary_btn: "Retry",
+  camera_error_title: "Camera permission required",
   close: "Close",
-  torch: "Torch",
+  loading_cameras: "Loading cameras...",
   mirror_camera: "Mirror camera",
   scan_document: "Scan a document",
-  camera_error_title: "Camera permission required",
-  camera_error_details: "Please allow camera access in your browser and try again.",
-  camera_error_cancel_btn: "Cancel",
-  camera_error_primary_btn: "Retry"
-}, Le = we(), Ot = (t) => {
-  const [e, r] = Ke(
+  select_a_camera: "Select a camera",
+  select_camera: "Select camera",
+  selected_camera: "Selected camera",
+  torch: "Torch"
+}, Oe = Ce(), Bt = (r) => {
+  const [e, t] = Ze(
     // we structure clone to avoid proxying to the original object
     structuredClone({
-      ...Bt,
+      ...Ot,
       // we don't care on init
       // eslint-disable-next-line solid/reactivity
-      ...t.userStrings
+      ...r.userStrings
     })
   );
-  J(() => {
-    t.setLocalizationRef(r);
+  Z(() => {
+    r.setLocalizationRef(t);
   });
   const a = {
     t: e,
-    updateLocalization: r
+    updateLocalization: t
   };
-  return s(Le.Provider, {
+  return l(Oe.Provider, {
     value: a,
     get children() {
-      return t.children;
+      return r.children;
     }
   });
 };
-function Z() {
-  const t = ye(Le);
-  if (!t)
+function ee() {
+  const r = Ee(Oe);
+  if (!r)
     throw new Error("LocalizationContext.Provider not in scope.");
-  return t;
+  return r;
 }
-var Pt = /* @__PURE__ */ S("<span>");
-const ee = (t) => {
-  const [e, r] = z(), [a, n] = z();
-  return J(() => {
+var Vt = /* @__PURE__ */ y("<span>");
+const te = (r) => {
+  const [e, t] = N(), [a, n] = N();
+  return Z(() => {
     const o = a();
-    o && r(o.getRootNode());
-  }), s(E, {
+    o && t(o.getRootNode());
+  }), l(k, {
     get when() {
       return e();
     },
     get fallback() {
       return (() => {
-        var o = Pt();
-        return B(n, o), o;
+        var o = Vt();
+        return V(n, o), o;
       })();
     },
-    children: (o) => s(Ye, {
+    children: (o) => l(et, {
       value: () => o(),
       get children() {
-        return t.children(o());
+        return r.children(o());
       }
     })
   });
 };
-var Vt = /* @__PURE__ */ S('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z">');
-const Ut = (t = {}) => (() => {
-  var e = Vt();
-  return F(e, t, !0, !0), e;
+var Ut = /* @__PURE__ */ y('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z">');
+const qt = (r = {}) => (() => {
+  var e = Ut();
+  return D(e, r, !0, !0), e;
 })();
-var qt = /* @__PURE__ */ S('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M7 2h10l-2 7h4l-2.925 4.225L7 4.15zm3 20v-8H7V9.85L1.375 4.225L2.8 2.8l18.4 18.4l-1.425 1.425L13.75 16.6z">');
-const jt = (t = {}) => (() => {
-  var e = qt();
-  return F(e, t, !0, !0), e;
+var jt = /* @__PURE__ */ y('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M7 2h10l-2 7h4l-2.925 4.225L7 4.15zm3 20v-8H7V9.85L1.375 4.225L2.8 2.8l18.4 18.4l-1.425 1.425L13.75 16.6z">');
+const Ht = (r = {}) => (() => {
+  var e = jt();
+  return D(e, r, !0, !0), e;
 })();
-var Ht = /* @__PURE__ */ S('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M10 22v-8H7V2h10l-2 7h4z">');
-const Wt = (t = {}) => (() => {
-  var e = Ht();
-  return F(e, t, !0, !0), e;
+var Wt = /* @__PURE__ */ y('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M10 22v-8H7V2h10l-2 7h4z">');
+const Gt = (r = {}) => (() => {
+  var e = Wt();
+  return D(e, r, !0, !0), e;
 })();
-var Gt = /* @__PURE__ */ S('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M9 21H5q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h4v2H5v14h4zm2 2V1h2v22zm4-2v-2h2v2zm0-16V3h2v2zm4 16v-2h2q0 .825-.587 1.413T19 21m0-4v-2h2v2zm0-4v-2h2v2zm0-4V7h2v2zm0-4V3q.825 0 1.413.588T21 5z">');
-const Xt = (t = {}) => (() => {
-  var e = Gt();
-  return F(e, t, !0, !0), e;
+var Xt = /* @__PURE__ */ y('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M9 21H5q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h4v2H5v14h4zm2 2V1h2v22zm4-2v-2h2v2zm0-16V3h2v2zm4 16v-2h2q0 .825-.587 1.413T19 21m0-4v-2h2v2zm0-4v-2h2v2zm0-4V7h2v2zm0-4V3q.825 0 1.413.588T21 5z">');
+const Qt = (r = {}) => (() => {
+  var e = Xt();
+  return D(e, r, !0, !0), e;
 })();
-function Ne(t) {
+function Be(r) {
   const e = {};
-  return Object.entries(t).forEach(([r, a]) => {
-    const n = r.toLowerCase();
+  return Object.entries(r).forEach(([t, a]) => {
+    const n = t.toLowerCase();
     let o = n;
     if (n.startsWith("on")) {
       o = n.slice(2);
@@ -1838,143 +1913,146 @@ function Ne(t) {
       e[o] = a;
   }), e;
 }
-var Qt = /* @__PURE__ */ S('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><g fill=#fff fill-rule=evenodd clip-rule=evenodd><path d="M6.322 2.988A1.67 1.67 0 0 1 7.5 2.5h5a1.667 1.667 0 0 1 1.667 1.667A.833.833 0 0 0 15 5h.833a2.5 2.5 0 0 1 2.5 2.5V15a2.5 2.5 0 0 1-2.5 2.5H4.167a2.5 2.5 0 0 1-2.5-2.5V7.5a2.5 2.5 0 0 1 2.5-2.5H5a.833.833 0 0 0 .833-.833c0-.442.176-.866.489-1.179M4.167 6.667a.833.833 0 0 0-.834.833V15a.833.833 0 0 0 .834.833h11.666a.834.834 0 0 0 .834-.833V7.5a.833.833 0 0 0-.834-.833H15a2.5 2.5 0 0 1-2.5-2.5h-5a2.5 2.5 0 0 1-2.5 2.5z"></path><path d="M10 9.167a1.667 1.667 0 1 0 0 3.333 1.667 1.667 0 0 0 0-3.333m-3.333 1.666a3.333 3.333 0 1 1 6.666 0 3.333 3.333 0 0 1-6.666 0">');
-const Kt = (t = {}) => (() => {
-  var e = Qt();
-  return F(e, t, !0, !0), e;
+var Kt = /* @__PURE__ */ y('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><g fill=#fff fill-rule=evenodd clip-rule=evenodd><path d="M6.322 2.988A1.67 1.67 0 0 1 7.5 2.5h5a1.667 1.667 0 0 1 1.667 1.667A.833.833 0 0 0 15 5h.833a2.5 2.5 0 0 1 2.5 2.5V15a2.5 2.5 0 0 1-2.5 2.5H4.167a2.5 2.5 0 0 1-2.5-2.5V7.5a2.5 2.5 0 0 1 2.5-2.5H5a.833.833 0 0 0 .833-.833c0-.442.176-.866.489-1.179M4.167 6.667a.833.833 0 0 0-.834.833V15a.833.833 0 0 0 .834.833h11.666a.834.834 0 0 0 .834-.833V7.5a.833.833 0 0 0-.834-.833H15a2.5 2.5 0 0 1-2.5-2.5h-5a2.5 2.5 0 0 1-2.5 2.5z"></path><path d="M10 9.167a1.667 1.667 0 1 0 0 3.333 1.667 1.667 0 0 0 0-3.333m-3.333 1.666a3.333 3.333 0 1 1 6.666 0 3.333 3.333 0 0 1-6.666 0">');
+const Yt = (r = {}) => (() => {
+  var e = Kt();
+  return D(e, r, !0, !0), e;
 })();
-var Yt = /* @__PURE__ */ S('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><path stroke=#fff stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M4.167 10.833 7.5 14.167l8.333-8.334">');
-const Jt = (t = {}) => (() => {
-  var e = Yt();
-  return F(e, t, !0, !0), e;
+var Jt = /* @__PURE__ */ y('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><path stroke=#fff stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M4.167 10.833 7.5 14.167l8.333-8.334">');
+const Zt = (r = {}) => (() => {
+  var e = Jt();
+  return D(e, r, !0, !0), e;
 })();
-var Zt = /* @__PURE__ */ S('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><path fill=#fff fill-rule=evenodd d="M4.41 6.91a.833.833 0 0 1 1.18 0L10 11.323l4.41-4.411a.833.833 0 1 1 1.18 1.178l-5 5a.833.833 0 0 1-1.18 0l-5-5a.833.833 0 0 1 0-1.178"clip-rule=evenodd>');
-const er = (t = {}) => (() => {
-  var e = Zt();
-  return F(e, t, !0, !0), e;
+var er = /* @__PURE__ */ y('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><path fill=#fff fill-rule=evenodd d="M4.41 6.91a.833.833 0 0 1 1.18 0L10 11.323l4.41-4.411a.833.833 0 1 1 1.18 1.178l-5 5a.833.833 0 0 1-1.18 0l-5-5a.833.833 0 0 1 0-1.178"clip-rule=evenodd>');
+const tr = (r = {}) => (() => {
+  var e = er();
+  return D(e, r, !0, !0), e;
 })();
-var tr = /* @__PURE__ */ S("<button>"), rr = /* @__PURE__ */ S('<div class="h-[1px] absolute left-0 right-0 top-[-1px] bg-white pointer-events-none">');
+var rr = /* @__PURE__ */ y("<button>");
 const ar = () => {
   const {
-    cameraManagerSolidStore: t,
+    cameraManagerSolidStore: r,
     cameraManager: e
   } = j(), {
-    t: r
-  } = Z(), a = t((f) => f.cameras), n = t((f) => f.selectedCamera), o = t((f) => f.isQueryingCameras), i = t((f) => f.facingFilter), [l, c] = z(!1), d = () => o() || l(), h = () => {
-    const f = i();
-    return f ? a().filter((g) => f.includes(g.facingMode)) : a();
-  }, C = () => [...h().map((f) => ({
-    value: f.deviceInfo.deviceId,
-    label: f.name
-  }))], w = () => Je({
-    items: [...C()]
-  }), u = () => {
-    const f = n();
-    if (!f)
+    t
+  } = ee(), a = r((d) => d.cameras), n = r((d) => d.selectedCamera), o = r((d) => d.facingFilter), i = r((d) => d.isQueryingCameras), c = r((d) => d.isSwappingCamera), s = () => i() || c(), h = () => {
+    const d = o();
+    return d ? a().filter((m) => d.includes(m.facingMode)) : a();
+  }, f = () => [...h().map((d) => ({
+    value: d.deviceInfo.deviceId,
+    label: d.name
+  }))], p = () => tt({
+    items: [...f()]
+  }), S = () => {
+    const d = n();
+    if (!d)
       return;
-    const g = w().find(f.deviceInfo.deviceId);
-    if (g)
-      return [g.value];
-  }, v = (f) => nr.some((g) => g.value === f), b = async (f) => {
-    c(!0);
-    const g = a().find((p) => p.deviceInfo.deviceId === f);
-    if (!g) {
+    const m = p().find(d.deviceInfo.deviceId);
+    if (m)
+      return [m.value];
+  }, g = async (d) => {
+    const m = a().find((C) => C.deviceInfo.deviceId === d);
+    if (!m) {
       console.warn("No camera");
       return;
     }
-    await e.selectCamera(g), c(!1);
+    await e.selectCamera(m);
   };
-  return s(ee, {
-    children: () => s(A.Root, {
+  return l(te, {
+    children: () => l(A.Root, {
       part: "camera-select-part",
       get collection() {
-        return w();
+        return p();
       },
       get value() {
-        return u();
+        return S();
       },
       positioning: {
         placement: "top"
       },
       lazyMount: !0,
       get disabled() {
-        return d();
+        return s();
       },
-      onValueChange: (f) => {
-        if (v(f.value[0])) {
-          console.warn("Fake camera, skipping");
-          return;
-        }
-        b(f.value[0]);
+      onValueChange: (d) => {
+        g(d.value[0]);
       },
       get children() {
-        return [s(A.Label, {
+        return [l(A.Label, {
           class: "sr-only",
           get children() {
-            return r.selected_camera;
+            return t.selected_camera;
           }
-        }), s(A.Trigger, {
-          asChild: (f) => (() => {
-            var g = tr();
-            return F(g, Y(() => Ne(f()), {
-              class: `flex px-4 py-2 items-center gap-2 rounded-full bg-dark-100/50 backdrop-blur-xl
-                    whitespace-nowrap text-base color-white font-500 cursor-pointer appearance-none
-                    border-none disabled:opacity-50 disabled:cursor-not-allowed max-w-[100%]`
-            }), !1, !0), y(g, s(Kt, {
+        }), l(A.Trigger, {
+          asChild: (d) => (() => {
+            var m = rr();
+            return D(m, J(() => Be(d()), {
+              class: `flex px-4 py-2 items-center gap-2 rounded-full
+                    bg-gray-550/90 backdrop-blur-xl whitespace-nowrap text-base
+                    color-white font-500 cursor-pointer appearance-none
+                    border-none disabled:opacity-50 disabled:cursor-not-allowed
+                    max-w-[100%] btn-focus`
+            }), !1, !0), w(m, l(Yt, {
               class: "size-6 shrink-0",
               "aria-hidden": !0
-            }), null), y(g, s(A.ValueText, {
+            }), null), w(m, l(A.ValueText, {
               class: "truncate",
               get placeholder() {
-                return o() ? r.loading_cameras : r.select_a_camera;
+                return i() ? t.loading_cameras : t.select_a_camera;
               }
-            }), null), y(g, s(A.Indicator, {
+            }), null), w(m, l(A.Indicator, {
               class: "shrink-0 data-[state=open]:scale-y-[-1]",
               get children() {
-                return s(er, {
+                return l(tr, {
                   class: "size-6 shrink-0"
                 });
               }
-            }), null), g;
+            }), null), m;
           })()
-        }), s(A.Positioner, {
+        }), l(A.Positioner, {
+          class: "focus-visible:outline-none",
           get children() {
-            return s(A.Content, {
+            return l(A.Content, {
+              class: "focus-visible:outline-none outline-none",
               get children() {
-                return s(A.ItemGroup, {
-                  class: "rounded-4 overflow-hidden text-base color-white",
+                return l(A.ItemGroup, {
+                  class: `rounded-4 overflow-hidden text-base color-white
+                    focus-visible:outline-none flex flex-col gap-[1px]`,
                   get children() {
-                    return s(We, {
+                    return l(Qe, {
                       get each() {
-                        return w().items;
+                        return p().items;
                       },
-                      children: (f, g) => s(A.Item, {
-                        get item() {
-                          return f();
-                        },
-                        class: `flex py-3 pl-4 pr-12 cursor-pointer select-none relative gap-[1px]
-                            bg-dark-100/50 backdrop-blur-xl data-[highlighted]:bg-gray-500/50`,
-                        get children() {
-                          return [s(A.ItemText, {
-                            class: "truncate",
-                            get children() {
-                              return f().label;
-                            }
-                          }), s(A.ItemIndicator, {
-                            class: "absolute right-4",
-                            get children() {
-                              return s(Jt, {
-                                class: "size-6 shrink-0"
-                              });
-                            }
-                          }), s(E, {
-                            when: g !== 0,
-                            get children() {
-                              return rr();
-                            }
-                          })];
-                        }
-                      })
+                      children: (d, m) => {
+                        const C = m === 0, v = m === p().items.length - 1;
+                        return l(A.Item, {
+                          get item() {
+                            return d();
+                          },
+                          class: `flex py-3 pl-4 pr-12 cursor-pointer
+                          select-none bg-gray-550/50 backdrop-blur-xl
+                          focus-visible:outline-none outline-none border-2
+                          border-solid border-transparent
+                          data-[highlighted]:border-primary relative
+                          ${C ? "rounded-t-6" : ""}
+                          ${v ? "rounded-b-6" : ""}`,
+                          get children() {
+                            return [l(A.ItemText, {
+                              class: "truncate",
+                              get children() {
+                                return d().label;
+                              }
+                            }), l(A.ItemIndicator, {
+                              class: "absolute right-4",
+                              get children() {
+                                return l(Zt, {
+                                  class: "size-6 shrink-0"
+                                });
+                              }
+                            })];
+                          }
+                        });
+                      }
                     });
                   }
                 });
@@ -1985,98 +2063,84 @@ const ar = () => {
       }
     })
   });
-}, nr = [{
-  value: "5",
-  label: "Back Camera 2"
-}, {
-  value: "2",
-  label: "Back Triple Camera"
-}, {
-  value: "1",
-  label: "Back Dual Wide Camera"
-}, {
-  value: "3",
-  label: "Front Camera 5"
-}, {
-  value: "4",
-  label: "Some random desktop camera"
-}];
-var re = /* @__PURE__ */ S("<span class=sr-only>"), or = /* @__PURE__ */ S("<div class=justify-self-end>"), ir = /* @__PURE__ */ S('<div class="z-2 relative gap-2 grid justify-between items-center grid-cols-[1fr_auto_1fr] py-4 color-white lerp:px-3@xs,8@lg"><div class="justify-self-start flex flex-nowrap gap-4 auto-cols-auto"></div><div class="justify-self-center min-w-0 w-full">'), sr = /* @__PURE__ */ S("<button>");
-const lr = () => {
+};
+var ae = /* @__PURE__ */ y("<span class=sr-only>"), nr = /* @__PURE__ */ y("<div class=justify-self-end>"), or = /* @__PURE__ */ y('<div class="z-2 relative gap-2 grid justify-between items-center grid-cols-[1fr_auto_1fr] py-4 color-white lerp:px-3@xs,8@lg"><div class="justify-self-start flex flex-nowrap gap-4 auto-cols-auto"></div><div class="justify-self-center min-w-0 w-full">'), ir = /* @__PURE__ */ y("<button>");
+const sr = () => {
   const {
-    dismountCameraUi: t,
+    dismountCameraUi: r,
     cameraManagerSolidStore: e,
-    cameraManager: r,
+    cameraManager: t,
     showMirrorCameraButton: a,
     showTorchButton: n,
     showCloseButton: o
   } = j(), {
     t: i
-  } = Z(), l = e((b) => b.mirrorX), c = e((b) => b.selectedCamera), d = e((b) => b.cameras), h = e((b) => b.playbackState !== "idle"), C = e((b) => b.selectedCamera?.torchEnabled), w = () => c()?.torchSupported, u = () => {
-    const b = c();
-    b && b.toggleTorch();
-  }, v = () => {
-    r.setCameraMirrorX(!e.getState().mirrorX);
+  } = ee(), c = e((m) => m.mirrorX), s = e((m) => m.selectedCamera), h = e((m) => m.cameras), f = e((m) => m.playbackState !== "idle"), p = e((m) => m.selectedCamera?.torchEnabled), S = () => s()?.torchSupported, g = () => {
+    const m = s();
+    m && m.toggleTorch();
+  }, d = () => {
+    t.setCameraMirrorX(!e.getState().mirrorX);
   };
-  return s(ee, {
+  return l(te, {
     children: () => (() => {
-      var b = ir(), f = b.firstChild, g = f.nextSibling;
-      return y(f, s(E, {
+      var m = or(), C = m.firstChild, v = C.nextSibling;
+      return w(C, l(k, {
         get when() {
-          return a && h();
+          return a && f();
         },
         get children() {
-          return s(ae, {
+          return l(ne, {
             part: "mirror-camera-button-part",
             get tooltipLabel() {
               return i.mirror_camera;
             },
-            onClick: () => v(),
+            onClick: () => d(),
             get children() {
               return [(() => {
-                var p = re();
-                return y(p, () => i.mirror_camera), p;
-              })(), s(Xt, {
-                class: "size-6 shrink-0 transition-transform duration-300 ease-in-out",
+                var b = ae();
+                return w(b, () => i.mirror_camera), b;
+              })(), l(Qt, {
+                class: `size-6 shrink-0 transition-transform duration-300
+                  ease-in-out`,
                 get style() {
                   return {
-                    transform: l() ? "scaleX(-1)" : "scaleX(1)"
+                    transform: c() ? "scaleX(-1)" : "scaleX(1)"
                   };
                 }
               })];
             }
           });
         }
-      }), null), y(f, s(E, {
+      }), null), w(C, l(k, {
         get when() {
-          return pe(() => !!(n && w()))() && h();
+          return Se(() => !!(n && S()))() && f();
         },
         get children() {
-          return s(ae, {
+          return l(ne, {
             part: "torch-button-part",
-            onClick: () => u(),
+            onClick: () => g(),
             get tooltipLabel() {
               return i.torch;
             },
             get children() {
-              return [s(E, {
+              return [l(k, {
                 get when() {
-                  return !C();
+                  return !p();
                 },
                 get children() {
                   return [(() => {
-                    var p = re();
-                    return y(p, () => i.torch), p;
-                  })(), s(Wt, {
+                    var b = ae();
+                    return w(b, () => i.torch), b;
+                  })(), l(Gt, {
                     class: "size-6 shrink-0"
                   })];
                 }
-              }), s(E, {
+              }), l(k, {
                 get when() {
-                  return C();
+                  return p();
                 },
                 get children() {
-                  return s(jt, {
+                  return l(Ht, {
                     class: "size-6 shrink-0"
                   });
                 }
@@ -2084,235 +2148,223 @@ const lr = () => {
             }
           });
         }
-      }), null), y(g, s(E, {
+      }), null), w(v, l(k, {
         get when() {
-          return d().length > 1;
+          return h().length > 1;
         },
         get children() {
-          return s(ar, {});
+          return l(ar, {});
         }
-      })), y(b, s(E, {
+      })), w(m, l(k, {
         when: o,
         get children() {
-          var p = or();
-          return y(p, s(ae, {
+          var b = nr();
+          return w(b, l(ne, {
             part: "close-button-part",
-            onClick: () => t(),
+            onClick: () => r(),
             get tooltipLabel() {
               return i.close;
             },
             get children() {
               return [(() => {
-                var k = re();
-                return y(k, () => i.close), k;
-              })(), s(Ut, {
+                var E = ae();
+                return w(E, () => i.close), E;
+              })(), l(qt, {
                 class: "size-6 shrink-0"
               })];
             }
-          })), p;
+          })), b;
         }
-      }), null), b;
+      }), null), m;
     })()
   });
-}, ae = (t) => s(Q.Root, {
+}, ne = (r) => l(Q.Root, {
   get children() {
-    return [s(Q.Trigger, Y(t, {
+    return [l(Q.Trigger, J(r, {
       asChild: (e) => (() => {
-        var r = sr();
-        return F(r, Y(() => Ne(e()), {
-          class: `rounded-full bg-dark-500 bg-opacity-50 backdrop-blur grid place-items-center
-              size-12 appearance-none border-none cursor-pointer`
-        }), !1, !0), y(r, () => t.children), r;
+        var t = ir();
+        return D(t, J(() => Be(e()), {
+          class: `btn-focus rounded-full bg-gray-550/70 backdrop-blur grid
+              place-items-center size-12 appearance-none border-none
+              cursor-pointer`
+        }), !1, !0), w(t, () => r.children), t;
       })()
-    })), s(Q.Positioner, {
+    })), l(Q.Positioner, {
       get children() {
-        return s(Q.Content, {
-          class: `bg-dark-500 bg-opacity-50 backdrop-blur color-white text-align-center p-2
+        return l(Q.Content, {
+          class: `bg-gray-550/70 backdrop-blur color-white text-align-center p-2
             rounded-md text-sm drop-shadow-md`,
           get children() {
-            return t.tooltipLabel;
+            return r.tooltipLabel;
           }
         });
       }
     })];
   }
-}), cr = (t, e, r) => Ge((a) => (y(e, t(), e.firstChild ? null : void 0), () => {
+}), lr = (r, e, t) => Ke((a) => (w(e, r(), e.firstChild ? null : void 0), () => {
   a(), e.textContent = "";
-}), r);
-var ur = /* @__PURE__ */ S("<div>");
-const dr = (t) => {
-  const e = Se(), [r, a] = Xe(t, ["children", "disableShadowRoot", "getRef"]);
+}), t);
+var cr = /* @__PURE__ */ y("<div>");
+const ur = (r) => {
+  const e = ke(), [t, a] = Ye(r, ["children", "disableShadowRoot", "getRef"]);
   return (() => {
-    var n = ur();
-    return B((o) => {
-      if (r.disableShadowRoot)
+    var n = cr();
+    return V((o) => {
+      if (t.disableShadowRoot)
         return;
       const i = o.attachShadow({
         mode: "open"
       });
-      cr(() => pe(() => r.children), i, e);
-    }, n), F(n, a, !1, !0), y(n, s(E, {
+      lr(() => Se(() => t.children), i, e);
+    }, n), D(n, a, !1, !0), w(n, l(k, {
       get when() {
-        return r.disableShadowRoot;
+        return t.disableShadowRoot;
       },
       get children() {
-        return r.children;
+        return t.children;
       }
     })), n;
   })();
-}, hr = ":where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}", mr = ":host{font-family:var(--mb-ui-font);line-height:1.15;isolation:isolate;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}code,pre{font-family:var(--mb-monospace-font-stack)}svg path{pointer-events:none}img,picture,video,canvas,svg{display:block;max-width:100%}img{pointer-events:none;user-select:none}:where(input,button,textarea,select){font:inherit}:where(button,select){cursor:pointer;color:inherit;font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}", fr = ':host{--mb-system-font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--mb-monospace-font-stack: Menlo, Consolas, "Ubuntu Mono", "Roboto Mono", "DejaVu Sans Mono", monospace;--mb-ui-font: var(--mb-system-font-stack);--mb-size: 1;--color-accent-25-rgb-value: 242 247 255;--color-accent-50-rgb-value: 231 240 255;--color-accent-100-rgb-value: 220 234 255;--color-accent-200-rgb-value: 198 221 255;--color-accent-300-rgb-value: 158 197 255;--color-accent-400-rgb-value: 111 169 255;--color-accent-500-rgb-value: 58 137 253;--color-accent-600-rgb-value: 0 98 242;--color-accent-700-rgb-value: 0 80 197;--color-accent-800-rgb-value: 0 64 157;--color-accent-900-rgb-value: 0 54 133;--color-error-25-rgb-value: 255 248 249;--color-error-50-rgb-value: 255 241 242;--color-error-100-rgb-value: 255 228 230;--color-error-200-rgb-value: 254 205 211;--color-error-300-rgb-value: 253 164 175;--color-error-400-rgb-value: 251 113 133;--color-error-500-rgb-value: 244 63 94;--color-error-600-rgb-value: 225 29 72;--color-error-700-rgb-value: 190 18 60;--color-error-800-rgb-value: 136 19 39;--color-error-900-rgb-value: 89 13 40;--color-success-25-rgb-value: 245 254 250;--color-success-50-rgb-value: 236 253 245;--color-success-100-rgb-value: 209 250 229;--color-success-200-rgb-value: 167 243 208;--color-success-300-rgb-value: 110 231 183;--color-success-400-rgb-value: 52 211 153;--color-success-500-rgb-value: 16 185 144;--color-success-600-rgb-value: 22 163 138;--color-success-700-rgb-value: 39 121 106;--color-success-800-rgb-value: 23 92 79;--color-success-900-rgb-value: 12 59 50;--color-warning-25-rgb-value: 255 253 243;--color-warning-50-rgb-value: 254 252 232;--color-warning-100-rgb-value: 254 249 195;--color-warning-200-rgb-value: 254 240 138;--color-warning-300-rgb-value: 253 229 99;--color-warning-400-rgb-value: 252 218 59;--color-warning-500-rgb-value: 250 204 21;--color-warning-600-rgb-value: 234 179 8;--color-warning-700-rgb-value: 190 142 48;--color-warning-800-rgb-value: 132 83 28;--color-warning-900-rgb-value: 80 29 10;--color-deep-blue-25-rgb-value: 249 252 255;--color-deep-blue-50-rgb-value: 243 249 254;--color-deep-blue-100-rgb-value: 231 242 251;--color-deep-blue-200-rgb-value: 201 218 241;--color-deep-blue-300-rgb-value: 162 185 216;--color-deep-blue-400-rgb-value: 93 128 182;--color-deep-blue-500-rgb-value: 60 100 161;--color-deep-blue-600-rgb-value: 28 68 129;--color-deep-blue-700-rgb-value: 24 53 97;--color-deep-blue-800-rgb-value: 20 38 65;--color-deep-blue-900-rgb-value: 6 23 49;--color-light-blue-25-rgb-value: 248 251 253;--color-light-blue-50-rgb-value: 240 247 251;--color-light-blue-100-rgb-value: 228 238 244;--color-light-blue-200-rgb-value: 215 229 238;--color-light-blue-300-rgb-value: 190 218 237;--color-light-blue-400-rgb-value: 159 202 232;--color-light-blue-500-rgb-value: 135 180 211;--color-light-blue-600-rgb-value: 104 157 193;--color-light-blue-700-rgb-value: 78 129 164;--color-light-blue-800-rgb-value: 67 109 138;--color-light-blue-900-rgb-value: 55 84 104;--color-gray-50-rgb-value: 249 250 251;--color-gray-100-rgb-value: 243 244 246;--color-gray-200-rgb-value: 229 231 235;--color-gray-300-rgb-value: 209 213 219;--color-gray-400-rgb-value: 156 163 175;--color-gray-500-rgb-value: 107 114 128;--color-gray-600-rgb-value: 75 85 99;--color-gray-700-rgb-value: 55 65 81;--color-gray-800-rgb-value: 31 41 55;--color-blue-gray-50-rgb-value: 74 74 74;--color-blue-gray-100-rgb-value: 60 60 60;--color-blue-gray-200-rgb-value: 50 50 50;--color-blue-gray-300-rgb-value: 45 45 45;--color-blue-gray-400-rgb-value: 34 34 34;--color-blue-gray-500-rgb-value: 31 31 31;--color-blue-gray-600-rgb-value: 28 28 30;--color-blue-gray-700-rgb-value: 27 27 27;--color-blue-gray-800-rgb-value: 24 24 24;--color-blue-gray-900-rgb-value: 15 15 15;--color-black-rgb-value: 0 0 0;--color-white-rgb-value: 255 255 255;--color-primary: var(--color-accent-600-rgb-value);--color-error: var(--color-error-500-rgb-value);--color-success: var(--color-success-500-rgb-value);--color-warning: var(--color-warning-500-rgb-value);--color-deep-blue: var(--color-deep-blue-800-rgb-value);--color-light-blue: var(--color-light-blue-200-rgb-value);accent-color:var(--color-primary);caret-color:red}', gr = {
+}, dr = ":where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}", hr = ":host{font-family:var(--mb-ui-font);line-height:1.15;isolation:isolate;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}code,pre{font-family:var(--mb-monospace-font-stack)}svg path{pointer-events:none}img,picture,video,canvas,svg{display:block;max-width:100%}img{pointer-events:none;user-select:none}:where(input,button,textarea,select){font:inherit}:where(button,select){cursor:pointer;color:inherit;font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}", mr = ':host{--mb-system-font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--mb-monospace-font-stack: Menlo, Consolas, "Ubuntu Mono", "Roboto Mono", "DejaVu Sans Mono", monospace;--mb-ui-font: var(--mb-system-font-stack);--mb-size: 1;--color-accent-25-rgb-value: 242 247 255;--color-accent-50-rgb-value: 231 240 255;--color-accent-100-rgb-value: 220 234 255;--color-accent-200-rgb-value: 198 221 255;--color-accent-300-rgb-value: 158 197 255;--color-accent-400-rgb-value: 111 169 255;--color-accent-500-rgb-value: 58 137 253;--color-accent-600-rgb-value: 0 98 242;--color-accent-700-rgb-value: 0 80 197;--color-accent-800-rgb-value: 0 64 157;--color-accent-900-rgb-value: 0 54 133;--color-error-25-rgb-value: 255 248 249;--color-error-50-rgb-value: 255 241 242;--color-error-100-rgb-value: 255 228 230;--color-error-200-rgb-value: 254 205 211;--color-error-300-rgb-value: 253 164 175;--color-error-400-rgb-value: 251 113 133;--color-error-500-rgb-value: 244 63 94;--color-error-600-rgb-value: 225 29 72;--color-error-700-rgb-value: 190 18 60;--color-error-800-rgb-value: 136 19 39;--color-error-900-rgb-value: 89 13 40;--color-success-25-rgb-value: 245 254 250;--color-success-50-rgb-value: 236 253 245;--color-success-100-rgb-value: 209 250 229;--color-success-200-rgb-value: 167 243 208;--color-success-300-rgb-value: 110 231 183;--color-success-400-rgb-value: 52 211 153;--color-success-500-rgb-value: 16 185 144;--color-success-600-rgb-value: 22 163 138;--color-success-700-rgb-value: 39 121 106;--color-success-800-rgb-value: 23 92 79;--color-success-900-rgb-value: 12 59 50;--color-warning-25-rgb-value: 255 253 243;--color-warning-50-rgb-value: 254 252 232;--color-warning-100-rgb-value: 254 249 195;--color-warning-200-rgb-value: 254 240 138;--color-warning-300-rgb-value: 253 229 99;--color-warning-400-rgb-value: 252 218 59;--color-warning-500-rgb-value: 250 204 21;--color-warning-600-rgb-value: 234 179 8;--color-warning-700-rgb-value: 190 142 48;--color-warning-800-rgb-value: 132 83 28;--color-warning-900-rgb-value: 80 29 10;--color-deep-blue-25-rgb-value: 249 252 255;--color-deep-blue-50-rgb-value: 243 249 254;--color-deep-blue-100-rgb-value: 231 242 251;--color-deep-blue-200-rgb-value: 201 218 241;--color-deep-blue-300-rgb-value: 162 185 216;--color-deep-blue-400-rgb-value: 93 128 182;--color-deep-blue-500-rgb-value: 60 100 161;--color-deep-blue-600-rgb-value: 28 68 129;--color-deep-blue-700-rgb-value: 24 53 97;--color-deep-blue-800-rgb-value: 20 38 65;--color-deep-blue-900-rgb-value: 6 23 49;--color-light-blue-25-rgb-value: 248 251 253;--color-light-blue-50-rgb-value: 240 247 251;--color-light-blue-100-rgb-value: 228 238 244;--color-light-blue-200-rgb-value: 215 229 238;--color-light-blue-300-rgb-value: 190 218 237;--color-light-blue-400-rgb-value: 159 202 232;--color-light-blue-500-rgb-value: 135 180 211;--color-light-blue-600-rgb-value: 104 157 193;--color-light-blue-700-rgb-value: 78 129 164;--color-light-blue-800-rgb-value: 67 109 138;--color-light-blue-900-rgb-value: 55 84 104;--color-gray-50-rgb-value: 249 250 251;--color-gray-100-rgb-value: 243 244 246;--color-gray-200-rgb-value: 229 231 235;--color-gray-300-rgb-value: 209 213 219;--color-gray-400-rgb-value: 156 163 175;--color-gray-500-rgb-value: 107 114 128;--color-gray-550-rgb-value: 102 102 102;--color-gray-600-rgb-value: 75 85 99;--color-gray-700-rgb-value: 55 65 81;--color-gray-800-rgb-value: 31 41 55;--color-blue-gray-50-rgb-value: 74 74 74;--color-blue-gray-100-rgb-value: 60 60 60;--color-blue-gray-200-rgb-value: 50 50 50;--color-blue-gray-300-rgb-value: 45 45 45;--color-blue-gray-400-rgb-value: 34 34 34;--color-blue-gray-500-rgb-value: 31 31 31;--color-blue-gray-600-rgb-value: 28 28 30;--color-blue-gray-700-rgb-value: 27 27 27;--color-blue-gray-800-rgb-value: 24 24 24;--color-blue-gray-900-rgb-value: 15 15 15;--color-black-rgb-value: 0 0 0;--color-white-rgb-value: 255 255 255;--color-primary: var(--color-accent-600-rgb-value);--color-error: var(--color-error-500-rgb-value);--color-success: var(--color-success-500-rgb-value);--color-warning: var(--color-warning-500-rgb-value);--color-deep-blue: var(--color-deep-blue-800-rgb-value);--color-light-blue: var(--color-light-blue-200-rgb-value);accent-color:var(--color-primary);caret-color:red}', gr = {
   feedbackLayer: null,
   overlayLayer: null,
   owner: null
-}, U = be()(
+}, B = de()(
   // this is important! Otherwise, solid-zustand will start mutating the initial state
-  ge(() => structuredClone(gr))
-), le = Ce(U), fe = () => {
+  ue(() => structuredClone(gr))
+), ce = Te(B), we = () => {
 };
-function br(t, e) {
-  if (Ue)
-    return { observe: fe, unobserve: fe };
-  const r = new ResizeObserver(t);
-  return ce(r.disconnect.bind(r)), {
-    observe: (a) => r.observe(a, e),
-    unobserve: r.unobserve.bind(r)
+function fr(r, e) {
+  if (He)
+    return { observe: we, unobserve: we };
+  const t = new ResizeObserver(r);
+  return he(t.disconnect.bind(t)), {
+    observe: (a) => t.observe(a, e),
+    unobserve: t.unobserve.bind(t)
   };
 }
-const pr = (t, e, r, a) => {
-  const n = Math.max(t / r, e / a);
-  let o = 0;
-  if (t / r > e / a) {
-    const i = n * a;
-    o = 1 - e / i;
-  } else {
-    const i = n * r;
-    o = 1 - t / i;
-  }
-  return o < 0.1 ? "cover" : "contain";
-};
-function vr(t, e, r, a) {
-  const n = t / r, o = e / a, i = Math.max(n, o);
-  if (n >= o) {
-    const l = Math.round(e / i);
-    return { x: 0, y: Math.round((a - l) / 2), width: r, height: l };
-  } else {
-    const l = Math.round(t / i);
-    return { x: Math.round((r - l) / 2), y: 0, width: l, height: a };
-  }
-}
-const wr = "_dialogPositioner_worsp_1", yr = "_dialogBackdrop_worsp_5", Sr = "_dialogContent_worsp_9", Cr = "_large_worsp_13", kr = "_compact_worsp_16", Er = "_dialogTitle_worsp_30", _r = "_contentOut_worsp_34", Tr = "_closeButton_worsp_38", Mr = "_closeButtonInner_worsp_44", xr = "_primaryActionButton_worsp_49", Rr = "_secondaryActionButton_worsp_53", Ar = "_actions_worsp_57", $r = "_alertTitle_worsp_64", Fr = "_alertText_worsp_68", _ = {
-  dialogPositioner: wr,
-  dialogBackdrop: yr,
+var br = /* @__PURE__ */ y('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 14 14"><path fill=#000 fill-rule=evenodd d="M13.707 1.707A1 1 0 0 0 12.293.293L7 5.586 1.707.293A1 1 0 0 0 .293 1.707L5.586 7 .293 12.293a1 1 0 1 0 1.414 1.414L7 8.414l5.293 5.293a1 1 0 0 0 1.414-1.414L8.414 7z"clip-rule=evenodd>');
+const pr = (r = {}) => (() => {
+  var e = br();
+  return D(e, r, !0, !0), e;
+})(), vr = "_dialogPositioner_15i6c_1", wr = "_dialogBackdrop_15i6c_10", Sr = "_dialogContent_15i6c_14", yr = "_large_15i6c_18", Cr = "_compact_15i6c_21", Er = "_dialogTitle_15i6c_45", kr = "_contentOut_15i6c_49", Tr = "_closeButton_15i6c_53", _r = "_closeButtonInner_15i6c_59", Mr = "_primaryActionButton_15i6c_63", xr = "_secondaryActionButton_15i6c_67", Rr = "_actions_15i6c_71", Ar = "_alertTitle_15i6c_79", $r = "_alertText_15i6c_83", T = {
+  dialogPositioner: vr,
+  dialogBackdrop: wr,
   dialogContent: Sr,
-  large: Cr,
-  compact: kr,
+  large: yr,
+  compact: Cr,
   dialogTitle: Er,
-  contentOut: _r,
+  contentOut: kr,
   closeButton: Tr,
-  closeButtonInner: Mr,
-  primaryActionButton: xr,
-  secondaryActionButton: Rr,
-  actions: Ar,
-  alertTitle: $r,
-  alertText: Fr
+  closeButtonInner: _r,
+  primaryActionButton: Mr,
+  secondaryActionButton: xr,
+  actions: Rr,
+  alertTitle: Ar,
+  alertText: $r
 };
-var Dr = /* @__PURE__ */ S("<span>&times;"), Ir = /* @__PURE__ */ S("<div>"), zr = /* @__PURE__ */ S("<p>"), Lr = /* @__PURE__ */ S("<span>"), Nr = /* @__PURE__ */ S("<div><button></button><button>");
-const Br = (t) => {
+var Dr = /* @__PURE__ */ y("<div>"), Ir = /* @__PURE__ */ y("<p>"), Fr = /* @__PURE__ */ y("<span>"), Lr = /* @__PURE__ */ y("<div><button></button><button>");
+const zr = (r) => {
   const e = () => {
-    switch (t.modalStyle) {
+    switch (r.modalStyle) {
       case "compact":
-        return _.compact;
+        return T.compact;
       case "large":
-        return _.compact;
+        return T.compact;
       case "default":
       default:
         return;
     }
   };
-  return s(ee, {
-    children: () => s($.Root, Y({
-      onFocusOutside: (r) => r.preventDefault(),
-      onInteractOutside: (r) => r.preventDefault(),
+  return l(te, {
+    children: (t) => l($.Root, J({
+      onFocusOutside: (a) => a.preventDefault(),
+      onInteractOutside: (a) => a.preventDefault(),
+      initialFocusEl: () => t.querySelector('[role="dialog"]'),
       restoreFocus: !0,
       unmountOnExit: !0,
       lazyMount: !0
-    }, t, {
+    }, r, {
       get children() {
-        return s(E, {
+        return l(k, {
           get when() {
-            return t.open;
+            return r.open;
           },
           get children() {
-            return s(ve, {
+            return l(ye, {
               get mount() {
-                return t.mountTarget;
+                return r.mountTarget;
               },
               get children() {
-                return s($.Positioner, {
+                return l($.Positioner, {
                   get class() {
-                    return _.dialogPositioner;
+                    return T.dialogPositioner;
                   },
                   get children() {
-                    return [s($.Backdrop, {
+                    return [l($.Backdrop, {
                       get class() {
-                        return _.dialogBackdrop;
+                        return T.dialogBackdrop;
                       }
-                    }), s($.Content, {
+                    }), l($.Content, {
                       get class() {
-                        return `${_.dialogContent} ${e()}`;
+                        return `${T.dialogContent} ${e()}`;
                       },
                       get children() {
-                        return [s(E, {
+                        return [l(k, {
                           get when() {
-                            return t.showCloseButton;
+                            return r.showCloseButton;
                           },
                           get children() {
-                            return s($.CloseTrigger, {
+                            return l($.CloseTrigger, {
+                              "aria-label": "Close",
                               get class() {
-                                return _.closeButton;
+                                return T.closeButton;
                               },
                               get onClick() {
-                                return t.onCloseClicked;
+                                return r.onCloseClicked;
                               },
                               get children() {
-                                var r = Dr();
-                                return H(() => V(r, _.closeButtonInner)), r;
+                                return l(pr, {
+                                  get class() {
+                                    return T.closeButtonInner;
+                                  }
+                                });
                               }
                             });
                           }
-                        }), s(E, {
+                        }), l(k, {
                           get when() {
-                            return t.headerImage;
+                            return r.headerImage;
                           },
                           get children() {
-                            return t.headerImage;
+                            return r.headerImage;
                           }
-                        }), s(E, {
+                        }), l(k, {
                           get when() {
-                            return t.header;
+                            return r.header;
                           },
-                          children: (r) => s($.Title, {
+                          children: (a) => l($.Title, {
                             get class() {
-                              return _.dialogTitle;
+                              return T.dialogTitle;
                             },
                             get children() {
-                              return r();
+                              return a();
                             }
                           })
-                        }), s($.Description, {
+                        }), l($.Description, {
                           get class() {
-                            return _.contentOut;
+                            return T.contentOut;
                           },
                           get children() {
-                            return t.children;
+                            return r.children;
                           }
-                        }), s(E, {
+                        }), l(k, {
                           get when() {
-                            return t.actions;
+                            return r.actions;
                           },
                           get children() {
-                            var r = Ir();
-                            return y(r, () => t.actions), r;
+                            var a = Dr();
+                            return w(a, () => r.actions), a;
                           }
                         })];
                       }
@@ -2326,214 +2378,238 @@ const Br = (t) => {
       }
     }))
   });
-}, Or = ({
-  mountTarget: t,
+}, Nr = ({
+  mountTarget: r,
   header: e,
-  text: r,
+  text: t,
   open: a,
   onPrimaryClick: n,
   onSecondaryClick: o,
   primaryButtonText: i = "Retry",
-  secondaryButtonText: l = "Cancel"
-}) => {
-  let c;
-  return s(Br, {
-    mountTarget: t,
-    get header() {
-      return (() => {
-        var d = Lr();
-        return y(d, e), H(() => V(d, _.alertTitle)), d;
-      })();
-    },
-    initialFocusEl: () => c,
-    open: a,
-    get actions() {
-      return (() => {
-        var d = Nr(), h = d.firstChild, C = h.nextSibling;
-        h.$$click = () => o(), y(h, l), C.$$click = () => n();
-        var w = c;
-        return typeof w == "function" ? B(w, C) : c = C, y(C, i), H((u) => {
-          var v = _.actions, b = _.secondaryActionButton, f = _.primaryActionButton;
-          return v !== u.e && V(d, u.e = v), b !== u.t && V(h, u.t = b), f !== u.a && V(C, u.a = f), u;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        }), d;
-      })();
-    },
-    modalStyle: "compact",
-    get children() {
-      var d = zr();
-      return y(d, r), H(() => V(d, _.alertText)), d;
-    }
-  });
-};
-qe(["click"]);
+  secondaryButtonText: c = "Cancel"
+}) => l(zr, {
+  mountTarget: r,
+  get header() {
+    return (() => {
+      var s = Fr();
+      return w(s, e), K(() => H(s, T.alertTitle)), s;
+    })();
+  },
+  open: a,
+  get actions() {
+    return (() => {
+      var s = Lr(), h = s.firstChild, f = h.nextSibling;
+      return h.$$click = () => o(), w(h, c), f.$$click = () => n(), w(f, i), K((p) => {
+        var S = T.actions, g = T.secondaryActionButton, d = T.primaryActionButton;
+        return S !== p.e && H(s, p.e = S), g !== p.t && H(h, p.t = g), d !== p.a && H(f, p.a = d), p;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0
+      }), s;
+    })();
+  },
+  modalStyle: "compact",
+  get children() {
+    var s = Ir();
+    return w(s, t), K(() => H(s, T.alertText)), s;
+  }
+});
+We(["click"]);
 const Pr = () => {
   const {
-    t
-  } = Z(), {
+    t: r
+  } = ee(), {
     cameraManagerSolidStore: e,
-    cameraManager: r,
+    cameraManager: t,
     dismountCameraUi: a
-  } = j(), n = e((i) => i.errorState), o = le((i) => i.overlayLayer);
-  return s(E, {
+  } = j(), n = e((h) => h.errorState), o = ce((h) => h.overlayLayer), i = () => {
+    const h = n();
+    return h instanceof U && h.code === "PERMISSION_DENIED";
+  }, c = () => i() ? r.camera_error_title : n() ? n().name : "", s = () => i() ? r.camera_error_details : n() ? n().name : "";
+  return l(k, {
     get when() {
-      return n();
+      return i();
     },
     get children() {
-      return s(Or, {
+      return l(Nr, {
         get mountTarget() {
           return o();
         },
         get header() {
-          return t.camera_error_title;
+          return c();
+        },
+        get text() {
+          return s();
         },
         open: !0,
-        onPrimaryClick: () => void r.startCameraStream(),
+        onPrimaryClick: () => void t.startCameraStream(),
         onSecondaryClick: () => a(),
         get primaryButtonText() {
-          return t.camera_error_primary_btn;
+          return r.camera_error_primary_btn;
         },
         get secondaryButtonText() {
-          return t.camera_error_cancel_btn;
-        },
-        get text() {
-          return t.camera_error_details;
+          return r.camera_error_cancel_btn;
         }
       });
     }
   });
 };
-var ne = /* @__PURE__ */ S("<style>"), Vr = /* @__PURE__ */ S("<style id=camera-manager-style>"), Ur = /* @__PURE__ */ S('<div class="bg-dark-500 color-white size-full relative min-h-[300px]"part=capture-screen-part><video part=video-element-part class="block absolute top-0 left-0 size-full"></video><div class="absolute top-0 left-0 w-full h-full z-1"id=feedback-layer></div><div class="absolute top-0 left-0 w-full h-full has-[[data-scope]]:z-2"id=overlay-layer>');
-const Be = "capture-screen-host", Oe = () => {
+function Or(r, e) {
+  let t;
+  return function(...a) {
+    const n = this;
+    clearTimeout(t), t = setTimeout(() => {
+      t = void 0, r.apply(n, a);
+    }, e);
+  };
+}
+const Br = (r, e, t, a) => {
+  const n = Math.max(r / t, e / a);
+  let o = 0;
+  if (r / t > e / a) {
+    const i = n * a;
+    o = 1 - e / i;
+  } else {
+    const i = n * t;
+    o = 1 - r / i;
+  }
+  return o < 0.1 ? "cover" : "contain";
+};
+function Vr(r, e, t, a) {
+  const n = r / t, o = e / a, i = Math.max(n, o);
+  if (n >= o) {
+    const c = Math.round(e / i);
+    return { x: 0, y: Math.round((a - c) / 2), width: t, height: c };
+  } else {
+    const c = Math.round(r / i);
+    return { x: Math.round((t - c) / 2), y: 0, width: c, height: a };
+  }
+}
+var oe = /* @__PURE__ */ y("<style>"), Ur = /* @__PURE__ */ y("<style id=camera-manager-style>"), qr = /* @__PURE__ */ y('<div class="bg-dark-500 color-white size-full relative min-h-[300px]"part=capture-screen-part><video part=video-element-part class="block absolute top-0 left-0 size-full"></video><div class="absolute top-0 left-0 w-full h-full z-1"id=feedback-layer></div><div class="absolute top-0 left-0 w-full h-full has-[[data-scope]]:z-2"id=overlay-layer>');
+const Ve = "capture-screen-host", Ue = () => {
   const {
-    cameraManager: t,
+    cameraManager: r,
     mountTarget: e,
-    showCameraErrorModal: r
-  } = j(), [a, n] = z(), [o, i] = z(), [l, c] = z(), d = () => e.parentNode === document.body, [h, C] = z("contain");
-  function w() {
-    const u = a();
-    if (!u)
+    showCameraErrorModal: t
+  } = j(), [a, n] = N(), [o, i] = N(), [c, s] = N(), h = () => e.parentNode === document.body, [f, p] = N("contain");
+  function S() {
+    const g = a();
+    if (!g)
       return;
-    const v = u.clientWidth, b = u.clientHeight, f = u.videoWidth, g = u.videoHeight;
-    if (f === 0 || g === 0)
+    const d = g.clientWidth, m = g.clientHeight, C = g.videoWidth, v = g.videoHeight;
+    if (C === 0 || v === 0)
       return;
-    const p = pr(v, b, f, g);
-    if (C(p), p === "cover") {
-      const k = vr(v, b, f, g);
-      t.setExtractionArea(k);
+    const b = Br(d, m, C, v);
+    if (p(b), b === "cover") {
+      const E = Vr(d, m, C, v);
+      r.setExtractionArea(E);
     } else
-      t.setExtractionArea({
+      r.setExtractionArea({
         x: 0,
         y: 0,
-        width: f,
-        height: g
+        width: C,
+        height: v
       });
   }
-  return J(() => {
-    const u = a();
-    if (!u)
+  return Z(() => {
+    const g = a();
+    if (!g)
       return;
-    const {
-      observe: v,
-      unobserve: b
-    } = br(w);
-    v(u), u.addEventListener("resize", w), u.addEventListener("loadedmetadata", w), ce(() => {
-      b(u), u.removeEventListener("resize", w), u.removeEventListener("loadedmetadata", w);
+    const d = Or(S, 100), {
+      observe: m,
+      unobserve: C
+    } = fr(d);
+    m(g), g.addEventListener("resize", S), g.addEventListener("loadedmetadata", S), he(() => {
+      C(g), g.removeEventListener("resize", S), g.removeEventListener("loadedmetadata", S);
     });
-  }), J(() => {
-    const u = Se();
-    u && le.setState({
-      owner: u
+  }), Z(() => {
+    const g = ke();
+    g && ce.setState({
+      owner: g
     });
-  }), Qe(() => {
-    const u = a(), v = o(), b = l();
-    !u || !v || !b || (le.setState({
-      feedbackLayer: v,
-      overlayLayer: b
-    }), t.initVideoElement(u));
-  }), s(dr, {
+  }), Je(() => {
+    const g = a(), d = o(), m = c();
+    !g || !d || !m || (ce.setState({
+      feedbackLayer: d,
+      overlayLayer: m
+    }), r.initVideoElement(g));
+  }), l(ur, {
     get id() {
-      return d() ? void 0 : Be;
+      return h() ? void 0 : Ve;
     },
     get disableShadowRoot() {
-      return d();
+      return h();
     },
     get style() {
-      return d() ? {
+      return h() ? {
         height: "100%"
       } : void 0;
     },
     get children() {
       return [(() => {
-        var u = ne();
-        return y(u, fr), u;
+        var g = oe();
+        return w(g, mr), g;
       })(), (() => {
-        var u = ne();
-        return y(u, hr), u;
+        var g = oe();
+        return w(g, dr), g;
       })(), (() => {
-        var u = ne();
-        return y(u, mr), u;
+        var g = oe();
+        return w(g, hr), g;
       })(), (() => {
-        var u = Vr();
-        return B((v) => {
-          window.__mbCameraManagerCssCode && (v.innerHTML = window.__mbCameraManagerCssCode);
-        }, u), u;
+        var g = Ur();
+        return V((d) => {
+          window.__mbCameraManagerCssCode && (d.innerHTML = window.__mbCameraManagerCssCode);
+        }, g), g;
       })(), (() => {
-        var u = Ur(), v = u.firstChild, b = v.nextSibling, f = b.nextSibling;
-        return y(u, s(lr, {}), v), B(n, v), B(i, b), B(c, f), y(u, s(E, {
-          when: r,
+        var g = qr(), d = g.firstChild, m = d.nextSibling, C = m.nextSibling;
+        return w(g, l(sr, {}), d), V(n, d), V(i, m), V(s, C), w(g, l(k, {
+          when: t,
           get children() {
-            return s(Pr, {});
+            return l(Pr, {});
           }
-        }), null), H((g) => (g = h()) != null ? v.style.setProperty("object-fit", g) : v.style.removeProperty("object-fit")), u;
+        }), null), K((v) => (v = f()) != null ? d.style.setProperty("object-fit", v) : d.style.removeProperty("object-fit")), g;
       })()];
     }
   });
-}, qr = () => {
+}, jr = () => {
   const {
-    t
-  } = Z(), [e, r] = z(!0), {
+    t: r
+  } = ee(), [e, t] = N(!0), {
     addOnDismountCallback: a
   } = j();
   return a(() => {
-    r(!1);
-  }), s(ve, {
+    t(!1);
+  }), l(ye, {
     useShadow: !0,
     get mount() {
-      return document.getElementById(Pe);
+      return document.getElementById(qe);
     },
-    ref: (n) => (n.id = Be, n.style.zIndex = "1000", n.style.position = "fixed", n.id = "mb-camera-host", n),
+    ref: (n) => (n.id = Ve, n.style.zIndex = "1000", n.style.position = "fixed", n.id = "mb-camera-host", n),
     get children() {
-      return s(ee, {
-        children: (n) => s($.Root, {
+      return l(te, {
+        children: (n) => l($.Root, {
           get open() {
             return e();
           },
           lazyMount: !0,
           unmountOnExit: !0,
-          initialFocusEl: () => {
-            const o = document.createElement("div");
-            return o.tabIndex = -1, n.appendChild(o), setTimeout(() => {
-              o.remove();
-            }, 0), o;
-          },
+          initialFocusEl: () => n.querySelector('[role="dialog"]'),
           get children() {
-            return s($.Positioner, {
+            return l($.Positioner, {
               get children() {
-                return s($.Content, {
+                return l($.Content, {
                   "aria-labelledby": "dialog-title",
-                  class: "h-vh supports-[(height:100dvh)]:h-dvh top-0 left-0 w-full fixed",
+                  class: `h-vh supports-[(height:100dvh)]:h-dvh top-0 left-0 w-full
+                  fixed`,
                   get children() {
-                    return [s($.Title, {
+                    return [l($.Title, {
                       class: "sr-only",
                       id: "dialog-title",
                       get children() {
-                        return t.scan_document;
+                        return r.scan_document;
                       }
-                    }), s(Oe, {})];
+                    }), l(Ue, {})];
                   }
                 });
               }
@@ -2543,71 +2619,71 @@ const Be = "capture-screen-host", Oe = () => {
       });
     }
   });
-}, jr = () => {
+}, Hr = () => {
   const {
-    mountTarget: t
+    mountTarget: r
   } = j();
-  return s(je, {
+  return l(Ge, {
     get component() {
-      return t.parentNode === document.body ? qr : Oe;
+      return r.parentNode === document.body ? jr : Ue;
     }
   });
-}, Pe = "camera-manager-mount-point";
-function ra(t, e, {
-  localizationStrings: r,
+}, qe = "camera-manager-mount-point";
+function na(r, e, {
+  localizationStrings: t,
   showMirrorCameraButton: a = !1,
   showTorchButton: n = !0,
   showCloseButton: o = !0,
   showCameraErrorModal: i = !0
 } = {}) {
-  let l;
-  const c = /* @__PURE__ */ new Set();
-  let d;
-  const h = (g) => {
-    d = g;
-  }, C = () => {
-    t.reset();
+  let c;
+  const s = /* @__PURE__ */ new Set();
+  let h;
+  const f = (v) => {
+    h = v;
+  }, p = () => {
+    r.reset();
   };
-  let w;
-  const u = () => {
+  let S;
+  const g = () => {
     try {
       console.debug("🧱 Dismounting camera manager UI");
-      for (const g of c)
-        g();
-      c.clear(), C(), requestAnimationFrame(() => {
+      for (const v of s)
+        v();
+      s.clear(), p(), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          w && w(), l.remove(), C();
+          S && S(), c.remove(), p();
         });
       });
-    } catch (g) {
-      console.warn("Error while dismounting camera manager UI", g);
+    } catch (v) {
+      console.warn("Error while dismounting camera manager UI", v);
     }
-  }, v = document.createElement("div");
-  v.id = Pe, l = v, e ? e.appendChild(v) : document.body.appendChild(v);
-  const b = (g) => (c.add(g), () => {
-    c.delete(g);
+  }, d = document.createElement("div");
+  d.id = qe, c = d, e ? e.appendChild(d) : document.body.appendChild(d);
+  const m = (v) => (s.add(v), () => {
+    s.delete(v);
   });
-  w = He(() => s(Ot, {
-    userStrings: r,
-    setLocalizationRef: h,
+  S = Xe(() => l(Bt, {
+    userStrings: t,
+    setLocalizationRef: f,
     get children() {
-      return s(Nt, {
-        addOnDismountCallback: b,
-        dismountCameraUi: u,
-        cameraManager: t,
+      return l(Pt, {
+        addOnDismountCallback: m,
+        dismountCameraUi: g,
+        cameraManager: r,
         showMirrorCameraButton: a,
         showTorchButton: n,
         showCloseButton: o,
         showCameraErrorModal: i,
-        mountTarget: l,
+        mountTarget: c,
         get children() {
-          return s(jr, {});
+          return l(Hr, {});
         }
       });
     }
-  }), l);
-  const f = {
-    updateLocalization: d,
+  }), c);
+  const C = {
+    updateLocalization: h,
     /**
      * Adds a callback to be called when the component is unmounted.
      * Returns a cleanup function that removes the callback when called.
@@ -2615,65 +2691,65 @@ function ra(t, e, {
      * @param fn - The callback function to be called when the component is unmounted
      * @returns A cleanup function that removes the callback when called
      */
-    addOnDismountCallback: b,
-    cameraManager: t,
+    addOnDismountCallback: m,
+    cameraManager: r,
     // we know these are defined because `createCameraManagerUi` resolves when they are defined
     // TODO: maybe don't use getters but make sure they are defined
     get feedbackLayerNode() {
-      return U.getState().feedbackLayer;
+      return B.getState().feedbackLayer;
     },
     get overlayLayerNode() {
-      return U.getState().overlayLayer;
+      return B.getState().overlayLayer;
     },
     get owner() {
-      return U.getState().owner;
+      return B.getState().owner;
     },
-    dismount: u
+    dismount: g
   };
-  return new Promise((g) => {
-    let p = !1, k = !1, x = !1, I = () => {
+  return new Promise((v) => {
+    let b = !1, E = !1, x = !1, F = () => {
     }, G = () => {
     }, X = () => {
     };
-    const te = () => {
-      p && k && x && (I(), G(), X(), g(f));
+    const re = () => {
+      b && E && x && (F(), G(), X(), v(C));
     };
-    I = U.subscribe((R) => R.feedbackLayer, (R) => {
-      R && (k = !0), te();
+    F = B.subscribe((R) => R.feedbackLayer, (R) => {
+      R && (E = !0), re();
     }, {
       fireImmediately: !0
-    }), G = U.subscribe((R) => R.overlayLayer, (R) => {
-      R && (x = !0), te();
+    }), G = B.subscribe((R) => R.overlayLayer, (R) => {
+      R && (x = !0), re();
     }, {
       fireImmediately: !0
-    }), X = t.subscribe((R) => R.videoElement, (R) => {
-      R && (p = !0, te());
+    }), X = r.subscribe((R) => R.videoElement, (R) => {
+      R && (b = !0, re());
     }, {
       fireImmediately: !0
     });
   });
 }
-const Ve = Symbol();
-globalThis.__CAMERA_MANAGER__ ||= Ve;
-globalThis.__CAMERA_MANAGER__ !== Ve && console.warn(
+const je = Symbol();
+globalThis.__CAMERA_MANAGER__ ||= je;
+globalThis.__CAMERA_MANAGER__ !== je && console.warn(
   "Detected multiple instances of @microblink/camera-manager. This can lead to unexpected behavior."
 );
 export {
-  Ae as Camera,
-  xe as CameraError,
-  ta as CameraManager,
-  Pe as MOUNT_POINT_ID,
-  It as VideoFrameProcessor,
-  m as cameraManagerStore,
-  U as cameraUiRefStore,
-  ra as createCameraManagerUi,
+  Ie as Camera,
+  U as CameraError,
+  aa as CameraManager,
+  qe as MOUNT_POINT_ID,
+  Lt as VideoFrameProcessor,
+  u as cameraManagerStore,
+  B as cameraUiRefStore,
+  na as createCameraManagerUi,
   zt as defaultCameraManagerOptions,
-  wt as findResolutionKey,
-  Ie as getBuffer,
-  pt as getNormalizedResolution,
-  se as isBufferDetached,
-  vt as matchClosestResolution,
-  yt as resetCameraManagerStore,
-  bt as returnLongerSide,
-  O as videoResolutions
+  Ct as findResolutionKey,
+  Ne as getBuffer,
+  St as getNormalizedResolution,
+  le as isBufferDetached,
+  yt as matchClosestResolution,
+  Et as resetCameraManagerStore,
+  wt as returnLongerSide,
+  P as videoResolutions
 };