@microblink/camera-manager 7.0.0-next.9 → 7.0.0

package/dist/camera-manager.js

@@ -1,36 +1,36 @@
-(function(){"use strict";(a=>{window.__mbCameraManagerCssCode=a})("*,: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}.z-20{z-index:20}.z-9999{z-index:9999}.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}.appearance-none{-webkit-appearance:none;appearance:none}.place-items-center{place-items:center}.place-self-center{place-self: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-auto{overflow:auto}.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-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border-none{border-style:none}.bg-dark-100{--un-bg-opacity:1;background-color:rgb(60 60 60 / var(--un-bg-opacity))}.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(255 255 255 / var(--un-bg-opacity))}.data-\\[highlighted\\]\\:bg-gray-500\\/50[data-highlighted]{background-color:#6b728080}.bg-opacity-50{--un-bg-opacity:.5}.object-contain{object-fit:contain}.p-2{padding:calc(var(--mb-size)*.5rem)}.p-4{padding:calc(var(--mb-size)*1rem)}.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)}.text-size-sm{font-size:calc(var(--mb-size)*.875rem)}.color-dark-9{--un-text-opacity:1;color:rgb(15 15 15 / var(--un-text-opacity))}.color-white{--un-text-opacity:1;color:rgb(255 255 255 / 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)}.shadow-lg{--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)}.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 se } from "zustand/middleware";
-import { createStore as le } from "zustand/vanilla";
-import { createComponent as s, use as A, template as v, spread as z, mergeProps as X, insert as w, memo as Z, Portal as J, render as ce, effect as ue, className as ze, style as _e, Dynamic as Le } from "solid-js/web";
-import { createContext as de, onCleanup as De, useContext as me, onMount as fe, createSignal as N, Show as x, Index as Ve, getOwner as Fe, runWithOwner as Ae, createEffect as Ne } from "solid-js";
-import { createWithSignal as he } from "solid-zustand";
-import { createStore as Ie } from "solid-js/store";
-import { EnvironmentProvider as Oe } from "@ark-ui/solid/environment";
+(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 he } from "zustand/middleware";
+import { createStore as me } from "zustand/vanilla";
+import { createComponent as s, use as O, template as S, spread as D, mergeProps as K, insert as w, memo as ge, isServer as Be, delegateEvents as Ve, effect as H, className as V, Portal as fe, Dynamic as Ue, render as je } from "solid-js/web";
+import { createContext as be, onCleanup as ie, useContext as pe, onMount as Q, createSignal as z, Show as E, Index as qe, createRoot as He, getOwner as ve, splitProps as We, createEffect as Ge } from "solid-js";
+import { createWithSignal as we } from "solid-zustand";
+import { createStore as Xe } from "solid-js/store";
+import { EnvironmentProvider as Ke } from "@ark-ui/solid/environment";
 import { Dialog as $ } from "@ark-ui/solid/dialog";
-import { Select as T, createListCollection as Pe } from "@ark-ui/solid/select";
-import { Tooltip as H } 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, o = (n, i) => {
-    const c = this.getVideoPlaybackQuality(), f = this.mozPresentedFrames || this.mozPaintedFrames || c.totalVideoFrames - c.droppedVideoFrames;
-    if (f > a) {
-      const g = this.mozFrameDelay || c.totalFrameDelay - r.totalFrameDelay || 0, m = i - n;
-      t(i, {
-        presentationTime: i + g * 1e3,
-        expectedDisplayTime: i + m,
+import { Select as A, createListCollection as Qe } from "@ark-ui/solid/select";
+import { Tooltip as G } from "@ark-ui/solid/tooltip";
+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 l = this.getVideoPlaybackQuality(), c = this.mozPresentedFrames || this.mozPaintedFrames || l.totalVideoFrames - l.droppedVideoFrames;
+    if (c > a) {
+      const f = this.mozFrameDelay || l.totalFrameDelay - t.totalFrameDelay || 0, g = i - o;
+      r(i, {
+        presentationTime: i + f * 1e3,
+        expectedDisplayTime: i + g,
         width: this.videoWidth,
         height: this.videoHeight,
-        mediaTime: Math.max(0, this.currentTime || 0) + m / 1e3,
-        presentedFrames: f,
-        processingDuration: g
+        mediaTime: Math.max(0, this.currentTime || 0) + g / 1e3,
+        presentedFrames: c,
+        processingDuration: f
       }), delete this._rvfcpolyfillmap[e];
     } else
-      this._rvfcpolyfillmap[e] = requestAnimationFrame((g) => o(i, g));
+      this._rvfcpolyfillmap[e] = requestAnimationFrame((f) => n(i, f));
   };
-  return this._rvfcpolyfillmap[e] = requestAnimationFrame((n) => o(e, n)), e;
-}, HTMLVideoElement.prototype.cancelVideoFrameCallback = function(t) {
-  cancelAnimationFrame(this._rvfcpolyfillmap[t]), delete this._rvfcpolyfillmap[t];
+  return this._rvfcpolyfillmap[e] = requestAnimationFrame((o) => n(e, o)), e;
+}, HTMLVideoElement.prototype.cancelVideoFrameCallback = function(r) {
+  cancelAnimationFrame(this._rvfcpolyfillmap[r]), delete this._rvfcpolyfillmap[r];
 });
-const ge = {
+const ye = {
   cameras: [],
   facingFilter: void 0,
   videoElement: void 0,
@@ -40,14 +40,14 @@ const ge = {
   isQueryingCameras: !1,
   mirrorX: !1,
   errorState: void 0
-}, d = le()(
+}, d = me()(
   // this is important! Otherwise solid-zustand will start mutating the initial state
-  se(() => structuredClone(ge))
-), je = () => {
-  console.debug("resetting zustand store"), d.getState().cameras.forEach((t) => {
-    t.stopStream();
-  }), d.setState(structuredClone(ge));
-}, He = [
+  he(() => structuredClone(ye))
+), Ye = () => {
+  console.debug("Stopping all cameras and resetting the `cameraManagerStore`."), d.getState().cameras.forEach((r) => {
+    r.stopStream();
+  }), d.setState(structuredClone(ye));
+}, Je = [
   // English
   "back",
   "rear",
@@ -118,7 +118,7 @@ const ge = {
   "बैक",
   // Latin American Spanish
   "posterior"
-], qe = [
+], Ze = [
   // English
   "front",
   // German
@@ -185,38 +185,38 @@ const ge = {
   "फ्रंट",
   // Latin American Spanish
   "frontal"
-], pe = (t, e) => e.some((r) => t.toLowerCase().includes(r)), be = (t) => pe(t, He), ve = (t) => pe(t, qe);
-var Ue = /* @__PURE__ */ function() {
-  function t(e, r) {
-    for (var a = 0; a < r.length; a++) {
-      var o = r[a];
-      o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o);
+], Se = (r, e) => e.some((t) => r.toLowerCase().includes(t)), Ce = (r) => Se(r, Je), ke = (r) => Se(r, Ze);
+var et = /* @__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;
   };
-}(), Be = Qe(["", ""], ["", ""]);
-function Qe(t, e) {
-  return Object.freeze(Object.defineProperties(t, { raw: { value: Object.freeze(e) } }));
+}(), tt = rt(["", ""], ["", ""]);
+function rt(r, e) {
+  return Object.freeze(Object.defineProperties(r, { raw: { value: Object.freeze(e) } }));
 }
-function We(t, e) {
-  if (!(t instanceof e))
+function at(r, e) {
+  if (!(r instanceof e))
     throw new TypeError("Cannot call a class as a function");
 }
-var S = function() {
-  function t() {
-    for (var e = this, r = arguments.length, a = Array(r), o = 0; o < r; o++)
-      a[o] = arguments[o];
-    return We(this, t), this.tag = function(n) {
-      for (var i = arguments.length, c = Array(i > 1 ? i - 1 : 0), f = 1; f < i; f++)
-        c[f - 1] = arguments[f];
-      return typeof n == "function" ? e.interimTag.bind(e, n) : typeof n == "string" ? e.transformEndResult(n) : (n = n.map(e.transformString.bind(e)), e.transformEndResult(n.reduce(e.processSubstitutions.bind(e, c))));
-    }, a.length > 0 && Array.isArray(a[0]) && (a = a[0]), this.transformers = a.map(function(n) {
-      return typeof n == "function" ? n() : 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 at(this, r), 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))));
+    }, 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 Ue(t, [{
+  return et(r, [{
     key: "interimTag",
     /**
      * An intermediary template tag that receives a template tag and passes the result of calling the template with the received
@@ -226,10 +226,10 @@ var S = function() {
      * @param  {...*}            ...substitutions - `substitutions` is an array of all substitutions in the template
      * @return {*}                                - the final processed value
      */
-    value: function(r, a) {
-      for (var o = arguments.length, n = Array(o > 2 ? o - 2 : 0), i = 2; i < o; i++)
-        n[i - 2] = arguments[i];
-      return this.tag(Be, r.apply(void 0, [a].concat(n)));
+    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(tt, t.apply(void 0, [a].concat(o)));
     }
     /**
      * Performs bulk processing on the tagged template, transforming each substitution and then
@@ -241,9 +241,9 @@ var S = function() {
      */
   }, {
     key: "processSubstitutions",
-    value: function(r, a, o) {
-      var n = this.transformSubstitution(r.shift(), a);
-      return "".concat(a, n, o);
+    value: function(t, a, n) {
+      var o = this.transformSubstitution(t.shift(), a);
+      return "".concat(a, o, n);
     }
     /**
      * Iterate through each transformer, applying the transformer's `onString` method to the template
@@ -253,11 +253,11 @@ var S = function() {
      */
   }, {
     key: "transformString",
-    value: function(r) {
-      var a = function(n, i) {
-        return i.onString ? i.onString(n) : n;
+    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
@@ -268,11 +268,11 @@ var S = function() {
      */
   }, {
     key: "transformSubstitution",
-    value: function(r, a) {
-      var o = function(i, c) {
-        return c.onSubstitution ? c.onSubstitution(i, a) : i;
+    value: function(t, a) {
+      var n = function(i, l) {
+        return l.onSubstitution ? l.onSubstitution(i, a) : i;
       };
-      return this.transformers.reduce(o, r);
+      return this.transformers.reduce(n, t);
     }
     /**
      * Iterates through each transformer, applying the transformer's `onEndResult` method to the
@@ -282,14 +282,14 @@ var S = function() {
      */
   }, {
     key: "transformEndResult",
-    value: function(r) {
-      var a = function(n, i) {
-        return i.onEndResult ? i.onEndResult(n) : n;
+    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;
-}(), C = function() {
+  }]), r;
+}(), T = function() {
   var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
   return {
     onEndResult: function(a) {
@@ -303,24 +303,24 @@ var S = function() {
     }
   };
 };
-function Xe(t) {
-  if (Array.isArray(t)) {
-    for (var e = 0, r = Array(t.length); e < t.length; e++)
-      r[e] = t[e];
-    return r;
+function nt(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 o = a.match(/^[^\S\n]*(?=\S)/gm), n = o && Math.min.apply(Math, Xe(o.map(function(c) {
-          return c.length;
+        var n = a.match(/^[^\S\n]*(?=\S)/gm), o = n && Math.min.apply(Math, nt(n.map(function(l) {
+          return l.length;
         })));
-        if (n) {
-          var i = new RegExp("^.{" + n + "}", "gm");
+        if (o) {
+          var i = new RegExp("^.{" + o + "}", "gm");
           return a.replace(i, "");
         }
         return a;
@@ -330,208 +330,520 @@ var L = function() {
       throw new Error("Unknown type: " + e);
     }
   };
-}, I = function(e, r) {
+}, j = function(e, t) {
   return {
-    onEndResult: function(o) {
-      if (e == null || r == null)
+    onEndResult: function(n) {
+      if (e == null || t == null)
         throw new Error("replaceResultTransformer requires at least 2 arguments.");
-      return o.replace(e, r);
+      return n.replace(e, t);
     }
   };
-}, F = function(e, r) {
+}, B = function(e, t) {
   return {
-    onSubstitution: function(o, n) {
-      if (e == null || r == null)
+    onSubstitution: function(n, o) {
+      if (e == null || t == null)
         throw new Error("replaceSubstitutionTransformer requires at least 2 arguments.");
-      return o == null ? o : o.toString().replace(e, r);
+      return n == null ? n : n.toString().replace(e, t);
     }
   };
-}, Ke = {
+}, ot = {
   separator: "",
   conjunction: "",
   serial: !1
-}, R = function() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Ke;
+}, I = function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ot;
   return {
-    onSubstitution: function(a, o) {
+    onSubstitution: function(a, n) {
       if (Array.isArray(a)) {
-        var n = a.length, i = e.separator, c = e.conjunction, f = e.serial, g = o.match(/(\n?[^\S\n]+)$/);
-        if (g ? a = a.join(i + g[1]) : a = a.join(i + " "), c && n > 1) {
-          var m = a.lastIndexOf(i);
-          a = a.slice(0, m) + (f ? i : "") + " " + c + a.slice(m + 1);
+        var o = a.length, i = e.separator, l = e.conjunction, c = e.serial, f = n.match(/(\n?[^\S\n]+)$/);
+        if (f ? a = a.join(i + f[1]) : a = a.join(i + " "), l && o > 1) {
+          var g = a.lastIndexOf(i);
+          a = a.slice(0, g) + (c ? i : "") + " " + l + a.slice(g + 1);
         }
       }
       return a;
     }
   };
-}, we = function(e) {
+}, Ee = function(e) {
   return {
-    onSubstitution: function(a, o) {
+    onSubstitution: function(a, n) {
       return typeof a == "string" && a.includes(e) && (a = a.split(e)), a;
     }
   };
-}, re = function(e) {
+}, le = function(e) {
   return e != null && !Number.isNaN(e) && typeof e != "boolean";
-}, Ge = function() {
+}, it = function() {
   return {
-    onSubstitution: function(r) {
-      return Array.isArray(r) ? r.filter(re) : re(r) ? r : "";
+    onSubstitution: function(t) {
+      return Array.isArray(t) ? t.filter(le) : le(t) ? t : "";
     }
   };
 };
-new S(R({ separator: "," }), L, C);
-new S(R({ separator: ",", conjunction: "and" }), L, C);
-new S(R({ separator: ",", conjunction: "or" }), L, C);
-new S(we(`
-`), Ge, R, L, C);
-new S(we(`
-`), R, L, C, F(/&/g, "&amp;"), F(/</g, "&lt;"), F(/>/g, "&gt;"), F(/"/g, "&quot;"), F(/'/g, "&#x27;"), F(/`/g, "&#x60;"));
-new S(I(/(?:\n(?:\s*))+/g, " "), C);
-new S(I(/(?:\n\s*)/g, ""), C);
-new S(R({ separator: "," }), I(/(?:\s+)/g, " "), C);
-new S(R({ separator: ",", conjunction: "or" }), I(/(?:\s+)/g, " "), C);
-new S(R({ separator: ",", conjunction: "and" }), I(/(?:\s+)/g, " "), C);
-new S(R, L, C);
-new S(R, I(/(?:\s+)/g, " "), C);
-new S(L, C);
-var Ze = new S(L("all"), C);
-const ae = Element.prototype.attachShadow;
-function Y() {
+new _(I({ separator: "," }), L, T);
+new _(I({ separator: ",", conjunction: "and" }), L, T);
+new _(I({ separator: ",", conjunction: "or" }), L, T);
+new _(Ee(`
+`), it, I, L, T);
+new _(Ee(`
+`), I, L, T, B(/&/g, "&amp;"), B(/</g, "&lt;"), B(/>/g, "&gt;"), B(/"/g, "&quot;"), B(/'/g, "&#x27;"), B(/`/g, "&#x60;"));
+new _(j(/(?:\n(?:\s*))+/g, " "), T);
+new _(j(/(?:\n\s*)/g, ""), T);
+new _(I({ separator: "," }), j(/(?:\s+)/g, " "), T);
+new _(I({ separator: ",", conjunction: "or" }), j(/(?:\s+)/g, " "), T);
+new _(I({ separator: ",", conjunction: "and" }), j(/(?:\s+)/g, " "), T);
+new _(I, L, T);
+new _(I, j(/(?:\s+)/g, " "), T);
+new _(L, T);
+var _e = new _(L("all"), T);
+const st = [
+  "Cameră dublă cu obiectiv superangular spate",
+  "מצלמה כפולה רחבה אחורית",
+  "Артқы қос кең бұрышты камера",
+  "Câmara grande angular dupla traseira",
+  "Πίσω διπλή ευρεία κάμερα",
+  "後置雙廣角鏡頭相機",
+  "Задна двойна широкоъгълна камера",
+  "Càmera dual posterior amb gran angular",
+  "Zadná duálna širokouhlá kamera",
+  "كاميرا خلفية مزدوجة عريضة",
+  "Задняя двойная широкоугольная камера",
+  "Задня здвоєна ширококутна камера",
+  "Cámara amplia posterior doble",
+  "Dwikamera Lebar Belakang",
+  "Tylny dwuobiektywowy aparat szerokokątny",
+  "Dubbel vidvinkelkamera på baksidan",
+  "Back Dual Wide Camera",
+  "Hátsó, kettős, széles látószögű kamera",
+  "후면 듀얼 와이드 카메라",
+  "Double caméra grand angle arrière",
+  "Fotocamera doppia con grandangolo (posteriore)",
+  "Double appareil photo grand angle arrière",
+  "Zadní duální širokoúhlý fotoaparát",
+  "Çift Geniş Kamera Arka Yüzü",
+  "Laajakulmainen kaksoistakakamera",
+  "Rückseitige Dual-Weitwinkelkamera",
+  "बैक ड्युअल वाइड कैमरा",
+  "后置双广角镜头",
+  "Câmera Dupla Grande-Angular Traseira",
+  "後置雙廣角相機",
+  "กล้องคู่ด้านหลังมุมกว้าง",
+  "Kamera Lebar Belakang Ganda",
+  "Dobbelt vidvinkelkamera bak",
+  "Camera kép rộng mặt sau",
+  "Cámara trasera dual con gran angular",
+  "背面デュアル広角カメラ",
+  "Stražnja dvostruka široka kamera"
+], X = (r) => {
+  if (r instanceof Error) return r;
+  try {
+    return new Error(JSON.stringify(r));
+  } catch {
+    return new Error(String(r));
+  }
+};
+class Te extends Error {
+  code;
+  constructor(e, t, a) {
+    super(e), this.code = t, this.cause = a;
+  }
+}
+const lt = async () => {
+  try {
+    const r = await navigator.mediaDevices.getUserMedia({
+      video: !0
+    });
+    xe(r);
+  } catch (r) {
+    throw console.log(r), new Te(
+      "Camera permission not given",
+      "PERMISSION_DENIED",
+      X(r)
+    );
+  }
+}, ct = async () => {
+  if (!isSecureContext)
+    throw new Error(_e`
+      Cameras can only be used in a secure context:
+      https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts
+    `);
+  return await lt(), (await navigator.mediaDevices.enumerateDevices()).filter((t) => t.kind === "videoinput");
+}, xe = (r) => {
+  const e = r.getTracks();
+  for (const t of e)
+    t.stop();
+}, ut = (r, e, t) => ({
+  video: {
+    deviceId: t ? { exact: t } : void 0,
+    frameRate: 30,
+    aspectRatio: {
+      exact: P[r].width / P[r].height
+    },
+    width: {
+      ideal: P[r].width
+    },
+    height: {
+      ideal: P[r].height
+    },
+    facingMode: e
+  },
+  audio: !1
+}), dt = async (r, e = "4k", t = "back") => {
+  if (r.length === 0)
+    throw new Error("No cameras found");
+  if (t === "back") {
+    const o = r.find(
+      (i) => st.includes(i.name)
+    );
+    if (o)
+      return await o.startStream(e), o;
+  }
+  const a = r.filter((o) => t === "back" || t === void 0 ? Ce(o.name) : ke(o.name));
+  if (a.length === 1 && a[0].facingMode === t)
+    return await a[0].startStream(e), a[0];
+  if (a.length > 0 && t === "front") {
+    const o = a[a.length - 1];
+    return await o.startStream(e), o;
+  }
+  a.length === 0 && (console.debug("No camera found with requested facing, using all cameras"), a.push(...r));
+  const n = /* @__PURE__ */ new Map();
+  r.forEach((o) => n.set(o, 0));
+  for (let o = a.length - 1; o >= 0; o--) {
+    const i = a[o];
+    if (await i.startStream(e), !i.facingMode)
+      return console.debug("No facing mode, returning last camera"), i;
+    if (i.facingMode && i.facingMode !== t) {
+      console.debug("Mismatched facing mode, moving on to the next camera"), i.stopStream();
+      continue;
+    }
+    if (i.torchSupported && i.singleShotSupported)
+      return console.debug("Camera supports torch and single shot, returning"), i;
+    if (i.torchSupported && n.set(i, n.get(i) + 1), i.singleShotSupported && n.set(i, n.get(i) + 1), o === 0) {
+      console.debug("Last camera in the pool, picking the best one");
+      let l, c = -1 / 0;
+      return n.forEach((f, g) => {
+        f > c && (c = f, l = g);
+      }), l;
+    }
+    i.stopStream();
+  }
+  throw new Error("No camera found, should not happen");
+};
+function ht(r) {
+  const e = [];
+  for (const t of r) {
+    const a = new Me(t);
+    a !== null && e.push(a);
+  }
+  return e;
+}
+const P = {
+  "720p": { width: 1280, height: 720 },
+  "1080p": { width: 1920, height: 1080 },
+  "4k": { width: 3840, height: 2160 }
+};
+function mt(r) {
+  return Math.max(r.width, r.height);
+}
+function gt(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 ft(r) {
+  const e = mt(r);
+  return e > 1920 ? "4k" : e > 1280 ? "1080p" : "720p";
+}
+function bt(r) {
+  const e = gt(r), t = Object.entries(P).find(
+    ([n, o]) => o.width === e.width && o.height === e.height
+  );
+  if (!t) {
+    const n = ft(r);
+    return console.warn(
+      `No exact resolution match found for ${JSON.stringify(r)}, categorizing as ${n}`
+    ), n;
+  }
+  return t[0];
+}
+class Me {
+  deviceInfo;
+  /**
+   * Stream capabilities as reported by the stream.
+   *
+   * On iOS it's the same as `deviceCapabilities`. Firefox is only reporting
+   * rudimentary capabilities, so we can't rely on this for picking the right
+   * 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;
+  constructor(e) {
+    if (e.kind !== "videoinput")
+      throw new Error("Device is not a video input device");
+    this.deviceInfo = e, this.name = e.label, ke(e.label) && (this.facingMode = "front"), Ce(e.label) && (this.facingMode = "back");
+    const t = this, a = new Proxy(this, {
+      set(n, o, i, l) {
+        const c = Reflect.get(n, o, l), f = {
+          property: o,
+          oldValue: c,
+          value: i
+        };
+        return t.notify(f), Reflect.set(n, o, i, l);
+      }
+    });
+    return this.notify = (n) => {
+      this.notifyStateChange?.(a, n);
+    }, a;
+  }
+  async startStream(e) {
+    if (this.activeStream)
+      return this.activeStream;
+    this.maxSupportedResolution && (e = this.maxSupportedResolution);
+    const t = await this.acquireStreamWithFallback(e);
+    this.populateCapabilities(t), this.activeStream = t;
+    const a = t.getVideoTracks()[0];
+    return a.onended = (n) => {
+      this.stopStream(), this.notify({
+        event: n,
+        payload: "TRACK_END"
+      });
+    }, t;
+  }
+  /**
+   * Acquires a camera stream with the specified resolution.
+   * If acquisition fails, it tries a lower resolution as fallback.
+   */
+  async acquireStreamWithFallback(e) {
+    try {
+      const t = ut(
+        e,
+        this.facingMode,
+        this.deviceInfo.deviceId
+      );
+      return await navigator.mediaDevices.getUserMedia(t);
+    } catch (t) {
+      console.warn(
+        `Can't get camera stream for ${this.name} at ${e}`,
+        t
+      );
+      let a = Object.keys(P).indexOf(e);
+      if (a === 0)
+        throw new Error("Failed to get camera stream");
+      const n = Object.keys(P)[a - 1];
+      return await this.acquireStreamWithFallback(n);
+    }
+  }
+  /**
+   * Populates the camera instance with capabilities from the stream.
+   */
+  populateCapabilities(e) {
+    this.streamCapabilities = e.getVideoTracks()[0].getCapabilities();
+    const a = e.getVideoTracks()[0].getSettings();
+    if (!a.width || !a.height)
+      throw new Error(
+        "Video track resolution not available. Should not happen."
+      );
+    const n = {
+      width: a.width,
+      height: a.height
+    }, o = bt(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"));
+  }
+  async toggleTorch() {
+    const e = this.getVideoTrack();
+    if (!e)
+      throw new Error("No active stream on Camera instance.");
+    if (!this.torchSupported)
+      throw new Error("Torch not supported on this device.");
+    try {
+      await e.applyConstraints({
+        advanced: [
+          {
+            torch: !this.torchEnabled
+          }
+        ]
+      }), this.torchEnabled = !this.torchEnabled;
+    } catch (t) {
+      throw console.error("Failed to toggle torch", t), this.torchEnabled = !1, this.torchSupported = !1, new Error("Failed to toggle torch", { cause: t });
+    }
+    return this.torchEnabled;
+  }
+  stopStream() {
+    this.activeStream && (console.debug(`Stopping active stream on ${this.name}`), xe(this.activeStream), this.activeStream = void 0, this.streamCapabilities = void 0, this.torchEnabled = !1);
+  }
+  getVideoTrack() {
+    if (!this.activeStream) {
+      console.warn(`No active stream on Camera instance: ${this.name}.`);
+      return;
+    }
+    return this.activeStream.getVideoTracks()[0];
+  }
+}
+const ce = Element.prototype.attachShadow;
+function se() {
   return typeof window.ShadyDOM < "u" && typeof ShadowRoot < "u";
 }
-function Je() {
+function pt() {
   return typeof ShadowRoot < "u";
 }
-function Ye(t) {
-  ae == null || Y() || (Element.prototype.attachShadow = function(e) {
-    const r = ae.call(this, e);
-    return t(r), r;
+function vt(r) {
+  ce == null || se() || (Element.prototype.attachShadow = function(e) {
+    const t = ce.call(this, e);
+    return r(t), t;
   });
 }
-function et(t, ...e) {
-  const r = new Set(e);
+function wt(r, ...e) {
+  const t = new Set(e);
   let a = !1;
-  const o = () => {
-    for (const n of r)
-      t(n);
-    r.clear();
+  const n = () => {
+    for (const o of t)
+      r(o);
+    t.clear();
   };
   return {
     isRunning() {
       return a;
     },
-    schedule(n) {
-      r.add(n), a && o();
+    schedule(o) {
+      t.add(o), a && n();
     },
     stop() {
       a = !1;
     },
     run() {
-      a || (a = !0, o());
+      a || (a = !0, n());
     }
   };
 }
-const tt = {
+const yt = {
   childList: !0,
   subtree: !0
-}, rt = (t) => {
-  typeof queueMicrotask < "u" ? queueMicrotask(t) : typeof Promise < "u" ? Promise.resolve().then(() => t()) : setTimeout(() => t(), 0);
+}, St = (r) => {
+  typeof queueMicrotask < "u" ? queueMicrotask(r) : typeof Promise < "u" ? Promise.resolve().then(() => r()) : setTimeout(() => r(), 0);
 };
-function ne(t) {
-  if (typeof Symbol < "u" && t[Symbol.iterator] != null)
-    return [...t];
+function ue(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 at(t, e) {
-  return Y() ? new Set(ne(window.ShadyDOM.nativeMethods.querySelectorAll.call(document.documentElement, e))) : new Set("querySelectorAll" in t ? ne(t.querySelectorAll(e)) : []);
+function Ct(r, e) {
+  return se() ? new Set(ue(window.ShadyDOM.nativeMethods.querySelectorAll.call(document.documentElement, e))) : new Set("querySelectorAll" in r ? ue(r.querySelectorAll(e)) : []);
 }
-function nt(t, e) {
-  return /* @__PURE__ */ new Set([...t ?? [], ...e ?? []]);
+function kt(r, e) {
+  return /* @__PURE__ */ new Set([...r ?? [], ...e ?? []]);
 }
-function ot(t) {
-  return "activeElement" in t;
+function Et(r) {
+  return "activeElement" in r;
 }
-function ye(t = document.documentElement) {
-  if (ot(t) && Se(t), Y() && t instanceof ShadowRoot || !Je())
+function Re(r = document.documentElement) {
+  if (Et(r) && Ae(r), se() && r instanceof ShadowRoot || !pt())
     return;
-  const e = t.childNodes, r = "shadowRoot" in t && t.shadowRoot != null ? [t.shadowRoot] : [];
-  for (const a of [...e, ...r])
-    ye(a);
+  const e = r.childNodes, t = "shadowRoot" in r && r.shadowRoot != null ? [r.shadowRoot] : [];
+  for (const a of [...e, ...t])
+    Re(a);
 }
-function it(t) {
-  return "isConnected" in Node.prototype ? t.isConnected : t.ownerDocument == null || !(t.ownerDocument.compareDocumentPosition(t) & t.DOCUMENT_POSITION_DISCONNECTED);
+function _t(r) {
+  return "isConnected" in Node.prototype ? r.isConnected : r.ownerDocument == null || !(r.ownerDocument.compareDocumentPosition(r) & r.DOCUMENT_POSITION_DISCONNECTED);
 }
-const j = /* @__PURE__ */ new Map();
-function st(t, e) {
-  const r = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new WeakMap();
-  let i = !1, c = !1, f = !1;
-  const g = () => {
-    c = !0;
-    const h = [...r];
-    h.length > 0 && e(h, t), r.clear(), i = !1, c = !1;
-  }, m = () => {
-    i || (i = !0, rt(g));
-  }, l = (h) => {
-    r.add(h), c || m();
-  }, b = () => {
-    const h = [...r];
-    return r.clear(), h;
-  }, y = () => {
+const W = /* @__PURE__ */ new Map();
+function Tt(r, e) {
+  const t = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new WeakMap();
+  let i = !1, l = !1, c = !1;
+  const f = () => {
+    l = !0;
+    const v = [...t];
+    v.length > 0 && e(v, r), t.clear(), i = !1, l = !1;
+  }, g = () => {
+    i || (i = !0, St(f));
+  }, y = (v) => {
+    t.add(v), l || g();
+  }, u = () => {
+    const v = [...t];
+    return t.clear(), v;
+  }, h = () => {
     a.clear();
-  }, E = (h, M) => {
-    let _ = o.get(h);
-    const V = at(h, M), Re = _?.get(M), $e = nt(V, Re);
-    k($e), _ == null && (_ = /* @__PURE__ */ new Map(), o.set(h, _)), _.set(M, V);
-  }, k = (h) => {
-    for (const M of h) {
-      const _ = n.get(M), V = it(M);
-      _ !== V && (n.set(M, V), l({
-        connected: V,
-        target: M
+  }, p = (v, x) => {
+    let R = n.get(v);
+    const F = Ct(v, x), M = R?.get(x), Pe = kt(F, M);
+    C(Pe), R == null && (R = /* @__PURE__ */ new Map(), n.set(v, R)), R.set(x, F);
+  }, C = (v) => {
+    for (const x of v) {
+      const R = o.get(x), F = _t(x);
+      R !== F && (o.set(x, F), y({
+        connected: F,
+        target: x
       }));
     }
-  }, p = {
+  }, b = {
     observedTargets: a,
-    queryRootAndHandleMutationChanges: E,
-    handleMutationChange: k,
-    addObservedTarget: (h) => {
-      if (G.run(), f || (f = !0, ye()), a.add(h), typeof h != "string")
-        k([h]);
+    queryRootAndHandleMutationChanges: p,
+    handleMutationChange: C,
+    addObservedTarget: (v) => {
+      if (ae.run(), c || (c = !0, Re()), a.add(v), typeof v != "string")
+        C([v]);
       else
-        for (const M of K)
-          E(M, h);
+        for (const x of re)
+          p(x, v);
     },
-    clearObservedTargets: y,
-    clearQueue: b
+    clearObservedTargets: h,
+    clearQueue: u
   };
-  j.set(t, p);
+  W.set(r, b);
 }
-const lt = (t) => {
-  for (const e of t)
+const xt = (r) => {
+  for (const e of r)
     if (e.type === "childList")
-      for (const r of j.values())
-        for (const a of r.observedTargets)
-          typeof a == "string" ? r.queryRootAndHandleMutationChanges(e.target, a) : r.handleMutationChange([a]);
-}, K = /* @__PURE__ */ new Set(), Se = /* @__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]);
+}, re = /* @__PURE__ */ new Set(), Ae = /* @__PURE__ */ (() => {
+  let r;
   return function(e) {
-    K.has(e) || (K.add(e), t == null && (t = new MutationObserver(lt)), t.observe(e, tt));
+    re.has(e) || (re.add(e), r == null && (r = new MutationObserver(xt)), r.observe(e, yt));
   };
-})(), G = et(Se, document.documentElement);
-class D {
+})(), ae = wt(Ae, document.documentElement);
+class N {
   constructor(e) {
     if (new.target === void 0)
-      throw new TypeError(`Constructor ${D.name} requires 'new'`);
+      throw new TypeError(`Constructor ${N.name} requires 'new'`);
     if (e === void 0)
-      throw new ReferenceError(`Failed to construct '${D.name}': 1 argument required, but only 0 present.`);
+      throw new ReferenceError(`Failed to construct '${N.name}': 1 argument required, but only 0 present.`);
     if (typeof e != "function")
-      throw new TypeError(`Failed to construct '${D.name}': The callback provided as parameter 1 is not a function.`);
-    st(this, e);
+      throw new TypeError(`Failed to construct '${N.name}': The callback provided as parameter 1 is not a function.`);
+    Tt(this, e);
   }
   /**
    * The Symbol.@@toStringTag value
@@ -547,87 +859,269 @@ class D {
    */
   observe(e) {
     if (e === void 0)
-      throw new ReferenceError(`Failed to execute '${this.observe.name}' on '${D.name}': 1 argument required, but only 0 present.`);
+      throw new ReferenceError(`Failed to execute '${this.observe.name}' on '${N.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 '${D.name}': parameter 1 is not of type 'Node' or a DOMString.`);
-    const r = j.get(this);
-    r?.addObservedTarget(e);
+      throw new TypeError(`Failed to execute '${this.observe.name}' on '${N.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)
    */
   takeRecords() {
-    const e = j.get(this);
+    const e = W.get(this);
     return e == null ? [] : e.clearQueue();
   }
   /**
    * Disconnects the ConnectionObserver such that none of its callbacks will be invoked any longer
    */
   disconnect() {
-    const e = j.get(this);
+    const e = W.get(this);
     e?.clearObservedTargets();
   }
 }
-Ye(G.schedule.bind(G));
-function ct(t, ...e) {
-  return t.addEventListener(...e), () => {
-    t.removeEventListener(...e);
+vt(ae.schedule.bind(ae));
+function Mt(r, ...e) {
+  return r.addEventListener(...e), () => {
+    r.removeEventListener(...e);
   };
 }
-function ut(t, e) {
-  let r;
-  if (e((a, o) => {
-    t.addEventListener(a, o), r = () => t.removeEventListener(a, o);
-  }), !r)
+function Rt(r, e) {
+  let t;
+  if (e((a, n) => {
+    r.addEventListener(a, n), t = () => r.removeEventListener(a, n);
+  }), !t)
     throw new Error("you forgot to add event listener");
-  return r;
+  return t;
 }
-const oe = (t) => {
-  if (t instanceof Error) return t;
+function ne(r) {
+  const e = $e(r);
+  if ("detached" in e)
+    return e.detached;
   try {
-    return new Error(JSON.stringify(t));
+    return new Uint8Array(e), !1;
   } catch {
-    return new Error(String(t));
+    return !0;
   }
-};
-let O;
-function dt(t, e = !1) {
-  O || (O = document.createElement("canvas"));
-  const r = O.getContext("2d", {
-    willReadFrequently: !0,
-    alpha: !1
-  });
-  if (!r)
-    throw new Error("CanvasRenderingContext2D is missing!");
-  const a = t.videoWidth, o = t.videoHeight;
-  return O.width = a, O.height = o, r.drawImage(t, 0, 0, a, o), e && r.scale(-1, 1), r.getImageData(0, 0, a, o);
 }
-const ie = {
-  HD: { width: 1280, height: 720 },
-  FHD: { width: 1920, height: 1080 },
-  UHD: { width: 3840, height: 2160 }
+class At {
+  #e;
+  #o = null;
+  #a = null;
+  #r = null;
+  #n = null;
+  #t = null;
+  #s = 0;
+  #l = 0;
+  #i;
+  #u = 4;
+  constructor(e = {}) {
+    const { canvasRenderingMode: t = "webgl2", fallbackWebGlTo2d: a = !0 } = e;
+    if (this.#i = t, this.#e = document.createElement("canvas"), t === "2d")
+      this.#d();
+    else if (t === "webgl2")
+      try {
+        this.#h();
+      } catch (n) {
+        if (a)
+          console.warn(
+            "Failed to create WebGL2 context, falling back to 2D canvas"
+          ), this.#i = "2d", this.#d();
+        else
+          throw n;
+      }
+    else
+      throw new Error(
+        `Unsupported rendering context: ${t}`
+      );
+  }
+  /**
+   * Initializes the 2D canvas context
+   */
+  #d() {
+    const e = this.#e.getContext("2d", {
+      alpha: !1,
+      willReadFrequently: !0
+    });
+    if (!e) throw new Error("CanvasRenderingContext2D is missing!");
+    this.#o = e;
+  }
+  /**
+   * Initializes the WebGL2 context and resources
+   */
+  #h() {
+    const e = this.#e.getContext("webgl2", {
+      alpha: !1,
+      depth: !1,
+      stencil: !1,
+      antialias: !1,
+      premultipliedAlpha: !1,
+      preserveDrawingBuffer: !1,
+      desynchronized: !1,
+      powerPreference: "high-performance"
+    });
+    if (!e) throw new Error("WebGL2RenderingContext is missing!");
+    this.#a = e;
+    const t = e.createTexture();
+    if (!t) throw new Error("Failed to create WebGL texture");
+    this.#r = 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(
+      e.FRAMEBUFFER,
+      e.COLOR_ATTACHMENT0,
+      e.TEXTURE_2D,
+      t,
+      0
+    );
+  }
+  /**
+   * Returns ownership of an ArrayBuffer to the processor for reuse
+   * This should only be called with ArrayBuffers that were originally from this processor
+   * Typically used after transferring the buffer to/from a worker
+   */
+  reattachArrayBuffer(e) {
+    const t = $e(e);
+    if (ne(t))
+      throw new Error("Can't use a detached array buffer!");
+    const a = this.#s * this.#l * 4;
+    if (t.byteLength === a)
+      this.#t = new Uint8ClampedArray(t);
+    else
+      throw new Error(
+        `ArrayBuffer size mismatch: expected ${a}, got ${t.byteLength}`
+      );
+  }
+  /**
+   * Used to check if the processor owns the buffer
+   */
+  isBufferDetached() {
+    if (!this.#t)
+      throw new Error("Buffer is missing!");
+    return ne(this.#t.buffer);
+  }
+  /**
+   * Extracts image data from a source element
+   */
+  getImageData(e, t) {
+    return this.#i === "2d" ? this.#m(e, t) : this.#g(e, t);
+  }
+  /**
+   * Used to get the current ImageData object with the current buffer. Useful
+   * when you need to get the same `ImageData` object multiple times after the
+   * original `ImageData` buffer has been detached
+   * @returns ImageData object with the current buffer
+   */
+  getCurrentImageData() {
+    if (!this.#t)
+      throw new Error("Buffer is missing!");
+    return new ImageData(this.#t, this.#s, this.#l);
+  }
+  /**
+   * Extract image data using 2D canvas
+   */
+  #m(e, t) {
+    if (!this.#o)
+      throw new Error("CanvasRenderingContext2D is missing!");
+    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, l = t?.width ?? a, c = t?.height ?? n;
+    return this.#c(l, c), this.#o.drawImage(e, o, i, l, c), this.#o.getImageData(0, 0, l, c);
+  }
+  /**
+   * Extract image data using WebGL2
+   */
+  #g(e, t) {
+    if (!this.#a || !this.#r || !this.#n)
+      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 = t?.x ?? 0, i = t?.y ?? 0, l = t?.width ?? a, c = t?.height ?? n, f = l * c * 4;
+    if (this.#c(l, c), this.isBufferDetached())
+      throw new Error("Buffer is detached!");
+    (!this.#t || this.#t.length !== f) && (this.#t = new Uint8ClampedArray(f));
+    const g = this.#a;
+    g.bindTexture(g.TEXTURE_2D, this.#r), g.texImage2D(g.TEXTURE_2D, 0, g.RGBA, g.RGBA, g.UNSIGNED_BYTE, e), g.bindFramebuffer(g.FRAMEBUFFER, this.#n);
+    try {
+      g.pixelStorei(g.PACK_ALIGNMENT, this.#u), g.readPixels(o, i, l, c, g.RGBA, g.UNSIGNED_BYTE, this.#t);
+    } catch (y) {
+      if (this.#u !== 1) {
+        this.#u = 1, g.pixelStorei(g.PACK_ALIGNMENT, 1);
+        const u = new Uint8ClampedArray(f);
+        return g.readPixels(0, 0, l, c, g.RGBA, g.UNSIGNED_BYTE, u), this.#t = u, new ImageData(u, l, c);
+      }
+      throw y;
+    }
+    return new ImageData(this.#t, l, c);
+  }
+  /**
+   * Update canvas dimensions if needed
+   *
+   * This canvas is the orientation-aware
+   */
+  #c(e, t) {
+    if (this.#s !== e || this.#l !== t) {
+      this.#e.width = e, this.#e.height = t, this.#s = e, this.#l = t;
+      const a = e * t * 4;
+      this.#t = new Uint8ClampedArray(a);
+    }
+  }
+  /**
+   * 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;
+  }
+}
+const $e = (r) => ArrayBuffer.isView(r) ? r.buffer : r, $t = {
+  mirrorFrontCameras: !0
 };
-class gr {
-  // TODO: should these be in zustand?
-  #r = "FHD";
+class Qr {
   #e;
+  #o = "4k";
   #a;
+  #r;
   #n;
+  #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;
+  get userInitiatedAbort() {
+    return this.#l;
+  }
+  set userInitiatedAbort(e) {
+    this.#l = e;
+  }
+  /**
+   * Sets the area of the video frame that will be extracted.
+   * @param extractionArea The area of the video frame that will be extracted.
+   */
+  setExtractionArea(e) {
+    this.#a = e;
+  }
   /**
    * Callbacks that will be triggered on each frame when the playback state is
    * "capturing".
    */
-  #t = /* @__PURE__ */ new Set();
+  #i = /* @__PURE__ */ new Set();
+  constructor(e = {}, t) {
+    const { mirrorFrontCameras: a } = {
+      ...$t,
+      ...e
+    };
+    this.#n = new At(
+      t
+    ), this.#t = a;
+  }
   /**
    * Sets the resolution of the camera stream
    */
   setResolution = async (e) => {
-    this.#r = e;
-    const r = this.getState().playbackState;
-    r !== "idle" && (this.#e = r, this.stopStream(), await this.startCameraStream());
+    this.#o = e;
+    const t = this.getState().playbackState;
+    t !== "idle" && (this.#e = t, this.stopStream(), await this.startCameraStream());
   };
   get resolution() {
-    return this.#r;
+    return this.#o;
   }
   /**
    * True if there is a video playing or capturing
@@ -645,18 +1139,17 @@ class gr {
    * Returns the cameras that are available to the user, filtered by the facing mode.
    * If no facing mode is set, all cameras are returned.
    */
-  getCameras() {
-    const e = d.getState().cameras, r = d.getState().facingFilter;
-    return e.length || console.warn(
-      "No cameras available, try calling refreshCameraDevices first"
-    ), r ? e.filter(
-      (o) => r.includes(o.facingMode)
+  async getCameraDevices() {
+    let e = d.getState().cameras;
+    const t = d.getState().facingFilter;
+    return e.length || await this.refreshCameraDevices(), e = d.getState().cameras, t ? e.filter(
+      (n) => t.includes(n.facingMode)
     ) : e;
   }
   /**
    * Single-time setup for a video element
    */
-  initVideoElement(e) {
+  #u(e) {
     if (!(e instanceof HTMLVideoElement))
       throw new Error(
         `Expected an HTMLVideoElement, got ${typeof e}`,
@@ -667,7 +1160,7 @@ class gr {
     d.setState({
       videoElement: e
     });
-    const r = ut(e, (n) => {
+    const t = Rt(e, (i) => {
       [
         "abort"
         // "error",
@@ -688,25 +1181,50 @@ class gr {
         // "ratechange",
         // "durationchange",
       ].forEach((c) => {
-        n(c, () => {
+        i(c, () => {
           console.debug(`Video event: ${c}`);
         });
       });
     });
-    new D((n) => {
-      n[0].connected || this.deinitVideoElement();
+    new N((i) => {
+      i[0].connected || this.releaseVideoElement();
     }).observe(e), e.setAttribute("playsInline", ""), e.setAttribute("muted", ""), e.controls = !1;
-    const o = ct(
+    let n = "idle";
+    const o = Mt(
       document,
       "visibilitychange",
-      () => {
-        document.hidden && this.isActive ? this.stopStream() : this.startCameraStream();
+      async () => {
+        if (document.hidden) {
+          n = d.getState().playbackState, this.stopStream();
+          return;
+        }
+        switch (n) {
+          case "playback":
+            await this.startCameraStream(), await this.startPlayback();
+            break;
+          case "capturing":
+            await this.startCameraStream(), await this.startFrameCapture();
+            break;
+        }
       }
     );
-    this.#n = () => {
-      o(), r();
+    this.#s = () => {
+      o(), t();
     };
   }
+  /**
+   * Initializes the CameraManager with a video element.
+   */
+  initVideoElement(e) {
+    try {
+      this.#u(e);
+    } catch (t) {
+      if (this.userInitiatedAbort)
+        this.reset();
+      else
+        throw t;
+    }
+  }
   /**
    * Adds a callback that will be triggered on each frame when the playback state
    * is "capturing".
@@ -715,19 +1233,21 @@ class gr {
    * @returns a cleanup function to remove the callback
    */
   addFrameCaptureCallback(e) {
-    return this.#t.add(e), () => this.#t.delete(e);
+    return this.#i.add(e), () => this.#i.delete(e);
   }
-  deinitVideoElement() {
-    this.#n?.(), d.setState({
+  releaseVideoElement() {
+    this.#s?.(), d.setState({
       videoElement: void 0
     }), this.stopStream();
   }
   /**
    * Select a camera device from available ones.
+   *
+   * TODO: might become a private method in the future as an implementation detail of `startStream`
    */
   async selectCamera(e) {
-    const r = d.getState().playbackState;
-    r !== "idle" && (this.#e = r);
+    const t = d.getState().playbackState;
+    t !== "idle" && (this.#e = t);
     const a = d.getState();
     if (a.selectedCamera === e) {
       console.debug("Already selected");
@@ -755,9 +1275,14 @@ class gr {
     d.setState({
       isQueryingCameras: !0
     });
-    const e = await ht(), r = bt(e);
-    r.forEach((a) => {
-      a.notifyStateChange || (a.notifyStateChange = (o, n) => {
+    const e = await ct().catch((a) => {
+      throw d.setState({
+        errorState: X(a),
+        isQueryingCameras: !1
+      }), a;
+    }), t = ht(e);
+    t.forEach((a) => {
+      a.notifyStateChange || (a.notifyStateChange = (n, o) => {
         window.queueMicrotask(() => {
           d.setState({
             cameras: [...d.getState().cameras]
@@ -765,15 +1290,15 @@ class gr {
           const i = d.getState().selectedCamera;
           if (!i)
             return;
-          let c;
-          typeof n == "object" && n !== null && "payload" in n && n.payload === "TRACK_END" && (c = new Error("Camera stream ended unexpectedly")), o === i && d.setState({
+          let l;
+          typeof o == "object" && o !== null && "payload" in o && o.payload === "TRACK_END" && (l = new Error("Camera stream ended unexpectedly")), n === i && d.setState({
             selectedCamera: i,
-            errorState: c
+            errorState: l
           });
         });
       });
     }), d.setState({
-      cameras: r,
+      cameras: t,
       isQueryingCameras: !1
     });
   }
@@ -794,28 +1319,30 @@ class gr {
         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 {
-        await e.videoElement.play(), d.setState({
+        this.#f(), await e.videoElement.play(), d.setState({
           playbackState: "playback"
         });
-      } catch (r) {
-        throw console.error("Failed to start playback", r), d.setState({
-          errorState: oe(r)
-        }), r;
+      } catch (t) {
+        throw console.error("Failed to start playback", t), d.setState({
+          errorState: X(t)
+        }), t;
       }
     }
   }
   /**
    * Starts playback and frame capturing.
    */
-  async startFrameCapture() {
+  async #d() {
     const e = d.getState();
-    if (!(e.playbackState === "capturing" && this.#e !== "capturing")) {
+    if (!this.userInitiatedAbort && !(e.playbackState === "capturing" && this.#e !== "capturing")) {
       if (!e.videoElement) {
-        console.warn("Missing video element");
+        console.warn(
+          "Missing video element. Setup a video element first using `initVideoElement`"
+        );
         return;
       }
       if (!e.selectedCamera) {
@@ -826,23 +1353,29 @@ class gr {
       }
       await this.startPlayback(), d.setState({
         playbackState: "capturing"
-      }), this.#a = e.videoElement.requestVideoFrameCallback(
-        () => void this.#o()
-      ), this.#e = void 0;
+      }), this.#c(), this.#e = void 0;
     }
   }
   /**
-   * Starts a best-effort camera stream. Will pick a camera automatically if
-   * none is selected.
-   * TODO: Rename method
+   * Starts capturing frames from the video element.
    */
-  async startCameraStream({
+  startFrameCapture = async () => {
+    try {
+      await this.#d();
+    } catch (e) {
+      if (this.userInitiatedAbort)
+        this.reset();
+      else
+        throw e;
+    }
+  };
+  async #h({
     autoplay: e = !0,
-    preferredCamera: r,
+    preferredCamera: t,
     preferredFacing: a
   } = {}) {
-    const o = d.getState().videoElement;
-    if (!o) {
+    const n = d.getState().videoElement;
+    if (!n) {
       console.warn("Can't start stream without a video element");
       return;
     }
@@ -850,584 +1383,445 @@ class gr {
       console.warn("Already streaming");
       return;
     }
-    r && await this.selectCamera(r);
-    const n = () => d.getState().cameras.length > 0;
-    if (!d.getState().selectedCamera) {
-      console.debug("Searching for a best camera");
+    if (t instanceof Me && await this.selectCamera(t), !d.getState().selectedCamera)
       try {
-        if (n() || await this.refreshCameraDevices(), !n())
-          throw new Error("No cameras found");
-        const f = this.getCameras(), g = await pt(
-          f,
+        const l = await this.getCameraDevices();
+        let c;
+        if (!l.length)
+          throw console.log("Camera list is empty"), new Error(
+            `No cameras found matching the filter ${a}`
+          );
+        if (typeof t == "function" && (c = t(l), c || console.warn(
+          "No camera found matching the preferred camera function, falling back to facing mode"
+        )), c || (c = await dt(
+          l,
           this.resolution,
           a
-        );
-        await this.selectCamera(g);
-      } catch (f) {
+        )), !c)
+          throw new Error(
+            `No cameras found matching the filter ${a}`
+          );
+        await this.selectCamera(c), this.#m() && d.setState({
+          errorState: void 0
+        });
+      } catch (l) {
         throw d.setState({
-          errorState: oe(f)
-        }), f;
+          errorState: X(l)
+        }), l;
       }
-    }
-    const i = d.getState().selectedCamera;
-    if (!i)
+    const o = d.getState().selectedCamera;
+    if (!o)
       throw console.warn("No selected camera!"), new Error("No selected camera");
-    const c = await i.startStream(this.#r);
-    if (!o.isConnected)
+    const i = await o.startStream(this.#o);
+    if (!n.isConnected)
       throw new Error("Video element needs to be in the document!");
-    o.srcObject = c, d.setState({
-      // We mirror the video if the camera is front-facing. Assume that desktop
-      // devices don't return a facing mode and that they are front-facing.
-      mirrorX: i.facingMode !== "back",
-      videoElement: o
+    n.srcObject = i, d.setState({
+      videoElement: n
     }), e && await this.startPlayback();
   }
   /**
-   * Pauses capturing frames without pausing playback.
-   */
-  stopFrameCapture() {
-    d.setState({
-      playbackState: "playback"
-    });
-  }
-  /**
-   * Stops the currently active stream. Also stops the video playback and capturing process.
-   */
-  stopStream() {
-    console.debug("stopStream called");
-    const e = d.getState();
-    this.pausePlayback(), e.selectedCamera?.stopStream(), e.videoElement && (e.videoElement.srcObject = null);
-  }
-  /**
-   * Pauses the video playback. This will also stop the capturing process.
-   */
-  pausePlayback() {
-    console.debug("pausePlayback called");
-    const e = d.getState().videoElement;
-    d.setState({
-      playbackState: "idle"
-    }), e && (this.#a && e.cancelVideoFrameCallback(this.#a), e.pause());
-  }
-  /**
-   * The main recognition loop
-   * @private
-   * @internal
+   * Starts a best-effort camera stream. Will pick a camera automatically if
+   * none is selected.
    */
-  #o() {
-    const e = d.getState();
-    if (e.playbackState === "capturing") {
-      if (!e.videoElement) {
-        console.error("Missing video element");
-        return;
-      }
-      if (this.#t.size !== 0) {
-        const r = dt(e.videoElement);
-        this.#t.forEach((a) => {
-          a(r);
-        });
-      }
-      this.#a = e.videoElement.requestVideoFrameCallback(
-        () => void this.#o()
-      );
+  async startCameraStream(e = {}) {
+    try {
+      await this.#h(e);
+    } catch (t) {
+      if (this.userInitiatedAbort)
+        this.reset();
+      else
+        throw t;
     }
   }
+  #m = () => {
+    const e = d.getState().errorState;
+    return e instanceof Te && e.code === "PERMISSION_DENIED";
+  };
   /**
-   * If true, the video and captured frames will be mirrored horizontally.
-   * TODO: apply when needed
+   * Pauses capturing frames without pausing playback.
    */
-  setMirrorX(e) {
+  stopFrameCapture() {
     d.setState({
-      mirrorX: e
+      playbackState: "playback"
     });
   }
-  // The "typeof" is necessary to avoid a circular dependency when resolving types
-  /**
-   * Allows the user to subscribe to state changes inside the Camera Manager.
-   * Implemented using Zustand. For usage information, see
-   * {@link https://github.com/pmndrs/zustand#using-subscribe-with-selector}
-   */
-  subscribe = d.subscribe;
   /**
-   * Gets the current internal state of the CameraManager.
-   */
-  getState = d.getState;
-  /**
-   * Resets the CameraManager and stop all streams
-   */
-  destroy() {
-    console.debug("Destroying camera manager"), this.#t.clear(), je();
-  }
-}
-const mt = [
-  "Cameră dublă cu obiectiv superangular spate",
-  "מצלמה כפולה רחבה אחורית",
-  "Артқы қос кең бұрышты камера",
-  "Câmara grande angular dupla traseira",
-  "Πίσω διπλή ευρεία κάμερα",
-  "後置雙廣角鏡頭相機",
-  "Задна двойна широкоъгълна камера",
-  "Càmera dual posterior amb gran angular",
-  "Zadná duálna širokouhlá kamera",
-  "كاميرا خلفية مزدوجة عريضة",
-  "Задняя двойная широкоугольная камера",
-  "Задня здвоєна ширококутна камера",
-  "Cámara amplia posterior doble",
-  "Dwikamera Lebar Belakang",
-  "Tylny dwuobiektywowy aparat szerokokątny",
-  "Dubbel vidvinkelkamera på baksidan",
-  "Back Dual Wide Camera",
-  "Hátsó, kettős, széles látószögű kamera",
-  "후면 듀얼 와이드 카메라",
-  "Double caméra grand angle arrière",
-  "Fotocamera doppia con grandangolo (posteriore)",
-  "Double appareil photo grand angle arrière",
-  "Zadní duální širokoúhlý fotoaparát",
-  "Çift Geniş Kamera Arka Yüzü",
-  "Laajakulmainen kaksoistakakamera",
-  "Rückseitige Dual-Weitwinkelkamera",
-  "बैक ड्युअल वाइड कैमरा",
-  "后置双广角镜头",
-  "Câmera Dupla Grande-Angular Traseira",
-  "後置雙廣角相機",
-  "กล้องคู่ด้านหลังมุมกว้าง",
-  "Kamera Lebar Belakang Ganda",
-  "Dobbelt vidvinkelkamera bak",
-  "Camera kép rộng mặt sau",
-  "Cámara trasera dual con gran angular",
-  "背面デュアル広角カメラ",
-  "Stražnja dvostruka široka kamera"
-], ft = async () => {
-  try {
-    const t = await navigator.mediaDevices.getUserMedia({
-      video: !0
-    });
-    Ce(t);
-  } catch (t) {
-    throw console.error(t), new Error("Camera permission not given", {
-      cause: t
-    });
-  }
-}, ht = async () => {
-  if (!isSecureContext)
-    throw new Error(Ze`
-      Cameras can only be used in a secure context:
-      https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts
-    `);
-  return await ft(), (await navigator.mediaDevices.enumerateDevices()).filter((r) => r.kind === "videoinput");
-}, Ce = (t) => {
-  const e = t.getTracks();
-  for (const r of e)
-    r.stop();
-}, gt = (t, e, r) => ({
-  video: {
-    deviceId: r ? { exact: r } : void 0,
-    frameRate: 30,
-    width: ie[t].width,
-    height: ie[t].height,
-    facingMode: e
-  },
-  audio: !1
-}), pt = async (t, e = "FHD", r = "back") => {
-  if (t.length === 0)
-    throw new Error("No cameras found");
-  if (r === "back") {
-    const n = t.find(
-      (i) => mt.includes(i.name)
-    );
-    if (n)
-      return await n.startStream(e), n;
-  }
-  const a = t.filter((n) => r === "back" || r === void 0 ? be(n.name) : ve(n.name));
-  if (a.length !== 0 && r === "front") {
-    const n = a[a.length - 1];
-    return await n.startStream(e), n;
-  }
-  console.debug(`Found ${a.length} cameras with requested facing`), a.length === 0 && (console.debug("No camera found with requested facing, using all cameras"), a.push(...t));
-  const o = /* @__PURE__ */ new Map();
-  t.forEach((n) => o.set(n, 0));
-  for (let n = a.length - 1; n >= 0; n--) {
-    const i = a[n];
-    if (await i.startStream(e), !i.facingMode)
-      return console.debug("No facing mode, returning last camera"), i;
-    if (i.facingMode && i.facingMode !== r) {
-      console.debug("Mismatched facing mode, moving on to the next camera"), i.stopStream();
-      continue;
-    }
-    if (i.torchSupported && i.singleShotSupported)
-      return console.debug("Camera supports torch and single shot, returning"), i;
-    if (i.torchSupported && o.set(i, o.get(i) + 1), i.singleShotSupported && o.set(i, o.get(i) + 1), n === 0) {
-      console.debug("Last camera in the pool, picking the best one");
-      let c, f = -1 / 0;
-      return o.forEach((g, m) => {
-        g > f && (f = g, c = m);
-      }), c;
-    }
-    i.stopStream();
-  }
-  throw new Error("No camera found, should not happen");
-};
-function bt(t) {
-  const e = [];
-  for (const r of t) {
-    const a = new vt(r);
-    a !== null && e.push(a);
+   * Stops the currently active stream. Also stops the video playback and capturing process.
+   */
+  stopStream() {
+    console.debug("stopStream called");
+    const e = d.getState();
+    this.pausePlayback(), e.selectedCamera?.stopStream(), e.videoElement && (e.videoElement.srcObject = null);
   }
-  return e;
-}
-class vt {
-  deviceInfo;
   /**
-   * Stream capabilities as reported by the stream.
-   *
-   * On iOS it's the same as `deviceCapabilities`. Firefox is only reporting
-   * rudimentary capabilities, so we can't rely on this for picking the right
-   * camera.
-   * @see https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack/getCapabilities
+   * Pauses the video playback. This will also stop the capturing process.
    */
-  streamCapabilities;
-  activeStream;
-  name;
-  facingMode;
-  torchSupported = !1;
-  torchEnabled = !1;
-  singleShotSupported = !1;
-  original = this;
-  notify;
-  notifyStateChange;
+  pausePlayback() {
+    console.debug("pausePlayback called");
+    const e = d.getState().videoElement;
+    d.setState({
+      playbackState: "idle"
+    }), e && (this.#r && e.cancelVideoFrameCallback(this.#r), e.pause());
+  }
   /**
-   * 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.
+   * The main recognition loop. Do not call this method directly, use #queueFrame instead.
    */
-  #r;
-  constructor(e) {
-    if (e.kind !== "videoinput")
-      throw new Error("Device is not a video input device");
-    this.deviceInfo = e, this.name = e.label, ve(e.label) && (this.facingMode = "front"), be(e.label) && (this.facingMode = "back");
-    const r = this, a = new Proxy(this, {
-      set(o, n, i, c) {
-        const f = Reflect.get(o, n, c), g = {
-          property: n,
-          oldValue: f,
-          value: i
-        };
-        return r.notify(g), Reflect.set(o, n, i, c);
+  async #g() {
+    const e = d.getState();
+    if (this.#r === void 0) {
+      console.error("Missing request ID");
+      return;
+    }
+    if (!e.videoElement) {
+      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(
+        e.videoElement,
+        this.#a
+      );
+      for (const n of this.#i) {
+        const o = ne(a.data) ? this.#n.getCurrentImageData() : a, i = await n(o);
+        if (i) {
+          if (!(i instanceof ArrayBuffer))
+            throw new Error(
+              _e`
+              Frame capture callback did not return an ArrayBuffer.
+              Make sure to return the underlying buffer, not the view.
+            `
+            );
+          this.#n.reattachArrayBuffer(i);
+        }
       }
-    });
-    return this.notify = (o) => {
-      this.notifyStateChange?.(a, o);
-    }, a;
-  }
-  async startStream(e) {
-    if (this.activeStream)
-      return this.activeStream;
-    const r = gt(
-      e,
-      this.facingMode,
-      this.deviceInfo.deviceId
-    ), a = await navigator.mediaDevices.getUserMedia(r);
-    this.streamCapabilities = a.getVideoTracks()[0].getCapabilities(), this.activeStream = a;
-    const o = a.getVideoTracks()[0];
-    return "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")), o.onended = (n) => {
-      this.stopStream(), this.notify({
-        event: n,
-        payload: "TRACK_END"
-      });
-    }, a;
+    }
+    this.#c();
   }
-  async toggleTorch() {
-    const e = this.getVideoTrack();
-    if (!e)
-      throw new Error("No active stream on Camera instance.");
-    if (!this.torchSupported)
-      throw new Error("Torch not supported on this device.");
-    try {
-      await e.applyConstraints({
-        advanced: [
-          {
-            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 });
+  /**
+   * Queues the next frame to be processed
+   */
+  #c() {
+    const e = d.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.#g()
+      );
     }
-    return this.torchEnabled;
   }
-  stopStream() {
-    this.activeStream && (console.debug(`Stopping active stream on ${this.name}`), Ce(this.activeStream), this.activeStream = void 0, this.streamCapabilities = void 0, this.torchEnabled = !1);
+  /**
+   * 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.
+   */
+  #f() {
+    const e = d.getState().selectedCamera;
+    if (!e) {
+      console.warn("No camera selected");
+      return;
+    }
+    this.#t && (e.facingMode !== "back" ? this.setCameraMirrorX(!0) : this.setCameraMirrorX(!1));
   }
-  getVideoTrack() {
-    if (!this.activeStream) {
-      console.warn(`No active stream on Camera instance: ${this.name}.`);
+  /**
+   * If true, the video and captured frames will be mirrored horizontally.
+   */
+  setCameraMirrorX(e) {
+    const t = d.getState(), a = t.videoElement;
+    if (!a) {
+      console.warn("Mirror video - no video element present.");
       return;
     }
-    return this.activeStream.getVideoTracks()[0];
+    t.mirrorX !== e && (e ? a.style.scale = "-1 1" : a.style.removeProperty("scale"), d.setState({ mirrorX: e }));
+  }
+  // The "typeof" is necessary to avoid a circular dependency when resolving types
+  /**
+   * Allows the user to subscribe to state changes inside the Camera Manager.
+   * Implemented using Zustand. For usage information, see
+   * {@link https://github.com/pmndrs/zustand#using-subscribe-with-selector}
+   */
+  subscribe = d.subscribe;
+  /**
+   * Gets the current internal state of the CameraManager.
+   */
+  getState = d.getState;
+  /**
+   * Resets the CameraManager and stop all streams
+   */
+  reset() {
+    console.debug("Resetting camera manager"), this.#i.clear(), this.stopStream(), Ye();
   }
 }
-const ke = de(), wt = he(d), yt = (t) => {
+const Fe = be();
+function Ft() {
+  return we(d);
+}
+const Dt = (r) => {
   const e = {
-    cameraManagerSolidStore: wt,
+    cameraManagerSolidStore: Ft(),
     // eslint-disable-next-line solid/reactivity
-    cameraManager: t.cameraManager,
+    cameraManager: r.cameraManager,
     // eslint-disable-next-line solid/reactivity
     dismountCameraUi: () => {
-      setTimeout(() => {
-        t.dismountCameraUi();
-      }, 0);
+      r.cameraManager.userInitiatedAbort = !0, r.dismountCameraUi();
     },
     // eslint-disable-next-line solid/reactivity
-    mountTarget: t.mountTarget
+    addOnDismountCallback: r.addOnDismountCallback,
+    // eslint-disable-next-line solid/reactivity
+    mountTarget: r.mountTarget,
+    // eslint-disable-next-line solid/reactivity
+    showMirrorCameraButton: r.showMirrorCameraButton
   };
-  return De(() => {
+  return ie(() => {
     console.debug("CameraUiStoreProvider cleanup");
-  }), s(ke.Provider, {
+  }), s(Fe.Provider, {
     value: e,
     get children() {
-      return t.children;
+      return r.children;
     }
   });
 };
 function q() {
-  const t = me(ke);
-  if (!t)
+  const r = pe(Fe);
+  if (!r)
     throw new Error("StoreContext.Provider not in scope");
-  return t;
+  return r;
 }
-const St = {
+const It = {
   selected_camera: "Selected camera",
+  loading_cameras: "Loading cameras...",
+  select_a_camera: "Select a camera",
   select_camera: "Select camera",
   close: "Close",
   torch: "Torch",
   mirror_camera: "Mirror camera",
-  modal_title: "Scan a document"
-}, Ee = de(), Ct = (t) => {
-  const [e, r] = Ie(
+  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"
+}, De = be(), zt = (r) => {
+  const [e, t] = Xe(
     // we structure clone to avoid proxying to the original object
     structuredClone({
-      ...St,
+      ...It,
       // we don't care on init
       // eslint-disable-next-line solid/reactivity
-      ...t.userStrings
+      ...r.userStrings
     })
   );
-  fe(() => {
-    t.setLocalizationRef(r);
+  Q(() => {
+    r.setLocalizationRef(t);
   });
   const a = {
     t: e,
-    updateLocalization: r
+    updateLocalization: t
   };
-  return s(Ee.Provider, {
+  return s(De.Provider, {
     value: a,
     get children() {
-      return t.children;
+      return r.children;
     }
   });
 };
-function ee() {
-  const t = me(Ee);
-  if (!t)
+function Y() {
+  const r = pe(De);
+  if (!r)
     throw new Error("LocalizationContext.Provider not in scope.");
-  return t;
+  return r;
 }
-var kt = /* @__PURE__ */ v("<span>");
-const te = (t) => {
-  const [e, r] = N(), [a, o] = N();
-  return fe(() => {
-    const n = a();
-    n && r(n.getRootNode());
-  }), s(x, {
+var Lt = /* @__PURE__ */ S("<span>");
+const J = (r) => {
+  const [e, t] = z(), [a, n] = z();
+  return Q(() => {
+    const o = a();
+    o && t(o.getRootNode());
+  }), s(E, {
     get when() {
       return e();
     },
     get fallback() {
       return (() => {
-        var n = kt();
-        return A(o, n), n;
+        var o = Lt();
+        return O(n, o), o;
       })();
     },
-    children: (n) => s(Oe, {
-      value: () => n(),
+    children: (o) => s(Ke, {
+      value: () => o(),
       get children() {
-        return t.children(n());
+        return r.children(o());
       }
     })
   });
 };
-var Et = /* @__PURE__ */ v('<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 Tt = (t = {}) => (() => {
-  var e = Et();
-  return z(e, t, !0, !0), e;
+var Nt = /* @__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 Ot = (r = {}) => (() => {
+  var e = Nt();
+  return D(e, r, !0, !0), e;
 })();
-var Mt = /* @__PURE__ */ v('<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 xt = (t = {}) => (() => {
-  var e = Mt();
-  return z(e, t, !0, !0), e;
+var Pt = /* @__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 Bt = (r = {}) => (() => {
+  var e = Pt();
+  return D(e, r, !0, !0), e;
 })();
-var Rt = /* @__PURE__ */ v('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M10 22v-8H7V2h10l-2 7h4z">');
-const $t = (t = {}) => (() => {
-  var e = Rt();
-  return z(e, t, !0, !0), e;
+var Vt = /* @__PURE__ */ S('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M10 22v-8H7V2h10l-2 7h4z">');
+const Ut = (r = {}) => (() => {
+  var e = Vt();
+  return D(e, r, !0, !0), e;
 })();
-var zt = /* @__PURE__ */ v('<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 _t = (t = {}) => (() => {
-  var e = zt();
-  return z(e, t, !0, !0), e;
+var jt = /* @__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 qt = (r = {}) => (() => {
+  var e = jt();
+  return D(e, r, !0, !0), e;
 })();
-function Te(t) {
+function Ie(r) {
   const e = {};
-  return Object.entries(t).forEach(([r, a]) => {
-    const o = r.toLowerCase();
-    let n = o;
-    if (o.startsWith("on")) {
-      n = o.slice(2);
-      const i = `on:${n}`;
+  return Object.entries(r).forEach(([t, a]) => {
+    const n = t.toLowerCase();
+    let o = n;
+    if (n.startsWith("on")) {
+      o = n.slice(2);
+      const i = `on:${o}`;
       e[i] = a;
     } else
-      e[n] = a;
+      e[o] = a;
   }), e;
 }
-var Lt = /* @__PURE__ */ v('<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 Dt = (t = {}) => (() => {
-  var e = Lt();
-  return z(e, t, !0, !0), e;
+var Ht = /* @__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 Wt = (r = {}) => (() => {
+  var e = Ht();
+  return D(e, r, !0, !0), e;
 })();
-var Vt = /* @__PURE__ */ v('<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 Ft = (t = {}) => (() => {
-  var e = Vt();
-  return z(e, t, !0, !0), e;
+var Gt = /* @__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 Xt = (r = {}) => (() => {
+  var e = Gt();
+  return D(e, r, !0, !0), e;
 })();
-var At = /* @__PURE__ */ v('<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 Nt = (t = {}) => (() => {
-  var e = At();
-  return z(e, t, !0, !0), e;
+var Kt = /* @__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 Qt = (r = {}) => (() => {
+  var e = Kt();
+  return D(e, r, !0, !0), e;
 })();
-var It = /* @__PURE__ */ v("<button>"), Ot = /* @__PURE__ */ v('<div class="h-[1px] absolute left-0 right-0 top-[-1px] bg-white pointer-events-none">');
-const Pt = () => {
+var Yt = /* @__PURE__ */ S("<button>"), Jt = /* @__PURE__ */ S('<div class="h-[1px] absolute left-0 right-0 top-[-1px] bg-white pointer-events-none">');
+const Zt = () => {
   const {
-    cameraManagerSolidStore: t,
+    cameraManagerSolidStore: r,
     cameraManager: e
   } = q(), {
-    t: r
-  } = ee(), a = t((u) => u.cameras), o = t((u) => u.selectedCamera), n = t((u) => u.isQueryingCameras), i = t((u) => u.facingFilter), [c, f] = N(!1), g = () => n() || c(), m = () => {
-    const u = i();
-    return u ? a().filter((p) => u.includes(p.facingMode)) : a();
-  }, l = () => [...m().map((u) => ({
-    value: u.deviceInfo.deviceId,
-    label: u.name
-  }))], b = () => Pe({
-    items: [...l()]
-  }), y = () => {
-    const u = o();
-    if (!u)
+    t
+  } = Y(), a = r((m) => m.cameras), n = r((m) => m.selectedCamera), o = r((m) => m.isQueryingCameras), i = r((m) => m.facingFilter), [l, c] = z(!1), f = () => o() || l(), g = () => {
+    const m = i();
+    return m ? a().filter((b) => m.includes(b.facingMode)) : a();
+  }, y = () => [...g().map((m) => ({
+    value: m.deviceInfo.deviceId,
+    label: m.name
+  }))], u = () => Qe({
+    items: [...y()]
+  }), h = () => {
+    const m = n();
+    if (!m)
       return;
-    const p = b().find(u.deviceInfo.deviceId);
-    if (p)
-      return [p.value];
-  }, E = (u) => jt.some((p) => p.value === u), k = async (u) => {
-    f(!0);
-    const p = a().find((h) => h.deviceInfo.deviceId === u);
-    if (!p) {
+    const b = u().find(m.deviceInfo.deviceId);
+    if (b)
+      return [b.value];
+  }, p = (m) => er.some((b) => b.value === m), C = async (m) => {
+    c(!0);
+    const b = a().find((v) => v.deviceInfo.deviceId === m);
+    if (!b) {
       console.warn("No camera");
       return;
     }
-    await e.selectCamera(p), f(!1);
+    await e.selectCamera(b), c(!1);
   };
-  return s(te, {
-    children: () => s(T.Root, {
+  return s(J, {
+    children: () => s(A.Root, {
       get collection() {
-        return b();
+        return u();
       },
       get value() {
-        return y();
+        return h();
       },
       positioning: {
         placement: "top"
       },
       lazyMount: !0,
       get disabled() {
-        return g();
+        return f();
       },
-      onValueChange: (u) => {
-        if (E(u.value[0])) {
+      onValueChange: (m) => {
+        if (p(m.value[0])) {
           console.warn("Fake camera, skipping");
           return;
         }
-        k(u.value[0]);
+        C(m.value[0]);
       },
       get children() {
-        return [s(T.Label, {
+        return [s(A.Label, {
           class: "sr-only",
           get children() {
-            return r.selected_camera;
+            return t.selected_camera;
           }
-        }), s(T.Trigger, {
-          asChild: (u) => (() => {
-            var p = It();
-            return z(p, X(() => Te(u()), {
-              class: `flex px-4 py-2 items-center gap-2 rounded-full bg-dark-100 bg-opacity-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), w(p, s(Dt, {
+        }), s(A.Trigger, {
+          asChild: (m) => (() => {
+            var b = Yt();
+            return D(b, K(() => Ie(m()), {
+              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), w(b, s(Wt, {
               class: "size-6 shrink-0",
               "aria-hidden": !0
-            }), null), w(p, s(T.ValueText, {
+            }), null), w(b, s(A.ValueText, {
               class: "truncate",
               get placeholder() {
-                return n() ? (
-                  // TODO: localize
-                  "Loading cameras..."
-                ) : "Select a camera";
+                return o() ? t.loading_cameras : t.select_a_camera;
               }
-            }), null), w(p, s(T.Indicator, {
+            }), null), w(b, s(A.Indicator, {
               class: "shrink-0 data-[state=open]:scale-y-[-1]",
               get children() {
-                return s(Nt, {
+                return s(Qt, {
                   class: "size-6 shrink-0"
                 });
               }
-            }), null), p;
+            }), null), b;
           })()
-        }), s(T.Positioner, {
+        }), s(A.Positioner, {
           get children() {
-            return s(T.Content, {
+            return s(A.Content, {
               get children() {
-                return s(T.ItemGroup, {
+                return s(A.ItemGroup, {
                   class: "rounded-4 overflow-hidden text-base color-white",
                   get children() {
-                    return s(Ve, {
+                    return s(qe, {
                       get each() {
-                        return b().items;
+                        return u().items;
                       },
-                      children: (u, p) => s(T.Item, {
+                      children: (m, b) => s(A.Item, {
                         get item() {
-                          return u();
+                          return m();
                         },
                         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(T.ItemText, {
+                          return [s(A.ItemText, {
                             class: "truncate",
                             get children() {
-                              return u().label;
+                              return m().label;
                             }
-                          }), s(T.ItemIndicator, {
+                          }), s(A.ItemIndicator, {
                             class: "absolute right-4",
                             get children() {
-                              return s(Ft, {
+                              return s(Xt, {
                                 class: "size-6 shrink-0"
                               });
                             }
-                          }), s(x, {
-                            when: p !== 0,
+                          }), s(E, {
+                            when: b !== 0,
                             get children() {
-                              return Ot();
+                              return Jt();
                             }
                           })];
                         }
@@ -1442,7 +1836,7 @@ const Pt = () => {
       }
     })
   });
-}, jt = [{
+}, er = [{
   value: "5",
   label: "Back Camera 2"
 }, {
@@ -1458,80 +1852,78 @@ const Pt = () => {
   value: "4",
   label: "Some random desktop camera"
 }];
-var B = /* @__PURE__ */ v("<span class=sr-only>"), Ht = /* @__PURE__ */ v('<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"></div><div class=justify-self-end>'), qt = /* @__PURE__ */ v("<button>");
-const Ut = () => {
+var Z = /* @__PURE__ */ S("<span class=sr-only>"), tr = /* @__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"></div><div class=justify-self-end>'), rr = /* @__PURE__ */ S("<button>");
+const ar = () => {
   const {
-    dismountCameraUi: t,
-    cameraManagerSolidStore: e
+    dismountCameraUi: r,
+    cameraManagerSolidStore: e,
+    showMirrorCameraButton: t,
+    cameraManager: a
   } = q(), {
-    t: r
-  } = ee(), a = e((l) => l.mirrorX), o = e((l) => l.selectedCamera), n = e((l) => l.cameras), i = e((l) => l.playbackState !== "idle"), c = e((l) => l.selectedCamera?.torchEnabled), f = () => o()?.torchSupported, g = () => {
-    const l = o();
-    l && l.toggleTorch();
-  }, m = () => {
-    e.setState({
-      mirrorX: !e.getState().mirrorX
-    });
+    t: n
+  } = Y(), o = e((h) => h.mirrorX), i = e((h) => h.selectedCamera), l = e((h) => h.cameras), c = e((h) => h.playbackState !== "idle"), f = e((h) => h.selectedCamera?.torchEnabled), g = () => i()?.torchSupported, y = () => {
+    const h = i();
+    h && h.toggleTorch();
+  }, u = () => {
+    a.setCameraMirrorX(!e.getState().mirrorX);
   };
-  return s(te, {
-    children: (l) => (() => {
-      var b = Ht(), y = b.firstChild, E = y.nextSibling, k = E.nextSibling;
-      return w(y, s(x, {
+  return s(J, {
+    children: () => (() => {
+      var h = tr(), p = h.firstChild, C = p.nextSibling, m = C.nextSibling;
+      return w(p, s(E, {
         get when() {
-          return i();
+          return t && c();
         },
         get children() {
-          return s(Q, {
+          return s(ee, {
             get tooltipLabel() {
-              return r.mirror_camera;
+              return n.mirror_camera;
             },
-            rootNode: l,
-            onClick: () => m(),
+            onClick: () => u(),
             get children() {
               return [(() => {
-                var u = B();
-                return w(u, () => r.mirror_camera), u;
-              })(), s(_t, {
+                var b = Z();
+                return w(b, () => n.mirror_camera), b;
+              })(), s(qt, {
                 class: "size-6 shrink-0 transition-transform duration-300 ease-in-out",
                 get style() {
                   return {
-                    transform: a() ? "scaleX(-1)" : "scaleX(1)"
+                    transform: o() ? "scaleX(-1)" : "scaleX(1)"
                   };
                 }
               })];
             }
           });
         }
-      }), null), w(y, s(x, {
+      }), null), w(p, s(E, {
         get when() {
-          return Z(() => !!f())() && i();
+          return ge(() => !!g())() && c();
         },
         get children() {
-          return s(Q, {
-            onClick: () => g(),
-            rootNode: l,
+          return s(ee, {
+            onClick: () => y(),
             get tooltipLabel() {
-              return r.torch;
+              return n.torch;
             },
             get children() {
-              return [s(x, {
+              return [s(E, {
                 get when() {
-                  return !c();
+                  return !f();
                 },
                 get children() {
                   return [(() => {
-                    var u = B();
-                    return w(u, () => r.torch), u;
-                  })(), s($t, {
+                    var b = Z();
+                    return w(b, () => n.torch), b;
+                  })(), s(Ut, {
                     class: "size-6 shrink-0"
                   })];
                 }
-              }), s(x, {
+              }), s(E, {
                 get when() {
-                  return c();
+                  return f();
                 },
                 get children() {
-                  return s(xt, {
+                  return s(Bt, {
                     class: "size-6 shrink-0"
                   });
                 }
@@ -1539,344 +1931,573 @@ const Ut = () => {
             }
           });
         }
-      }), null), w(E, s(x, {
+      }), null), w(C, s(E, {
         get when() {
-          return n().length > 1;
+          return l().length > 1;
         },
         get children() {
-          return s(Pt, {});
+          return s(Zt, {});
         }
-      })), w(k, s(Q, {
-        onClick: () => t(),
-        rootNode: l,
+      })), w(m, s(ee, {
+        onClick: () => r(),
         get tooltipLabel() {
-          return r.close;
+          return n.close;
         },
         get children() {
           return [(() => {
-            var u = B();
-            return w(u, () => r.close), u;
-          })(), s(Tt, {
+            var b = Z();
+            return w(b, () => n.close), b;
+          })(), s(Ot, {
             class: "size-6 shrink-0"
           })];
         }
-      })), b;
+      })), h;
     })()
   });
-}, Q = (t) => s(H.Root, {
+}, ee = (r) => s(G.Root, {
   get children() {
-    return [s(H.Trigger, X(t, {
+    return [s(G.Trigger, K(r, {
       asChild: (e) => (() => {
-        var r = qt();
-        return z(r, X(() => Te(e()), {
+        var t = rr();
+        return D(t, K(() => Ie(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), w(r, () => t.children), r;
+        }), !1, !0), w(t, () => r.children), t;
       })()
-    })), s(J, {
-      get mount() {
-        return t.rootNode;
-      },
+    })), s(G.Positioner, {
       get children() {
-        return s(H.Positioner, {
+        return s(G.Content, {
+          class: `bg-dark-500 bg-opacity-50 backdrop-blur color-white text-align-center p-2
+            rounded-md text-sm drop-shadow-md`,
           get children() {
-            return s(H.Content, {
-              class: `bg-dark-500 bg-opacity-50 backdrop-blur color-white text-align-center p-2
-              rounded-md text-sm drop-shadow-md`,
-              get children() {
-                return t.tooltipLabel;
-              }
-            });
+            return r.tooltipLabel;
           }
         });
       }
     })];
   }
-});
-var Bt = /* @__PURE__ */ v("<div>");
-const Qt = (t) => {
-  const e = Fe();
+}), nr = (r, e, t) => He((a) => (w(e, r(), e.firstChild ? null : void 0), () => {
+  a(), e.textContent = "";
+}), t);
+var or = /* @__PURE__ */ S("<div>");
+const ir = (r) => {
+  const e = ve(), [t, a] = We(r, ["children", "disableShadowRoot", "getRef"]);
   return (() => {
-    var r = Bt();
-    return A((a) => {
+    var n = or();
+    return O((o) => {
       if (t.disableShadowRoot)
         return;
-      const o = a.attachShadow({
+      const i = o.attachShadow({
         mode: "open"
       });
-      Ae(e, () => {
-        ce(() => Z(() => t.children), o);
-      });
-    }, r), w(r, s(x, {
+      nr(() => ge(() => t.children), i, e);
+    }, n), D(n, a, !1, !0), w(n, s(E, {
       get when() {
         return t.disableShadowRoot;
       },
       get children() {
         return t.children;
       }
-    })), ue((a) => {
-      var o = t.class, n = t.style;
-      return o !== a.e && ze(r, a.e = o), a.t = _e(r, n, a.t), a;
-    }, {
-      e: void 0,
-      t: void 0
-    }), r;
+    })), n;
   })();
-}, Wt = ":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}", Xt = ":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}", Kt = ':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}', Gt = {
+}, sr = ":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}", lr = ":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}", cr = ':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}', ur = {
   feedbackLayer: null,
-  overlayLayer: null
-}, P = le()(
-  // this is important! Otherwise solid-zustand will start mutating the initial state
-  se(() => structuredClone(Gt))
-), Zt = he(P);
-var W = /* @__PURE__ */ v("<style>"), Jt = /* @__PURE__ */ v("<style id=camera-manager-style>"), Yt = /* @__PURE__ */ v('<div class="bg-dark-500 color-white size-full relative min-h-[300px]"part=think-of-a-good-selector><video class="block absolute top-0 left-0 size-full object-contain"></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 Me = () => {
-  const {
-    cameraManagerSolidStore: t,
-    cameraManager: e,
-    mountTarget: r
-  } = q(), [a, o] = N(), [n, i] = N(), [c, f] = N(), g = t((l) => l.mirrorX), m = () => r.id === U;
-  return Ne(() => {
-    const l = a(), b = n(), y = c();
-    !l || !b || !y || (Zt.setState({
-      feedbackLayer: b,
-      overlayLayer: y
-    }), e.initVideoElement(l));
-  }), s(
-    Qt,
-    {
-      get disableShadowRoot() {
-        return m();
-      },
-      get style() {
-        return m() ? {
-          height: "100%"
-        } : void 0;
-      },
+  overlayLayer: null,
+  owner: null
+}, U = me()(
+  // this is important! Otherwise, solid-zustand will start mutating the initial state
+  he(() => structuredClone(ur))
+), oe = we(U), de = () => {
+};
+function dr(r, e) {
+  if (Be)
+    return { observe: de, unobserve: de };
+  const t = new ResizeObserver(r);
+  return ie(t.disconnect.bind(t)), {
+    observe: (a) => t.observe(a, e),
+    unobserve: t.unobserve.bind(t)
+  };
+}
+const hr = (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 mr(r, e, t, a) {
+  const n = r / t, 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: t, height: l };
+  } else {
+    const l = Math.round(r / i);
+    return { x: Math.round((t - l) / 2), y: 0, width: l, height: a };
+  }
+}
+const gr = "_dialogPositioner_worsp_1", fr = "_dialogBackdrop_worsp_5", br = "_dialogContent_worsp_9", pr = "_large_worsp_13", vr = "_compact_worsp_16", wr = "_dialogTitle_worsp_30", yr = "_contentOut_worsp_34", Sr = "_closeButton_worsp_38", Cr = "_closeButtonInner_worsp_44", kr = "_primaryActionButton_worsp_49", Er = "_secondaryActionButton_worsp_53", _r = "_actions_worsp_57", Tr = "_alertTitle_worsp_64", xr = "_alertText_worsp_68", k = {
+  dialogPositioner: gr,
+  dialogBackdrop: fr,
+  dialogContent: br,
+  large: pr,
+  compact: vr,
+  dialogTitle: wr,
+  contentOut: yr,
+  closeButton: Sr,
+  closeButtonInner: Cr,
+  primaryActionButton: kr,
+  secondaryActionButton: Er,
+  actions: _r,
+  alertTitle: Tr,
+  alertText: xr
+};
+var Mr = /* @__PURE__ */ S("<span>&times;"), Rr = /* @__PURE__ */ S("<div>"), Ar = /* @__PURE__ */ S("<p>"), $r = /* @__PURE__ */ S("<span>"), Fr = /* @__PURE__ */ S("<div><button></button><button>");
+const Dr = (r) => {
+  const e = () => {
+    switch (r.modalStyle) {
+      case "compact":
+        return k.compact;
+      case "large":
+        return k.compact;
+      case "default":
+      default:
+        return;
+    }
+  };
+  return s(J, {
+    children: () => s($.Root, K({
+      onFocusOutside: (t) => t.preventDefault(),
+      onInteractOutside: (t) => t.preventDefault(),
+      restoreFocus: !0,
+      unmountOnExit: !0,
+      lazyMount: !0
+    }, r, {
       get children() {
-        return [(() => {
-          var l = W();
-          return w(l, Kt), l;
-        })(), (() => {
-          var l = W();
-          return w(l, Wt), l;
-        })(), (() => {
-          var l = W();
-          return w(l, Xt), l;
-        })(), (() => {
-          var l = Jt();
-          return A((b) => {
-            window.__mbCameraManagerCssCode && (b.innerHTML = window.__mbCameraManagerCssCode);
-          }, l), l;
-        })(), (() => {
-          var l = Yt(), b = l.firstChild, y = b.nextSibling, E = y.nextSibling;
-          return w(l, s(Ut, {}), b), A(o, b), A(i, y), A(f, E), ue((k) => (k = `scaleX(${g() ? -1 : 1})`) != null ? b.style.setProperty("transform", k) : b.style.removeProperty("transform")), l;
-        })()];
+        return s(E, {
+          get when() {
+            return r.open;
+          },
+          get children() {
+            return s(fe, {
+              get mount() {
+                return r.mountTarget;
+              },
+              get children() {
+                return s($.Positioner, {
+                  get class() {
+                    return k.dialogPositioner;
+                  },
+                  get children() {
+                    return [s($.Backdrop, {
+                      get class() {
+                        return k.dialogBackdrop;
+                      }
+                    }), s($.Content, {
+                      get class() {
+                        return `${k.dialogContent} ${e()}`;
+                      },
+                      get children() {
+                        return [s(E, {
+                          get when() {
+                            return r.showCloseButton;
+                          },
+                          get children() {
+                            return s($.CloseTrigger, {
+                              get class() {
+                                return k.closeButton;
+                              },
+                              get onClick() {
+                                return r.onCloseClicked;
+                              },
+                              get children() {
+                                var t = Mr();
+                                return H(() => V(t, k.closeButtonInner)), t;
+                              }
+                            });
+                          }
+                        }), s(E, {
+                          get when() {
+                            return r.headerImage;
+                          },
+                          get children() {
+                            return r.headerImage;
+                          }
+                        }), s(E, {
+                          get when() {
+                            return r.header;
+                          },
+                          children: (t) => s($.Title, {
+                            get class() {
+                              return k.dialogTitle;
+                            },
+                            get children() {
+                              return t();
+                            }
+                          })
+                        }), s($.Description, {
+                          get class() {
+                            return k.contentOut;
+                          },
+                          get children() {
+                            return r.children;
+                          }
+                        }), s(E, {
+                          get when() {
+                            return r.actions;
+                          },
+                          get children() {
+                            var t = Rr();
+                            return w(t, () => r.actions), t;
+                          }
+                        })];
+                      }
+                    })];
+                  }
+                });
+              }
+            });
+          }
+        });
       }
+    }))
+  });
+}, Ir = ({
+  mountTarget: r,
+  header: e,
+  text: t,
+  open: a,
+  onPrimaryClick: n,
+  onSecondaryClick: o,
+  primaryButtonText: i = "Retry",
+  secondaryButtonText: l = "Cancel"
+}) => {
+  let c;
+  return s(Dr, {
+    mountTarget: r,
+    get header() {
+      return (() => {
+        var f = $r();
+        return w(f, e), H(() => V(f, k.alertTitle)), f;
+      })();
+    },
+    initialFocusEl: () => c,
+    open: a,
+    get actions() {
+      return (() => {
+        var f = Fr(), g = f.firstChild, y = g.nextSibling;
+        g.$$click = () => o(), w(g, l), y.$$click = () => n();
+        var u = c;
+        return typeof u == "function" ? O(u, y) : c = y, w(y, i), H((h) => {
+          var p = k.actions, C = k.secondaryActionButton, m = k.primaryActionButton;
+          return p !== h.e && V(f, h.e = p), C !== h.t && V(g, h.t = C), m !== h.a && V(y, h.a = m), h;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        }), f;
+      })();
+    },
+    modalStyle: "compact",
+    get children() {
+      var f = Ar();
+      return w(f, t), H(() => V(f, k.alertText)), f;
     }
-  );
-}, er = () => {
+  });
+};
+Ve(["click"]);
+const zr = () => {
   const {
-    t
-  } = ee();
-  return s(J, {
-    useShadow: !0,
-    get mount() {
-      return document.getElementById(U);
+    t: r
+  } = Y(), {
+    cameraManagerSolidStore: e,
+    cameraManager: t,
+    dismountCameraUi: a
+  } = q(), n = e((i) => i.errorState), o = oe((i) => i.overlayLayer);
+  return s(E, {
+    get when() {
+      return n();
     },
-    ref: (e) => (e.style.zIndex = "1000", e.style.position = "fixed", e),
     get children() {
-      return s(te, {
-        children: (e) => (
-          // TODO: see if we can use the modal property conditionally
-          s($.Root, {
-            open: !0,
-            lazyMount: !0,
-            unmountOnExit: !0,
-            initialFocusEl: () => {
-              const r = document.createElement("div");
-              return r.tabIndex = -1, e.appendChild(r), setTimeout(() => {
-                r.remove();
-              }), r;
-            },
-            get children() {
-              return s($.Positioner, {
-                get children() {
-                  return s($.Content, {
-                    "aria-labelledby": "dialog-title",
-                    class: "h-vh supports-[(height:100dvh)]:h-dvh top-0 left-0 w-full fixed",
-                    get children() {
-                      return [s($.Title, {
-                        class: "sr-only",
-                        id: "dialog-title",
-                        get children() {
-                          return t.modal_title;
-                        }
-                      }), s(Me, {})];
-                    }
-                  });
-                }
-              });
-            }
-          })
-        )
+      return s(Ir, {
+        get mountTarget() {
+          return o();
+        },
+        get header() {
+          return r.camera_error_title;
+        },
+        open: !0,
+        onPrimaryClick: () => void t.startCameraStream(),
+        onSecondaryClick: () => a(),
+        get primaryButtonText() {
+          return r.camera_error_primary_btn;
+        },
+        get secondaryButtonText() {
+          return r.camera_error_cancel_btn;
+        },
+        get text() {
+          return r.camera_error_details;
+        }
       });
     }
   });
 };
-var tr = /* @__PURE__ */ v("<p>"), rr = /* @__PURE__ */ v('<pre class="text-size-sm overflow-auto flex">');
-const ar = (t) => s($.Root, {
-  open: !0,
-  unmountOnExit: !0,
-  get children() {
-    return s(J, {
-      get children() {
-        return s($.Positioner, {
-          class: "h-vh supports-[(height:100dvh)]:h-dvh top-0 left-0 w-full z-9999 fixed grid",
+var te = /* @__PURE__ */ S("<style>"), Lr = /* @__PURE__ */ S("<style id=camera-manager-style>"), Nr = /* @__PURE__ */ S('<div class="bg-dark-500 color-white size-full relative min-h-[300px]"part=capture-screen-part><video 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 ze = "capture-screen-host", Le = () => {
+  const {
+    cameraManager: r,
+    mountTarget: e
+  } = q(), [t, a] = z(), [n, o] = z(), [i, l] = z(), c = () => e.parentNode === document.body, [f, g] = z("contain");
+  function y() {
+    const u = t();
+    if (!u)
+      return;
+    const h = u.clientWidth, p = u.clientHeight, C = u.videoWidth, m = u.videoHeight, b = hr(h, p, C, m);
+    if (g(b), b === "cover") {
+      const v = mr(h, p, C, m);
+      r.setExtractionArea(v);
+    } else
+      r.setExtractionArea({
+        x: 0,
+        y: 0,
+        width: C,
+        height: m
+      });
+  }
+  return Q(() => {
+    const u = t();
+    if (!u)
+      return;
+    const {
+      observe: h,
+      unobserve: p
+    } = dr(y);
+    h(u), u.addEventListener("loadedmetadata", y), ie(() => {
+      p(u), u.removeEventListener("loadedmetadata", y);
+    });
+  }), Q(() => {
+    const u = ve();
+    u && oe.setState({
+      owner: u
+    });
+  }), Ge(() => {
+    const u = t(), h = n(), p = i();
+    !u || !h || !p || (oe.setState({
+      feedbackLayer: h,
+      overlayLayer: p
+    }), r.initVideoElement(u));
+  }), s(ir, {
+    get id() {
+      return c() ? void 0 : ze;
+    },
+    get disableShadowRoot() {
+      return c();
+    },
+    get style() {
+      return c() ? {
+        height: "100%"
+      } : void 0;
+    },
+    get children() {
+      return [(() => {
+        var u = te();
+        return w(u, cr), u;
+      })(), (() => {
+        var u = te();
+        return w(u, sr), u;
+      })(), (() => {
+        var u = te();
+        return w(u, lr), u;
+      })(), (() => {
+        var u = Lr();
+        return O((h) => {
+          window.__mbCameraManagerCssCode && (h.innerHTML = window.__mbCameraManagerCssCode);
+        }, u), u;
+      })(), (() => {
+        var u = Nr(), h = u.firstChild, p = h.nextSibling, C = p.nextSibling;
+        return w(u, s(ar, {}), h), O(a, h), O(o, p), O(l, C), w(u, s(zr, {}), null), H((m) => (m = f()) != null ? h.style.setProperty("object-fit", m) : h.style.removeProperty("object-fit")), u;
+      })()];
+    }
+  });
+}, Or = () => {
+  const {
+    t: r
+  } = Y(), [e, t] = z(!0), {
+    addOnDismountCallback: a
+  } = q();
+  return a(() => {
+    t(!1);
+  }), s(fe, {
+    useShadow: !0,
+    get mount() {
+      return document.getElementById(Ne);
+    },
+    ref: (n) => (n.id = ze, n.style.zIndex = "1000", n.style.position = "fixed", n.id = "mb-camera-host", n),
+    get children() {
+      return s(J, {
+        children: (n) => s($.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;
+          },
           get children() {
-            return s($.Content, {
-              "aria-labelledby": "dialog-title",
-              class: "bg-white color-dark-9 p-4 rounded-lg shadow-lg place-self-center relative z-20",
+            return s($.Positioner, {
               get children() {
-                return [s($.Title, {
-                  class: "sr-only",
-                  id: "dialog-title",
+                return s($.Content, {
+                  "aria-labelledby": "dialog-title",
+                  class: "h-vh supports-[(height:100dvh)]:h-dvh top-0 left-0 w-full fixed",
                   get children() {
-                    return ["Caught error: ", Z(() => t.error.name)];
+                    return [s($.Title, {
+                      class: "sr-only",
+                      id: "dialog-title",
+                      get children() {
+                        return r.scan_document;
+                      }
+                    }), s(Le, {})];
                   }
-                }), s($.CloseTrigger, {
-                  children: "Close"
-                }), (() => {
-                  var e = tr();
-                  return w(e, () => t.error.message), e;
-                })(), s(x, {
-                  get when() {
-                    return t.error.stack;
-                  },
-                  children: (e) => (() => {
-                    var r = rr();
-                    return w(r, e), r;
-                  })()
-                })];
+                });
               }
             });
           }
-        });
-      }
-    });
-  }
-}), nr = () => {
+        })
+      });
+    }
+  });
+}, Pr = () => {
   const {
-    cameraManagerSolidStore: t,
-    mountTarget: e
-  } = q(), r = t((a) => a.errorState);
-  return [s(x, {
-    get when() {
-      return r();
-    },
-    children: (a) => s(ar, {
-      get error() {
-        return a();
-      }
-    })
-  }), s(Le, {
+    mountTarget: r
+  } = q();
+  return s(Ue, {
     get component() {
-      return e.id === U ? er : Me;
+      return r.parentNode === document.body ? Or : Le;
     }
-  })];
-}, U = "camera-manager-mount-point";
-function pr(t, e) {
-  let r;
-  const a = /* @__PURE__ */ new Set();
-  let o;
-  const n = (m) => {
-    o = m;
-  }, i = () => {
-    t.destroy();
+  });
+}, Ne = "camera-manager-mount-point";
+function Yr(r, e, {
+  localizationStrings: t,
+  showMirrorCameraButton: a = !1
+} = {}) {
+  let n;
+  const o = /* @__PURE__ */ new Set();
+  let i;
+  const l = (p) => {
+    i = p;
   }, c = () => {
+    r.reset();
+  };
+  let f;
+  const g = () => {
     try {
       console.debug("🧱 Dismounting camera manager UI");
-      for (const m of a)
-        m();
-      a.clear(), setTimeout(() => {
-        f(), r.remove();
-      }, 0), i();
-    } catch (m) {
-      console.warn("Error while dismounting camera manager UI", m);
+      for (const p of o)
+        p();
+      o.clear(), c(), requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          f && f(), n.remove(), c();
+        });
+      });
+    } catch (p) {
+      console.warn("Error while dismounting camera manager UI", p);
     }
-  };
-  if (e)
-    r = e;
-  else {
-    const m = document.createElement("div");
-    m.id = U, document.body.appendChild(m), r = m;
-  }
-  const f = ce(() => s(Ct, {
-    setLocalizationRef: n,
+  }, y = document.createElement("div");
+  y.id = Ne, n = y, e ? e.appendChild(y) : document.body.appendChild(y);
+  const u = (p) => (o.add(p), () => {
+    o.delete(p);
+  });
+  f = je(() => s(zt, {
+    userStrings: t,
+    setLocalizationRef: l,
     get children() {
-      return s(yt, {
-        dismountCameraUi: c,
-        cameraManager: t,
-        mountTarget: r,
+      return s(Dt, {
+        addOnDismountCallback: u,
+        dismountCameraUi: g,
+        cameraManager: r,
+        showMirrorCameraButton: a,
+        mountTarget: n,
         get children() {
-          return s(nr, {});
+          return s(Pr, {});
         }
       });
     }
-  }), r), g = {
-    updateLocalization: o,
-    addOnDismountCallback: (m) => {
-      a.add(m);
-    },
-    removeOnDismountCallback: (m) => {
-      a.delete(m);
-    },
-    cameraManager: t,
+  }), n);
+  const h = {
+    updateLocalization: i,
+    /**
+     * Adds a callback to be called when the component is unmounted.
+     * Returns a cleanup function that removes the callback when called.
+     *
+     * @param fn - The callback function to be called when the component is unmounted
+     * @returns A cleanup function that removes the callback when called
+     */
+    addOnDismountCallback: u,
+    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 P.getState().feedbackLayer;
+      return U.getState().feedbackLayer;
     },
     get overlayLayerNode() {
-      return P.getState().overlayLayer;
+      return U.getState().overlayLayer;
+    },
+    get owner() {
+      return U.getState().owner;
     },
-    dismount: c
+    dismount: g
   };
-  return new Promise((m) => {
-    let l = !1, b = !1, y = !1, E = () => {
-    }, k = () => {
-    }, u = () => {
+  return new Promise((p) => {
+    let C = !1, m = !1, b = !1, v = () => {
+    }, x = () => {
+    }, R = () => {
     };
-    const p = () => {
-      l && b && y && (E(), k(), u(), m(g));
+    const F = () => {
+      C && m && b && (v(), x(), R(), p(h));
     };
-    E = P.subscribe((h) => h.feedbackLayer, (h) => {
-      h && (b = !0), p();
+    v = U.subscribe((M) => M.feedbackLayer, (M) => {
+      M && (m = !0), F();
     }, {
       fireImmediately: !0
-    }), k = P.subscribe((h) => h.overlayLayer, (h) => {
-      h && (y = !0), p();
+    }), x = U.subscribe((M) => M.overlayLayer, (M) => {
+      M && (b = !0), F();
     }, {
       fireImmediately: !0
-    }), u = t.subscribe((h) => h.videoElement, (h) => {
-      h && (l = !0, p());
+    }), R = r.subscribe((M) => M.videoElement, (M) => {
+      M && (C = !0, F());
     }, {
       fireImmediately: !0
     });
   });
 }
-const xe = Symbol();
-globalThis.__CAMERA_MANAGER__ ||= xe;
-globalThis.__CAMERA_MANAGER__ !== xe && console.warn(
+const Oe = Symbol();
+globalThis.__CAMERA_MANAGER__ ||= Oe;
+globalThis.__CAMERA_MANAGER__ !== Oe && console.warn(
   "Detected multiple instances of @microblink/camera-manager. This can lead to unexpected behavior."
 );
 export {
-  vt as Camera,
-  gr as CameraManager,
-  U as MOUNT_POINT_ID,
+  Me as Camera,
+  Qr as CameraManager,
+  Ne as MOUNT_POINT_ID,
+  At as VideoFrameProcessor,
   d as cameraManagerStore,
-  P as cameraUiRefStore,
-  pr as createCameraManagerUi,
-  je as resetCameraManagerStore,
-  ie as videoResolutions
+  U as cameraUiRefStore,
+  Yr as createCameraManagerUi,
+  $t as defaultCameraManagerOptions,
+  bt as findResolutionKey,
+  $e as getBuffer,
+  gt as getNormalizedResolution,
+  ne as isBufferDetached,
+  ft as matchClosestResolution,
+  Ye as resetCameraManagerStore,
+  mt as returnLongerSide,
+  P as videoResolutions
 };