@microblink/camera-manager 7.2.6 → 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 { createStore as de } from "zustand/vanilla";
 import { shallow as ge } from "zustand/shallow";
-import { createComponent as l, use as V, template as y, spread as D, mergeProps as J, insert as w, memo as Se, isServer as He, delegateEvents as We, effect as K, className as H, Portal as ye, Dynamic as Ge, render as Xe } from "solid-js/web";
-import { createContext as Ce, onCleanup as he, useContext as Ee, onMount as Z, createSignal as N, Show as k, Index as Qe, createRoot as Ke, getOwner as ke, splitProps as Ye, createEffect as Je } from "solid-js";
-import { createWithSignal as Te } from "solid-zustand";
-import { createStore as Ze } from "solid-js/store";
-import { EnvironmentProvider as et } from "@ark-ui/solid/environment";
-import { Dialog as $ } from "@ark-ui/solid/dialog";
-import { Select as A, createListCollection as 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) => {
-    const c = this.getVideoPlaybackQuality(), s = this.mozPresentedFrames || this.mozPaintedFrames || c.totalVideoFrames - c.droppedVideoFrames;
-    if (s > a) {
-      const h = this.mozFrameDelay || c.totalFrameDelay - t.totalFrameDelay || 0, f = i - o;
-      r(i, {
-        presentationTime: i + h * 1e3,
-        expectedDisplayTime: i + f,
+import { createStore as de } from "zustand/vanilla";
+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 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) + f / 1e3,
-        presentedFrames: s,
-        processingDuration: h
+        mediaTime: Math.max(0, this.currentTime || 0) + u / 1e3,
+        presentedFrames: l,
+        processingDuration: d
       }), delete this._rvfcpolyfillmap[e];
     } else
-      this._rvfcpolyfillmap[e] = requestAnimationFrame((h) => n(i, h));
+      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, c = Array(i > 1 ? i - 1 : 0), s = 1; s < i; s++)
-        c[s - 1] = arguments[s];
-      return typeof o == "function" ? e.interimTag.bind(e, o) : typeof o == "string" ? e.transformEndResult(o) : (o = o.map(e.transformString.bind(e)), e.transformEndResult(o.reduce(e.processSubstitutions.bind(e, c))));
-    }, a.length > 0 && Array.isArray(a[0]) && (a = a[0]), this.transformers = a.map(function(o) {
-      return typeof o == "function" ? o() : o;
+    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 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, c) {
-        return c.onSubstitution ? c.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(c) {
-          return c.length;
+        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
-}, I = 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, c = e.conjunction, s = e.serial, h = n.match(/(\n?[^\S\n]+)$/);
-        if (h ? a = a.join(i + h[1]) : a = a.join(i + " "), c && o > 1) {
-          var f = a.lastIndexOf(i);
-          a = a.slice(0, f) + (s ? i : "") + " " + c + a.slice(f + 1);
+        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 _(I({ separator: "," }), L, M);
-new _(I({ separator: ",", conjunction: "and" }), L, M);
-new _(I({ separator: ",", conjunction: "or" }), L, M);
-new _(Re(`
-`), ut, I, L, M);
-new _(Re(`
-`), I, L, M, O(/&/g, "&amp;"), O(/</g, "&lt;"), O(/>/g, "&gt;"), O(/"/g, "&quot;"), O(/'/g, "&#x27;"), O(/`/g, "&#x60;"));
-new _(q(/(?:\n(?:\s*))+/g, " "), M);
-new _(q(/(?:\n\s*)/g, ""), M);
-new _(I({ separator: "," }), q(/(?:\s+)/g, " "), M);
-new _(I({ separator: ",", conjunction: "or" }), q(/(?:\s+)/g, " "), M);
-new _(I({ separator: ",", conjunction: "and" }), q(/(?:\s+)/g, " "), M);
-new _(I, L, M);
-new _(I, q(/(?:\s+)/g, " "), M);
-new _(L, M);
-var Ae = new _(L("all"), M);
-const dt = [
+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,107 +431,117 @@ 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));
   }
-}, $e = async () => {
+};
+function bt() {
+  const t = self.navigator.userAgent.toLowerCase();
+  return /iphone|ipad|ipod/.test(t);
+}
+const ze = async () => {
   try {
-    const r = await navigator.mediaDevices.getUserMedia({
+    const t = await navigator.mediaDevices.getUserMedia({
       video: !0
     });
-    De(r);
-  } catch (r) {
-    throw new U(
+    Pe(t);
+  } catch (t) {
+    throw new B(
       "Camera permission not given",
       "PERMISSION_DENIED",
-      Y(r)
+      Q(t)
     );
   }
-}, ht = 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 $e(), (await navigator.mediaDevices.enumerateDevices()).filter((t) => t.kind === "videoinput");
-}, De = (r) => {
-  const e = r.getTracks();
-  for (const t of e)
-    t.stop();
-}, mt = (r, e, t) => ({
+  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 gt(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 ft(r, e) {
-  return r.filter((t) => e === "back" || e === void 0 ? Me(t.name) : xe(t.name));
+function yt(t, e) {
+  return t.filter((r) => e === "back" ? Ie(r.name) : e === "front" ? Fe(r.name) : !0);
 }
-const bt = async (r, e = "4k", t = "back") => {
-  if (r.length === 0)
-    throw new Error("No cameras found");
-  if (r.length === 1)
-    return await r[0].startStream(e), r[0];
-  let a = ft(r, t);
+const St = async (t, e, r) => {
+  if (t.length === 0)
+    throw new Error("No cameras found on device");
+  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(
-      (h) => dt.includes(h.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;
-  for (let s = a.length - 1; s >= 0; s--) {
-    const h = a[s];
+  let i, o = -1 / 0;
+  bt() || a.reverse();
+  for (const s of a)
     try {
-      await h.startStream(e);
-      const f = gt(h);
-      if (n.set(h, f), f > i ? (o && o !== h && o.stopStream(), i = f, o = h) : h.stopStream(), f === 2)
-        return console.debug("Found camera with all capabilities, returning early"), h;
-    } catch (f) {
-      console.warn(`Failed to test camera ${h.name}:`, f), h.stopStream();
+      await s.startStream(e);
+      const l = wt(s);
+      if (n.set(s, l), l > o)
+        o = l, i = s;
+      else {
+        s.stopStream();
+        continue;
+      }
+      if (l === 2)
+        return s;
+      s.stopStream();
+    } catch (l) {
+      console.warn(`Failed to test camera ${s.name}:`, l), s.stopStream();
     }
-  }
-  if (o)
-    return o;
-  const c = a[0];
-  return await c.startStream(e), c;
+  if (!i)
+    throw new Error("No suitable camera found, should not happen!");
+  return i;
 };
-function pt(r) {
+function Ct(t) {
   const e = [];
-  for (const t of r) {
-    const a = new Ie(t);
+  for (const r of t) {
+    const a = new $e(r);
     a !== null && e.push(a);
   }
   return e;
 }
-const vt = {
+const Et = {
   deviceInfo: {},
   name: "",
   facingMode: void 0,
@@ -540,14 +551,15 @@ const vt = {
   singleShotSupported: !1,
   maxSupportedResolution: void 0,
   streamCapabilities: void 0,
+  deviceCapabilities: void 0,
   error: void 0
 };
-class Ie {
+class $e {
   /**
    * The internal state of the camera, implemented as a Zustand store.
    */
   store = de()(
-    ue(() => vt)
+    ue(() => Et)
   );
   #e = /* @__PURE__ */ new Set();
   /**
@@ -568,7 +580,11 @@ class Ie {
     return this.store.getState().streamCapabilities;
   }
   get activeStream() {
-    return this.store.getState().activeStream;
+    return this.store.getState().activeStream?.active === !1 && (console.warn(
+      "Detected inactive stream on camera:",
+      this.name,
+      this.store.getState().activeStream
+    ), this.store.setState({ activeStream: void 0 })), this.store.getState().activeStream;
   }
   get name() {
     return this.store.getState().name;
@@ -596,19 +612,18 @@ class Ie {
   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) {
-    console.debug(`Creating subscription for camera: ${this.name}`);
+  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
@@ -627,17 +642,18 @@ class Ie {
     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 = () => {
-      this.store.setState({
-        error: new U(
-          "Camera stream ended unexpectedly",
-          "STREAM_ENDED_UNEXPECTEDLY"
-        )
-      }), this.stopStream();
-    }, t;
+      const n = new B(
+        "Camera stream ended unexpectedly",
+        "STREAM_ENDED_UNEXPECTEDLY"
+      );
+      throw this.store.setState({
+        error: n
+      }), this.stopStream(), n;
+    }, r;
   }
   /**
    * Acquires a camera stream with the specified resolution.
@@ -648,16 +664,16 @@ class Ie {
    */
   async acquireStreamWithFallback(e) {
     try {
-      const t = mt(
+      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)
@@ -672,18 +688,22 @@ class Ie {
    * @param stream - The stream to populate the capabilities from.
    */
   populateCapabilities(e) {
-    const t = e.getVideoTracks()[0].getCapabilities();
-    ge(t, this.streamCapabilities) || this.store.setState({ streamCapabilities: t });
-    const o = e.getVideoTracks()[0].getSettings();
-    if (!o.width || !o.height)
+    const r = e.getVideoTracks()[0].getCapabilities();
+    if ("getCapabilities" in this.deviceInfo) {
+      const u = this.deviceInfo.getCapabilities();
+      this.store.setState({ deviceCapabilities: u });
+    }
+    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
-    }, c = Ct(i), s = {};
-    !this.maxSupportedResolution && c && (s.maxSupportedResolution = c), "torch" in t && (s.torchSupported = !0), "focusMode" in t && t.focusMode?.includes("single-shot") && (s.singleShotSupported = !0), this.facingMode === "front" && t.facingMode?.includes("environment") && (s.facingMode = "back", console.warn("Front camera selected, but facingMode is environment")), this.facingMode === "back" && t.facingMode?.includes("user") && (s.facingMode = "front", console.warn("Back camera selected, but facingMode is user")), this.facingMode || (t.facingMode?.includes("environment") && (s.facingMode = "back"), t.facingMode?.includes("user") && (s.facingMode = "front")), ge(s, this.store.getState()) || this.store.setState(s);
+    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.
@@ -704,8 +724,8 @@ class Ie {
           }
         ]
       }), 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;
   }
@@ -713,7 +733,7 @@ class Ie {
    * Stops the stream on the camera.
    */
   stopStream() {
-    this.activeStream && (console.debug(`Stopping active stream on ${this.name}`), De(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
@@ -737,37 +757,37 @@ const P = {
   "1080p": { width: 1920, height: 1080 },
   "4k": { width: 3840, height: 2160 }
 };
-function wt(r) {
-  return Math.max(r.width, r.height);
+function kt(t) {
+  return Math.max(t.width, t.height);
 }
-function St(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 yt(r) {
-  const e = wt(r);
+function xt(t) {
+  const e = kt(t);
   return e > 1920 ? "4k" : e > 1280 ? "1080p" : "720p";
 }
-function Ct(r) {
-  const e = St(r), t = Object.entries(P).find(
-    ([n, o]) => o.width === e.width && o.height === e.height
+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 = yt(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,
@@ -780,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))
-), Et = () => {
-  console.debug("Stopping all cameras and resetting the `cameraManagerStore`."), u.getState().cameras.forEach((r) => {
-    r.stopStream();
-  }), u.setState(structuredClone(Fe));
-}, be = Element.prototype.attachShadow;
-function me() {
+  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 kt() {
+function _t() {
   return typeof ShadowRoot < "u";
 }
-function Tt(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 _t(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;
@@ -823,98 +843,98 @@ function _t(r, ...e) {
     }
   };
 }
-const Mt = {
+const It = {
   childList: !0,
   subtree: !0
-}, xt = (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 Rt(r, e) {
-  return me() ? new Set(pe(window.ShadyDOM.nativeMethods.querySelectorAll.call(document.documentElement, e))) : new Set("querySelectorAll" in r ? pe(r.querySelectorAll(e)) : []);
+function 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 At(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 || !kt())
+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 It(r, e) {
-  const t = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new WeakMap();
-  let i = !1, c = !1, s = !1;
-  const h = () => {
-    c = !0;
-    const b = [...t];
-    b.length > 0 && e(b, r), t.clear(), i = !1, c = !1;
-  }, f = () => {
-    i || (i = !0, xt(h));
-  }, p = (b) => {
-    t.add(b), c || f();
-  }, S = () => {
-    const b = [...t];
-    return t.clear(), b;
-  }, g = () => {
+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 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 = Rt(b, E), G = x?.get(E), X = At(F, G);
-    m(X), x == null && (x = /* @__PURE__ */ new Map(), n.set(b, x)), x.set(E, F);
-  }, m = (b) => {
-    for (const E of b) {
-      const x = o.get(E), F = Dt(E);
-      x !== F && (o.set(E, F), p({
-        connected: F,
-        target: E
+  }, 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: m,
-    addObservedTarget: (b) => {
-      if (se.run(), s || (s = !0, Le()), a.add(b), typeof b != "string")
-        m([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: g,
-    clearQueue: S
+    clearObservedTargets: h,
+    clearQueue: p
   };
-  W.set(r, v);
+  j.set(t, T);
 }
-const Ft = (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(Ft)), r.observe(e, Mt));
+    ie.has(e) || (ie.add(e), t == null && (t = new MutationObserver(Ot)), t.observe(e, It));
   };
-})(), se = _t(ze, document.documentElement);
+})(), se = Dt(Be, document.documentElement);
 class z {
   constructor(e) {
     if (new.target === void 0)
@@ -923,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.`);
-    It(this, e);
+    $t(this, e);
   }
   /**
    * The Symbol.@@toStringTag value
@@ -942,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();
   }
 }
-Tt(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 {
@@ -976,57 +996,57 @@ function le(r) {
     return !0;
   }
 }
-class Lt {
+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,
@@ -1039,16 +1059,16 @@ class Lt {
     });
     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
     );
   }
@@ -1061,15 +1081,15 @@ class Lt {
    * @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}`
       );
   }
   /**
@@ -1089,8 +1109,8 @@ class Lt {
    * @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
@@ -1102,7 +1122,7 @@ class Lt {
   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.
@@ -1111,11 +1131,11 @@ class Lt {
    * @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, c = t?.width ?? a, s = t?.height ?? n;
-    return this.#h(c, s), this.#n.drawImage(e, o, i, c, s), this.#n.getImageData(0, 0, c, s);
+    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.
@@ -1124,26 +1144,26 @@ class Lt {
    * @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, c = t?.width ?? a, s = t?.height ?? n, h = c * s * 4;
-    if (this.#h(c, s), 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 !== h) && (this.#t = new Uint8ClampedArray(h));
-    const f = this.#r;
-    f.bindTexture(f.TEXTURE_2D, this.#a), f.texImage2D(f.TEXTURE_2D, 0, f.RGBA, f.RGBA, f.UNSIGNED_BYTE, e), f.bindFramebuffer(f.FRAMEBUFFER, this.#i);
+    (!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 {
-      f.pixelStorei(f.PACK_ALIGNMENT, this.#c), f.readPixels(o, i, c, s, f.RGBA, f.UNSIGNED_BYTE, this.#t);
-    } catch (p) {
-      if (this.#c !== 1) {
-        this.#c = 1, f.pixelStorei(f.PACK_ALIGNMENT, 1);
-        const S = new Uint8ClampedArray(h);
-        return f.readPixels(0, 0, c, s, f.RGBA, f.UNSIGNED_BYTE, S), this.#t = S, new ImageData(S, c, s);
+      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, c, s);
+    return new ImageData(this.#t, s, l);
   }
   /**
    * Update canvas dimensions if needed.
@@ -1153,10 +1173,10 @@ class Lt {
    * @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);
     }
   }
@@ -1164,12 +1184,13 @@ class Lt {
    * 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;
+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,
@@ -1177,25 +1198,31 @@ class aa {
    * 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.
@@ -1203,8 +1230,8 @@ class aa {
    * @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
     });
   }
@@ -1214,27 +1241,27 @@ class aa {
    * @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 } = {
-      ...zt,
+      ...Bt,
       ...e
     };
-    this.#n = n, this.#a = new Lt(
-      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
@@ -1245,9 +1272,9 @@ class aa {
    * @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
@@ -1257,7 +1284,7 @@ class aa {
    * camera capabilities and system constraints.
    */
   get resolution() {
-    return this.#n;
+    return this.#r;
   }
   /**
    * True if there is a video playing or capturing
@@ -1265,7 +1292,7 @@ class aa {
    * @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.
@@ -1273,7 +1300,7 @@ class aa {
    * @param facingFilter - The facing filter.
    */
   setFacingFilter(e) {
-    u.setState({
+    f.setState({
       facingFilter: e
     });
   }
@@ -1284,21 +1311,21 @@ class aa {
    * @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}`,
@@ -1306,35 +1333,36 @@ class aa {
           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;
@@ -1344,8 +1372,8 @@ class aa {
         }
       }
     );
-    this.#t = () => {
-      o(), t(), a.disconnect();
+    this.#l = () => {
+      i(), r(), a.disconnect();
     };
   }
   /**
@@ -1355,12 +1383,12 @@ class aa {
    */
   initVideoElement(e) {
     try {
-      this.#l(e);
-    } catch (t) {
+      this.#h(e);
+    } catch (r) {
       if (this.userInitiatedAbort)
         this.reset();
       else
-        throw t;
+        throw r;
     }
   }
   /**
@@ -1371,13 +1399,13 @@ class aa {
    * @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();
   }
@@ -1388,9 +1416,9 @@ class aa {
    * @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;
@@ -1399,9 +1427,9 @@ class aa {
       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;
@@ -1412,50 +1440,50 @@ class aa {
    * @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 ht().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 = pt(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 c = !1, s;
-          n.error?.code === "STREAM_ENDED_UNEXPECTEDLY" && $e().catch((h) => {
-            h instanceof U && h.code === "PERMISSION_DENIED" && (c = !0, s = h);
+          let s = !1, l;
+          n.error?.code === "STREAM_ENDED_UNEXPECTEDLY" && ze().catch((d) => {
+            d instanceof B && d.code === "PERMISSION_DENIED" && (s = !0, l = d);
           }).finally(() => {
-            u.setState({
-              errorState: s,
+            f.setState({
+              errorState: l,
               playbackState: "idle",
-              cameraPermission: c ? "denied" : "granted"
+              cameraPermission: s ? "denied" : "granted"
             });
           });
         });
@@ -1464,25 +1492,25 @@ class aa {
         (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((c) => n[c] === o[c])
+          ].every((s) => n[s] === i[s])
         }
       );
-    }), u.setState({
-      cameras: t,
+    }), f.setState({
+      cameras: r,
       isQueryingCameras: !1
     });
   }
@@ -1492,7 +1520,11 @@ class aa {
    * @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.");
@@ -1503,17 +1535,17 @@ class aa {
         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;
       }
     }
   }
@@ -1522,24 +1554,30 @@ class aa {
    *
    * @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;
     }
   }
   /**
@@ -1549,7 +1587,7 @@ class aa {
    */
   startFrameCapture = async () => {
     try {
-      await this.#c();
+      await this.#f();
     } catch (e) {
       if (this.userInitiatedAbort)
         this.reset();
@@ -1563,12 +1601,16 @@ class aa {
    * @param params - The parameters for the camera stream.
    * @returns resolves when the camera stream starts
    */
-  async #d({
+  async #m({
     autoplay: e = !0,
-    preferredCamera: t,
-    preferredFacing: a
+    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;
@@ -1577,39 +1619,43 @@ class aa {
       console.warn("Already streaming");
       return;
     }
-    if (t instanceof Ie && await this.selectCamera(t), !u.getState().selectedCamera)
+    if (r instanceof $e && await this.selectCamera(r), !f.getState().selectedCamera)
       try {
-        const c = await this.getCameraDevices();
-        let s;
-        if (!c.length)
+        const s = await this.getCameraDevices();
+        let l;
+        if (!s.length)
           throw console.warn("Camera list is empty"), new Error(
             `No cameras found matching the filter ${a}`
           );
-        if (typeof t == "function" && (s = t(c), s || 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"
-        )), s || (s = await bt(
-          c,
+        )), l || (l = await St(
+          s,
           this.resolution,
           a
-        )), !s)
+        )), !l)
           throw new Error(
             `No cameras found matching the filter ${a}`
           );
-        await this.selectCamera(s), this.#m() && u.setState({
+        await this.selectCamera(l), this.#d() && f.setState({
           errorState: void 0
         });
-      } catch (c) {
-        throw u.setState({
-          errorState: Y(c)
-        }), c;
+      } catch (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());
   }
@@ -1622,12 +1668,12 @@ class aa {
    */
   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;
     }
   }
   /**
@@ -1635,15 +1681,15 @@ class aa {
    *
    * @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"
     });
   }
@@ -1652,7 +1698,7 @@ class aa {
    */
   stopStream() {
     console.debug("stopStream called");
-    const e = u.getState();
+    const e = f.getState();
     this.pausePlayback(), e.selectedCamera?.stopStream(), e.videoElement && (e.videoElement.srcObject = null);
   }
   /**
@@ -1660,17 +1706,17 @@ class aa {
    */
   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;
     }
@@ -1685,40 +1731,40 @@ class aa {
       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()
       );
     }
   }
@@ -1726,13 +1772,22 @@ class aa {
    * 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.
@@ -1740,12 +1795,12 @@ class aa {
    * @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
   /**
@@ -1755,304 +1810,291 @@ class aa {
    *
    * @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(), Et();
+    console.debug("Resetting camera manager"), this.#s.clear(), this.userInitiatedAbort = !1, this.stopStream(), Rt();
   }
 }
-const zt = {
+const Bt = {
   mirrorFrontCameras: !0,
   preferredResolution: "1080p"
-}, Pe = Ce();
-function Nt() {
-  return Te(u);
+}, qe = xe();
+function Ut() {
+  return Ae(f);
 }
-const Pt = (r) => {
+const qt = (t) => {
   const e = {
-    cameraManagerSolidStore: Nt(),
+    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: t.mountTarget,
     // eslint-disable-next-line solid/reactivity
-    mountTarget: r.mountTarget,
+    showMirrorCameraButton: t.showMirrorCameraButton,
     // eslint-disable-next-line solid/reactivity
-    showMirrorCameraButton: r.showMirrorCameraButton,
+    showTorchButton: t.showTorchButton,
     // eslint-disable-next-line solid/reactivity
-    showTorchButton: r.showTorchButton,
+    showCloseButton: t.showCloseButton,
     // eslint-disable-next-line solid/reactivity
-    showCloseButton: r.showCloseButton,
+    showCameraErrorModal: t.showCameraErrorModal,
     // eslint-disable-next-line solid/reactivity
-    showCameraErrorModal: r.showCameraErrorModal
+    zIndex: t.zIndex
   };
-  return he(() => {
+  return J(() => {
     console.debug("CameraUiStoreProvider cleanup");
-  }), l(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 Ot = {
+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(), Bt = (r) => {
-  const [e, t] = Ze(
+}, je = xe(), Ht = (t) => {
+  const [e, r] = at(
     // we structure clone to avoid proxying to the original object
     structuredClone({
-      ...Ot,
+      ...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 l(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 Vt = /* @__PURE__ */ y("<span>");
-const te = (r) => {
-  const [e, t] = N(), [a, n] = N();
-  return Z(() => {
-    const o = a();
-    o && t(o.getRootNode());
-  }), l(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 = Vt();
-        return V(n, o), o;
+        var i = Wt();
+        return V(n, i), i;
       })();
     },
-    children: (o) => l(et, {
-      value: () => o(),
+    children: (i) => c(nt, {
+      value: () => i(),
       get children() {
-        return r.children(o());
+        return t.children(i());
       }
     })
   });
 };
-var Ut = /* @__PURE__ */ y('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z">');
-const qt = (r = {}) => (() => {
-  var e = Ut();
-  return D(e, r, !0, !0), e;
+var 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 A(e, t, !0, !0), e;
 })();
-var jt = /* @__PURE__ */ y('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M7 2h10l-2 7h4l-2.925 4.225L7 4.15zm3 20v-8H7V9.85L1.375 4.225L2.8 2.8l18.4 18.4l-1.425 1.425L13.75 16.6z">');
-const Ht = (r = {}) => (() => {
-  var e = jt();
-  return D(e, r, !0, !0), e;
+var 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 A(e, t, !0, !0), e;
 })();
-var Wt = /* @__PURE__ */ y('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M10 22v-8H7V2h10l-2 7h4z">');
-const Gt = (r = {}) => (() => {
-  var e = Wt();
-  return D(e, r, !0, !0), e;
+var 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 Xt = /* @__PURE__ */ y('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M9 21H5q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h4v2H5v14h4zm2 2V1h2v22zm4-2v-2h2v2zm0-16V3h2v2zm4 16v-2h2q0 .825-.587 1.413T19 21m0-4v-2h2v2zm0-4v-2h2v2zm0-4V7h2v2zm0-4V3q.825 0 1.413.588T21 5z">');
-const Qt = (r = {}) => (() => {
-  var e = Xt();
-  return D(e, r, !0, !0), e;
+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 Be(r) {
+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 Kt = /* @__PURE__ */ y('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><g fill=#fff fill-rule=evenodd clip-rule=evenodd><path d="M6.322 2.988A1.67 1.67 0 0 1 7.5 2.5h5a1.667 1.667 0 0 1 1.667 1.667A.833.833 0 0 0 15 5h.833a2.5 2.5 0 0 1 2.5 2.5V15a2.5 2.5 0 0 1-2.5 2.5H4.167a2.5 2.5 0 0 1-2.5-2.5V7.5a2.5 2.5 0 0 1 2.5-2.5H5a.833.833 0 0 0 .833-.833c0-.442.176-.866.489-1.179M4.167 6.667a.833.833 0 0 0-.834.833V15a.833.833 0 0 0 .834.833h11.666a.834.834 0 0 0 .834-.833V7.5a.833.833 0 0 0-.834-.833H15a2.5 2.5 0 0 1-2.5-2.5h-5a2.5 2.5 0 0 1-2.5 2.5z"></path><path d="M10 9.167a1.667 1.667 0 1 0 0 3.333 1.667 1.667 0 0 0 0-3.333m-3.333 1.666a3.333 3.333 0 1 1 6.666 0 3.333 3.333 0 0 1-6.666 0">');
-const Yt = (r = {}) => (() => {
-  var e = Kt();
-  return D(e, r, !0, !0), e;
+var 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 Jt = /* @__PURE__ */ y('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><path stroke=#fff stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M4.167 10.833 7.5 14.167l8.333-8.334">');
-const Zt = (r = {}) => (() => {
-  var e = Jt();
-  return D(e, r, !0, !0), e;
+var 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 er = /* @__PURE__ */ y('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><path fill=#fff fill-rule=evenodd d="M4.41 6.91a.833.833 0 0 1 1.18 0L10 11.323l4.41-4.411a.833.833 0 1 1 1.18 1.178l-5 5a.833.833 0 0 1-1.18 0l-5-5a.833.833 0 0 1 0-1.178"clip-rule=evenodd>');
-const tr = (r = {}) => (() => {
-  var e = er();
-  return D(e, r, !0, !0), e;
+var 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 rr = /* @__PURE__ */ y("<button>");
-const ar = () => {
+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), c = r((d) => d.isSwappingCamera), s = () => i() || c(), h = () => {
-    const d = o();
-    return d ? a().filter((m) => d.includes(m.facingMode)) : a();
-  }, f = () => [...h().map((d) => ({
-    value: d.deviceInfo.deviceId,
-    label: d.name
-  }))], p = () => tt({
-    items: [...f()]
-  }), S = () => {
-    const d = n();
-    if (!d)
+  } = 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 m = p().find(d.deviceInfo.deviceId);
-    if (m)
-      return [m.value];
-  }, g = async (d) => {
-    const m = a().find((C) => C.deviceInfo.deviceId === d);
-    if (!m) {
+    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(m);
+    await e.selectCamera(g);
   };
-  return l(te, {
-    children: () => l(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"
       },
       lazyMount: !0,
       get disabled() {
-        return s();
+        return l();
       },
-      onValueChange: (d) => {
-        g(d.value[0]);
+      onValueChange: (m) => {
+        h(m.value[0]);
       },
       get children() {
-        return [l(A.Label, {
+        return [c(_.Label, {
           class: "sr-only",
           get children() {
-            return t.selected_camera;
+            return r.selected_camera;
           }
-        }), l(A.Trigger, {
-          asChild: (d) => (() => {
-            var m = rr();
-            return D(m, J(() => Be(d()), {
-              class: `flex px-4 py-2 items-center gap-2 rounded-full
-                    bg-gray-550/90 backdrop-blur-xl whitespace-nowrap text-base
-                    color-white font-500 cursor-pointer appearance-none
-                    border-none disabled:opacity-50 disabled:cursor-not-allowed
-                    max-w-[100%] btn-focus`
-            }), !1, !0), w(m, l(Yt, {
+        }), 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(m, l(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(m, l(A.Indicator, {
+            }), null), y(g, c(_.Indicator, {
               class: "shrink-0 data-[state=open]:scale-y-[-1]",
               get children() {
-                return l(tr, {
+                return c(ir, {
                   class: "size-6 shrink-0"
                 });
               }
-            }), null), m;
+            }), null), g;
           })()
-        }), l(A.Positioner, {
-          class: "focus-visible:outline-none",
+        }), c(_.Positioner, {
           get children() {
-            return l(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 l(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 l(Qe, {
+                    return c(Ze, {
                       get each() {
-                        return p().items;
+                        return b().items;
                       },
-                      children: (d, m) => {
-                        const C = m === 0, v = m === p().items.length - 1;
-                        return l(A.Item, {
-                          get item() {
-                            return d();
-                          },
-                          class: `flex py-3 pl-4 pr-12 cursor-pointer
-                          select-none bg-gray-550/50 backdrop-blur-xl
-                          focus-visible:outline-none outline-none border-2
-                          border-solid border-transparent
-                          data-[highlighted]:border-primary relative
-                          ${C ? "rounded-t-6" : ""}
-                          ${v ? "rounded-b-6" : ""}`,
-                          get children() {
-                            return [l(A.ItemText, {
-                              class: "truncate",
-                              get children() {
-                                return d().label;
-                              }
-                            }), l(A.ItemIndicator, {
-                              class: "absolute right-4",
-                              get children() {
-                                return l(Zt, {
-                                  class: "size-6 shrink-0"
-                                });
-                              }
-                            })];
-                          }
-                        });
-                      }
+                      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"
+                              });
+                            }
+                          })];
+                        }
+                      })
                     });
                   }
                 });
@@ -2064,83 +2106,85 @@ const ar = () => {
     })
   });
 };
-var ae = /* @__PURE__ */ y("<span class=sr-only>"), nr = /* @__PURE__ */ y("<div class=justify-self-end>"), or = /* @__PURE__ */ y('<div class="z-2 relative gap-2 grid justify-between items-center grid-cols-[1fr_auto_1fr] py-4 color-white lerp:px-3@xs,8@lg"><div class="justify-self-start flex flex-nowrap gap-4 auto-cols-auto"></div><div class="justify-self-center min-w-0 w-full">'), ir = /* @__PURE__ */ y("<button>");
-const sr = () => {
+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(), c = e((m) => m.mirrorX), s = e((m) => m.selectedCamera), h = e((m) => m.cameras), f = e((m) => m.playbackState !== "idle"), p = e((m) => m.selectedCamera?.torchEnabled), S = () => s()?.torchSupported, g = () => {
-    const m = s();
-    m && m.toggleTorch();
-  }, d = () => {
-    t.setCameraMirrorX(!e.getState().mirrorX);
+    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 l(te, {
+  return c(ee, {
     children: () => (() => {
-      var m = or(), C = m.firstChild, v = C.nextSibling;
-      return w(C, l(k, {
+      var g = ur(), S = g.firstChild, T = S.nextSibling;
+      return y(S, c(x, {
         get when() {
-          return a && f();
+          return a && u();
         },
         get children() {
-          return l(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;
-              })(), l(Qt, {
-                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: c() ? "scaleX(-1)" : "scaleX(1)"
+                    transform: s() ? "scaleX(-1)" : "scaleX(1)"
                   };
                 }
-              })];
+              });
             }
           });
         }
-      }), null), w(C, l(k, {
+      }), null), y(S, c(x, {
         get when() {
-          return Se(() => !!(n && S()))() && f();
+          return Ee(() => !!(n && p()))() && u();
         },
         get children() {
-          return l(ne, {
+          return c(re, {
             part: "torch-button-part",
-            onClick: () => g(),
+            onClick: () => h(),
             get tooltipLabel() {
-              return i.torch;
+              return o.torch;
+            },
+            get "aria-pressed"() {
+              return b() ? "true" : "false";
             },
             get children() {
-              return [l(k, {
+              return [c(x, {
                 get when() {
-                  return !p();
+                  return !b();
                 },
                 get children() {
-                  return [(() => {
-                    var b = ae();
-                    return w(b, () => i.torch), b;
-                  })(), l(Gt, {
+                  return c(Jt, {
+                    "aria-hidden": "true",
                     class: "size-6 shrink-0"
-                  })];
+                  });
                 }
-              }), l(k, {
+              }), c(x, {
                 get when() {
-                  return p();
+                  return b();
                 },
                 get children() {
-                  return l(Ht, {
+                  return c(Kt, {
+                    "aria-hidden": "true",
                     class: "size-6 shrink-0"
                   });
                 }
@@ -2148,468 +2192,553 @@ const sr = () => {
             }
           });
         }
-      }), null), w(v, l(k, {
+      }), null), y(T, c(x, {
         get when() {
-          return h().length > 1;
+          return d().length > 1;
         },
         get children() {
-          return l(ar, {});
+          return c(lr, {});
         }
-      })), w(m, l(k, {
-        when: o,
+      })), y(g, c(x, {
+        when: i,
         get children() {
-          var b = nr();
-          return w(b, l(ne, {
-            part: "close-button-part",
-            onClick: () => r(),
-            get tooltipLabel() {
-              return i.close;
-            },
-            get children() {
-              return [(() => {
-                var E = ae();
-                return w(E, () => i.close), E;
-              })(), l(qt, {
-                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), m;
+      }), null), g;
     })()
   });
-}, ne = (r) => l(Q.Root, {
-  get children() {
-    return [l(Q.Trigger, J(r, {
-      asChild: (e) => (() => {
-        var t = ir();
-        return D(t, J(() => Be(e()), {
-          class: `btn-focus rounded-full bg-gray-550/70 backdrop-blur grid
-              place-items-center size-12 appearance-none border-none
-              cursor-pointer`
-        }), !1, !0), w(t, () => r.children), t;
-      })()
-    })), l(Q.Positioner, {
-      get children() {
-        return l(Q.Content, {
-          class: `bg-gray-550/70 backdrop-blur color-white text-align-center p-2
-            rounded-md text-sm drop-shadow-md`,
-          get children() {
-            return r.tooltipLabel;
-          }
-        });
-      }
-    })];
-  }
-}), lr = (r, e, t) => Ke((a) => (w(e, r(), e.firstChild ? null : void 0), () => {
-  a(), e.textContent = "";
-}), t);
-var cr = /* @__PURE__ */ y("<div>");
-const ur = (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 = cr();
-    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"
       });
-      lr(() => Se(() => t.children), i, e);
-    }, n), D(n, a, !1, !0), w(n, l(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;
   })();
-}, dr = ":where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}", hr = ":host{font-family:var(--mb-ui-font);line-height:1.15;isolation:isolate;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}code,pre{font-family:var(--mb-monospace-font-stack)}svg path{pointer-events:none}img,picture,video,canvas,svg{display:block;max-width:100%}img{pointer-events:none;user-select:none}:where(input,button,textarea,select){font:inherit}:where(button,select){cursor:pointer;color:inherit;font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}", mr = ':host{--mb-system-font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--mb-monospace-font-stack: Menlo, Consolas, "Ubuntu Mono", "Roboto Mono", "DejaVu Sans Mono", monospace;--mb-ui-font: var(--mb-system-font-stack);--mb-size: 1;--color-accent-25-rgb-value: 242 247 255;--color-accent-50-rgb-value: 231 240 255;--color-accent-100-rgb-value: 220 234 255;--color-accent-200-rgb-value: 198 221 255;--color-accent-300-rgb-value: 158 197 255;--color-accent-400-rgb-value: 111 169 255;--color-accent-500-rgb-value: 58 137 253;--color-accent-600-rgb-value: 0 98 242;--color-accent-700-rgb-value: 0 80 197;--color-accent-800-rgb-value: 0 64 157;--color-accent-900-rgb-value: 0 54 133;--color-error-25-rgb-value: 255 248 249;--color-error-50-rgb-value: 255 241 242;--color-error-100-rgb-value: 255 228 230;--color-error-200-rgb-value: 254 205 211;--color-error-300-rgb-value: 253 164 175;--color-error-400-rgb-value: 251 113 133;--color-error-500-rgb-value: 244 63 94;--color-error-600-rgb-value: 225 29 72;--color-error-700-rgb-value: 190 18 60;--color-error-800-rgb-value: 136 19 39;--color-error-900-rgb-value: 89 13 40;--color-success-25-rgb-value: 245 254 250;--color-success-50-rgb-value: 236 253 245;--color-success-100-rgb-value: 209 250 229;--color-success-200-rgb-value: 167 243 208;--color-success-300-rgb-value: 110 231 183;--color-success-400-rgb-value: 52 211 153;--color-success-500-rgb-value: 16 185 144;--color-success-600-rgb-value: 22 163 138;--color-success-700-rgb-value: 39 121 106;--color-success-800-rgb-value: 23 92 79;--color-success-900-rgb-value: 12 59 50;--color-warning-25-rgb-value: 255 253 243;--color-warning-50-rgb-value: 254 252 232;--color-warning-100-rgb-value: 254 249 195;--color-warning-200-rgb-value: 254 240 138;--color-warning-300-rgb-value: 253 229 99;--color-warning-400-rgb-value: 252 218 59;--color-warning-500-rgb-value: 250 204 21;--color-warning-600-rgb-value: 234 179 8;--color-warning-700-rgb-value: 190 142 48;--color-warning-800-rgb-value: 132 83 28;--color-warning-900-rgb-value: 80 29 10;--color-deep-blue-25-rgb-value: 249 252 255;--color-deep-blue-50-rgb-value: 243 249 254;--color-deep-blue-100-rgb-value: 231 242 251;--color-deep-blue-200-rgb-value: 201 218 241;--color-deep-blue-300-rgb-value: 162 185 216;--color-deep-blue-400-rgb-value: 93 128 182;--color-deep-blue-500-rgb-value: 60 100 161;--color-deep-blue-600-rgb-value: 28 68 129;--color-deep-blue-700-rgb-value: 24 53 97;--color-deep-blue-800-rgb-value: 20 38 65;--color-deep-blue-900-rgb-value: 6 23 49;--color-light-blue-25-rgb-value: 248 251 253;--color-light-blue-50-rgb-value: 240 247 251;--color-light-blue-100-rgb-value: 228 238 244;--color-light-blue-200-rgb-value: 215 229 238;--color-light-blue-300-rgb-value: 190 218 237;--color-light-blue-400-rgb-value: 159 202 232;--color-light-blue-500-rgb-value: 135 180 211;--color-light-blue-600-rgb-value: 104 157 193;--color-light-blue-700-rgb-value: 78 129 164;--color-light-blue-800-rgb-value: 67 109 138;--color-light-blue-900-rgb-value: 55 84 104;--color-gray-50-rgb-value: 249 250 251;--color-gray-100-rgb-value: 243 244 246;--color-gray-200-rgb-value: 229 231 235;--color-gray-300-rgb-value: 209 213 219;--color-gray-400-rgb-value: 156 163 175;--color-gray-500-rgb-value: 107 114 128;--color-gray-550-rgb-value: 102 102 102;--color-gray-600-rgb-value: 75 85 99;--color-gray-700-rgb-value: 55 65 81;--color-gray-800-rgb-value: 31 41 55;--color-blue-gray-50-rgb-value: 74 74 74;--color-blue-gray-100-rgb-value: 60 60 60;--color-blue-gray-200-rgb-value: 50 50 50;--color-blue-gray-300-rgb-value: 45 45 45;--color-blue-gray-400-rgb-value: 34 34 34;--color-blue-gray-500-rgb-value: 31 31 31;--color-blue-gray-600-rgb-value: 28 28 30;--color-blue-gray-700-rgb-value: 27 27 27;--color-blue-gray-800-rgb-value: 24 24 24;--color-blue-gray-900-rgb-value: 15 15 15;--color-black-rgb-value: 0 0 0;--color-white-rgb-value: 255 255 255;--color-primary: var(--color-accent-600-rgb-value);--color-error: var(--color-error-500-rgb-value);--color-success: var(--color-success-500-rgb-value);--color-warning: var(--color-warning-500-rgb-value);--color-deep-blue: var(--color-deep-blue-800-rgb-value);--color-light-blue: var(--color-light-blue-200-rgb-value);accent-color:var(--color-primary);caret-color:red}', gr = {
+}, 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(gr))
-), ce = Te(B), we = () => {
-};
-function fr(r, e) {
-  if (He)
-    return { observe: we, unobserve: we };
-  const t = new ResizeObserver(r);
-  return he(t.disconnect.bind(t)), {
-    observe: (a) => t.observe(a, e),
-    unobserve: t.unobserve.bind(t)
+  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 br = /* @__PURE__ */ y('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 14 14"><path fill=#000 fill-rule=evenodd d="M13.707 1.707A1 1 0 0 0 12.293.293L7 5.586 1.707.293A1 1 0 0 0 .293 1.707L5.586 7 .293 12.293a1 1 0 1 0 1.414 1.414L7 8.414l5.293 5.293a1 1 0 0 0 1.414-1.414L8.414 7z"clip-rule=evenodd>');
-const pr = (r = {}) => (() => {
-  var e = br();
-  return D(e, r, !0, !0), e;
-})(), vr = "_dialogPositioner_15i6c_1", wr = "_dialogBackdrop_15i6c_10", Sr = "_dialogContent_15i6c_14", yr = "_large_15i6c_18", Cr = "_compact_15i6c_21", Er = "_dialogTitle_15i6c_45", kr = "_contentOut_15i6c_49", Tr = "_closeButton_15i6c_53", _r = "_closeButtonInner_15i6c_59", Mr = "_primaryActionButton_15i6c_63", xr = "_secondaryActionButton_15i6c_67", Rr = "_actions_15i6c_71", Ar = "_alertTitle_15i6c_79", $r = "_alertText_15i6c_83", T = {
-  dialogPositioner: vr,
-  dialogBackdrop: wr,
-  dialogContent: Sr,
-  large: yr,
-  compact: Cr,
-  dialogTitle: Er,
-  contentOut: kr,
-  closeButton: Tr,
-  closeButtonInner: _r,
-  primaryActionButton: Mr,
-  secondaryActionButton: xr,
-  actions: Rr,
-  alertTitle: Ar,
-  alertText: $r
-};
-var Dr = /* @__PURE__ */ y("<div>"), Ir = /* @__PURE__ */ y("<p>"), Fr = /* @__PURE__ */ y("<span>"), Lr = /* @__PURE__ */ y("<div><button></button><button>");
-const zr = (r) => {
-  const e = () => {
-    switch (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 l(te, {
-    children: (t) => l($.Root, J({
-      onFocusOutside: (a) => a.preventDefault(),
-      onInteractOutside: (a) => a.preventDefault(),
-      initialFocusEl: () => t.querySelector('[role="dialog"]'),
-      restoreFocus: !0,
-      unmountOnExit: !0,
-      lazyMount: !0
-    }, r, {
-      get children() {
-        return l(k, {
-          get when() {
-            return r.open;
-          },
-          get children() {
-            return l(ye, {
-              get mount() {
-                return r.mountTarget;
-              },
-              get children() {
-                return l($.Positioner, {
-                  get class() {
-                    return T.dialogPositioner;
-                  },
-                  get children() {
-                    return [l($.Backdrop, {
-                      get class() {
-                        return T.dialogBackdrop;
-                      }
-                    }), l($.Content, {
-                      get class() {
-                        return `${T.dialogContent} ${e()}`;
-                      },
-                      get children() {
-                        return [l(k, {
-                          get when() {
-                            return r.showCloseButton;
-                          },
-                          get children() {
-                            return l($.CloseTrigger, {
-                              "aria-label": "Close",
-                              get class() {
-                                return T.closeButton;
-                              },
-                              get onClick() {
-                                return r.onCloseClicked;
-                              },
-                              get children() {
-                                return l(pr, {
-                                  get class() {
-                                    return T.closeButtonInner;
-                                  }
-                                });
-                              }
-                            });
-                          }
-                        }), l(k, {
-                          get when() {
-                            return r.headerImage;
-                          },
-                          get children() {
-                            return r.headerImage;
-                          }
-                        }), l(k, {
-                          get when() {
-                            return r.header;
-                          },
-                          children: (a) => l($.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"
+                                  });
+                                }
+                              });
                             }
-                          })
-                        }), l($.Description, {
-                          get class() {
-                            return T.contentOut;
-                          },
-                          get children() {
-                            return r.children;
-                          }
-                        }), l(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;
+                            }
+                          })];
+                        }
+                      })];
+                    }
+                  });
+                }
+              });
+            }
+          });
+        }
+      }));
+    }
   });
-}, Nr = ({
-  mountTarget: r,
-  header: e,
-  text: t,
-  open: a,
-  onPrimaryClick: n,
-  onSecondaryClick: o,
-  primaryButtonText: i = "Retry",
-  secondaryButtonText: c = "Cancel"
-}) => l(zr, {
-  mountTarget: r,
-  get header() {
-    return (() => {
-      var s = Fr();
-      return w(s, e), K(() => H(s, T.alertTitle)), s;
-    })();
-  },
-  open: a,
-  get actions() {
-    return (() => {
-      var s = Lr(), h = s.firstChild, f = h.nextSibling;
-      return h.$$click = () => o(), w(h, c), f.$$click = () => n(), w(f, i), K((p) => {
-        var S = T.actions, g = T.secondaryActionButton, d = T.primaryActionButton;
-        return S !== p.e && H(s, p.e = S), g !== p.t && H(h, p.t = g), d !== p.a && H(f, p.a = d), p;
-      }, {
-        e: void 0,
-        t: void 0,
-        a: void 0
-      }), s;
-    })();
-  },
-  modalStyle: "compact",
-  get children() {
-    var s = Ir();
-    return w(s, t), K(() => H(s, T.alertText)), s;
-  }
-});
-We(["click"]);
-const Pr = () => {
+}, 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((h) => h.errorState), o = ce((h) => h.overlayLayer), i = () => {
-    const h = n();
-    return h instanceof U && h.code === "PERMISSION_DENIED";
-  }, c = () => i() ? r.camera_error_title : n() ? n().name : "", s = () => i() ? r.camera_error_details : n() ? n().name : "";
-  return l(k, {
-    get when() {
+  } = 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 l(Nr, {
-        get mountTarget() {
-          return o();
-        },
-        get header() {
-          return c();
+    get open() {
+      return o();
+    },
+    get actions() {
+      return {
+        primary: {
+          label: t.camera_error_primary_btn,
+          onclick: () => void r.startCameraStream()
         },
-        get text() {
+        secondary: {
+          label: t.camera_error_cancel_btn,
+          onclick: () => a()
+        }
+      };
+    },
+    get children() {
+      return [c(be.Title, {
+        class: "dialog-title",
+        get children() {
           return s();
-        },
-        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 Or(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 Br = (r, e, t, a) => {
-  const n = Math.max(r / t, e / a);
-  let o = 0;
-  if (r / t > e / a) {
-    const i = n * a;
-    o = 1 - e / i;
+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 Vr(r, e, t, a) {
-  const n = r / t, o = e / a, i = Math.max(n, o);
-  if (n >= o) {
-    const c = Math.round(e / i);
-    return { x: 0, y: Math.round((a - c) / 2), width: t, height: c };
+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 c = Math.round(r / i);
-    return { x: Math.round((t - c) / 2), y: 0, width: c, 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>"), Ur = /* @__PURE__ */ y("<style id=camera-manager-style>"), qr = /* @__PURE__ */ y('<div class="bg-dark-500 color-white size-full relative min-h-[300px]"part=capture-screen-part><video part=video-element-part class="block absolute top-0 left-0 size-full"></video><div class="absolute top-0 left-0 w-full h-full z-1"id=feedback-layer></div><div class="absolute top-0 left-0 w-full h-full has-[[data-scope]]:z-2"id=overlay-layer>');
-const Ve = "capture-screen-host", Ue = () => {
+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(), [c, s] = N(), h = () => e.parentNode === document.body, [f, p] = N("contain");
-  function S() {
-    const g = a();
-    if (!g)
+    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 = g.clientWidth, m = g.clientHeight, C = g.videoWidth, v = g.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 = Br(d, m, C, v);
-    if (p(b), b === "cover") {
-      const E = Vr(d, m, 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 g = a();
-    if (!g)
+  return K(() => {
+    const h = a();
+    if (!h)
       return;
-    const d = Or(S, 100), {
-      observe: m,
-      unobserve: C
-    } = fr(d);
-    m(g), g.addEventListener("resize", S), g.addEventListener("loadedmetadata", S), he(() => {
-      C(g), g.removeEventListener("resize", S), g.removeEventListener("loadedmetadata", S);
+    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 g = ke();
-    g && ce.setState({
-      owner: g
+  }), K(() => {
+    const h = Re();
+    h && ce.setState({
+      owner: h
     });
-  }), Je(() => {
-    const g = a(), d = o(), m = c();
-    !g || !d || !m || (ce.setState({
-      feedbackLayer: d,
-      overlayLayer: m
-    }), r.initVideoElement(g));
-  }), l(ur, {
+  }), _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 h() ? void 0 : Ve;
+      return d() ? void 0 : Ge;
     },
     get disableShadowRoot() {
-      return h();
+      return d();
     },
     get style() {
-      return h() ? {
+      return d() ? {
         height: "100%"
       } : void 0;
     },
     get children() {
       return [(() => {
-        var g = oe();
-        return w(g, mr), g;
+        var h = ne();
+        return y(h, vr), h;
       })(), (() => {
-        var g = oe();
-        return w(g, dr), g;
+        var h = ne();
+        return y(h, br), h;
       })(), (() => {
-        var g = oe();
-        return w(g, hr), g;
+        var h = ne();
+        return y(h, pr), h;
       })(), (() => {
-        var g = Ur();
-        return V((d) => {
-          window.__mbCameraManagerCssCode && (d.innerHTML = window.__mbCameraManagerCssCode);
-        }, g), g;
+        var h = Br();
+        return V((m) => {
+          window.__mbCameraManagerCssCode && (m.innerHTML = window.__mbCameraManagerCssCode);
+        }, h), h;
       })(), (() => {
-        var g = qr(), d = g.firstChild, m = d.nextSibling, C = m.nextSibling;
-        return w(g, l(sr, {}), d), V(n, d), V(i, m), V(s, C), w(g, l(k, {
-          when: t,
+        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 l(Pr, {});
+            return c(Nr, {});
           }
-        }), null), K((v) => (v = f()) != null ? d.style.setProperty("object-fit", v) : d.style.removeProperty("object-fit")), g;
+        }), null), Te((T) => (T = u()) != null ? m.style.setProperty("object-fit", T) : m.style.removeProperty("object-fit")), h;
       })()];
     }
   });
-}, jr = () => {
+}, 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);
-  }), l(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 l(te, {
-        children: (n) => l($.Root, {
+      return c(ee, {
+        children: () => c(D.Root, {
           get open() {
             return e();
           },
-          lazyMount: !0,
-          unmountOnExit: !0,
-          initialFocusEl: () => n.querySelector('[role="dialog"]'),
           get children() {
-            return l($.Positioner, {
+            return c(D.Positioner, {
               get children() {
-                return l($.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 [l($.Title, {
+                    return [c(D.Title, {
                       class: "sr-only",
-                      id: "dialog-title",
                       get children() {
-                        return r.scan_document;
+                        return t.dialog_title;
                       }
-                    }), l(Ue, {})];
+                    }), c(Xe, {})];
                   }
                 });
               }
@@ -2619,71 +2748,73 @@ const Ve = "capture-screen-host", Ue = () => {
       });
     }
   });
-}, Hr = () => {
+}, jr = () => {
   const {
-    mountTarget: r
-  } = j();
-  return l(Ge, {
+    mountTarget: t
+  } = q();
+  return c(Ye, {
     get component() {
-      return r.parentNode === document.body ? jr : Ue;
+      return t.parentNode === document.body ? qr : Xe;
     }
   });
-}, qe = "camera-manager-mount-point";
-function na(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 c;
-  const s = /* @__PURE__ */ new Set();
-  let h;
-  const f = (v) => {
-    h = v;
+  let l;
+  const d = /* @__PURE__ */ new Set();
+  let u;
+  const b = (v) => {
+    u = v;
   }, p = () => {
-    r.reset();
+    t.reset();
   };
-  let S;
-  const g = () => {
+  let h;
+  const m = () => {
     try {
       console.debug("🧱 Dismounting camera manager UI");
-      for (const v of s)
+      for (const v of d)
         v();
-      s.clear(), p(), requestAnimationFrame(() => {
+      d.clear(), p(), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          S && S(), c.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, c = d, e ? e.appendChild(d) : document.body.appendChild(d);
-  const m = (v) => (s.add(v), () => {
-    s.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(() => l(Bt, {
-    userStrings: t,
-    setLocalizationRef: f,
+  h = Je(() => c(Ht, {
+    userStrings: r,
+    setLocalizationRef: b,
     get children() {
-      return l(Pt, {
-        addOnDismountCallback: m,
-        dismountCameraUi: g,
-        cameraManager: r,
+      return c(qt, {
+        addOnDismountCallback: S,
+        dismountCameraUi: m,
+        cameraManager: t,
         showMirrorCameraButton: a,
         showTorchButton: n,
-        showCloseButton: o,
-        showCameraErrorModal: i,
-        mountTarget: c,
+        showCloseButton: i,
+        showCameraErrorModal: o,
+        zIndex: s,
+        mountTarget: l,
         get children() {
-          return l(Hr, {});
+          return c(jr, {});
         }
       });
     }
-  }), c);
-  const C = {
-    updateLocalization: h,
+  }), 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.
@@ -2691,65 +2822,65 @@ function na(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: m,
-    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: g
+    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 {
-  Ie as Camera,
-  U as CameraError,
+  $e as Camera,
+  B as CameraError,
   aa as CameraManager,
-  qe as MOUNT_POINT_ID,
-  Lt as VideoFrameProcessor,
-  u as cameraManagerStore,
-  B as cameraUiRefStore,
+  Qe as MOUNT_POINT_ID,
+  Vt as VideoFrameProcessor,
+  f as cameraManagerStore,
+  O as cameraUiRefStore,
   na as createCameraManagerUi,
-  zt as defaultCameraManagerOptions,
-  Ct as findResolutionKey,
-  Ne as getBuffer,
-  St as getNormalizedResolution,
+  Bt as defaultCameraManagerOptions,
+  Mt as findResolutionKey,
+  Ue as getBuffer,
+  Tt as getNormalizedResolution,
   le as isBufferDetached,
-  yt as matchClosestResolution,
-  Et as resetCameraManagerStore,
-  wt as returnLongerSide,
+  xt as matchClosestResolution,
+  Rt as resetCameraManagerStore,
+  kt as returnLongerSide,
   P as videoResolutions
 };