@microblink/camera-manager 7.2.7 → 7.3.0

package/dist/camera-manager.js

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