@microblink/camera-manager 7.2.3 → 7.2.5

package/dist/camera-manager.js

@@ -1,54 +1,36 @@
-(function() {
-  "use strict";
-  ((cssCode) => {
-    window.__mbCameraManagerCssCode = cssCode;
-  })("._dialogPositioner_worsp_1 {\n  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);\n}@supports (height:100dvh){._dialogPositioner_worsp_1{height:100dvh;}}\n\n._dialogBackdrop_worsp_5 {\n  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)) /* rgb(var(--color-black-rgb-value) / <alpha-value>) */;--un-bg-opacity:0.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);\n}\n\n._dialogContent_worsp_9 {\n  position:relative;max-height:calc(100dvh - 4rem);max-width:28rem;display:flex;flex-direction:column;place-self:center;border-radius:0.5rem;--un-bg-opacity:1;background-color:rgb(var(--color-white-rgb-value) / var(--un-bg-opacity)) /* rgb(var(--color-white-rgb-value) / <alpha-value>) */;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)) /* #0f0f0f */;--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);\n}\n._dialogContent_worsp_9._large_worsp_13 {\n  padding-left:min(8%,4rem);padding-right:min(8%,4rem);padding-top:min(8%,3rem);padding-bottom:min(8%,3rem);\n}\n._dialogContent_worsp_9._compact_worsp_16 {\n  padding:min(8%,1.5rem);\n}\n@media (min-width: 640px){\n  ._dialogContent_worsp_9 {\n    max-width:36rem;\n  }\n}\n@media (min-width: 1024px){\n  ._dialogContent_worsp_9 {\n    max-width:28rem;\n  }\n}\n\n._dialogTitle_worsp_30 {\n  text-align:center;font-size:calc(var(--mb-size)*1.5rem);line-height:calc(var(--mb-size)*2rem);font-weight:700;\n}\n\n._contentOut_worsp_34 {\n  overflow-y:auto;\n}\n\n._closeButton_worsp_38 {\n  position:absolute;top:0.625rem;right:0.625rem;width:calc(var(--mb-size)*2rem);height:calc(var(--mb-size)*2rem);display:flex;align-items:center;justify-content:center;border-radius:9999px;border-style:none;background-color:transparent /* transparent */;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:100ms;\n}._closeButton_worsp_38:hover{--un-bg-opacity:1;background-color:rgb(var(--color-gray-100-rgb-value) / var(--un-bg-opacity)) /* rgb(var(--color-gray-100-rgb-value) / <alpha-value>) */;}._closeButton_worsp_38:active{--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity)) /* rgb(var(--color-gray-200-rgb-value) / <alpha-value>) */;}\n\n._closeButtonInner_worsp_44 {\n  display:flex;--un-translate-y:-2px;transform:translateX(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)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));align-items:center;justify-content:center;font-size:calc(var(--mb-size)*1.875rem);line-height:calc(var(--mb-size)*2.25rem);--un-text-opacity:1;color:rgb(var(--color-black-rgb-value) / var(--un-text-opacity)) /* rgb(var(--color-black-rgb-value) / <alpha-value>) */;font-weight:200;line-height:1;\n}\n\n._primaryActionButton_worsp_49 {\n  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)) /* rgb(var(--color-primary) / <alpha-value>) */;padding-left:calc(var(--mb-size)*1.25rem);padding-right:calc(var(--mb-size)*1.25rem);padding-top:calc(var(--mb-size)*0.25rem);padding-bottom:calc(var(--mb-size)*0.25rem);text-wrap:nowrap;font-size:calc(var(--mb-size)*0.875rem);line-height:calc(var(--mb-size)*1.25rem);--un-text-opacity:1;color:rgb(var(--color-white-rgb-value) / var(--un-text-opacity)) /* rgb(var(--color-white-rgb-value) / <alpha-value>) */;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:100ms;\n}._primaryActionButton_worsp_49[disabled]{cursor:not-allowed;--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity)) /* rgb(var(--color-gray-200-rgb-value) / <alpha-value>) */;--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity)) /* rgb(var(--color-gray-500-rgb-value) / <alpha-value>) */;--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}._primaryActionButton_worsp_49[disabled]:hover{--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity)) /* rgb(var(--color-gray-200-rgb-value) / <alpha-value>) */;--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity)) /* rgb(var(--color-gray-500-rgb-value) / <alpha-value>) */;}._primaryActionButton_worsp_49:hover{--un-bg-opacity:1;background-color:rgb(var(--color-accent-700-rgb-value) / var(--un-bg-opacity)) /* rgb(var(--color-accent-700-rgb-value) / <alpha-value>) */;}._primaryActionButton_worsp_49:active{--un-bg-opacity:1;background-color:rgb(var(--color-accent-800-rgb-value) / var(--un-bg-opacity)) /* rgb(var(--color-accent-800-rgb-value) / <alpha-value>) */;}._primaryActionButton_worsp_49:focus{outline-width:2px;--un-outline-color-opacity:1;outline-color:rgb(var(--color-accent-400-rgb-value) / var(--un-outline-color-opacity)) /* rgb(var(--color-accent-400-rgb-value) / <alpha-value>) */;outline-offset:4px;outline-style:solid;}\n\n._secondaryActionButton_worsp_53 {\n  height:2.5rem;-webkit-appearance:none;appearance:none;border-radius:calc(var(--mb-size)*2.5rem);border-style:none;background-color:transparent /* transparent */;padding-left:calc(var(--mb-size)*1.25rem);padding-right:calc(var(--mb-size)*1.25rem);padding-top:calc(var(--mb-size)*0.25rem);padding-bottom:calc(var(--mb-size)*0.25rem);text-wrap:nowrap;font-size:calc(var(--mb-size)*0.875rem);line-height:calc(var(--mb-size)*1.25rem);--un-text-opacity:1;color:rgb(var(--color-primary) / var(--un-text-opacity)) /* rgb(var(--color-primary) / <alpha-value>) */;--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)) /* rgb(var(--color-primary) / <alpha-value>) */;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:100ms;\n}._secondaryActionButton_worsp_53[disabled]{cursor:not-allowed;--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity)) /* rgb(var(--color-gray-200-rgb-value) / <alpha-value>) */;--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity)) /* rgb(var(--color-gray-500-rgb-value) / <alpha-value>) */;--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}._secondaryActionButton_worsp_53[disabled]:hover{--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity)) /* rgb(var(--color-gray-200-rgb-value) / <alpha-value>) */;--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity)) /* rgb(var(--color-gray-500-rgb-value) / <alpha-value>) */;}._secondaryActionButton_worsp_53:hover{--un-bg-opacity:1;background-color:rgb(var(--color-accent-25-rgb-value) / var(--un-bg-opacity)) /* rgb(var(--color-accent-25-rgb-value) / <alpha-value>) */;--un-text-opacity:1;color:rgb(var(--color-accent-700-rgb-value) / var(--un-text-opacity)) /* rgb(var(--color-accent-700-rgb-value) / <alpha-value>) */;--un-ring-opacity:1;--un-ring-color:rgb(var(--color-accent-700-rgb-value) / var(--un-ring-opacity)) /* rgb(var(--color-accent-700-rgb-value) / <alpha-value>) */;}._secondaryActionButton_worsp_53:active{--un-bg-opacity:1;background-color:rgb(var(--color-accent-50-rgb-value) / var(--un-bg-opacity)) /* rgb(var(--color-accent-50-rgb-value) / <alpha-value>) */;--un-text-opacity:1;color:rgb(var(--color-accent-800-rgb-value) / var(--un-text-opacity)) /* rgb(var(--color-accent-800-rgb-value) / <alpha-value>) */;--un-ring-opacity:1;--un-ring-color:rgb(var(--color-accent-800-rgb-value) / var(--un-ring-opacity)) /* rgb(var(--color-accent-800-rgb-value) / <alpha-value>) */;}._secondaryActionButton_worsp_53:focus{outline-width:2px;--un-outline-color-opacity:1;outline-color:rgb(var(--color-accent-400-rgb-value) / var(--un-outline-color-opacity)) /* rgb(var(--color-accent-400-rgb-value) / <alpha-value>) */;outline-offset:4px;outline-style:solid;}\n\n._actions_worsp_57 {\n  display:flex;gap:calc(var(--mb-size)*1rem);\n}\n._actions_worsp_57 ._primaryActionButton_worsp_49, ._actions_worsp_57 ._secondaryActionButton_worsp_53 {\n  width:50%;\n}\n\n._alertTitle_worsp_64 {\n  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)) /* rgb(var(--color-gray-700-rgb-value) / <alpha-value>) */;font-weight:400;\n}\n\n._alertText_worsp_68 {\n  margin-top:calc(var(--mb-size)*1rem);margin-bottom:calc(var(--mb-size)*2rem);padding-left:calc(var(--mb-size)*0.5rem);padding-right:calc(var(--mb-size)*0.5rem);text-align:center;text-wrap:pretty;--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity)) /* rgb(var(--color-gray-500-rgb-value) / <alpha-value>) */;font-weight:300;line-height:1.5;\n} *,::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 / 0.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 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.pointer-events-none{pointer-events:none;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.left-0{left:calc(var(--mb-size)*0rem);}.right-0{right:calc(var(--mb-size)*0rem);}.right-4{right:calc(var(--mb-size)*1rem);}.top-\\[-1px\\]{top:-1px;}.top-0{top:calc(var(--mb-size)*0rem);}.z-1{z-index:1;}.has-\\[\\[data-scope\\]\\]\\:z-2:has([data-scope]),.z-2{z-index:2;}.grid{display:grid;}.auto-cols-auto{grid-auto-columns:auto;}.grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr;}.block{display:block;}.size-12{width:calc(var(--mb-size)*3rem);height:calc(var(--mb-size)*3rem);}.size-6{width:calc(var(--mb-size)*1.5rem);height:calc(var(--mb-size)*1.5rem);}.size-full{width:100%;height:100%;}.h-\\[1px\\]{height:1px;}.h-full{height:100%;}.h-vh{height:100vh;}.max-w-\\[100\\%\\]{max-width:100%;}.min-h-\\[300px\\]{min-height:300px;}.min-w-0{min-width:calc(var(--mb-size)*0rem);}.w-full{width:100%;}.flex{display:flex;}.shrink-0{flex-shrink:0;}.flex-nowrap{flex-wrap:nowrap;}.data-\\[state\\=open\\]\\:scale-y-\\[-1\\][data-state=open]{--un-scale-y:-1;transform:translateX(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)) rotateZ(var(--un-rotate-z)) skewX(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:translateX(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)) rotateZ(var(--un-rotate-z)) skewX(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)*0.5rem);}.gap-4{gap:calc(var(--mb-size)*1rem);}.overflow-hidden{overflow:hidden;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.whitespace-nowrap{white-space:nowrap;}.rounded-4{border-radius:calc(var(--mb-size)*1rem);}.rounded-full{border-radius:9999px;}.rounded-md{border-radius:0.375rem;}.border-none{border-style:none;}.bg-dark-100\\/50{background-color:rgb(60 60 60 / 0.5) /* #3c3c3c */;}.bg-dark-500{--un-bg-opacity:1;background-color:rgb(31 31 31 / var(--un-bg-opacity)) /* #1f1f1f */;}.data-\\[highlighted\\]\\:bg-gray-500\\/50[data-highlighted]{background-color:rgb(var(--color-gray-500-rgb-value) / 0.5) /* rgb(var(--color-gray-500-rgb-value) / <alpha-value>) */;}.bg-white{--un-bg-opacity:1;background-color:rgb(var(--color-white-rgb-value) / var(--un-bg-opacity)) /* rgb(var(--color-white-rgb-value) / <alpha-value>) */;}.bg-opacity-50{--un-bg-opacity:0.5;}.p-2{padding:calc(var(--mb-size)*0.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)*0.5rem);padding-bottom:calc(var(--mb-size)*0.5rem);}.py-3{padding-top:calc(var(--mb-size)*0.75rem);padding-bottom:calc(var(--mb-size)*0.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)*0.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)) /* rgb(var(--color-white-rgb-value) / <alpha-value>) */;}.font-500{font-weight:500;}.disabled\\:opacity-50:disabled{opacity:0.5;}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.backdrop-blur{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.backdrop-blur-xl{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.drop-shadow-md{--un-drop-shadow:drop-shadow(0 4px 3px var(--un-drop-shadow-color, rgb(0 0 0 / 0.07))) drop-shadow(0 2px 2px var(--un-drop-shadow-color, rgb(0 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(0.4, 0, 0.2, 1);transition-duration:150ms;}.duration-300{transition-duration:300ms;}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}} .\\?{animation:__un_qm 0.5s ease-in-out alternate infinite;}.lerp\\:px-3\\@xs\\,8\\@lg{padding-inline:clamp(calc(var(--mb-size)*0.75rem), calc(var(--mb-size)*0.75rem) + (100vw - 380px) * 0.031055900621118012, calc(var(--mb-size)*2rem));}@supports (height:100dvh){.supports-\\[\\(height\\:100dvh\\)\\]\\:h-dvh{height:100dvh;}}");
-})();
-import { subscribeWithSelector } from "zustand/middleware";
-import { createStore } from "zustand/vanilla";
-import { createComponent, use, template, spread, mergeProps, insert, memo, isServer, delegateEvents, effect, className, Portal, Dynamic, render } from "solid-js/web";
-import { createContext, onCleanup, useContext, onMount, createSignal, Show, Index, createRoot, getOwner, splitProps, createEffect } from "solid-js";
-import { createWithSignal } from "solid-zustand";
-import { createStore as createStore$1 } from "solid-js/store";
-import { EnvironmentProvider } from "@ark-ui/solid/environment";
-import { Dialog } from "@ark-ui/solid/dialog";
-import { Select, createListCollection } from "@ark-ui/solid/select";
-import { Tooltip } from "@ark-ui/solid/tooltip";
-if (typeof HTMLVideoElement !== "undefined" && !("requestVideoFrameCallback" in HTMLVideoElement.prototype) && "getVideoPlaybackQuality" in HTMLVideoElement.prototype) {
-  HTMLVideoElement.prototype._rvfcpolyfillmap = {};
-  HTMLVideoElement.prototype.requestVideoFrameCallback = function(callback) {
-    const handle = performance.now();
-    const quality = this.getVideoPlaybackQuality();
-    const baseline = this.mozPresentedFrames || this.mozPaintedFrames || quality.totalVideoFrames - quality.droppedVideoFrames;
-    const check = (old, now) => {
-      const newquality = this.getVideoPlaybackQuality();
-      const presentedFrames = this.mozPresentedFrames || this.mozPaintedFrames || newquality.totalVideoFrames - newquality.droppedVideoFrames;
-      if (presentedFrames > baseline) {
-        const processingDuration = this.mozFrameDelay || newquality.totalFrameDelay - quality.totalFrameDelay || 0;
-        const timediff = now - old;
-        callback(now, {
-          presentationTime: now + processingDuration * 1e3,
-          expectedDisplayTime: now + timediff,
-          width: this.videoWidth,
-          height: this.videoHeight,
-          mediaTime: Math.max(0, this.currentTime || 0) + timediff / 1e3,
-          presentedFrames,
-          processingDuration
-        });
-        delete this._rvfcpolyfillmap[handle];
-      } else {
-        this._rvfcpolyfillmap[handle] = requestAnimationFrame((newer) => check(now, newer));
-      }
-    };
-    this._rvfcpolyfillmap[handle] = requestAnimationFrame((newer) => check(handle, newer));
-    return handle;
+(function(){"use strict";(r=>{window.__mbCameraManagerCssCode=r})("._dialogPositioner_worsp_1{position:fixed;top:calc(var(--mb-size)*0rem);left:calc(var(--mb-size)*0rem);display:grid;height:100vh;width:100%;padding:calc(var(--mb-size)*2rem)}@supports (height:100dvh){._dialogPositioner_worsp_1{height:100dvh}}._dialogBackdrop_worsp_5{position:absolute;top:calc(var(--mb-size)*0rem);left:calc(var(--mb-size)*0rem);width:100%;height:100%;--un-bg-opacity:1;background-color:rgb(var(--color-black-rgb-value) / var(--un-bg-opacity));--un-bg-opacity:.5;--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}._dialogContent_worsp_9{position:relative;max-height:calc(100dvh - 4rem);max-width:28rem;display:flex;flex-direction:column;place-self:center;border-radius:.5rem;--un-bg-opacity:1;background-color:rgb(var(--color-white-rgb-value) / var(--un-bg-opacity));padding-left:min(8%,3rem);padding-right:min(8%,3rem);padding-top:min(8%,1.5rem);padding-bottom:min(8%,1.5rem);--un-text-opacity:1;color:rgb(15 15 15 / var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}._dialogContent_worsp_9._large_worsp_13{padding-left:min(8%,4rem);padding-right:min(8%,4rem);padding-top:min(8%,3rem);padding-bottom:min(8%,3rem)}._dialogContent_worsp_9._compact_worsp_16{padding:min(8%,1.5rem)}@media (min-width: 640px){._dialogContent_worsp_9{max-width:36rem}}@media (min-width: 1024px){._dialogContent_worsp_9{max-width:28rem}}._dialogTitle_worsp_30{text-align:center;font-size:calc(var(--mb-size)*1.5rem);line-height:calc(var(--mb-size)*2rem);font-weight:700}._contentOut_worsp_34{overflow-y:auto}._closeButton_worsp_38{position:absolute;top:.625rem;right:.625rem;width:calc(var(--mb-size)*2rem);height:calc(var(--mb-size)*2rem);display:flex;align-items:center;justify-content:center;border-radius:9999px;border-style:none;background-color:transparent;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.1s}._closeButton_worsp_38:hover{--un-bg-opacity:1;background-color:rgb(var(--color-gray-100-rgb-value) / var(--un-bg-opacity))}._closeButton_worsp_38:active{--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity))}._closeButtonInner_worsp_44{display:flex;--un-translate-y:-2px;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));align-items:center;justify-content:center;font-size:calc(var(--mb-size)*1.875rem);line-height:calc(var(--mb-size)*2.25rem);--un-text-opacity:1;color:rgb(var(--color-black-rgb-value) / var(--un-text-opacity));font-weight:200;line-height:1}._primaryActionButton_worsp_49{height:2.5rem;-webkit-appearance:none;appearance:none;border-radius:calc(var(--mb-size)*2.5rem);border-style:none;--un-bg-opacity:1;background-color:rgb(var(--color-primary) / var(--un-bg-opacity));padding-left:calc(var(--mb-size)*1.25rem);padding-right:calc(var(--mb-size)*1.25rem);padding-top:calc(var(--mb-size)*.25rem);padding-bottom:calc(var(--mb-size)*.25rem);text-wrap:nowrap;font-size:calc(var(--mb-size)*.875rem);line-height:calc(var(--mb-size)*1.25rem);--un-text-opacity:1;color:rgb(var(--color-white-rgb-value) / var(--un-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.1s}._primaryActionButton_worsp_49[disabled]{cursor:not-allowed;--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity));--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}._primaryActionButton_worsp_49[disabled]:hover{--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity))}._primaryActionButton_worsp_49:hover{--un-bg-opacity:1;background-color:rgb(var(--color-accent-700-rgb-value) / var(--un-bg-opacity))}._primaryActionButton_worsp_49:active{--un-bg-opacity:1;background-color:rgb(var(--color-accent-800-rgb-value) / var(--un-bg-opacity))}._primaryActionButton_worsp_49:focus{outline-width:2px;--un-outline-color-opacity:1;outline-color:rgb(var(--color-accent-400-rgb-value) / var(--un-outline-color-opacity));outline-offset:4px;outline-style:solid}._secondaryActionButton_worsp_53{height:2.5rem;-webkit-appearance:none;appearance:none;border-radius:calc(var(--mb-size)*2.5rem);border-style:none;background-color:transparent;padding-left:calc(var(--mb-size)*1.25rem);padding-right:calc(var(--mb-size)*1.25rem);padding-top:calc(var(--mb-size)*.25rem);padding-bottom:calc(var(--mb-size)*.25rem);text-wrap:nowrap;font-size:calc(var(--mb-size)*.875rem);line-height:calc(var(--mb-size)*1.25rem);--un-text-opacity:1;color:rgb(var(--color-primary) / var(--un-text-opacity));--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgb(var(--color-primary) / var(--un-ring-opacity)) ;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.1s}._secondaryActionButton_worsp_53[disabled]{cursor:not-allowed;--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity));--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}._secondaryActionButton_worsp_53[disabled]:hover{--un-bg-opacity:1;background-color:rgb(var(--color-gray-200-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity))}._secondaryActionButton_worsp_53:hover{--un-bg-opacity:1;background-color:rgb(var(--color-accent-25-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-accent-700-rgb-value) / var(--un-text-opacity));--un-ring-opacity:1;--un-ring-color:rgb(var(--color-accent-700-rgb-value) / var(--un-ring-opacity)) }._secondaryActionButton_worsp_53:active{--un-bg-opacity:1;background-color:rgb(var(--color-accent-50-rgb-value) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--color-accent-800-rgb-value) / var(--un-text-opacity));--un-ring-opacity:1;--un-ring-color:rgb(var(--color-accent-800-rgb-value) / var(--un-ring-opacity)) }._secondaryActionButton_worsp_53:focus{outline-width:2px;--un-outline-color-opacity:1;outline-color:rgb(var(--color-accent-400-rgb-value) / var(--un-outline-color-opacity));outline-offset:4px;outline-style:solid}._actions_worsp_57{display:flex;gap:calc(var(--mb-size)*1rem)}._actions_worsp_57 ._primaryActionButton_worsp_49,._actions_worsp_57 ._secondaryActionButton_worsp_53{width:50%}._alertTitle_worsp_64{font-size:calc(var(--mb-size)*1.125rem);line-height:calc(var(--mb-size)*1.75rem);--un-text-opacity:1;color:rgb(var(--color-gray-700-rgb-value) / var(--un-text-opacity));font-weight:400}._alertText_worsp_68{margin-top:calc(var(--mb-size)*1rem);margin-bottom:calc(var(--mb-size)*2rem);padding-left:calc(var(--mb-size)*.5rem);padding-right:calc(var(--mb-size)*.5rem);text-align:center;text-wrap:pretty;--un-text-opacity:1;color:rgb(var(--color-gray-500-rgb-value) / var(--un-text-opacity));font-weight:300;line-height:1.5}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.left-0{left:calc(var(--mb-size)*0rem)}.right-0{right:calc(var(--mb-size)*0rem)}.right-4{right:calc(var(--mb-size)*1rem)}.top-\\[-1px\\]{top:-1px}.top-0{top:calc(var(--mb-size)*0rem)}.has-\\[\\[data-scope\\]\\]\\:z-2:has([data-scope]),.z-2{z-index:2}.z-1{z-index:1}.grid{display:grid}.auto-cols-auto{grid-auto-columns:auto}.grid-cols-\\[1fr_auto_1fr\\]{grid-template-columns:1fr auto 1fr}.block{display:block}.size-12{width:calc(var(--mb-size)*3rem);height:calc(var(--mb-size)*3rem)}.size-6{width:calc(var(--mb-size)*1.5rem);height:calc(var(--mb-size)*1.5rem)}.size-full{width:100%;height:100%}.h-\\[1px\\]{height:1px}.h-full{height:100%}.h-vh{height:100vh}.max-w-\\[100\\%\\]{max-width:100%}.min-h-\\[300px\\]{min-height:300px}.min-w-0{min-width:calc(var(--mb-size)*0rem)}.w-full{width:100%}.flex{display:flex}.shrink-0{flex-shrink:0}.flex-nowrap{flex-wrap:nowrap}.data-\\[state\\=open\\]\\:scale-y-\\[-1\\][data-state=open]{--un-scale-y:-1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;appearance:none}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.gap-\\[1px\\]{gap:1px}.gap-2{gap:calc(var(--mb-size)*.5rem)}.gap-4{gap:calc(var(--mb-size)*1rem)}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-4{border-radius:calc(var(--mb-size)*1rem)}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border-none{border-style:none}.bg-dark-100\\/50{background-color:#3c3c3c80}.bg-dark-500{--un-bg-opacity:1;background-color:rgb(31 31 31 / var(--un-bg-opacity))}.bg-white{--un-bg-opacity:1;background-color:rgb(var(--color-white-rgb-value) / var(--un-bg-opacity))}.data-\\[highlighted\\]\\:bg-gray-500\\/50[data-highlighted]{background-color:rgb(var(--color-gray-500-rgb-value) / .5)}.bg-opacity-50{--un-bg-opacity:.5}.p-2{padding:calc(var(--mb-size)*.5rem)}.px-4{padding-left:calc(var(--mb-size)*1rem);padding-right:calc(var(--mb-size)*1rem)}.py-2{padding-top:calc(var(--mb-size)*.5rem);padding-bottom:calc(var(--mb-size)*.5rem)}.py-3{padding-top:calc(var(--mb-size)*.75rem);padding-bottom:calc(var(--mb-size)*.75rem)}.py-4{padding-top:calc(var(--mb-size)*1rem);padding-bottom:calc(var(--mb-size)*1rem)}.pl-4{padding-left:calc(var(--mb-size)*1rem)}.pr-12{padding-right:calc(var(--mb-size)*3rem)}.text-align-center{text-align:center}.text-base{font-size:calc(var(--mb-size)*1rem);line-height:calc(var(--mb-size)*1.5rem)}.text-sm{font-size:calc(var(--mb-size)*.875rem);line-height:calc(var(--mb-size)*1.25rem)}.color-white{--un-text-opacity:1;color:rgb(var(--color-white-rgb-value) / var(--un-text-opacity))}.font-500{font-weight:500}.disabled\\:opacity-50:disabled{opacity:.5}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.backdrop-blur{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.backdrop-blur-xl{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.drop-shadow-md{--un-drop-shadow:drop-shadow(0 4px 3px var(--un-drop-shadow-color, rgb(0 0 0 / .07))) drop-shadow(0 2px 2px var(--un-drop-shadow-color, rgb(0 0 0 / .06)));filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.lerp\\:px-3\\@xs\\,8\\@lg{padding-inline:clamp(calc(var(--mb-size)*.75rem),calc(var(--mb-size)*.75rem) + (100vw - 380px) * .031055900621118012,calc(var(--mb-size)*2rem))}@supports (height:100dvh){.supports-\\[\\(height\\:100dvh\\)\\]\\:h-dvh{height:100dvh}}")})();
+import { subscribeWithSelector as ge } from "zustand/middleware";
+import { createStore as be } from "zustand/vanilla";
+import { createComponent as s, use as B, template as S, spread as F, mergeProps as Y, insert as y, memo as pe, isServer as Ue, delegateEvents as qe, effect as H, className as V, Portal as ve, Dynamic as je, render as He } from "solid-js/web";
+import { createContext as we, onCleanup as ce, useContext as ye, onMount as J, createSignal as z, Show as E, Index as We, createRoot as Ge, getOwner as Se, splitProps as Xe, createEffect as Qe } from "solid-js";
+import { createWithSignal as Ce } from "solid-zustand";
+import { createStore as Ke } from "solid-js/store";
+import { EnvironmentProvider as Ye } from "@ark-ui/solid/environment";
+import { Dialog as $ } from "@ark-ui/solid/dialog";
+import { Select as A, createListCollection as Je } from "@ark-ui/solid/select";
+import { Tooltip as Q } from "@ark-ui/solid/tooltip";
+typeof HTMLVideoElement < "u" && !("requestVideoFrameCallback" in HTMLVideoElement.prototype) && "getVideoPlaybackQuality" in HTMLVideoElement.prototype && (HTMLVideoElement.prototype._rvfcpolyfillmap = {}, HTMLVideoElement.prototype.requestVideoFrameCallback = function(t) {
+  const e = performance.now(), r = this.getVideoPlaybackQuality(), a = this.mozPresentedFrames || this.mozPaintedFrames || r.totalVideoFrames - r.droppedVideoFrames, n = (o, i) => {
+    const l = this.getVideoPlaybackQuality(), c = this.mozPresentedFrames || this.mozPaintedFrames || l.totalVideoFrames - l.droppedVideoFrames;
+    if (c > a) {
+      const d = this.mozFrameDelay || l.totalFrameDelay - r.totalFrameDelay || 0, h = i - o;
+      t(i, {
+        presentationTime: i + d * 1e3,
+        expectedDisplayTime: i + h,
+        width: this.videoWidth,
+        height: this.videoHeight,
+        mediaTime: Math.max(0, this.currentTime || 0) + h / 1e3,
+        presentedFrames: c,
+        processingDuration: d
+      }), delete this._rvfcpolyfillmap[e];
+    } else
+      this._rvfcpolyfillmap[e] = requestAnimationFrame((d) => n(i, d));
   };
-  HTMLVideoElement.prototype.cancelVideoFrameCallback = function(handle) {
-    cancelAnimationFrame(this._rvfcpolyfillmap[handle]);
-    delete this._rvfcpolyfillmap[handle];
-  };
-}
-const backCameraKeywords = [
+  return this._rvfcpolyfillmap[e] = requestAnimationFrame((o) => n(e, o)), e;
+}, HTMLVideoElement.prototype.cancelVideoFrameCallback = function(t) {
+  cancelAnimationFrame(this._rvfcpolyfillmap[t]), delete this._rvfcpolyfillmap[t];
+});
+const Ze = [
   // English
   "back",
   "rear",
@@ -119,8 +101,7 @@ const backCameraKeywords = [
   "बैक",
   // Latin American Spanish
   "posterior"
-];
-const frontCameraKeywords = [
+], et = [
   // English
   "front",
   // German
@@ -187,66 +168,38 @@ const frontCameraKeywords = [
   "फ्रंट",
   // Latin American Spanish
   "frontal"
-];
-const containsKeyword = (string, keywords) => {
-  return keywords.some((keyword) => string.toLowerCase().includes(keyword));
-};
-const isBackCameraName = (string) => containsKeyword(string, backCameraKeywords);
-const isFrontCameraName = (string) => containsKeyword(string, frontCameraKeywords);
-var _createClass = /* @__PURE__ */ function() {
-  function defineProperties(target, props) {
-    for (var i = 0; i < props.length; i++) {
-      var descriptor = props[i];
-      descriptor.enumerable = descriptor.enumerable || false;
-      descriptor.configurable = true;
-      if ("value" in descriptor) descriptor.writable = true;
-      Object.defineProperty(target, descriptor.key, descriptor);
+], ke = (t, e) => e.some((r) => t.toLowerCase().includes(r)), Ee = (t) => ke(t, Ze), _e = (t) => ke(t, et);
+var tt = /* @__PURE__ */ function() {
+  function t(e, r) {
+    for (var a = 0; a < r.length; a++) {
+      var n = r[a];
+      n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
     }
   }
-  return function(Constructor, protoProps, staticProps) {
-    if (protoProps) defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) defineProperties(Constructor, staticProps);
-    return Constructor;
+  return function(e, r, a) {
+    return r && t(e.prototype, r), a && t(e, a), e;
   };
-}();
-var _templateObject = _taggedTemplateLiteral(["", ""], ["", ""]);
-function _taggedTemplateLiteral(strings, raw) {
-  return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } }));
+}(), rt = at(["", ""], ["", ""]);
+function at(t, e) {
+  return Object.freeze(Object.defineProperties(t, { raw: { value: Object.freeze(e) } }));
 }
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
+function nt(t, e) {
+  if (!(t instanceof e))
     throw new TypeError("Cannot call a class as a function");
-  }
 }
-var TemplateTag = function() {
-  function TemplateTag2() {
-    var _this = this;
-    for (var _len = arguments.length, transformers = Array(_len), _key = 0; _key < _len; _key++) {
-      transformers[_key] = arguments[_key];
-    }
-    _classCallCheck(this, TemplateTag2);
-    this.tag = function(strings) {
-      for (var _len2 = arguments.length, expressions = Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-        expressions[_key2 - 1] = arguments[_key2];
-      }
-      if (typeof strings === "function") {
-        return _this.interimTag.bind(_this, strings);
-      }
-      if (typeof strings === "string") {
-        return _this.transformEndResult(strings);
-      }
-      strings = strings.map(_this.transformString.bind(_this));
-      return _this.transformEndResult(strings.reduce(_this.processSubstitutions.bind(_this, expressions)));
-    };
-    if (transformers.length > 0 && Array.isArray(transformers[0])) {
-      transformers = transformers[0];
-    }
-    this.transformers = transformers.map(function(transformer) {
-      return typeof transformer === "function" ? transformer() : transformer;
-    });
-    return this.tag;
-  }
-  _createClass(TemplateTag2, [{
+var T = function() {
+  function t() {
+    for (var e = this, r = arguments.length, a = Array(r), n = 0; n < r; n++)
+      a[n] = arguments[n];
+    return nt(this, t), this.tag = function(o) {
+      for (var i = arguments.length, l = Array(i > 1 ? i - 1 : 0), c = 1; c < i; c++)
+        l[c - 1] = arguments[c];
+      return typeof o == "function" ? e.interimTag.bind(e, o) : typeof o == "string" ? e.transformEndResult(o) : (o = o.map(e.transformString.bind(e)), e.transformEndResult(o.reduce(e.processSubstitutions.bind(e, l))));
+    }, a.length > 0 && Array.isArray(a[0]) && (a = a[0]), this.transformers = a.map(function(o) {
+      return typeof o == "function" ? o() : o;
+    }), this.tag;
+  }
+  return tt(t, [{
     key: "interimTag",
     /**
      * An intermediary template tag that receives a template tag and passes the result of calling the template with the received
@@ -256,11 +209,10 @@ var TemplateTag = function() {
      * @param  {...*}            ...substitutions - `substitutions` is an array of all substitutions in the template
      * @return {*}                                - the final processed value
      */
-    value: function interimTag(previousTag, template2) {
-      for (var _len3 = arguments.length, substitutions = Array(_len3 > 2 ? _len3 - 2 : 0), _key3 = 2; _key3 < _len3; _key3++) {
-        substitutions[_key3 - 2] = arguments[_key3];
-      }
-      return this.tag(_templateObject, previousTag.apply(void 0, [template2].concat(substitutions)));
+    value: function(r, a) {
+      for (var n = arguments.length, o = Array(n > 2 ? n - 2 : 0), i = 2; i < n; i++)
+        o[i - 2] = arguments[i];
+      return this.tag(rt, r.apply(void 0, [a].concat(o)));
     }
     /**
      * Performs bulk processing on the tagged template, transforming each substitution and then
@@ -272,9 +224,9 @@ var TemplateTag = function() {
      */
   }, {
     key: "processSubstitutions",
-    value: function processSubstitutions(substitutions, resultSoFar, remainingPart) {
-      var substitution = this.transformSubstitution(substitutions.shift(), resultSoFar);
-      return "".concat(resultSoFar, substitution, remainingPart);
+    value: function(r, a, n) {
+      var o = this.transformSubstitution(r.shift(), a);
+      return "".concat(a, o, n);
     }
     /**
      * Iterate through each transformer, applying the transformer's `onString` method to the template
@@ -284,11 +236,11 @@ var TemplateTag = function() {
      */
   }, {
     key: "transformString",
-    value: function transformString(str) {
-      var cb = function cb2(res, transform) {
-        return transform.onString ? transform.onString(res) : res;
+    value: function(r) {
+      var a = function(o, i) {
+        return i.onString ? i.onString(o) : o;
       };
-      return this.transformers.reduce(cb, str);
+      return this.transformers.reduce(a, r);
     }
     /**
      * When a substitution is encountered, iterates through each transformer and applies the transformer's
@@ -299,11 +251,11 @@ var TemplateTag = function() {
      */
   }, {
     key: "transformSubstitution",
-    value: function transformSubstitution(substitution, resultSoFar) {
-      var cb = function cb2(res, transform) {
-        return transform.onSubstitution ? transform.onSubstitution(res, resultSoFar) : res;
+    value: function(r, a) {
+      var n = function(i, l) {
+        return l.onSubstitution ? l.onSubstitution(i, a) : i;
       };
-      return this.transformers.reduce(cb, substitution);
+      return this.transformers.reduce(n, r);
     }
     /**
      * Iterates through each transformer, applying the transformer's `onEndResult` method to the
@@ -313,161 +265,120 @@ var TemplateTag = function() {
      */
   }, {
     key: "transformEndResult",
-    value: function transformEndResult(endResult) {
-      var cb = function cb2(res, transform) {
-        return transform.onEndResult ? transform.onEndResult(res) : res;
+    value: function(r) {
+      var a = function(o, i) {
+        return i.onEndResult ? i.onEndResult(o) : o;
       };
-      return this.transformers.reduce(cb, endResult);
+      return this.transformers.reduce(a, r);
     }
-  }]);
-  return TemplateTag2;
-}();
-var trimResultTransformer = function trimResultTransformer2() {
-  var side = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
+  }]), t;
+}(), M = function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
   return {
-    onEndResult: function onEndResult(endResult) {
-      if (side === "") {
-        return endResult.trim();
-      }
-      side = side.toLowerCase();
-      if (side === "start" || side === "left") {
-        return endResult.replace(/^\s*/, "");
-      }
-      if (side === "end" || side === "right") {
-        return endResult.replace(/\s*$/, "");
-      }
-      throw new Error("Side not supported: " + side);
+    onEndResult: function(a) {
+      if (e === "")
+        return a.trim();
+      if (e = e.toLowerCase(), e === "start" || e === "left")
+        return a.replace(/^\s*/, "");
+      if (e === "end" || e === "right")
+        return a.replace(/\s*$/, "");
+      throw new Error("Side not supported: " + e);
     }
   };
 };
-function _toConsumableArray(arr) {
-  if (Array.isArray(arr)) {
-    for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) {
-      arr2[i] = arr[i];
-    }
-    return arr2;
-  } else {
-    return Array.from(arr);
-  }
+function ot(t) {
+  if (Array.isArray(t)) {
+    for (var e = 0, r = Array(t.length); e < t.length; e++)
+      r[e] = t[e];
+    return r;
+  } else
+    return Array.from(t);
 }
-var stripIndentTransformer = function stripIndentTransformer2() {
-  var type = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "initial";
+var L = function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "initial";
   return {
-    onEndResult: function onEndResult(endResult) {
-      if (type === "initial") {
-        var match = endResult.match(/^[^\S\n]*(?=\S)/gm);
-        var indent = match && Math.min.apply(Math, _toConsumableArray(match.map(function(el) {
-          return el.length;
+    onEndResult: function(a) {
+      if (e === "initial") {
+        var n = a.match(/^[^\S\n]*(?=\S)/gm), o = n && Math.min.apply(Math, ot(n.map(function(l) {
+          return l.length;
         })));
-        if (indent) {
-          var regexp = new RegExp("^.{" + indent + "}", "gm");
-          return endResult.replace(regexp, "");
+        if (o) {
+          var i = new RegExp("^.{" + o + "}", "gm");
+          return a.replace(i, "");
         }
-        return endResult;
-      }
-      if (type === "all") {
-        return endResult.replace(/^[^\S\n]+/gm, "");
+        return a;
       }
-      throw new Error("Unknown type: " + type);
+      if (e === "all")
+        return a.replace(/^[^\S\n]+/gm, "");
+      throw new Error("Unknown type: " + e);
     }
   };
-};
-var replaceResultTransformer = function replaceResultTransformer2(replaceWhat, replaceWith) {
+}, q = function(e, r) {
   return {
-    onEndResult: function onEndResult(endResult) {
-      if (replaceWhat == null || replaceWith == null) {
+    onEndResult: function(n) {
+      if (e == null || r == null)
         throw new Error("replaceResultTransformer requires at least 2 arguments.");
-      }
-      return endResult.replace(replaceWhat, replaceWith);
+      return n.replace(e, r);
     }
   };
-};
-var replaceSubstitutionTransformer = function replaceSubstitutionTransformer2(replaceWhat, replaceWith) {
+}, P = function(e, r) {
   return {
-    onSubstitution: function onSubstitution(substitution, resultSoFar) {
-      if (replaceWhat == null || replaceWith == null) {
+    onSubstitution: function(n, o) {
+      if (e == null || r == null)
         throw new Error("replaceSubstitutionTransformer requires at least 2 arguments.");
-      }
-      if (substitution == null) {
-        return substitution;
-      } else {
-        return substitution.toString().replace(replaceWhat, replaceWith);
-      }
+      return n == null ? n : n.toString().replace(e, r);
     }
   };
-};
-var defaults = {
+}, it = {
   separator: "",
   conjunction: "",
-  serial: false
-};
-var inlineArrayTransformer = function inlineArrayTransformer2() {
-  var opts = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : defaults;
+  serial: !1
+}, D = function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : it;
   return {
-    onSubstitution: function onSubstitution(substitution, resultSoFar) {
-      if (Array.isArray(substitution)) {
-        var arrayLength = substitution.length;
-        var separator = opts.separator;
-        var conjunction = opts.conjunction;
-        var serial = opts.serial;
-        var indent = resultSoFar.match(/(\n?[^\S\n]+)$/);
-        if (indent) {
-          substitution = substitution.join(separator + indent[1]);
-        } else {
-          substitution = substitution.join(separator + " ");
-        }
-        if (conjunction && arrayLength > 1) {
-          var separatorIndex = substitution.lastIndexOf(separator);
-          substitution = substitution.slice(0, separatorIndex) + (serial ? separator : "") + " " + conjunction + substitution.slice(separatorIndex + 1);
+    onSubstitution: function(a, n) {
+      if (Array.isArray(a)) {
+        var o = a.length, i = e.separator, l = e.conjunction, c = e.serial, d = n.match(/(\n?[^\S\n]+)$/);
+        if (d ? a = a.join(i + d[1]) : a = a.join(i + " "), l && o > 1) {
+          var h = a.lastIndexOf(i);
+          a = a.slice(0, h) + (c ? i : "") + " " + l + a.slice(h + 1);
         }
       }
-      return substitution;
+      return a;
     }
   };
-};
-var splitStringTransformer = function splitStringTransformer2(splitBy) {
+}, Te = function(e) {
   return {
-    onSubstitution: function onSubstitution(substitution, resultSoFar) {
-      {
-        if (typeof substitution === "string" && substitution.includes(splitBy)) {
-          substitution = substitution.split(splitBy);
-        }
-      }
-      return substitution;
+    onSubstitution: function(a, n) {
+      return typeof a == "string" && a.includes(e) && (a = a.split(e)), a;
     }
   };
-};
-var isValidValue = function isValidValue2(x) {
-  return x != null && !Number.isNaN(x) && typeof x !== "boolean";
-};
-var removeNonPrintingValuesTransformer = function removeNonPrintingValuesTransformer2() {
+}, de = function(e) {
+  return e != null && !Number.isNaN(e) && typeof e != "boolean";
+}, st = function() {
   return {
-    onSubstitution: function onSubstitution(substitution) {
-      if (Array.isArray(substitution)) {
-        return substitution.filter(isValidValue);
-      }
-      if (isValidValue(substitution)) {
-        return substitution;
-      }
-      return "";
+    onSubstitution: function(r) {
+      return Array.isArray(r) ? r.filter(de) : de(r) ? r : "";
     }
   };
 };
-new TemplateTag(inlineArrayTransformer({ separator: "," }), stripIndentTransformer, trimResultTransformer);
-new TemplateTag(inlineArrayTransformer({ separator: ",", conjunction: "and" }), stripIndentTransformer, trimResultTransformer);
-new TemplateTag(inlineArrayTransformer({ separator: ",", conjunction: "or" }), stripIndentTransformer, trimResultTransformer);
-new TemplateTag(splitStringTransformer("\n"), removeNonPrintingValuesTransformer, inlineArrayTransformer, stripIndentTransformer, trimResultTransformer);
-new TemplateTag(splitStringTransformer("\n"), inlineArrayTransformer, stripIndentTransformer, trimResultTransformer, replaceSubstitutionTransformer(/&/g, "&amp;"), replaceSubstitutionTransformer(/</g, "&lt;"), replaceSubstitutionTransformer(/>/g, "&gt;"), replaceSubstitutionTransformer(/"/g, "&quot;"), replaceSubstitutionTransformer(/'/g, "&#x27;"), replaceSubstitutionTransformer(/`/g, "&#x60;"));
-new TemplateTag(replaceResultTransformer(/(?:\n(?:\s*))+/g, " "), trimResultTransformer);
-new TemplateTag(replaceResultTransformer(/(?:\n\s*)/g, ""), trimResultTransformer);
-new TemplateTag(inlineArrayTransformer({ separator: "," }), replaceResultTransformer(/(?:\s+)/g, " "), trimResultTransformer);
-new TemplateTag(inlineArrayTransformer({ separator: ",", conjunction: "or" }), replaceResultTransformer(/(?:\s+)/g, " "), trimResultTransformer);
-new TemplateTag(inlineArrayTransformer({ separator: ",", conjunction: "and" }), replaceResultTransformer(/(?:\s+)/g, " "), trimResultTransformer);
-new TemplateTag(inlineArrayTransformer, stripIndentTransformer, trimResultTransformer);
-new TemplateTag(inlineArrayTransformer, replaceResultTransformer(/(?:\s+)/g, " "), trimResultTransformer);
-new TemplateTag(stripIndentTransformer, trimResultTransformer);
-var stripIndents = new TemplateTag(stripIndentTransformer("all"), trimResultTransformer);
-const backDualWideCameraLocalizations = [
+new T(D({ separator: "," }), L, M);
+new T(D({ separator: ",", conjunction: "and" }), L, M);
+new T(D({ separator: ",", conjunction: "or" }), L, M);
+new T(Te(`
+`), st, D, L, M);
+new T(Te(`
+`), D, L, M, P(/&/g, "&amp;"), P(/</g, "&lt;"), P(/>/g, "&gt;"), P(/"/g, "&quot;"), P(/'/g, "&#x27;"), P(/`/g, "&#x60;"));
+new T(q(/(?:\n(?:\s*))+/g, " "), M);
+new T(q(/(?:\n\s*)/g, ""), M);
+new T(D({ separator: "," }), q(/(?:\s+)/g, " "), M);
+new T(D({ separator: ",", conjunction: "or" }), q(/(?:\s+)/g, " "), M);
+new T(D({ separator: ",", conjunction: "and" }), q(/(?:\s+)/g, " "), M);
+new T(D, L, M);
+new T(D, q(/(?:\s+)/g, " "), M);
+new T(L, M);
+var Me = new T(L("all"), M);
+const lt = [
   "Cameră dublă cu obiectiv superangular spate",
   "מצלמה כפולה רחבה אחורית",
   "Артқы қос кең бұрышты камера",
@@ -505,16 +416,15 @@ const backDualWideCameraLocalizations = [
   "Cámara trasera dual con gran angular",
   "背面デュアル広角カメラ",
   "Stražnja dvostruka široka kamera"
-];
-const asError = (thrown) => {
-  if (thrown instanceof Error) return thrown;
+], K = (t) => {
+  if (t instanceof Error) return t;
   try {
-    return new Error(JSON.stringify(thrown));
+    return new Error(JSON.stringify(t));
   } catch {
-    return new Error(String(thrown));
+    return new Error(String(t));
   }
 };
-class CameraError extends Error {
+class xe extends Error {
   code;
   /**
    * Creates a new camera error.
@@ -523,209 +433,139 @@ class CameraError extends Error {
    * @param code - The error code.
    * @param cause - The cause of the error.
    */
-  constructor(message, code, cause) {
-    super(message);
-    this.code = code;
-    this.cause = cause;
+  constructor(e, r, a) {
+    super(e), this.code = r, this.cause = a;
   }
 }
-const askForCameraPermission = async () => {
+const ct = async () => {
   try {
-    const mediaStream = await navigator.mediaDevices.getUserMedia({
-      video: true
+    const t = await navigator.mediaDevices.getUserMedia({
+      video: !0
     });
-    closeStreamTracks(mediaStream);
-  } catch (error) {
-    console.log(error);
-    const newError = new CameraError(
+    Re(t);
+  } catch (t) {
+    throw console.log(t), new xe(
       "Camera permission not given",
       "PERMISSION_DENIED",
-      asError(error)
+      K(t)
     );
-    throw newError;
   }
-};
-const obtainVideoInputDevices = async () => {
-  if (!isSecureContext) {
-    throw new Error(stripIndents`
+}, ut = async () => {
+  if (!isSecureContext)
+    throw new Error(Me`
       Cameras can only be used in a secure context:
       https://developer.mozilla.org/en-US/docs/Web/Security/Secure_Contexts
     `);
-  }
-  await askForCameraPermission();
-  const allDevices = await navigator.mediaDevices.enumerateDevices();
-  const cameraDevices = allDevices.filter((device) => {
-    return device.kind === "videoinput";
-  });
-  return cameraDevices;
-};
-const closeStreamTracks = (stream) => {
-  const tracks = stream.getTracks();
-  for (const track of tracks) {
-    track.stop();
-  }
-};
-const createConstraints = (resolution, facing, id) => {
-  const constraints = {
-    video: {
-      deviceId: id ? { exact: id } : void 0,
-      frameRate: 30,
-      aspectRatio: {
-        exact: videoResolutions[resolution].width / videoResolutions[resolution].height
-      },
-      width: {
-        ideal: videoResolutions[resolution].width
-      },
-      height: {
-        ideal: videoResolutions[resolution].height
-      },
-      facingMode: facing
+  return await ct(), (await navigator.mediaDevices.enumerateDevices()).filter((r) => r.kind === "videoinput");
+}, Re = (t) => {
+  const e = t.getTracks();
+  for (const r of e)
+    r.stop();
+}, dt = (t, e, r) => ({
+  video: {
+    deviceId: r ? { exact: r } : void 0,
+    frameRate: 30,
+    aspectRatio: {
+      exact: O[t].width / O[t].height
     },
-    audio: false
-  };
-  return constraints;
-};
-function scoreCameraCapabilities(camera) {
-  let score = 0;
-  if (camera.torchSupported) score += 1;
-  if (camera.singleShotSupported) score += 1;
-  return score;
+    width: {
+      ideal: O[t].width
+    },
+    height: {
+      ideal: O[t].height
+    },
+    facingMode: e
+  },
+  audio: !1
+});
+function ht(t) {
+  let e = 0;
+  return t.torchSupported && (e += 1), t.singleShotSupported && (e += 1), e;
 }
-function filterCamerasByFacing(cameras, requestedFacing) {
-  return cameras.filter((camera) => {
-    if (requestedFacing === "back" || requestedFacing === void 0) {
-      return isBackCameraName(camera.name);
-    } else {
-      return isFrontCameraName(camera.name);
-    }
-  });
+function mt(t, e) {
+  return t.filter((r) => e === "back" || e === void 0 ? Ee(r.name) : _e(r.name));
 }
-const findIdealCamera = async (cameras, resolution = "4k", requestedFacing = "back") => {
-  if (cameras.length === 0) {
+const ft = async (t, e = "4k", r = "back") => {
+  if (t.length === 0)
     throw new Error("No cameras found");
-  }
-  if (cameras.length === 1) {
-    await cameras[0].startStream(resolution);
-    return cameras[0];
-  }
-  let cameraPool = filterCamerasByFacing(cameras, requestedFacing);
-  if (cameraPool.length === 1) {
-    await cameraPool[0].startStream(resolution);
-    return cameraPool[0];
-  }
-  if (cameraPool.length === 0) {
-    console.debug("No camera found with requested facing, using all cameras");
-    cameraPool = cameras;
-  }
-  if (requestedFacing === "back") {
-    const dualWideCamera = cameraPool.find(
-      (camera) => backDualWideCameraLocalizations.includes(camera.name)
+  if (t.length === 1)
+    return await t[0].startStream(e), t[0];
+  let a = mt(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 = t), r === "back") {
+    const c = a.find(
+      (d) => lt.includes(d.name)
     );
-    if (dualWideCamera) {
-      await dualWideCamera.startStream(resolution);
-      return dualWideCamera;
-    }
+    if (c)
+      return await c.startStream(e), c;
   }
-  if (requestedFacing === "front") {
-    const lastCamera = cameraPool[cameraPool.length - 1];
-    await lastCamera.startStream(resolution);
-    return lastCamera;
+  if (r === "front") {
+    const c = a[a.length - 1];
+    return await c.startStream(e), c;
   }
-  const cameraScores = /* @__PURE__ */ new Map();
-  let bestCamera;
-  let maxScore = -Infinity;
-  for (let i = cameraPool.length - 1; i >= 0; i--) {
-    const camera = cameraPool[i];
+  const n = /* @__PURE__ */ new Map();
+  let o, i = -1 / 0;
+  for (let c = a.length - 1; c >= 0; c--) {
+    const d = a[c];
     try {
-      await camera.startStream(resolution);
-      const score = scoreCameraCapabilities(camera);
-      cameraScores.set(camera, score);
-      if (score > maxScore) {
-        if (bestCamera && bestCamera !== camera) {
-          bestCamera.stopStream();
-        }
-        maxScore = score;
-        bestCamera = camera;
-      } else {
-        camera.stopStream();
-      }
-      if (score === 2) {
-        console.debug("Found camera with all capabilities, returning early");
-        return camera;
-      }
-    } catch (error) {
-      console.warn(`Failed to test camera ${camera.name}:`, error);
-      camera.stopStream();
-    }
-  }
-  if (bestCamera) {
-    return bestCamera;
-  }
-  const firstCamera = cameraPool[0];
-  await firstCamera.startStream(resolution);
-  return firstCamera;
+      await d.startStream(e);
+      const h = ht(d);
+      if (n.set(d, h), h > i ? (o && o !== d && o.stopStream(), i = h, o = d) : d.stopStream(), h === 2)
+        return console.debug("Found camera with all capabilities, returning early"), d;
+    } catch (h) {
+      console.warn(`Failed to test camera ${d.name}:`, h), d.stopStream();
+    }
+  }
+  if (o)
+    return o;
+  const l = a[0];
+  return await l.startStream(e), l;
 };
-function createCameras(cameras) {
-  const camerasWithStream = [];
-  for (const device of cameras) {
-    const camera = new Camera(device);
-    if (camera !== null) {
-      camerasWithStream.push(camera);
-    }
+function gt(t) {
+  const e = [];
+  for (const r of t) {
+    const a = new Ae(r);
+    a !== null && e.push(a);
   }
-  return camerasWithStream;
+  return e;
 }
-const videoResolutions = {
+const O = {
   "720p": { width: 1280, height: 720 },
   "1080p": { width: 1920, height: 1080 },
   "4k": { width: 3840, height: 2160 }
 };
-function returnLongerSide(resolution) {
-  return Math.max(resolution.width, resolution.height);
+function bt(t) {
+  return Math.max(t.width, t.height);
 }
-function getNormalizedResolution(resolution) {
-  const normalized = {
-    width: Math.max(resolution.width, resolution.height),
-    height: Math.min(resolution.width, resolution.height)
+function pt(t) {
+  const e = {
+    width: Math.max(t.width, t.height),
+    height: Math.min(t.width, t.height)
   };
-  const epsilon = 1e-4;
-  if (Math.abs(normalized.width / normalized.height - 16 / 9) > epsilon) {
-    console.warn(
-      `Resolution ${JSON.stringify(
-        resolution
-      )} is not 16:9, may cause issues with some video players.`
-    );
-  }
-  return normalized;
+  return Math.abs(e.width / e.height - 16 / 9) > 1e-4 && console.warn(
+    `Resolution ${JSON.stringify(
+      t
+    )} is not 16:9, may cause issues with some video players.`
+  ), e;
 }
-function matchClosestResolution(resolution) {
-  const actualWidth = returnLongerSide(resolution);
-  if (actualWidth > 1920) {
-    return "4k";
-  } else if (actualWidth > 1280) {
-    return "1080p";
-  } else {
-    return "720p";
-  }
+function vt(t) {
+  const e = bt(t);
+  return e > 1920 ? "4k" : e > 1280 ? "1080p" : "720p";
 }
-function findResolutionKey(videoTrackResolution) {
-  const normalizedResolution = getNormalizedResolution(videoTrackResolution);
-  const resolutionMatch = Object.entries(videoResolutions).find(
-    ([key, value]) => {
-      return value.width === normalizedResolution.width && value.height === normalizedResolution.height;
-    }
+function wt(t) {
+  const e = pt(t), r = Object.entries(O).find(
+    ([n, o]) => o.width === e.width && o.height === e.height
   );
-  if (!resolutionMatch) {
-    const closestMatch = matchClosestResolution(videoTrackResolution);
-    console.warn(
-      `No exact resolution match found for ${JSON.stringify(videoTrackResolution)}, categorizing as ${closestMatch}`
-    );
-    return closestMatch;
+  if (!r) {
+    const n = vt(t);
+    return console.warn(
+      `No exact resolution match found for ${JSON.stringify(t)}, categorizing as ${n}`
+    ), n;
   }
-  const resolutionKey = resolutionMatch[0];
-  return resolutionKey;
+  return r[0];
 }
-class Camera {
+class Ae {
   /**
    * The device info.
    */
@@ -742,9 +582,9 @@ class Camera {
   activeStream;
   name;
   facingMode;
-  torchSupported = false;
-  torchEnabled = false;
-  singleShotSupported = false;
+  torchSupported = !1;
+  torchEnabled = !1;
+  singleShotSupported = !1;
   maxSupportedResolution;
   /**
    * Reference to the original instance before it was proxied.
@@ -761,41 +601,29 @@ class Camera {
    *
    * @deprecated Not used. Reconsider using once Firefox and Chrome align on this.
    */
-  #deviceCapabilities;
+  #e;
   /**
    * Creates a new Camera instance.
    *
    * @param deviceInfo - The device info.
    */
-  constructor(deviceInfo) {
-    if (deviceInfo.kind !== "videoinput") {
+  constructor(e) {
+    if (e.kind !== "videoinput")
       throw new Error("Device is not a video input device");
-    }
-    this.deviceInfo = deviceInfo;
-    this.name = deviceInfo.label;
-    if (isFrontCameraName(deviceInfo.label)) {
-      this.facingMode = "front";
-    }
-    if (isBackCameraName(deviceInfo.label)) {
-      this.facingMode = "back";
-    }
-    const originalRef = this;
-    const proxy = new Proxy(this, {
-      set(target, property, value, receiver) {
-        const oldValue = Reflect.get(target, property, receiver);
-        const change = {
-          property,
-          oldValue,
-          value
+    this.deviceInfo = e, this.name = e.label, _e(e.label) && (this.facingMode = "front"), Ee(e.label) && (this.facingMode = "back");
+    const r = this, a = new Proxy(this, {
+      set(n, o, i, l) {
+        const c = Reflect.get(n, o, l), d = {
+          property: o,
+          oldValue: c,
+          value: i
         };
-        originalRef.notify(change);
-        return Reflect.set(target, property, value, receiver);
+        return r.notify(d), Reflect.set(n, o, i, l);
       }
     });
-    this.notify = (reason) => {
-      this.notifyStateChange?.(proxy, reason);
-    };
-    return proxy;
+    return this.notify = (n) => {
+      this.notifyStateChange?.(a, n);
+    }, a;
   }
   /**
    * Starts a stream with the specified resolution.
@@ -803,25 +631,19 @@ class Camera {
    * @param resolution - The resolution to start the stream with.
    * @returns The stream.
    */
-  async startStream(resolution) {
-    if (this.activeStream) {
+  async startStream(e) {
+    if (this.activeStream)
       return this.activeStream;
-    }
-    if (this.maxSupportedResolution) {
-      resolution = this.maxSupportedResolution;
-    }
-    const stream = await this.acquireStreamWithFallback(resolution);
-    this.populateCapabilities(stream);
-    this.activeStream = stream;
-    const videoTrack = stream.getVideoTracks()[0];
-    videoTrack.onended = (e) => {
-      this.stopStream();
-      this.notify({
-        event: e,
+    this.maxSupportedResolution && (e = this.maxSupportedResolution);
+    const r = await this.acquireStreamWithFallback(e);
+    this.populateCapabilities(r), this.activeStream = r;
+    const a = r.getVideoTracks()[0];
+    return a.onended = (n) => {
+      this.stopStream(), this.notify({
+        event: n,
         payload: "TRACK_END"
       });
-    };
-    return stream;
+    }, r;
   }
   /**
    * Acquires a camera stream with the specified resolution.
@@ -830,25 +652,24 @@ class Camera {
    * @param resolution - The resolution to acquire the stream with.
    * @returns The stream.
    */
-  async acquireStreamWithFallback(resolution) {
+  async acquireStreamWithFallback(e) {
     try {
-      const constraints = createConstraints(
-        resolution,
+      const r = dt(
+        e,
         this.facingMode,
         this.deviceInfo.deviceId
       );
-      return await navigator.mediaDevices.getUserMedia(constraints);
-    } catch (error) {
+      return await navigator.mediaDevices.getUserMedia(r);
+    } catch (r) {
       console.warn(
-        `Can't get camera stream for ${this.name} at ${resolution}`,
-        error
+        `Can't get camera stream for ${this.name} at ${e}`,
+        r
       );
-      let currentResolutionIndex = Object.keys(videoResolutions).indexOf(resolution);
-      if (currentResolutionIndex === 0) {
+      let a = Object.keys(O).indexOf(e);
+      if (a === 0)
         throw new Error("Failed to get camera stream");
-      }
-      const fallbackResolution = Object.keys(videoResolutions)[currentResolutionIndex - 1];
-      return await this.acquireStreamWithFallback(fallbackResolution);
+      const n = Object.keys(O)[a - 1];
+      return await this.acquireStreamWithFallback(n);
     }
   }
   /**
@@ -856,45 +677,18 @@ class Camera {
    *
    * @param stream - The stream to populate the capabilities from.
    */
-  populateCapabilities(stream) {
-    this.streamCapabilities = stream.getVideoTracks()[0].getCapabilities();
-    const videoTrack = stream.getVideoTracks()[0];
-    const trackSettings = videoTrack.getSettings();
-    if (!trackSettings.width || !trackSettings.height) {
+  populateCapabilities(e) {
+    this.streamCapabilities = e.getVideoTracks()[0].getCapabilities();
+    const a = e.getVideoTracks()[0].getSettings();
+    if (!a.width || !a.height)
       throw new Error(
         "Video track resolution not available. Should not happen."
       );
-    }
-    const videoTrackResolution = {
-      width: trackSettings.width,
-      height: trackSettings.height
-    };
-    const resolutionKey = findResolutionKey(videoTrackResolution);
-    if (!this.maxSupportedResolution && resolutionKey) {
-      this.maxSupportedResolution = resolutionKey;
-    }
-    if ("torch" in this.streamCapabilities) {
-      this.torchSupported = true;
-    }
-    if ("focusMode" in this.streamCapabilities && this.streamCapabilities.focusMode?.includes("single-shot")) {
-      this.singleShotSupported = true;
-    }
-    if (this.facingMode === "front" && this.streamCapabilities.facingMode?.includes("environment")) {
-      this.facingMode = "back";
-      console.warn("Front camera selected, but facingMode is environment");
-    }
-    if (this.facingMode === "back" && this.streamCapabilities.facingMode?.includes("user")) {
-      this.facingMode = "front";
-      console.warn("Back camera selected, but facingMode is user");
-    }
-    if (!this.facingMode) {
-      if (this.streamCapabilities.facingMode?.includes("environment")) {
-        this.facingMode = "back";
-      }
-      if (this.streamCapabilities.facingMode?.includes("user")) {
-        this.facingMode = "front";
-      }
-    }
+    const n = {
+      width: a.width,
+      height: a.height
+    }, o = wt(n);
+    !this.maxSupportedResolution && o && (this.maxSupportedResolution = o), "torch" in this.streamCapabilities && (this.torchSupported = !0), "focusMode" in this.streamCapabilities && this.streamCapabilities.focusMode?.includes("single-shot") && (this.singleShotSupported = !0), this.facingMode === "front" && this.streamCapabilities.facingMode?.includes("environment") && (this.facingMode = "back", console.warn("Front camera selected, but facingMode is environment")), this.facingMode === "back" && this.streamCapabilities.facingMode?.includes("user") && (this.facingMode = "front", console.warn("Back camera selected, but facingMode is user")), this.facingMode || (this.streamCapabilities.facingMode?.includes("environment") && (this.facingMode = "back"), this.streamCapabilities.facingMode?.includes("user") && (this.facingMode = "front"));
   }
   /**
    * Toggles the torch on the camera.
@@ -902,27 +696,21 @@ class Camera {
    * @returns The torch status.
    */
   async toggleTorch() {
-    const videoTrack = this.getVideoTrack();
-    if (!videoTrack) {
+    const e = this.getVideoTrack();
+    if (!e)
       throw new Error("No active stream on Camera instance.");
-    }
-    if (!this.torchSupported) {
+    if (!this.torchSupported)
       throw new Error("Torch not supported on this device.");
-    }
     try {
-      await videoTrack.applyConstraints({
+      await e.applyConstraints({
         advanced: [
           {
             torch: !this.torchEnabled
           }
         ]
-      });
-      this.torchEnabled = !this.torchEnabled;
-    } catch (error) {
-      console.error("Failed to toggle torch", error);
-      this.torchEnabled = false;
-      this.torchSupported = false;
-      throw new Error("Failed to toggle torch", { cause: error });
+      }), this.torchEnabled = !this.torchEnabled;
+    } catch (r) {
+      throw console.error("Failed to toggle torch", r), this.torchEnabled = !1, this.torchSupported = !1, new Error("Failed to toggle torch", { cause: r });
     }
     return this.torchEnabled;
   }
@@ -930,13 +718,7 @@ class Camera {
    * Stops the stream on the camera.
    */
   stopStream() {
-    if (this.activeStream) {
-      console.debug(`Stopping active stream on ${this.name}`);
-      closeStreamTracks(this.activeStream);
-      this.activeStream = void 0;
-      this.streamCapabilities = void 0;
-      this.torchEnabled = false;
-    }
+    this.activeStream && (console.debug(`Stopping active stream on ${this.name}`), Re(this.activeStream), this.activeStream = void 0, this.streamCapabilities = void 0, this.torchEnabled = !1);
   }
   /**
    * Gets the video track on the camera.
@@ -951,263 +733,166 @@ class Camera {
     return this.activeStream.getVideoTracks()[0];
   }
 }
-const initialState$1 = {
+const $e = {
   cameras: [],
   facingFilter: void 0,
   videoElement: void 0,
   playbackState: "idle",
   selectedCamera: void 0,
-  isSwappingCamera: false,
-  isQueryingCameras: false,
-  mirrorX: false,
+  isSwappingCamera: !1,
+  isQueryingCameras: !1,
+  mirrorX: !1,
   errorState: void 0
-};
-const cameraManagerStore = createStore()(
+}, m = be()(
   // this is important! Otherwise solid-zustand will start mutating the initial state
-  subscribeWithSelector(() => structuredClone(initialState$1))
-);
-const resetCameraManagerStore = () => {
-  console.debug("Stopping all cameras and resetting the `cameraManagerStore`.");
-  cameraManagerStore.getState().cameras.forEach((camera) => {
-    camera.stopStream();
-  });
-  cameraManagerStore.setState(structuredClone(initialState$1));
-};
-const ORIGINAL_ATTACH_SHADOW = Element.prototype.attachShadow;
-function isShady() {
-  return typeof window.ShadyDOM !== "undefined" && typeof ShadowRoot !== "undefined";
+  ge(() => structuredClone($e))
+), yt = () => {
+  console.debug("Stopping all cameras and resetting the `cameraManagerStore`."), m.getState().cameras.forEach((t) => {
+    t.stopStream();
+  }), m.setState(structuredClone($e));
+}, he = Element.prototype.attachShadow;
+function ue() {
+  return typeof window.ShadyDOM < "u" && typeof ShadowRoot < "u";
 }
-function supportsShadowRoots() {
-  return typeof ShadowRoot !== "undefined";
+function St() {
+  return typeof ShadowRoot < "u";
 }
-function patchElementPrototypeAttachShadow(callback) {
-  if (ORIGINAL_ATTACH_SHADOW == null || isShady())
-    return;
-  Element.prototype.attachShadow = function(shadowRootInitDict) {
-    const shadowRoot = ORIGINAL_ATTACH_SHADOW.call(this, shadowRootInitDict);
-    callback(shadowRoot);
-    return shadowRoot;
-  };
+function Ct(t) {
+  he == null || ue() || (Element.prototype.attachShadow = function(e) {
+    const r = he.call(this, e);
+    return t(r), r;
+  });
 }
-function createPausableQueue(job, ...queueItems) {
-  const queue = new Set(queueItems);
-  let running = false;
-  const flush = () => {
-    for (const queuedNode of queue) {
-      job(queuedNode);
-    }
-    queue.clear();
+function kt(t, ...e) {
+  const r = new Set(e);
+  let a = !1;
+  const n = () => {
+    for (const o of r)
+      t(o);
+    r.clear();
   };
   return {
     isRunning() {
-      return running;
+      return a;
     },
-    schedule(node) {
-      queue.add(node);
-      if (running) {
-        flush();
-      }
+    schedule(o) {
+      r.add(o), a && n();
     },
     stop() {
-      running = false;
+      a = !1;
     },
     run() {
-      if (running)
-        return;
-      running = true;
-      flush();
+      a || (a = !0, n());
     }
   };
 }
-const MUTATION_OBSERVER_INIT = {
-  childList: true,
-  subtree: true
-};
-const nextMicrotask = (func) => {
-  if (typeof queueMicrotask !== "undefined")
-    queueMicrotask(func);
-  else if (typeof Promise !== "undefined")
-    Promise.resolve().then(() => func());
-  else
-    setTimeout(() => func(), 0);
+const Et = {
+  childList: !0,
+  subtree: !0
+}, _t = (t) => {
+  typeof queueMicrotask < "u" ? queueMicrotask(t) : typeof Promise < "u" ? Promise.resolve().then(() => t()) : setTimeout(() => t(), 0);
 };
-function nodeListToArray(nodeList) {
-  if (typeof Symbol !== "undefined" && nodeList[Symbol.iterator] != null) {
-    return [...nodeList];
-  } else {
-    const arr = [];
-    for (let i = 0; i < nodeList.length; i++) {
-      arr[i] = nodeList[i];
-    }
-    return arr;
+function me(t) {
+  if (typeof Symbol < "u" && t[Symbol.iterator] != null)
+    return [...t];
+  {
+    const e = [];
+    for (let r = 0; r < t.length; r++)
+      e[r] = t[r];
+    return e;
   }
 }
-function queryRoot(root, query) {
-  if (isShady()) {
-    return new Set(nodeListToArray(window.ShadyDOM.nativeMethods.querySelectorAll.call(document.documentElement, query)));
-  }
-  return new Set(!("querySelectorAll" in root) ? [] : nodeListToArray(root.querySelectorAll(query)));
+function Tt(t, e) {
+  return ue() ? new Set(me(window.ShadyDOM.nativeMethods.querySelectorAll.call(document.documentElement, e))) : new Set("querySelectorAll" in t ? me(t.querySelectorAll(e)) : []);
 }
-function mergeNodes(a, b) {
-  return /* @__PURE__ */ new Set([...a == null ? [] : a, ...b == null ? [] : b]);
+function Mt(t, e) {
+  return /* @__PURE__ */ new Set([...t ?? [], ...e ?? []]);
 }
-function isDocumentOrShadowRoot(root) {
-  return "activeElement" in root;
+function xt(t) {
+  return "activeElement" in t;
 }
-function observeMissingRoots(root = document.documentElement) {
-  if (isDocumentOrShadowRoot(root)) {
-    observeRoot(root);
-  }
-  if (isShady() && root instanceof ShadowRoot)
+function Fe(t = document.documentElement) {
+  if (xt(t) && De(t), ue() && t instanceof ShadowRoot || !St())
     return;
-  if (!supportsShadowRoots())
-    return;
-  const childNodes = root.childNodes;
-  const shadowRoot = "shadowRoot" in root && root.shadowRoot != null ? [root.shadowRoot] : [];
-  for (const node of [...childNodes, ...shadowRoot]) {
-    observeMissingRoots(node);
-  }
+  const e = t.childNodes, r = "shadowRoot" in t && t.shadowRoot != null ? [t.shadowRoot] : [];
+  for (const a of [...e, ...r])
+    Fe(a);
 }
-function isConnected(node) {
-  if ("isConnected" in Node.prototype)
-    return node.isConnected;
-  return node.ownerDocument == null || !(node.ownerDocument.compareDocumentPosition(node) & node.DOCUMENT_POSITION_DISCONNECTED);
+function Rt(t) {
+  return "isConnected" in Node.prototype ? t.isConnected : t.ownerDocument == null || !(t.ownerDocument.compareDocumentPosition(t) & t.DOCUMENT_POSITION_DISCONNECTED);
 }
-const CONNECTION_OBSERVER_INTERNALS_MAP = /* @__PURE__ */ new Map();
-function initializeConnectionObserver(observer, callback) {
-  const queue = /* @__PURE__ */ new Set();
-  const observedTargets = /* @__PURE__ */ new Set();
-  const rootToQuerySelectorToMatchedNodesMap = /* @__PURE__ */ new Map();
-  const nodeToLastConnectionValueMap = /* @__PURE__ */ new WeakMap();
-  let scheduled = false;
-  let flushing = false;
-  let hasFoundMissingRoots = false;
-  const flush = () => {
-    flushing = true;
-    const arr = [...queue];
-    if (arr.length > 0) {
-      callback(arr, observer);
-    }
-    queue.clear();
-    scheduled = false;
-    flushing = false;
-  };
-  const scheduleFlush = () => {
-    if (!scheduled) {
-      scheduled = true;
-      nextMicrotask(flush);
-    }
-  };
-  const addToQueue = (entry) => {
-    queue.add(entry);
-    if (!flushing) {
-      scheduleFlush();
-    }
-  };
-  const clearQueue = () => {
-    const items = [...queue];
-    queue.clear();
-    return items;
-  };
-  const clearObservedTargets = () => {
-    observedTargets.clear();
-  };
-  const queryRootAndHandleMutationChanges = (root, query) => {
-    let oldQuerySelectorMap = rootToQuerySelectorToMatchedNodesMap.get(root);
-    const currentNodes = queryRoot(root, query);
-    const oldNodes = oldQuerySelectorMap == null ? void 0 : oldQuerySelectorMap.get(query);
-    const mergedNodes = mergeNodes(currentNodes, oldNodes);
-    handleMutationChange(mergedNodes);
-    if (oldQuerySelectorMap == null) {
-      oldQuerySelectorMap = /* @__PURE__ */ new Map();
-      rootToQuerySelectorToMatchedNodesMap.set(root, oldQuerySelectorMap);
-    }
-    oldQuerySelectorMap.set(query, currentNodes);
-  };
-  const handleMutationChange = (targetNodes) => {
-    for (const targetNode of targetNodes) {
-      const lastValue = nodeToLastConnectionValueMap.get(targetNode);
-      const isTargetNodeConnected = isConnected(targetNode);
-      if (lastValue !== isTargetNodeConnected) {
-        nodeToLastConnectionValueMap.set(targetNode, isTargetNodeConnected);
-        addToQueue({
-          connected: isTargetNodeConnected,
-          target: targetNode
-        });
-      }
-    }
-  };
-  const addObservedTarget = (target) => {
-    rootObserverQueue.run();
-    if (!hasFoundMissingRoots) {
-      hasFoundMissingRoots = true;
-      observeMissingRoots();
-    }
-    observedTargets.add(target);
-    if (typeof target !== "string") {
-      handleMutationChange([target]);
-    } else {
-      for (const root of OBSERVED_ROOTS) {
-        queryRootAndHandleMutationChanges(root, target);
-      }
+const W = /* @__PURE__ */ new Map();
+function At(t, e) {
+  const r = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new WeakMap();
+  let i = !1, l = !1, c = !1;
+  const d = () => {
+    l = !0;
+    const p = [...r];
+    p.length > 0 && e(p, t), r.clear(), i = !1, l = !1;
+  }, h = () => {
+    i || (i = !0, _t(d));
+  }, C = (p) => {
+    r.add(p), l || h();
+  }, w = () => {
+    const p = [...r];
+    return r.clear(), p;
+  }, u = () => {
+    a.clear();
+  }, v = (p, k) => {
+    let x = n.get(p);
+    const I = Tt(p, k), G = x?.get(k), X = Mt(I, G);
+    b(X), x == null && (x = /* @__PURE__ */ new Map(), n.set(p, x)), x.set(k, I);
+  }, b = (p) => {
+    for (const k of p) {
+      const x = o.get(k), I = Rt(k);
+      x !== I && (o.set(k, I), C({
+        connected: I,
+        target: k
+      }));
     }
+  }, g = {
+    observedTargets: a,
+    queryRootAndHandleMutationChanges: v,
+    handleMutationChange: b,
+    addObservedTarget: (p) => {
+      if (ie.run(), c || (c = !0, Fe()), a.add(p), typeof p != "string")
+        b([p]);
+      else
+        for (const k of oe)
+          v(k, p);
+    },
+    clearObservedTargets: u,
+    clearQueue: w
   };
-  const internals = {
-    observedTargets,
-    queryRootAndHandleMutationChanges,
-    handleMutationChange,
-    addObservedTarget,
-    clearObservedTargets,
-    clearQueue
-  };
-  CONNECTION_OBSERVER_INTERNALS_MAP.set(observer, internals);
+  W.set(t, g);
 }
-const mutationCallback = (mutations) => {
-  for (const mutation of mutations) {
-    if (mutation.type !== "childList")
-      continue;
-    for (const observer of CONNECTION_OBSERVER_INTERNALS_MAP.values()) {
-      for (const target of observer.observedTargets) {
-        if (typeof target === "string") {
-          observer.queryRootAndHandleMutationChanges(mutation.target, target);
-        } else {
-          observer.handleMutationChange([target]);
-        }
-      }
-    }
-  }
-};
-const OBSERVED_ROOTS = /* @__PURE__ */ new Set();
-const observeRoot = /* @__PURE__ */ (() => {
-  let instance;
-  return function(root) {
-    if (OBSERVED_ROOTS.has(root))
-      return;
-    OBSERVED_ROOTS.add(root);
-    if (instance == null) {
-      instance = new MutationObserver(mutationCallback);
-    }
-    instance.observe(root, MUTATION_OBSERVER_INIT);
+const $t = (t) => {
+  for (const e of t)
+    if (e.type === "childList")
+      for (const r of W.values())
+        for (const a of r.observedTargets)
+          typeof a == "string" ? r.queryRootAndHandleMutationChanges(e.target, a) : r.handleMutationChange([a]);
+}, oe = /* @__PURE__ */ new Set(), De = /* @__PURE__ */ (() => {
+  let t;
+  return function(e) {
+    oe.has(e) || (oe.add(e), t == null && (t = new MutationObserver($t)), t.observe(e, Et));
   };
-})();
-const rootObserverQueue = createPausableQueue(observeRoot, document.documentElement);
-class ConnectionObserver {
-  constructor(callback) {
-    if (new.target === void 0) {
-      throw new TypeError(`Constructor ${ConnectionObserver.name} requires 'new'`);
-    }
-    if (callback === void 0) {
-      throw new ReferenceError(`Failed to construct '${ConnectionObserver.name}': 1 argument required, but only 0 present.`);
-    } else if (typeof callback !== "function") {
-      throw new TypeError(`Failed to construct '${ConnectionObserver.name}': The callback provided as parameter 1 is not a function.`);
-    }
-    initializeConnectionObserver(this, callback);
+})(), ie = kt(De, document.documentElement);
+class N {
+  constructor(e) {
+    if (new.target === void 0)
+      throw new TypeError(`Constructor ${N.name} requires 'new'`);
+    if (e === void 0)
+      throw new ReferenceError(`Failed to construct '${N.name}': 1 argument required, but only 0 present.`);
+    if (typeof e != "function")
+      throw new TypeError(`Failed to construct '${N.name}': The callback provided as parameter 1 is not a function.`);
+    At(this, e);
   }
   /**
    * The Symbol.@@toStringTag value
    */
   get [Symbol.toStringTag]() {
-    return `ConnectionObserver`;
+    return "ConnectionObserver";
   }
   /**
    * Observe the given node or query selector for connections/disconnections.
@@ -1215,153 +900,126 @@ class ConnectionObserver {
    * as for example "img[data-some-attr]", for each new MutationRecord, the query selector
    * will be executed and the matched nodes will be observed for connections/disconnections
    */
-  observe(target) {
-    if (target === void 0) {
-      throw new ReferenceError(`Failed to execute '${this.observe.name}' on '${ConnectionObserver.name}': 1 argument required, but only 0 present.`);
-    } else if (typeof target !== "string" && !(target instanceof Node)) {
-      throw new TypeError(`Failed to execute '${this.observe.name}' on '${ConnectionObserver.name}': parameter 1 is not of type 'Node' or a DOMString.`);
-    }
-    const internals = CONNECTION_OBSERVER_INTERNALS_MAP.get(this);
-    if (internals == null)
-      return;
-    internals.addObservedTarget(target);
+  observe(e) {
+    if (e === void 0)
+      throw new ReferenceError(`Failed to execute '${this.observe.name}' on '${N.name}': 1 argument required, but only 0 present.`);
+    if (typeof e != "string" && !(e instanceof Node))
+      throw new TypeError(`Failed to execute '${this.observe.name}' on '${N.name}': parameter 1 is not of type 'Node' or a DOMString.`);
+    const r = W.get(this);
+    r?.addObservedTarget(e);
   }
   /**
    * Takes the records immediately (instead of waiting for the next flush)
    */
   takeRecords() {
-    const internals = CONNECTION_OBSERVER_INTERNALS_MAP.get(this);
-    if (internals == null)
-      return [];
-    return internals.clearQueue();
+    const e = W.get(this);
+    return e == null ? [] : e.clearQueue();
   }
   /**
    * Disconnects the ConnectionObserver such that none of its callbacks will be invoked any longer
    */
   disconnect() {
-    const internals = CONNECTION_OBSERVER_INTERNALS_MAP.get(this);
-    if (internals == null)
-      return;
-    internals.clearObservedTargets();
+    const e = W.get(this);
+    e?.clearObservedTargets();
   }
 }
-patchElementPrototypeAttachShadow(rootObserverQueue.schedule.bind(rootObserverQueue));
-function radEventListener(element, ...args) {
-  element.addEventListener(...args);
-  return () => {
-    element.removeEventListener(...args);
+Ct(ie.schedule.bind(ie));
+function Ft(t, ...e) {
+  return t.addEventListener(...e), () => {
+    t.removeEventListener(...e);
   };
 }
-function rad(element, gen) {
-  let cleanup;
-  gen((listener, options) => {
-    element.addEventListener(listener, options);
-    cleanup = () => element.removeEventListener(listener, options);
-  });
-  if (!cleanup) {
+function Dt(t, e) {
+  let r;
+  if (e((a, n) => {
+    t.addEventListener(a, n), r = () => t.removeEventListener(a, n);
+  }), !r)
     throw new Error("you forgot to add event listener");
-  }
-  return cleanup;
+  return r;
 }
-function isBufferDetached(buffer) {
-  const actualBuffer = getBuffer(buffer);
-  if ("detached" in actualBuffer) {
-    const detached = actualBuffer.detached;
-    return detached;
-  }
+function se(t) {
+  const e = Ie(t);
+  if ("detached" in e)
+    return e.detached;
   try {
-    new Uint8Array(actualBuffer);
-    return false;
-  } catch (e) {
-    return true;
+    return new Uint8Array(e), !1;
+  } catch {
+    return !0;
   }
 }
-class VideoFrameProcessor {
-  #canvas;
-  #context2d = null;
-  #contextWebGl2 = null;
-  #webGl2Texture = null;
-  #webGl2Framebuffer = null;
-  #buffer = null;
-  #cachedWidth = 0;
-  #cachedHeight = 0;
-  #canvasRenderingMode;
-  #requiredPackAlignment = 4;
+class It {
+  #e;
+  #o = null;
+  #a = null;
+  #r = null;
+  #n = null;
+  #t = null;
+  #s = 0;
+  #l = 0;
+  #i;
+  #u = 4;
   /**
    * Creates a new VideoFrameProcessor.
    *
    * @param options - The options for the VideoFrameProcessor.
    */
-  constructor(options = {}) {
-    const { canvasRenderingMode = "webgl2", fallbackWebGlTo2d = true } = options;
-    this.#canvasRenderingMode = canvasRenderingMode;
-    this.#canvas = document.createElement("canvas");
-    if (canvasRenderingMode === "2d") {
-      this.#initialize2dContext();
-    } else if (canvasRenderingMode === "webgl2") {
+  constructor(e = {}) {
+    const { canvasRenderingMode: r = "webgl2", fallbackWebGlTo2d: a = !0 } = e;
+    if (this.#i = r, this.#e = document.createElement("canvas"), r === "2d")
+      this.#d();
+    else if (r === "webgl2")
       try {
-        this.#initializeWebGl2Context();
-      } catch (error) {
-        if (fallbackWebGlTo2d) {
+        this.#h();
+      } catch (n) {
+        if (a)
           console.warn(
             "Failed to create WebGL2 context, falling back to 2D canvas"
-          );
-          this.#canvasRenderingMode = "2d";
-          this.#initialize2dContext();
-        } else {
-          throw error;
-        }
+          ), this.#i = "2d", this.#d();
+        else
+          throw n;
       }
-    } else {
+    else
       throw new Error(
-        `Unsupported rendering context: ${canvasRenderingMode}`
+        `Unsupported rendering context: ${r}`
       );
-    }
   }
   /**
    * Initializes the 2D canvas context.
    */
-  #initialize2dContext() {
-    const ctx = this.#canvas.getContext("2d", {
-      alpha: false,
-      willReadFrequently: true
+  #d() {
+    const e = this.#e.getContext("2d", {
+      alpha: !1,
+      willReadFrequently: !0
     });
-    if (!ctx) throw new Error("CanvasRenderingContext2D is missing!");
-    this.#context2d = ctx;
+    if (!e) throw new Error("CanvasRenderingContext2D is missing!");
+    this.#o = e;
   }
   /**
    * Initializes the WebGL2 context and resources.
    */
-  #initializeWebGl2Context() {
-    const ctx = this.#canvas.getContext("webgl2", {
-      alpha: false,
-      depth: false,
-      stencil: false,
-      antialias: false,
-      premultipliedAlpha: false,
-      preserveDrawingBuffer: false,
-      desynchronized: false,
+  #h() {
+    const e = this.#e.getContext("webgl2", {
+      alpha: !1,
+      depth: !1,
+      stencil: !1,
+      antialias: !1,
+      premultipliedAlpha: !1,
+      preserveDrawingBuffer: !1,
+      desynchronized: !1,
       powerPreference: "high-performance"
     });
-    if (!ctx) throw new Error("WebGL2RenderingContext is missing!");
-    this.#contextWebGl2 = ctx;
-    const texture = ctx.createTexture();
-    if (!texture) throw new Error("Failed to create WebGL texture");
-    this.#webGl2Texture = texture;
-    ctx.bindTexture(ctx.TEXTURE_2D, texture);
-    ctx.texParameteri(ctx.TEXTURE_2D, ctx.TEXTURE_WRAP_S, ctx.CLAMP_TO_EDGE);
-    ctx.texParameteri(ctx.TEXTURE_2D, ctx.TEXTURE_WRAP_T, ctx.CLAMP_TO_EDGE);
-    ctx.texParameteri(ctx.TEXTURE_2D, ctx.TEXTURE_MIN_FILTER, ctx.NEAREST);
-    ctx.texParameteri(ctx.TEXTURE_2D, ctx.TEXTURE_MAG_FILTER, ctx.NEAREST);
-    const framebuffer = ctx.createFramebuffer();
-    if (!framebuffer) throw new Error("Failed to create framebuffer");
-    this.#webGl2Framebuffer = framebuffer;
-    ctx.bindFramebuffer(ctx.FRAMEBUFFER, framebuffer);
-    ctx.framebufferTexture2D(
-      ctx.FRAMEBUFFER,
-      ctx.COLOR_ATTACHMENT0,
-      ctx.TEXTURE_2D,
-      texture,
+    if (!e) throw new Error("WebGL2RenderingContext is missing!");
+    this.#a = e;
+    const r = e.createTexture();
+    if (!r) throw new Error("Failed to create WebGL texture");
+    this.#r = r, e.bindTexture(e.TEXTURE_2D, r), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.NEAREST), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.NEAREST);
+    const a = e.createFramebuffer();
+    if (!a) throw new Error("Failed to create framebuffer");
+    this.#n = a, e.bindFramebuffer(e.FRAMEBUFFER, a), e.framebufferTexture2D(
+      e.FRAMEBUFFER,
+      e.COLOR_ATTACHMENT0,
+      e.TEXTURE_2D,
+      r,
       0
     );
   }
@@ -1373,19 +1031,17 @@ class VideoFrameProcessor {
    *
    * @param arrayBuffer - The array buffer to reattach.
    */
-  reattachArrayBuffer(arrayBuffer) {
-    const actualBuffer = getBuffer(arrayBuffer);
-    if (isBufferDetached(actualBuffer)) {
+  reattachArrayBuffer(e) {
+    const r = Ie(e);
+    if (se(r))
       throw new Error("Can't use a detached array buffer!");
-    }
-    const requiredSize = this.#cachedWidth * this.#cachedHeight * 4;
-    if (actualBuffer.byteLength === requiredSize) {
-      this.#buffer = new Uint8ClampedArray(actualBuffer);
-    } else {
+    const a = this.#s * this.#l * 4;
+    if (r.byteLength === a)
+      this.#t = new Uint8ClampedArray(r);
+    else
       throw new Error(
-        `ArrayBuffer size mismatch: expected ${requiredSize}, got ${actualBuffer.byteLength}`
+        `ArrayBuffer size mismatch: expected ${a}, got ${r.byteLength}`
       );
-    }
   }
   /**
    * Used to check if the processor owns the buffer.
@@ -1393,10 +1049,9 @@ class VideoFrameProcessor {
    * @returns true if the processor owns the buffer, false otherwise.
    */
   isBufferDetached() {
-    if (!this.#buffer) {
+    if (!this.#t)
       throw new Error("Buffer is missing!");
-    }
-    return isBufferDetached(this.#buffer.buffer);
+    return se(this.#t.buffer);
   }
   /**
    * Extracts image data from a source element.
@@ -1405,8 +1060,8 @@ class VideoFrameProcessor {
    * @param area - The extraction area.
    * @returns The image data.
    */
-  getImageData(source, area) {
-    return this.#canvasRenderingMode === "2d" ? this.#getImageData2d(source, area) : this.#getImageDataWebGl2(source, area);
+  getImageData(e, r) {
+    return this.#i === "2d" ? this.#m(e, r) : this.#f(e, r);
   }
   /**
    * Used to get the current ImageData object with the current buffer. Useful
@@ -1416,10 +1071,9 @@ class VideoFrameProcessor {
    * @returns ImageData object with the current buffer
    */
   getCurrentImageData() {
-    if (!this.#buffer) {
+    if (!this.#t)
       throw new Error("Buffer is missing!");
-    }
-    return new ImageData(this.#buffer, this.#cachedWidth, this.#cachedHeight);
+    return new ImageData(this.#t, this.#s, this.#l);
   }
   /**
    * Extract image data using 2D canvas.
@@ -1428,18 +1082,11 @@ class VideoFrameProcessor {
    * @param area - The extraction area.
    * @returns The image data.
    */
-  #getImageData2d(source, area) {
-    if (!this.#context2d)
+  #m(e, r) {
+    if (!this.#o)
       throw new Error("CanvasRenderingContext2D is missing!");
-    const fullWidth = "videoWidth" in source ? source.videoWidth : source.width;
-    const fullHeight = "videoHeight" in source ? source.videoHeight : source.height;
-    const x = area?.x ?? 0;
-    const y = area?.y ?? 0;
-    const w = area?.width ?? fullWidth;
-    const h = area?.height ?? fullHeight;
-    this.#updateCanvasSize(w, h);
-    this.#context2d.drawImage(source, x, y, w, h);
-    return this.#context2d.getImageData(0, 0, w, h);
+    const a = "videoWidth" in e ? e.videoWidth : e.width, n = "videoHeight" in e ? e.videoHeight : e.height, o = r?.x ?? 0, i = r?.y ?? 0, l = r?.width ?? a, c = r?.height ?? n;
+    return this.#c(l, c), this.#o.drawImage(e, o, i, l, c), this.#o.getImageData(0, 0, l, c);
   }
   /**
    * Extract image data using WebGL2.
@@ -1448,43 +1095,26 @@ class VideoFrameProcessor {
    * @param area - The extraction area.
    * @returns The image data.
    */
-  #getImageDataWebGl2(source, area) {
-    if (!this.#contextWebGl2 || !this.#webGl2Texture || !this.#webGl2Framebuffer) {
+  #f(e, r) {
+    if (!this.#a || !this.#r || !this.#n)
       throw new Error("WebGL2 context or resources are missing!");
-    }
-    const fullWidth = "videoWidth" in source ? source.videoWidth : source.width;
-    const fullHeight = "videoHeight" in source ? source.videoHeight : source.height;
-    const x = area?.x ?? 0;
-    const y = area?.y ?? 0;
-    const w = area?.width ?? fullWidth;
-    const h = area?.height ?? fullHeight;
-    const requiredSize = w * h * 4;
-    this.#updateCanvasSize(w, h);
-    if (this.isBufferDetached()) {
+    const a = "videoWidth" in e ? e.videoWidth : e.width, n = "videoHeight" in e ? e.videoHeight : e.height, o = r?.x ?? 0, i = r?.y ?? 0, l = r?.width ?? a, c = r?.height ?? n, d = l * c * 4;
+    if (this.#c(l, c), this.isBufferDetached())
       throw new Error("Buffer is detached!");
-    }
-    if (!this.#buffer || this.#buffer.length !== requiredSize) {
-      this.#buffer = new Uint8ClampedArray(requiredSize);
-    }
-    const gl = this.#contextWebGl2;
-    gl.bindTexture(gl.TEXTURE_2D, this.#webGl2Texture);
-    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, source);
-    gl.bindFramebuffer(gl.FRAMEBUFFER, this.#webGl2Framebuffer);
+    (!this.#t || this.#t.length !== d) && (this.#t = new Uint8ClampedArray(d));
+    const h = this.#a;
+    h.bindTexture(h.TEXTURE_2D, this.#r), h.texImage2D(h.TEXTURE_2D, 0, h.RGBA, h.RGBA, h.UNSIGNED_BYTE, e), h.bindFramebuffer(h.FRAMEBUFFER, this.#n);
     try {
-      gl.pixelStorei(gl.PACK_ALIGNMENT, this.#requiredPackAlignment);
-      gl.readPixels(x, y, w, h, gl.RGBA, gl.UNSIGNED_BYTE, this.#buffer);
-    } catch (error) {
-      if (this.#requiredPackAlignment !== 1) {
-        this.#requiredPackAlignment = 1;
-        gl.pixelStorei(gl.PACK_ALIGNMENT, 1);
-        const newBuffer = new Uint8ClampedArray(requiredSize);
-        gl.readPixels(0, 0, w, h, gl.RGBA, gl.UNSIGNED_BYTE, newBuffer);
-        this.#buffer = newBuffer;
-        return new ImageData(newBuffer, w, h);
+      h.pixelStorei(h.PACK_ALIGNMENT, this.#u), h.readPixels(o, i, l, c, h.RGBA, h.UNSIGNED_BYTE, this.#t);
+    } catch (C) {
+      if (this.#u !== 1) {
+        this.#u = 1, h.pixelStorei(h.PACK_ALIGNMENT, 1);
+        const w = new Uint8ClampedArray(d);
+        return h.readPixels(0, 0, l, c, h.RGBA, h.UNSIGNED_BYTE, w), this.#t = w, new ImageData(w, l, c);
       }
-      throw error;
+      throw C;
     }
-    return new ImageData(this.#buffer, w, h);
+    return new ImageData(this.#t, l, c);
   }
   /**
    * Update canvas dimensions if needed.
@@ -1494,116 +1124,104 @@ class VideoFrameProcessor {
    * @param width - The width of the canvas.
    * @param height - The height of the canvas.
    */
-  #updateCanvasSize(width, height) {
-    if (this.#cachedWidth !== width || this.#cachedHeight !== height) {
-      this.#canvas.width = width;
-      this.#canvas.height = height;
-      this.#cachedWidth = width;
-      this.#cachedHeight = height;
-      const requiredSize = width * height * 4;
-      this.#buffer = new Uint8ClampedArray(requiredSize);
+  #c(e, r) {
+    if (this.#s !== e || this.#l !== r) {
+      this.#e.width = e, this.#e.height = r, this.#s = e, this.#l = r;
+      const a = e * r * 4;
+      this.#t = new Uint8ClampedArray(a);
     }
   }
   /**
    * Clean up resources.
    */
   dispose() {
-    if (this.#contextWebGl2) {
-      if (this.#webGl2Texture) {
-        this.#contextWebGl2.deleteTexture(this.#webGl2Texture);
-        this.#webGl2Texture = null;
-      }
-      if (this.#webGl2Framebuffer) {
-        this.#contextWebGl2.deleteFramebuffer(this.#webGl2Framebuffer);
-        this.#webGl2Framebuffer = null;
-      }
-    }
-    this.#context2d = null;
-    this.#contextWebGl2 = null;
-    this.#buffer = null;
+    this.#a && (this.#r && (this.#a.deleteTexture(this.#r), this.#r = null), this.#n && (this.#a.deleteFramebuffer(this.#n), this.#n = null)), this.#o = null, this.#a = null, this.#t = null;
   }
 }
-const getBuffer = (buffer) => {
-  if (ArrayBuffer.isView(buffer)) {
-    return buffer.buffer;
-  } else {
-    return buffer;
-  }
-};
-const defaultCameraManagerOptions = {
-  mirrorFrontCameras: true
+const Ie = (t) => ArrayBuffer.isView(t) ? t.buffer : t, zt = {
+  mirrorFrontCameras: !0,
+  preferredResolution: "1080p"
 };
-class CameraManager {
-  #resumeRequest;
-  #resolution = "4k";
-  #extractionArea;
-  #videoFrameRequestId;
-  #videoFrameProcessor;
-  #mirrorFrontCameras;
-  #eventListenerCleanup;
+class ta {
+  #e;
+  /**
+   * 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,
+   * the camera will automatically fall back to the next lower supported resolution in this order:
+   * 4k → 1080p → 720p. The actual resolution used may differ from this setting based on
+   * camera capabilities and system constraints.
+   */
+  #o;
+  #a;
+  #r;
+  #n;
+  #t;
+  #s;
   /**
    * If true, the user has initiated an abort. This will prevent the
    * CameraManager from throwing errors when the user interrupts the process.
    */
-  #userInitiatedAbort = false;
+  #l = !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.#userInitiatedAbort;
+    return this.#l;
   }
-  set userInitiatedAbort(value) {
-    this.#userInitiatedAbort = value;
+  set userInitiatedAbort(e) {
+    this.#l = e;
   }
   /**
    * Sets the area of the video frame that will be extracted.
    *
    * @param extractionArea The area of the video frame that will be extracted.
    */
-  setExtractionArea(extractionArea) {
-    this.#extractionArea = extractionArea;
+  setExtractionArea(e) {
+    this.#a = e;
   }
   /**
    * Callbacks that will be triggered on each frame when the playback state is
    * "capturing".
    */
-  #frameCaptureCallbacks = /* @__PURE__ */ new Set();
+  #i = /* @__PURE__ */ new Set();
   /**
    * Creates a new CameraManager instance.
    *
    * @param options - The options for the CameraManager.
    * @param videoFrameProcessorOptions - The options for the VideoFrameProcessor.
    */
-  constructor(options = {}, videoFrameProcessorOptions) {
-    const { mirrorFrontCameras } = {
-      ...defaultCameraManagerOptions,
-      ...options
+  constructor(e = {}, r) {
+    const { mirrorFrontCameras: a, preferredResolution: n } = {
+      ...zt,
+      ...e
     };
-    this.#videoFrameProcessor = new VideoFrameProcessor(
-      videoFrameProcessorOptions
-    );
-    this.#mirrorFrontCameras = mirrorFrontCameras;
+    this.#o = n, this.#n = new It(
+      r
+    ), this.#t = a;
   }
   /**
-   * Sets the resolution of the camera stream.
+   * Sets 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,
+   * the camera will automatically fall back to the next lower supported resolution in this order:
+   * 4k → 1080p → 720p. If there's an active stream, it will be restarted with the new resolution.
    *
-   * @param resolution - The resolution to set.
+   * @param resolution - The ideal resolution to set for camera streams.
    */
-  setResolution = async (resolution) => {
-    this.#resolution = resolution;
-    const playbackState = this.getState().playbackState;
-    if (playbackState !== "idle") {
-      this.#resumeRequest = playbackState;
-      this.stopStream();
-      await this.startCameraStream();
-    }
+  setResolution = async (e) => {
+    this.#o = e;
+    const r = this.getState().playbackState;
+    r !== "idle" && (this.#e = r, this.stopStream(), await this.startCameraStream());
   };
   /**
-   * The resolution of the camera stream.
+   * 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,
+   * the camera will automatically fall back to the next lower supported resolution in this order:
+   * 4k → 1080p → 720p. The actual resolution used may differ from this setting based on
+   * camera capabilities and system constraints.
    */
   get resolution() {
-    return this.#resolution;
+    return this.#o;
   }
   /**
    * True if there is a video playing or capturing
@@ -1611,16 +1229,16 @@ class CameraManager {
    * @see https://developer.mozilla.org/en-US/docs/Web/API/MediaSession/playbackState for more details.
    */
   get isActive() {
-    return cameraManagerStore.getState().playbackState !== "idle";
+    return m.getState().playbackState !== "idle";
   }
   /**
    * Sets the facing filter.
    *
    * @param facingFilter - The facing filter.
    */
-  setFacingFilter(facingFilter) {
-    cameraManagerStore.setState({
-      facingFilter
+  setFacingFilter(e) {
+    m.setState({
+      facingFilter: e
     });
   }
   /**
@@ -1630,39 +1248,30 @@ class CameraManager {
    * @returns The cameras that are available to the user, filtered by the facing mode.
    */
   async getCameraDevices() {
-    let allCameras = cameraManagerStore.getState().cameras;
-    const facingFilter = cameraManagerStore.getState().facingFilter;
-    if (!allCameras.length) {
-      await this.refreshCameraDevices();
-    }
-    allCameras = cameraManagerStore.getState().cameras;
-    if (!facingFilter) {
-      return allCameras;
-    }
-    const filteredCameras = allCameras.filter(
-      (camera) => facingFilter.includes(camera.facingMode)
-    );
-    return filteredCameras;
+    let e = m.getState().cameras;
+    const r = m.getState().facingFilter;
+    return e.length || await this.refreshCameraDevices(), e = m.getState().cameras, r ? e.filter(
+      (n) => r.includes(n.facingMode)
+    ) : e;
   }
   /**
    * Single-time setup for a video element.
    *
    * @param videoElement - The video element to initialize.
    */
-  #initVideoElement(videoElement) {
-    if (!(videoElement instanceof HTMLVideoElement)) {
+  #u(e) {
+    if (!(e instanceof HTMLVideoElement))
       throw new Error(
-        `Expected an HTMLVideoElement, got ${typeof videoElement}`,
+        `Expected an HTMLVideoElement, got ${typeof e}`,
         {
-          cause: videoElement
+          cause: e
         }
       );
-    }
-    cameraManagerStore.setState({
-      videoElement
+    m.setState({
+      videoElement: e
     });
-    const videoEventCleanup = rad(videoElement, (add) => {
-      const events = [
+    const r = Dt(e, (i) => {
+      [
         "abort"
         // "error",
         // "canplay",
@@ -1681,48 +1290,36 @@ class CameraManager {
         // "timeupdate",
         // "ratechange",
         // "durationchange",
-      ];
-      events.forEach((event) => {
-        add(event, () => {
-          console.debug(`Video event: ${event}`);
+      ].forEach((c) => {
+        i(c, () => {
+          console.debug(`Video event: ${c}`);
         });
       });
     });
-    const connectionObserver = new ConnectionObserver((entries) => {
-      if (!entries[0].connected) {
-        this.releaseVideoElement();
-      }
-    });
-    connectionObserver.observe(videoElement);
-    videoElement.setAttribute("playsInline", "");
-    videoElement.setAttribute("muted", "");
-    videoElement.controls = false;
-    let previousPlaybackState = "idle";
-    const cleanupVisibilityListener = radEventListener(
+    new N((i) => {
+      i[0].connected || this.releaseVideoElement();
+    }).observe(e), e.setAttribute("playsInline", ""), e.setAttribute("muted", ""), e.controls = !1;
+    let n = "idle";
+    const o = Ft(
       document,
       "visibilitychange",
       async () => {
-        const isHidden = document.hidden;
-        if (isHidden) {
-          previousPlaybackState = cameraManagerStore.getState().playbackState;
-          this.stopStream();
+        if (document.hidden) {
+          n = m.getState().playbackState, this.stopStream();
           return;
         }
-        switch (previousPlaybackState) {
+        switch (n) {
           case "playback":
-            await this.startCameraStream();
-            await this.startPlayback();
+            await this.startCameraStream(), await this.startPlayback();
             break;
           case "capturing":
-            await this.startCameraStream();
-            await this.startFrameCapture();
+            await this.startCameraStream(), await this.startFrameCapture();
             break;
         }
       }
     );
-    this.#eventListenerCleanup = () => {
-      cleanupVisibilityListener();
-      videoEventCleanup();
+    this.#s = () => {
+      o(), r();
     };
   }
   /**
@@ -1730,15 +1327,14 @@ class CameraManager {
    *
    * @param videoElement - The video element to initialize.
    */
-  initVideoElement(videoElement) {
+  initVideoElement(e) {
     try {
-      this.#initVideoElement(videoElement);
-    } catch (error) {
-      if (this.userInitiatedAbort) {
+      this.#u(e);
+    } catch (r) {
+      if (this.userInitiatedAbort)
         this.reset();
-      } else {
-        throw error;
-      }
+      else
+        throw r;
     }
   }
   /**
@@ -1748,19 +1344,16 @@ class CameraManager {
    * @param frameCaptureCallback - The callback to add.
    * @returns a cleanup function to remove the callback
    */
-  addFrameCaptureCallback(frameCaptureCallback) {
-    this.#frameCaptureCallbacks.add(frameCaptureCallback);
-    return () => this.#frameCaptureCallbacks.delete(frameCaptureCallback);
+  addFrameCaptureCallback(e) {
+    return this.#i.add(e), () => this.#i.delete(e);
   }
   /**
    * Cleans up the video element, and stops the stream.
    */
   releaseVideoElement() {
-    this.#eventListenerCleanup?.();
-    cameraManagerStore.setState({
+    this.#s?.(), m.setState({
       videoElement: void 0
-    });
-    this.stopStream();
+    }), this.stopStream();
   }
   // TODO: might become a private method in the future as an implementation detail of `startStream`
   /**
@@ -1768,43 +1361,24 @@ class CameraManager {
    *
    * @param camera - The camera to select.
    */
-  async selectCamera(camera) {
-    const playbackState = cameraManagerStore.getState().playbackState;
-    if (playbackState !== "idle") {
-      this.#resumeRequest = playbackState;
-    }
-    const state = cameraManagerStore.getState();
-    if (state.selectedCamera === camera) {
+  async selectCamera(e) {
+    const r = m.getState().playbackState;
+    r !== "idle" && (this.#e = r);
+    const a = m.getState();
+    if (a.selectedCamera === e) {
       console.debug("Already selected");
       return;
     }
-    if (state.isSwappingCamera) {
+    if (a.isSwappingCamera) {
       console.debug("Already swapping");
       return;
     }
-    cameraManagerStore.setState({
-      isSwappingCamera: true
-    });
-    if (state.selectedCamera?.activeStream) {
-      console.debug("Stopping previous stream");
-      state.selectedCamera.stopStream();
-    }
-    if (state.videoElement) {
-      state.videoElement.srcObject = null;
-    }
-    cameraManagerStore.setState({
-      selectedCamera: camera,
-      isSwappingCamera: false
-    });
-    if (this.#resumeRequest === "playback") {
-      console.debug("Starting new stream");
-      await this.startPlayback();
-    }
-    if (this.#resumeRequest === "capturing") {
-      console.debug("Resuming frame capture");
-      await this.startFrameCapture();
-    }
-    this.#resumeRequest = void 0;
+    m.setState({
+      isSwappingCamera: !0
+    }), a.selectedCamera?.activeStream && (console.debug("Stopping previous stream"), a.selectedCamera.stopStream()), a.videoElement && (a.videoElement.srcObject = null), m.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;
   }
   /**
    * Refreshes available devices on the system and updates the state.
@@ -1812,50 +1386,38 @@ class CameraManager {
    * @returns resolves when the camera devices are refreshed
    */
   async refreshCameraDevices() {
-    if (cameraManagerStore.getState().isQueryingCameras || cameraManagerStore.getState().isSwappingCamera) {
+    if (m.getState().isQueryingCameras || m.getState().isSwappingCamera) {
       console.debug("Already querying cameras");
       return;
     }
-    cameraManagerStore.setState({
-      isQueryingCameras: true
+    m.setState({
+      isQueryingCameras: !0
     });
-    const availableCameras = await obtainVideoInputDevices().catch((err) => {
-      cameraManagerStore.setState({
-        errorState: asError(err),
-        isQueryingCameras: false
-      });
-      throw err;
-    });
-    const cameras = createCameras(availableCameras);
-    cameras.forEach((camera) => {
-      if (camera.notifyStateChange) {
-        return;
-      }
-      camera.notifyStateChange = (camInstance, reason) => {
+    const e = await ut().catch((a) => {
+      throw m.setState({
+        errorState: K(a),
+        isQueryingCameras: !1
+      }), a;
+    }), r = gt(e);
+    r.forEach((a) => {
+      a.notifyStateChange || (a.notifyStateChange = (n, o) => {
         window.queueMicrotask(() => {
-          cameraManagerStore.setState({
-            cameras: [...cameraManagerStore.getState().cameras]
+          m.setState({
+            cameras: [...m.getState().cameras]
           });
-          const selectedCamera = cameraManagerStore.getState().selectedCamera;
-          if (!selectedCamera) {
+          const i = m.getState().selectedCamera;
+          if (!i)
             return;
-          }
-          let streamError;
-          if (typeof reason === "object" && reason !== null && "payload" in reason && reason.payload === "TRACK_END") {
-            streamError = new Error("Camera stream ended unexpectedly");
-          }
-          if (camInstance === selectedCamera) {
-            cameraManagerStore.setState({
-              selectedCamera,
-              errorState: streamError
-            });
-          }
+          let l;
+          typeof o == "object" && o !== null && "payload" in o && o.payload === "TRACK_END" && (l = new Error("Camera stream ended unexpectedly")), n === i && m.setState({
+            selectedCamera: i,
+            errorState: l
+          });
         });
-      };
-    });
-    cameraManagerStore.setState({
-      cameras,
-      isQueryingCameras: false
+      });
+    }), m.setState({
+      cameras: r,
+      isQueryingCameras: !1
     });
   }
   /**
@@ -1864,34 +1426,29 @@ class CameraManager {
    * @returns resolves when playback starts
    */
   async startPlayback() {
-    const state = cameraManagerStore.getState();
-    if (this.isActive && !this.#resumeRequest) {
-      return;
-    }
-    if (!state.videoElement) {
-      console.warn("Starting playback - no video element present.");
-      return;
-    }
-    if (!state.selectedCamera) {
-      console.warn("Select a camera first.");
-      return;
-    }
-    if (!state.selectedCamera.activeStream) {
-      const stream = await state.selectedCamera.startStream(this.resolution);
-      state.videoElement.srcObject = stream;
-    }
-    try {
-      this.#applyMirrorIfNeeded();
-      await state.videoElement.play();
-      cameraManagerStore.setState({
-        playbackState: "playback"
-      });
-    } catch (error) {
-      console.error("Failed to start playback", error);
-      cameraManagerStore.setState({
-        errorState: asError(error)
-      });
-      throw error;
+    const e = m.getState();
+    if (!(this.isActive && !this.#e)) {
+      if (!e.videoElement) {
+        console.warn("Starting playback - no video element present.");
+        return;
+      }
+      if (!e.selectedCamera) {
+        console.warn("Select a camera first.");
+        return;
+      }
+      if (!e.selectedCamera.activeStream) {
+        const r = await e.selectedCamera.startStream(this.resolution);
+        e.videoElement.srcObject = r;
+      }
+      try {
+        this.#g(), await e.videoElement.play(), m.setState({
+          playbackState: "playback"
+        });
+      } catch (r) {
+        throw console.error("Failed to start playback", r), m.setState({
+          errorState: K(r)
+        }), r;
+      }
     }
   }
   /**
@@ -1899,32 +1456,25 @@ class CameraManager {
    *
    * @returns resolves when frame capture starts
    */
-  async #startFrameCapture() {
-    const state = cameraManagerStore.getState();
-    if (this.userInitiatedAbort) {
-      return;
-    }
-    if (state.playbackState === "capturing" && this.#resumeRequest !== "capturing") {
-      return;
-    }
-    if (!state.videoElement) {
-      console.warn(
-        "Missing video element. Setup a video element first using `initVideoElement`"
-      );
-      return;
-    }
-    if (!state.selectedCamera) {
-      console.warn(
-        "No active camera! Select a camera first, or use `startCameraStream`"
-      );
-      return;
+  async #d() {
+    const e = m.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`"
+        );
+        return;
+      }
+      if (!e.selectedCamera) {
+        console.warn(
+          "No active camera! Select a camera first, or use `startCameraStream`"
+        );
+        return;
+      }
+      await this.startPlayback(), m.setState({
+        playbackState: "capturing"
+      }), this.#c(), this.#e = void 0;
     }
-    await this.startPlayback();
-    cameraManagerStore.setState({
-      playbackState: "capturing"
-    });
-    this.#queueFrame();
-    this.#resumeRequest = void 0;
   }
   /**
    * Starts capturing frames from the video element.
@@ -1933,13 +1483,12 @@ class CameraManager {
    */
   startFrameCapture = async () => {
     try {
-      await this.#startFrameCapture();
-    } catch (error) {
-      if (this.userInitiatedAbort) {
+      await this.#d();
+    } catch (e) {
+      if (this.userInitiatedAbort)
         this.reset();
-      } else {
-        throw error;
-      }
+      else
+        throw e;
     }
   };
   /**
@@ -1948,82 +1497,55 @@ class CameraManager {
    * @param params - The parameters for the camera stream.
    * @returns resolves when the camera stream starts
    */
-  async #startCameraStream({
-    autoplay = true,
-    preferredCamera,
-    preferredFacing
+  async #h({
+    autoplay: e = !0,
+    preferredCamera: r,
+    preferredFacing: a
   } = {}) {
-    const videoElement = cameraManagerStore.getState().videoElement;
-    if (!videoElement) {
+    const n = m.getState().videoElement;
+    if (!n) {
       console.warn("Can't start stream without a video element");
       return;
     }
-    if (this.isActive && !this.#resumeRequest) {
+    if (this.isActive && !this.#e) {
       console.warn("Already streaming");
       return;
     }
-    if (preferredCamera instanceof Camera) {
-      await this.selectCamera(preferredCamera);
-    }
-    if (!cameraManagerStore.getState().selectedCamera) {
+    if (r instanceof Ae && await this.selectCamera(r), !m.getState().selectedCamera)
       try {
-        const cameras = await this.getCameraDevices();
-        let selectedCamera2;
-        if (!cameras.length) {
-          console.log("Camera list is empty");
-          throw new Error(
-            `No cameras found matching the filter ${preferredFacing}`
-          );
-        }
-        if (typeof preferredCamera === "function") {
-          selectedCamera2 = preferredCamera(cameras);
-          if (!selectedCamera2) {
-            console.warn(
-              `No camera found matching the preferred camera function, falling back to facing mode`
-            );
-          }
-        }
-        if (!selectedCamera2) {
-          selectedCamera2 = await findIdealCamera(
-            cameras,
-            this.resolution,
-            preferredFacing
+        const l = await this.getCameraDevices();
+        let c;
+        if (!l.length)
+          throw console.log("Camera list is empty"), new Error(
+            `No cameras found matching the filter ${a}`
           );
-        }
-        if (!selectedCamera2) {
+        if (typeof r == "function" && (c = r(l), c || console.warn(
+          "No camera found matching the preferred camera function, falling back to facing mode"
+        )), c || (c = await ft(
+          l,
+          this.resolution,
+          a
+        )), !c)
           throw new Error(
-            `No cameras found matching the filter ${preferredFacing}`
+            `No cameras found matching the filter ${a}`
           );
-        }
-        await this.selectCamera(selectedCamera2);
-        if (this.#hasPermissionError()) {
-          cameraManagerStore.setState({
-            errorState: void 0
-          });
-        }
-      } catch (error) {
-        cameraManagerStore.setState({
-          errorState: asError(error)
+        await this.selectCamera(c), this.#m() && m.setState({
+          errorState: void 0
         });
-        throw error;
+      } catch (l) {
+        throw m.setState({
+          errorState: K(l)
+        }), l;
       }
-    }
-    const selectedCamera = cameraManagerStore.getState().selectedCamera;
-    if (!selectedCamera) {
-      console.warn("No selected camera!");
-      throw new Error("No selected camera");
-    }
-    const stream = await selectedCamera.startStream(this.#resolution);
-    if (!videoElement.isConnected) {
+    const o = m.getState().selectedCamera;
+    if (!o)
+      throw console.warn("No selected camera!"), new Error("No selected camera");
+    const i = await o.startStream(this.#o);
+    if (!n.isConnected)
       throw new Error("Video element needs to be in the document!");
-    }
-    videoElement.srcObject = stream;
-    cameraManagerStore.setState({
-      videoElement
-    });
-    if (autoplay) {
-      await this.startPlayback();
-    }
+    n.srcObject = i, m.setState({
+      videoElement: n
+    }), e && await this.startPlayback();
   }
   /**
    * Starts a best-effort camera stream. Will pick a camera automatically if
@@ -2032,15 +1554,14 @@ class CameraManager {
    * @param params - The parameters for the camera stream.
    * @returns resolves when the camera stream starts
    */
-  async startCameraStream(params = {}) {
+  async startCameraStream(e = {}) {
     try {
-      await this.#startCameraStream(params);
-    } catch (error) {
-      if (this.userInitiatedAbort) {
+      await this.#h(e);
+    } catch (r) {
+      if (this.userInitiatedAbort)
         this.reset();
-      } else {
-        throw error;
-      }
+      else
+        throw r;
     }
   }
   /**
@@ -2048,15 +1569,15 @@ class CameraManager {
    *
    * @returns true if the error state is a permission error
    */
-  #hasPermissionError = () => {
-    const errorState = cameraManagerStore.getState().errorState;
-    return errorState instanceof CameraError && errorState.code === "PERMISSION_DENIED";
+  #m = () => {
+    const e = m.getState().errorState;
+    return e instanceof xe && e.code === "PERMISSION_DENIED";
   };
   /**
    * Pauses capturing frames, without stopping playback.
    */
   stopFrameCapture() {
-    cameraManagerStore.setState({
+    m.setState({
       playbackState: "playback"
     });
   }
@@ -2065,130 +1586,94 @@ class CameraManager {
    */
   stopStream() {
     console.debug("stopStream called");
-    const state = cameraManagerStore.getState();
-    this.pausePlayback();
-    state.selectedCamera?.stopStream();
-    if (state.videoElement) {
-      state.videoElement.srcObject = null;
-    }
+    const e = m.getState();
+    this.pausePlayback(), e.selectedCamera?.stopStream(), e.videoElement && (e.videoElement.srcObject = null);
   }
   /**
    * Pauses the video playback. This will also stop the capturing process.
    */
   pausePlayback() {
     console.debug("pausePlayback called");
-    const video = cameraManagerStore.getState().videoElement;
-    cameraManagerStore.setState({
+    const e = m.getState().videoElement;
+    m.setState({
       playbackState: "idle"
-    });
-    if (!video) {
-      return;
-    }
-    if (this.#videoFrameRequestId) {
-      video.cancelVideoFrameCallback(this.#videoFrameRequestId);
-    }
-    video.pause();
+    }), e && (this.#r && e.cancelVideoFrameCallback(this.#r), e.pause());
   }
   /**
    * The main recognition loop. Do not call this method directly, use `#queueFrame` instead.
    */
-  async #loop() {
-    const state = cameraManagerStore.getState();
-    if (this.#videoFrameRequestId === void 0) {
+  async #f() {
+    const e = m.getState();
+    if (this.#r === void 0) {
       console.error("Missing request ID");
       return;
     }
-    if (!state.videoElement) {
+    if (!e.videoElement) {
       console.warn("Missing video element, should not happen");
       return;
     }
-    const isSameOrientation = state.videoElement.videoHeight >= state.videoElement.videoWidth === this.#extractionArea.height >= this.#extractionArea.width;
-    if (!isSameOrientation) {
-      return this.#queueFrame();
-    }
-    if (this.#frameCaptureCallbacks.size !== 0) {
-      const capturedFrame = this.#videoFrameProcessor.getImageData(
-        state.videoElement,
-        this.#extractionArea
+    if (!(e.videoElement.videoHeight >= e.videoElement.videoWidth == this.#a.height >= this.#a.width))
+      return this.#c();
+    if (this.#i.size !== 0) {
+      const a = this.#n.getImageData(
+        e.videoElement,
+        this.#a
       );
-      for (const callback of this.#frameCaptureCallbacks) {
-        const workingFrame = isBufferDetached(capturedFrame.data) ? this.#videoFrameProcessor.getCurrentImageData() : capturedFrame;
-        const returnedBuffer = await callback(workingFrame);
-        if (!returnedBuffer) {
-          continue;
-        }
-        if (!(returnedBuffer instanceof ArrayBuffer)) {
-          throw new Error(
-            stripIndents`
+      for (const n of this.#i) {
+        const o = se(a.data) ? this.#n.getCurrentImageData() : a, i = await n(o);
+        if (i) {
+          if (!(i instanceof ArrayBuffer))
+            throw new Error(
+              Me`
               Frame capture callback did not return an ArrayBuffer.
               Make sure to return the underlying buffer, not the view.
             `
-          );
+            );
+          this.#n.reattachArrayBuffer(i);
         }
-        this.#videoFrameProcessor.reattachArrayBuffer(returnedBuffer);
       }
     }
-    this.#queueFrame();
+    this.#c();
   }
   /**
    * Queues the next frame to be processed.
    */
-  #queueFrame() {
-    const state = cameraManagerStore.getState();
-    if (state.playbackState !== "capturing") {
-      return;
-    }
-    if (!state.videoElement) {
-      console.warn("Missing video element, should not happen");
-      return;
-    }
-    if (this.#videoFrameRequestId) {
-      state.videoElement.cancelVideoFrameCallback(this.#videoFrameRequestId);
+  #c() {
+    const e = m.getState();
+    if (e.playbackState === "capturing") {
+      if (!e.videoElement) {
+        console.warn("Missing video element, should not happen");
+        return;
+      }
+      this.#r && e.videoElement.cancelVideoFrameCallback(this.#r), this.#r = e.videoElement.requestVideoFrameCallback(
+        () => void this.#f()
+      );
     }
-    this.#videoFrameRequestId = state.videoElement.requestVideoFrameCallback(
-      () => void this.#loop()
-    );
   }
   /**
    * 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.
    */
-  #applyMirrorIfNeeded() {
-    const camera = cameraManagerStore.getState().selectedCamera;
-    if (!camera) {
+  #g() {
+    const e = m.getState().selectedCamera;
+    if (!e) {
       console.warn("No camera selected");
       return;
     }
-    if (!this.#mirrorFrontCameras) {
-      return;
-    }
-    if (camera.facingMode !== "back") {
-      this.setCameraMirrorX(true);
-    } else {
-      this.setCameraMirrorX(false);
-    }
+    this.#t && (e.facingMode !== "back" ? this.setCameraMirrorX(!0) : this.setCameraMirrorX(!1));
   }
   /**
    * If true, the video and captured frames will be mirrored horizontally.
    *
    * @param mirrorX - If true, the video and captured frames will be mirrored horizontally.
    */
-  setCameraMirrorX(mirrorX) {
-    const currentState = cameraManagerStore.getState();
-    const videoElement = currentState.videoElement;
-    if (!videoElement) {
+  setCameraMirrorX(e) {
+    const r = m.getState(), a = r.videoElement;
+    if (!a) {
       console.warn("Mirror video - no video element present.");
       return;
     }
-    if (currentState.mirrorX === mirrorX) {
-      return;
-    }
-    if (mirrorX) {
-      videoElement.style.scale = "-1 1";
-    } else {
-      videoElement.style.removeProperty("scale");
-    }
-    cameraManagerStore.setState({ mirrorX });
+    r.mirrorX !== e && (e ? a.style.scale = "-1 1" : a.style.removeProperty("scale"), m.setState({ mirrorX: e }));
   }
   // The "typeof" is necessary to avoid a circular dependency when resolving types
   /**
@@ -2198,68 +1683,62 @@ class CameraManager {
    *
    * @returns a cleanup function to remove the subscription
    */
-  subscribe = cameraManagerStore.subscribe;
+  subscribe = m.subscribe;
   /**
    * Gets the current internal state of the CameraManager.
    *
    * @returns the current state of the CameraManager
    */
-  getState = cameraManagerStore.getState;
+  getState = m.getState;
   /**
    * Resets the CameraManager and stops all streams.
    */
   reset() {
-    console.debug("Resetting camera manager");
-    this.#frameCaptureCallbacks.clear();
-    this.stopStream();
-    resetCameraManagerStore();
+    console.debug("Resetting camera manager"), this.#i.clear(), this.stopStream(), yt();
   }
 }
-const CameraUiStoreContext = createContext();
-function createCameraManagerSolidStore() {
-  return createWithSignal(cameraManagerStore);
+const ze = we();
+function Lt() {
+  return Ce(m);
 }
-const CameraUiStoreProvider = (props) => {
-  const contextValue = {
-    cameraManagerSolidStore: createCameraManagerSolidStore(),
+const Nt = (t) => {
+  const e = {
+    cameraManagerSolidStore: Lt(),
     // eslint-disable-next-line solid/reactivity
-    cameraManager: props.cameraManager,
+    cameraManager: t.cameraManager,
     // eslint-disable-next-line solid/reactivity
     dismountCameraUi: () => {
-      props.cameraManager.userInitiatedAbort = true;
-      props.dismountCameraUi();
+      t.cameraManager.userInitiatedAbort = !0, t.dismountCameraUi();
     },
     // eslint-disable-next-line solid/reactivity
-    addOnDismountCallback: props.addOnDismountCallback,
+    addOnDismountCallback: t.addOnDismountCallback,
     // eslint-disable-next-line solid/reactivity
-    mountTarget: props.mountTarget,
+    mountTarget: t.mountTarget,
     // eslint-disable-next-line solid/reactivity
-    showMirrorCameraButton: props.showMirrorCameraButton,
+    showMirrorCameraButton: t.showMirrorCameraButton,
     // eslint-disable-next-line solid/reactivity
-    showTorchButton: props.showTorchButton,
+    showTorchButton: t.showTorchButton,
     // eslint-disable-next-line solid/reactivity
-    showCloseButton: props.showCloseButton,
+    showCloseButton: t.showCloseButton,
     // eslint-disable-next-line solid/reactivity
-    showCameraErrorModal: props.showCameraErrorModal
+    showCameraErrorModal: t.showCameraErrorModal
   };
-  onCleanup(() => {
+  return ce(() => {
     console.debug("CameraUiStoreProvider cleanup");
-  });
-  return createComponent(CameraUiStoreContext.Provider, {
-    value: contextValue,
+  }), s(ze.Provider, {
+    value: e,
     get children() {
-      return props.children;
+      return t.children;
     }
   });
 };
-function useCameraUiStore() {
-  const ctx = useContext(CameraUiStoreContext);
-  if (!ctx) {
+function j() {
+  const t = ye(ze);
+  if (!t)
     throw new Error("StoreContext.Provider not in scope");
-  }
-  return ctx;
+  return t;
 }
-const enLocaleStrings = {
+const Bt = {
   selected_camera: "Selected camera",
   loading_cameras: "Loading cameras...",
   select_a_camera: "Select a camera",
@@ -2272,277 +1751,230 @@ const enLocaleStrings = {
   camera_error_details: "Please allow camera access in your browser and try again.",
   camera_error_cancel_btn: "Cancel",
   camera_error_primary_btn: "Retry"
-};
-const LocalizationContext = createContext();
-const LocalizationProvider = (props) => {
-  const [localizationStore, updateLocalizationStore] = createStore$1(
+}, Le = we(), Ot = (t) => {
+  const [e, r] = Ke(
     // we structure clone to avoid proxying to the original object
     structuredClone({
-      ...enLocaleStrings,
+      ...Bt,
       // we don't care on init
       // eslint-disable-next-line solid/reactivity
-      ...props.userStrings
+      ...t.userStrings
     })
   );
-  onMount(() => {
-    props.setLocalizationRef(updateLocalizationStore);
+  J(() => {
+    t.setLocalizationRef(r);
   });
-  const contextValue = {
-    t: localizationStore,
-    updateLocalization: updateLocalizationStore
+  const a = {
+    t: e,
+    updateLocalization: r
   };
-  return createComponent(LocalizationContext.Provider, {
-    value: contextValue,
+  return s(Le.Provider, {
+    value: a,
     get children() {
-      return props.children;
+      return t.children;
     }
   });
 };
-function useLocalization() {
-  const ctx = useContext(LocalizationContext);
-  if (!ctx) {
+function Z() {
+  const t = ye(Le);
+  if (!t)
     throw new Error("LocalizationContext.Provider not in scope.");
-  }
-  return ctx;
+  return t;
 }
-var _tmpl$$c = /* @__PURE__ */ template(`<span>`);
-const SmartEnvironmentProvider = (props) => {
-  const [rootNode, setRootNode] = createSignal();
-  const [ref, setRef] = createSignal();
-  onMount(() => {
-    const spanRef = ref();
-    if (!spanRef) {
-      return;
-    }
-    setRootNode(spanRef.getRootNode());
-  });
-  return createComponent(Show, {
+var Pt = /* @__PURE__ */ S("<span>");
+const ee = (t) => {
+  const [e, r] = z(), [a, n] = z();
+  return J(() => {
+    const o = a();
+    o && r(o.getRootNode());
+  }), s(E, {
     get when() {
-      return rootNode();
+      return e();
     },
     get fallback() {
       return (() => {
-        var _el$ = _tmpl$$c();
-        use(setRef, _el$);
-        return _el$;
+        var o = Pt();
+        return B(n, o), o;
       })();
     },
-    children: (rootNode2) => createComponent(EnvironmentProvider, {
-      value: () => rootNode2(),
+    children: (o) => s(Ye, {
+      value: () => o(),
       get children() {
-        return props.children(rootNode2());
+        return t.children(o());
       }
     })
   });
 };
-var _tmpl$$b = /* @__PURE__ */ template(`<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 CloseIcon = (props = {}) => (() => {
-  var _el$ = _tmpl$$b();
-  spread(_el$, props, true, true);
-  return _el$;
+var Vt = /* @__PURE__ */ S('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z">');
+const Ut = (t = {}) => (() => {
+  var e = Vt();
+  return F(e, t, !0, !0), e;
 })();
-var _tmpl$$a = /* @__PURE__ */ template(`<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 FlashOff = (props = {}) => (() => {
-  var _el$ = _tmpl$$a();
-  spread(_el$, props, true, true);
-  return _el$;
+var qt = /* @__PURE__ */ S('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M7 2h10l-2 7h4l-2.925 4.225L7 4.15zm3 20v-8H7V9.85L1.375 4.225L2.8 2.8l18.4 18.4l-1.425 1.425L13.75 16.6z">');
+const jt = (t = {}) => (() => {
+  var e = qt();
+  return F(e, t, !0, !0), e;
 })();
-var _tmpl$$9 = /* @__PURE__ */ template(`<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M10 22v-8H7V2h10l-2 7h4z">`);
-const FlashOn = (props = {}) => (() => {
-  var _el$ = _tmpl$$9();
-  spread(_el$, props, true, true);
-  return _el$;
+var Ht = /* @__PURE__ */ S('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M10 22v-8H7V2h10l-2 7h4z">');
+const Wt = (t = {}) => (() => {
+  var e = Ht();
+  return F(e, t, !0, !0), e;
 })();
-var _tmpl$$8 = /* @__PURE__ */ template(`<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 MirrorIcon = (props = {}) => (() => {
-  var _el$ = _tmpl$$8();
-  spread(_el$, props, true, true);
-  return _el$;
+var Gt = /* @__PURE__ */ S('<svg viewBox="0 0 24 24"width=1.2em height=1.2em><path fill=currentColor d="M9 21H5q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h4v2H5v14h4zm2 2V1h2v22zm4-2v-2h2v2zm0-16V3h2v2zm4 16v-2h2q0 .825-.587 1.413T19 21m0-4v-2h2v2zm0-4v-2h2v2zm0-4V7h2v2zm0-4V3q.825 0 1.413.588T21 5z">');
+const Xt = (t = {}) => (() => {
+  var e = Gt();
+  return F(e, t, !0, !0), e;
 })();
-function eventFixer(props) {
-  const newObj = {};
-  Object.entries(props).forEach(([key, value]) => {
-    const lowerCaseKey = key.toLowerCase();
-    let trimmedKey = lowerCaseKey;
-    if (lowerCaseKey.startsWith("on")) {
-      trimmedKey = lowerCaseKey.slice(2);
-      const newKey = `on:${trimmedKey}`;
-      newObj[newKey] = value;
-    } else {
-      newObj[trimmedKey] = value;
-    }
-  });
-  return newObj;
+function Ne(t) {
+  const e = {};
+  return Object.entries(t).forEach(([r, a]) => {
+    const n = r.toLowerCase();
+    let o = n;
+    if (n.startsWith("on")) {
+      o = n.slice(2);
+      const i = `on:${o}`;
+      e[i] = a;
+    } else
+      e[o] = a;
+  }), e;
 }
-var _tmpl$$7 = /* @__PURE__ */ template(`<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 IconCamera = (props = {}) => (() => {
-  var _el$ = _tmpl$$7();
-  spread(_el$, props, true, true);
-  return _el$;
+var Qt = /* @__PURE__ */ S('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><g fill=#fff fill-rule=evenodd clip-rule=evenodd><path d="M6.322 2.988A1.67 1.67 0 0 1 7.5 2.5h5a1.667 1.667 0 0 1 1.667 1.667A.833.833 0 0 0 15 5h.833a2.5 2.5 0 0 1 2.5 2.5V15a2.5 2.5 0 0 1-2.5 2.5H4.167a2.5 2.5 0 0 1-2.5-2.5V7.5a2.5 2.5 0 0 1 2.5-2.5H5a.833.833 0 0 0 .833-.833c0-.442.176-.866.489-1.179M4.167 6.667a.833.833 0 0 0-.834.833V15a.833.833 0 0 0 .834.833h11.666a.834.834 0 0 0 .834-.833V7.5a.833.833 0 0 0-.834-.833H15a2.5 2.5 0 0 1-2.5-2.5h-5a2.5 2.5 0 0 1-2.5 2.5z"></path><path d="M10 9.167a1.667 1.667 0 1 0 0 3.333 1.667 1.667 0 0 0 0-3.333m-3.333 1.666a3.333 3.333 0 1 1 6.666 0 3.333 3.333 0 0 1-6.666 0">');
+const Kt = (t = {}) => (() => {
+  var e = Qt();
+  return F(e, t, !0, !0), e;
 })();
-var _tmpl$$6 = /* @__PURE__ */ template(`<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 IconCheck = (props = {}) => (() => {
-  var _el$ = _tmpl$$6();
-  spread(_el$, props, true, true);
-  return _el$;
+var Yt = /* @__PURE__ */ S('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><path stroke=#fff stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M4.167 10.833 7.5 14.167l8.333-8.334">');
+const Jt = (t = {}) => (() => {
+  var e = Yt();
+  return F(e, t, !0, !0), e;
 })();
-var _tmpl$$5 = /* @__PURE__ */ template(`<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 IconChevronDown = (props = {}) => (() => {
-  var _el$ = _tmpl$$5();
-  spread(_el$, props, true, true);
-  return _el$;
+var Zt = /* @__PURE__ */ S('<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 20 20"><path fill=#fff fill-rule=evenodd d="M4.41 6.91a.833.833 0 0 1 1.18 0L10 11.323l4.41-4.411a.833.833 0 1 1 1.18 1.178l-5 5a.833.833 0 0 1-1.18 0l-5-5a.833.833 0 0 1 0-1.178"clip-rule=evenodd>');
+const er = (t = {}) => (() => {
+  var e = Zt();
+  return F(e, t, !0, !0), e;
 })();
-var _tmpl$$4 = /* @__PURE__ */ template(`<button>`), _tmpl$2$3 = /* @__PURE__ */ template(`<div class="h-[1px] absolute left-0 right-0 top-[-1px] bg-white pointer-events-none">`);
-const CameraSelector = () => {
-  const {
-    cameraManagerSolidStore,
-    cameraManager
-  } = useCameraUiStore();
+var tr = /* @__PURE__ */ S("<button>"), rr = /* @__PURE__ */ S('<div class="h-[1px] absolute left-0 right-0 top-[-1px] bg-white pointer-events-none">');
+const ar = () => {
   const {
-    t
-  } = useLocalization();
-  const cameras = cameraManagerSolidStore((x) => x.cameras);
-  const selectedCamera = cameraManagerSolidStore((x) => x.selectedCamera);
-  const isQueryingCameras = cameraManagerSolidStore((x) => x.isQueryingCameras);
-  const facingFilter = cameraManagerSolidStore((x) => x.facingFilter);
-  const [isSwapping, setIsSwapping] = createSignal(false);
-  const isDisabled = () => isQueryingCameras() || isSwapping();
-  const camerasWithFacingFilter = () => {
-    const $facingFilter = facingFilter();
-    if (!$facingFilter) {
-      return cameras();
-    }
-    return cameras().filter((camera) => $facingFilter.includes(camera.facingMode));
-  };
-  const createCameraOptions = () => [...camerasWithFacingFilter().map((camera) => ({
-    value: camera.deviceInfo.deviceId,
-    label: camera.name
-  }))];
-  const cameraCollection = () => createListCollection({
-    items: [...createCameraOptions()]
-  });
-  const selectedCameraInCollection = () => {
-    const $selectedCamera = selectedCamera();
-    if (!$selectedCamera) {
+    cameraManagerSolidStore: t,
+    cameraManager: e
+  } = j(), {
+    t: r
+  } = Z(), a = t((f) => f.cameras), n = t((f) => f.selectedCamera), o = t((f) => f.isQueryingCameras), i = t((f) => f.facingFilter), [l, c] = z(!1), d = () => o() || l(), h = () => {
+    const f = i();
+    return f ? a().filter((g) => f.includes(g.facingMode)) : a();
+  }, C = () => [...h().map((f) => ({
+    value: f.deviceInfo.deviceId,
+    label: f.name
+  }))], w = () => Je({
+    items: [...C()]
+  }), u = () => {
+    const f = n();
+    if (!f)
       return;
-    }
-    const foundCamera = cameraCollection().find($selectedCamera.deviceInfo.deviceId);
-    if (!foundCamera) {
-      return;
-    }
-    return [foundCamera.value];
-  };
-  const isFakeCamera = (value) => {
-    return fakeCameras.some((fakeCamera) => fakeCamera.value === value);
-  };
-  const selectCameraById = async (id) => {
-    setIsSwapping(true);
-    const camera = cameras().find((camera2) => camera2.deviceInfo.deviceId === id);
-    if (!camera) {
+    const g = w().find(f.deviceInfo.deviceId);
+    if (g)
+      return [g.value];
+  }, v = (f) => nr.some((g) => g.value === f), b = async (f) => {
+    c(!0);
+    const g = a().find((p) => p.deviceInfo.deviceId === f);
+    if (!g) {
       console.warn("No camera");
       return;
     }
-    await cameraManager.selectCamera(camera);
-    setIsSwapping(false);
+    await e.selectCamera(g), c(!1);
   };
-  return createComponent(SmartEnvironmentProvider, {
-    children: () => createComponent(Select.Root, {
+  return s(ee, {
+    children: () => s(A.Root, {
       part: "camera-select-part",
       get collection() {
-        return cameraCollection();
+        return w();
       },
       get value() {
-        return selectedCameraInCollection();
+        return u();
       },
       positioning: {
         placement: "top"
       },
-      lazyMount: true,
+      lazyMount: !0,
       get disabled() {
-        return isDisabled();
+        return d();
       },
-      onValueChange: (details) => {
-        if (isFakeCamera(details.value[0])) {
+      onValueChange: (f) => {
+        if (v(f.value[0])) {
           console.warn("Fake camera, skipping");
           return;
         }
-        void selectCameraById(details.value[0]);
+        b(f.value[0]);
       },
       get children() {
-        return [createComponent(Select.Label, {
-          "class": "sr-only",
+        return [s(A.Label, {
+          class: "sr-only",
           get children() {
-            return t.selected_camera;
+            return r.selected_camera;
           }
-        }), createComponent(Select.Trigger, {
-          asChild: (selectProps) => {
-            return (() => {
-              var _el$ = _tmpl$$4();
-              spread(_el$, mergeProps(() => eventFixer(selectProps()), {
-                "class": `flex px-4 py-2 items-center gap-2 rounded-full bg-dark-100/50 backdrop-blur-xl
+        }), s(A.Trigger, {
+          asChild: (f) => (() => {
+            var g = tr();
+            return F(g, Y(() => Ne(f()), {
+              class: `flex px-4 py-2 items-center gap-2 rounded-full bg-dark-100/50 backdrop-blur-xl
                     whitespace-nowrap text-base color-white font-500 cursor-pointer appearance-none
                     border-none disabled:opacity-50 disabled:cursor-not-allowed max-w-[100%]`
-              }), false, true);
-              insert(_el$, createComponent(IconCamera, {
-                "class": "size-6 shrink-0",
-                "aria-hidden": true
-              }), null);
-              insert(_el$, createComponent(Select.ValueText, {
-                "class": "truncate",
-                get placeholder() {
-                  return isQueryingCameras() ? t.loading_cameras : t.select_a_camera;
-                }
-              }), null);
-              insert(_el$, createComponent(Select.Indicator, {
-                "class": "shrink-0 data-[state=open]:scale-y-[-1]",
-                get children() {
-                  return createComponent(IconChevronDown, {
-                    "class": "size-6 shrink-0"
-                  });
-                }
-              }), null);
-              return _el$;
-            })();
-          }
-        }), createComponent(Select.Positioner, {
+            }), !1, !0), y(g, s(Kt, {
+              class: "size-6 shrink-0",
+              "aria-hidden": !0
+            }), null), y(g, s(A.ValueText, {
+              class: "truncate",
+              get placeholder() {
+                return o() ? r.loading_cameras : r.select_a_camera;
+              }
+            }), null), y(g, s(A.Indicator, {
+              class: "shrink-0 data-[state=open]:scale-y-[-1]",
+              get children() {
+                return s(er, {
+                  class: "size-6 shrink-0"
+                });
+              }
+            }), null), g;
+          })()
+        }), s(A.Positioner, {
           get children() {
-            return createComponent(Select.Content, {
+            return s(A.Content, {
               get children() {
-                return createComponent(Select.ItemGroup, {
-                  "class": "rounded-4 overflow-hidden text-base color-white",
+                return s(A.ItemGroup, {
+                  class: "rounded-4 overflow-hidden text-base color-white",
                   get children() {
-                    return createComponent(Index, {
+                    return s(We, {
                       get each() {
-                        return cameraCollection().items;
+                        return w().items;
                       },
-                      children: (camera, index) => {
-                        return createComponent(Select.Item, {
-                          get item() {
-                            return camera();
-                          },
-                          "class": "flex py-3 pl-4 pr-12 cursor-pointer select-none relative gap-[1px]\n                            bg-dark-100/50 backdrop-blur-xl data-[highlighted]:bg-gray-500/50",
-                          get children() {
-                            return [createComponent(Select.ItemText, {
-                              "class": "truncate",
-                              get children() {
-                                return camera().label;
-                              }
-                            }), createComponent(Select.ItemIndicator, {
-                              "class": "absolute right-4",
-                              get children() {
-                                return createComponent(IconCheck, {
-                                  "class": "size-6 shrink-0"
-                                });
-                              }
-                            }), createComponent(Show, {
-                              when: index !== 0,
-                              get children() {
-                                return _tmpl$2$3();
-                              }
-                            })];
-                          }
-                        });
-                      }
+                      children: (f, g) => s(A.Item, {
+                        get item() {
+                          return f();
+                        },
+                        class: `flex py-3 pl-4 pr-12 cursor-pointer select-none relative gap-[1px]
+                            bg-dark-100/50 backdrop-blur-xl data-[highlighted]:bg-gray-500/50`,
+                        get children() {
+                          return [s(A.ItemText, {
+                            class: "truncate",
+                            get children() {
+                              return f().label;
+                            }
+                          }), s(A.ItemIndicator, {
+                            class: "absolute right-4",
+                            get children() {
+                              return s(Jt, {
+                                class: "size-6 shrink-0"
+                              });
+                            }
+                          }), s(E, {
+                            when: g !== 0,
+                            get children() {
+                              return rr();
+                            }
+                          })];
+                        }
+                      })
                     });
                   }
                 });
@@ -2553,8 +1985,7 @@ const CameraSelector = () => {
       }
     })
   });
-};
-const fakeCameras = [{
+}, nr = [{
   value: "5",
   label: "Back Camera 2"
 }, {
@@ -2570,389 +2001,318 @@ const fakeCameras = [{
   value: "4",
   label: "Some random desktop camera"
 }];
-var _tmpl$$3 = /* @__PURE__ */ template(`<span class=sr-only>`), _tmpl$2$2 = /* @__PURE__ */ template(`<div class=justify-self-end>`), _tmpl$3$2 = /* @__PURE__ */ template(`<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">`), _tmpl$4$1 = /* @__PURE__ */ template(`<button>`);
-const Header = () => {
+var re = /* @__PURE__ */ S("<span class=sr-only>"), or = /* @__PURE__ */ S("<div class=justify-self-end>"), ir = /* @__PURE__ */ S('<div class="z-2 relative gap-2 grid justify-between items-center grid-cols-[1fr_auto_1fr] py-4 color-white lerp:px-3@xs,8@lg"><div class="justify-self-start flex flex-nowrap gap-4 auto-cols-auto"></div><div class="justify-self-center min-w-0 w-full">'), sr = /* @__PURE__ */ S("<button>");
+const lr = () => {
   const {
-    dismountCameraUi,
-    cameraManagerSolidStore,
-    cameraManager,
-    showMirrorCameraButton,
-    showTorchButton,
-    showCloseButton
-  } = useCameraUiStore();
-  const {
-    t
-  } = useLocalization();
-  const isMirrored = cameraManagerSolidStore((s) => s.mirrorX);
-  const selectedCamera = cameraManagerSolidStore((s) => s.selectedCamera);
-  const cameras = cameraManagerSolidStore((s) => s.cameras);
-  const isActive = cameraManagerSolidStore((s) => s.playbackState !== "idle");
-  const torchEnabled = cameraManagerSolidStore((s) => s.selectedCamera?.torchEnabled);
-  const hasTorch = () => selectedCamera()?.torchSupported;
-  const toggleTorch = () => {
-    const camera = selectedCamera();
-    if (!camera) {
-      return;
-    }
-    void camera.toggleTorch();
-  };
-  const toggleMirrorX = () => {
-    cameraManager.setCameraMirrorX(!cameraManagerSolidStore.getState().mirrorX);
+    dismountCameraUi: t,
+    cameraManagerSolidStore: e,
+    cameraManager: r,
+    showMirrorCameraButton: a,
+    showTorchButton: n,
+    showCloseButton: o
+  } = j(), {
+    t: i
+  } = Z(), l = e((b) => b.mirrorX), c = e((b) => b.selectedCamera), d = e((b) => b.cameras), h = e((b) => b.playbackState !== "idle"), C = e((b) => b.selectedCamera?.torchEnabled), w = () => c()?.torchSupported, u = () => {
+    const b = c();
+    b && b.toggleTorch();
+  }, v = () => {
+    r.setCameraMirrorX(!e.getState().mirrorX);
   };
-  return createComponent(SmartEnvironmentProvider, {
+  return s(ee, {
     children: () => (() => {
-      var _el$ = _tmpl$3$2(), _el$2 = _el$.firstChild, _el$5 = _el$2.nextSibling;
-      insert(_el$2, createComponent(Show, {
+      var b = ir(), f = b.firstChild, g = f.nextSibling;
+      return y(f, s(E, {
         get when() {
-          return showMirrorCameraButton && isActive();
+          return a && h();
         },
         get children() {
-          return createComponent(ToolbarButton, {
+          return s(ae, {
             part: "mirror-camera-button-part",
             get tooltipLabel() {
-              return t.mirror_camera;
+              return i.mirror_camera;
             },
-            onClick: () => toggleMirrorX(),
+            onClick: () => v(),
             get children() {
               return [(() => {
-                var _el$3 = _tmpl$$3();
-                insert(_el$3, () => t.mirror_camera);
-                return _el$3;
-              })(), createComponent(MirrorIcon, {
-                "class": "size-6 shrink-0 transition-transform duration-300 ease-in-out",
+                var p = re();
+                return y(p, () => i.mirror_camera), p;
+              })(), s(Xt, {
+                class: "size-6 shrink-0 transition-transform duration-300 ease-in-out",
                 get style() {
                   return {
-                    transform: isMirrored() ? "scaleX(-1)" : "scaleX(1)"
+                    transform: l() ? "scaleX(-1)" : "scaleX(1)"
                   };
                 }
               })];
             }
           });
         }
-      }), null);
-      insert(_el$2, createComponent(Show, {
+      }), null), y(f, s(E, {
         get when() {
-          return memo(() => !!(showTorchButton && hasTorch()))() && isActive();
+          return pe(() => !!(n && w()))() && h();
         },
         get children() {
-          return createComponent(ToolbarButton, {
+          return s(ae, {
             part: "torch-button-part",
-            onClick: () => toggleTorch(),
+            onClick: () => u(),
             get tooltipLabel() {
-              return t.torch;
+              return i.torch;
             },
             get children() {
-              return [createComponent(Show, {
+              return [s(E, {
                 get when() {
-                  return !torchEnabled();
+                  return !C();
                 },
                 get children() {
                   return [(() => {
-                    var _el$4 = _tmpl$$3();
-                    insert(_el$4, () => t.torch);
-                    return _el$4;
-                  })(), createComponent(FlashOn, {
-                    "class": "size-6 shrink-0"
+                    var p = re();
+                    return y(p, () => i.torch), p;
+                  })(), s(Wt, {
+                    class: "size-6 shrink-0"
                   })];
                 }
-              }), createComponent(Show, {
+              }), s(E, {
                 get when() {
-                  return torchEnabled();
+                  return C();
                 },
                 get children() {
-                  return createComponent(FlashOff, {
-                    "class": "size-6 shrink-0"
+                  return s(jt, {
+                    class: "size-6 shrink-0"
                   });
                 }
               })];
             }
           });
         }
-      }), null);
-      insert(_el$5, createComponent(Show, {
+      }), null), y(g, s(E, {
         get when() {
-          return cameras().length > 1;
+          return d().length > 1;
         },
         get children() {
-          return createComponent(CameraSelector, {});
+          return s(ar, {});
         }
-      }));
-      insert(_el$, createComponent(Show, {
-        when: showCloseButton,
+      })), y(b, s(E, {
+        when: o,
         get children() {
-          var _el$6 = _tmpl$2$2();
-          insert(_el$6, createComponent(ToolbarButton, {
+          var p = or();
+          return y(p, s(ae, {
             part: "close-button-part",
-            onClick: () => dismountCameraUi(),
+            onClick: () => t(),
             get tooltipLabel() {
-              return t.close;
+              return i.close;
             },
             get children() {
               return [(() => {
-                var _el$7 = _tmpl$$3();
-                insert(_el$7, () => t.close);
-                return _el$7;
-              })(), createComponent(CloseIcon, {
-                "class": "size-6 shrink-0"
+                var k = re();
+                return y(k, () => i.close), k;
+              })(), s(Ut, {
+                class: "size-6 shrink-0"
               })];
             }
-          }));
-          return _el$6;
+          })), p;
         }
-      }), null);
-      return _el$;
+      }), null), b;
     })()
   });
-};
-const ToolbarButton = (props) => {
-  return createComponent(Tooltip.Root, {
-    get children() {
-      return [createComponent(Tooltip.Trigger, mergeProps(props, {
-        asChild: (tooltipProps) => {
-          return (() => {
-            var _el$8 = _tmpl$4$1();
-            spread(_el$8, mergeProps(() => eventFixer(tooltipProps()), {
-              "class": `rounded-full bg-dark-500 bg-opacity-50 backdrop-blur grid place-items-center
+}, ae = (t) => s(Q.Root, {
+  get children() {
+    return [s(Q.Trigger, Y(t, {
+      asChild: (e) => (() => {
+        var r = sr();
+        return F(r, Y(() => Ne(e()), {
+          class: `rounded-full bg-dark-500 bg-opacity-50 backdrop-blur grid place-items-center
               size-12 appearance-none border-none cursor-pointer`
-            }), false, true);
-            insert(_el$8, () => props.children);
-            return _el$8;
-          })();
-        }
-      })), createComponent(Tooltip.Positioner, {
-        get children() {
-          return createComponent(Tooltip.Content, {
-            "class": `bg-dark-500 bg-opacity-50 backdrop-blur color-white text-align-center p-2
+        }), !1, !0), y(r, () => t.children), r;
+      })()
+    })), s(Q.Positioner, {
+      get children() {
+        return s(Q.Content, {
+          class: `bg-dark-500 bg-opacity-50 backdrop-blur color-white text-align-center p-2
             rounded-md text-sm drop-shadow-md`,
-            get children() {
-              return props.tooltipLabel;
-            }
-          });
-        }
-      })];
-    }
-  });
-};
-const renderWithOwner = (code, element, owner) => {
-  return createRoot((dispose) => {
-    insert(element, code(), element.firstChild ? null : void 0);
-    return () => {
-      dispose();
-      element.textContent = "";
-    };
-  }, owner);
-};
-var _tmpl$$2 = /* @__PURE__ */ template(`<div>`);
-const SolidShadowRoot = (props) => {
-  const owner = getOwner();
-  const [local, others] = splitProps(props, ["children", "disableShadowRoot", "getRef"]);
+          get children() {
+            return t.tooltipLabel;
+          }
+        });
+      }
+    })];
+  }
+}), cr = (t, e, r) => Ge((a) => (y(e, t(), e.firstChild ? null : void 0), () => {
+  a(), e.textContent = "";
+}), r);
+var ur = /* @__PURE__ */ S("<div>");
+const dr = (t) => {
+  const e = Se(), [r, a] = Xe(t, ["children", "disableShadowRoot", "getRef"]);
   return (() => {
-    var _el$ = _tmpl$$2();
-    use((ref) => {
-      if (local.disableShadowRoot) {
+    var n = ur();
+    return B((o) => {
+      if (r.disableShadowRoot)
         return;
-      }
-      const shadowRoot = ref.attachShadow({
+      const i = o.attachShadow({
         mode: "open"
       });
-      renderWithOwner(() => memo(() => local.children), shadowRoot, owner);
-    }, _el$);
-    spread(_el$, others, false, true);
-    insert(_el$, createComponent(Show, {
+      cr(() => pe(() => r.children), i, e);
+    }, n), F(n, a, !1, !0), y(n, s(E, {
       get when() {
-        return local.disableShadowRoot;
+        return r.disableShadowRoot;
       },
       get children() {
-        return local.children;
+        return r.children;
       }
-    }));
-    return _el$;
+    })), n;
   })();
-};
-const normalize = '/* Document\n * ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n:where(html) {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n * ========================================================================== */\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Edge, Firefox, and Safari.\n */\n\n:where(h1) {\n  font-size: 2em;\n  margin-block-end: 0.67em;\n  margin-block-start: 0.67em;\n}\n\n/* Grouping content\n * ========================================================================== */\n\n/**\n * Remove the margin on nested lists in Chrome, Edge, and Safari.\n */\n\n:where(dl, ol, ul) :where(dl, ol, ul) {\n  margin-block-end: 0;\n  margin-block-start: 0;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Correct the inheritance of border color in Firefox.\n */\n\n:where(hr) {\n  box-sizing: content-box; /* 1 */\n  color: inherit; /* 2 */\n  height: 0; /* 1 */\n}\n\n/* Text-level semantics\n * ========================================================================== */\n\n/**\n * Add the correct text decoration in Safari.\n */\n\n:where(abbr[title]) {\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n:where(b, strong) {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n:where(code, kbd, pre, samp) {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\n:where(small) {\n  font-size: 80%;\n}\n\n/* Tabular data\n * ========================================================================== */\n\n/**\n * 1. Correct table border color in Chrome, Edge, and Safari.\n * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.\n */\n\n:where(table) {\n  border-color: currentColor; /* 1 */\n  text-indent: 0; /* 2 */\n}\n\n/* Forms\n * ========================================================================== */\n\n/**\n * Remove the margin on controls in Safari.\n */\n\n:where(button, input, select) {\n  margin: 0;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(button) {\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style buttons in iOS and Safari.\n */\n\n:where(button, input:is([type="button" i], [type="reset" i], [type="submit" i])) {\n  -webkit-appearance: button;\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Edge, and Firefox.\n */\n\n:where(progress) {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the inheritance of text transform in Firefox.\n */\n\n:where(select) {\n  text-transform: none;\n}\n\n/**\n * Remove the margin in Firefox and Safari.\n */\n\n:where(textarea) {\n  margin: 0;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome, Edge, and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n:where(input[type="search" i]) {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Safari.\n */\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * Correct the text style of placeholders in Chrome, Edge, and Safari.\n */\n\n::-webkit-input-placeholder {\n  color: inherit;\n  opacity: 0.54;\n}\n\n/**\n * Remove the inner padding in Chrome, Edge, and Safari on macOS.\n */\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style upload buttons in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/**\n * Remove the inner border and padding of focus outlines in Firefox.\n */\n\n:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus outline styles unset by the previous rule in Firefox.\n */\n\n:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Remove the additional :invalid styles in Firefox.\n */\n\n:where(:-moz-ui-invalid) {\n  box-shadow: none;\n}\n\n/* Interactive\n * ========================================================================== */\n\n/*\n * Add the correct styles in Safari.\n */\n\n:where(dialog) {\n  background-color: white;\n  border: solid;\n  color: black;\n  height: -moz-fit-content;\n  height: fit-content;\n  left: 0;\n  margin: auto;\n  padding: 1em;\n  position: absolute;\n  right: 0;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n:where(dialog:not([open])) {\n  display: none;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\n:where(summary) {\n  display: list-item;\n}\n';
-const rootStyles = ":host {\n  font-family: var(--mb-ui-font);\n  line-height: 1.15;\n  isolation: isolate;\n  box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\np,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  overflow-wrap: break-word;\n}\n\ncode {\n  font-family: var(--mb-monospace-font-stack);\n}\n\npre {\n  font-family: var(--mb-monospace-font-stack);\n}\n\nsvg path {\n  pointer-events: none;\n}\n\nimg,\npicture,\nvideo,\ncanvas,\nsvg {\n  display: block;\n  max-width: 100%;\n}\n\nimg {\n  pointer-events: none;\n  user-select: none;\n}\n\n:where(input, button, textarea, select) {\n  font: inherit;\n}\n\n:where(button, select) {\n  cursor: pointer;\n  color: inherit;\n  font: inherit;\n}\n\n:where(p, h1, h2, h3, h4, h5, h6) {\n  overflow-wrap: break-word;\n}";
-const variables = ':host {\n  --mb-system-font-stack:\n    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",\n    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;\n  --mb-monospace-font-stack:\n    Menlo, Consolas, "Ubuntu Mono", "Roboto Mono", "DejaVu Sans Mono", monospace;\n  --mb-ui-font: var(--mb-system-font-stack);\n  --mb-size: 1;\n  /***************************************/\n  /*              MB COLORS              */\n  /***************************************/\n  --color-accent-25-rgb-value: 242 247 255; /* #F2F7FF */\n  --color-accent-50-rgb-value: 231 240 255; /* #E7F0FF */\n  --color-accent-100-rgb-value: 220 234 255; /* #DCEAFF */\n  --color-accent-200-rgb-value: 198 221 255; /* #C6DDFF */\n  --color-accent-300-rgb-value: 158 197 255; /* #9EC5FF */\n  --color-accent-400-rgb-value: 111 169 255; /* #6FA9FF */\n  --color-accent-500-rgb-value: 58 137 253; /* #3A89FD */\n  --color-accent-600-rgb-value: 0 98 242; /* #0062F2 */\n  --color-accent-700-rgb-value: 0 80 197; /* #0050C5 */\n  --color-accent-800-rgb-value: 0 64 157; /* #00409D */\n  --color-accent-900-rgb-value: 0 54 133; /* #003685 */\n  --color-error-25-rgb-value: 255 248 249; /* #FFF8F9 */\n  --color-error-50-rgb-value: 255 241 242; /* #FFF1F2 */\n  --color-error-100-rgb-value: 255 228 230; /* #FFE4E6 */\n  --color-error-200-rgb-value: 254 205 211; /* #FECDD3 */\n  --color-error-300-rgb-value: 253 164 175; /* #FDA4AF */\n  --color-error-400-rgb-value: 251 113 133; /* #FB7185 */\n  --color-error-500-rgb-value: 244 63 94; /* #F43F5E */\n  --color-error-600-rgb-value: 225 29 72; /* #E11D48 */\n  --color-error-700-rgb-value: 190 18 60; /* #BE123C */\n  --color-error-800-rgb-value: 136 19 39; /* #881337 */\n  --color-error-900-rgb-value: 89 13 40; /* #590D28 */\n  --color-success-25-rgb-value: 245 254 250; /* #F5FEFA */\n  --color-success-50-rgb-value: 236 253 245; /* #ECFDF5 */\n  --color-success-100-rgb-value: 209 250 229; /* #D1FAE5 */\n  --color-success-200-rgb-value: 167 243 208; /* #A7F3D0 */\n  --color-success-300-rgb-value: 110 231 183; /* #6EE7B7 */\n  --color-success-400-rgb-value: 52 211 153; /* #34D399 */\n  --color-success-500-rgb-value: 16 185 144; /* #10B990 */\n  --color-success-600-rgb-value: 22 163 138; /* #16A38A */\n  --color-success-700-rgb-value: 39 121 106; /* #27796A */\n  --color-success-800-rgb-value: 23 92 79; /* #175C4F */\n  --color-success-900-rgb-value: 12 59 50; /* #0C3B32 */\n  --color-warning-25-rgb-value: 255 253 243; /* #FFFDF3 */\n  --color-warning-50-rgb-value: 254 252 232; /* #FEFCE8 */\n  --color-warning-100-rgb-value: 254 249 195; /* #FEF9C3 */\n  --color-warning-200-rgb-value: 254 240 138; /* #FEF08A */\n  --color-warning-300-rgb-value: 253 229 99; /* #FDE563 */\n  --color-warning-400-rgb-value: 252 218 59; /* #FCDA3B */\n  --color-warning-500-rgb-value: 250 204 21; /* #FACC15 */\n  --color-warning-600-rgb-value: 234 179 8; /* #EAB308 */\n  --color-warning-700-rgb-value: 190 142 48; /* #BE8E30 */\n  --color-warning-800-rgb-value: 132 83 28; /* #84531C */\n  --color-warning-900-rgb-value: 80 29 10; /* #501D0A */\n  --color-deep-blue-25-rgb-value: 249 252 255; /* #F9FCFF */\n  --color-deep-blue-50-rgb-value: 243 249 254; /* #F3F9FE */\n  --color-deep-blue-100-rgb-value: 231 242 251; /* #E7F2FB */\n  --color-deep-blue-200-rgb-value: 201 218 241; /* #C9DAF1 */\n  --color-deep-blue-300-rgb-value: 162 185 216; /* #A2B9D8 */\n  --color-deep-blue-400-rgb-value: 93 128 182; /* #5D80B6 */\n  --color-deep-blue-500-rgb-value: 60 100 161; /* #3C64A1 */\n  --color-deep-blue-600-rgb-value: 28 68 129; /* #1C4481 */\n  --color-deep-blue-700-rgb-value: 24 53 97; /* #183561 */\n  --color-deep-blue-800-rgb-value: 20 38 65; /* #142641 */\n  --color-deep-blue-900-rgb-value: 6 23 49; /* #061731 */\n  --color-light-blue-25-rgb-value: 248 251 253; /* #F8FBFD */\n  --color-light-blue-50-rgb-value: 240 247 251; /* #F0F7FB */\n  --color-light-blue-100-rgb-value: 228 238 244; /* #E4EEF4 */\n  --color-light-blue-200-rgb-value: 215 229 238; /* #D7E5EE */\n  --color-light-blue-300-rgb-value: 190 218 237; /* #BEDAED */\n  --color-light-blue-400-rgb-value: 159 202 232; /* #9FCAE8 */\n  --color-light-blue-500-rgb-value: 135 180 211; /* #87B4D3 */\n  --color-light-blue-600-rgb-value: 104 157 193; /* #689DC1 */\n  --color-light-blue-700-rgb-value: 78 129 164; /* #4E81A4 */\n  --color-light-blue-800-rgb-value: 67 109 138; /* #436D8A */\n  --color-light-blue-900-rgb-value: 55 84 104; /* #375468 */\n  --color-gray-50-rgb-value: 249 250 251; /* #FAFAFA */\n  --color-gray-100-rgb-value: 243 244 246; /* #F5F5F5 */\n  --color-gray-200-rgb-value: 229 231 235; /* #F0F0F0 */\n  --color-gray-300-rgb-value: 209 213 219; /* #D9D9D9 */\n  --color-gray-400-rgb-value: 156 163 175; /* #BFBFBF */\n  --color-gray-500-rgb-value: 107 114 128; /* #8C8C8C */\n  --color-gray-600-rgb-value: 75 85 99; /* #595959 */\n  --color-gray-700-rgb-value: 55 65 81; /* #434343 */\n  --color-gray-800-rgb-value: 31 41 55; /* #262626 */\n  --color-blue-gray-50-rgb-value: 74 74 74; /* #F9FAFB */\n  --color-blue-gray-100-rgb-value: 60 60 60; /* #F3F4F6 */\n  --color-blue-gray-200-rgb-value: 50 50 50; /* #E5E7EB */\n  --color-blue-gray-300-rgb-value: 45 45 45; /* #D1D5DB */\n  --color-blue-gray-400-rgb-value: 34 34 34; /* #9CA3AF */\n  --color-blue-gray-500-rgb-value: 31 31 31; /* #6B7280 */\n  --color-blue-gray-600-rgb-value: 28 28 30; /* #4B5563 */\n  --color-blue-gray-700-rgb-value: 27 27 27; /* #374151 */\n  --color-blue-gray-800-rgb-value: 24 24 24; /* #1F2937 */\n  --color-blue-gray-900-rgb-value: 15 15 15; /* #111827 */\n  --color-black-rgb-value: 0 0 0; /* #000000 */\n  --color-white-rgb-value: 255 255 255; /* #FFFFFF */\n  --color-primary: var(--color-accent-600-rgb-value);\n  --color-error: var(--color-error-500-rgb-value);\n  --color-success: var(--color-success-500-rgb-value);\n  --color-warning: var(--color-warning-500-rgb-value);\n  --color-deep-blue: var(--color-deep-blue-800-rgb-value);\n  --color-light-blue: var(--color-light-blue-200-rgb-value);\n  accent-color: var(--color-primary);\n  caret-color: red;\n}';
-const initialState = {
+}, hr = ":where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}", mr = ":host{font-family:var(--mb-ui-font);line-height:1.15;isolation:isolate;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}code,pre{font-family:var(--mb-monospace-font-stack)}svg path{pointer-events:none}img,picture,video,canvas,svg{display:block;max-width:100%}img{pointer-events:none;user-select:none}:where(input,button,textarea,select){font:inherit}:where(button,select){cursor:pointer;color:inherit;font:inherit}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}", fr = ':host{--mb-system-font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--mb-monospace-font-stack: Menlo, Consolas, "Ubuntu Mono", "Roboto Mono", "DejaVu Sans Mono", monospace;--mb-ui-font: var(--mb-system-font-stack);--mb-size: 1;--color-accent-25-rgb-value: 242 247 255;--color-accent-50-rgb-value: 231 240 255;--color-accent-100-rgb-value: 220 234 255;--color-accent-200-rgb-value: 198 221 255;--color-accent-300-rgb-value: 158 197 255;--color-accent-400-rgb-value: 111 169 255;--color-accent-500-rgb-value: 58 137 253;--color-accent-600-rgb-value: 0 98 242;--color-accent-700-rgb-value: 0 80 197;--color-accent-800-rgb-value: 0 64 157;--color-accent-900-rgb-value: 0 54 133;--color-error-25-rgb-value: 255 248 249;--color-error-50-rgb-value: 255 241 242;--color-error-100-rgb-value: 255 228 230;--color-error-200-rgb-value: 254 205 211;--color-error-300-rgb-value: 253 164 175;--color-error-400-rgb-value: 251 113 133;--color-error-500-rgb-value: 244 63 94;--color-error-600-rgb-value: 225 29 72;--color-error-700-rgb-value: 190 18 60;--color-error-800-rgb-value: 136 19 39;--color-error-900-rgb-value: 89 13 40;--color-success-25-rgb-value: 245 254 250;--color-success-50-rgb-value: 236 253 245;--color-success-100-rgb-value: 209 250 229;--color-success-200-rgb-value: 167 243 208;--color-success-300-rgb-value: 110 231 183;--color-success-400-rgb-value: 52 211 153;--color-success-500-rgb-value: 16 185 144;--color-success-600-rgb-value: 22 163 138;--color-success-700-rgb-value: 39 121 106;--color-success-800-rgb-value: 23 92 79;--color-success-900-rgb-value: 12 59 50;--color-warning-25-rgb-value: 255 253 243;--color-warning-50-rgb-value: 254 252 232;--color-warning-100-rgb-value: 254 249 195;--color-warning-200-rgb-value: 254 240 138;--color-warning-300-rgb-value: 253 229 99;--color-warning-400-rgb-value: 252 218 59;--color-warning-500-rgb-value: 250 204 21;--color-warning-600-rgb-value: 234 179 8;--color-warning-700-rgb-value: 190 142 48;--color-warning-800-rgb-value: 132 83 28;--color-warning-900-rgb-value: 80 29 10;--color-deep-blue-25-rgb-value: 249 252 255;--color-deep-blue-50-rgb-value: 243 249 254;--color-deep-blue-100-rgb-value: 231 242 251;--color-deep-blue-200-rgb-value: 201 218 241;--color-deep-blue-300-rgb-value: 162 185 216;--color-deep-blue-400-rgb-value: 93 128 182;--color-deep-blue-500-rgb-value: 60 100 161;--color-deep-blue-600-rgb-value: 28 68 129;--color-deep-blue-700-rgb-value: 24 53 97;--color-deep-blue-800-rgb-value: 20 38 65;--color-deep-blue-900-rgb-value: 6 23 49;--color-light-blue-25-rgb-value: 248 251 253;--color-light-blue-50-rgb-value: 240 247 251;--color-light-blue-100-rgb-value: 228 238 244;--color-light-blue-200-rgb-value: 215 229 238;--color-light-blue-300-rgb-value: 190 218 237;--color-light-blue-400-rgb-value: 159 202 232;--color-light-blue-500-rgb-value: 135 180 211;--color-light-blue-600-rgb-value: 104 157 193;--color-light-blue-700-rgb-value: 78 129 164;--color-light-blue-800-rgb-value: 67 109 138;--color-light-blue-900-rgb-value: 55 84 104;--color-gray-50-rgb-value: 249 250 251;--color-gray-100-rgb-value: 243 244 246;--color-gray-200-rgb-value: 229 231 235;--color-gray-300-rgb-value: 209 213 219;--color-gray-400-rgb-value: 156 163 175;--color-gray-500-rgb-value: 107 114 128;--color-gray-600-rgb-value: 75 85 99;--color-gray-700-rgb-value: 55 65 81;--color-gray-800-rgb-value: 31 41 55;--color-blue-gray-50-rgb-value: 74 74 74;--color-blue-gray-100-rgb-value: 60 60 60;--color-blue-gray-200-rgb-value: 50 50 50;--color-blue-gray-300-rgb-value: 45 45 45;--color-blue-gray-400-rgb-value: 34 34 34;--color-blue-gray-500-rgb-value: 31 31 31;--color-blue-gray-600-rgb-value: 28 28 30;--color-blue-gray-700-rgb-value: 27 27 27;--color-blue-gray-800-rgb-value: 24 24 24;--color-blue-gray-900-rgb-value: 15 15 15;--color-black-rgb-value: 0 0 0;--color-white-rgb-value: 255 255 255;--color-primary: var(--color-accent-600-rgb-value);--color-error: var(--color-error-500-rgb-value);--color-success: var(--color-success-500-rgb-value);--color-warning: var(--color-warning-500-rgb-value);--color-deep-blue: var(--color-deep-blue-800-rgb-value);--color-light-blue: var(--color-light-blue-200-rgb-value);accent-color:var(--color-primary);caret-color:red}', gr = {
   feedbackLayer: null,
   overlayLayer: null,
   owner: null
-};
-const cameraUiRefStore = createStore()(
+}, U = be()(
   // this is important! Otherwise, solid-zustand will start mutating the initial state
-  subscribeWithSelector(() => structuredClone(initialState))
-);
-const cameraUiRefSignalStore = createWithSignal(cameraUiRefStore);
-const noop = () => void 0;
-function makeResizeObserver(callback, options) {
-  if (isServer) {
-    return { observe: noop, unobserve: noop };
-  }
-  const observer = new ResizeObserver(callback);
-  onCleanup(observer.disconnect.bind(observer));
-  return {
-    observe: (ref) => observer.observe(ref, options),
-    unobserve: observer.unobserve.bind(observer)
+  ge(() => structuredClone(gr))
+), le = Ce(U), fe = () => {
+};
+function br(t, e) {
+  if (Ue)
+    return { observe: fe, unobserve: fe };
+  const r = new ResizeObserver(t);
+  return ce(r.disconnect.bind(r)), {
+    observe: (a) => r.observe(a, e),
+    unobserve: r.unobserve.bind(r)
   };
 }
-const determineFitMode = (Cw, Ch, Vw, Vh) => {
-  const scaleCover = Math.max(Cw / Vw, Ch / Vh);
-  let croppedFraction = 0;
-  if (Cw / Vw > Ch / Vh) {
-    const visible = scaleCover * Vh;
-    croppedFraction = 1 - Ch / visible;
+const pr = (t, e, r, a) => {
+  const n = Math.max(t / r, e / a);
+  let o = 0;
+  if (t / r > e / a) {
+    const i = n * a;
+    o = 1 - e / i;
   } else {
-    const visible = scaleCover * Vw;
-    croppedFraction = 1 - Cw / visible;
-  }
-  if (croppedFraction < 0.1) {
-    return "cover";
-  } else {
-    return "contain";
+    const i = n * r;
+    o = 1 - t / i;
   }
+  return o < 0.1 ? "cover" : "contain";
 };
-function getVisibleVideoArea(containerWidth, containerHeight, videoWidth, videoHeight) {
-  const scaleX = containerWidth / videoWidth;
-  const scaleY = containerHeight / videoHeight;
-  const s = Math.max(scaleX, scaleY);
-  if (scaleX >= scaleY) {
-    const visibleNaturalHeight = Math.round(containerHeight / s);
-    const y = Math.round((videoHeight - visibleNaturalHeight) / 2);
-    return { x: 0, y, width: videoWidth, height: visibleNaturalHeight };
+function vr(t, e, r, a) {
+  const n = t / r, o = e / a, i = Math.max(n, o);
+  if (n >= o) {
+    const l = Math.round(e / i);
+    return { x: 0, y: Math.round((a - l) / 2), width: r, height: l };
   } else {
-    const visibleNaturalWidth = Math.round(containerWidth / s);
-    const x = Math.round((videoWidth - visibleNaturalWidth) / 2);
-    return { x, y: 0, width: visibleNaturalWidth, height: videoHeight };
+    const l = Math.round(t / i);
+    return { x: Math.round((r - l) / 2), y: 0, width: l, height: a };
   }
 }
-const dialogPositioner = "_dialogPositioner_worsp_1";
-const dialogBackdrop = "_dialogBackdrop_worsp_5";
-const dialogContent = "_dialogContent_worsp_9";
-const large = "_large_worsp_13";
-const compact = "_compact_worsp_16";
-const dialogTitle = "_dialogTitle_worsp_30";
-const contentOut = "_contentOut_worsp_34";
-const closeButton = "_closeButton_worsp_38";
-const closeButtonInner = "_closeButtonInner_worsp_44";
-const primaryActionButton = "_primaryActionButton_worsp_49";
-const secondaryActionButton = "_secondaryActionButton_worsp_53";
-const actions = "_actions_worsp_57";
-const alertTitle = "_alertTitle_worsp_64";
-const alertText = "_alertText_worsp_68";
-const styles = {
-  dialogPositioner,
-  dialogBackdrop,
-  dialogContent,
-  large,
-  compact,
-  dialogTitle,
-  contentOut,
-  closeButton,
-  closeButtonInner,
-  primaryActionButton,
-  secondaryActionButton,
-  actions,
-  alertTitle,
-  alertText
+const wr = "_dialogPositioner_worsp_1", yr = "_dialogBackdrop_worsp_5", Sr = "_dialogContent_worsp_9", Cr = "_large_worsp_13", kr = "_compact_worsp_16", Er = "_dialogTitle_worsp_30", _r = "_contentOut_worsp_34", Tr = "_closeButton_worsp_38", Mr = "_closeButtonInner_worsp_44", xr = "_primaryActionButton_worsp_49", Rr = "_secondaryActionButton_worsp_53", Ar = "_actions_worsp_57", $r = "_alertTitle_worsp_64", Fr = "_alertText_worsp_68", _ = {
+  dialogPositioner: wr,
+  dialogBackdrop: yr,
+  dialogContent: Sr,
+  large: Cr,
+  compact: kr,
+  dialogTitle: Er,
+  contentOut: _r,
+  closeButton: Tr,
+  closeButtonInner: Mr,
+  primaryActionButton: xr,
+  secondaryActionButton: Rr,
+  actions: Ar,
+  alertTitle: $r,
+  alertText: Fr
 };
-var _tmpl$$1 = /* @__PURE__ */ template(`<span>&times;`), _tmpl$2$1 = /* @__PURE__ */ template(`<div>`), _tmpl$3$1 = /* @__PURE__ */ template(`<p>`), _tmpl$4 = /* @__PURE__ */ template(`<span>`), _tmpl$5 = /* @__PURE__ */ template(`<div><button></button><button>`);
-const Modal = (props) => {
-  const getPaddingClass = () => {
-    switch (props.modalStyle) {
+var Dr = /* @__PURE__ */ S("<span>&times;"), Ir = /* @__PURE__ */ S("<div>"), zr = /* @__PURE__ */ S("<p>"), Lr = /* @__PURE__ */ S("<span>"), Nr = /* @__PURE__ */ S("<div><button></button><button>");
+const Br = (t) => {
+  const e = () => {
+    switch (t.modalStyle) {
       case "compact":
-        return styles.compact;
+        return _.compact;
       case "large":
-        return styles.compact;
+        return _.compact;
       case "default":
       default:
-        return void 0;
+        return;
     }
   };
-  return createComponent(SmartEnvironmentProvider, {
-    children: () => createComponent(Dialog.Root, mergeProps({
-      onFocusOutside: (e) => e.preventDefault(),
-      onInteractOutside: (e) => e.preventDefault(),
-      restoreFocus: true,
-      unmountOnExit: true,
-      lazyMount: true
-    }, props, {
+  return s(ee, {
+    children: () => s($.Root, Y({
+      onFocusOutside: (r) => r.preventDefault(),
+      onInteractOutside: (r) => r.preventDefault(),
+      restoreFocus: !0,
+      unmountOnExit: !0,
+      lazyMount: !0
+    }, t, {
       get children() {
-        return createComponent(Show, {
+        return s(E, {
           get when() {
-            return props.open;
+            return t.open;
           },
           get children() {
-            return createComponent(Portal, {
+            return s(ve, {
               get mount() {
-                return props.mountTarget;
+                return t.mountTarget;
               },
               get children() {
-                return createComponent(Dialog.Positioner, {
-                  get ["class"]() {
-                    return styles.dialogPositioner;
+                return s($.Positioner, {
+                  get class() {
+                    return _.dialogPositioner;
                   },
                   get children() {
-                    return [createComponent(Dialog.Backdrop, {
-                      get ["class"]() {
-                        return styles.dialogBackdrop;
+                    return [s($.Backdrop, {
+                      get class() {
+                        return _.dialogBackdrop;
                       }
-                    }), createComponent(Dialog.Content, {
-                      get ["class"]() {
-                        return `${styles.dialogContent} ${getPaddingClass()}`;
+                    }), s($.Content, {
+                      get class() {
+                        return `${_.dialogContent} ${e()}`;
                       },
                       get children() {
-                        return [createComponent(Show, {
+                        return [s(E, {
                           get when() {
-                            return props.showCloseButton;
+                            return t.showCloseButton;
                           },
                           get children() {
-                            return createComponent(Dialog.CloseTrigger, {
-                              get ["class"]() {
-                                return styles.closeButton;
+                            return s($.CloseTrigger, {
+                              get class() {
+                                return _.closeButton;
                               },
                               get onClick() {
-                                return props.onCloseClicked;
+                                return t.onCloseClicked;
                               },
                               get children() {
-                                var _el$ = _tmpl$$1();
-                                effect(() => className(_el$, styles.closeButtonInner));
-                                return _el$;
+                                var r = Dr();
+                                return H(() => V(r, _.closeButtonInner)), r;
                               }
                             });
                           }
-                        }), createComponent(Show, {
+                        }), s(E, {
                           get when() {
-                            return props.headerImage;
+                            return t.headerImage;
                           },
                           get children() {
-                            return props.headerImage;
+                            return t.headerImage;
                           }
-                        }), createComponent(Show, {
+                        }), s(E, {
                           get when() {
-                            return props.header;
+                            return t.header;
                           },
-                          children: (header) => createComponent(Dialog.Title, {
-                            get ["class"]() {
-                              return styles.dialogTitle;
+                          children: (r) => s($.Title, {
+                            get class() {
+                              return _.dialogTitle;
                             },
                             get children() {
-                              return header();
+                              return r();
                             }
                           })
-                        }), createComponent(Dialog.Description, {
-                          get ["class"]() {
-                            return styles.contentOut;
+                        }), s($.Description, {
+                          get class() {
+                            return _.contentOut;
                           },
                           get children() {
-                            return props.children;
+                            return t.children;
                           }
-                        }), createComponent(Show, {
+                        }), s(E, {
                           get when() {
-                            return props.actions;
+                            return t.actions;
                           },
                           get children() {
-                            var _el$2 = _tmpl$2$1();
-                            insert(_el$2, () => props.actions);
-                            return _el$2;
+                            var r = Ir();
+                            return y(r, () => t.actions), r;
                           }
                         })];
                       }
@@ -2966,89 +2326,73 @@ const Modal = (props) => {
       }
     }))
   });
-};
-const AlertModal = ({
-  mountTarget,
-  header,
-  text,
-  open,
-  onPrimaryClick,
-  onSecondaryClick,
-  primaryButtonText = "Retry",
-  secondaryButtonText = "Cancel"
+}, Or = ({
+  mountTarget: t,
+  header: e,
+  text: r,
+  open: a,
+  onPrimaryClick: n,
+  onSecondaryClick: o,
+  primaryButtonText: i = "Retry",
+  secondaryButtonText: l = "Cancel"
 }) => {
-  let primaryButtonEl;
-  return createComponent(Modal, {
-    mountTarget,
+  let c;
+  return s(Br, {
+    mountTarget: t,
     get header() {
       return (() => {
-        var _el$4 = _tmpl$4();
-        insert(_el$4, header);
-        effect(() => className(_el$4, styles.alertTitle));
-        return _el$4;
+        var d = Lr();
+        return y(d, e), H(() => V(d, _.alertTitle)), d;
       })();
     },
-    initialFocusEl: () => primaryButtonEl,
-    open,
+    initialFocusEl: () => c,
+    open: a,
     get actions() {
       return (() => {
-        var _el$5 = _tmpl$5(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
-        _el$6.$$click = () => onSecondaryClick();
-        insert(_el$6, secondaryButtonText);
-        _el$7.$$click = () => onPrimaryClick();
-        var _ref$ = primaryButtonEl;
-        typeof _ref$ === "function" ? use(_ref$, _el$7) : primaryButtonEl = _el$7;
-        insert(_el$7, primaryButtonText);
-        effect((_p$) => {
-          var _v$ = styles.actions, _v$2 = styles.secondaryActionButton, _v$3 = styles.primaryActionButton;
-          _v$ !== _p$.e && className(_el$5, _p$.e = _v$);
-          _v$2 !== _p$.t && className(_el$6, _p$.t = _v$2);
-          _v$3 !== _p$.a && className(_el$7, _p$.a = _v$3);
-          return _p$;
+        var d = Nr(), h = d.firstChild, C = h.nextSibling;
+        h.$$click = () => o(), y(h, l), C.$$click = () => n();
+        var w = c;
+        return typeof w == "function" ? B(w, C) : c = C, y(C, i), H((u) => {
+          var v = _.actions, b = _.secondaryActionButton, f = _.primaryActionButton;
+          return v !== u.e && V(d, u.e = v), b !== u.t && V(h, u.t = b), f !== u.a && V(C, u.a = f), u;
         }, {
           e: void 0,
           t: void 0,
           a: void 0
-        });
-        return _el$5;
+        }), d;
       })();
     },
     modalStyle: "compact",
     get children() {
-      var _el$3 = _tmpl$3$1();
-      insert(_el$3, text);
-      effect(() => className(_el$3, styles.alertText));
-      return _el$3;
+      var d = zr();
+      return y(d, r), H(() => V(d, _.alertText)), d;
     }
   });
 };
-delegateEvents(["click"]);
-const CameraErrorModal = () => {
+qe(["click"]);
+const Pr = () => {
   const {
     t
-  } = useLocalization();
-  const {
-    cameraManagerSolidStore,
-    cameraManager,
-    dismountCameraUi
-  } = useCameraUiStore();
-  const errorState = cameraManagerSolidStore((x) => x.errorState);
-  const overlayLayer = cameraUiRefSignalStore((x) => x.overlayLayer);
-  return createComponent(Show, {
+  } = Z(), {
+    cameraManagerSolidStore: e,
+    cameraManager: r,
+    dismountCameraUi: a
+  } = j(), n = e((i) => i.errorState), o = le((i) => i.overlayLayer);
+  return s(E, {
     get when() {
-      return errorState();
+      return n();
     },
     get children() {
-      return createComponent(AlertModal, {
+      return s(Or, {
         get mountTarget() {
-          return overlayLayer();
+          return o();
         },
         get header() {
           return t.camera_error_title;
         },
-        open: true,
-        onPrimaryClick: () => void cameraManager.startCameraStream(),
-        onSecondaryClick: () => dismountCameraUi(),
+        open: !0,
+        onPrimaryClick: () => void r.startCameraStream(),
+        onSecondaryClick: () => a(),
         get primaryButtonText() {
           return t.camera_error_primary_btn;
         },
@@ -3062,185 +2406,134 @@ const CameraErrorModal = () => {
     }
   });
 };
-var _tmpl$ = /* @__PURE__ */ template(`<style>`), _tmpl$2 = /* @__PURE__ */ template(`<style id=camera-manager-style>`), _tmpl$3 = /* @__PURE__ */ template(`<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 CAPTURE_SCREEN_SHADOW_ROOT_HOST_ID = "capture-screen-host";
-const CaptureScreen = () => {
+var ne = /* @__PURE__ */ S("<style>"), Vr = /* @__PURE__ */ S("<style id=camera-manager-style>"), Ur = /* @__PURE__ */ S('<div class="bg-dark-500 color-white size-full relative min-h-[300px]"part=capture-screen-part><video part=video-element-part class="block absolute top-0 left-0 size-full"></video><div class="absolute top-0 left-0 w-full h-full z-1"id=feedback-layer></div><div class="absolute top-0 left-0 w-full h-full has-[[data-scope]]:z-2"id=overlay-layer>');
+const Be = "capture-screen-host", Oe = () => {
   const {
-    cameraManager,
-    mountTarget,
-    showCameraErrorModal
-  } = useCameraUiStore();
-  const [videoRef, setVideoRef] = createSignal();
-  const [feedbackRef, setFeedbackRef] = createSignal();
-  const [overlayLayerRef, setOverlayLayerRef] = createSignal();
-  const isPortalled = () => mountTarget.parentNode === document.body;
-  const [fitMode, setFitMode] = createSignal("contain");
-  function adjustVideoFit() {
-    const video = videoRef();
-    if (!video) {
+    cameraManager: t,
+    mountTarget: e,
+    showCameraErrorModal: r
+  } = j(), [a, n] = z(), [o, i] = z(), [l, c] = z(), d = () => e.parentNode === document.body, [h, C] = z("contain");
+  function w() {
+    const u = a();
+    if (!u)
       return;
-    }
-    const Cw = video.clientWidth;
-    const Ch = video.clientHeight;
-    const Vw = video.videoWidth;
-    const Vh = video.videoHeight;
-    const newFitMode = determineFitMode(Cw, Ch, Vw, Vh);
-    setFitMode(newFitMode);
-    if (newFitMode === "cover") {
-      const visibleArea = getVisibleVideoArea(Cw, Ch, Vw, Vh);
-      cameraManager.setExtractionArea(visibleArea);
-    } else {
-      cameraManager.setExtractionArea({
+    const v = u.clientWidth, b = u.clientHeight, f = u.videoWidth, g = u.videoHeight;
+    if (f === 0 || g === 0)
+      return;
+    const p = pr(v, b, f, g);
+    if (C(p), p === "cover") {
+      const k = vr(v, b, f, g);
+      t.setExtractionArea(k);
+    } else
+      t.setExtractionArea({
         x: 0,
         y: 0,
-        width: Vw,
-        height: Vh
+        width: f,
+        height: g
       });
-    }
   }
-  onMount(() => {
-    const video = videoRef();
-    if (!video) {
+  return J(() => {
+    const u = a();
+    if (!u)
       return;
-    }
     const {
-      observe,
-      unobserve
-    } = makeResizeObserver(adjustVideoFit);
-    observe(video);
-    video.addEventListener("loadedmetadata", adjustVideoFit);
-    onCleanup(() => {
-      unobserve(video);
-      video.removeEventListener("loadedmetadata", adjustVideoFit);
+      observe: v,
+      unobserve: b
+    } = br(w);
+    v(u), u.addEventListener("resize", w), u.addEventListener("loadedmetadata", w), ce(() => {
+      b(u), u.removeEventListener("resize", w), u.removeEventListener("loadedmetadata", w);
     });
-  });
-  onMount(() => {
-    const owner = getOwner();
-    if (!owner) {
-      return;
-    }
-    cameraUiRefSignalStore.setState({
-      owner
-    });
-  });
-  createEffect(() => {
-    const $videoRef = videoRef();
-    const $feedbackRef = feedbackRef();
-    const $overlayLayerRef = overlayLayerRef();
-    if (!$videoRef || !$feedbackRef || !$overlayLayerRef) {
-      return;
-    }
-    cameraUiRefSignalStore.setState({
-      feedbackLayer: $feedbackRef,
-      overlayLayer: $overlayLayerRef
+  }), J(() => {
+    const u = Se();
+    u && le.setState({
+      owner: u
     });
-    cameraManager.initVideoElement($videoRef);
-  });
-  return createComponent(SolidShadowRoot, {
+  }), Qe(() => {
+    const u = a(), v = o(), b = l();
+    !u || !v || !b || (le.setState({
+      feedbackLayer: v,
+      overlayLayer: b
+    }), t.initVideoElement(u));
+  }), s(dr, {
     get id() {
-      return !isPortalled() ? CAPTURE_SCREEN_SHADOW_ROOT_HOST_ID : void 0;
+      return d() ? void 0 : Be;
     },
     get disableShadowRoot() {
-      return isPortalled();
+      return d();
     },
     get style() {
-      return isPortalled() ? {
+      return d() ? {
         height: "100%"
       } : void 0;
     },
     get children() {
       return [(() => {
-        var _el$ = _tmpl$();
-        insert(_el$, variables);
-        return _el$;
+        var u = ne();
+        return y(u, fr), u;
       })(), (() => {
-        var _el$2 = _tmpl$();
-        insert(_el$2, normalize);
-        return _el$2;
+        var u = ne();
+        return y(u, hr), u;
       })(), (() => {
-        var _el$3 = _tmpl$();
-        insert(_el$3, rootStyles);
-        return _el$3;
+        var u = ne();
+        return y(u, mr), u;
       })(), (() => {
-        var _el$4 = _tmpl$2();
-        use((ref) => {
-          if (window.__mbCameraManagerCssCode) {
-            ref.innerHTML = window.__mbCameraManagerCssCode;
-          }
-        }, _el$4);
-        return _el$4;
+        var u = Vr();
+        return B((v) => {
+          window.__mbCameraManagerCssCode && (v.innerHTML = window.__mbCameraManagerCssCode);
+        }, u), u;
       })(), (() => {
-        var _el$5 = _tmpl$3(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling;
-        insert(_el$5, createComponent(Header, {}), _el$6);
-        use(setVideoRef, _el$6);
-        use(setFeedbackRef, _el$7);
-        use(setOverlayLayerRef, _el$8);
-        insert(_el$5, createComponent(Show, {
-          when: showCameraErrorModal,
+        var u = Ur(), v = u.firstChild, b = v.nextSibling, f = b.nextSibling;
+        return y(u, s(lr, {}), v), B(n, v), B(i, b), B(c, f), y(u, s(E, {
+          when: r,
           get children() {
-            return createComponent(CameraErrorModal, {});
+            return s(Pr, {});
           }
-        }), null);
-        effect((_$p) => (_$p = fitMode()) != null ? _el$6.style.setProperty("object-fit", _$p) : _el$6.style.removeProperty("object-fit"));
-        return _el$5;
+        }), null), H((g) => (g = h()) != null ? v.style.setProperty("object-fit", g) : v.style.removeProperty("object-fit")), u;
       })()];
     }
   });
-};
-const CaptureScreenPortalled = () => {
+}, qr = () => {
   const {
     t
-  } = useLocalization();
-  const [isOpen, setIsOpen] = createSignal(true);
-  const {
-    addOnDismountCallback
-  } = useCameraUiStore();
-  addOnDismountCallback(() => {
-    setIsOpen(false);
-  });
-  return createComponent(Portal, {
-    useShadow: true,
+  } = Z(), [e, r] = z(!0), {
+    addOnDismountCallback: a
+  } = j();
+  return a(() => {
+    r(!1);
+  }), s(ve, {
+    useShadow: !0,
     get mount() {
-      return document.getElementById(MOUNT_POINT_ID);
-    },
-    ref: (ref) => {
-      ref.id = CAPTURE_SCREEN_SHADOW_ROOT_HOST_ID;
-      ref.style.zIndex = "1000";
-      ref.style.position = "fixed";
-      ref.id = "mb-camera-host";
-      return ref;
+      return document.getElementById(Pe);
     },
+    ref: (n) => (n.id = Be, n.style.zIndex = "1000", n.style.position = "fixed", n.id = "mb-camera-host", n),
     get children() {
-      return createComponent(SmartEnvironmentProvider, {
-        children: (rootNode) => createComponent(Dialog.Root, {
+      return s(ee, {
+        children: (n) => s($.Root, {
           get open() {
-            return isOpen();
+            return e();
           },
-          lazyMount: true,
-          unmountOnExit: true,
+          lazyMount: !0,
+          unmountOnExit: !0,
           initialFocusEl: () => {
-            const dummyNode = document.createElement("div");
-            dummyNode.tabIndex = -1;
-            rootNode.appendChild(dummyNode);
-            setTimeout(() => {
-              dummyNode.remove();
-            }, 0);
-            return dummyNode;
+            const o = document.createElement("div");
+            return o.tabIndex = -1, n.appendChild(o), setTimeout(() => {
+              o.remove();
+            }, 0), o;
           },
           get children() {
-            return createComponent(Dialog.Positioner, {
+            return s($.Positioner, {
               get children() {
-                return createComponent(Dialog.Content, {
+                return s($.Content, {
                   "aria-labelledby": "dialog-title",
-                  "class": "h-vh supports-[(height:100dvh)]:h-dvh top-0 left-0 w-full fixed",
+                  class: "h-vh supports-[(height:100dvh)]:h-dvh top-0 left-0 w-full fixed",
                   get children() {
-                    return [createComponent(Dialog.Title, {
-                      "class": "sr-only",
+                    return [s($.Title, {
+                      class: "sr-only",
                       id: "dialog-title",
                       get children() {
                         return t.scan_document;
                       }
-                    }), createComponent(CaptureScreen, {})];
+                    }), s(Oe, {})];
                   }
                 });
               }
@@ -3250,91 +2543,71 @@ const CaptureScreenPortalled = () => {
       });
     }
   });
-};
-const RootComponent = () => {
+}, jr = () => {
   const {
-    mountTarget
-  } = useCameraUiStore();
-  return createComponent(Dynamic, {
+    mountTarget: t
+  } = j();
+  return s(je, {
     get component() {
-      return mountTarget.parentNode === document.body ? CaptureScreenPortalled : CaptureScreen;
+      return t.parentNode === document.body ? qr : Oe;
     }
   });
-};
-const MOUNT_POINT_ID = "camera-manager-mount-point";
-function createCameraManagerUi(cameraManager, target, {
-  localizationStrings,
-  showMirrorCameraButton = false,
-  showTorchButton = true,
-  showCloseButton = true,
-  showCameraErrorModal = true
+}, Pe = "camera-manager-mount-point";
+function ra(t, e, {
+  localizationStrings: r,
+  showMirrorCameraButton: a = !1,
+  showTorchButton: n = !0,
+  showCloseButton: o = !0,
+  showCameraErrorModal: i = !0
 } = {}) {
-  let mountTarget;
-  const dismountCallbacks = /* @__PURE__ */ new Set();
-  let updateLocalizationRef;
-  const setLocalizationRef = (setter) => {
-    updateLocalizationRef = setter;
+  let l;
+  const c = /* @__PURE__ */ new Set();
+  let d;
+  const h = (g) => {
+    d = g;
+  }, C = () => {
+    t.reset();
   };
-  const cleanupCameraManager = () => {
-    cameraManager.reset();
-  };
-  let dismountRef;
-  const dismountCameraManagerUi = () => {
+  let w;
+  const u = () => {
     try {
       console.debug("🧱 Dismounting camera manager UI");
-      for (const callback of dismountCallbacks) {
-        callback();
-      }
-      dismountCallbacks.clear();
-      cleanupCameraManager();
-      requestAnimationFrame(() => {
+      for (const g of c)
+        g();
+      c.clear(), C(), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          if (dismountRef) {
-            dismountRef();
-          }
-          mountTarget.remove();
-          cleanupCameraManager();
+          w && w(), l.remove(), C();
         });
       });
-    } catch (e) {
-      console.warn("Error while dismounting camera manager UI", e);
+    } catch (g) {
+      console.warn("Error while dismounting camera manager UI", g);
     }
-  };
-  const newMountTarget = document.createElement("div");
-  newMountTarget.id = MOUNT_POINT_ID;
-  mountTarget = newMountTarget;
-  if (target) {
-    target.appendChild(newMountTarget);
-  } else {
-    document.body.appendChild(newMountTarget);
-  }
-  const addOnDismountCallback = (fn) => {
-    dismountCallbacks.add(fn);
-    return () => {
-      dismountCallbacks.delete(fn);
-    };
-  };
-  dismountRef = render(() => createComponent(LocalizationProvider, {
-    userStrings: localizationStrings,
-    setLocalizationRef,
+  }, v = document.createElement("div");
+  v.id = Pe, l = v, e ? e.appendChild(v) : document.body.appendChild(v);
+  const b = (g) => (c.add(g), () => {
+    c.delete(g);
+  });
+  w = He(() => s(Ot, {
+    userStrings: r,
+    setLocalizationRef: h,
     get children() {
-      return createComponent(CameraUiStoreProvider, {
-        addOnDismountCallback,
-        dismountCameraUi: dismountCameraManagerUi,
-        cameraManager,
-        showMirrorCameraButton,
-        showTorchButton,
-        showCloseButton,
-        showCameraErrorModal,
-        mountTarget,
+      return s(Nt, {
+        addOnDismountCallback: b,
+        dismountCameraUi: u,
+        cameraManager: t,
+        showMirrorCameraButton: a,
+        showTorchButton: n,
+        showCloseButton: o,
+        showCameraErrorModal: i,
+        mountTarget: l,
         get children() {
-          return createComponent(RootComponent, {});
+          return s(jr, {});
         }
       });
     }
-  }), mountTarget);
-  const exposedComponentApi = {
-    updateLocalization: updateLocalizationRef,
+  }), l);
+  const f = {
+    updateLocalization: d,
     /**
      * Adds a callback to be called when the component is unmounted.
      * Returns a cleanup function that removes the callback when called.
@@ -3342,89 +2615,65 @@ function createCameraManagerUi(cameraManager, target, {
      * @param fn - The callback function to be called when the component is unmounted
      * @returns A cleanup function that removes the callback when called
      */
-    addOnDismountCallback,
-    cameraManager,
+    addOnDismountCallback: b,
+    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 cameraUiRefStore.getState().feedbackLayer;
+      return U.getState().feedbackLayer;
     },
     get overlayLayerNode() {
-      return cameraUiRefStore.getState().overlayLayer;
+      return U.getState().overlayLayer;
     },
     get owner() {
-      return cameraUiRefStore.getState().owner;
+      return U.getState().owner;
     },
-    dismount: dismountCameraManagerUi
+    dismount: u
   };
-  return new Promise((resolve) => {
-    let videoExists = false;
-    let feedbackExists = false;
-    let overlayExists = false;
-    let unsubscribeFeedbackLayer = () => {
-    };
-    let unsubscribeOverlayLayer = () => {
-    };
-    let unsubscribeVideo = () => {
+  return new Promise((g) => {
+    let p = !1, k = !1, x = !1, I = () => {
+    }, G = () => {
+    }, X = () => {
     };
-    const checkReady = () => {
-      if (videoExists && feedbackExists && overlayExists) {
-        unsubscribeFeedbackLayer();
-        unsubscribeOverlayLayer();
-        unsubscribeVideo();
-        resolve(exposedComponentApi);
-      }
+    const te = () => {
+      p && k && x && (I(), G(), X(), g(f));
     };
-    unsubscribeFeedbackLayer = cameraUiRefStore.subscribe((x) => x.feedbackLayer, (feedbackLayer) => {
-      if (feedbackLayer) {
-        feedbackExists = true;
-      }
-      checkReady();
+    I = U.subscribe((R) => R.feedbackLayer, (R) => {
+      R && (k = !0), te();
     }, {
-      fireImmediately: true
-    });
-    unsubscribeOverlayLayer = cameraUiRefStore.subscribe((x) => x.overlayLayer, (overlayLayer) => {
-      if (overlayLayer) {
-        overlayExists = true;
-      }
-      checkReady();
+      fireImmediately: !0
+    }), G = U.subscribe((R) => R.overlayLayer, (R) => {
+      R && (x = !0), te();
     }, {
-      fireImmediately: true
-    });
-    unsubscribeVideo = cameraManager.subscribe((state) => state.videoElement, (videoElement) => {
-      if (videoElement) {
-        videoExists = true;
-        checkReady();
-      }
+      fireImmediately: !0
+    }), X = t.subscribe((R) => R.videoElement, (R) => {
+      R && (p = !0, te());
     }, {
-      fireImmediately: true
+      fireImmediately: !0
     });
   });
 }
-const testSymbol = Symbol();
-globalThis.__CAMERA_MANAGER__ ||= testSymbol;
-if (globalThis.__CAMERA_MANAGER__ !== testSymbol) {
-  console.warn(
-    "Detected multiple instances of @microblink/camera-manager. This can lead to unexpected behavior."
-  );
-}
+const Ve = Symbol();
+globalThis.__CAMERA_MANAGER__ ||= Ve;
+globalThis.__CAMERA_MANAGER__ !== Ve && console.warn(
+  "Detected multiple instances of @microblink/camera-manager. This can lead to unexpected behavior."
+);
 export {
-  Camera,
-  CameraError,
-  CameraManager,
-  MOUNT_POINT_ID,
-  VideoFrameProcessor,
-  cameraManagerStore,
-  cameraUiRefStore,
-  createCameraManagerUi,
-  defaultCameraManagerOptions,
-  findResolutionKey,
-  getBuffer,
-  getNormalizedResolution,
-  isBufferDetached,
-  matchClosestResolution,
-  resetCameraManagerStore,
-  returnLongerSide,
-  videoResolutions
+  Ae as Camera,
+  xe as CameraError,
+  ta as CameraManager,
+  Pe as MOUNT_POINT_ID,
+  It as VideoFrameProcessor,
+  m as cameraManagerStore,
+  U as cameraUiRefStore,
+  ra as createCameraManagerUi,
+  zt as defaultCameraManagerOptions,
+  wt as findResolutionKey,
+  Ie as getBuffer,
+  pt as getNormalizedResolution,
+  se as isBufferDetached,
+  vt as matchClosestResolution,
+  yt as resetCameraManagerStore,
+  bt as returnLongerSide,
+  O as videoResolutions
 };
-//# sourceMappingURL=camera-manager.js.map