@openlv/modal 0.0.1-beta.7 → 0.0.1-beta.8

package/dist/modal.css

@@ -1 +1 @@
-@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%}.right-5{right:calc(var(--spacing)*5)}.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)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.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%}.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}.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)}.translate-x-full{--tw-translate-x:100%;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}.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-4{gap:calc(var(--spacing)*4)}: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)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.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-\[var\(--lv-button-primary-border\)\]{border-color:var(--lv-button-primary-border)}.border-\[var\(--lv-button-secondary-border\,var\(--lv-button-secondary-background\)\)\]{border-color:var(--lv-button-secondary-border,var(--lv-button-secondary-background))}.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-button-secondary-background\){background-color:var(--lv-button-secondary-background)}.bg-\[var\(--lv-button-primary-background\)\]{background-color:var(--lv-button-primary-background)}.bg-\[var\(--lv-button-secondary-background\)\]{background-color:var(--lv-button-secondary-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)}.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-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-1{padding-top:calc(var(--spacing)*1)}.pr-0\.5{padding-right:calc(var(--spacing)*.5)}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-1{padding-left:calc(var(--spacing)*1)}.text-center{text-align:center}.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-\[var\(--lv-button-primary-color\)\]{color:var(--lv-button-primary-color)}.text-\[var\(--lv-button-secondary-color\)\]{color:var(--lv-button-secondary-color)}.text-\[var\(--lv-text-muted\)\]{color:var(--lv-text-muted)}.text-\[var\(--lv-text-primary\)\]{color:var(--lv-text-primary)}.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))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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\:border-l-0:first-child{border-left-style:var(--tw-border-style);border-left-width:0}@media(hover:hover){.hover\:\[background-color\:var\(--lv-button-tertiary-hoverBackground\)\]:hover{background-color:var(--lv-button-tertiary-hoverBackground)}.hover\:bg-\(--lv-button-secondary-hoverBackground\):hover{background-color:var(--lv-button-secondary-hoverBackground)}.hover\:bg-\[var\(--lv-button-primary-background-hover\)\]:hover{background-color:var(--lv-button-primary-background-hover)}.hover\:bg-\[var\(--lv-button-primary-hoverBackground\,var\(--lv-button-primary-background\)\)\]:hover{background-color:var(--lv-button-primary-hoverBackground,var(--lv-button-primary-background))}.hover\:bg-\[var\(--lv-button-secondary-background\)\]:hover{background-color:var(--lv-button-secondary-background)}.hover\:bg-\[var\(--lv-button-secondary-hoverBackground\,var\(--lv-button-secondary-background\)\)\]:hover{background-color:var(--lv-button-secondary-hoverBackground,var(--lv-button-secondary-background))}.hover\:bg-\[var\(--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-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-button-secondary-activeBackground\):active{background-color:var(--lv-button-secondary-activeBackground)}.active\:bg-\[var\(--lv-button-primary-activeBackground\,var\(--lv-button-primary-hoverBackground\,var\(--lv-button-primary-background\)\)\)\]:active{background-color:var(--lv-button-primary-activeBackground,var(--lv-button-primary-hoverBackground,var(--lv-button-primary-background)))}.active\:bg-\[var\(--lv-button-secondary-activeBackground\,var\(--lv-button-secondary-hoverBackground\,var\(--lv-button-secondary-background\)\)\)\]:active{background-color:var(--lv-button-secondary-activeBackground,var(--lv-button-secondary-hoverBackground,var(--lv-button-secondary-background)))}.active\:bg-\[var\(--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-\[var\(--lv-button-primary-disabledBackground\,var\(--lv-button-primary-background\)\)\]:disabled{background-color:var(--lv-button-primary-disabledBackground,var(--lv-button-primary-background))}.disabled\:bg-\[var\(--lv-button-secondary-disabledBackground\,var\(--lv-button-secondary-background\)\)\]:disabled{background-color:var(--lv-button-secondary-disabledBackground,var(--lv-button-secondary-background))}.disabled\:text-\[var\(--lv-button-primary-disabledColor\,var\(--lv-button-primary-color\)\)\]:disabled{color:var(--lv-button-primary-disabledColor,var(--lv-button-primary-color))}.disabled\:text-\[var\(--lv-button-secondary-disabledColor\,var\(--lv-button-secondary-color\)\)\]:disabled{color:var(--lv-button-secondary-disabledColor,var(--lv-button-secondary-color))}.disabled\:text-\[var\(--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)}}}: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-mode=dark] 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)}}
+@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%}.right-5{right:calc(var(--spacing)*5)}.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)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.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}.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)}.translate-x-full{--tw-translate-x:100%;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}.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-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)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.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-\(--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)}.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)}.pt-1{padding-top:calc(var(--spacing)*1)}.pr-0\.5{padding-right:calc(var(--spacing)*.5)}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-2{padding-left:calc(var(--spacing)*2)}.text-center{text-align:center}.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\:border-l-0:first-child{border-left-style:var(--tw-border-style);border-left-width:0}@media(hover:hover){.hover\:\[background-color\:var\(--lv-control-button-tertiary-hoverBackground\)\]:hover{background-color:var(--lv-control-button-tertiary-hoverBackground)}.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\,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-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)}}}: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-mode=dark] 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)}}

package/dist/openlv-CH8lb3Oi.js

@@ -0,0 +1,98 @@
+const r = {
+  common: {
+    font: { family: "Inter, sans-serif" },
+    border: { radius: "16px" },
+    control: {
+      button: {
+        primary: {
+          padding: "8px 16px"
+        }
+      }
+    }
+  },
+  light: {
+    body: { color: "#0F172A", background: "#FFFFFF" },
+    overlay: {
+      background: "rgba(0, 0, 0, 0.10)",
+      backdrop: { filter: "blur(6px)" }
+    },
+    modal: { shadow: "0px 12px 32px rgba(15,23,42,0.10)" },
+    control: {
+      input: { background: "#FFFFFF", border: "#E2E8F0", text: "#0F172A" },
+      button: {
+        primary: {
+          background: "#FF6A00",
+          color: "#FFFFFF",
+          hoverBackground: "#FF7D1F",
+          activeBackground: "#E76200",
+          disabledBackground: "#CBD5E1",
+          disabledColor: "#475569",
+          border: "#FF6A00"
+        },
+        secondary: {
+          background: "#E2E8F0",
+          color: "#0F172A",
+          hoverBackground: "#CBD5E1",
+          activeBackground: "#94A3B8",
+          disabledBackground: "#F1F5F9",
+          disabledColor: "#94A3B8",
+          border: "#E2E8F0"
+        },
+        tertiary: {
+          color: "#475569",
+          hoverBackground: "#F1F5F9",
+          activeBackground: "#E2E8F0",
+          disabledColor: "#94A3B8"
+        }
+      }
+    },
+    qr: { background: "#FFFFFF", color: "#0F172A" },
+    card: { background: "#F5F5F5" },
+    text: { primary: "#0F172A", secondary: "#475569", muted: "#94A3B8" }
+  },
+  dark: {
+    body: { color: "#F3F4F6", background: "#16181D" },
+    border: { color: "#2F343C", width: "1px" },
+    overlay: {
+      background: "rgba(0,0,0,0.55)",
+      backdrop: { filter: "blur(8px)" }
+    },
+    modal: { shadow: "0px 22px 60px rgba(0,0,0,0.55)" },
+    control: {
+      input: { background: "#12151A", border: "#2F343C", text: "#E8EAED" },
+      button: {
+        primary: {
+          background: "#FF6A00",
+          color: "#0D0E12",
+          hoverBackground: "#FF7D1F",
+          activeBackground: "#E76200",
+          disabledBackground: "#2A2F36",
+          disabledColor: "#8E949C",
+          border: "#FF6A00"
+        },
+        secondary: {
+          background: "#262A31",
+          color: "#E8EAED",
+          hoverBackground: "#2D323A",
+          activeBackground: "#23272E",
+          disabledBackground: "#1D2026",
+          disabledColor: "#8E949C",
+          border: "#333843"
+        },
+        tertiary: {
+          color: "#A4A9B1",
+          hoverBackground: "#20242A",
+          activeBackground: "#1B1F24",
+          disabledColor: "#6F747B"
+        }
+      }
+    },
+    qr: { background: "#FFFFFF", color: "#0D0E12" },
+    card: { background: "#1E2127" },
+    text: { primary: "#F3F4F6", secondary: "#C8CCD2", muted: "#9AA0A9" }
+  }
+};
+export {
+  r as openlvTheme
+};
+//# sourceMappingURL=openlv-CH8lb3Oi.js.map

package/dist/openlv-CH8lb3Oi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"openlv-CH8lb3Oi.js","sources":["../src/theme/openlv.ts"],"sourcesContent":["import type { ThemeTokensMap } from \"./types.js\";\n\n// Predefined theme token variants for light/dark/system\nexport const openlvTheme = {\n  common: {\n    font: { family: \"Inter, sans-serif\" },\n    border: { radius: \"16px\" },\n    control: {\n      button: {\n        primary: {\n          padding: \"8px 16px\",\n        },\n      },\n    },\n  },\n  light: {\n    body: { color: \"#0F172A\", background: \"#FFFFFF\" },\n    overlay: {\n      background: \"rgba(0, 0, 0, 0.10)\",\n      backdrop: { filter: \"blur(6px)\" },\n    },\n    modal: { shadow: \"0px 12px 32px rgba(15,23,42,0.10)\" },\n    control: {\n      input: { background: \"#FFFFFF\", border: \"#E2E8F0\", text: \"#0F172A\" },\n      button: {\n        primary: {\n          background: \"#FF6A00\",\n          color: \"#FFFFFF\",\n          hoverBackground: \"#FF7D1F\",\n          activeBackground: \"#E76200\",\n          disabledBackground: \"#CBD5E1\",\n          disabledColor: \"#475569\",\n          border: \"#FF6A00\",\n        },\n        secondary: {\n          background: \"#E2E8F0\",\n          color: \"#0F172A\",\n          hoverBackground: \"#CBD5E1\",\n          activeBackground: \"#94A3B8\",\n          disabledBackground: \"#F1F5F9\",\n          disabledColor: \"#94A3B8\",\n          border: \"#E2E8F0\",\n        },\n        tertiary: {\n          color: \"#475569\",\n          hoverBackground: \"#F1F5F9\",\n          activeBackground: \"#E2E8F0\",\n          disabledColor: \"#94A3B8\",\n        },\n      },\n    },\n    qr: { background: \"#FFFFFF\", color: \"#0F172A\" },\n    card: { background: \"#F5F5F5\" },\n    text: { primary: \"#0F172A\", secondary: \"#475569\", muted: \"#94A3B8\" },\n  },\n  dark: {\n    body: { color: \"#F3F4F6\", background: \"#16181D\" },\n    border: { color: \"#2F343C\", width: \"1px\" },\n    overlay: {\n      background: \"rgba(0,0,0,0.55)\",\n      backdrop: { filter: \"blur(8px)\" },\n    },\n    modal: { shadow: \"0px 22px 60px rgba(0,0,0,0.55)\" },\n    control: {\n      input: { background: \"#12151A\", border: \"#2F343C\", text: \"#E8EAED\" },\n      button: {\n        primary: {\n          background: \"#FF6A00\",\n          color: \"#0D0E12\",\n          hoverBackground: \"#FF7D1F\",\n          activeBackground: \"#E76200\",\n          disabledBackground: \"#2A2F36\",\n          disabledColor: \"#8E949C\",\n          border: \"#FF6A00\",\n        },\n        secondary: {\n          background: \"#262A31\",\n          color: \"#E8EAED\",\n          hoverBackground: \"#2D323A\",\n          activeBackground: \"#23272E\",\n          disabledBackground: \"#1D2026\",\n          disabledColor: \"#8E949C\",\n          border: \"#333843\",\n        },\n        tertiary: {\n          color: \"#A4A9B1\",\n          hoverBackground: \"#20242A\",\n          activeBackground: \"#1B1F24\",\n          disabledColor: \"#6F747B\",\n        },\n      },\n    },\n    qr: { background: \"#FFFFFF\", color: \"#0D0E12\" },\n    card: { background: \"#1E2127\" },\n    text: { primary: \"#F3F4F6\", secondary: \"#C8CCD2\", muted: \"#9AA0A9\" },\n  },\n} satisfies ThemeTokensMap;\n"],"names":["openlvTheme"],"mappings":"AAGO,MAAMA,IAAc;AAAA,EACzB,QAAQ;AAAA,IACN,MAAM,EAAE,QAAQ,oBAAA;AAAA,IAChB,QAAQ,EAAE,QAAQ,OAAA;AAAA,IAClB,SAAS;AAAA,MACP,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAO;AAAA,IACL,MAAM,EAAE,OAAO,WAAW,YAAY,UAAA;AAAA,IACtC,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,UAAU,EAAE,QAAQ,YAAA;AAAA,IAAY;AAAA,IAElC,OAAO,EAAE,QAAQ,oCAAA;AAAA,IACjB,SAAS;AAAA,MACP,OAAO,EAAE,YAAY,WAAW,QAAQ,WAAW,MAAM,UAAA;AAAA,MACzD,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,kBAAkB;AAAA,UAClB,oBAAoB;AAAA,UACpB,eAAe;AAAA,UACf,QAAQ;AAAA,QAAA;AAAA,QAEV,WAAW;AAAA,UACT,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,kBAAkB;AAAA,UAClB,oBAAoB;AAAA,UACpB,eAAe;AAAA,UACf,QAAQ;AAAA,QAAA;AAAA,QAEV,UAAU;AAAA,UACR,OAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,kBAAkB;AAAA,UAClB,eAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IACF;AAAA,IAEF,IAAI,EAAE,YAAY,WAAW,OAAO,UAAA;AAAA,IACpC,MAAM,EAAE,YAAY,UAAA;AAAA,IACpB,MAAM,EAAE,SAAS,WAAW,WAAW,WAAW,OAAO,UAAA;AAAA,EAAU;AAAA,EAErE,MAAM;AAAA,IACJ,MAAM,EAAE,OAAO,WAAW,YAAY,UAAA;AAAA,IACtC,QAAQ,EAAE,OAAO,WAAW,OAAO,MAAA;AAAA,IACnC,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,UAAU,EAAE,QAAQ,YAAA;AAAA,IAAY;AAAA,IAElC,OAAO,EAAE,QAAQ,iCAAA;AAAA,IACjB,SAAS;AAAA,MACP,OAAO,EAAE,YAAY,WAAW,QAAQ,WAAW,MAAM,UAAA;AAAA,MACzD,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,kBAAkB;AAAA,UAClB,oBAAoB;AAAA,UACpB,eAAe;AAAA,UACf,QAAQ;AAAA,QAAA;AAAA,QAEV,WAAW;AAAA,UACT,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,kBAAkB;AAAA,UAClB,oBAAoB;AAAA,UACpB,eAAe;AAAA,UACf,QAAQ;AAAA,QAAA;AAAA,QAEV,UAAU;AAAA,UACR,OAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,kBAAkB;AAAA,UAClB,eAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IACF;AAAA,IAEF,IAAI,EAAE,YAAY,WAAW,OAAO,UAAA;AAAA,IACpC,MAAM,EAAE,YAAY,UAAA;AAAA,IACpB,MAAM,EAAE,SAAS,WAAW,WAAW,WAAW,OAAO,UAAA;AAAA,EAAU;AAEvE;"}

package/dist/openlv-SMG3Trx9.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={common:{font:{family:"Inter, sans-serif"},border:{radius:"16px"},control:{button:{primary:{padding:"8px 16px"}}}},light:{body:{color:"#0F172A",background:"#FFFFFF"},overlay:{background:"rgba(0, 0, 0, 0.10)",backdrop:{filter:"blur(6px)"}},modal:{shadow:"0px 12px 32px rgba(15,23,42,0.10)"},control:{input:{background:"#FFFFFF",border:"#E2E8F0",text:"#0F172A"},button:{primary:{background:"#FF6A00",color:"#FFFFFF",hoverBackground:"#FF7D1F",activeBackground:"#E76200",disabledBackground:"#CBD5E1",disabledColor:"#475569",border:"#FF6A00"},secondary:{background:"#E2E8F0",color:"#0F172A",hoverBackground:"#CBD5E1",activeBackground:"#94A3B8",disabledBackground:"#F1F5F9",disabledColor:"#94A3B8",border:"#E2E8F0"},tertiary:{color:"#475569",hoverBackground:"#F1F5F9",activeBackground:"#E2E8F0",disabledColor:"#94A3B8"}}},qr:{background:"#FFFFFF",color:"#0F172A"},card:{background:"#F5F5F5"},text:{primary:"#0F172A",secondary:"#475569",muted:"#94A3B8"}},dark:{body:{color:"#F3F4F6",background:"#16181D"},border:{color:"#2F343C",width:"1px"},overlay:{background:"rgba(0,0,0,0.55)",backdrop:{filter:"blur(8px)"}},modal:{shadow:"0px 22px 60px rgba(0,0,0,0.55)"},control:{input:{background:"#12151A",border:"#2F343C",text:"#E8EAED"},button:{primary:{background:"#FF6A00",color:"#0D0E12",hoverBackground:"#FF7D1F",activeBackground:"#E76200",disabledBackground:"#2A2F36",disabledColor:"#8E949C",border:"#FF6A00"},secondary:{background:"#262A31",color:"#E8EAED",hoverBackground:"#2D323A",activeBackground:"#23272E",disabledBackground:"#1D2026",disabledColor:"#8E949C",border:"#333843"},tertiary:{color:"#A4A9B1",hoverBackground:"#20242A",activeBackground:"#1B1F24",disabledColor:"#6F747B"}}},qr:{background:"#FFFFFF",color:"#0D0E12"},card:{background:"#1E2127"},text:{primary:"#F3F4F6",secondary:"#C8CCD2",muted:"#9AA0A9"}}};exports.openlvTheme=r;
+//# sourceMappingURL=openlv-SMG3Trx9.cjs.map

package/dist/openlv-SMG3Trx9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"openlv-SMG3Trx9.cjs","sources":["../src/theme/openlv.ts"],"sourcesContent":["import type { ThemeTokensMap } from \"./types.js\";\n\n// Predefined theme token variants for light/dark/system\nexport const openlvTheme = {\n  common: {\n    font: { family: \"Inter, sans-serif\" },\n    border: { radius: \"16px\" },\n    control: {\n      button: {\n        primary: {\n          padding: \"8px 16px\",\n        },\n      },\n    },\n  },\n  light: {\n    body: { color: \"#0F172A\", background: \"#FFFFFF\" },\n    overlay: {\n      background: \"rgba(0, 0, 0, 0.10)\",\n      backdrop: { filter: \"blur(6px)\" },\n    },\n    modal: { shadow: \"0px 12px 32px rgba(15,23,42,0.10)\" },\n    control: {\n      input: { background: \"#FFFFFF\", border: \"#E2E8F0\", text: \"#0F172A\" },\n      button: {\n        primary: {\n          background: \"#FF6A00\",\n          color: \"#FFFFFF\",\n          hoverBackground: \"#FF7D1F\",\n          activeBackground: \"#E76200\",\n          disabledBackground: \"#CBD5E1\",\n          disabledColor: \"#475569\",\n          border: \"#FF6A00\",\n        },\n        secondary: {\n          background: \"#E2E8F0\",\n          color: \"#0F172A\",\n          hoverBackground: \"#CBD5E1\",\n          activeBackground: \"#94A3B8\",\n          disabledBackground: \"#F1F5F9\",\n          disabledColor: \"#94A3B8\",\n          border: \"#E2E8F0\",\n        },\n        tertiary: {\n          color: \"#475569\",\n          hoverBackground: \"#F1F5F9\",\n          activeBackground: \"#E2E8F0\",\n          disabledColor: \"#94A3B8\",\n        },\n      },\n    },\n    qr: { background: \"#FFFFFF\", color: \"#0F172A\" },\n    card: { background: \"#F5F5F5\" },\n    text: { primary: \"#0F172A\", secondary: \"#475569\", muted: \"#94A3B8\" },\n  },\n  dark: {\n    body: { color: \"#F3F4F6\", background: \"#16181D\" },\n    border: { color: \"#2F343C\", width: \"1px\" },\n    overlay: {\n      background: \"rgba(0,0,0,0.55)\",\n      backdrop: { filter: \"blur(8px)\" },\n    },\n    modal: { shadow: \"0px 22px 60px rgba(0,0,0,0.55)\" },\n    control: {\n      input: { background: \"#12151A\", border: \"#2F343C\", text: \"#E8EAED\" },\n      button: {\n        primary: {\n          background: \"#FF6A00\",\n          color: \"#0D0E12\",\n          hoverBackground: \"#FF7D1F\",\n          activeBackground: \"#E76200\",\n          disabledBackground: \"#2A2F36\",\n          disabledColor: \"#8E949C\",\n          border: \"#FF6A00\",\n        },\n        secondary: {\n          background: \"#262A31\",\n          color: \"#E8EAED\",\n          hoverBackground: \"#2D323A\",\n          activeBackground: \"#23272E\",\n          disabledBackground: \"#1D2026\",\n          disabledColor: \"#8E949C\",\n          border: \"#333843\",\n        },\n        tertiary: {\n          color: \"#A4A9B1\",\n          hoverBackground: \"#20242A\",\n          activeBackground: \"#1B1F24\",\n          disabledColor: \"#6F747B\",\n        },\n      },\n    },\n    qr: { background: \"#FFFFFF\", color: \"#0D0E12\" },\n    card: { background: \"#1E2127\" },\n    text: { primary: \"#F3F4F6\", secondary: \"#C8CCD2\", muted: \"#9AA0A9\" },\n  },\n} satisfies ThemeTokensMap;\n"],"names":["openlvTheme"],"mappings":"gFAGO,MAAMA,EAAc,CACzB,OAAQ,CACN,KAAM,CAAE,OAAQ,mBAAA,EAChB,OAAQ,CAAE,OAAQ,MAAA,EAClB,QAAS,CACP,OAAQ,CACN,QAAS,CACP,QAAS,UAAA,CACX,CACF,CACF,EAEF,MAAO,CACL,KAAM,CAAE,MAAO,UAAW,WAAY,SAAA,EACtC,QAAS,CACP,WAAY,sBACZ,SAAU,CAAE,OAAQ,WAAA,CAAY,EAElC,MAAO,CAAE,OAAQ,mCAAA,EACjB,QAAS,CACP,MAAO,CAAE,WAAY,UAAW,OAAQ,UAAW,KAAM,SAAA,EACzD,OAAQ,CACN,QAAS,CACP,WAAY,UACZ,MAAO,UACP,gBAAiB,UACjB,iBAAkB,UAClB,mBAAoB,UACpB,cAAe,UACf,OAAQ,SAAA,EAEV,UAAW,CACT,WAAY,UACZ,MAAO,UACP,gBAAiB,UACjB,iBAAkB,UAClB,mBAAoB,UACpB,cAAe,UACf,OAAQ,SAAA,EAEV,SAAU,CACR,MAAO,UACP,gBAAiB,UACjB,iBAAkB,UAClB,cAAe,SAAA,CACjB,CACF,EAEF,GAAI,CAAE,WAAY,UAAW,MAAO,SAAA,EACpC,KAAM,CAAE,WAAY,SAAA,EACpB,KAAM,CAAE,QAAS,UAAW,UAAW,UAAW,MAAO,SAAA,CAAU,EAErE,KAAM,CACJ,KAAM,CAAE,MAAO,UAAW,WAAY,SAAA,EACtC,OAAQ,CAAE,MAAO,UAAW,MAAO,KAAA,EACnC,QAAS,CACP,WAAY,mBACZ,SAAU,CAAE,OAAQ,WAAA,CAAY,EAElC,MAAO,CAAE,OAAQ,gCAAA,EACjB,QAAS,CACP,MAAO,CAAE,WAAY,UAAW,OAAQ,UAAW,KAAM,SAAA,EACzD,OAAQ,CACN,QAAS,CACP,WAAY,UACZ,MAAO,UACP,gBAAiB,UACjB,iBAAkB,UAClB,mBAAoB,UACpB,cAAe,UACf,OAAQ,SAAA,EAEV,UAAW,CACT,WAAY,UACZ,MAAO,UACP,gBAAiB,UACjB,iBAAkB,UAClB,mBAAoB,UACpB,cAAe,UACf,OAAQ,SAAA,EAEV,SAAU,CACR,MAAO,UACP,gBAAiB,UACjB,iBAAkB,UAClB,cAAe,SAAA,CACjB,CACF,EAEF,GAAI,CAAE,WAAY,UAAW,MAAO,SAAA,EACpC,KAAM,CAAE,WAAY,SAAA,EACpB,KAAM,CAAE,QAAS,UAAW,UAAW,UAAW,MAAO,SAAA,CAAU,CAEvE"}

package/dist/simple-9RmOY_8k.js

@@ -0,0 +1,73 @@
+const r = {
+  light: {
+    font: { family: "sans-serif" },
+    body: {
+      color: "#1E293B",
+      background: "#FFFFFF"
+    },
+    border: {
+      radius: "16px"
+    },
+    overlay: {
+      background: "rgba(0, 0, 0, 0.3)",
+      backdrop: { filter: "blur(8px)" }
+    },
+    modal: {
+      shadow: "0px 12px 32px rgba(0, 0, 0, 0.25)"
+    },
+    control: {
+      input: {
+        background: "#FFFFFF",
+        border: "#D1D5DC",
+        text: "#111827"
+      },
+      button: {
+        primary: {
+          background: "#3B82F6",
+          color: "#FFFFFF",
+          padding: "8px 16px",
+          hoverBackground: "#2563EB",
+          activeBackground: "#1D4ED8",
+          disabledBackground: "#E5E7EB",
+          disabledColor: "#9CA3AF",
+          border: "#3B82F6"
+        },
+        secondary: {
+          background: "#E5E7EB",
+          color: "#374151",
+          hoverBackground: "#D1D5DC",
+          activeBackground: "#D1D5DB",
+          disabledBackground: "#F9FAFB",
+          disabledColor: "#9CA3AF",
+          border: "#D1D5DC",
+          selectedBackground: "#EFF6FF",
+          selectedColor: "#155dfc"
+        },
+        tertiary: {
+          color: "#6B7280",
+          hoverBackground: "#E5E5E5",
+          activeBackground: "#D1D5DB",
+          disabledColor: "#9CA3AF"
+        }
+      }
+    },
+    qr: {
+      background: "#F9FAFB",
+      color: "#111827"
+    },
+    card: {
+      background: "#F5F5F5"
+    },
+    text: {
+      primary: "#111827",
+      secondary: "#374151",
+      muted: "#6B7280",
+      heading: "#111827",
+      body: "#6a7282"
+    }
+  }
+};
+export {
+  r as simpleTheme
+};
+//# sourceMappingURL=simple-9RmOY_8k.js.map

package/dist/simple-9RmOY_8k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-9RmOY_8k.js","sources":["../src/theme/simple.ts"],"sourcesContent":["import type { ThemeTokensMap } from \"./types.js\";\n\nexport const simpleTheme = {\n  light: {\n    font: { family: \"sans-serif\" },\n    body: {\n      color: \"#1E293B\",\n      background: \"#FFFFFF\",\n    },\n    border: {\n      radius: \"16px\",\n    },\n    overlay: {\n      background: \"rgba(0, 0, 0, 0.3)\",\n      backdrop: { filter: \"blur(8px)\" },\n    },\n    modal: {\n      shadow: \"0px 12px 32px rgba(0, 0, 0, 0.25)\",\n    },\n    control: {\n      input: {\n        background: \"#FFFFFF\",\n        border: \"#D1D5DC\",\n        text: \"#111827\",\n      },\n      button: {\n        primary: {\n          background: \"#3B82F6\",\n          color: \"#FFFFFF\",\n          padding: \"8px 16px\",\n          hoverBackground: \"#2563EB\",\n          activeBackground: \"#1D4ED8\",\n          disabledBackground: \"#E5E7EB\",\n          disabledColor: \"#9CA3AF\",\n          border: \"#3B82F6\",\n        },\n        secondary: {\n          background: \"#E5E7EB\",\n          color: \"#374151\",\n          hoverBackground: \"#D1D5DC\",\n          activeBackground: \"#D1D5DB\",\n          disabledBackground: \"#F9FAFB\",\n          disabledColor: \"#9CA3AF\",\n          border: \"#D1D5DC\",\n          selectedBackground: \"#EFF6FF\",\n          selectedColor: \"#155dfc\",\n        },\n        tertiary: {\n          color: \"#6B7280\",\n          hoverBackground: \"#E5E5E5\",\n          activeBackground: \"#D1D5DB\",\n          disabledColor: \"#9CA3AF\",\n        },\n      },\n    },\n    qr: {\n      background: \"#F9FAFB\",\n      color: \"#111827\",\n    },\n    card: {\n      background: \"#F5F5F5\",\n    },\n    text: {\n      primary: \"#111827\",\n      secondary: \"#374151\",\n      muted: \"#6B7280\",\n      heading: \"#111827\",\n      body: \"#6a7282\",\n    },\n  },\n} satisfies ThemeTokensMap;\n"],"names":["simpleTheme"],"mappings":"AAEO,MAAMA,IAAc;AAAA,EACzB,OAAO;AAAA,IACL,MAAM,EAAE,QAAQ,aAAA;AAAA,IAChB,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,YAAY;AAAA,IAAA;AAAA,IAEd,QAAQ;AAAA,MACN,QAAQ;AAAA,IAAA;AAAA,IAEV,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,UAAU,EAAE,QAAQ,YAAA;AAAA,IAAY;AAAA,IAElC,OAAO;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,IAEV,SAAS;AAAA,MACP,OAAO;AAAA,QACL,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,MAAM;AAAA,MAAA;AAAA,MAER,QAAQ;AAAA,QACN,SAAS;AAAA,UACP,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,kBAAkB;AAAA,UAClB,oBAAoB;AAAA,UACpB,eAAe;AAAA,UACf,QAAQ;AAAA,QAAA;AAAA,QAEV,WAAW;AAAA,UACT,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,kBAAkB;AAAA,UAClB,oBAAoB;AAAA,UACpB,eAAe;AAAA,UACf,QAAQ;AAAA,UACR,oBAAoB;AAAA,UACpB,eAAe;AAAA,QAAA;AAAA,QAEjB,UAAU;AAAA,UACR,OAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,kBAAkB;AAAA,UAClB,eAAe;AAAA,QAAA;AAAA,MACjB;AAAA,IACF;AAAA,IAEF,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,OAAO;AAAA,IAAA;AAAA,IAET,MAAM;AAAA,MACJ,YAAY;AAAA,IAAA;AAAA,IAEd,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}

package/dist/simple-DJcIRSvc.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={light:{font:{family:"sans-serif"},body:{color:"#1E293B",background:"#FFFFFF"},border:{radius:"16px"},overlay:{background:"rgba(0, 0, 0, 0.3)",backdrop:{filter:"blur(8px)"}},modal:{shadow:"0px 12px 32px rgba(0, 0, 0, 0.25)"},control:{input:{background:"#FFFFFF",border:"#D1D5DC",text:"#111827"},button:{primary:{background:"#3B82F6",color:"#FFFFFF",padding:"8px 16px",hoverBackground:"#2563EB",activeBackground:"#1D4ED8",disabledBackground:"#E5E7EB",disabledColor:"#9CA3AF",border:"#3B82F6"},secondary:{background:"#E5E7EB",color:"#374151",hoverBackground:"#D1D5DC",activeBackground:"#D1D5DB",disabledBackground:"#F9FAFB",disabledColor:"#9CA3AF",border:"#D1D5DC",selectedBackground:"#EFF6FF",selectedColor:"#155dfc"},tertiary:{color:"#6B7280",hoverBackground:"#E5E5E5",activeBackground:"#D1D5DB",disabledColor:"#9CA3AF"}}},qr:{background:"#F9FAFB",color:"#111827"},card:{background:"#F5F5F5"},text:{primary:"#111827",secondary:"#374151",muted:"#6B7280",heading:"#111827",body:"#6a7282"}}};exports.simpleTheme=r;
+//# sourceMappingURL=simple-DJcIRSvc.cjs.map

package/dist/simple-DJcIRSvc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-DJcIRSvc.cjs","sources":["../src/theme/simple.ts"],"sourcesContent":["import type { ThemeTokensMap } from \"./types.js\";\n\nexport const simpleTheme = {\n  light: {\n    font: { family: \"sans-serif\" },\n    body: {\n      color: \"#1E293B\",\n      background: \"#FFFFFF\",\n    },\n    border: {\n      radius: \"16px\",\n    },\n    overlay: {\n      background: \"rgba(0, 0, 0, 0.3)\",\n      backdrop: { filter: \"blur(8px)\" },\n    },\n    modal: {\n      shadow: \"0px 12px 32px rgba(0, 0, 0, 0.25)\",\n    },\n    control: {\n      input: {\n        background: \"#FFFFFF\",\n        border: \"#D1D5DC\",\n        text: \"#111827\",\n      },\n      button: {\n        primary: {\n          background: \"#3B82F6\",\n          color: \"#FFFFFF\",\n          padding: \"8px 16px\",\n          hoverBackground: \"#2563EB\",\n          activeBackground: \"#1D4ED8\",\n          disabledBackground: \"#E5E7EB\",\n          disabledColor: \"#9CA3AF\",\n          border: \"#3B82F6\",\n        },\n        secondary: {\n          background: \"#E5E7EB\",\n          color: \"#374151\",\n          hoverBackground: \"#D1D5DC\",\n          activeBackground: \"#D1D5DB\",\n          disabledBackground: \"#F9FAFB\",\n          disabledColor: \"#9CA3AF\",\n          border: \"#D1D5DC\",\n          selectedBackground: \"#EFF6FF\",\n          selectedColor: \"#155dfc\",\n        },\n        tertiary: {\n          color: \"#6B7280\",\n          hoverBackground: \"#E5E5E5\",\n          activeBackground: \"#D1D5DB\",\n          disabledColor: \"#9CA3AF\",\n        },\n      },\n    },\n    qr: {\n      background: \"#F9FAFB\",\n      color: \"#111827\",\n    },\n    card: {\n      background: \"#F5F5F5\",\n    },\n    text: {\n      primary: \"#111827\",\n      secondary: \"#374151\",\n      muted: \"#6B7280\",\n      heading: \"#111827\",\n      body: \"#6a7282\",\n    },\n  },\n} satisfies ThemeTokensMap;\n"],"names":["simpleTheme"],"mappings":"gFAEO,MAAMA,EAAc,CACzB,MAAO,CACL,KAAM,CAAE,OAAQ,YAAA,EAChB,KAAM,CACJ,MAAO,UACP,WAAY,SAAA,EAEd,OAAQ,CACN,OAAQ,MAAA,EAEV,QAAS,CACP,WAAY,qBACZ,SAAU,CAAE,OAAQ,WAAA,CAAY,EAElC,MAAO,CACL,OAAQ,mCAAA,EAEV,QAAS,CACP,MAAO,CACL,WAAY,UACZ,OAAQ,UACR,KAAM,SAAA,EAER,OAAQ,CACN,QAAS,CACP,WAAY,UACZ,MAAO,UACP,QAAS,WACT,gBAAiB,UACjB,iBAAkB,UAClB,mBAAoB,UACpB,cAAe,UACf,OAAQ,SAAA,EAEV,UAAW,CACT,WAAY,UACZ,MAAO,UACP,gBAAiB,UACjB,iBAAkB,UAClB,mBAAoB,UACpB,cAAe,UACf,OAAQ,UACR,mBAAoB,UACpB,cAAe,SAAA,EAEjB,SAAU,CACR,MAAO,UACP,gBAAiB,UACjB,iBAAkB,UAClB,cAAe,SAAA,CACjB,CACF,EAEF,GAAI,CACF,WAAY,UACZ,MAAO,SAAA,EAET,KAAM,CACJ,WAAY,SAAA,EAEd,KAAM,CACJ,QAAS,UACT,UAAW,UACX,MAAO,UACP,QAAS,UACT,KAAM,SAAA,CACR,CAEJ"}

package/dist/styles/index.d.ts

@@ -1,2 +1,2 @@
-import { ThemeConfig } from '../theme/index.js';
+import { ThemeConfig } from '../theme/types.js';
 export declare const ensureStyles: (shadowRoot?: ShadowRoot, theme?: ThemeConfig) => Promise<void>;

package/dist/theme/index.d.ts

@@ -1,37 +1,7 @@
-import { FC, PropsWithChildren } from 'preact/compat';
-import { openlvThemeTokens } from './openlv.js';
-import { simpleThemeTokens } from './simple.js';
-import { ModesForTokens, OpenLVTheme, ThemeConfig, ThemeIdentifier, ThemeMode, ThemeTokensMap } from './types.js';
-/**
- * Maps theme identifiers to their token types using typeof.
- */
-type ThemeTokensFor = {
-    openlv: typeof openlvThemeTokens;
-    simple: typeof simpleThemeTokens;
-};
-/**
- * Type-safe theme configuration that infers allowed modes from the theme identifier.
- */
-export type ThemeConfigInput = {
-    [K in ThemeIdentifier]: {
-        theme: K;
-        tokens?: ThemeTokensFor[K];
-        mode: ModesForTokens<ThemeTokensFor[K]>;
-    };
-}[ThemeIdentifier];
-/**
- * Converts the theme to css variables prefixed with --lv-
- * including nested keys using - notation
- */
-export declare const buildTheme: (tokens: OpenLVTheme) => {
-    [k: string]: string;
-};
-export { openlvThemeTokens, simpleThemeTokens };
-export type { OpenLVTheme, ThemeConfig, ThemeIdentifier, ThemeMode, ThemeTokensMap, };
-export type ThemeProviderProps<T extends ThemeTokensMap = ThemeTokensMap> = PropsWithChildren<ThemeConfig<T>>;
-export declare const DEFAULT_THEME_CONFIG: ThemeConfig<typeof openlvThemeTokens>;
-export declare const resolveTheme: <T extends ThemeTokensMap>(config: ThemeConfig<T>) => {
-    tokens: OpenLVTheme;
-    mode: ThemeMode;
-};
-export declare const ThemeProvider: FC<ThemeProviderProps>;
+import { ThemeConfig } from './types.js';
+export type { PredefinedThemeName, ThemeConfig, ThemeTokensMap, } from './types.js';
+type Primitive = string | number | boolean | null | undefined;
+type Leaf = Primitive;
+type FlatCssVars = Record<`--${string}`, Leaf>;
+export declare const flattenToCssVars: <T extends Record<string, unknown>>(obj: T, prefix?: readonly string[], out?: FlatCssVars) => FlatCssVars;
+export declare const buildTheme: (config: ThemeConfig) => Promise<string>;

package/dist/theme/openlv.d.ts

@@ -1,15 +1,24 @@
-export declare const openlvThemeTokens: {
-    light: {
+export declare const openlvTheme: {
+    common: {
         font: {
             family: string;
         };
+        border: {
+            radius: string;
+        };
+        control: {
+            button: {
+                primary: {
+                    padding: string;
+                };
+            };
+        };
+    };
+    light: {
         body: {
             color: string;
             background: string;
         };
-        border: {
-            radius: string;
-        };
         overlay: {
             background: string;
             backdrop: {
@@ -29,7 +38,6 @@ export declare const openlvThemeTokens: {
                 primary: {
                     background: string;
                     color: string;
-                    padding: string;
                     hoverBackground: string;
                     activeBackground: string;
                     disabledBackground: string;
@@ -67,15 +75,11 @@ export declare const openlvThemeTokens: {
         };
     };
     dark: {
-        font: {
-            family: string;
-        };
         body: {
             color: string;
             background: string;
         };
         border: {
-            radius: string;
             color: string;
             width: string;
         };
@@ -98,7 +102,6 @@ export declare const openlvThemeTokens: {
                 primary: {
                     background: string;
                     color: string;
-                    padding: string;
                     hoverBackground: string;
                     activeBackground: string;
                     disabledBackground: string;

package/dist/theme/simple.d.ts

@@ -1,4 +1,4 @@
-export declare const simpleThemeTokens: {
+export declare const simpleTheme: {
     light: {
         font: {
             family: string;

package/dist/theme/types.d.ts

@@ -1,11 +1,14 @@
-export type ThemeIdentifier = "openlv" | "simple";
 export type ThemeMode = "light" | "dark" | "system";
-export type OpenLVTheme = Partial<{
+type DeepPartial<T> = {
+    [K in keyof T]?: DeepPartial<T[K]>;
+};
+type OpenLVThemeShape = {
     font: {
         family: string;
     };
     body: {
         color: string;
+        /** Background color of the main modal */
         background: string;
     };
     border: {
@@ -72,7 +75,8 @@ export type OpenLVTheme = Partial<{
         heading?: string;
         body?: string;
     };
-}>;
+};
+export type OpenLVTheme = DeepPartial<OpenLVThemeShape>;
 export type ThemeTokensMap = {
     common?: OpenLVTheme;
     light?: OpenLVTheme;
@@ -82,23 +86,9 @@ export type ThemeTokensMap = {
 } | {
     dark: OpenLVTheme;
 });
-type HasLight<T extends ThemeTokensMap> = T extends {
-    light: OpenLVTheme;
-} ? true : false;
-type HasDark<T extends ThemeTokensMap> = T extends {
-    dark: OpenLVTheme;
-} ? true : false;
-export type ModesForTokens<T extends ThemeTokensMap> = HasLight<T> extends true ? HasDark<T> extends true ? ThemeMode : "light" : HasDark<T> extends true ? "dark" : never;
+export type PredefinedThemeName = "simple" | "openlv";
 export type ThemeConfig<T extends ThemeTokensMap = ThemeTokensMap> = {
-    theme: ThemeIdentifier;
-    /**
-     * Optional override tokens for the selected theme.
-     * If omitted, defaults will be looked up by `theme`.
-     */
-    tokens?: T;
-    /**
-     * Active mode. Must be compatible with the provided/derived tokens.
-     */
-    mode: ModesForTokens<T>;
+    theme: T | PredefinedThemeName;
+    mode: ThemeMode;
 };
 export {};

package/dist/ui/Button.d.ts

@@ -16,7 +16,7 @@ declare const styles: import('tailwind-variants/lite').TVReturnType<{
         square: string;
         auto: string;
     };
-}, undefined, "lv-button flex items-center justify-center rounded-lg transition-colors cursor-pointer active:scale-95 transition-transform", {
+}, undefined, string, {
     $variant: {
         primary: string;
         secondary: string;
@@ -46,7 +46,7 @@ declare const styles: import('tailwind-variants/lite').TVReturnType<{
         square: string;
         auto: string;
     };
-}, undefined, "lv-button flex items-center justify-center rounded-lg transition-colors cursor-pointer active:scale-95 transition-transform", unknown, unknown, undefined>>;
+}, undefined, string, unknown, unknown, undefined>>;
 export type ButtonButtonProps = {
     onClick: () => void;
 } & ButtonHTMLAttributes<HTMLButtonElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openlv/modal",
-  "version": "0.0.1-beta.7",
+  "version": "0.0.1-beta.8",
   "description": "Preact-based modal custom element for Open Lavatory",
   "keywords": [
     "open-lavatory",
@@ -34,7 +34,6 @@
   },
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
-  "unpkg": "./dist/index.iife.js",
   "types": "./dist/index.d.ts",
   "files": [
     "dist",
@@ -46,10 +45,10 @@
     "ox": "^0.9.14",
     "qrcode-generator": "^1.5.0",
     "tailwind-variants": "^3.1.1",
-    "@openlv/core": "0.0.1-beta.7",
-    "@openlv/session": "0.0.1-beta.8",
-    "@openlv/signaling": "0.0.1-beta.6",
-    "@openlv/provider": "0.0.1-beta.7"
+    "@openlv/core": "0.0.1-beta.8",
+    "@openlv/provider": "0.0.1-beta.8",
+    "@openlv/session": "0.0.1-beta.9",
+    "@openlv/signaling": "0.0.1-beta.7"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.10.2",