@openlv/modal 0.0.1-beta.10

package/dist/hooks/useSession.d.ts

@@ -0,0 +1,8 @@
+import { Session, SessionStateObject } from '@openlv/session';
+export declare const useSession: () => {
+    uri: string | undefined;
+    status: SessionStateObject | undefined;
+};
+export declare const useSessionStart: () => {
+    start: () => Promise<Session>;
+};

package/dist/hooks/useSettings.d.ts

@@ -0,0 +1,45 @@
+import { TurnServer } from '@openlv/provider/storage';
+import { LanguageTag } from '../utils/i18n.js';
+export declare const useSettings: () => {
+    settings: {
+        version: 3;
+        retainHistory: boolean;
+        autoReconnect: boolean;
+        signaling?: {
+            p: "mqtt" | "ntfy" | "gun";
+            s: {
+                mqtt?: string | undefined;
+                ntfy?: string | undefined;
+                gun?: string | undefined;
+            };
+        } | undefined;
+        language?: string | undefined;
+        transport?: {
+            p: string;
+            s?: {
+                webrtc?: {
+                    stun?: string[] | undefined;
+                    turn?: {
+                        urls: string;
+                        username?: string | undefined;
+                        credential?: string | undefined;
+                    }[] | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+        theme?: "light" | "dark" | "system" | undefined;
+    };
+    updateSignalingProtocol: (update: string) => void;
+    updateSignalingServer: (server: string) => void;
+    updateRetainHistory: (retainHistory: boolean) => void;
+    updateAutoReconnect: (autoReconnect: boolean) => void;
+    updateThemePreference: (theme: UserThemePreference) => void;
+    updateLanguage: (language: LanguageTag) => void;
+    updateTransportProtocol: (protocol: string) => void;
+    addStunServer: (url: string) => void;
+    removeStunServer: (index: number) => void;
+    updateStunServer: (index: number, url: string) => void;
+    addTurnServer: (server: TurnServer) => void;
+    removeTurnServer: (index: number) => void;
+    updateTurnServer: (index: number, updates: Partial<TurnServer>) => void;
+};

package/dist/hooks/useThemeConfig.d.ts

@@ -0,0 +1,8 @@
+import { ThemeMode, UserThemePreference } from '../theme/types.js';
+export declare const useThemeConfig: () => {
+    themeMode: "light" | "dark" | "system";
+    appThemeMode: ThemeMode;
+    userThemeMode: "light" | "dark" | "system";
+    isUserConfigurable: boolean;
+    updateThemePreference: (theme: UserThemePreference) => void;
+};

package/dist/index.cjs.js

@@ -0,0 +1,8 @@
+"use strict";var tr=Object.defineProperty;var rr=(e,t,r)=>t in e?tr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var fe=(e,t,r)=>rr(e,typeof t!="symbol"?t+"":t,r);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("preact/jsx-runtime"),d=require("preact/hooks"),v=require("preact"),nr=require("qrcode-generator");function or(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const ar=or(nr),sr=1,ir=e=>{const t=new URLSearchParams;return t.set("h",e.h),t.set("k",e.k),e.p&&t.set("p",e.p),e.s&&t.set("s",e.s),`openlv://${e.sessionId}@${sr}?${t.toString()}`};function lr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var De={exports:{}},et;function cr(){return et||(et=1,(function(e){var t=Object.prototype.hasOwnProperty,r="~";function n(){}Object.create&&(n.prototype=Object.create(null),new n().__proto__||(r=!1));function o(c,u,f){this.fn=c,this.context=u,this.once=f||!1}function a(c,u,f,p,C){if(typeof f!="function")throw new TypeError("The listener must be a function");var b=new o(f,p||c,C),w=r?r+u:u;return c._events[w]?c._events[w].fn?c._events[w]=[c._events[w],b]:c._events[w].push(b):(c._events[w]=b,c._eventsCount++),c}function i(c,u){--c._eventsCount===0?c._events=new n:delete c._events[u]}function l(){this._events=new n,this._eventsCount=0}l.prototype.eventNames=function(){var u=[],f,p;if(this._eventsCount===0)return u;for(p in f=this._events)t.call(f,p)&&u.push(r?p.slice(1):p);return Object.getOwnPropertySymbols?u.concat(Object.getOwnPropertySymbols(f)):u},l.prototype.listeners=function(u){var f=r?r+u:u,p=this._events[f];if(!p)return[];if(p.fn)return[p.fn];for(var C=0,b=p.length,w=new Array(b);C<b;C++)w[C]=p[C].fn;return w},l.prototype.listenerCount=function(u){var f=r?r+u:u,p=this._events[f];return p?p.fn?1:p.length:0},l.prototype.emit=function(u,f,p,C,b,w){var T=r?r+u:u;if(!this._events[T])return!1;var h=this._events[T],k=arguments.length,g,m;if(h.fn){switch(h.once&&this.removeListener(u,h.fn,void 0,!0),k){case 1:return h.fn.call(h.context),!0;case 2:return h.fn.call(h.context,f),!0;case 3:return h.fn.call(h.context,f,p),!0;case 4:return h.fn.call(h.context,f,p,C),!0;case 5:return h.fn.call(h.context,f,p,C,b),!0;case 6:return h.fn.call(h.context,f,p,C,b,w),!0}for(m=1,g=new Array(k-1);m<k;m++)g[m-1]=arguments[m];h.fn.apply(h.context,g)}else{var L=h.length,_;for(m=0;m<L;m++)switch(h[m].once&&this.removeListener(u,h[m].fn,void 0,!0),k){case 1:h[m].fn.call(h[m].context);break;case 2:h[m].fn.call(h[m].context,f);break;case 3:h[m].fn.call(h[m].context,f,p);break;case 4:h[m].fn.call(h[m].context,f,p,C);break;default:if(!g)for(_=1,g=new Array(k-1);_<k;_++)g[_-1]=arguments[_];h[m].fn.apply(h[m].context,g)}}return!0},l.prototype.on=function(u,f,p){return a(this,u,f,p,!1)},l.prototype.once=function(u,f,p){return a(this,u,f,p,!0)},l.prototype.removeListener=function(u,f,p,C){var b=r?r+u:u;if(!this._events[b])return this;if(!f)return i(this,b),this;var w=this._events[b];if(w.fn)w.fn===f&&(!C||w.once)&&(!p||w.context===p)&&i(this,b);else{for(var T=0,h=[],k=w.length;T<k;T++)(w[T].fn!==f||C&&!w[T].once||p&&w[T].context!==p)&&h.push(w[T]);h.length?this._events[b]=h.length===1?h[0]:h:i(this,b)}return this},l.prototype.removeAllListeners=function(u){var f;return u?(f=r?r+u:u,this._events[f]&&i(this,f)):(this._events=new n,this._eventsCount=0),this},l.prototype.off=l.prototype.removeListener,l.prototype.addListener=l.prototype.on,l.prefixed=r,l.EventEmitter=l,e.exports=l})(De)),De.exports}cr();const M=Symbol.for("@ts-pattern/matcher"),Nt=Symbol.for("@ts-pattern/isVariadic"),Ne="@ts-pattern/anonymous-select-key",Fe=e=>!!(e&&typeof e=="object"),Ce=e=>e&&!!e[M],P=(e,t,r)=>{if(Ce(e)){const n=e[M](),{matched:o,selections:a}=n.match(t);return o&&a&&Object.keys(a).forEach(i=>r(i,a[i])),o}if(Fe(e)){if(!Fe(t))return!1;if(Array.isArray(e)){if(!Array.isArray(t))return!1;let n=[],o=[],a=[];for(const i of e.keys()){const l=e[i];Ce(l)&&l[Nt]?a.push(l):a.length?o.push(l):n.push(l)}if(a.length){if(a.length>1)throw new Error("Pattern error: Using `...P.array(...)` several times in a single pattern is not allowed.");if(t.length<n.length+o.length)return!1;const i=t.slice(0,n.length),l=o.length===0?[]:t.slice(-o.length),c=t.slice(n.length,o.length===0?1/0:-o.length);return n.every((u,f)=>P(u,i[f],r))&&o.every((u,f)=>P(u,l[f],r))&&(a.length===0||P(a[0],c,r))}return e.length===t.length&&e.every((i,l)=>P(i,t[l],r))}return Reflect.ownKeys(e).every(n=>{const o=e[n];return(n in t||Ce(a=o)&&a[M]().matcherType==="optional")&&P(o,t[n],r);var a})}return Object.is(t,e)},I=e=>{var t,r,n;return Fe(e)?Ce(e)?(t=(r=(n=e[M]()).getSelectionKeys)==null?void 0:r.call(n))!=null?t:[]:Array.isArray(e)?he(e,I):he(Object.values(e),I):[]},he=(e,t)=>e.reduce((r,n)=>r.concat(t(n)),[]);function ur(...e){if(e.length===1){const[t]=e;return r=>P(t,r,()=>{})}if(e.length===2){const[t,r]=e;return P(t,r,()=>{})}throw new Error(`isMatching wasn't given the right number of arguments: expected 1 or 2, received ${e.length}.`)}function D(e){return Object.assign(e,{optional:()=>Xe(e),and:t=>j(e,t),or:t=>_t(e,t),select:t=>t===void 0?ve(e):ve(t,e)})}function ze(e){return Object.assign((t=>Object.assign(t,{[Symbol.iterator](){let r=0;const n=[{value:Object.assign(t,{[Nt]:!0}),done:!1},{done:!0,value:void 0}];return{next:()=>{var o;return(o=n[r++])!=null?o:n.at(-1)}}}}))(e),{optional:()=>ze(Xe(e)),select:t=>ze(t===void 0?ve(e):ve(t,e))})}function Xe(e){return D({[M]:()=>({match:t=>{let r={};const n=(o,a)=>{r[o]=a};return t===void 0?(I(e).forEach(o=>n(o,void 0)),{matched:!0,selections:r}):{matched:P(e,t,n),selections:r}},getSelectionKeys:()=>I(e),matcherType:"optional"})})}const dr=(e,t)=>{for(const r of e)if(!t(r))return!1;return!0},fr=(e,t)=>{for(const[r,n]of e.entries())if(!t(n,r))return!1;return!0},gr=(e,t)=>{const r=Reflect.ownKeys(e);for(const n of r)if(!t(n,e[n]))return!1;return!0};function j(...e){return D({[M]:()=>({match:t=>{let r={};const n=(o,a)=>{r[o]=a};return{matched:e.every(o=>P(o,t,n)),selections:r}},getSelectionKeys:()=>he(e,I),matcherType:"and"})})}function _t(...e){return D({[M]:()=>({match:t=>{let r={};const n=(o,a)=>{r[o]=a};return he(e,I).forEach(o=>n(o,void 0)),{matched:e.some(o=>P(o,t,n)),selections:r}},getSelectionKeys:()=>he(e,I),matcherType:"or"})})}function y(e){return{[M]:()=>({match:t=>({matched:!!e(t)})})}}function ve(...e){const t=typeof e[0]=="string"?e[0]:void 0,r=e.length===2?e[1]:typeof e[0]=="string"?void 0:e[0];return D({[M]:()=>({match:n=>{let o={[t??Ne]:n};return{matched:r===void 0||P(r,n,(a,i)=>{o[a]=i}),selections:o}},getSelectionKeys:()=>[t??Ne].concat(r===void 0?[]:I(r))})})}function jt(e){return!0}function q(e){return typeof e=="number"}function X(e){return typeof e=="string"}function Y(e){return typeof e=="bigint"}const At=D(y(jt)),pr=D(y(jt)),hr=At,Z=e=>Object.assign(D(e),{startsWith:t=>{return Z(j(e,(r=t,y(n=>X(n)&&n.startsWith(r)))));var r},endsWith:t=>{return Z(j(e,(r=t,y(n=>X(n)&&n.endsWith(r)))));var r},minLength:t=>Z(j(e,(r=>y(n=>X(n)&&n.length>=r))(t))),length:t=>Z(j(e,(r=>y(n=>X(n)&&n.length===r))(t))),maxLength:t=>Z(j(e,(r=>y(n=>X(n)&&n.length<=r))(t))),includes:t=>{return Z(j(e,(r=t,y(n=>X(n)&&n.includes(r)))));var r},regex:t=>{return Z(j(e,(r=t,y(n=>X(n)&&!!n.match(r)))));var r}}),tt=Z(y(X)),J=e=>Object.assign(D(e),{between:(t,r)=>J(j(e,((n,o)=>y(a=>q(a)&&n<=a&&o>=a))(t,r))),lt:t=>J(j(e,(r=>y(n=>q(n)&&n<r))(t))),gt:t=>J(j(e,(r=>y(n=>q(n)&&n>r))(t))),lte:t=>J(j(e,(r=>y(n=>q(n)&&n<=r))(t))),gte:t=>J(j(e,(r=>y(n=>q(n)&&n>=r))(t))),int:()=>J(j(e,y(t=>q(t)&&Number.isInteger(t)))),finite:()=>J(j(e,y(t=>q(t)&&Number.isFinite(t)))),positive:()=>J(j(e,y(t=>q(t)&&t>0))),negative:()=>J(j(e,y(t=>q(t)&&t<0)))}),vr=J(y(q)),$=e=>Object.assign(D(e),{between:(t,r)=>$(j(e,((n,o)=>y(a=>Y(a)&&n<=a&&o>=a))(t,r))),lt:t=>$(j(e,(r=>y(n=>Y(n)&&n<r))(t))),gt:t=>$(j(e,(r=>y(n=>Y(n)&&n>r))(t))),lte:t=>$(j(e,(r=>y(n=>Y(n)&&n<=r))(t))),gte:t=>$(j(e,(r=>y(n=>Y(n)&&n>=r))(t))),positive:()=>$(j(e,y(t=>Y(t)&&t>0))),negative:()=>$(j(e,y(t=>Y(t)&&t<0)))}),mr=$(y(Y)),br=D(y(function(e){return typeof e=="boolean"})),yr=D(y(function(e){return typeof e=="symbol"})),wr=D(y(function(e){return e==null})),xr=D(y(function(e){return e!=null}));var Et={__proto__:null,matcher:M,optional:Xe,array:function(...e){return ze({[M]:()=>({match:t=>{if(!Array.isArray(t))return{matched:!1};if(e.length===0)return{matched:!0};const r=e[0];let n={};if(t.length===0)return I(r).forEach(a=>{n[a]=[]}),{matched:!0,selections:n};const o=(a,i)=>{n[a]=(n[a]||[]).concat([i])};return{matched:t.every(a=>P(r,a,o)),selections:n}},getSelectionKeys:()=>e.length===0?[]:I(e[0])})})},set:function(...e){return D({[M]:()=>({match:t=>{if(!(t instanceof Set))return{matched:!1};let r={};if(t.size===0)return{matched:!0,selections:r};if(e.length===0)return{matched:!0};const n=(a,i)=>{r[a]=(r[a]||[]).concat([i])},o=e[0];return{matched:dr(t,a=>P(o,a,n)),selections:r}},getSelectionKeys:()=>e.length===0?[]:I(e[0])})})},map:function(...e){return D({[M]:()=>({match:t=>{if(!(t instanceof Map))return{matched:!1};let r={};if(t.size===0)return{matched:!0,selections:r};const n=(l,c)=>{r[l]=(r[l]||[]).concat([c])};if(e.length===0)return{matched:!0};var o;if(e.length===1)throw new Error(`\`P.map\` wasn't given enough arguments. Expected (key, value), received ${(o=e[0])==null?void 0:o.toString()}`);const[a,i]=e;return{matched:fr(t,(l,c)=>{const u=P(a,c,n),f=P(i,l,n);return u&&f}),selections:r}},getSelectionKeys:()=>e.length===0?[]:[...I(e[0]),...I(e[1])]})})},record:function(...e){return D({[M]:()=>({match:t=>{if(t===null||typeof t!="object"||Array.isArray(t))return{matched:!1};var r;if(e.length===0)throw new Error(`\`P.record\` wasn't given enough arguments. Expected (value) or (key, value), received ${(r=e[0])==null?void 0:r.toString()}`);let n={};const o=(l,c)=>{n[l]=(n[l]||[]).concat([c])},[a,i]=e.length===1?[tt,e[0]]:e;return{matched:gr(t,(l,c)=>{const u=typeof l!="string"||Number.isNaN(Number(l))?null:Number(l),f=u!==null&&P(a,u,o),p=P(a,l,o),C=P(i,c,o);return(p||f)&&C}),selections:n}},getSelectionKeys:()=>e.length===0?[]:[...I(e[0]),...I(e[1])]})})},intersection:j,union:_t,not:function(e){return D({[M]:()=>({match:t=>({matched:!P(e,t,()=>{})}),getSelectionKeys:()=>[],matcherType:"not"})})},when:y,select:ve,any:At,unknown:pr,_:hr,string:tt,number:vr,bigint:mr,boolean:br,symbol:yr,nullish:wr,nonNullable:xr,instanceOf:function(e){return D(y((function(t){return r=>r instanceof t})(e)))},shape:function(e){return D(y(ur(e)))}};let kr=class extends Error{constructor(t){let r;try{r=JSON.stringify(t)}catch{r=t}super(`Pattern matching error: no pattern matches value ${r}`),this.input=void 0,this.input=t}};const Ue={matched:!1,value:void 0};function Q(e){return new Cr(e,Ue)}let Cr=class We{constructor(t,r){this.input=void 0,this.state=void 0,this.input=t,this.state=r}with(...t){if(this.state.matched)return this;const r=t[t.length-1],n=[t[0]];let o;t.length===3&&typeof t[1]=="function"?o=t[1]:t.length>2&&n.push(...t.slice(1,t.length-1));let a=!1,i={};const l=(u,f)=>{a=!0,i[u]=f},c=!n.some(u=>P(u,this.input,l))||o&&!o(this.input)?Ue:{matched:!0,value:r(a?Ne in i?i[Ne]:i:this.input,this.input)};return new We(this.input,c)}when(t,r){if(this.state.matched)return this;const n=!!t(this.input);return new We(this.input,n?{matched:!0,value:r(this.input,this.input)}:Ue)}otherwise(t){return this.state.matched?this.state.value:t(this.input)}exhaustive(t=Sr){return this.state.matched?this.state.value:t(this.input)}run(){return this.exhaustive()}returnType(){return this}narrow(){return this}};function Sr(e){throw new kr(e)}const se={STANDBY:"standby",CONNECTING:"connecting",READY:"ready",HANDSHAKE:"handshake",HANDSHAKE_PARTIAL:"handshake-partial",ENCRYPTED:"encrypted"},ie={CREATED:"created",SIGNALING:"signaling",READY:"ready",LINKING:"linking",CONNECTED:"connected",DISCONNECTED:"disconnected"},ne={STANDBY:"standby",CREATING:"creating",CONNECTING:"connecting",CONNECTED:"connected",ERROR:"error"};var Be={exports:{}};var rt;function Nr(){return rt||(rt=1,(function(e){(function(){var t={}.hasOwnProperty;function r(){for(var a="",i=0;i<arguments.length;i++){var l=arguments[i];l&&(a=o(a,n(l)))}return a}function n(a){if(typeof a=="string"||typeof a=="number")return a;if(typeof a!="object")return"";if(Array.isArray(a))return r.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var i="";for(var l in a)t.call(a,l)&&a[l]&&(i=o(i,l));return i}function o(a,i){return i?a?a+" "+i:a+i:a}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(Be)),Be.exports}var _r=Nr();const ee=lr(_r),jr=async e=>{if(typeof e=="string"){if(e==="simple")return await Promise.resolve().then(()=>require("./simple-DDht1UVo.cjs")).then(t=>t.simpleTheme);if(e==="openlv")return await Promise.resolve().then(()=>require("./openlv-SMG3Trx9.cjs")).then(t=>t.openlvTheme);throw new Error(`Unknown theme: ${e}`)}return e};function Ge(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}const Tt=(e,t=[],r={})=>{for(const[n,o]of Object.entries(e)){const a=[...t,n];Ge(o)?Tt(o,a,r):r[`--lv-${a.join("-")}`]=o}return r},Ar=(e="auto",t="system")=>e==="light"||e==="dark"?e:t==="system"?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":t,Rt=(e,t)=>{const r={...e};for(const n of Object.keys(t)){const o=e[n],a=t[n];r[n]=Ge(o)&&Ge(a)?Rt(o,a):a}return r},Er=async(e,t="system")=>{const r=await jr(e.theme),n=Ar(e.mode,t),o=r[n];if(!o)return"";const a=r.common?Rt(r.common,o):o,i=Tt(a);return Object.entries(i).map(([l,c])=>`${l}: ${c};`).join(`
+`)},nt=`@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.top-5{top:calc(var(--spacing)*5)}.top-full{top:100%}.bottom-0{bottom:calc(var(--spacing)*0)}.left-1\\/2{left:50%}.z-10{z-index:10}.z-10000{z-index:10000}.mx-auto{margin-inline:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1}.h-1\\.5{height:calc(var(--spacing)*1.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-11{height:calc(var(--spacing)*11)}.h-18{height:calc(var(--spacing)*18)}.h-38{height:calc(var(--spacing)*38)}.h-\\[200px\\]{height:200px}.h-full{height:100%}.min-h-32{min-height:calc(var(--spacing)*32)}.w-1\\.5{width:calc(var(--spacing)*1.5)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-48{width:calc(var(--spacing)*48)}.w-\\[200px\\]{width:200px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.animate-\\[bg-in_0\\.15s_ease-in-out\\]{animation:.15s ease-in-out bg-in}.animate-\\[fade-in_0\\.15s_ease-in-out\\]{animation:.15s ease-in-out fade-in}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*-4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*-4)*calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\\(--lv-control-button-primary-border\\){border-color:var(--lv-control-button-primary-border)}.border-\\(--lv-control-button-secondary-border\\){border-color:var(--lv-control-button-secondary-border)}.border-\\(--lv-control-button-secondary-border\\,var\\(--lv-control-button-secondary-background\\)\\){border-color:var(--lv-control-button-secondary-border,var(--lv-control-button-secondary-background))}.border-\\(--lv-control-input-border\\){border-color:var(--lv-control-input-border)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.border-t-transparent{border-top-color:#0000}.bg-\\(--lv-body-background\\){background-color:var(--lv-body-background)}.bg-\\(--lv-card-background\\){background-color:var(--lv-card-background)}.bg-\\(--lv-control-button-primary-background\\){background-color:var(--lv-control-button-primary-background)}.bg-\\(--lv-control-button-secondary-background\\){background-color:var(--lv-control-button-secondary-background)}.bg-\\(--lv-qr-background\\){background-color:var(--lv-qr-background)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-\\[url\\(\\'data\\:image\\/svg\\+xml\\;charset\\=US-ASCII\\,\\%3Csvg\\%20xmlns\\%3D\\%22http\\%3A\\%2F\\%2Fwww\\.w3\\.org\\%2F2000\\%2Fsvg\\%22\\%20width\\%3D\\%2214\\%22\\%20height\\%3D\\%2214\\%22\\%20viewBox\\%3D\\%220\\%200\\%2024\\%2024\\%22\\%20fill\\%3D\\%22none\\%22\\%20stroke\\%3D\\%22\\%23888\\%22\\%20stroke-width\\%3D\\%222\\%22\\%3E\\%3Cpath\\%20d\\%3D\\%22M6\\%209l6\\%206\\%206-6\\%22\\%2F\\%3E\\%3C\\%2Fsvg\\%3E\\'\\)\\]{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E)}.bg-\\[length\\:14px\\]{background-size:14px}.bg-\\[right_8px_center\\]{background-position:right 8px center}.bg-no-repeat{background-repeat:no-repeat}.p-1{padding:calc(var(--spacing)*1)}.p-1\\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.ps-1{padding-inline-start:calc(var(--spacing)*1)}.pt-1{padding-top:calc(var(--spacing)*1)}.pr-0\\.5{padding-right:calc(var(--spacing)*.5)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-0\\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-2{padding-left:calc(var(--spacing)*2)}.text-center{text-align:center}.text-start{text-align:start}.font-sans{font-family:var(--font-sans)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-\\(--lv-control-button-primary-color\\){color:var(--lv-control-button-primary-color)}.text-\\(--lv-control-button-secondary-color\\){color:var(--lv-control-button-secondary-color)}.text-\\(--lv-qr-color\\){color:var(--lv-qr-color)}.text-\\(--lv-text-muted\\){color:var(--lv-text-muted)}.text-\\(--lv-text-primary\\){color:var(--lv-text-primary)}.text-\\(--lv-text-secondary\\){color:var(--lv-text-secondary)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[height\\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.group-hover\\:block:is(:where(.group):hover *){display:block}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.first\\:rounded-t-sm:first-child{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.first\\:border-l-0:first-child{border-left-style:var(--tw-border-style);border-left-width:0}.first\\:pt-1\\.5:first-child{padding-top:calc(var(--spacing)*1.5)}.first\\:pt-2:first-child{padding-top:calc(var(--spacing)*2)}.last\\:rounded-b-sm:last-child{border-bottom-right-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.last\\:pb-2:last-child{padding-bottom:calc(var(--spacing)*2)}@media(hover:hover){.hover\\:\\[background-color\\:var\\(--lv-control-button-tertiary-hoverBackground\\)\\]:hover{background-color:var(--lv-control-button-tertiary-hoverBackground)}.hover\\:bg-\\(--lv-card-background\\):hover{background-color:var(--lv-card-background)}.hover\\:bg-\\(--lv-control-button-primary-background-hover\\):hover{background-color:var(--lv-control-button-primary-background-hover)}.hover\\:bg-\\(--lv-control-button-primary-hoverBackground\\,var\\(--lv-control-button-primary-background\\)\\):hover{background-color:var(--lv-control-button-primary-hoverBackground,var(--lv-control-button-primary-background))}.hover\\:bg-\\(--lv-control-button-secondary-background\\):hover{background-color:var(--lv-control-button-secondary-background)}.hover\\:bg-\\(--lv-control-button-secondary-hoverBackground\\):hover{background-color:var(--lv-control-button-secondary-hoverBackground)}.hover\\:bg-\\(--lv-control-button-secondary-hoverBackground\\,var\\(--lv-control-button-secondary-background\\)\\):hover{background-color:var(--lv-control-button-secondary-hoverBackground,var(--lv-control-button-secondary-background))}.hover\\:bg-\\(--lv-control-button-tertiary-hoverBackground\\):hover{background-color:var(--lv-control-button-tertiary-hoverBackground)}.hover\\:bg-\\(--lv-control-button-tertiary-hoverBackground\\,transparent\\):hover{background-color:var(--lv-control-button-tertiary-hoverBackground,transparent)}}.focus\\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-\\(--lv-control-button-primary-background\\):focus{--tw-ring-color:var(--lv-control-button-primary-background)}.focus\\:ring-blue-200:focus{--tw-ring-color:var(--color-blue-200)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\\:bg-\\(--lv-control-button-primary-activeBackground\\,var\\(--lv-control-button-primary-hoverBackground\\,var\\(--lv-control-button-primary-background\\)\\)\\):active{background-color:var(--lv-control-button-primary-activeBackground,var(--lv-control-button-primary-hoverBackground,var(--lv-control-button-primary-background)))}.active\\:bg-\\(--lv-control-button-secondary-activeBackground\\):active{background-color:var(--lv-control-button-secondary-activeBackground)}.active\\:bg-\\(--lv-control-button-secondary-activeBackground\\,var\\(--lv-control-button-secondary-hoverBackground\\,var\\(--lv-control-button-secondary-background\\)\\)\\):active{background-color:var(--lv-control-button-secondary-activeBackground,var(--lv-control-button-secondary-hoverBackground,var(--lv-control-button-secondary-background)))}.active\\:bg-\\(--lv-control-button-tertiary-activeBackground\\,var\\(--lv-control-button-tertiary-hoverBackground\\,transparent\\)\\):active{background-color:var(--lv-control-button-tertiary-activeBackground,var(--lv-control-button-tertiary-hoverBackground,transparent))}.disabled\\:bg-\\(--lv-control-button-primary-disabledBackground\\,var\\(--lv-control-button-primary-background\\)\\):disabled{background-color:var(--lv-control-button-primary-disabledBackground,var(--lv-control-button-primary-background))}.disabled\\:bg-\\(--lv-control-button-secondary-disabledBackground\\,var\\(--lv-control-button-secondary-background\\)\\):disabled{background-color:var(--lv-control-button-secondary-disabledBackground,var(--lv-control-button-secondary-background))}.disabled\\:text-\\(--lv-control-button-primary-disabledColor\\,var\\(--lv-control-button-primary-color\\)\\):disabled{color:var(--lv-control-button-primary-disabledColor,var(--lv-control-button-primary-color))}.disabled\\:text-\\(--lv-control-button-secondary-disabledColor\\,var\\(--lv-control-button-secondary-color\\)\\):disabled{color:var(--lv-control-button-secondary-disabledColor,var(--lv-control-button-secondary-color))}.disabled\\:text-\\(--lv-control-button-tertiary-disabledColor\\,var\\(--lv-text-muted\\)\\):disabled{color:var(--lv-control-button-tertiary-disabledColor,var(--lv-text-muted))}@media(min-width:48rem){.md\\:items-center{align-items:center}}@media(min-width:64rem){.lg\\:p-4{padding:calc(var(--spacing)*4)}}.ltr\\:right-5:where(:dir(ltr),[dir=ltr],[dir=ltr] *){right:calc(var(--spacing)*5)}.ltr\\:-ml-1:where(:dir(ltr),[dir=ltr],[dir=ltr] *){margin-left:calc(var(--spacing)*-1)}.ltr\\:translate-x-full:where(:dir(ltr),[dir=ltr],[dir=ltr] *){--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.ltr\\:rounded-l-none:where(:dir(ltr),[dir=ltr],[dir=ltr] *){border-top-left-radius:0;border-bottom-left-radius:0}.rtl\\:left-5:where(:dir(rtl),[dir=rtl],[dir=rtl] *){left:calc(var(--spacing)*5)}.rtl\\:-mr-1:where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-right:calc(var(--spacing)*-1)}.rtl\\:-translate-x-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rtl\\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}.rtl\\:rounded-r-none:where(:dir(rtl),[dir=rtl],[dir=rtl] *){border-top-right-radius:0;border-bottom-right-radius:0}}:root,:host{--color-body-background:var(--lv-body-background);--radius-radius:var(--lv-border-radius)}.border{border-style:solid}@keyframes fade-in{0%{transform:translateY(-2px)scale(.95)}to{transform:translateY(0)scale(1)}}@keyframes bg-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.modal-transition__container{display:grid;position:relative}.modal-transition__layer{will-change:transform,opacity;grid-area:1/1;width:100%}.modal-transition__layer--outgoing{z-index:2;animation:.2s ease-out forwards modal-transition-out;position:absolute}.modal-transition__layer--incoming{animation:.2s ease-out forwards modal-transition-in}[data-openlv-theme-mode=dark] img[data-openlv-brand-logo]{filter:invert()brightness(1.1)}@media(prefers-color-scheme:dark){[data-openlv-theme-mode=system] img[data-openlv-brand-logo]{filter:invert()brightness(1.1)}}@keyframes modal-transition-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modal-transition-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}`,ot=async(e,t,r="system")=>{let n=e.querySelector("style[data-openlv-modal]");if(n||(n=document.createElement("style"),n.setAttribute("data-openlv-modal","true"),e.appendChild(n)),t){const o=await Er(t,r);n.textContent=`:root, :host {
+${o}
+}
+`+nt}else n.textContent=nt};class Ee extends HTMLElement{constructor(r){super();fe(this,"shadow");fe(this,"renderRequested",!1);fe(this,"parameters");fe(this,"themeCleanup");this.parameters=r,this.shadow=this.attachShadow({mode:"open"});const n=r.provider.storage.getSettings()?.theme??"system";ot(this.shadow,r.theme,n)}connectedCallback(){this.requestRender(),this.themeCleanup?.(),this.setupThemeListener()}disconnectedCallback(){v.render(null,this.shadow),this.themeCleanup?.()}setupThemeListener(){const r=()=>{const o=this.parameters.provider.storage.getSettings()?.theme??"system";ot(this.shadow,this.parameters.theme,o)};this.parameters.provider.storage.emitter.on("settings_change",r);const n=window.matchMedia("(prefers-color-scheme: dark)");n.addEventListener("change",r),this.themeCleanup=()=>{this.parameters.provider.storage.emitter.off("settings_change",r),n.removeEventListener("change",r)}}showModal(){this.style.display="block"}hideModal(){this.style.display="none"}requestRender(){this.renderRequested||(this.renderRequested=!0,queueMicrotask(()=>{this.renderRequested=!1,this.performRender()}))}performRender(){v.render(v.h(Hr,this.parameters),this.shadow)}}const Tr={close:"Close",yes:"Yes",no:"No",protocol:"Protocol"},Rr={connectedSuccessfully:"Connected Successfully!",connecting:"Connecting",ready:"Ready",handshakeClosed:"Handshake Closed",handshakePartial:"Handshake Partial",encrypted:"Encrypted",signalError:"Signal Error",disconnected:"Disconnected"},Or={title:"Settings",language:"Language",connection:{title:"Connection",description:"Configure how you connect to your wallet."},theme:{title:"Appearance",mode:"Theme",light:"Light",dark:"Dark",system:"System"},connectionPreferences:{title:"Connection preferences",retainSessionHistory:"Retain session history",autoReconnect:"Auto reconnect"},signaling:{title:"Signaling",description:"Signaling is the handshake protocol used to establish a connection.",server:"Server",serverUrl:"Server URL"},transport:{title:"Transport",description:"This is how the connection is maintained.",webrtc:"WebRTC",iceServers:{title:"ICE Servers",stun:"STUN Servers",turn:"TURN Servers",addStun:"Add STUN Server",addTurn:"Add TURN Server",username:"Username",credential:"Password"}},appearance:"Appearance"},Pr={title:"Connect Wallet"},Lr={title:"What is openlv?",scanQrCode:"Scan QR Code",approveOnDevice:"Approve on device",youreConnected:"You're connected!"},Dr={prompt:"Click the button below to start a connection",generateQr:"Generate QR",connectionSettings:"Connection settings"},Br={preparingConnection:"Preparing connection",generatingKeys:"Generating keys...",connecting:"Connecting",waitingForNetwork:"Waiting for network connection...",establishingConnection:"Establishing connection...",mayTakeFewSeconds:"This may take a few seconds...",connectedSuccessfully:"Connected Successfully!",walletConnectedReady:"Your wallet is now connected and ready to use.",disconnected:"Disconnected",connectionClosed:"The connection has been closed."},Ir={clickToCopyUrl:"Click to copy connection URL",copyConnectionUrl:"Copy Connection URL",scanCodeInstruction:`Scan the code above using your mobile wallet.
+Or copy the link and paste it into your wallet.`},Mr={urlCopied:"Connection URL copied to clipboard!",backToQr:"Back to QR",closeModal:"Close modal"},Vr={common:Tr,status:Rr,settings:Or,start:Pr,info:Lr,disconnected:Dr,connectionFlow:Br,handshake:Ir,modal:Mr},Ye=[{tag:"en",name:"English",nativeName:"English"},{tag:"nl",name:"Dutch",nativeName:"Nederlands"},{tag:"es",name:"Spanish",nativeName:"Español"},{tag:"sv",name:"Swedish",nativeName:"Svenska"},{tag:"zh-cn",name:"Chinese (Simplified)",nativeName:"简体中文"},{tag:"fr",name:"French",nativeName:"Français"},{tag:"ar",name:"Arabic",nativeName:"العربية",rtl:!0},{tag:"he",name:"Hebrew",nativeName:"עברית",rtl:!0},{tag:"fa",name:"Persian",nativeName:"فارسی",rtl:!0}],Fr=e=>Ye.find(r=>r.tag===e)?.rtl??!1,at=Ye.map(e=>e.tag),zr=()=>{if(typeof navigator>"u")return"en";const e=navigator.languages||[navigator.language];for(const t of e){const r=t.toLowerCase();if(at.includes(r))return r;if(r==="zh"||r.startsWith("zh-hans")||r.startsWith("zh-cn"))return"zh-cn";const[n]=r.split("-");if(at.includes(n))return n}return"en"},st=e=>{if(typeof navigator>"u")return 0;const t=navigator.languages||[navigator.language];for(let r=0;r<t.length;r++){const n=t[r].toLowerCase();if(n===e)return t.length-r+1;if(n.startsWith(`${e}-`)||e.startsWith(`${n}-`))return t.length-r;const[o]=n.split("-");if(o===e||e.startsWith(`${o}-`))return t.length-r-.5}return 0},it=(e,t)=>{if(!e)return;const r=t.split(".").filter(Boolean);if(r.length===0)return;let n=e;for(const o of r){if(typeof n!="object"||n===null)return;n=n[o]}return n},lt=(e,t)=>t?e.replace(/\{(\w+)\}/g,(r,n)=>{const o=t[n];return o===void 0?r:String(o)}):e,Ur=e=>{const t=it(e.primary,e.key);if(typeof t=="string")return lt(t,e.params);const r=it(e.fallback,e.key);return typeof r=="string"?lt(r,e.params):e.key},Ot=v.createContext(null),Wr=async e=>Q(e).with("en",()=>Promise.resolve(null)).with("nl",async()=>Promise.resolve().then(()=>require("./nl-bCeoO8RU.cjs")).then(t=>t.default)).with("es",async()=>Promise.resolve().then(()=>require("./es-B9xaw9fo.cjs")).then(t=>t.default)).with("sv",async()=>Promise.resolve().then(()=>require("./sv-BHh_RkLw.cjs")).then(t=>t.default)).with("fr",async()=>Promise.resolve().then(()=>require("./fr-D54ESMxz.cjs")).then(t=>t.default)).with("zh-cn",async()=>Promise.resolve().then(()=>require("./zh-cn-Bqo3eRaE.cjs")).then(t=>t.default)).with("ar",async()=>Promise.resolve().then(()=>require("./ar-xpXGBcxc.cjs")).then(t=>t.default)).with("he",async()=>Promise.resolve().then(()=>require("./he-BWZyf3Uy.cjs")).then(t=>t.default)).with("fa",async()=>Promise.resolve().then(()=>require("./fa-DCpZYzOX.cjs")).then(t=>t.default)).exhaustive(),Gr=({children:e,initialLanguageTag:t="en"})=>{const[r,n]=d.useState(t),[o,a]=d.useState(null),[i,l]=d.useState(!1);d.useEffect(()=>{let p=!1;return(async()=>{l(!0);try{const b=await Wr(r);if(p)return;a(b)}finally{p||l(!1)}})(),()=>{p=!0}},[r]);const c=d.useCallback((p,C)=>Ur({primary:o,fallback:Vr,key:p,params:C}).split(`
+`).map((b,w,T)=>w<T.length-1?[b,s.jsx("br",{},w)]:[b]),[o]),u=d.useMemo(()=>Fr(r),[r]),f=d.useMemo(()=>({languageTag:r,setLanguageTag:n,isLoadingLanguagePack:i,isRtl:u,t:c}),[i,u,r,c]);return s.jsx(Ot.Provider,{value:f,children:e})},U=()=>{const e=d.useContext(Ot);if(!e)throw new Error("TranslationProvider not found");return e},Pt=v.createContext({provider:void 0,themeConfig:void 0}),Kr=e=>{const t=e?.storage.getSettings().language;return t||zr()},Hr=({provider:e,onClose:t,theme:r})=>{const n=d.useMemo(()=>Kr(e),[e]);return s.jsx(Gr,{initialLanguageTag:n,children:s.jsx(Pt.Provider,{value:{provider:e,themeConfig:r},children:s.jsx($t,{onClose:t})})})},Lt=()=>{const e=d.useContext(Pt);if(!e.provider)throw new Error("Provider not found");return e},ye=()=>{const{provider:e}=Lt(),[t,r]=d.useState(e?.getState().status||ne.ERROR);if(d.useEffect(()=>{const n=a=>{r(a)};e?.on("status_change",n);const o=e?.getState().status;return o&&r(o),()=>{e?.off("status_change",n)}},[e]),!e)throw new Error("Provider not found");return{provider:e,status:t}},Ze=(...e)=>console.log("%c[modal]%c","color: yellow; font-weight: bold","color: inherit; font-weight: normal",...e),Dt=(e,t,r)=>{d.useEffect(()=>(e?.on(t,r),()=>{e?.off(t,r)}),[e,t])},ce=()=>{const{provider:e}=ye(),[t,r]=d.useState(e?.storage.getSettings());Dt(e?.storage.emitter,"settings_change",g=>{r(g)});const n=g=>{r(g),e?.storage.setSettings(g)},o=g=>{t?.signaling&&t.signaling.p!==g&&n({...t,signaling:{...t.signaling,p:g}})},a=g=>{t?.signaling&&t.signaling.s[t.signaling.p]!==g&&n({...t,signaling:{...t.signaling,s:{...t.signaling.s,[t.signaling.p]:g}}})},i=g=>{t&&n({...t,retainHistory:g})},l=g=>{t&&n({...t,autoReconnect:g})},c=g=>{t&&t.theme!==g&&(r({...t,theme:g}),e?.storage.setSettings({...t,theme:g}))},u=g=>{t&&n({...t,language:g})},f=g=>{t&&t.transport?.p!==g&&n({...t,transport:{...t.transport,p:g}})},p=g=>{if(!t)return;const m=t.transport?.s?.webrtc,L=g(m);n({...t,transport:{p:t.transport?.p??"webrtc",s:{...t.transport?.s,webrtc:L}}})},C=g=>{p(m=>({...m,stun:[...m?.stun??[],g]}))},b=g=>{p(m=>{const L=m?.stun?.filter((_,W)=>W!==g);return{...m,stun:L?.length?L:void 0}})},w=(g,m)=>{p(L=>{const _=[...L?.stun??[]];return _[g]=m,{...L,stun:_}})},T=g=>{p(m=>({...m,turn:[...m?.turn??[],g]}))},h=g=>{p(m=>{const L=m?.turn?.filter((_,W)=>W!==g);return{...m,turn:L?.length?L:void 0}})},k=(g,m)=>{p(L=>{const _=[...L?.turn??[]];return _[g]={..._[g],...m},{...L,turn:_}})};if(!t)throw new Error("Settings not found");return{settings:t,updateSignalingProtocol:o,updateSignalingServer:a,updateRetainHistory:i,updateAutoReconnect:l,updateThemePreference:c,updateLanguage:u,updateTransportProtocol:f,addStunServer:C,removeStunServer:b,updateStunServer:w,addTurnServer:T,removeTurnServer:h,updateTurnServer:k}},we=()=>{const{provider:e}=ye(),[t,r]=d.useState(e?.getSession()),n=t?.getHandshakeParameters(),o=n?ir(n):void 0,[a,i]=d.useState(t?.getState());return Dt(t?.emitter,"state_change",l=>{Ze("session state change: ",l),i(l)}),d.useEffect(()=>{const l=()=>{const u=e?.getSession();u&&r(u)};e?.on("status_change",l);const c=e?.getSession();return c&&r(c),()=>{e?.off("status_change",l)}},[e]),d.useEffect(()=>{const l=c=>{r(c),i(c.getState())};return e?.on("session_started",l),()=>{e?.off("session_started",l)}},[e]),d.useEffect(()=>{t&&i(t.getState())},[t]),{uri:o,status:a}},qr=()=>{const{provider:e}=ye(),{settings:t}=ce();return{start:()=>{const r=t?.signaling?.p,n=r?t?.signaling?.s?.[r]:void 0;if(!r||!n)throw new Error("Invalid protocol or server");return e?.createSession({p:r,s:n})}}},Ke=({state:e})=>{const{status:t,uri:r}=we(),{status:n}=ye();return console.error("Unknown state: ",{state:e,sessionStatus:t,providerStatus:n}),s.jsxs("div",{className:"rounded-md bg-(--lv-control-button-secondary-background) p-2 text-(--lv-text-muted)",children:[s.jsxs("div",{children:["Unknown state: ",JSON.stringify(e)]}),s.jsxs("div",{children:["URI: ",r]}),s.jsxs("div",{children:["Session Status: ",JSON.stringify(t)]}),s.jsxs("div",{children:["Provider Status: ",JSON.stringify(n)]})]})},Jr=({onCopy:e})=>{const{t}=U(),{uri:r}=we(),n=d.useCallback(()=>{r&&e(r)},[r,e]),o=d.useCallback(a=>{const i=ar.default,l=i(0,"M");return l.addData(a),l.make(),l.createSvgTag({cellSize:5,margin:0,scalable:!0})},[]);return s.jsxs("div",{className:"flex flex-col items-center gap-4 px-2",children:[s.jsxs("div",{className:"w-full space-y-4 rounded-md border border-(--lv-control-button-secondary-border) bg-(--lv-card-background) p-4",children:[r&&s.jsx("div",{className:"relative mx-auto flex w-fit items-center justify-center rounded-lg border border-(--lv-control-button-secondary-border) bg-(--lv-qr-background) p-4",children:s.jsx("button",{className:"h-[200px] w-[200px] cursor-pointer rounded bg-(--lv-qr-background) text-(--lv-qr-color)",onClick:n,title:t("handshake.clickToCopyUrl"),dangerouslySetInnerHTML:{__html:o(r)}})}),s.jsx("div",{className:"w-full",children:s.jsx("button",{type:"button",onClick:n,className:"w-full cursor-pointer rounded-lg border border-(--lv-control-button-secondary-border) bg-(--lv-control-button-secondary-background) px-4 py-2 text-sm text-(--lv-text-primary) transition hover:bg-(--lv-control-button-secondary-hoverBackground) active:bg-(--lv-control-button-secondary-activeBackground)",children:t("handshake.copyConnectionUrl")})})]}),s.jsx("div",{className:"w-full text-sm text-(--lv-text-secondary)",children:s.jsx("span",{children:t("handshake.scanCodeInstruction")})})]})},Qr=()=>typeof document<"u"&&"startViewTransition"in document,Xr=e=>{Qr()?document.startViewTransition(e):e()},Ie=()=>s.jsx("div",{className:"flex items-center justify-center",children:s.jsx("div",{className:"h-8 w-8 animate-spin rounded-full border-4 border-blue-500 border-t-transparent"})}),O={CREATING:"creating",CONNECTING:"connecting",READY:"ready",LINKING:"linking",CONNECTED:"connected",DISCONNECTED:"disconnected",ERROR:"error"},Yr=e=>{const[t,r]=d.useState(e),n=d.useRef(e);return d.useEffect(()=>{e!==n.current&&Xr(()=>{r(e),n.current=e})},[e]),{displayState:t}},Zr=e=>e?Q(e).with({status:ie.CREATED},()=>O.CREATING).with({status:ie.SIGNALING,signaling:Et.select()},t=>Q(t).with({state:se.STANDBY},()=>O.CONNECTING).with({state:se.CONNECTING},()=>O.CONNECTING).with({state:se.READY},()=>O.READY).with({state:se.HANDSHAKE},()=>O.LINKING).with({state:se.HANDSHAKE_PARTIAL},()=>O.LINKING).with({state:se.ENCRYPTED},()=>O.CONNECTED).otherwise(()=>O.CONNECTING)).with({status:ie.READY},()=>O.READY).with({status:ie.LINKING},()=>O.LINKING).with({status:ie.CONNECTED},()=>O.CONNECTED).with({status:ie.DISCONNECTED},()=>O.DISCONNECTED).otherwise(()=>O.ERROR):O.CONNECTING,$r=({onClose:e,onCopy:t})=>{const{t:r}=U(),{status:n}=we(),{displayState:o}=Yr(Zr(n));return s.jsx("div",{style:{viewTransitionName:"connection-flow"},className:"w-full",children:Q(o).with(O.CREATING,()=>s.jsxs("div",{className:"flex flex-col items-center gap-4 p-6",children:[s.jsx(Ie,{}),s.jsxs("div",{className:"text-center",children:[s.jsx("h3",{className:"mb-2 font-semibold text-(--lv-text-primary) text-lg",children:r("connectionFlow.preparingConnection")}),s.jsx("p",{className:"text-(--lv-text-muted) text-sm",children:r("connectionFlow.generatingKeys")})]})]})).with(O.CONNECTING,()=>s.jsxs("div",{className:"flex flex-col items-center gap-4 p-6",children:[s.jsx(Ie,{}),s.jsxs("div",{className:"text-center",children:[s.jsx("h3",{className:"mb-2 font-semibold text-(--lv-text-primary) text-lg",children:r("connectionFlow.connecting")}),s.jsx("p",{className:"text-(--lv-text-muted) text-sm",children:r("connectionFlow.waitingForNetwork")})]})]})).with(O.READY,()=>s.jsx(Jr,{onCopy:t})).with(O.LINKING,()=>s.jsxs("div",{className:"flex flex-col items-center gap-4 p-6",children:[s.jsx(Ie,{}),s.jsxs("div",{className:"text-center",children:[s.jsx("h3",{className:"mb-2 font-semibold text-(--lv-text-primary) text-lg",children:r("connectionFlow.establishingConnection")}),s.jsx("p",{className:"text-(--lv-text-muted) text-sm",children:r("connectionFlow.mayTakeFewSeconds")})]})]})).with(O.CONNECTED,()=>s.jsx("div",{className:"flex flex-col items-center gap-4 p-6",children:s.jsxs("div",{className:"text-center",children:[s.jsx("div",{className:"mb-4 text-4xl",children:"✅"}),s.jsx("h3",{className:"mb-2 font-semibold text-(--lv-text-primary) text-lg",children:r("connectionFlow.connectedSuccessfully")}),s.jsx("p",{className:"text-(--lv-text-muted) text-sm",children:r("connectionFlow.walletConnectedReady")})]})})).with(O.DISCONNECTED,()=>s.jsxs("div",{className:"flex flex-col items-center gap-4 p-6",children:[s.jsxs("div",{className:"text-center",children:[s.jsx("div",{className:"mb-4 text-4xl",children:"🔌"}),s.jsx("h3",{className:"mb-2 font-semibold text-(--lv-text-primary) text-lg",children:r("connectionFlow.disconnected")}),s.jsx("p",{className:"mb-4 text-(--lv-text-muted) text-sm",children:r("connectionFlow.connectionClosed")})]}),s.jsx("button",{type:"button",onClick:e,className:"w-full rounded-lg bg-(--lv-control-button-secondary-background) px-4 py-2 font-semibold text-(--lv-text-primary) text-sm transition hover:bg-(--lv-control-button-primary-background-hover)",children:r("common.close")})]})).otherwise(()=>s.jsx(Ke,{state:n}))})};function Bt(e,t){for(var r in t)e[r]=t[r];return e}function He(e,t){for(var r in e)if(r!=="__source"&&!(r in t))return!0;for(var n in t)if(n!=="__source"&&e[n]!==t[n])return!0;return!1}function It(e,t){var r=t(),n=d.useState({t:{__:r,u:t}}),o=n[0].t,a=n[1];return d.useLayoutEffect(function(){o.__=r,o.u=t,Me(o)&&a({t:o})},[e,r,t]),d.useEffect(function(){return Me(o)&&a({t:o}),e(function(){Me(o)&&a({t:o})})},[e]),r}function Me(e){var t,r,n=e.u,o=e.__;try{var a=n();return!((t=o)===(r=a)&&(t!==0||1/t==1/r)||t!=t&&r!=r)}catch{return!0}}function Mt(e){e()}function Vt(e){return e}function Ft(){return[!1,Mt]}var zt=d.useLayoutEffect;function qe(e,t){this.props=e,this.context=t}function en(e,t){function r(o){var a=this.props.ref,i=a==o.ref;return!i&&a&&(a.call?a(null):a.current=null),t?!t(this.props,o)||!i:He(this.props,o)}function n(o){return this.shouldComponentUpdate=r,v.createElement(e,o)}return n.displayName="Memo("+(e.displayName||e.name)+")",n.prototype.isReactComponent=!0,n.__f=!0,n.type=e,n}(qe.prototype=new v.Component).isPureReactComponent=!0,qe.prototype.shouldComponentUpdate=function(e,t){return He(this.props,e)||He(this.state,t)};var ct=v.options.__b;v.options.__b=function(e){e.type&&e.type.__f&&e.ref&&(e.props.ref=e.ref,e.ref=null),ct&&ct(e)};var tn=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function rn(e){function t(r){var n=Bt({},r);return delete n.ref,e(n,r.ref||null)}return t.$$typeof=tn,t.render=e,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(e.displayName||e.name)+")",t}var ut=function(e,t){return e==null?null:v.toChildArray(v.toChildArray(e).map(t))},nn={map:ut,forEach:ut,count:function(e){return e?v.toChildArray(e).length:0},only:function(e){var t=v.toChildArray(e);if(t.length!==1)throw"Children.only";return t[0]},toArray:v.toChildArray},on=v.options.__e;v.options.__e=function(e,t,r,n){if(e.then){for(var o,a=t;a=a.__;)if((o=a.__c)&&o.__c)return t.__e==null&&(t.__e=r.__e,t.__k=r.__k),o.__c(e,t)}on(e,t,r,n)};var dt=v.options.unmount;function Ut(e,t,r){return e&&(e.__c&&e.__c.__H&&(e.__c.__H.__.forEach(function(n){typeof n.__c=="function"&&n.__c()}),e.__c.__H=null),(e=Bt({},e)).__c!=null&&(e.__c.__P===r&&(e.__c.__P=t),e.__c.__e=!0,e.__c=null),e.__k=e.__k&&e.__k.map(function(n){return Ut(n,t,r)})),e}function Wt(e,t,r){return e&&r&&(e.__v=null,e.__k=e.__k&&e.__k.map(function(n){return Wt(n,t,r)}),e.__c&&e.__c.__P===t&&(e.__e&&r.appendChild(e.__e),e.__c.__e=!0,e.__c.__P=r)),e}function Se(){this.__u=0,this.o=null,this.__b=null}function Gt(e){var t=e.__.__c;return t&&t.__a&&t.__a(e)}function an(e){var t,r,n,o=null;function a(i){if(t||(t=e()).then(function(l){l&&(o=l.default||l),n=!0},function(l){r=l,n=!0}),r)throw r;if(!n)throw t;return o?v.createElement(o,i):null}return a.displayName="Lazy",a.__f=!0,a}function ge(){this.i=null,this.l=null}v.options.unmount=function(e){var t=e.__c;t&&t.__R&&t.__R(),t&&32&e.__u&&(e.type=null),dt&&dt(e)},(Se.prototype=new v.Component).__c=function(e,t){var r=t.__c,n=this;n.o==null&&(n.o=[]),n.o.push(r);var o=Gt(n.__v),a=!1,i=function(){a||(a=!0,r.__R=null,o?o(l):l())};r.__R=i;var l=function(){if(!--n.__u){if(n.state.__a){var c=n.state.__a;n.__v.__k[0]=Wt(c,c.__c.__P,c.__c.__O)}var u;for(n.setState({__a:n.__b=null});u=n.o.pop();)u.forceUpdate()}};n.__u++||32&t.__u||n.setState({__a:n.__b=n.__v.__k[0]}),e.then(i,i)},Se.prototype.componentWillUnmount=function(){this.o=[]},Se.prototype.render=function(e,t){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),n=this.__v.__k[0].__c;this.__v.__k[0]=Ut(this.__b,r,n.__O=n.__P)}this.__b=null}var o=t.__a&&v.createElement(v.Fragment,null,e.fallback);return o&&(o.__u&=-33),[v.createElement(v.Fragment,null,t.__a?null:e.children),o]};var ft=function(e,t,r){if(++r[1]===r[0]&&e.l.delete(t),e.props.revealOrder&&(e.props.revealOrder[0]!=="t"||!e.l.size))for(r=e.i;r;){for(;r.length>3;)r.pop()();if(r[1]<r[0])break;e.i=r=r[2]}};function sn(e){return this.getChildContext=function(){return e.context},e.children}function ln(e){var t=this,r=e.h;if(t.componentWillUnmount=function(){v.render(null,t.v),t.v=null,t.h=null},t.h&&t.h!==r&&t.componentWillUnmount(),!t.v){for(var n=t.__v;n!==null&&!n.__m&&n.__!==null;)n=n.__;t.h=r,t.v={nodeType:1,parentNode:r,childNodes:[],__k:{__m:n.__m},contains:function(){return!0},insertBefore:function(o,a){this.childNodes.push(o),t.h.insertBefore(o,a)},removeChild:function(o){this.childNodes.splice(this.childNodes.indexOf(o)>>>1,1),t.h.removeChild(o)}}}v.render(v.createElement(sn,{context:t.context},e.__v),t.v)}function cn(e,t){var r=v.createElement(ln,{__v:e,h:t});return r.containerInfo=t,r}(ge.prototype=new v.Component).__a=function(e){var t=this,r=Gt(t.__v),n=t.l.get(e);return n[0]++,function(o){var a=function(){t.props.revealOrder?(n.push(o),ft(t,e,n)):o()};r?r(a):a()}},ge.prototype.render=function(e){this.i=null,this.l=new Map;var t=v.toChildArray(e.children);e.revealOrder&&e.revealOrder[0]==="b"&&t.reverse();for(var r=t.length;r--;)this.l.set(t[r],this.i=[1,0,this.i]);return e.children},ge.prototype.componentDidUpdate=ge.prototype.componentDidMount=function(){var e=this;this.l.forEach(function(t,r){ft(e,r,t)})};var Kt=typeof Symbol<"u"&&Symbol.for&&Symbol.for("react.element")||60103,un=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,dn=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,fn=/[A-Z0-9]/g,gn=typeof document<"u",pn=function(e){return(typeof Symbol<"u"&&typeof Symbol()=="symbol"?/fil|che|rad/:/fil|che|ra/).test(e)};function hn(e,t,r){return t.__k==null&&(t.textContent=""),v.render(e,t),typeof r=="function"&&r(),e?e.__c:null}function vn(e,t,r){return v.hydrate(e,t),typeof r=="function"&&r(),e?e.__c:null}v.Component.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(e){Object.defineProperty(v.Component.prototype,e,{configurable:!0,get:function(){return this["UNSAFE_"+e]},set:function(t){Object.defineProperty(this,e,{configurable:!0,writable:!0,value:t})}})});var gt=v.options.event;function mn(){}function bn(){return this.cancelBubble}function yn(){return this.defaultPrevented}v.options.event=function(e){return gt&&(e=gt(e)),e.persist=mn,e.isPropagationStopped=bn,e.isDefaultPrevented=yn,e.nativeEvent=e};var $e,wn={enumerable:!1,configurable:!0,get:function(){return this.class}},pt=v.options.vnode;v.options.vnode=function(e){typeof e.type=="string"&&(function(t){var r=t.props,n=t.type,o={},a=n.indexOf("-")===-1;for(var i in r){var l=r[i];if(!(i==="value"&&"defaultValue"in r&&l==null||gn&&i==="children"&&n==="noscript"||i==="class"||i==="className")){var c=i.toLowerCase();i==="defaultValue"&&"value"in r&&r.value==null?i="value":i==="download"&&l===!0?l="":c==="translate"&&l==="no"?l=!1:c[0]==="o"&&c[1]==="n"?c==="ondoubleclick"?i="ondblclick":c!=="onchange"||n!=="input"&&n!=="textarea"||pn(r.type)?c==="onfocus"?i="onfocusin":c==="onblur"?i="onfocusout":dn.test(i)&&(i=c):c=i="oninput":a&&un.test(i)?i=i.replace(fn,"-$&").toLowerCase():l===null&&(l=void 0),c==="oninput"&&o[i=c]&&(i="oninputCapture"),o[i]=l}}n=="select"&&o.multiple&&Array.isArray(o.value)&&(o.value=v.toChildArray(r.children).forEach(function(u){u.props.selected=o.value.indexOf(u.props.value)!=-1})),n=="select"&&o.defaultValue!=null&&(o.value=v.toChildArray(r.children).forEach(function(u){u.props.selected=o.multiple?o.defaultValue.indexOf(u.props.value)!=-1:o.defaultValue==u.props.value})),r.class&&!r.className?(o.class=r.class,Object.defineProperty(o,"className",wn)):(r.className&&!r.class||r.class&&r.className)&&(o.class=o.className=r.className),t.props=o})(e),e.$$typeof=Kt,pt&&pt(e)};var ht=v.options.__r;v.options.__r=function(e){ht&&ht(e),$e=e.__c};var vt=v.options.diffed;v.options.diffed=function(e){vt&&vt(e);var t=e.props,r=e.__e;r!=null&&e.type==="textarea"&&"value"in t&&t.value!==r.value&&(r.value=t.value==null?"":t.value),$e=null};var xn={ReactCurrentDispatcher:{current:{readContext:function(e){return $e.__n[e.__c].props.value},useCallback:d.useCallback,useContext:d.useContext,useDebugValue:d.useDebugValue,useDeferredValue:Vt,useEffect:d.useEffect,useId:d.useId,useImperativeHandle:d.useImperativeHandle,useInsertionEffect:zt,useLayoutEffect:d.useLayoutEffect,useMemo:d.useMemo,useReducer:d.useReducer,useRef:d.useRef,useState:d.useState,useSyncExternalStore:It,useTransition:Ft}}};function kn(e){return v.createElement.bind(null,e)}function Te(e){return!!e&&e.$$typeof===Kt}function Cn(e){return Te(e)&&e.type===v.Fragment}function Sn(e){return!!e&&!!e.displayName&&(typeof e.displayName=="string"||e.displayName instanceof String)&&e.displayName.startsWith("Memo(")}function Nn(e){return Te(e)?v.cloneElement.apply(null,arguments):e}function _n(e){return!!e.__k&&(v.render(null,e),!0)}function jn(e){return e&&(e.base||e.nodeType===1&&e)||null}var An=function(e,t){return e(t)},En=function(e,t){return e(t)},Tn=v.Fragment,Rn=Te,oe={useState:d.useState,useId:d.useId,useReducer:d.useReducer,useEffect:d.useEffect,useLayoutEffect:d.useLayoutEffect,useInsertionEffect:zt,useTransition:Ft,useDeferredValue:Vt,useSyncExternalStore:It,startTransition:Mt,useRef:d.useRef,useImperativeHandle:d.useImperativeHandle,useMemo:d.useMemo,useCallback:d.useCallback,useContext:d.useContext,useDebugValue:d.useDebugValue,version:"18.3.1",Children:nn,render:hn,hydrate:vn,unmountComponentAtNode:_n,createPortal:cn,createElement:v.createElement,createContext:v.createContext,createFactory:kn,cloneElement:Nn,createRef:v.createRef,Fragment:v.Fragment,isValidElement:Te,isElement:Rn,isFragment:Cn,isMemo:Sn,findDOMNode:jn,Component:v.Component,PureComponent:qe,memo:en,forwardRef:rn,flushSync:En,unstable_batchedUpdates:An,StrictMode:Tn,Suspense:Se,SuspenseList:ge,lazy:an,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:xn},Ht={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},mt=oe.createContext&&oe.createContext(Ht),On=["attr","size","title"];function Pn(e,t){if(e==null)return{};var r=Ln(e,t),n,o;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)n=a[o],!(t.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function Ln(e,t){if(e==null)return{};var r={};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){if(t.indexOf(n)>=0)continue;r[n]=e[n]}return r}function _e(){return _e=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_e.apply(this,arguments)}function bt(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),r.push.apply(r,n)}return r}function je(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?bt(Object(r),!0).forEach(function(n){Dn(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):bt(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Dn(e,t,r){return t=Bn(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Bn(e){var t=In(e,"string");return typeof t=="symbol"?t:t+""}function In(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function qt(e){return e&&e.map((t,r)=>oe.createElement(t.tag,je({key:r},t.attr),qt(t.child)))}function ae(e){return t=>oe.createElement(Mn,_e({attr:je({},e.attr)},t),qt(e.child))}function Mn(e){var t=r=>{var{attr:n,size:o,title:a}=e,i=Pn(e,On),l=o||r.size||"1em",c;return r.className&&(c=r.className),e.className&&(c=(c?c+" ":"")+e.className),oe.createElement("svg",_e({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,n,i,{className:c,style:je(je({color:e.color||r.color},r.style),e.style),height:l,width:l,xmlns:"http://www.w3.org/2000/svg"}),a&&oe.createElement("title",null,a),e.children)};return mt!==void 0?oe.createElement(mt.Consumer,null,r=>t(r)):t(Ht)}function Vn(e){return ae({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M416.3 256c0-21 13.1-38.9 31.7-46.1-4.9-20.5-13-39.7-23.7-57.1-6.4 2.8-13.2 4.3-20.1 4.3-12.6 0-25.2-4.8-34.9-14.4-14.9-14.9-18.2-36.8-10.2-55-17.3-10.7-36.6-18.8-57-23.7C295 82.5 277 95.7 256 95.7S217 82.5 209.9 64c-20.5 4.9-39.7 13-57.1 23.7 8.1 18.1 4.7 40.1-10.2 55-9.6 9.6-22.3 14.4-34.9 14.4-6.9 0-13.7-1.4-20.1-4.3C77 170.3 68.9 189.5 64 210c18.5 7.1 31.7 25 31.7 46.1 0 21-13.1 38.9-31.6 46.1 4.9 20.5 13 39.7 23.7 57.1 6.4-2.8 13.2-4.2 20-4.2 12.6 0 25.2 4.8 34.9 14.4 14.8 14.8 18.2 36.8 10.2 54.9 17.4 10.7 36.7 18.8 57.1 23.7 7.1-18.5 25-31.6 46-31.6s38.9 13.1 46 31.6c20.5-4.9 39.7-13 57.1-23.7-8-18.1-4.6-40 10.2-54.9 9.6-9.6 22.2-14.4 34.9-14.4 6.8 0 13.7 1.4 20 4.2 10.7-17.4 18.8-36.7 23.7-57.1-18.4-7.2-31.6-25.1-31.6-46.2zm-159.4 79.9c-44.3 0-80-35.9-80-80s35.7-80 80-80 80 35.9 80 80-35.7 80-80 80z"},child:[]}]})(e)}var Fn=/\s+/g,zn=e=>typeof e!="string"||!e?e:e.replace(Fn," ").trim(),Ae=(...e)=>{const t=[],r=n=>{if(!n&&n!==0&&n!==0n)return;if(Array.isArray(n)){for(let a=0,i=n.length;a<i;a++)r(n[a]);return}const o=typeof n;if(o==="string"||o==="number"||o==="bigint"){if(o==="number"&&n!==n)return;t.push(String(n))}else if(o==="object"){const a=Object.keys(n);for(let i=0,l=a.length;i<l;i++){const c=a[i];n[c]&&t.push(c)}}};for(let n=0,o=e.length;n<o;n++){const a=e[n];a!=null&&r(a)}return t.length>0?zn(t.join(" ")):void 0},yt=e=>e===!1?"false":e===!0?"true":e===0?"0":e,z=e=>{if(!e||typeof e!="object")return!0;for(const t in e)return!1;return!0},Un=(e,t)=>{if(e===t)return!0;if(!e||!t)return!1;const r=Object.keys(e),n=Object.keys(t);if(r.length!==n.length)return!1;for(let o=0;o<r.length;o++){const a=r[o];if(!n.includes(a)||e[a]!==t[a])return!1}return!0},Wn=(e,t)=>{for(const r in t)if(Object.prototype.hasOwnProperty.call(t,r)){const n=t[r];r in e?e[r]=Ae(e[r],n):e[r]=n}return e},Jt=(e,t)=>{for(let r=0;r<e.length;r++){const n=e[r];Array.isArray(n)?Jt(n,t):n&&t.push(n)}},Qt=(...e)=>{const t=[];Jt(e,t);const r=[];for(let n=0;n<t.length;n++)t[n]&&r.push(t[n]);return r},Je=(e,t)=>{const r={};for(const n in e){const o=e[n];if(n in t){const a=t[n];Array.isArray(o)||Array.isArray(a)?r[n]=Qt(a,o):typeof o=="object"&&typeof a=="object"&&o&&a?r[n]=Je(o,a):r[n]=a+" "+o}else r[n]=o}for(const n in t)n in e||(r[n]=t[n]);return r},Gn={twMerge:!0,twMergeConfig:{}};function Kn(){let e=null,t={},r=!1;return{get cachedTwMerge(){return e},set cachedTwMerge(n){e=n},get cachedTwMergeConfig(){return t},set cachedTwMergeConfig(n){t=n},get didTwMergeConfigChange(){return r},set didTwMergeConfigChange(n){r=n},reset(){e=null,t={},r=!1}}}var Ve=Kn(),Hn=e=>{const t=(n,o)=>{const{extend:a=null,slots:i={},variants:l={},compoundVariants:c=[],compoundSlots:u=[],defaultVariants:f={}}=n,p={...Gn,...o},C=a?.base?Ae(a.base,n?.base):n?.base,b=a?.variants&&!z(a.variants)?Je(l,a.variants):l,w=a?.defaultVariants&&!z(a.defaultVariants)?{...a.defaultVariants,...f}:f;!z(p.twMergeConfig)&&!Un(p.twMergeConfig,Ve.cachedTwMergeConfig)&&(Ve.didTwMergeConfigChange=!0,Ve.cachedTwMergeConfig=p.twMergeConfig);const T=z(a?.slots),h=z(i)?{}:{base:Ae(n?.base,T&&a?.base),...i},k=T?h:Wn({...a?.slots},z(h)?{base:n?.base}:h),g=z(a?.compoundVariants)?c:Qt(a?.compoundVariants,c),m=_=>{if(z(b)&&z(i)&&T)return e(C,_?.class,_?.className)(p);if(g&&!Array.isArray(g))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof g}`);if(u&&!Array.isArray(u))throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof u}`);const W=(S,N=b,x=null,A=null)=>{const E=N[S];if(!E||z(E))return null;const R=A?.[S]??_?.[S];if(R===null)return null;const V=yt(R);if(typeof V=="object")return null;const G=w?.[S],F=V??yt(G);return E[F||"false"]},Pe=()=>{if(!b)return null;const S=Object.keys(b),N=[];for(let x=0;x<S.length;x++){const A=W(S[x],b);A&&N.push(A)}return N},Le=(S,N)=>{if(!b||typeof b!="object")return null;const x=[];for(const A in b){const E=W(A,b,S,N),R=S==="base"&&typeof E=="string"?E:E&&E[S];R&&x.push(R)}return x},ue={};for(const S in _){const N=_[S];N!==void 0&&(ue[S]=N)}const xe=(S,N)=>{const x=typeof _?.[S]=="object"?{[S]:_[S]?.initial}:{};return{...w,...ue,...x,...N}},de=(S=[],N)=>{const x=[],A=S.length;for(let E=0;E<A;E++){const{class:R,className:V,...G}=S[E];let F=!0;const K=xe(null,N);for(const B in G){const H=G[B],ke=K[B];if(Array.isArray(H)){if(!H.includes(ke)){F=!1;break}}else{if((H==null||H===!1)&&(ke==null||ke===!1))continue;if(ke!==H){F=!1;break}}}F&&(R&&x.push(R),V&&x.push(V))}return x},te=S=>{const N=de(g,S);if(!Array.isArray(N))return N;const x={},A=e;for(let E=0;E<N.length;E++){const R=N[E];if(typeof R=="string")x.base=A(x.base,R)(p);else if(typeof R=="object")for(const V in R)x[V]=A(x[V],R[V])(p)}return x},re=S=>{if(u.length<1)return null;const N={},x=xe(null,S);for(let A=0;A<u.length;A++){const{slots:E=[],class:R,className:V,...G}=u[A];if(!z(G)){let F=!0;for(const K in G){const B=x[K],H=G[K];if(B===void 0||(Array.isArray(H)?!H.includes(B):H!==B)){F=!1;break}}if(!F)continue}for(let F=0;F<E.length;F++){const K=E[F];N[K]||(N[K]=[]),N[K].push([R,V])}}return N};if(!z(i)||!T){const S={};if(typeof k=="object"&&!z(k)){const N=e;for(const x in k)S[x]=A=>{const E=te(A),R=re(A);return N(k[x],Le(x,A),E?E[x]:void 0,R?R[x]:void 0,A?.class,A?.className)(p)}}return S}return e(C,Pe(),de(g),_?.class,_?.className)(p)},L=()=>{if(!(!b||typeof b!="object"))return Object.keys(b)};return m.variantKeys=L(),m.extend=a,m.base=C,m.slots=k,m.variants=b,m.defaultVariants=w,m.compoundSlots=u,m.compoundVariants=g,m};return{tv:t,createTV:n=>(o,a)=>t(o,a?Je(n,a):n)}},qn=(...e)=>t=>Ae(e)||void 0,{tv:Re}=Hn(qn);const wt=Re({base:"flex items-center justify-center rounded-lg transition-all duration-100 cursor-pointer active:scale-95",variants:{$variant:{primary:"font-semibold text-sm bg-(--lv-control-button-primary-background) text-(--lv-control-button-primary-color) border-(--lv-control-button-primary-border) hover:bg-(--lv-control-button-primary-hoverBackground,var(--lv-control-button-primary-background)) active:bg-(--lv-control-button-primary-activeBackground,var(--lv-control-button-primary-hoverBackground,var(--lv-control-button-primary-background))) disabled:bg-(--lv-control-button-primary-disabledBackground,var(--lv-control-button-primary-background)) disabled:text-(--lv-control-button-primary-disabledColor,var(--lv-control-button-primary-color))",secondary:"border bg-(--lv-control-button-secondary-background) text-(--lv-control-button-secondary-color) border-(--lv-control-button-secondary-border,var(--lv-control-button-secondary-background)) hover:bg-(--lv-control-button-secondary-hoverBackground,var(--lv-control-button-secondary-background)) active:bg-(--lv-control-button-secondary-activeBackground,var(--lv-control-button-secondary-hoverBackground,var(--lv-control-button-secondary-background))) disabled:bg-(--lv-control-button-secondary-disabledBackground,var(--lv-control-button-secondary-background)) disabled:text-(--lv-control-button-secondary-disabledColor,var(--lv-control-button-secondary-color))",tertiary:"bg-transparent text-(--lv-text-muted) hover:bg-(--lv-control-button-tertiary-hoverBackground,transparent) active:bg-(--lv-control-button-tertiary-activeBackground,var(--lv-control-button-tertiary-hoverBackground,transparent)) disabled:text-(--lv-control-button-tertiary-disabledColor,var(--lv-text-muted))"},$size:{sm:"h-6",md:"h-8",lg:"h-11"},$aspect:{square:"aspect-square",auto:""}},defaultVariants:{$size:"md",$variant:"primary",$aspect:"auto"}});function le(e){const{children:t,className:r,$variant:n,$size:o,$aspect:a,...i}=e,{href:l,onClick:c}=e;if(l){const f={href:l,onClick:c,className:ee(wt({$variant:n,$size:o,$aspect:a}),r),...i};return v.createElement("a",f,t)}const u={onClick:c,className:ee(wt({$variant:n,$size:o,$aspect:a}),r),...i};return v.createElement("button",u,t)}const Jn=({isApple:e})=>s.jsxs("div",{className:"flex h-full w-full justify-between",children:[s.jsx("div",{className:"grow py-1 ps-1",children:s.jsx("div",{className:"h-full rounded-sm border border-gray-300 bg-gray-400"})}),s.jsx("div",{className:"flex h-full w-3 flex-col items-center justify-center gap-0.5 pr-0.5",children:Array.from({length:e?1:3}).map((t,r)=>s.jsx("div",{className:"h-1.5 w-1.5 rounded-full border border-gray-500"},"dot-t-"+r))})]}),Qn=({isApple:e})=>s.jsxs("div",{className:"flex h-full w-full flex-col justify-between",children:[s.jsx("div",{className:"grow px-1 pt-1",children:s.jsx("div",{className:"h-full rounded-sm border border-gray-200 bg-gray-300"})}),s.jsx("div",{className:"flex h-3 w-full items-center justify-center gap-0.5 pb-0.5",children:Array.from({length:e?1:3}).map((t,r)=>s.jsx("div",{className:"h-1.5 w-1.5 rounded-full border border-gray-400"},"dot-p-"+r))})]}),Xn=()=>s.jsxs("div",{className:"-space-x-4 flex items-end",children:[s.jsx("div",{className:"h-38 w-48 overflow-hidden rounded-lg bg-gray-300",children:s.jsx(Jn,{isApple:!0})}),s.jsx("div",{className:"h-18 w-12 overflow-hidden rounded-lg bg-gray-200",children:s.jsx(Qn,{isApple:!0})})]}),Yn=({onSettings:e})=>{const{t}=U(),{start:r}=qr();return s.jsxs("div",{className:"flex flex-col items-center gap-4 p-6",children:[s.jsx(Xn,{}),s.jsx("div",{className:"text-center",children:s.jsx("p",{className:"text-sm text-(--lv-text-secondary)",children:t("disconnected.prompt")})}),s.jsxs("div",{className:"flex items-center",children:[s.jsx(le,{type:"button",onClick:r,className:"z-10 px-6 py-3",$variant:"primary",$size:"lg",children:t("disconnected.generateQr")}),s.jsx(le,{type:"button","aria-label":t("disconnected.connectionSettings"),"aria-pressed":!1,onClick:e,className:"px-3 ltr:-ml-1 ltr:rounded-l-none rtl:-mr-1 rtl:rounded-r-none",$aspect:"square",$size:"lg",$variant:"secondary",children:s.jsx(Vn,{className:"h-5 w-5 text-(--lv-text-muted)"})})]})]})},Zn=()=>{const{t:e}=U();return s.jsxs("div",{className:"flex flex-col space-y-2 px-4",children:[s.jsx("div",{className:"min-h-32 w-full rounded-md border border-(--lv-control-button-secondary-border) p-2",children:e("info.scanQrCode")}),s.jsx("div",{className:"w-full rounded-md border border-border p-2",children:e("info.approveOnDevice")}),s.jsx("div",{className:"w-full rounded-md border border-border p-2",children:e("info.youreConnected")})]})},$n=async e=>{if(!e)return!1;try{if(navigator?.clipboard?.writeText)return await navigator.clipboard.writeText(e),!0}catch{}try{const t=document.createElement("textarea");t.value=e,t.style.position="fixed",t.style.left="-999999px",t.style.top="-999999px",document.body.appendChild(t),t.focus(),t.select();const r=document.execCommand("copy");return document.body.removeChild(t),r}catch{return!1}},Qe=(e,{duration:t=200}={})=>{const[r,n]=d.useState(e),[o,a]=d.useState(null),i=d.useRef(),l=d.useRef(e);return d.useEffect(()=>{if(!Object.is(e,l.current))return i.current&&window.clearTimeout(i.current),a(l.current),n(e),l.current=e,i.current=window.setTimeout(()=>{a(null),i.current=void 0},t),()=>{i.current&&window.clearTimeout(i.current)}},[e,t]),{current:r,previous:o,isTransitioning:o!==null}},Xt=()=>{const{themeConfig:e}=Lt(),{settings:t,updateThemePreference:r}=ce(),n=e?.mode??"auto",o=t?.theme??"system",a=n==="auto";return{themeMode:a?o??"system":n,appThemeMode:n,userThemeMode:o,isUserConfigurable:a,updateThemePreference:r}},Yt="data:image/webp;base64,UklGRjYRAABXRUJQVlA4WAoAAAAQAAAAfwAAfwAAQUxQSOwHAAABsIb///k21zdJk7anNmfbRrf01uztcO5s2yqOPdu27e2ybaPtlLRJ83nw+ye/3++PZ/eDiJgA+hV0c620Pml9MhYu8HlhejUhJbv1SfO5T+964XrgN/I9hD5uLKDZXXDnXPhfq0ImrdX+BMHb/blCjkJo3v2laeVsmvojRJ8L5ir7Vgz7auuIclbtpHwTtdjCFXlBHIBXGzpFaiXwr06lAt/dR8oQf9cPMgDXyW4R2qCAdvPS09MzBnfo6HPrWBJobjAj3fd5q5+4fAFcJ1qY5dnCbHxathRv/+9rX3wAcrPiZbXafX5TRR1hoxvPPPjJG7ApRE7d5wDOFNYXIgqsO/6M04uzuZSSl8D20B0iCu+465sCusuw/AOKvfSIKKDdYeZVTRmp2QqXk/WJKDr93fdHnUhiwE6w2W1Jty2VGpYkmY2zFeaY9Et6FtirhcioYy4pjCLDbviFeVzcuHqB3WI1rvkKQ8mwbfuY702MK+4mk1PTuAo9Ze4lGNgT5k6scRV7xpwIkRFevWkTVTatFWWSZxLR5DuzwSyuWvr5jw6V5lxZmGKRU+/vi1oH8lV9Lydo/DOoOjsrUUbqC8A5ycSV/JjZaROUvKwAaj9WRpxpGQDcT+Yq/YrZFyAmeD00eDxJmHUP86UeV6qT2WAWYp5VwORfWLTng8LnBXPmSsw65mAw31/YbuZbA64f8yQ0zwGAh70jyL/BbsaTRVJD2l1k8vrqRvgxALhVl9jIFQCQa5dCVP4sANwppRcDXACym5FyoTMAsDVIDlV5AABZOhF1CQAyzF6oxRcAX3+QRAMLADyvIGgX86aCev6QD+BGUfLutwgA1lolhe0HgLliws8zd2JVY90EABPJ17ofALyrJona5wG4HC0k+bGgVCezUUDVNwCelvbJugkARsiKugAgr62aijxk5hD/CABYYPaJfucGsN1fEk0FgD/LiOOiod+AcyX5rJsAuNqR74UfAHhVVlb9XACXooU8Ym7H8lnbTBlWkviLPQHwpDiHeSkAdydZoScBZNcQUfUDsy+AT/SPDgCrLRzUBwCyZNGfAXi6i/jByWw0q2UoAEwm3jqfABwKlNXNA+DvIlIVNqlmIQB3J66o6wCuRMmqkwtgf4DWrDsBfKjCZdsB4G05WQl3AZwN0VrMDQBXorloOQBnM1m2XQCeFxfQIp9ZZVJJ3F0AhwP4JgHwdJZlWg/gQ2UBI8BOJpWWfgngqJK5XMeGIUpDAGC0LFoIwNVawBiFcWpp+A3AWgsTmvHa/WVvFYXW+QDWN7Hb7VUCFExFm9jt9tSKZgW/Cna7PWUBAHc7Ae1cAFztVZVF7AAPAOwMZhp9B+B2OBzOD0vDmX6PHE6Hw/lmmj8RWSe9dTocDpeoyJ0Adkepz28H2I+VmMaMsrsjESXdgXJ2VSKqmwPvQii+z/JhSaQ+2z6FnGpcGEREZd97+V6fiNq6JalbIZMxLVK4ncg08uVBVSIKWuPlUAIRxZ3WkUbMfIbKnQXwsSuxKcyZWbNnz5lWm9j4YXNnz549Z0wRYitOnjN79sxDulAnF8ChAIbKZG5dkmpS6OkBkE6yR+pC0gMAh5WILCZSHgkAmdJG6UL8PQBnQr34OF+nIjoNqWvlCT0N4HlxLvN6fYpeU4CcyX4c5o0AvqZwhV3UpxEA8L4KB80GgH5chR7q098Z/JGnnQvAv7ja5uvT3xS68VR6D+B0KM9cGEjEWQA5tTmCjhgJzQKAsRy1PhlK63wAJ0N8mwpDibsC4OsvPiXdMhbKAoDN/r4M9hhMzbcAvrb3IfEitFak2U/RqjL/FwAuFfZi/Re01uCKK+9gSXHuznxU4y0ArI9RMA12aC14PwBkirBuYXJqCDBNZ7AuiYhsg78AQK5bQ7F3mWvRAgKPM9nVBFD0QQaXBjVtv/E7ALyc+UVLt5mnhQXE3WAeFxVBNR4y8DhdYPN6N/yupTvMk0ICyrxhLocLIfsjxmveFHMjLYWdZT7VEPCjgzkdIoZSzvjwsq+NGjMZGjFvYPKbCegDdjGJTph9x828W1GDSCmLLHJpjCDKYDBKwCKFQcKICnWaNmv2yOpW8nZ/y1a5m28AKBDxJw+zxswVeYn5niLB9+qfoFZHqoBG35hLUVyFnzJPS6gkaI9qLkQLSLrHZNfgir/DrPVTCTV6qZLsLiTQtpf51oDLNNwJvG9Gqm2663W+S3b+u0MtTSKsuwWRteuGRXazeiiwXLMWsptXCiKh4ojMJjJEpfeVRRhl1CXmTpxxJT9RiDWuQo+Zu3HGVTeXORZsXKlOZpPZuLq4mWUm45oJdgIZdtARxtXBuEo8Y16XMa7+HuZUqGFFnwQ7nWT6WXVttIfJri/B/Psdu6cX06/462B3BUholg3gVu8IvSr3nvnWnsRbVoN1nehfzKxLSXeZ5VYJflsUADxc279CuP5Q7xzgXHmS2dftBcDbi/N/Zy8e7IPJX9GiKcuPM/okk9TASR99AFDgeH5i/rx0xXlLDrKHNnQNFFFufEY6f0aPCD41muz783wR7BojoMF9CPWsj9QAUUinXTmScCeRy7YRogdogiggJfOMQ8rL4lwRV4XN0wgRRfw4Yc8Lp7CVNi7LYlGe3tohooBSv0xcfebxF4+Xb5+VP20qRfwVLojJXxquKdYUUqRe1z5paWlpfXql1FKsXfU3JLJ49z5p/H3ahdCvnwNWUDggJAkAAFAzAJ0BKoAAgAA+TR6NRCKhoZUKb+QoBMS0gXAB+AH6AA+Ufoz/Jfxg77f7Z+S/YJ+nfbP1gq1XNV9yP0v9m88u9n4J6gXsHdvbKegF67/Sv+T4Lf9d6F/VT2AP5b/Kf+VyINAD+K/1H/h/43+8fC5/Lf9f7u/bv+Wf4H/xf5X4Bv43/Qv+F/avaA9c37VewZ+qi6YnObtVG6xTptSDxWdZOyXNa59dCAiUQx0s9QeFuTtEkCCZ1VDt2yVu6wuLleg8UGC+xygF+ikCc6OFScW3keDjkgMNXtWhnlVuP8adiwFQqtWB898/cNZ/ZPZSbT/SGkUu9L/80Jh9MhRi3Uj+yGTg6IHihIpDzvYgtbVOefgBSvK2WP/ViDlFYMqcmV3S37jDRft7Kj/mgg3mnWnsm+HacJJd/5io8v7EadJwLNxOge91hk1mPHA+PYMINGKvA97JcZEFvzSmFAqBtHUzKqf50fXJLd0XhZmBQWhr/vwnXFii3VNfEfiIXySQr4RbWO8yPn7m0Z/G9Qg9KvDGNk/4ljKJZS1VxLuWUk+To4QAAP7+R5Re1p/qxbSLcVAEvC2Ae4+JAjoahTi+1Tx+R05wIIyRWKCPZqNwQFn8n4hkHC+YaT3NWwkaKKHw8WZH8NqlsIlsWxinFRzXJs8GKMdG2p7hG3px0/aKtlukGtCOvGxG+BPnLqe18kpHi6ID1Cv9VF+k0GfsVXRTfFJ5kFnxBXWEWfHSCRjr5ChoztIFhGiUjdeGW4oPH0mJRKxppXb/SuuY9AJME864F/0/K+rCPHrn4fAaKjIrvZAAGFSMZfovGmlhlAOl0kQHWDDypV8h5DEaTfOmXo5EIScC+SMO14Ob/u1b/QV6+wekJBWTZhjk7IgO7VyRpgGNBj23IgoGI3ZehsZNjz/FwpX2moSeDzk53u1qkXHaKG5d2qCOZSmjD/Mw60AzF22eAe+RoeFKSwUIci9CQD/6et+xH8moMwLOUzzuwuyvWC4o2rAhgXyPm9/OgwkYNR/47Hy+a8QNAxmh8RiQHQGZWu2c8agkAJ64pR2Tx0moSJcAN6mcLGZJM6OR4UvYNwbS3zHo/m2mznwl6FpIv416AQ2FRptmE3mPGs+fumcGy9QktCC15M3KIwNfUa+v+vCs+8cLY3ceuO7FOrdF4O62gur2g1PMJvcYV8xIJTjMC2ZxBtam98jF7JFQus/mSBWdPgN/EJ8azS69gF/kVpet+eEfx0gPfWCS/lXuCCxSTaW6UFiLosH3nrqmK5mWavssaOjz3T6dTb2/wflvaP/c2Q2mXRtiIL0wWJNO1WesBYkScU+pmuiwAuOw62WA6KAf9AOh7glFdfHQf81TCfj3NLS64NeCeXZ+S5Ea0iXT6aKx7ozBGub6ThREbIi3Xg7TnjOFoNnqzOnl2FumRXpwwuB6SujUtv/oX3hzheHNMPGb5C+LuOWwS4BAdAwTnE2vklObQHXtcp59P/ePfam2i7JOlXAWMQBQNP8a1w1rbnyxKFwYqsipF4ckJx3bppb4fgDS/FF2/y46LUyi1BnmZawEb37wuvOD3INuDKaakzzJyAzc2ta/DPhrpHaRn3O5CWc3s860AfNLwHDvxZs7JbQmcAv9paq37frkj2TJJ8P1GdMqpV35v5jukCYvxXga7V7ByDA/GZYBpJnBURfvGjAlOFtypjNWTjzA9zf475TTmOmroREsje7XMgekroBn4vwoWtc0UaaztuLsC9M2tModgoRBzav0PdM3molaBeu6PSwD3AYmgUHitoDOfvM2d85I7Q2I1FbNTmueFesWyTDRlN1T8+fTgaoZpKhrlx/kS+FNkrUKBy6yu68r8BgwNrGNfCLBh0RlefCkZMvUsB206vOJyP+JYtyXtPGzwuvvQ1NnzNCo/yfQtMBUFr0LMyfftfGbGw/uAuQC8VbqHI7vGtA35Pa/DoSi0zpfklckK/28i5yRB7UBdmsXAI4Xv+y5gLBNKYBZE4r3Ys+TE2oYTNlGGM22J0nkGvvERFqksAH7KakYgGUiGfDLagwIMw8o290UXsXUzA5nyTBBbMVjIriG4zcPG5/0lt3Hq3ykjGQZBYE2RFw15tOWJpEBpHoaSxwDmkDPEretisSxreTo/Iul/Pkj1RPlpUpBzqZ5YIzh/ch9TvBAU7YkxhYoEGS8rfw/dgP9aRwT1caEoREnr087aLahcF/h+/JIJfVqi8kl5IbvseIuGA+m+e1JqF49+tndB4QCulVeeuQsql47VKHF/9q8PRMeGYIfPChm+Osj0cHvED3n39qHidL63b2WYqKMKjTTFeORKbtbEHY7b/Xs29zBbWjwaRQ77mEGpkgDUP8Ebi9KQ2JeoW28yYYSO7pF/mqd2E++jgS/MxBo/x1sK/Nz1ZsMB164YppO3fLO519Erh4lDdAgT58nCsImfBkKhteF9rcpwDZe9j0FQ9IT5nuJH1Bt0Zdd1fIIAkYBzje1xr+t4KDj2F7055fEf9VdfsyJPFcK1JZ26v73bpjXJkmUuzMs3+VbxZQ5/4WBwqFJdbOvpFQ4ot/+Hn+qL0oUn4PA4/cgMjQwiYL81rsWfgtbjRThL/oDLbwfK+9cKcerxpB/GJkt5+x8JVN1A3/YhzzMPDnbewqzn+EodKIALRzTXzDHTMQkNZZY6QKRycJ2VCb8vNvQBmdev/CpTn1fgsVtGDJ0+c1iOBN0/f1DQMifz17Os7Oz1pKw7eOP9dtuyGwI7pYe0cEAHId4jKsr5WYfoSOIgXwE7bTm6l9ytV0zbma1KfNP/Ueaf86PTBrUXb3mh1wOj2xW9r5slTCunQPsdDHdZhtq/ldOBDSm/8BZs0vOj+BaStwJTUL6ShMniBq45fMXgBYhE0HCVgrmd8huP1g79tfH/sI40kXryAN0Id9OxWe8OtUDqd+hFn5Lea/0IyqEMOo1l6zdXzTvnn7ZMZQ13YXZ42HNbFrHSpaISyLIEnjorwZViflpTYJU5+TBcgDljbeiGSw9XFp1juoAWD7Du38M26w9QFezhy38ycpTOQI5qBb7hvaPBeGCI6FZxDSfGL8DLCIuXSPDU1wKHXgrR9dz8+Jzlm9rQs+FlQrh/TVOKrVVxQAAAA==",eo=()=>{const{t:e}=U(),{status:t}=we(),r=t?.status,n=t?.signaling?.state,o=Q({sessionState:r,signalState:n}).with({sessionState:"connected"},()=>({icon:"✅",text:e("status.connectedSuccessfully")})).with({sessionState:"signaling",signalState:"standby"},()=>({icon:"🫥",text:e("status.connecting")})).with({sessionState:"signaling",signalState:"connecting"},()=>({icon:"↗️",text:e("status.connecting")})).with({sessionState:"signaling",signalState:"ready"},()=>({icon:"👋",text:e("status.ready")})).with({sessionState:"signaling",signalState:"handshake"},()=>({icon:"🤝",text:e("status.handshakeClosed")})).with({sessionState:"signaling",signalState:"handshake-partial"},()=>({icon:"🤝",text:e("status.handshakePartial")})).with({sessionState:"signaling",signalState:"encrypted"},()=>({icon:"🔒",text:e("status.encrypted")})).with({sessionState:"signaling",signalState:"error"},()=>({icon:"❌",text:e("status.signalError")})).otherwise(()=>{});if(!o)return s.jsx(s.Fragment,{});const{icon:a,text:i}=o;return s.jsxs("div",{className:"group flex items-center gap-2 rounded-md px-2 py-2 hover:bg-(--lv-control-button-secondary-background)",children:[s.jsx("div",{className:"pointer-events-none whitespace-nowrap rounded-md text-xs opacity-0 group-hover:opacity-100",children:i}),s.jsx("div",{children:a})]})},to=()=>s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"h-11 w-full"}),s.jsxs("div",{className:"absolute inset-x-0 bottom-0 flex items-end justify-between gap-2 px-3 py-2 text-(--lv-text-muted)",children:[s.jsxs("a",{href:"https://github.com/v3xlabs/open-lavatory",target:"_blank",rel:"noreferrer",className:"flex items-center gap-2 p-1 font-semibold text-sm text-(--lv-text-muted)",children:[s.jsx("img",{src:Yt,alt:"Open Lavatory Logo",width:20,height:20,className:"rounded","data-openlv-brand-logo":!0}),s.jsx("span",{children:"openlv"})]}),s.jsx("div",{className:"text-sm text-(--lv-text-muted)",children:s.jsx(eo,{})})]})]});function ro(e){return ae({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"m15 18-6-6 6-6"},child:[]}]})(e)}function no(e){return ae({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"m9 18 6-6-6-6"},child:[]}]})(e)}function Zt(e){return ae({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"12",cy:"12",r:"10"},child:[]},{tag:"path",attr:{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"},child:[]},{tag:"path",attr:{d:"M12 17h.01"},child:[]}]})(e)}function oo(e){return ae({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M5 12h14"},child:[]},{tag:"path",attr:{d:"M12 5v14"},child:[]}]})(e)}function ao(e){return ae({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M3 6h18"},child:[]},{tag:"path",attr:{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"},child:[]},{tag:"path",attr:{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"},child:[]},{tag:"line",attr:{x1:"10",x2:"10",y1:"11",y2:"17"},child:[]},{tag:"line",attr:{x1:"14",x2:"14",y1:"11",y2:"17"},child:[]}]})(e)}function so(e){return ae({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M18 6 6 18"},child:[]},{tag:"path",attr:{d:"m6 6 12 12"},child:[]}]})(e)}const io=({title:e,view:t,onClose:r,onBack:n,setView:o})=>{const{t:a}=U();return s.jsxs("div",{className:"flex items-center justify-between px-2 py-2",children:[n?s.jsx(le,{onClick:n,"aria-label":a(t==="settings"?"modal.backToQr":"modal.closeModal"),$variant:"tertiary",$aspect:"square",$size:"md",children:s.jsx(ro,{className:"h-6 w-6 text-(--lv-text-muted) rtl:rotate-180"})}):s.jsx(le,{type:"button",onClick:()=>o("info"),$variant:"tertiary",$aspect:"square",$size:"md",children:s.jsx(Zt,{className:"h-5 w-5"})}),s.jsx("h2",{className:"flex items-center justify-center gap-2 font-semibold text-(--lv-text-primary) text-lg",children:e}),s.jsx(le,{type:"button","aria-label":a("common.close"),"aria-pressed":!1,onClick:r,$variant:"tertiary",$aspect:"square",$size:"md",children:s.jsx(so,{className:"h-6 w-6 text-(--lv-text-muted)"})})]})};function lo(e,{transitionDuration:t=200}={}){const[r,n]=d.useState(e),{current:o,previous:a,isTransitioning:i}=Qe(r,{duration:t}),l=d.useCallback(u=>{n(u)},[]),c=d.useCallback(()=>{n(e)},[e]);return{screen:o,previousScreen:a,isTransitioning:i,navigate:l,goBack:c,isAtRoot:o===e}}const co=({current:e,previous:t,isTransitioning:r,render:n,className:o})=>s.jsxs("div",{className:ee("modal-transition__container",o),children:[t!==null&&s.jsx("div",{className:"modal-transition__layer modal-transition__layer--outgoing",children:n(t)}),s.jsx("div",{className:ee("modal-transition__layer",r&&"modal-transition__layer--incoming"),children:n(e)})]}),me=({title:e,right:t,children:r})=>s.jsxs("div",{children:[s.jsxs("div",{className:"flex items-end justify-between py-1 pl-2",children:[s.jsx("div",{className:"font-medium text-(--lv-text-primary) text-sm",children:e}),s.jsx("div",{children:t})]}),s.jsx("div",{className:"flex flex-col gap-1 rounded-md bg-(--lv-card-background)",children:r})]}),be=({label:e,children:t})=>s.jsxs("div",{className:"flex items-baseline justify-between gap-2 px-2 py-1 first:pt-2 last:pb-2",children:[s.jsx("div",{className:"text-sm text-(--lv-text-secondary) text-start",children:e}),s.jsx("div",{children:t})]}),uo=Re({slots:{root:"flex overflow-hidden rounded-md border border-(--lv-control-button-secondary-border)",box:"px-4 py-2 font-semibold text-xs transition border-l first:border-l-0 border-(--lv-control-button-secondary-border)"},variants:{active:{on:{box:"bg-(--lv-control-button-secondary-background) text-(--lv-text-primary)"},off:{box:"bg-transparent text-(--lv-text-secondary) cursor-pointer"}}},defaultVariants:{active:"off"}}),fo=Re({base:"w-full rounded-md border border-(--lv-control-button-secondary-border) bg-(--lv-control-button-secondary-background) px-3 py-2 font-semibold text-xs text-(--lv-text-primary) cursor-pointer focus:outline-none focus:ring-2 focus:ring-(--lv-control-button-primary-background) appearance-none bg-[url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23888%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E')] bg-[length:14px] bg-[right_8px_center] bg-no-repeat pr-8"}),Oe=({options:e,value:t,onChange:r,dropdownThreshold:n=3})=>{if(e.length>n){const l=fo();return s.jsx("select",{className:l,value:t,onChange:c=>r(c.target.value),children:e.map(([c,u])=>s.jsx("option",{value:c,children:u},c))})}const{root:a,box:i}=uo({});return s.jsx("div",{className:a(),children:e.map(([l,c])=>s.jsx("button",{type:"button",onClick:()=>r(l),"aria-pressed":l===t,className:i({active:l===t?"on":"off"}),children:c},l))})},go=()=>{const{t:e}=U(),{userThemeMode:t,isUserConfigurable:r,updateThemePreference:n}=Xt();if(!r)return null;const o=[["light",e("settings.theme.light")],["dark",e("settings.theme.dark")],["system",e("settings.theme.system")]];return s.jsx(be,{label:e("settings.theme.mode"),children:s.jsx(Oe,{options:o,value:t,onChange:a=>n(a)})})},po=()=>{const{t:e,languageTag:t,setLanguageTag:r}=U(),{settings:n,updateLanguage:o}=ce(),a=d.useMemo(()=>[...Ye].sort((l,c)=>{const u=st(l.tag);return st(c.tag)-u}),[]),i=l=>{const c=l;r(c),o(c)};return s.jsxs(me,{title:e("settings.appearance"),children:[s.jsx(be,{label:e("settings.language"),children:s.jsx(Oe,{options:a.map(l=>[l.tag,l.nativeName]),value:n?.language||t,onChange:i})}),s.jsx(go,{})]})},ho=Re({slots:{root:"group relative",box:"cursor-pointer rounded-md transition-colors flex items-center justify-center hover:[background-color:var(--lv-control-button-tertiary-hoverBackground)] text-(--lv-text-muted)",popover:"-translate-x-1/2 absolute top-full left-1/2 z-10 hidden rounded-md shadow-sm group-hover:block border border-(--lv-control-button-secondary-border) bg-(--lv-body-background) px-2 py-1.5 text-(--lv-text-primary) text-sm",icon:""},variants:{size:{sm:{box:"h-5 w-5 p-1",icon:"h-3 w-3"},md:{box:"h-6 w-6 p-1",icon:"h-4 w-4"},lg:{box:"h-8 w-8 p-1.5",icon:"h-4 w-4"}},variant:{icon:"",text:""}},defaultVariants:{size:"lg"}}),xt=({variant:e="icon",children:t,size:r="lg"})=>{const{root:n,box:o,popover:a,icon:i}=ho({size:r,variant:e});return s.jsxs("div",{className:n(),children:[s.jsx("div",{className:o(),children:Q(e).with("icon",()=>s.jsx(Zt,{className:i()})).with("text",()=>s.jsx("div",{children:"Text"})).exhaustive()}),s.jsx("div",{className:a(),children:t})]})},kt=({label:e,value:t,onClick:r})=>s.jsxs("button",{type:"button",onClick:r,className:"flex w-full cursor-pointer items-center justify-between gap-2 first:rounded-t-sm last:rounded-b-sm px-2 py-1 first:pt-1.5 last:pb-2 hover:bg-(--lv-control-button-tertiary-hoverBackground)",children:[s.jsx("div",{className:"text-sm text-(--lv-text-secondary) flex items-center gap-1",children:e}),s.jsxs("div",{className:"flex items-center gap-1",children:[t&&s.jsx("span",{className:"text-sm text-(--lv-text-muted)",children:t}),s.jsx(no,{className:"h-4 w-4 text-(--lv-text-muted) rtl:rotate-180"})]})]}),vo=({value:e,onChange:t})=>{const{t:r}=U();return s.jsx(Oe,{options:[["true",String(r("common.yes"))],["false",String(r("common.no"))]],value:e?"true":"false",onChange:n=>t(n==="true")})},mo=({onNavigate:e})=>{const{t}=U(),{settings:r,updateRetainHistory:n,updateAutoReconnect:o}=ce();return s.jsxs(me,{title:t("settings.connectionPreferences.title"),children:[s.jsx(kt,{label:s.jsxs(s.Fragment,{children:[t("settings.signaling.title"),s.jsx(xt,{variant:"icon",children:t("settings.signaling.description")})]}),onClick:()=>e("signaling"),value:r?.signaling?.p}),s.jsx(kt,{label:s.jsxs(s.Fragment,{children:[t("settings.transport.title"),s.jsx(xt,{variant:"icon",children:t("settings.transport.description")})]}),onClick:()=>e("transport"),value:"WebRTC"}),[[t("settings.connectionPreferences.retainSessionHistory"),"retainHistory",r?.retainHistory??!1,n],[t("settings.connectionPreferences.autoReconnect"),"autoReconnect",r?.autoReconnect??!1,o]].map(([a,i,l,c])=>s.jsx(be,{label:a,children:s.jsx(vo,{label:a,value:l,onChange:c})},i))]})},bo="h-9 w-full rounded-lg border bg-white px-3 text-sm focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200 text-(--lv-text-primary) bg-(--lv-body-background) border-(--lv-control-input-border)",pe=({id:e,value:t,placeholder:r,ariaLabel:n,readOnly:o=!0,onChange:a})=>s.jsx("input",{id:e,className:bo,value:t,placeholder:r,"aria-label":n,readOnly:o,onChange:i=>{i.target instanceof HTMLInputElement&&a?.(i.target.value)}}),yo=["mqtt","ntfy","gun"],wo=()=>{const{t:e}=U(),{settings:t,updateSignalingProtocol:r,updateSignalingServer:n}=ce();return s.jsxs("div",{children:[s.jsxs(me,{title:e("settings.signaling.title"),children:[s.jsx(be,{label:e("common.protocol"),children:s.jsx(Oe,{options:yo.map(o=>[o.toLowerCase(),o.toUpperCase()]),value:t?.signaling?.p||"",onChange:r})}),s.jsx(be,{label:e("settings.signaling.server"),children:s.jsx(pe,{id:"server",value:t?.signaling?.s?.[t?.signaling?.p??""]??"",onChange:o=>n(o),placeholder:e("settings.signaling.serverUrl"),ariaLabel:e("settings.signaling.serverUrl"),readOnly:!1})})]}),s.jsx("div",{className:"p-2 text-sm text-(--lv-text-secondary) text-start",children:e("settings.signaling.description")})]})},Ct=({children:e,onRemove:t})=>s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("div",{className:"flex-1",children:e}),s.jsx(le,{onClick:t,$variant:"tertiary",$aspect:"square",$size:"sm",children:s.jsx(ao,{className:"h-4 w-4 text-(--lv-text-muted)"})})]}),St=({label:e,onClick:t})=>s.jsxs("button",{type:"button",onClick:t,className:"flex w-full cursor-pointer items-center justify-center gap-1 rounded-md border border-dashed border-(--lv-control-input-border) py-2 text-sm text-(--lv-text-muted) hover:bg-(--lv-card-background)",children:[s.jsx(oo,{className:"h-4 w-4"}),e]}),xo=()=>{const{t:e}=U(),{settings:t,addStunServer:r,removeStunServer:n,updateStunServer:o,addTurnServer:a,removeTurnServer:i,updateTurnServer:l}=ce(),c=t?.transport?.s?.webrtc?.stun??[],u=t?.transport?.s?.webrtc?.turn??[],f=(h,k)=>{o(h,k)},p=()=>{r("")},C=h=>{n(h)},b=(h,k,g)=>{l(h,{[k]:g||void 0})},w=()=>{a({urls:""})},T=h=>{i(h)};return s.jsxs(s.Fragment,{children:[s.jsx(me,{title:e("settings.transport.iceServers.stun"),children:s.jsxs("div",{className:"flex flex-col gap-2 p-2",children:[c.map((h,k)=>s.jsx(Ct,{onRemove:()=>C(k),children:s.jsx(pe,{value:h,onChange:g=>f(k,g),placeholder:"stun:stun.l.google.com:19302",readOnly:!1})},k)),s.jsx(St,{label:e("settings.transport.iceServers.addStun"),onClick:p})]})}),s.jsx(me,{title:e("settings.transport.iceServers.turn"),children:s.jsxs("div",{className:"flex flex-col gap-3 p-2",children:[u.map((h,k)=>s.jsxs("div",{className:"flex flex-col gap-2 rounded-md border border-(--lv-control-input-border) p-2",children:[s.jsx(Ct,{onRemove:()=>T(k),children:s.jsx(pe,{value:h.urls,onChange:g=>b(k,"urls",g),placeholder:"turn:relay.example.com:443",readOnly:!1})}),s.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[s.jsx(pe,{value:h.username??"",onChange:g=>b(k,"username",g),placeholder:"Username",readOnly:!1}),s.jsx(pe,{value:h.credential??"",onChange:g=>b(k,"credential",g),placeholder:"Password",readOnly:!1})]})]},k)),s.jsx(St,{label:e("settings.transport.iceServers.addTurn"),onClick:w})]})}),s.jsx("div",{className:"p-2 text-sm text-(--lv-text-secondary) text-start",children:e("settings.transport.description")})]})},ko=e=>{switch(e){case"main":return"settings.title";case"signaling":return"settings.signaling.title";case"transport":return"settings.transport.title"}},Co=({onTitleChange:e,navigationRef:t})=>{const{screen:r,previousScreen:n,isTransitioning:o,navigate:a,goBack:i,isAtRoot:l}=lo("main"),c=d.useRef({goBack:i,isAtRoot:l});c.current={goBack:i,isAtRoot:l},d.useEffect(()=>{t&&(t.current=c.current)},[t,i,l]),d.useEffect(()=>{e?.(ko(r))},[r,e]);const u=f=>{switch(f){case"main":return s.jsxs(s.Fragment,{children:[s.jsx(mo,{onNavigate:a}),s.jsx(po,{})]});case"signaling":return s.jsx(wo,{});case"transport":return s.jsx(xo,{})}};return s.jsx("div",{className:"px-4 pb-2",children:s.jsx(co,{current:r,previous:n,isTransitioning:o,render:u})})},So=()=>{const[e,t]=d.useState("start"),[r,n]=d.useState(!1);return d.useEffect(()=>{if(!r)return;const o=window.setTimeout(()=>n(!1),2e3);return()=>window.clearTimeout(o)},[r]),{view:e,setView:t,copied:r,setCopied:n}},No=e=>{d.useEffect(()=>{const t=r=>{r.key==="Escape"&&e()};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[e])},_o=()=>{const e=d.useRef(null),[t,r]=d.useState(0),n=d.useRef(!1),o=d.useCallback((a,i=!1)=>{const l=a||e.current;if(!l)return;const c=i?l.scrollHeight:l.getBoundingClientRect().height;c>0&&(r(u=>typeof u=="number"&&Math.abs(u-c)<.5?u:c),n.current=!0)},[]);return d.useLayoutEffect(()=>{const a=e.current;if(!a||typeof ResizeObserver>"u")return;const i=new ResizeObserver(()=>{o()});return i.observe(a),()=>i.disconnect()},[o]),d.useEffect(()=>{if(typeof window>"u")return;const a=()=>{o()};return window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)},[o]),{contentRef:e,height:t,measureHeight:o,setHeight:r}},jo=({onClose:e,onCopy:t})=>{const{view:r,setView:n,copied:o,setCopied:a}=So(),{uri:i}=we(),{status:l,provider:c}=ye(),{contentRef:u,height:f,measureHeight:p}=_o(),{current:C,previous:b,isTransitioning:w}=Qe(r),{current:T,previous:h,isTransitioning:k}=Qe(l),g=d.useCallback(()=>n("settings"),[n]),{t:m,isRtl:L}=U(),{themeMode:_}=Xt(),W=d.useRef(null),[Pe,Le]=d.useState("settings.title"),ue=Q(r).with("start",()=>m("start.title")).with("settings",()=>m(Pe)).with("info",()=>m("info.title")).exhaustive();No(e),d.useEffect(()=>{l===ne.CONNECTED&&e()},[l,e]);const xe=d.useCallback(async()=>{i&&await $n(i)&&a(!0)},[i,a]),de=d.useRef(!0),te=d.useRef(),re=d.useRef(void 0),[S,N]=d.useState(!1),x=d.useRef();d.useLayoutEffect(()=>{if(u.current)return de.current?(te.current&&window.clearTimeout(te.current),te.current=window.setTimeout(()=>{u.current&&(p(void 0,!0),de.current=!1)},0)):p(),()=>{te.current&&window.clearTimeout(te.current)}},[p,T,C]),d.useEffect(()=>(re.current!==void 0&&f!==re.current&&f>0&&re.current>0&&Math.abs(f-re.current)>.5&&(N(!0),x.current&&window.clearTimeout(x.current),x.current=window.setTimeout(()=>{N(!1),x.current=void 0},200)),re.current=f,()=>{x.current&&window.clearTimeout(x.current)}),[f]);const A=()=>{c?.closeSession()},E=Q({view:r,status:l}).with({view:"start",status:ne.STANDBY},()=>{}).with({view:"start"},()=>A).with({view:"settings"},()=>W.current&&!W.current.isAtRoot?()=>W.current?.goBack():()=>n("start")).with({view:"info"},()=>()=>n("start")).otherwise(()=>()=>{A(),e()}),R=B=>Q(B).with("start",()=>s.jsx(Yn,{onSettings:g})).with("settings",()=>s.jsx(Co,{onTitleChange:Le,navigationRef:W})).with("info",()=>s.jsx(Zn,{})).otherwise(()=>s.jsx(Ke,{state:B})),V=()=>s.jsxs("div",{className:"modal-transition__container",children:[b&&s.jsx("div",{className:"modal-transition__layer modal-transition__layer--outgoing",children:R(b)}),s.jsx("div",{className:ee("modal-transition__layer",w&&"modal-transition__layer--incoming"),children:R(C)})]}),G=B=>Q(B).with(ne.STANDBY,()=>V()).with(Et.union(ne.CREATING,ne.CONNECTING,ne.CONNECTED),()=>s.jsx($r,{onClose:e,onCopy:t||xe})).otherwise(H=>s.jsx(Ke,{state:H||"unknown status"}));Ze("view",r);const F={background:"var(--lv-overlay-background, rgba(0,0,0,0.3))",backdropFilter:"var(--lv-overlay-backdrop-filter, blur(4px))"},K={background:"var(--lv-body-background)",color:"var(--lv-body-color, var(--lv-text-primary))",borderRadius:"var(--lv-border-radius, 16px)",boxShadow:"var(--lv-modal-shadow, 0px 12px 32px rgba(0,0,0,0.25))"};return s.jsx("div",{className:"fixed inset-0 z-10000 flex animate-[bg-in_0.15s_ease-in-out] items-end justify-center font-sans md:items-center lg:p-4",onClick:e,role:"presentation","data-openlv-modal-root":!0,"data-openlv-theme-mode":_,dir:L?"rtl":"ltr",style:F,children:s.jsxs("div",{className:ee("relative w-full max-w-[400px] animate-[fade-in_0.15s_ease-in-out] transition-[height] duration-200 ease-out",S||h?"overflow-hidden":void 0),role:"dialog","aria-modal":"true","aria-label":ue,onClick:B=>B.stopPropagation(),style:{...typeof f=="number"&&f>0?{height:`${f}px`}:{},...K},children:[s.jsxs("div",{ref:u,children:[s.jsx(io,{title:ue,view:r,onClose:e,onBack:E,setView:n}),s.jsxs("div",{className:"modal-transition__container",children:[h&&s.jsx("div",{className:"modal-transition__layer modal-transition__layer--outgoing absolute",children:s.jsx("div",{className:"flex flex-col text-center",children:G(h)})}),s.jsx("div",{className:ee("modal-transition__layer",k&&"modal-transition__layer--incoming"),children:s.jsx("div",{className:"flex flex-col text-center",children:G(T)})})]}),s.jsx(to,{})]}),s.jsx("div",{className:ee("absolute top-5 rounded-lg bg-blue-500 px-4 py-3 font-medium text-sm text-white transition-all ltr:right-5 rtl:left-5",o?"translate-x-0 opacity-100":"opacity-0 ltr:translate-x-full rtl:-translate-x-full"),children:m("modal.urlCopied")})]})})},$t=({onClose:e=()=>{},onCopy:t})=>s.jsx(jo,{onClose:e,onCopy:t}),Ao=(e="idle")=>{const[t,r]=d.useState({state:e}),n=d.useCallback((i,l)=>{r(c=>({...c,state:i,...l}))},[]),o=d.useCallback(i=>{r(i)},[]),a=d.useCallback(()=>{r({state:"idle"})},[]);return{connectionInfo:t,updateState:n,updateConnectionInfo:o,reset:a}},er=(e="openlv-modal")=>{if(typeof window>"u")return e;const t=window.customElements;return t?(t.get(e)||t.define(e,Ee),e):(console.warn("OpenLV modal: custom elements are not supported in this environment."),e)},Eo=e=>{const t=document.querySelector("openlv-modal");if(t&&t.remove(),!t){er();const r=new Ee({onClose(){Ze("modal closed"),r.remove(),e.onClose?.()},provider:e.provider,theme:e.theme});document.body.appendChild(r),r.showModal()}};exports.ModalRoot=$t;exports.OPENLV_ICON_128=Yt;exports.OpenLVModalElement=Ee;exports.default=Ee;exports.registerOpenLVModal=er;exports.triggerOpenModal=Eo;exports.useConnectionState=Ao;
+//# sourceMappingURL=index.cjs.js.map