@roku-ui/vue 0.1.0

package/dist/index.umd.cjs

@@ -0,0 +1 @@
+(function(w,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(w=typeof globalThis<"u"?globalThis:w||self,t(w["roku-ui"]={},w.Vue))})(this,function(w,t){"use strict";const ur="",pr="",hr="",fe=t.defineComponent({__name:"Btn",props:{type:{default:"button"},size:{default:"md"},is:{default:"button"},icon:{type:Boolean,default:!1},pressEffect:{default:"translate"},variant:{},color:{},disabled:{type:Boolean},animate:{type:Boolean},rounded:{default:"md"}},setup(e){const r=e,n=t.computed(()=>{switch(r.rounded){case"none":return"rounded-none";case"sm":return"rounded-sm";case"md":return"rounded-md";case"lg":return"rounded-lg";case"full":return"rounded-full"}}),o=t.computed(()=>{switch(r.size){case"sm":return{normalContent:"min-w-16 h-6 px-2 py-1 text-xs",iconContent:"h-6 w-6 p-1"};case"md":return{normalContent:"min-w-20 h-8 px-3 py-1 text-sm",iconContent:"h-8 w-8 p-2"};case"lg":return{normalContent:"min-w-24 h-10 px-4 py-2 text-base",iconContent:"h-10 w-10 p-3"}}}),s=t.computed(()=>{switch(r.variant){case"filled":switch(r.color){case"secondary":return"btn-filled-secondary";case"tertiary":return"btn-filled-tertiary";case"error":return"btn-filled-error";default:return"btn-filled-primary"}case"ghost":case"light":switch(r.color){case"secondary":return"btn-light-secondary";case"tertiary":return"btn-light-tertiary";case"error":return"btn-light-error";default:return"btn-light-primary"}case"constrast":switch(r.color){case"secondary":return"btn-constrast-secondary";case"tertiary":return"btn-constrast-tertiary";case"error":return"btn-constrast-error";default:return"btn-constrast-primary"}case"outline":switch(r.color){case"secondary":return"btn-outline-secondary";case"tertiary":return"btn-outline-tertiary";case"error":return"btn-outline-error";default:return"btn-outline-primary"}case"subtle":switch(r.color){case"secondary":return"btn-subtle-secondary";case"tertiary":return"btn-subtle-tertiary";case"error":return"btn-subtle-error";default:return"btn-subtle-primary"}case"transparent":switch(r.color){case"secondary":return"btn-transparent-secondary";case"tertiary":return"btn-transparent-tertiary";case"error":return"btn-transparent-error";default:return"btn-transparent-primary"}default:return"btn-default"}});return(a,i)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(a.is),{"data-size":a.size,type:a.type,class:t.normalizeClass(["flex items-center justify-center gap-1 decoration-none",[t.unref(s),t.unref(n),a.icon?t.unref(o).iconContent:t.unref(o).normalContent,{"filter-grayscale":a.disabled,"active:translate-y-0.25":!a.disabled&&a.pressEffect==="translate","active:scale-98":!a.disabled&&a.pressEffect==="scale","transition-all":a.animate}]]),disabled:a.disabled},{default:t.withCtx(()=>[a.$slots.leftSection?t.renderSlot(a.$slots,"leftSection",{key:0}):t.createCommentVNode("",!0),t.renderSlot(a.$slots,"default"),a.$slots.rightSection?t.renderSlot(a.$slots,"rightSection",{key:1}):t.createCommentVNode("",!0)]),_:3},8,["data-size","type","class","disabled"]))}});function ue(e){return t.getCurrentScope()?(t.onScopeDispose(e),!0):!1}function Z(e){return typeof e=="function"?e():t.unref(e)}const Ve=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Re=Object.prototype.toString,Te=e=>Re.call(e)==="[object Object]",Pe=()=>{};function He(e){return e||t.getCurrentInstance()}function Oe(e,r=!0,n){const o=He(n);o?t.onMounted(e,o):r?e():t.nextTick(e)}function R(e){var r;const n=Z(e);return(r=n==null?void 0:n.$el)!=null?r:n}const J=Ve?window:void 0;function N(...e){let r,n,o,s;if(typeof e[0]=="string"||Array.isArray(e[0])?([n,o,s]=e,r=J):[r,n,o,s]=e,!r)return Pe;Array.isArray(n)||(n=[n]),Array.isArray(o)||(o=[o]);const a=[],i=()=>{a.forEach(d=>d()),a.length=0},l=(d,u,h,g)=>(d.addEventListener(u,h,g),()=>d.removeEventListener(u,h,g)),c=t.watch(()=>[R(r),Z(s)],([d,u])=>{if(i(),!d)return;const h=Te(u)?{...u}:u;a.push(...n.flatMap(g=>o.map(m=>l(d,g,m,h))))},{immediate:!0,flush:"post"}),f=()=>{c(),i()};return ue(f),f}function Ie(e){return typeof e=="function"?e:typeof e=="string"?r=>r.key===e:Array.isArray(e)?r=>e.includes(r.key):()=>!0}function ee(...e){let r,n,o={};e.length===3?(r=e[0],n=e[1],o=e[2]):e.length===2?typeof e[1]=="object"?(r=!0,n=e[0],o=e[1]):(r=e[0],n=e[1]):(r=!0,n=e[0]);const{target:s=J,eventName:a="keydown",passive:i=!1,dedupe:l=!1}=o,c=Ie(r);return N(s,a,d=>{d.repeat&&Z(l)||c(d)&&n(d)},i)}function Fe(){const e=t.ref(!1);return t.getCurrentInstance()&&t.onMounted(()=>{e.value=!0}),e}function De(e){const r=Fe();return t.computed(()=>(r.value,!!e()))}function Le(e,r,n={}){const{window:o=J,...s}=n;let a;const i=De(()=>o&&"ResizeObserver"in o),l=()=>{a&&(a.disconnect(),a=void 0)},c=t.computed(()=>Array.isArray(e)?e.map(u=>R(u)):[R(e)]),f=t.watch(c,u=>{if(l(),i.value&&o){a=new ResizeObserver(r);for(const h of u)h&&a.observe(h,s)}},{immediate:!0,flush:"post",deep:!0}),d=()=>{l(),f()};return ue(d),{isSupported:i,stop:d}}function We(e,r={}){const{reset:n=!0,windowResize:o=!0,windowScroll:s=!0,immediate:a=!0}=r,i=t.ref(0),l=t.ref(0),c=t.ref(0),f=t.ref(0),d=t.ref(0),u=t.ref(0),h=t.ref(0),g=t.ref(0);function m(){const b=R(e);if(!b){n&&(i.value=0,l.value=0,c.value=0,f.value=0,d.value=0,u.value=0,h.value=0,g.value=0);return}const _=b.getBoundingClientRect();i.value=_.height,l.value=_.bottom,c.value=_.left,f.value=_.right,d.value=_.top,u.value=_.width,h.value=_.x,g.value=_.y}return Le(e,m),t.watch(()=>R(e),b=>!b&&m()),s&&N("scroll",m,{capture:!0,passive:!0}),o&&N("resize",m,{passive:!0}),Oe(()=>{a&&m()}),{height:i,bottom:l,left:c,right:f,top:d,width:u,x:h,y:g,update:m}}function je(e,r={}){const{initialValue:n=!1,focusVisible:o=!1}=r,s=t.ref(!1),a=t.computed(()=>R(e));N(a,"focus",l=>{var c,f;(!o||(f=(c=l.target).matches)!=null&&f.call(c,":focus-visible"))&&(s.value=!0)}),N(a,"blur",()=>s.value=!1);const i=t.computed({get:()=>s.value,set(l){var c,f;!l&&s.value?(c=a.value)==null||c.blur():l&&!s.value&&((f=a.value)==null||f.focus())}});return t.watch(a,()=>{i.value=n},{immediate:!0,flush:"post"}),{focused:i}}const Ge={class:"relative inline-block"},Xe=t.defineComponent({__name:"Slider",props:{modelValue:{},size:{default:"md"},animate:{type:Boolean,default:!0},options:{},width:{default:12}},emits:["update:modelValue"],setup(e,{emit:r}){const n=e,o=r,s=t.computed(()=>n.options.length??0),a=t.ref(n.options.includes(n.modelValue)?n.options.indexOf(n.modelValue):0);t.watchEffect(()=>{o("update:modelValue",n.options[a.value])});const i=t.ref(),l=t.ref(),c=We(i),f=t.ref(!1);function d(m){if(!f.value)return;if(!(m.buttons===1)){f.value=!1;return}m.preventDefault(),m.stopPropagation();const{clientX:_}=m,$=c.left.value,y=c.right.value-$,I=Math.round((_-$)/y*(s.value-1));I<0||I>s.value-1||(a.value=I)}function u(m){m.preventDefault(),m.stopPropagation(),f.value=!0,d(m)}N(i,"pointerdown",u),t.onMounted(()=>{N(document,"pointermove",d)});const h=t.computed(()=>{switch(n.size){case"sm":return{wrapper:"h-2",innerWrapper:"px-0.5 h-1",content:"h-1",tick:"h-0.5 w-0.5 -translate-x-0.25 -translate-y-0.25",indicator:"h-2 w-2 -translate-x-1 -translate-y-1",indicatorInner:"h-1 w-1 -translate-x-0.5 -translate-y-0.5",progress:"-mx-0.5"};case"md":return{wrapper:"h-4",innerWrapper:"px-1 h-2",content:"h-2",tick:"h-1 w-1 -translate-x-0.5 -translate-y-0.5",indicator:"h-4 w-4 -translate-x-2 -translate-y-2",indicatorInner:"h-2 w-2 -translate-x-1 -translate-y-1",progress:"-mx-1"};case"lg":return{wrapper:"h-6",innerWrapper:"px-1.5 h-3",content:"h-3",tick:"h-1.5 w-1.5 -translate-x-0.75 -translate-y-0.75",indicator:"h-6 w-6 -translate-x-3 -translate-y-3",indicatorInner:"h-3 w-3 -translate-x-1.5 -translate-y-1.5",progress:"-mx-1.5"}}}),g=t.computed(()=>n.animate?{indicator:"transition-left",progress:"transition-width"}:{indicator:"",progress:""});return(m,b)=>(t.openBlock(),t.createElementBlock("div",Ge,[t.createElementVNode("div",{ref_key:"wrapper",ref:i,type:"size",class:t.normalizeClass(["flex cursor-pointer items-center",t.unref(h).wrapper]),onTouchmove:b[0]||(b[0]=t.withModifiers(()=>{},["prevent"]))},[t.createElementVNode("div",{class:t.normalizeClass(["rounded-full bg-neutral-7",t.unref(h).innerWrapper])},[t.createElementVNode("div",{class:t.normalizeClass(["relative flex",t.unref(h).content]),style:t.normalizeStyle({width:`${n.width}rem`})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.options,(_,$)=>(t.openBlock(),t.createElementBlock("div",{key:_,style:t.normalizeStyle({left:`${$/(t.unref(s)-1)*100}%`}),class:t.normalizeClass(["absolute top-50% rounded-full bg-white",t.unref(h).tick])},null,6))),128)),t.createElementVNode("div",{ref_key:"indicator",ref:l,class:t.normalizeClass(["absolute top-50% cursor-pointer rounded-full bg-white",[t.unref(h).indicator,t.unref(g).indicator]]),style:t.normalizeStyle({left:`${t.unref(a)/(t.unref(s)-1)*100}%`})},[t.createElementVNode("div",{class:t.normalizeClass(["pointer-events-none absolute left-50% top-50% rounded-full bg-sky-5",t.unref(h).indicatorInner])},null,2)],6),t.createElementVNode("div",{class:t.normalizeClass(["pointer-events-none h-full rounded-full bg-sky-5",[t.unref(h).progress,t.unref(g).progress]]),style:t.normalizeStyle({width:`${t.unref(a)/(t.unref(s)-1)*100}%`})},null,6)],6)],2)],34),t.createElementVNode("div",{class:"relative mx-1 h-1em text-xs op56",style:t.normalizeStyle({width:`${n.width}rem`})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(m.options,(_,$)=>(t.openBlock(),t.createElementBlock("div",{key:_,style:t.normalizeStyle({left:`${$/(t.unref(s)-1)*100}%`}),class:t.normalizeClass(["absolute w-auto flex rounded-full -translate-x-50%",t.unref(h).tick])},t.toDisplayString(_),7))),128))],4)]))}});function X(e){return t.computed(()=>({style:qe(e.rounded),class:"rounded-[var(--r-rounded)]"}))}function qe(e){switch(e){case"none":return"--r-rounded: 0";case"sm":return"--r-rounded: 0.125rem";case"md":return"--r-rounded: 0.25rem";case"lg":return"--r-rounded: 0.5rem";case"full":return"--r-rounded: 9999px";default:return typeof e=="number"||!Number.isNaN(Number(e))?`--r-rounded: ${e}rem;`:"rounded-[var(--r-rounded)]"}}const Ue=["id"],Ye=["for"],Ke=["for"],Qe=t.defineComponent({__name:"Switch",props:{modelValue:{},size:{default:"md"},animate:{type:Boolean,default:!0},options:{},label:{},id:{},rounded:{default:"full"},color:{default:"primary"},disabled:{type:Boolean}},emits:["update:modelValue"],setup(e,{emit:r}){const n=e,o=r,s=t.ref(null),a=t.ref(!1),i=t.computed(()=>{switch(n.size){case"sm":return{wrapper:"h-4 w-8",indicator:a.value?"h-3 w-4":"h-3 w-3",inactive:"left-[calc(0.125rem-1px)]",active:a.value?"left-[calc(0.875rem-1px)]":"left-[calc(1.125rem-1px)]"};case"md":return{wrapper:"h-6 w-12",indicator:a.value?"h-4 w-5":"h-4 w-4",inactive:"left-[calc(0.25rem-1px)]",active:a.value?"left-[calc(1.5rem-1px)]":"left-[calc(1.75rem-1px)]"};case"lg":return{wrapper:"h-8 w-16",indicator:a.value?"h-6 w-8":"h-6 w-6",inactive:"left-[calc(0.25rem-1px)]",active:a.value?"left-[calc(1.75rem-1px)]":"left-[calc(2.25rem-1px)]"}}}),l=t.computed(()=>n.animate?{indicator:"transition-all",progress:"transition-width"}:{indicator:"",progress:""}),c=n.modelValue!==void 0?t.computed({get(){return n.modelValue},set(g){o("update:modelValue",g)}}):t.ref(!1);function f(){const g=t.ref("");return t.onMounted(()=>{n.id?g.value=n.id:g.value=`switch-${Math.random().toString(36).slice(2)}-${Date.now().toString(36)}`}),g}const d=f(),u=t.computed(()=>{let g="bg-primary-7";switch(n.color){case"secondary":g="bg-secondary-7";break;case"tertiary":g="bg-tertiary-7";break;case"error":g="bg-error-7";break}return{wrapper:c.value?`border border-transparent ${g}`:"bg-surface-8 border border-surface-7",indicator:n.disabled?"bg-surface-7":"bg-white"}}),h=X(n);return(g,m)=>(t.openBlock(),t.createElementBlock("div",{role:"switch",class:t.normalizeClass(["relative flex items-center gap-2",{"pointer-events-none filter-grayscale":n.disabled}])},[t.withDirectives(t.createElementVNode("input",{id:t.unref(d),"onUpdate:modelValue":m[0]||(m[0]=b=>t.isRef(c)?c.value=b:null),class:"hidden",type:"checkbox"},null,8,Ue),[[t.vModelCheckbox,t.unref(c)]]),t.createElementVNode("label",{class:"leading-0 cursor-pointer!",for:t.unref(d)},[t.createElementVNode("div",{ref_key:"wrapper",ref:s,class:t.normalizeClass([[t.unref(i).wrapper,t.unref(u).wrapper,t.unref(h).class],"relative inline-block transition-all"]),style:t.normalizeStyle([t.unref(h).style]),onPointerdown:m[1]||(m[1]=b=>a.value=!0),onPointerup:m[2]||(m[2]=b=>a.value=!1),onPointerleave:m[3]||(m[3]=b=>a.value=!1),onPointerenter:m[4]||(m[4]=b=>b.buttons===1&&(a.value=!0))},[t.createElementVNode("div",{class:t.normalizeClass(["absolute top-50% -translate-y-50%",[t.unref(i).indicator,t.unref(u).indicator,t.unref(l).indicator,t.unref(c)?t.unref(i).active:t.unref(i).inactive,t.unref(h).class]]),style:t.normalizeStyle([t.unref(h).style])},null,6)],38)],8,Ye),g.label?(t.openBlock(),t.createElementBlock("label",{key:0,for:t.unref(d)},t.toDisplayString(g.label),9,Ke)):t.createCommentVNode("",!0)],2))}});function q(e){"@babel/helpers - typeof";return q=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},q(e)}var Ze=/^\s+/,Je=/\s+$/;function p(e,r){if(e=e||"",r=r||{},e instanceof p)return e;if(!(this instanceof p))return new p(e,r);var n=et(e);this._originalInput=e,this._r=n.r,this._g=n.g,this._b=n.b,this._a=n.a,this._roundA=Math.round(100*this._a)/100,this._format=r.format||n.format,this._gradientType=r.gradientType,this._r<1&&(this._r=Math.round(this._r)),this._g<1&&(this._g=Math.round(this._g)),this._b<1&&(this._b=Math.round(this._b)),this._ok=n.ok}p.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var r=this.toRgb();return(r.r*299+r.g*587+r.b*114)/1e3},getLuminance:function(){var r=this.toRgb(),n,o,s,a,i,l;return n=r.r/255,o=r.g/255,s=r.b/255,n<=.03928?a=n/12.92:a=Math.pow((n+.055)/1.055,2.4),o<=.03928?i=o/12.92:i=Math.pow((o+.055)/1.055,2.4),s<=.03928?l=s/12.92:l=Math.pow((s+.055)/1.055,2.4),.2126*a+.7152*i+.0722*l},setAlpha:function(r){return this._a=ye(r),this._roundA=Math.round(100*this._a)/100,this},toHsv:function(){var r=he(this._r,this._g,this._b);return{h:r.h*360,s:r.s,v:r.v,a:this._a}},toHsvString:function(){var r=he(this._r,this._g,this._b),n=Math.round(r.h*360),o=Math.round(r.s*100),s=Math.round(r.v*100);return this._a==1?"hsv("+n+", "+o+"%, "+s+"%)":"hsva("+n+", "+o+"%, "+s+"%, "+this._roundA+")"},toHsl:function(){var r=pe(this._r,this._g,this._b);return{h:r.h*360,s:r.s,l:r.l,a:this._a}},toHslString:function(){var r=pe(this._r,this._g,this._b),n=Math.round(r.h*360),o=Math.round(r.s*100),s=Math.round(r.l*100);return this._a==1?"hsl("+n+", "+o+"%, "+s+"%)":"hsla("+n+", "+o+"%, "+s+"%, "+this._roundA+")"},toHex:function(r){return me(this._r,this._g,this._b,r)},toHexString:function(r){return"#"+this.toHex(r)},toHex8:function(r){return ot(this._r,this._g,this._b,this._a,r)},toHex8String:function(r){return"#"+this.toHex8(r)},toRgb:function(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function(){return this._a==1?"rgb("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+")":"rgba("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:Math.round(k(this._r,255)*100)+"%",g:Math.round(k(this._g,255)*100)+"%",b:Math.round(k(this._b,255)*100)+"%",a:this._a}},toPercentageRgbString:function(){return this._a==1?"rgb("+Math.round(k(this._r,255)*100)+"%, "+Math.round(k(this._g,255)*100)+"%, "+Math.round(k(this._b,255)*100)+"%)":"rgba("+Math.round(k(this._r,255)*100)+"%, "+Math.round(k(this._g,255)*100)+"%, "+Math.round(k(this._b,255)*100)+"%, "+this._roundA+")"},toName:function(){return this._a===0?"transparent":this._a<1?!1:gt[me(this._r,this._g,this._b,!0)]||!1},toFilter:function(r){var n="#"+ge(this._r,this._g,this._b,this._a),o=n,s=this._gradientType?"GradientType = 1, ":"";if(r){var a=p(r);o="#"+ge(a._r,a._g,a._b,a._a)}return"progid:DXImageTransform.Microsoft.gradient("+s+"startColorstr="+n+",endColorstr="+o+")"},toString:function(r){var n=!!r;r=r||this._format;var o=!1,s=this._a<1&&this._a>=0,a=!n&&s&&(r==="hex"||r==="hex6"||r==="hex3"||r==="hex4"||r==="hex8"||r==="name");return a?r==="name"&&this._a===0?this.toName():this.toRgbString():(r==="rgb"&&(o=this.toRgbString()),r==="prgb"&&(o=this.toPercentageRgbString()),(r==="hex"||r==="hex6")&&(o=this.toHexString()),r==="hex3"&&(o=this.toHexString(!0)),r==="hex4"&&(o=this.toHex8String(!0)),r==="hex8"&&(o=this.toHex8String()),r==="name"&&(o=this.toName()),r==="hsl"&&(o=this.toHslString()),r==="hsv"&&(o=this.toHsvString()),o||this.toHexString())},clone:function(){return p(this.toString())},_applyModification:function(r,n){var o=r.apply(null,[this].concat([].slice.call(n)));return this._r=o._r,this._g=o._g,this._b=o._b,this.setAlpha(o._a),this},lighten:function(){return this._applyModification(lt,arguments)},brighten:function(){return this._applyModification(ct,arguments)},darken:function(){return this._applyModification(dt,arguments)},desaturate:function(){return this._applyModification(at,arguments)},saturate:function(){return this._applyModification(st,arguments)},greyscale:function(){return this._applyModification(it,arguments)},spin:function(){return this._applyModification(ft,arguments)},_applyCombination:function(r,n){return r.apply(null,[this].concat([].slice.call(n)))},analogous:function(){return this._applyCombination(ht,arguments)},complement:function(){return this._applyCombination(ut,arguments)},monochromatic:function(){return this._applyCombination(mt,arguments)},splitcomplement:function(){return this._applyCombination(pt,arguments)},triad:function(){return this._applyCombination(be,[3])},tetrad:function(){return this._applyCombination(be,[4])}},p.fromRatio=function(e,r){if(q(e)=="object"){var n={};for(var o in e)e.hasOwnProperty(o)&&(o==="a"?n[o]=e[o]:n[o]=F(e[o]));e=n}return p(e,r)};function et(e){var r={r:0,g:0,b:0},n=1,o=null,s=null,a=null,i=!1,l=!1;return typeof e=="string"&&(e=kt(e)),q(e)=="object"&&(z(e.r)&&z(e.g)&&z(e.b)?(r=tt(e.r,e.g,e.b),i=!0,l=String(e.r).substr(-1)==="%"?"prgb":"rgb"):z(e.h)&&z(e.s)&&z(e.v)?(o=F(e.s),s=F(e.v),r=nt(e.h,o,s),i=!0,l="hsv"):z(e.h)&&z(e.s)&&z(e.l)&&(o=F(e.s),a=F(e.l),r=rt(e.h,o,a),i=!0,l="hsl"),e.hasOwnProperty("a")&&(n=e.a)),n=ye(n),{ok:i,format:e.format||l,r:Math.min(255,Math.max(r.r,0)),g:Math.min(255,Math.max(r.g,0)),b:Math.min(255,Math.max(r.b,0)),a:n}}function tt(e,r,n){return{r:k(e,255)*255,g:k(r,255)*255,b:k(n,255)*255}}function pe(e,r,n){e=k(e,255),r=k(r,255),n=k(n,255);var o=Math.max(e,r,n),s=Math.min(e,r,n),a,i,l=(o+s)/2;if(o==s)a=i=0;else{var c=o-s;switch(i=l>.5?c/(2-o-s):c/(o+s),o){case e:a=(r-n)/c+(r<n?6:0);break;case r:a=(n-e)/c+2;break;case n:a=(e-r)/c+4;break}a/=6}return{h:a,s:i,l}}function rt(e,r,n){var o,s,a;e=k(e,360),r=k(r,100),n=k(n,100);function i(f,d,u){return u<0&&(u+=1),u>1&&(u-=1),u<1/6?f+(d-f)*6*u:u<1/2?d:u<2/3?f+(d-f)*(2/3-u)*6:f}if(r===0)o=s=a=n;else{var l=n<.5?n*(1+r):n+r-n*r,c=2*n-l;o=i(c,l,e+1/3),s=i(c,l,e),a=i(c,l,e-1/3)}return{r:o*255,g:s*255,b:a*255}}function he(e,r,n){e=k(e,255),r=k(r,255),n=k(n,255);var o=Math.max(e,r,n),s=Math.min(e,r,n),a,i,l=o,c=o-s;if(i=o===0?0:c/o,o==s)a=0;else{switch(o){case e:a=(r-n)/c+(r<n?6:0);break;case r:a=(n-e)/c+2;break;case n:a=(e-r)/c+4;break}a/=6}return{h:a,s:i,v:l}}function nt(e,r,n){e=k(e,360)*6,r=k(r,100),n=k(n,100);var o=Math.floor(e),s=e-o,a=n*(1-r),i=n*(1-s*r),l=n*(1-(1-s)*r),c=o%6,f=[n,i,a,a,l,n][c],d=[l,n,n,i,a,a][c],u=[a,a,l,n,n,i][c];return{r:f*255,g:d*255,b:u*255}}function me(e,r,n,o){var s=[S(Math.round(e).toString(16)),S(Math.round(r).toString(16)),S(Math.round(n).toString(16))];return o&&s[0].charAt(0)==s[0].charAt(1)&&s[1].charAt(0)==s[1].charAt(1)&&s[2].charAt(0)==s[2].charAt(1)?s[0].charAt(0)+s[1].charAt(0)+s[2].charAt(0):s.join("")}function ot(e,r,n,o,s){var a=[S(Math.round(e).toString(16)),S(Math.round(r).toString(16)),S(Math.round(n).toString(16)),S(we(o))];return s&&a[0].charAt(0)==a[0].charAt(1)&&a[1].charAt(0)==a[1].charAt(1)&&a[2].charAt(0)==a[2].charAt(1)&&a[3].charAt(0)==a[3].charAt(1)?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0)+a[3].charAt(0):a.join("")}function ge(e,r,n,o){var s=[S(we(o)),S(Math.round(e).toString(16)),S(Math.round(r).toString(16)),S(Math.round(n).toString(16))];return s.join("")}p.equals=function(e,r){return!e||!r?!1:p(e).toRgbString()==p(r).toRgbString()},p.random=function(){return p.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})};function at(e,r){r=r===0?0:r||10;var n=p(e).toHsl();return n.s-=r/100,n.s=U(n.s),p(n)}function st(e,r){r=r===0?0:r||10;var n=p(e).toHsl();return n.s+=r/100,n.s=U(n.s),p(n)}function it(e){return p(e).desaturate(100)}function lt(e,r){r=r===0?0:r||10;var n=p(e).toHsl();return n.l+=r/100,n.l=U(n.l),p(n)}function ct(e,r){r=r===0?0:r||10;var n=p(e).toRgb();return n.r=Math.max(0,Math.min(255,n.r-Math.round(255*-(r/100)))),n.g=Math.max(0,Math.min(255,n.g-Math.round(255*-(r/100)))),n.b=Math.max(0,Math.min(255,n.b-Math.round(255*-(r/100)))),p(n)}function dt(e,r){r=r===0?0:r||10;var n=p(e).toHsl();return n.l-=r/100,n.l=U(n.l),p(n)}function ft(e,r){var n=p(e).toHsl(),o=(n.h+r)%360;return n.h=o<0?360+o:o,p(n)}function ut(e){var r=p(e).toHsl();return r.h=(r.h+180)%360,p(r)}function be(e,r){if(isNaN(r)||r<=0)throw new Error("Argument to polyad must be a positive number");for(var n=p(e).toHsl(),o=[p(e)],s=360/r,a=1;a<r;a++)o.push(p({h:(n.h+a*s)%360,s:n.s,l:n.l}));return o}function pt(e){var r=p(e).toHsl(),n=r.h;return[p(e),p({h:(n+72)%360,s:r.s,l:r.l}),p({h:(n+216)%360,s:r.s,l:r.l})]}function ht(e,r,n){r=r||6,n=n||30;var o=p(e).toHsl(),s=360/n,a=[p(e)];for(o.h=(o.h-(s*r>>1)+720)%360;--r;)o.h=(o.h+s)%360,a.push(p(o));return a}function mt(e,r){r=r||6;for(var n=p(e).toHsv(),o=n.h,s=n.s,a=n.v,i=[],l=1/r;r--;)i.push(p({h:o,s,v:a})),a=(a+l)%1;return i}p.mix=function(e,r,n){n=n===0?0:n||50;var o=p(e).toRgb(),s=p(r).toRgb(),a=n/100,i={r:(s.r-o.r)*a+o.r,g:(s.g-o.g)*a+o.g,b:(s.b-o.b)*a+o.b,a:(s.a-o.a)*a+o.a};return p(i)},p.readability=function(e,r){var n=p(e),o=p(r);return(Math.max(n.getLuminance(),o.getLuminance())+.05)/(Math.min(n.getLuminance(),o.getLuminance())+.05)},p.isReadable=function(e,r,n){var o=p.readability(e,r),s,a;switch(a=!1,s=_t(n),s.level+s.size){case"AAsmall":case"AAAlarge":a=o>=4.5;break;case"AAlarge":a=o>=3;break;case"AAAsmall":a=o>=7;break}return a},p.mostReadable=function(e,r,n){var o=null,s=0,a,i,l,c;n=n||{},i=n.includeFallbackColors,l=n.level,c=n.size;for(var f=0;f<r.length;f++)a=p.readability(e,r[f]),a>s&&(s=a,o=p(r[f]));return p.isReadable(e,o,{level:l,size:c})||!i?o:(n.includeFallbackColors=!1,p.mostReadable(e,["#fff","#000"],n))};var te=p.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},gt=p.hexNames=bt(te);function bt(e){var r={};for(var n in e)e.hasOwnProperty(n)&&(r[e[n]]=n);return r}function ye(e){return e=parseFloat(e),(isNaN(e)||e<0||e>1)&&(e=1),e}function k(e,r){yt(e)&&(e="100%");var n=wt(e);return e=Math.min(r,Math.max(0,parseFloat(e))),n&&(e=parseInt(e*r,10)/100),Math.abs(e-r)<1e-6?1:e%r/parseFloat(r)}function U(e){return Math.min(1,Math.max(0,e))}function x(e){return parseInt(e,16)}function yt(e){return typeof e=="string"&&e.indexOf(".")!=-1&&parseFloat(e)===1}function wt(e){return typeof e=="string"&&e.indexOf("%")!=-1}function S(e){return e.length==1?"0"+e:""+e}function F(e){return e<=1&&(e=e*100+"%"),e}function we(e){return Math.round(parseFloat(e)*255).toString(16)}function ke(e){return x(e)/255}var M=function(){var e="[-\\+]?\\d+%?",r="[-\\+]?\\d*\\.\\d+%?",n="(?:"+r+")|(?:"+e+")",o="[\\s|\\(]+("+n+")[,|\\s]+("+n+")[,|\\s]+("+n+")\\s*\\)?",s="[\\s|\\(]+("+n+")[,|\\s]+("+n+")[,|\\s]+("+n+")[,|\\s]+("+n+")\\s*\\)?";return{CSS_UNIT:new RegExp(n),rgb:new RegExp("rgb"+o),rgba:new RegExp("rgba"+s),hsl:new RegExp("hsl"+o),hsla:new RegExp("hsla"+s),hsv:new RegExp("hsv"+o),hsva:new RegExp("hsva"+s),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();function z(e){return!!M.CSS_UNIT.exec(e)}function kt(e){e=e.replace(Ze,"").replace(Je,"").toLowerCase();var r=!1;if(te[e])e=te[e],r=!0;else if(e=="transparent")return{r:0,g:0,b:0,a:0,format:"name"};var n;return(n=M.rgb.exec(e))?{r:n[1],g:n[2],b:n[3]}:(n=M.rgba.exec(e))?{r:n[1],g:n[2],b:n[3],a:n[4]}:(n=M.hsl.exec(e))?{h:n[1],s:n[2],l:n[3]}:(n=M.hsla.exec(e))?{h:n[1],s:n[2],l:n[3],a:n[4]}:(n=M.hsv.exec(e))?{h:n[1],s:n[2],v:n[3]}:(n=M.hsva.exec(e))?{h:n[1],s:n[2],v:n[3],a:n[4]}:(n=M.hex8.exec(e))?{r:x(n[1]),g:x(n[2]),b:x(n[3]),a:ke(n[4]),format:r?"name":"hex8"}:(n=M.hex6.exec(e))?{r:x(n[1]),g:x(n[2]),b:x(n[3]),format:r?"name":"hex"}:(n=M.hex4.exec(e))?{r:x(n[1]+""+n[1]),g:x(n[2]+""+n[2]),b:x(n[3]+""+n[3]),a:ke(n[4]+""+n[4]),format:r?"name":"hex8"}:(n=M.hex3.exec(e))?{r:x(n[1]+""+n[1]),g:x(n[2]+""+n[2]),b:x(n[3]+""+n[3]),format:r?"name":"hex"}:!1}function _t(e){var r,n;return e=e||{level:"AA",size:"small"},r=(e.level||"AA").toUpperCase(),n=(e.size||"small").toLowerCase(),r!=="AA"&&r!=="AAA"&&(r="AA"),n!=="small"&&n!=="large"&&(n="small"),{level:r,size:n}}const _e={primary:["#f0f9ff","#e0f2fe","#bae6fd","#7dd3fc","#38bdf8","#0ea5e9","#0284c7","#0369a1","#075985","#0c4a6e","#082f49"],secondary:["#f0fdf4","#dcfce7","#bbf7d0","#86efac","#4ade80","#22c55e","#059669","#047857","#065f46","#064e3b","#033d2f"],tertiary:["#fffbeb","#fef3c7","#fde68a","#fcd34d","#fbbf24","#f59e0b","#d97706","#b45309","#92400e","#78350f","#572508"],error:["#fff5f5","#fed7d7","#feb2b2","#fc8181","#f56565","#e53e3e","#9b2c2c","#7c1d1d","#6b1616","#581414","#450a0a"],surface:["#fafafa","#f5f5f5","#e5e5e5","#d4d4d4","#a3a3a3","#737373","#525252","#404040","#262626","#171717","#0a0a0a"]},D={theme:"dark",colors:_e},Ct=Symbol("Notifications"),Ce=t.reactive([]);function xe(){return Ce}class xt{static show(r){r.hash=Math.random().toString(36),Ce.push(r)}}const St=t.defineComponent({__name:"RokuProvider",props:{is:{default:"div"},theme:{default(){return D}}},setup(e){const r=e,n=Object.keys(D.colors).map(s=>{const a=s;return D.colors[a].reduce((l,c,f)=>{const d=p(c).toRgb();return l[`--r-color-${a}-${f}`]=`${d.r} ${d.g} ${d.b}`,l},{})}).reduce((s,a)=>({...s,...a}),{}),o={"--r-color-theme":D.theme,...n,"color-scheme":"dark light","font-family":"'Roboto', sans-serif","background-color":"rgb(var(--r-color-surface-9))"};return t.provide("theme",r.theme),(s,a)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(s.is),{style:o},{default:t.withCtx(()=>[t.renderSlot(s.$slots,"default")]),_:3}))}}),Mt={class:"w-full flex items-center"},Bt=["value"],zt=t.createElementVNode("i",{class:"i-tabler-chevron-down pointer-events-none absolute right-2"},null,-1),Et={key:0,class:"flex cursor-default items-center justify-between gap-2 rounded p-1 px-2"},At=["onPointerdown","onHover"],$t={key:0},Nt=[t.createElementVNode("i",{class:"i-tabler-check h-3 w-3"},null,-1)],vt=t.defineComponent({__name:"Select",props:{options:{default(){return[]}},modelValue:{default:void 0},size:{default:"md"},noneText:{default:"No options"}},emits:["update:modelValue","change"],setup(e,{emit:r}){const n=e,o=r,s=t.computed({get(){return n.modelValue},set(y){o("update:modelValue",y)}}),a=t.ref(null),i=t.ref(null),{focused:l}=je(a),c=t.computed(()=>n.options.map(y=>b(y)).indexOf(s.value)),f=t.ref(-1),d=t.ref(-1);t.watchEffect(()=>{l.value||(d.value=-1)}),t.watchEffect(()=>{s.value=b(n.options[c.value])}),t.watch(s,()=>{o("change",s.value)});const u=n.options,h=t.computed(()=>u[c.value]),g=t.computed(()=>m(h.value));function m(y){if(y)return typeof y=="string"||typeof y=="symbol"||typeof y=="number"?y:y.label}function b(y){if(y)return typeof y=="string"||typeof y=="symbol"||typeof y=="number"?y:y.id}ee("ArrowDown",y=>{l.value&&(y.preventDefault(),d.value=(d.value+1)%u.length)}),ee("ArrowUp",y=>{l.value&&(y.preventDefault(),d.value=(d.value-1+u.length)%u.length)}),ee("Enter",()=>{l.value&&d.value!==-1&&(s.value=b(u[d.value]),l.value=!1)});function _(y){if(!l.value){l.value=!0;return}s.value=b(y),l.value=!1}const $=t.computed(()=>({input:"container-default focus:border-primary-7"})),ce=t.computed(()=>{switch(n.size){case"sm":return{wrapper:"h-6 w-full py-1 pl-1.5 pr-6 text-sm",dropdown:"text-sm children:py-1"};case"lg":return{wrapper:"h-10 w-full py-2 pl-3 pr-10 text-lg",dropdown:"text-lg children:py-2"};default:return{wrapper:"h-8 w-full py-1 pl-2 pr-8 text-base",dropdown:"text-base children:py-1"}}});return(y,I)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"wrapperRef",ref:i,class:"r-select-wrapper relative"},[t.createElementVNode("div",Mt,[t.createElementVNode("input",{ref_key:"inputRef",ref:a,class:t.normalizeClass([[t.unref($).input,t.unref(ce).wrapper],"r-select-input cursor-pointer border rounded outline-none"]),placeholder:"Select",readonly:"",value:t.unref(g),"aria-haspopup":"listbox",autocomplete:"off",onFocus:I[0]||(I[0]=G=>l.value=!0)},null,42,Bt),zt]),t.unref(l)?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass([t.unref(ce).dropdown,"absolute z-1 mt-2 w-full flex-col overflow-hidden border container-default rounded p-1"])},[t.unref(u).length===0?(t.openBlock(),t.createElementBlock("div",Et,t.toDisplayString(y.noneText),1)):(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(t.unref(u),(G,de)=>(t.openBlock(),t.createElementBlock("div",{key:b(G),class:t.normalizeClass([{"hover:bg-surface-7":t.unref(d)!==de,"container-filled-primary":t.unref(d)===de},"flex cursor-pointer items-center justify-between gap-2 rounded p-1 px-2"]),onPointerdown:fr=>_(G),onHover:fr=>f.value=de},[t.createTextVNode(t.toDisplayString(m(G))+" ",1),G===t.unref(h)?(t.openBlock(),t.createElementBlock("div",$t,Nt)):t.createCommentVNode("",!0)],42,At))),128))],2)):t.createCommentVNode("",!0)],512))}}),Vt=["value","placeholder","type"],Se=t.defineComponent({__name:"TextField",props:{modelValue:{},onChange:{},color:{default:"primary"},error:{type:Boolean},disabled:{type:Boolean},rounded:{default:"md"},password:{type:Boolean},placeholder:{}},emits:["change","update:modelValue","input","click","pointerdown","pointerup"],setup(e,{expose:r,emit:n}){const o=e,s=n,a=t.computed(()=>{if(o.error)return"text-error-5 bg-error-10 border-error-5 focus:border-error-5";switch(o.color){case"secondary":return"text-surface-2 bg-surface-8 border-surface-6 focus:border-secondary-5";case"tertiary":return"text-surface-2 bg-surface-8 border-surface-6 focus:border-tertiary-5";case"error":return"text-surface-2 bg-surface-8 border-surface-6 focus:border-error-5";case"primary":default:return"text-surface-2 bg-surface-8 border-surface-6 focus:border-primary-5"}}),i=t.computed(()=>o.disabled?"pointer-events-none filter grayscale opacity-60":""),l=X(o),c=t.ref(null);function f(d){var u;s("update:modelValue",((u=d.target)==null?void 0:u.value)??""),s("input",d)}return r({el:c}),(d,u)=>(t.openBlock(),t.createElementBlock("input",{ref_key:"input",ref:c,value:d.modelValue,class:t.normalizeClass(["bg-back-2 border px-2 py-1 outline-none",[t.unref(a),t.unref(i),t.unref(l).class]]),style:t.normalizeStyle([t.unref(l).style]),placeholder:d.placeholder,type:o.password?"password":"text",onChange:u[0]||(u[0]=h=>d.$emit("change",h)),onInput:f,onClick:u[1]||(u[1]=h=>d.$emit("click",h)),onPointerdown:u[2]||(u[2]=h=>d.$emit("pointerdown",h)),onPointerup:u[3]||(u[3]=h=>d.$emit("pointerup",h))},null,46,Vt))}}),Rt={key:0,class:"i-tabler-loader-2 h-5 w-5 shrink-0 animate-spin"},Tt={key:1},Pt={class:"grow-1"},Ht={key:1,class:"text-sm text-surface-4"},Ot=t.createElementVNode("i",{class:"i-tabler-x"},null,-1),Me=t.defineComponent({__name:"Notification",props:{title:{},message:{},icon:{},loading:{type:Boolean},withBorder:{type:Boolean},closeable:{type:Boolean},color:{default:"primary"}},emits:["close"],setup(e){const r=e,n=t.computed(()=>{switch(r.color){case"secondary":return"bg-secondary-5";case"tertiary":return"bg-tertiary-5";case"error":return"bg-error-5";default:return"bg-primary-5"}}),o=t.computed(()=>{switch(r.color){case"secondary":return"text-secondary-5";case"tertiary":return"text-tertiary-5";case"error":return"text-error-5";default:return"text-primary-5"}});return(s,a)=>{const i=fe;return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["relative max-w-100 min-h-16 min-w-80 w-full flex items-center gap-2 container-default rounded p-3",[{"border-0":!s.withBorder}]])},[s.icon?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["leading-0",t.unref(o)])},[s.loading?(t.openBlock(),t.createElementBlock("i",Rt)):(t.openBlock(),t.createElementBlock("i",{key:1,class:t.normalizeClass(["h-5 w-5 shrink-0",s.icon])},null,2))],2)):(t.openBlock(),t.createElementBlock("div",Tt,[t.createElementVNode("div",{class:t.normalizeClass(["absolute left-[0.25rem] top-[0.25rem] h-[calc(100%-0.5rem)] w-1 rounded-full",[{"animate-pulse":s.loading},t.unref(n)]])},null,2)])),t.createElementVNode("div",Pt,[s.title?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass([t.unref(o),"text-base"])},t.toDisplayString(s.title),3)):t.createCommentVNode("",!0),s.message?(t.openBlock(),t.createElementBlock("div",Ht,t.toDisplayString(s.message),1)):t.createCommentVNode("",!0)]),s.closeable?(t.openBlock(),t.createBlock(i,{key:2,icon:"",variant:"transparent",class:"text-white hover:text-white",onClick:a[0]||(a[0]=l=>s.$emit("close"))},{default:t.withCtx(()=>[Ot]),_:1})):t.createCommentVNode("",!0)],2)}}}),It=t.defineComponent({__name:"Modal",props:{modelValue:{type:Boolean,default:!1},persistent:{type:Boolean,default:!1},blur:{type:[String,Boolean]}},emits:["update:modelValue"],setup(e,{emit:r}){const n=e,o=r,s=t.computed({get(){return n.modelValue},set(c){o("update:modelValue",c)}}),a=t.ref(null);function i(c){n.persistent||c.target===a.value&&(s.value=!1)}const l=t.computed(()=>{switch(n.blur){case"sm":return"backdrop-blur-sm";case"md":case!0:return"backdrop-blur-md";case"lg":return"backdrop-blur-lg";default:return""}});return t.watchEffect(()=>{n.modelValue?(document.body.style.overflow="hidden",document.body.style.marginRight="15px"):setTimeout(()=>{document.body.style.overflow="",document.body.style.marginRight=""},300)}),(c,f)=>(t.openBlock(),t.createBlock(t.Teleport,{to:"body"},[t.createElementVNode("div",{ref_key:"wrapperRef",ref:a,class:t.normalizeClass(["fixed left-0 top-0 z-100 h-full w-full flex items-end justify-center bg-surface-10/50 transition-all duration-300 md:items-center",[l.value,{"opacity-0 pointer-events-none":!s.value,"opacity-100":s.value}]]),onClick:i},[t.createVNode(t.Transition,{"enter-from-class":"translate-y-1/2","enter-to-class":"translate-y-0","leave-from-class":"translate-y-0","leave-to-class":"translate-y-1/2","enter-active-class":"transition ease-out duration-300","leave-active-class":"transition ease-in duration-200"},{default:t.withCtx(()=>[s.value?t.renderSlot(c.$slots,"default",{key:0}):t.createCommentVNode("",!0)]),_:3})],2)]))}}),Be=new Set,C=new WeakMap,T=new WeakMap,v=new WeakMap,re=new WeakMap,Ft=new WeakMap,P=new WeakMap,Y=new WeakMap,L=new WeakSet;let A,ne=0,oe=0;const E="__aa_tgt",W="__aa_del",K="__aa_new",Dt=e=>{const r=Xt(e);r&&r.forEach(n=>qt(n))},Lt=e=>{e.forEach(r=>{r.target===A&&jt(),C.has(r.target)&&V(r.target)})};function Wt(e){const r=re.get(e);r==null||r.disconnect();let n=C.get(e),o=0;const s=5;n||(n=O(e),C.set(e,n));const{offsetWidth:a,offsetHeight:i}=A,c=[n.top-s,a-(n.left+s+n.width),i-(n.top+s+n.height),n.left-s].map(d=>`${-1*Math.floor(d)}px`).join(" "),f=new IntersectionObserver(()=>{++o>1&&V(e)},{root:A,threshold:1,rootMargin:c});f.observe(e),re.set(e,f)}function V(e){clearTimeout(Y.get(e));const r=Q(e),n=j(r)?500:r.duration;Y.set(e,setTimeout(async()=>{const o=v.get(e);try{await(o==null?void 0:o.finished),C.set(e,O(e)),Wt(e)}catch{}},n))}function jt(){clearTimeout(Y.get(A)),Y.set(A,setTimeout(()=>{Be.forEach(e=>$e(e,r=>ze(()=>V(r))))},100))}function Gt(e){setTimeout(()=>{Ft.set(e,setInterval(()=>ze(V.bind(null,e)),2e3))},Math.round(2e3*Math.random()))}function ze(e){typeof requestIdleCallback=="function"?requestIdleCallback(()=>e()):requestAnimationFrame(()=>e())}let ae,H;typeof window<"u"&&(A=document.documentElement,ae=new MutationObserver(Dt),H=new ResizeObserver(Lt),window.addEventListener("scroll",()=>{oe=window.scrollY,ne=window.scrollX}),H.observe(A));function Xt(e){return e.reduce((o,s)=>[...o,...Array.from(s.addedNodes),...Array.from(s.removedNodes)],[]).every(o=>o.nodeName==="#comment")?!1:e.reduce((o,s)=>{if(o===!1)return!1;if(s.target instanceof Element){if(se(s.target),!o.has(s.target)){o.add(s.target);for(let a=0;a<s.target.children.length;a++){const i=s.target.children.item(a);if(i){if(W in i)return!1;se(s.target,i),o.add(i)}}}if(s.removedNodes.length)for(let a=0;a<s.removedNodes.length;a++){const i=s.removedNodes[a];if(W in i)return!1;i instanceof Element&&(o.add(i),se(s.target,i),T.set(i,[s.previousSibling,s.nextSibling]))}}return o},new Set)}function se(e,r){!r&&!(E in e)?Object.defineProperty(e,E,{value:e}):r&&!(E in r)&&Object.defineProperty(r,E,{value:e})}function qt(e){var r;const n=e.isConnected,o=C.has(e);n&&T.has(e)&&T.delete(e),v.has(e)&&((r=v.get(e))===null||r===void 0||r.cancel()),K in e?Ne(e):o&&n?Yt(e):o&&!n?Kt(e):Ne(e)}function B(e){return Number(e.replace(/[^0-9.\-]/g,""))}function Ut(e){let r=e.parentElement;for(;r;){if(r.scrollLeft||r.scrollTop)return{x:r.scrollLeft,y:r.scrollTop};r=r.parentElement}return{x:0,y:0}}function O(e){const r=e.getBoundingClientRect(),{x:n,y:o}=Ut(e);return{top:r.top+o,left:r.left+n,width:r.width,height:r.height}}function Ee(e,r,n){let o=r.width,s=r.height,a=n.width,i=n.height;const l=getComputedStyle(e);if(l.getPropertyValue("box-sizing")==="content-box"){const f=B(l.paddingTop)+B(l.paddingBottom)+B(l.borderTopWidth)+B(l.borderBottomWidth),d=B(l.paddingLeft)+B(l.paddingRight)+B(l.borderRightWidth)+B(l.borderLeftWidth);o-=d,a-=d,s-=f,i-=f}return[o,a,s,i].map(Math.round)}function Q(e){return E in e&&P.has(e[E])?P.get(e[E]):{duration:250,easing:"ease-in-out"}}function Ae(e){if(E in e)return e[E]}function ie(e){const r=Ae(e);return r?L.has(r):!1}function $e(e,...r){r.forEach(n=>n(e,P.has(e)));for(let n=0;n<e.children.length;n++){const o=e.children.item(n);o&&r.forEach(s=>s(o,P.has(o)))}}function le(e){return Array.isArray(e)?e:[e]}function j(e){return typeof e=="function"}function Yt(e){const r=C.get(e),n=O(e);if(!ie(e))return C.set(e,n);let o;if(!r)return;const s=Q(e);if(typeof s!="function"){const a=r.left-n.left,i=r.top-n.top,[l,c,f,d]=Ee(e,r,n),u={transform:`translate(${a}px, ${i}px)`},h={transform:"translate(0, 0)"};l!==c&&(u.width=`${l}px`,h.width=`${c}px`),f!==d&&(u.height=`${f}px`,h.height=`${d}px`),o=e.animate([u,h],{duration:s.duration,easing:s.easing})}else{const[a]=le(s(e,"remain",r,n));o=new Animation(a),o.play()}v.set(e,o),C.set(e,n),o.addEventListener("finish",V.bind(null,e))}function Ne(e){K in e&&delete e[K];const r=O(e);C.set(e,r);const n=Q(e);if(!ie(e))return;let o;if(typeof n!="function")o=e.animate([{transform:"scale(.98)",opacity:0},{transform:"scale(0.98)",opacity:0,offset:.5},{transform:"scale(1)",opacity:1}],{duration:n.duration*1.5,easing:"ease-in"});else{const[s]=le(n(e,"add",r));o=new Animation(s),o.play()}v.set(e,o),o.addEventListener("finish",V.bind(null,e))}function ve(e,r){var n;e.remove(),C.delete(e),T.delete(e),v.delete(e),(n=re.get(e))===null||n===void 0||n.disconnect(),setTimeout(()=>{if(W in e&&delete e[W],Object.defineProperty(e,K,{value:!0,configurable:!0}),r&&e instanceof HTMLElement)for(const o in r)e.style[o]=""},0)}function Kt(e){var r;if(!T.has(e)||!C.has(e))return;const[n,o]=T.get(e);Object.defineProperty(e,W,{value:!0,configurable:!0});const s=window.scrollX,a=window.scrollY;if(o&&o.parentNode&&o.parentNode instanceof Element?o.parentNode.insertBefore(e,o):n&&n.parentNode?n.parentNode.appendChild(e):(r=Ae(e))===null||r===void 0||r.appendChild(e),!ie(e))return ve(e);const[i,l,c,f]=Zt(e),d=Q(e),u=C.get(e);(s!==ne||a!==oe)&&Qt(e,s,a,d);let h,g={position:"absolute",top:`${i}px`,left:`${l}px`,width:`${c}px`,height:`${f}px`,margin:"0",pointerEvents:"none",transformOrigin:"center",zIndex:"100"};if(!j(d))Object.assign(e.style,g),h=e.animate([{transform:"scale(1)",opacity:1},{transform:"scale(.98)",opacity:0}],{duration:d.duration,easing:"ease-out"});else{const[m,b]=le(d(e,"remove",u));(b==null?void 0:b.styleReset)!==!1&&(g=(b==null?void 0:b.styleReset)||g,Object.assign(e.style,g)),h=new Animation(m),h.play()}v.set(e,h),h.addEventListener("finish",ve.bind(null,e,g))}function Qt(e,r,n,o){const s=ne-r,a=oe-n,i=document.documentElement.style.scrollBehavior;if(getComputedStyle(A).scrollBehavior==="smooth"&&(document.documentElement.style.scrollBehavior="auto"),window.scrollTo(window.scrollX+s,window.scrollY+a),!e.parentElement)return;const c=e.parentElement;let f=c.clientHeight,d=c.clientWidth;const u=performance.now();function h(){requestAnimationFrame(()=>{if(!j(o)){const g=f-c.clientHeight,m=d-c.clientWidth;u+o.duration>performance.now()?(window.scrollTo({left:window.scrollX-m,top:window.scrollY-g}),f=c.clientHeight,d=c.clientWidth,h()):document.documentElement.style.scrollBehavior=i}})}h()}function Zt(e){const r=C.get(e),[n,,o]=Ee(e,r,O(e));let s=e.parentElement;for(;s&&(getComputedStyle(s).position==="static"||s instanceof HTMLBodyElement);)s=s.parentElement;s||(s=document.body);const a=getComputedStyle(s),i=C.get(s)||O(s),l=Math.round(r.top-i.top)-B(a.borderTopWidth),c=Math.round(r.left-i.left)-B(a.borderLeftWidth);return[l,c,n,o]}function Jt(e,r={}){return ae&&H&&(window.matchMedia("(prefers-reduced-motion: reduce)").matches&&!j(r)&&!r.disrespectUserMotionPreference||(L.add(e),getComputedStyle(e).position==="static"&&Object.assign(e.style,{position:"relative"}),$e(e,V,Gt,s=>H==null?void 0:H.observe(s)),j(r)?P.set(e,r):P.set(e,{duration:250,easing:"ease-in-out",...r}),ae.observe(e,{childList:!0}),Be.add(e))),Object.freeze({parent:e,enable:()=>{L.add(e)},disable:()=>{L.delete(e)},isEnabled:()=>L.has(e)})}const er={mounted:(e,r)=>{Jt(e,r.value||{})},getSSRProps:()=>({})},tr={class:"absolute z-20 flex flex-col gap-2 p-2"},rr=t.defineComponent({__name:"NotificationSystem",setup(e){const r=xe();return(n,o)=>{const s=Me;return t.withDirectives((t.openBlock(),t.createElementBlock("div",tr,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(r),a=>(t.openBlock(),t.createBlock(s,{key:a.hash,"with-border":"",closeable:"",title:a.title,message:a.message,icon:a.icon,loading:a.loading,color:a.color,onClose:i=>t.unref(r).splice(t.unref(r).indexOf(a),1)},null,8,["title","message","icon","loading","color","onClose"]))),128))])),[[t.unref(er)]])}}}),nr={class:"flex gap-2"},or=t.defineComponent({__name:"PinInput",props:{modelValue:{},length:{default:6},size:{},password:{type:Boolean}},setup(e){const r=e,n=t.ref([]);function o(a){a.preventDefault(),a.stopPropagation();const i=n.value.findIndex(c=>c.el===a.target),l=a.target.value??"";a.target.value="",Array.from(l).forEach((c,f)=>{i+f>=n.value.length||(n.value[i+f].el.value=c,i+f+1<n.value.length?(n.value[i+f+1].el.focus(),n.value[i+f+1].el.select()):n.value[i+f].el.blur())})}function s(a){a.preventDefault(),a.stopPropagation();const i=a.target.value!=="";a.target.value="";const l=n.value.findIndex(c=>c.el===a.target);l!==0&&(n.value[l-1].el.focus(),n.value[l-1].el.select(),i||(n.value[l-1].el.value=""))}return(a,i)=>(t.openBlock(),t.createElementBlock("div",nr,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(r.length,l=>(t.openBlock(),t.createBlock(t.unref(Se),{ref_for:!0,ref_key:"inputs",ref:n,key:l,class:"h-8 w-8 text-center",password:r.password,onPointerup:i[0]||(i[0]=c=>c.target.select()),onInput:t.withModifiers(o,["stop","prevent"]),onKeydown:t.withKeys(s,["backspace"])},null,8,["password"]))),128))]))}}),ar=t.defineComponent({__name:"Progress",props:{value:{default:0},max:{default:100},min:{default:0},size:{default:"md"},color:{default:"primary"},rounded:{default:"full"},loading:{type:Boolean,default:!1}},setup(e){const r=e,n=t.computed(()=>{switch(r.size){case"sm":return"h-0.5";case"md":return"h-1";case"lg":return"h-2"}}),o=t.computed(()=>{switch(r.color){case"primary":return"bg-primary-7";case"secondary":return"bg-secondary-7";case"tertiary":return"bg-tertiary-7";case"error":return"bg-error-7"}}),s=X(r);return(a,i)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["relative w-full self-center overflow-hidden bg-surface-7",[t.unref(n),t.unref(s).class]]),style:t.normalizeStyle([t.unref(s).style])},[a.loading?(t.openBlock(),t.createElementBlock("div",{key:1,class:t.normalizeClass(["loading-progress h-full",[t.unref(o)]])},null,2)):(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["h-full",[t.unref(o)]]),style:t.normalizeStyle([{width:`${(a.value-a.min)/(a.max-a.min)*100}%`}])},null,6))],6))}}),gr="",sr={class:"relative"},ir=t.defineComponent({__name:"Indicator",props:{color:{default:"primary"},size:{default:"md"},position:{default:"top-right"},ping:{type:Boolean}},setup(e){const r=e,n=t.computed(()=>{switch(r.size){case"sm":return"w-2 h-2";case"md":return"w-3 h-3";case"lg":return"w-4 h-4";default:return typeof r.size=="number"||!Number.isNaN(Number(r.size))?`w-${r.size} h-${r.size}`:r.size}}),o=t.useSlots(),s=t.computed(()=>{if(!o.label)return"";switch(r.size){case"sm":return"text-sm children:px-1.5";case"md":return"text-md children:px-2";case"lg":return"text-lg children:px-2.5"}}),a=t.computed(()=>{switch(r.position){case"top-left":return"top-0 left-0 -translate-x-1/2 -translate-y-1/2";case"top-right":return"top-0 right-0 translate-x-1/2 -translate-y-1/2";case"bottom-left":return"bottom-0 left-0 -translate-x-1/2 translate-y-1/2";case"bottom-right":return"bottom-0 right-0 translate-x-1/2 translate-y-1/2"}}),i=t.computed(()=>{switch(r.color){case"primary":return"bg-primary-7";case"secondary":return"bg-secondary-7";case"tertiary":return"bg-tertiary-7";case"error":return"bg-error-7"}});return(l,c)=>(t.openBlock(),t.createElementBlock("div",sr,[t.createElementVNode("div",{class:t.normalizeClass([[t.unref(a),t.unref(s)],"absolute z-1"])},[r.ping?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["absolute animate-ping rounded-full",[{[t.unref(n)]:!l.$slots.label},t.unref(i)]])},[l.$slots.label?t.renderSlot(l.$slots,"label",{key:0}):t.createCommentVNode("",!0)],2)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:t.normalizeClass(["top-0 rounded-full",[{[t.unref(n)]:!l.$slots.label},t.unref(i)]])},[l.$slots.label?t.renderSlot(l.$slots,"label",{key:0}):t.createCommentVNode("",!0)],2)],2),t.renderSlot(l.$slots,"default")]))}}),lr=t.defineComponent({__name:"Chip",props:{is:{default:"img"},src:{},size:{default:"md"},style:{},class:{},modelValue:{type:Boolean},rounded:{default:"full"}},emits:["update:modelValue"],setup(e,{emit:r}){const n=e,o=r,s=t.computed({get(){return n.modelValue},set(d){o("update:modelValue",d)}}),a=X(n),i=t.computed(()=>{switch(n.size){case"sm":return"px-3 text-sm h-6";case"md":return"px-6 h-8 text-base";case"lg":return"px-8 h-10 text-lg"}}),l=t.computed(()=>s.value?"container-filled-primary":"container-default"),c=t.computed(()=>s.value!==void 0),f=t.computed(()=>c.value?"cursor-pointer":"");return(d,u)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["inline-flex items-center gap-1",[t.unref(a).class,t.unref(i),t.unref(l),t.unref(f)]]),style:t.normalizeStyle([t.unref(a).style]),onPointerup:u[0]||(u[0]=h=>d.$emit("update:modelValue",!d.modelValue))},[d.$slots.leftSection?t.renderSlot(d.$slots,"leftSection",{key:0}):t.createCommentVNode("",!0),t.renderSlot(d.$slots,"default"),d.$slots.rightSection?t.renderSlot(d.$slots,"rightSection",{key:1}):t.createCommentVNode("",!0)],38))}}),cr=t.defineComponent({__name:"Avatar",props:{is:{default:"img"},src:{},size:{default:"md"},style:{},class:{}},setup(e){const r=e,n=t.computed(()=>{switch(r.size){case"sm":return"--size: 1.5rem;";case"md":return"--size: 2rem;";case"lg":return"--size: 3rem;";default:return typeof r.size=="number"||!Number.isNaN(Number(r.size))?`--size: ${r.size}rem;`:`--size: ${r.size};`}}),o=t.ref(!1);return(s,a)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[s.src?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(s.is),{key:0,style:t.normalizeStyle([s.style,t.unref(n)]),placeholder:"",src:s.src,class:t.normalizeClass(["h-[var(--size)] w-[var(--size)] rounded-full object-cover",[{hidden:!t.unref(o)},r.class]]),onLoad:a[0]||(a[0]=i=>o.value=!0)},null,40,["style","src","class"])):t.createCommentVNode("",!0),t.unref(o)?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("img",{key:1,class:"h-[var(--size)] w-[var(--size)] animate-pulse rounded-full bg-surface-5 object-cover",style:t.normalizeStyle([s.style,t.unref(n)])},null,4))],64))}});function dr(){return t.inject("theme")}w.Avatar=cr,w.Btn=fe,w.Chip=lr,w.Indicator=ir,w.Modal=It,w.Notification=Me,w.NotificationSystem=rr,w.Notifications=xt,w.PinInput=or,w.Progress=ar,w.RokuProvider=St,w.Select=vt,w.Slider=Xe,w.Switch=Qe,w.TextField=Se,w.darkTheme=D,w.notificationsSymbol=Ct,w.themeColors=_e,w.useNotifications=xe,w.useTheme=dr,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -0,0 +1 @@
+*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-tabler-check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-tabler-chevron-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-tabler-loader-2{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3a9 9 0 1 0 9 9'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.i-tabler-x{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='middle' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;display:inline-block;vertical-align:middle;width:1.2em;height:1.2em}.btn-default{border-width:1px;--un-border-opacity:1;border-color:rgb(var(--r-color-surface-7) / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(var(--r-color-surface-8) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--r-color-surface-1) / var(--un-text-opacity))}.btn-outline-error{border-width:1px;--un-border-opacity:1;border-color:rgb(var(--r-color-error-6) / var(--un-border-opacity));--un-text-opacity:1;color:rgb(var(--r-color-error-6) / var(--un-text-opacity))}.btn-outline-primary{border-width:1px;--un-border-opacity:1;border-color:rgb(var(--r-color-primary-6) / var(--un-border-opacity));--un-text-opacity:1;color:rgb(var(--r-color-primary-6) / var(--un-text-opacity))}.btn-outline-secondary{border-width:1px;--un-border-opacity:1;border-color:rgb(var(--r-color-secondary-6) / var(--un-border-opacity));--un-text-opacity:1;color:rgb(var(--r-color-secondary-6) / var(--un-text-opacity))}.btn-outline-tertiary{border-width:1px;--un-border-opacity:1;border-color:rgb(var(--r-color-tertiary-6) / var(--un-border-opacity));--un-text-opacity:1;color:rgb(var(--r-color-tertiary-6) / var(--un-text-opacity))}.container-default{border-width:1px;--un-border-opacity:1;border-color:rgb(var(--r-color-surface-7) / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(var(--r-color-surface-8) / var(--un-bg-opacity))}.btn-filled-error{--un-bg-opacity:1;background-color:rgb(var(--r-color-error-7) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--r-color-error-1) / var(--un-text-opacity))}.btn-filled-primary{--un-bg-opacity:1;background-color:rgb(var(--r-color-primary-7) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--r-color-primary-1) / var(--un-text-opacity))}.btn-filled-secondary{--un-bg-opacity:1;background-color:rgb(var(--r-color-secondary-7) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--r-color-secondary-1) / var(--un-text-opacity))}.btn-filled-tertiary{--un-bg-opacity:1;background-color:rgb(var(--r-color-tertiary-7) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--r-color-tertiary-1) / var(--un-text-opacity))}.btn-light-error{background-color:rgb(var(--r-color-error-6) / .2);--un-text-opacity:1;color:rgb(var(--r-color-error-3) / var(--un-text-opacity))}.btn-light-primary{background-color:rgb(var(--r-color-primary-6) / .2);--un-text-opacity:1;color:rgb(var(--r-color-primary-3) / var(--un-text-opacity))}.btn-light-secondary{background-color:rgb(var(--r-color-secondary-6) / .2);--un-text-opacity:1;color:rgb(var(--r-color-secondary-3) / var(--un-text-opacity))}.btn-light-tertiary{background-color:rgb(var(--r-color-tertiary-6) / .2);--un-text-opacity:1;color:rgb(var(--r-color-tertiary-3) / var(--un-text-opacity))}.btn-subtle-error{background-color:rgb(var(--r-color-error-6) / 0);--un-text-opacity:1;color:rgb(var(--r-color-error-6) / var(--un-text-opacity))}.btn-subtle-primary{background-color:rgb(var(--r-color-primary-6) / 0);--un-text-opacity:1;color:rgb(var(--r-color-primary-6) / var(--un-text-opacity))}.btn-subtle-secondary{background-color:rgb(var(--r-color-secondary-6) / 0);--un-text-opacity:1;color:rgb(var(--r-color-secondary-6) / var(--un-text-opacity))}.btn-subtle-tertiary{background-color:rgb(var(--r-color-tertiary-6) / 0);--un-text-opacity:1;color:rgb(var(--r-color-tertiary-6) / var(--un-text-opacity))}.btn-transparent-error{background-color:transparent;--un-text-opacity:1;color:rgb(var(--r-color-error-6) / var(--un-text-opacity))}.btn-transparent-primary{background-color:transparent;--un-text-opacity:1;color:rgb(var(--r-color-primary-6) / var(--un-text-opacity))}.btn-transparent-secondary{background-color:transparent;--un-text-opacity:1;color:rgb(var(--r-color-secondary-6) / var(--un-text-opacity))}.btn-transparent-tertiary{background-color:transparent;--un-text-opacity:1;color:rgb(var(--r-color-tertiary-6) / var(--un-text-opacity))}.container-filled-primary{--un-bg-opacity:1;background-color:rgb(var(--r-color-primary-7) / var(--un-bg-opacity))}.btn-constrast-error:hover{--un-bg-opacity:1;background-color:rgb(var(--r-color-error-7) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--r-color-surface-9) / var(--un-text-opacity))}.btn-constrast-primary:hover{--un-bg-opacity:1;background-color:rgb(var(--r-color-primary-7) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--r-color-surface-9) / var(--un-text-opacity))}.btn-constrast-secondary:hover{--un-bg-opacity:1;background-color:rgb(var(--r-color-secondary-7) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--r-color-surface-9) / var(--un-text-opacity))}.btn-constrast-tertiary:hover{--un-bg-opacity:1;background-color:rgb(var(--r-color-tertiary-7) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--r-color-surface-9) / var(--un-text-opacity))}.btn-light-error:hover{background-color:rgb(var(--r-color-error-6) / .25)}.btn-light-primary:hover{background-color:rgb(var(--r-color-primary-6) / .25)}.btn-light-secondary:hover{background-color:rgb(var(--r-color-secondary-6) / .25)}.btn-light-tertiary:hover{background-color:rgb(var(--r-color-tertiary-6) / .25)}.btn-outline-error:hover{background-color:rgb(var(--r-color-error-6) / .1)}.btn-outline-primary:hover{background-color:rgb(var(--r-color-primary-6) / .1)}.btn-outline-secondary:hover{background-color:rgb(var(--r-color-secondary-6) / .1)}.btn-outline-tertiary:hover{background-color:rgb(var(--r-color-tertiary-6) / .1)}.btn-subtle-error:hover{background-color:rgb(var(--r-color-error-6) / .1)}.btn-subtle-primary:hover{background-color:rgb(var(--r-color-primary-6) / .1)}.btn-subtle-secondary:hover{background-color:rgb(var(--r-color-secondary-6) / .1)}.btn-subtle-tertiary:hover{background-color:rgb(var(--r-color-tertiary-6) / .1)}.btn-default:hover:enabled{--un-bg-opacity:1;background-color:rgb(var(--r-color-surface-7) / var(--un-bg-opacity))}.btn-filled-error:hover:enabled{--un-bg-opacity:1;background-color:rgb(var(--r-color-error-8) / var(--un-bg-opacity))}.btn-filled-primary:hover:enabled{--un-bg-opacity:1;background-color:rgb(var(--r-color-primary-8) / var(--un-bg-opacity))}.btn-filled-secondary:hover:enabled{--un-bg-opacity:1;background-color:rgb(var(--r-color-secondary-8) / var(--un-bg-opacity))}.btn-filled-tertiary:hover:enabled{--un-bg-opacity:1;background-color:rgb(var(--r-color-tertiary-8) / var(--un-bg-opacity))}.btn-constrast-error{--un-text-opacity:1;color:rgb(var(--r-color-error-6) / var(--un-text-opacity))}.btn-constrast-primary{--un-text-opacity:1;color:rgb(var(--r-color-primary-6) / var(--un-text-opacity))}.btn-constrast-secondary{--un-text-opacity:1;color:rgb(var(--r-color-secondary-6) / var(--un-text-opacity))}.btn-constrast-tertiary{--un-text-opacity:1;color:rgb(var(--r-color-tertiary-6) / var(--un-text-opacity))}.btn-transparent-error:hover{--un-text-opacity:1;color:rgb(var(--r-color-error-4) / var(--un-text-opacity))}.btn-transparent-primary:hover{--un-text-opacity:1;color:rgb(var(--r-color-primary-4) / var(--un-text-opacity))}.btn-transparent-secondary:hover{--un-text-opacity:1;color:rgb(var(--r-color-secondary-4) / var(--un-text-opacity))}.btn-transparent-tertiary:hover{--un-text-opacity:1;color:rgb(var(--r-color-tertiary-4) / var(--un-text-opacity))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.bottom-0{bottom:0}.left-\[0\.25rem\]{left:.25rem}.left-\[calc\(0\.125rem-1px\)\]{left:calc(.125rem - 1px)}.left-\[calc\(0\.25rem-1px\)\]{left:calc(.25rem - 1px)}.left-\[calc\(0\.875rem-1px\)\]{left:calc(.875rem - 1px)}.left-\[calc\(1\.125rem-1px\)\]{left:calc(1.125rem - 1px)}.left-\[calc\(1\.5rem-1px\)\]{left:calc(1.5rem - 1px)}.left-\[calc\(1\.75rem-1px\)\]{left:calc(1.75rem - 1px)}.left-\[calc\(2\.25rem-1px\)\]{left:calc(2.25rem - 1px)}.left-0{left:0}.left-50\%{left:50%}.right-0{right:0}.right-2{right:.5rem}.top-\[0\.25rem\]{top:.25rem}.top-0{top:0}.top-50\%{top:50%}.z-1{z-index:1}.z-100{z-index:100}.z-20{z-index:20}.-mx-0\.5{margin-left:-.125rem;margin-right:-.125rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mt-2{margin-top:.5rem}.inline-block{display:inline-block}.hidden{display:none}.h-\[calc\(100\%-0\.5rem\)\]{height:calc(100% - .5rem)}.h-\[var\(--size\)\]{height:var(--size)}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-1em{height:1em}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.max-w-100{max-width:25rem}.min-h-16{min-height:4rem}.min-w-16{min-width:4rem}.min-w-20{min-width:5rem}.min-w-24{min-width:6rem}.min-w-80{min-width:20rem}.w-\[var\(--size\)\]{width:var(--size)}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-auto{width:auto}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.shrink-0{flex-shrink:0}.grow-1{flex-grow:1}.flex-col{flex-direction:column}.-translate-x-0\.25{--un-translate-x:-.0625rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-x-0\.5{--un-translate-x:-.125rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-x-0\.75{--un-translate-x:-.1875rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-x-1{--un-translate-x:-.25rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-x-1\.5{--un-translate-x:-.375rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-x-1\/2,.-translate-x-50\%{--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-x-2{--un-translate-x:-.5rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-x-3{--un-translate-x:-.75rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-0\.25{--un-translate-y:-.0625rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-0\.5{--un-translate-y:-.125rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-0\.75{--un-translate-y:-.1875rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-1{--un-translate-y:-.25rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-1\.5{--un-translate-y:-.375rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-1\/2,.-translate-y-50\%{--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-2{--un-translate-y:-.5rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-3{--un-translate-y:-.75rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-x-1\/2{--un-translate-x:50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-y-0{--un-translate-y:0;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.translate-y-1\/2{--un-translate-y:50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.active\:translate-y-0\.25:active{--un-translate-y:.0625rem;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.active\:scale-98:active{--un-scale-x:.98;--un-scale-y:.98;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-pointer\!{cursor:pointer!important}.items-end{align-items:flex-end}.items-center{align-items:center}.self-center{align-self:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.border{border-width:1px}.border-0{border-width:0px}.border-error-5{--un-border-opacity:1;border-color:rgb(var(--r-color-error-5) / var(--un-border-opacity))}.border-surface-6{--un-border-opacity:1;border-color:rgb(var(--r-color-surface-6) / var(--un-border-opacity))}.border-surface-7{--un-border-opacity:1;border-color:rgb(var(--r-color-surface-7) / var(--un-border-opacity))}.border-transparent{border-color:transparent}.focus\:border-error-5:focus{--un-border-opacity:1;border-color:rgb(var(--r-color-error-5) / var(--un-border-opacity))}.focus\:border-primary-5:focus{--un-border-opacity:1;border-color:rgb(var(--r-color-primary-5) / var(--un-border-opacity))}.focus\:border-primary-7:focus{--un-border-opacity:1;border-color:rgb(var(--r-color-primary-7) / var(--un-border-opacity))}.focus\:border-secondary-5:focus{--un-border-opacity:1;border-color:rgb(var(--r-color-secondary-5) / var(--un-border-opacity))}.focus\:border-tertiary-5:focus{--un-border-opacity:1;border-color:rgb(var(--r-color-tertiary-5) / var(--un-border-opacity))}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.bg-error-10{--un-bg-opacity:1;background-color:rgb(var(--r-color-error-10) / var(--un-bg-opacity))}.bg-error-5{--un-bg-opacity:1;background-color:rgb(var(--r-color-error-5) / var(--un-bg-opacity))}.bg-error-7{--un-bg-opacity:1;background-color:rgb(var(--r-color-error-7) / var(--un-bg-opacity))}.bg-neutral-7{--un-bg-opacity:1;background-color:rgb(64 64 64 / var(--un-bg-opacity))}.bg-primary-5{--un-bg-opacity:1;background-color:rgb(var(--r-color-primary-5) / var(--un-bg-opacity))}.bg-primary-7{--un-bg-opacity:1;background-color:rgb(var(--r-color-primary-7) / var(--un-bg-opacity))}.bg-secondary-5{--un-bg-opacity:1;background-color:rgb(var(--r-color-secondary-5) / var(--un-bg-opacity))}.bg-secondary-7{--un-bg-opacity:1;background-color:rgb(var(--r-color-secondary-7) / var(--un-bg-opacity))}.bg-sky-5{--un-bg-opacity:1;background-color:rgb(14 165 233 / var(--un-bg-opacity))}.bg-surface-10\/50{background-color:rgb(var(--r-color-surface-10) / .5)}.bg-surface-5{--un-bg-opacity:1;background-color:rgb(var(--r-color-surface-5) / var(--un-bg-opacity))}.bg-surface-7{--un-bg-opacity:1;background-color:rgb(var(--r-color-surface-7) / var(--un-bg-opacity))}.bg-surface-8{--un-bg-opacity:1;background-color:rgb(var(--r-color-surface-8) / var(--un-bg-opacity))}.bg-tertiary-5{--un-bg-opacity:1;background-color:rgb(var(--r-color-tertiary-5) / var(--un-bg-opacity))}.bg-tertiary-7{--un-bg-opacity:1;background-color:rgb(var(--r-color-tertiary-7) / var(--un-bg-opacity))}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.hover\:bg-surface-7:hover{--un-bg-opacity:1;background-color:rgb(var(--r-color-surface-7) / var(--un-bg-opacity))}.object-cover{object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.children\:px-1\.5>*,.px-1\.5{padding-left:.375rem;padding-right:.375rem}.children\:px-2\.5>*{padding-left:.625rem;padding-right:.625rem}.children\:px-2>*,.px-2{padding-left:.5rem;padding-right:.5rem}.children\:py-1>*,.py-1{padding-top:.25rem;padding-bottom:.25rem}.children\:py-2>*,.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.pl-1\.5{padding-left:.375rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pr-10{padding-right:2.5rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.text-center{text-align:center}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.leading-0{line-height:0}.text-error-5{--un-text-opacity:1;color:rgb(var(--r-color-error-5) / var(--un-text-opacity))}.text-primary-5{--un-text-opacity:1;color:rgb(var(--r-color-primary-5) / var(--un-text-opacity))}.text-secondary-5{--un-text-opacity:1;color:rgb(var(--r-color-secondary-5) / var(--un-text-opacity))}.text-surface-2{--un-text-opacity:1;color:rgb(var(--r-color-surface-2) / var(--un-text-opacity))}.text-surface-4{--un-text-opacity:1;color:rgb(var(--r-color-surface-4) / var(--un-text-opacity))}.text-tertiary-5{--un-text-opacity:1;color:rgb(var(--r-color-tertiary-5) / var(--un-text-opacity))}.text-white,.hover\:text-white:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.decoration-none{text-decoration:none}.op56{opacity:.56}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-60{opacity:.6}.outline{outline-style:solid}.outline-none{outline:2px solid transparent;outline-offset:2px}.backdrop-blur-lg{--un-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.backdrop-blur-md{--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.backdrop-blur-sm{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter-grayscale,.grayscale{--un-grayscale:grayscale(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-left{transition-property:left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@media (min-width: 768px){.md\:items-center{align-items:center}}:root{color-scheme:light dark}:root{--r-color-theme: dark;--r-color-primary-0: 240 249 255;--r-color-primary-1: 224 242 254;--r-color-primary-2: 186 230 253;--r-color-primary-3: 125 211 252;--r-color-primary-4: 56 189 248;--r-color-primary-5: 14 165 233;--r-color-primary-6: 2 132 199;--r-color-primary-7: 3 105 161;--r-color-primary-8: 7 89 133;--r-color-primary-9: 12 74 110;--r-color-primary-10: 8 47 73;--r-color-secondary-0: 240 253 244;--r-color-secondary-1: 220 252 231;--r-color-secondary-2: 187 247 208;--r-color-secondary-3: 134 239 172;--r-color-secondary-4: 74 222 128;--r-color-secondary-5: 34 197 94;--r-color-secondary-6: 5 150 105;--r-color-secondary-7: 4 120 87;--r-color-secondary-8: 6 95 70;--r-color-secondary-9: 6 78 59;--r-color-secondary-10: 3 61 47;--r-color-tertiary-0: 255 251 235;--r-color-tertiary-1: 254 243 199;--r-color-tertiary-2: 253 230 138;--r-color-tertiary-3: 252 211 77;--r-color-tertiary-4: 251 191 36;--r-color-tertiary-5: 245 158 11;--r-color-tertiary-6: 217 119 6;--r-color-tertiary-7: 180 83 9;--r-color-tertiary-8: 146 64 14;--r-color-tertiary-9: 120 53 15;--r-color-tertiary-10: 87 37 8;--r-color-error-0: 255 245 245;--r-color-error-1: 254 215 215;--r-color-error-2: 254 178 178;--r-color-error-3: 252 129 129;--r-color-error-4: 245 101 101;--r-color-error-5: 229 62 62;--r-color-error-6: 155 44 44;--r-color-error-7: 124 29 29;--r-color-error-8: 107 22 22;--r-color-error-9: 88 20 20;--r-color-error-10: 69 10 10;--r-color-surface-0: 250 250 250;--r-color-surface-1: 245 245 245;--r-color-surface-2: 229 229 229;--r-color-surface-3: 212 212 212;--r-color-surface-4: 163 163 163;--r-color-surface-5: 115 115 115;--r-color-surface-6: 82 82 82;--r-color-surface-7: 64 64 64;--r-color-surface-8: 38 38 38;--r-color-surface-9: 23 23 23;--r-color-surface-10: 10 10 10}.loading-progress{animation:loading-progress 1s infinite}@keyframes loading-progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}

package/dist/test/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/classGenerator.d.ts

@@ -0,0 +1,6 @@
+export declare function useRounded(props: {
+    rounded: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
+}): globalThis.ComputedRef<{
+    style: string;
+    class: string;
+}>;

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme';
+export * from './notifications';

package/dist/utils/notifications.d.ts

@@ -0,0 +1,12 @@
+export interface NotificationData {
+    title?: string;
+    message?: string;
+    color?: string;
+    icon?: string;
+    [key: string]: any;
+}
+export declare const notificationsSymbol: unique symbol;
+export declare function useNotifications(): NotificationData;
+export declare class Notifications {
+    static show(data: NotificationData): void;
+}

package/dist/utils/theme.d.ts

@@ -0,0 +1,33 @@
+export interface BaseVariant {
+    light: string;
+    base: string;
+    dark: string;
+}
+export interface BaseColorSet {
+    container: BaseVariant;
+    on: BaseVariant;
+    outline: BaseVariant;
+}
+export interface SurfaceVariant {
+    light: string;
+    base: string;
+    dark: string;
+}
+export interface SurfaceColorSet {
+    container: SurfaceVariant;
+    on: BaseVariant;
+    outline: BaseVariant;
+}
+export interface ThemeColorsColors {
+    primary: string[];
+    secondary: string[];
+    tertiary: string[];
+    error: string[];
+    surface: string[];
+}
+export interface ThemeData {
+    theme: 'light' | 'dark';
+    colors: ThemeColorsColors;
+}
+export declare const themeColors: ThemeColorsColors;
+export declare const darkTheme: ThemeData;

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@roku-ui/vue",
+  "type": "module",
+  "version": "0.1.0",
+  "author": "Jianqi Pan <jannchie@gmail.com>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/roku-ui/roku-ui-vue"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json",
+    "./index.js": "./dist/index.js",
+    "./index.d.ts": "./dist/index.d.ts",
+    "./style.css": "./dist/style.css"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@formkit/auto-animate": "^0.8.1",
+    "@unocss/reset": "^0.58.0",
+    "@vueuse/core": "^10.5.0",
+    "tinycolor2": "^1.6.0",
+    "vue": "^3.3.7"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^2.4.6",
+    "@iconify-json/tabler": "^1.1.102",
+    "@types/tinycolor2": "^1.4.6",
+    "@unocss/eslint-config": "^0.58.0",
+    "@unocss/eslint-plugin": "^0.58.0",
+    "@unocss/preset-icons": "^0.58.0",
+    "@vitejs/plugin-vue": "^4.4.0",
+    "eslint": "^8.56.0",
+    "eslint-plugin-format": "^0.1.0",
+    "typescript": "^5.2.2",
+    "unocss": "^0.57.1",
+    "unplugin-auto-import": "^0.16.7",
+    "unplugin-vue-components": "^0.25.2",
+    "vite": "^4.5.0",
+    "vite-plugin-dts": "^3.6.4",
+    "vitest": "^0.34.6",
+    "vue-tsc": "^1.8.22"
+  },
+  "scripts": {
+    "dev": "vite",
+    "watch": "vite build --watch",
+    "build": "vue-tsc && vite build",
+    "preview": "vite preview",
+    "test": "vitest"
+  }
+}