@timebraid/vue 1.3.0

package/dist/timebraid-vue.umd.cjs

@@ -0,0 +1 @@
+(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d.TimebraidVue={},d.Vue))})(this,function(d,e){"use strict";const D={style:{"min-width":"0"}},F={style:{flex:"1","min-width":"0",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap"}},$={key:1,style:{"font-size":"var(--text-caption)",color:"var(--label-3)",padding:"7px 14px 0","line-height":"1.4"}},R=e.defineComponent({__name:"TGroup",props:{title:{},footer:{},flat:{type:Boolean,default:!1},plainTitle:{type:Boolean,default:!1}},setup(t){const n=e.useSlots();return(o,a)=>(e.openBlock(),e.createElementBlock("section",D,[t.title||e.unref(n).title?(e.openBlock(),e.createElementBlock("header",{key:0,style:e.normalizeStyle({display:"flex",alignItems:"center",gap:"8px",minHeight:"26px",padding:"0 14px 7px",minWidth:0,fontWeight:t.plainTitle?600:500,color:t.plainTitle?"var(--label)":"var(--label-2)",textTransform:t.plainTitle?"none":"uppercase",letterSpacing:t.plainTitle?"0":"var(--tracking-section)",fontSize:t.plainTitle?"13px":"var(--text-section)"})},[e.renderSlot(o.$slots,"title",{},()=>[e.createElementVNode("span",F,e.toDisplayString(t.title),1)])],4)):e.createCommentVNode("",!0),e.createElementVNode("div",{"data-card":"",style:e.normalizeStyle({background:"var(--bg-elev)",borderRadius:"var(--r-cell)",boxShadow:t.flat?"none":"var(--sh-card)",overflow:"hidden"})},[e.renderSlot(o.$slots,"default")],4),t.footer||e.unref(n).footer?(e.openBlock(),e.createElementBlock("div",$,[e.renderSlot(o.$slots,"footer",{},()=>[e.createTextVNode(e.toDisplayString(t.footer),1)])])):e.createCommentVNode("",!0)]))}}),A="https://unpkg.com/lucide-static@latest/icons/",E=Symbol("timebraid-icon-base"),v=["data-icon"],k=e.defineComponent({__name:"TIcon",props:{name:{},size:{default:16},color:{default:"currentColor"},base:{}},setup(t){const n=t,o=e.inject(E,A),a=e.computed(()=>`url("${n.base??o}${n.name}.svg")`);return(i,l)=>(e.openBlock(),e.createElementBlock("span",{role:"img","aria-hidden":"true","data-icon":t.name,style:e.normalizeStyle({display:"inline-block",flex:"none",width:t.size+"px",height:t.size+"px",background:t.color,WebkitMaskImage:a.value,maskImage:a.value,WebkitMaskRepeat:"no-repeat",maskRepeat:"no-repeat",WebkitMaskSize:"contain",maskSize:"contain",WebkitMaskPosition:"center",maskPosition:"center"})},null,12,v))}}),M=["role","tabindex"],O={style:{flex:"1","min-width":"0",padding:"10px 0"}},L={key:0,style:{"font-size":"var(--text-subtitle)",color:"var(--label-2)","margin-top":"1px","white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"}},j={key:1,style:{"font-size":"var(--text-row)",color:"var(--label-2)",flex:"none"}},P={key:2,style:{display:"flex","align-items":"center",gap:"8px",flex:"none"}},G=e.defineComponent({__name:"TRow",props:{icon:{},iconBg:{default:"var(--accent)"},title:{},subtitle:{},value:{},chevron:{type:Boolean,default:!1},danger:{type:Boolean,default:!1},dense:{type:Boolean,default:!1},last:{type:Boolean,default:!1},clickable:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:n}){const o=t,a=n,i=e.useSlots(),l=e.computed(()=>!!o.subtitle||!!i.subtitle),s=e.computed(()=>o.dense?"var(--row-h-dense)":l.value?"var(--row-h-sub)":"var(--row-h)"),p=r=>{r.key!=="Enter"&&r.key!==" "||(r.preventDefault(),a("click",r))};return(r,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.clickable?"row-press":""),role:t.clickable?"button":void 0,tabindex:t.clickable?0:void 0,style:e.normalizeStyle({display:"flex",alignItems:"center",gap:"12px",minHeight:s.value,padding:"0 14px 0 16px",cursor:t.clickable?"pointer":"default",position:"relative",transition:"background var(--t-fast) var(--ease)",minWidth:0}),onClick:g[0]||(g[0]=c=>t.clickable&&a("click",c)),onKeydown:g[1]||(g[1]=c=>t.clickable&&p(c))},[t.icon?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle({width:"var(--icon-square)",height:"var(--icon-square)",borderRadius:"calc(var(--r-btn) - 3px)",background:t.iconBg,color:"var(--on-accent)",display:"grid",placeItems:"center",flex:"none"})},[e.createVNode(k,{name:t.icon,size:15},null,8,["name"])],4)):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"leading"),e.createElementVNode("div",O,[e.createElementVNode("div",{style:e.normalizeStyle({fontSize:"var(--text-row)",color:t.danger?"var(--red)":"var(--label)",overflow:"hidden",textOverflow:"ellipsis",display:"flex",alignItems:"center",gap:"8px",flexWrap:"wrap",rowGap:"2px",minWidth:0})},[e.renderSlot(r.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],4),l.value?(e.openBlock(),e.createElementBlock("div",L,[e.renderSlot(r.$slots,"subtitle",{},()=>[e.createTextVNode(e.toDisplayString(t.subtitle),1)])])):e.createCommentVNode("",!0)]),t.value?(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(t.value),1)):e.createCommentVNode("",!0),e.unref(i).trailing?(e.openBlock(),e.createElementBlock("span",P,[e.renderSlot(r.$slots,"trailing")])):e.createCommentVNode("",!0),t.chevron?(e.openBlock(),e.createBlock(k,{key:3,name:"chevron-right",size:16,color:"var(--label-4)"})):e.createCommentVNode("",!0),t.last?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:4,"data-sep":"",style:e.normalizeStyle({position:"absolute",left:t.icon?"54px":"14px",right:0,bottom:0,height:"1px",background:"var(--sep)"})},null,4))],46,M))}}),Q=["data-index"],W=["aria-selected","onClick"],K=e.defineComponent({__name:"TSeg",props:{modelValue:{},options:{},size:{default:"md"}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,a=n,i=e.computed(()=>Math.max(0,o.options.findIndex(s=>s.value===o.modelValue))),l=e.computed(()=>o.options.length);return(s,p)=>(e.openBlock(),e.createElementBlock("div",{role:"tablist",style:e.normalizeStyle({position:"relative",display:"grid",gridTemplateColumns:`repeat(${l.value}, 1fr)`,padding:"2px",background:"var(--fill)",borderRadius:"var(--r-btn)",height:t.size==="sm"?"var(--control-h-sm)":"var(--seg-h)"})},[e.createElementVNode("span",{"data-thumb":"","data-index":i.value,style:e.normalizeStyle({position:"absolute",top:"2px",bottom:"2px",left:`calc(2px + ${i.value} * (100% - 4px) / ${l.value})`,width:`calc((100% - 4px) / ${l.value})`,background:"var(--bg-elev)",borderRadius:"calc(var(--r-btn) - 3px)",boxShadow:"var(--sh-seg)",transition:"left var(--t-base) var(--ease-sheet)"})},null,12,Q),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,r=>(e.openBlock(),e.createElementBlock("button",{key:r.value,type:"button",role:"tab","aria-selected":r.value===t.modelValue,style:e.normalizeStyle({position:"relative",fontSize:t.size==="sm"?"var(--text-caption)":"13px",fontWeight:r.value===t.modelValue?600:500,color:r.value===t.modelValue?"var(--label)":"var(--label-2)",padding:"0 10px",transition:"color var(--t-fast)",whiteSpace:"nowrap"}),onClick:g=>a("update:modelValue",r.value)},e.toDisplayString(r.label),13,W))),128))],4))}}),H=["type","disabled"],q=e.defineComponent({__name:"TBtn",props:{kind:{default:"primary"},size:{default:"md"},icon:{},full:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},type:{default:"button"}},emits:["click"],setup(t,{emit:n}){const o={primary:{background:"var(--accent)",color:"var(--on-accent)"},tinted:{background:"var(--accent-soft)",color:"var(--accent)"},gray:{background:"var(--fill)",color:"var(--label)"},plain:{background:"transparent",color:"var(--accent)"},danger:{background:"var(--red-soft)",color:"var(--red)"},white:{background:"var(--bg-elev)",color:"var(--label)",boxShadow:"var(--sh-card)"}},a={sm:{height:"var(--control-h-sm)",fontSize:"var(--text-subtitle)",padding:"0 10px",icon:13},md:{height:"var(--control-h-md)",fontSize:"13.5px",padding:"0 14px",icon:15},lg:{height:"var(--control-h-lg)",fontSize:"var(--text-row)",padding:"0 14px",icon:15},xl:{height:"var(--control-h-xl)",fontSize:"16px",padding:"0 14px",icon:15}},i=t,l=n,s=e.computed(()=>({display:i.full?"flex":"inline-flex",width:i.full?"100%":void 0,alignItems:"center",justifyContent:"center",gap:"7px",height:a[i.size].height,padding:a[i.size].padding,borderRadius:i.size==="xl"?"var(--r-card)":"var(--r-btn)",fontSize:a[i.size].fontSize,fontWeight:600,letterSpacing:"-.005em",whiteSpace:"nowrap",opacity:i.disabled?.4:1,cursor:i.disabled?"not-allowed":"pointer",...o[i.kind]})),p=r=>{i.disabled||l("click",r)};return(r,g)=>(e.openBlock(),e.createElementBlock("button",{type:t.type,class:e.normalizeClass(t.disabled?"":"press"),disabled:t.disabled,style:e.normalizeStyle(s.value),onClick:p},[t.icon?(e.openBlock(),e.createBlock(k,{key:0,name:t.icon,size:a[t.size].icon},null,8,["name","size"])):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default")],14,H))}}),U=["title","aria-label","disabled"],w=e.defineComponent({__name:"TIconBtn",props:{icon:{},label:{},size:{default:30},tone:{default:"default"},disabled:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:n}){const o={default:{background:"var(--fill)",color:"var(--label)"},soft:{background:"var(--accent-soft)",color:"var(--accent)"},accent:{background:"var(--accent)",color:"var(--on-accent)"}},a=t,i=n,l=e.computed(()=>({width:a.size+"px",height:a.size+"px",borderRadius:"50%",display:"inline-grid",placeItems:"center",flex:"none",opacity:a.disabled?.4:1,cursor:a.disabled?"not-allowed":"pointer",...o[a.tone]}));return(s,p)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:e.normalizeClass(t.disabled?"":"press"),title:t.label,"aria-label":t.label,disabled:t.disabled,style:e.normalizeStyle(l.value),onClick:p[0]||(p[0]=r=>!t.disabled&&i("click",r))},[e.createVNode(k,{name:t.icon,size:Math.round(t.size*.5)},null,8,["name","size"])],14,U))}}),Y=["aria-checked","disabled"],X=e.defineComponent({__name:"TToggle",props:{modelValue:{type:Boolean},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,a=n;return(i,l)=>(e.openBlock(),e.createElementBlock("button",{type:"button",role:"switch","aria-checked":t.modelValue,disabled:t.disabled,style:e.normalizeStyle({width:"var(--toggle-w)",height:"var(--toggle-h)",borderRadius:"var(--r-pill)",position:"relative",flex:"none",background:t.modelValue?"var(--accent)":"var(--fill-3)",transition:"background var(--t-base) var(--ease)",opacity:t.disabled?.4:1}),onClick:l[0]||(l[0]=s=>!o.disabled&&a("update:modelValue",!t.modelValue))},[e.createElementVNode("span",{style:e.normalizeStyle({position:"absolute",top:"2px",left:t.modelValue?"20px":"2px",width:"24px",height:"24px",borderRadius:"50%",background:"var(--on-accent)",boxShadow:"var(--sh-thumb)",transition:"left var(--t-base) var(--ease-sheet)"})},null,4)],12,Y))}}),Z={style:{display:"grid",gap:"5px","min-width":"0"}},J={key:0,style:{"font-size":"var(--text-subtitle)",color:"var(--label-2)","font-weight":"500"}},_=["value","placeholder","type","autofocus","disabled","name"],ee={key:0,style:{"font-size":"var(--text-caption)",color:"var(--label-3)"}},te=e.defineComponent({__name:"TField",props:{modelValue:{default:""},label:{},placeholder:{},mono:{type:Boolean,default:!1},right:{},type:{default:"text"},autofocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},name:{}},emits:["update:modelValue","submit"],setup(t,{emit:n}){const o=n;return(a,i)=>(e.openBlock(),e.createElementBlock("label",Z,[t.label?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),e.createElementVNode("span",{style:e.normalizeStyle({display:"flex",alignItems:"center",height:"var(--field-h)",padding:"0 12px",borderRadius:"var(--r-btn)",background:"var(--fill)",gap:"8px",opacity:t.disabled?.5:1})},[e.createElementVNode("input",{value:t.modelValue,placeholder:t.placeholder,type:t.type,autofocus:t.autofocus,disabled:t.disabled,name:t.name,style:e.normalizeStyle({flex:1,minWidth:0,border:0,background:"transparent",outline:"none",fontSize:"var(--text-row)",fontFamily:t.mono?"var(--font-mono)":"inherit",color:"var(--label)"}),onInput:i[0]||(i[0]=l=>o("update:modelValue",l.target.value)),onKeydown:i[1]||(i[1]=e.withKeys(l=>o("submit"),["enter"]))},null,44,_),t.right?(e.openBlock(),e.createElementBlock("span",ee,e.toDisplayString(t.right),1)):e.createCommentVNode("",!0)],4)]))}}),oe={style:{position:"relative",display:"inline-flex","align-items":"center",gap:"6px",color:"var(--label-2)","font-size":"var(--text-row)","max-width":"100%"}},ne=["id","value","disabled","aria-label"],ae=["value"];let le=0;const ie=e.defineComponent({__name:"TSelect",props:{modelValue:{},options:{},disabled:{type:Boolean,default:!1},label:{},ariaLabel:{}},emits:["update:modelValue"],setup(t,{emit:n}){const o=n,a=`t-select-${le+=1}`;return(i,l)=>(e.openBlock(),e.createElementBlock("span",oe,[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:a,style:{position:"absolute",width:"1px",height:"1px",overflow:"hidden","clip-path":"inset(50%)","white-space":"nowrap"}},e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),e.createElementVNode("select",{id:t.label?a:void 0,value:t.modelValue,disabled:t.disabled,"aria-label":t.ariaLabel,style:{appearance:"none","-webkit-appearance":"none",border:"0",background:"transparent",outline:"none","font-size":"var(--text-row)",color:"var(--label-2)","padding-right":"18px","text-align":"right",direction:"rtl",cursor:"pointer","max-width":"200px"},onChange:l[0]||(l[0]=s=>o("update:modelValue",s.target.value))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,s=>(e.openBlock(),e.createElementBlock("option",{key:s.value,value:s.value},e.toDisplayString(s.label),9,ae))),128))],40,ne),e.createVNode(k,{name:"chevrons-up-down",size:13,color:"var(--label-3)",style:{position:"absolute",right:"0","pointer-events":"none"}})]))}}),re={key:0,style:{width:"6px",height:"6px","border-radius":"50%",background:"currentColor",animation:"t-pulse 2s infinite"}},se=e.defineComponent({__name:"TBadge",props:{tone:{default:"neutral"}},setup(t){const n={neutral:["var(--fill)","var(--label-2)"],running:["var(--running-soft)","var(--running)"],green:["var(--green-soft)","var(--green)"],red:["var(--red-soft)","var(--red)"],soon:["transparent","var(--label-3)"]};return(o,a)=>(e.openBlock(),e.createElementBlock("span",{style:e.normalizeStyle({display:"inline-flex",alignItems:"center",gap:"5px",height:"22px",padding:"0 9px",borderRadius:"var(--r-pill)",background:n[t.tone][0],color:n[t.tone][1],fontSize:"var(--text-caption)",fontWeight:600,whiteSpace:"nowrap",boxShadow:t.tone==="soon"?"inset 0 0 0 1px var(--sep-strong)":"none"})},[t.tone==="running"?(e.openBlock(),e.createElementBlock("span",re)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")],4))}}),ce=e.defineComponent({__name:"TBar",props:{value:{},color:{default:"var(--accent)"},h:{default:6}},setup(t){const n=t,o=e.computed(()=>`${Math.min(100,Math.max(0,n.value))}%`);return(a,i)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle({height:t.h+"px",borderRadius:t.h+"px",background:"var(--fill-2)",overflow:"hidden"})},[e.createElementVNode("div",{"data-fill":"",style:e.normalizeStyle({width:o.value,height:"100%",background:t.color,borderRadius:t.h+"px",transition:"width var(--t-sheet) var(--ease-out)"})},null,4)],4))}}),de=e.defineComponent({__name:"TAvatar",props:{name:{},size:{default:28},color:{}},setup(t){const n=t,o=e.computed(()=>n.name.trim().split(/\s+/).filter(Boolean).map(a=>a[0]).slice(0,2).join(""));return(a,i)=>(e.openBlock(),e.createElementBlock("span",{style:e.normalizeStyle({width:t.size+"px",height:t.size+"px",borderRadius:"50%",background:t.color??"var(--accent-soft-2)",color:t.color?"var(--on-accent)":"var(--accent)",display:"inline-grid",placeItems:"center",fontSize:t.size*.38+"px",fontWeight:600,flex:"none",lineHeight:1})},e.toDisplayString(o.value),5))}}),pe={style:{display:"flex","align-items":"flex-end",gap:"16px",padding:"6px 0 14px","flex-wrap":"wrap"}},me={style:{flex:"1","min-width":"0"}},fe={style:{margin:"0","font-size":"var(--text-large-title)","font-weight":"700","letter-spacing":"var(--tracking-large-title)","line-height":"var(--leading-large-title)",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap"}},ge={key:0,style:{"font-size":"var(--text-body)",color:"var(--label-2)","margin-top":"4px"}},he={key:0,style:{display:"flex",gap:"8px","align-items":"center","flex-wrap":"wrap"}},be=e.defineComponent({__name:"TLargeTitle",props:{title:{},sub:{}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("div",me,[e.createElementVNode("h1",fe,e.toDisplayString(t.title),1),t.sub?(e.openBlock(),e.createElementBlock("div",ge,e.toDisplayString(t.sub),1)):e.createCommentVNode("",!0)]),n.$slots.right?(e.openBlock(),e.createElementBlock("div",he,[e.renderSlot(n.$slots,"right")])):e.createCommentVNode("",!0)]))}}),ye=["aria-label"],ke={key:0,"data-handle":"",style:{width:"36px",height:"5px","border-radius":"var(--r-pill)",background:"var(--fill-3)",margin:"8px auto 0"}},xe={key:1,style:{display:"flex","justify-content":"flex-end",gap:"8px",padding:"0 18px 18px"}},ue=["aria-label"],we={style:{display:"flex","align-items":"center",padding:"14px 18px 6px"}},Be={style:{flex:"1","font-size":"var(--text-title)","font-weight":"600"}},Se={style:{padding:"8px 18px 18px",display:"grid",gap:"14px"}},ze={key:0,style:{display:"flex","justify-content":"flex-end",gap:"8px",padding:"0 18px 18px"}},Ae=e.defineComponent({__name:"TSheet",props:{open:{type:Boolean},title:{},mobile:{type:Boolean,default:!1},width:{default:460},inline:{type:Boolean,default:!1},teleport:{type:Boolean,default:!0}},emits:["close"],setup(t,{emit:n}){const o=t,a=n,i=e.ref(null);let l=null;const s=p=>{p.key==="Escape"&&a("close")};return e.watch(()=>o.open,p=>{if(!(typeof window>"u")){if(p){window.addEventListener("keydown",s),l=document.activeElement instanceof HTMLElement?document.activeElement:null,e.nextTick(()=>{var r;return(r=i.value)==null?void 0:r.focus()});return}window.removeEventListener("keydown",s),l==null||l.focus(),l=null}},{immediate:!0}),e.onBeforeUnmount(()=>{typeof window<"u"&&window.removeEventListener("keydown",s)}),(p,r)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:!t.teleport||t.inline},[t.open?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.inline?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"dialog",ref:i,role:"dialog",tabindex:"-1","aria-label":t.title,style:{width:"100%",background:"var(--bg)",borderRadius:"var(--r-card)",boxShadow:"var(--sh-float)",animation:"t-pop var(--t-base) var(--ease-out) both"}},[e.createElementVNode("div",we,[e.createElementVNode("div",Be,e.toDisplayString(t.title),1),e.createVNode(w,{icon:"x",label:"Close",size:26,onClick:r[4]||(r[4]=g=>a("close"))})]),e.createElementVNode("div",Se,[e.renderSlot(p.$slots,"default")]),p.$slots.footer?(e.openBlock(),e.createElementBlock("div",ze,[e.renderSlot(p.$slots,"footer")])):e.createCommentVNode("",!0)],8,ue)):(e.openBlock(),e.createElementBlock("div",{key:0,"data-scrim":"",style:e.normalizeStyle({position:t.teleport?"fixed":"absolute",inset:0,zIndex:80,background:"var(--scrim)",backdropFilter:"blur(4px)",WebkitBackdropFilter:"blur(4px)",display:"flex",alignItems:t.mobile?"flex-end":"center",justifyContent:"center",animation:"t-scrim var(--t-base) both"}),onClick:r[3]||(r[3]=g=>a("close"))},[e.createElementVNode("div",{ref_key:"dialog",ref:i,role:"dialog","aria-modal":"true",tabindex:"-1","aria-label":t.title,style:e.normalizeStyle({width:t.mobile?"100%":t.width+"px",maxWidth:"100%",background:"var(--bg)",borderRadius:t.mobile?"var(--r-sheet) var(--r-sheet) 0 0":"var(--r-card)",boxShadow:t.mobile?"var(--sh-sheet)":"var(--sh-float)",animation:`${t.mobile?"t-sheet":"t-pop"} var(--t-sheet) var(--ease-sheet) both`,paddingBottom:t.mobile?"calc(28px + env(safe-area-inset-bottom))":0,maxHeight:"100%",overflow:"auto"}),onClick:r[2]||(r[2]=e.withModifiers(()=>{},["stop"]))},[t.mobile?(e.openBlock(),e.createElementBlock("div",ke)):e.createCommentVNode("",!0),e.createElementVNode("div",{style:e.normalizeStyle({display:"flex",alignItems:"center",padding:t.mobile?"10px 16px 6px":"14px 18px 6px"})},[t.mobile?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",style:{"font-size":"16px",color:"var(--accent)"},onClick:r[0]||(r[0]=g=>a("close"))},"Cancel")):e.createCommentVNode("",!0),e.createElementVNode("div",{style:e.normalizeStyle({flex:1,textAlign:t.mobile?"center":"left",fontSize:t.mobile?"16px":"var(--text-title)",fontWeight:600})},e.toDisplayString(t.title),5),t.mobile?e.renderSlot(p.$slots,"primary",{},void 0,void 0,1):(e.openBlock(),e.createBlock(w,{key:2,icon:"x",label:"Close",size:26,onClick:r[1]||(r[1]=g=>a("close"))}))],4),e.createElementVNode("div",{style:e.normalizeStyle({padding:t.mobile?"6px 16px 0":"8px 18px 18px",display:"grid",gap:"14px"})},[e.renderSlot(p.$slots,"default")],4),!t.mobile&&p.$slots.footer?(e.openBlock(),e.createElementBlock("div",xe,[e.renderSlot(p.$slots,"footer")])):e.createCommentVNode("",!0)],12,ye)],4))],64)):e.createCommentVNode("",!0)],8,["disabled"]))}}),Ee={key:0,style:{position:"absolute",inset:"-3px",borderRadius:"50%",border:"1.5px solid var(--running)",animation:"t-pulse 2s var(--ease) infinite"}},B=e.defineComponent({__name:"TDot",props:{color:{},size:{default:9},running:{type:Boolean,default:!1}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("span",{style:e.normalizeStyle({position:"relative",display:"inline-block",width:t.size+"px",height:t.size+"px",flex:"none",borderRadius:"50%",background:t.color,boxShadow:t.running?"0 0 0 3px var(--running-soft)":"none"})},[t.running?(e.openBlock(),e.createElementBlock("span",Ee)):e.createCommentVNode("",!0)],4))}}),S=t=>String(t).padStart(2,"0");function V(t,n="clock"){const o=Math.max(0,Math.round(t)),a=Math.floor(o/3600),i=Math.floor(o%3600/60),l=o%60;return n==="compact"?a>0?`${a}h ${S(i)}m`:`${i}m ${S(l)}s`:n==="short"?`${a}:${S(i)}`:`${a}:${S(i)}:${S(l)}`}const Ve=[1,2,3,4,5,6,7,8].map(t=>`var(--chart-${t})`),z=e.defineComponent({__name:"TDur",props:{seconds:{},mode:{default:"clock"},size:{default:15},weight:{default:500},tone:{default:"default"}},setup(t){const n={default:"var(--label)",running:"var(--running)",muted:"var(--label-2)",faint:"var(--label-3)"},o=t,a=e.computed(()=>V(o.seconds,o.mode));return(i,l)=>(e.openBlock(),e.createElementBlock("span",{class:"num",style:e.normalizeStyle({fontSize:t.size+"px",fontWeight:t.weight,color:n[t.tone],letterSpacing:t.size>28?"-.02em":"0"})},e.toDisplayString(a.value),5))}}),Ne={style:{display:"grid",gap:"6px","min-width":"0"}},Ce={style:{position:"relative",flex:"1",height:"14px"}},Te={style:{"font-size":"var(--text-subtitle)",color:"var(--label)","white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"}},Ie=["data-shared"],De=e.defineComponent({__name:"TWaterfall",props:{rows:{},start:{default:6},end:{default:19},labelW:{default:128},rowH:{default:24},compact:{type:Boolean,default:!1}},setup(t){const n=t,o=e.computed(()=>Math.max(1e-9,n.end-n.start)),a=e.computed(()=>{if(n.end<=n.start)return[];const r=[];for(let g=n.start;g<=n.end;g+=n.compact?3:1)r.push(g);return r}),i=r=>(r-n.start)/o.value*100,l=r=>Math.max(.6,(r.end-r.start)/o.value*100),s=r=>r.segments.reduce((g,c)=>g+(c.end-c.start),0)*3600,p=r=>String(r).padStart(2,"0");return(r,g)=>(e.openBlock(),e.createElementBlock("div",Ne,[e.createElementVNode("div",{style:e.normalizeStyle({display:"flex",paddingLeft:t.labelW+"px"})},[e.createElementVNode("div",Ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,c=>(e.openBlock(),e.createElementBlock("span",{key:c,class:"num",style:e.normalizeStyle({position:"absolute",left:i(c)+"%",transform:"translateX(-50%)",fontSize:"10px",color:"var(--label-3)"})},e.toDisplayString(p(c)),5))),128))])],4),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.rows,(c,f)=>(e.openBlock(),e.createElementBlock("div",{key:f,style:{display:"flex","align-items":"center",gap:"10px"}},[e.createElementVNode("span",{style:e.normalizeStyle({width:t.labelW+"px",display:"flex",alignItems:"center",gap:"7px",minWidth:0,flex:"none"})},[e.createVNode(B,{color:c.color,size:8},null,8,["color"]),e.createElementVNode("span",Te,e.toDisplayString(c.label),1)],4),e.createElementVNode("span",{style:e.normalizeStyle({position:"relative",flex:1,height:t.rowH+"px",background:"var(--fill)",borderRadius:"calc(var(--r-btn) - 4px)",overflow:"hidden"})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,m=>(e.openBlock(),e.createElementBlock("span",{key:m,"data-tick":"",style:e.normalizeStyle({position:"absolute",left:i(m)+"%",top:0,bottom:0,width:"1px",background:"var(--sep)"})},null,4))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.segments,(m,y)=>(e.openBlock(),e.createElementBlock("span",{key:y,"data-segment":"","data-shared":m.shared?"":void 0,style:e.normalizeStyle({position:"absolute",left:i(m.start)+"%",width:l(m)+"%",top:"4px",bottom:"4px",borderRadius:"calc(var(--r-btn) - 6px)",background:c.color,opacity:m.shared?.55:1,outline:m.shared?"1.5px dashed var(--dash)":"none",outlineOffset:"-2px"})},null,12,Ie))),128))],4),e.createVNode(z,{seconds:s(c),mode:"compact",size:12,tone:"muted",style:{width:"54px","text-align":"right",flex:"none"}},null,8,["seconds"])]))),128))]))}}),Fe={style:{position:"relative",display:"inline-block"}},$e={style:{display:"flex","align-items":"center",padding:"8px 10px 6px"}},Re={style:{"font-size":"var(--text-section)","font-weight":"600",color:"var(--label-3)","text-transform":"uppercase","letter-spacing":".05em",flex:"1"}},ve={style:{flex:"1","min-width":"0","line-height":"1.15"}},Me={style:{"font-size":"var(--text-footnote)",color:"var(--label-2)"}},Oe=["role","tabindex","aria-expanded"],Le={key:0,style:{display:"grid","line-height":"1.15","min-width":"0","max-width":"170px"}},je={style:{"font-size":"13px","font-weight":"600","white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"}},Pe={style:{"font-size":"var(--text-footnote)",color:"var(--label-2)","white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"}},Ge={key:1,style:{"font-size":"11px","font-weight":"600",color:"var(--label-2)",background:"var(--fill)","border-radius":"var(--r-pill)",padding:"1px 6px"}},Qe=e.defineComponent({__name:"TPill",props:{running:{},compact:{type:Boolean,default:!1},paused:{type:Boolean,default:!1},open:{type:Boolean,default:!1}},emits:["update:open","stop","stopAll","start","openApp"],setup(t,{emit:n}){const o=t,a=n,i=e.computed(()=>o.running[0]??null),l=e.computed(()=>o.running.length),s=e.computed(()=>l.value>1),p=e.computed(()=>{var h;return s.value&&!o.open?`${l.value} timers running`:((h=i.value)==null?void 0:h.task)??""}),r=e.computed(()=>{var h;return s.value&&!o.open?`${o.running[0].task} · ${o.running[1].task}`:((h=i.value)==null?void 0:h.project)??""}),g=e.computed(()=>({display:"inline-flex",alignItems:"center",gap:o.compact?"8px":"12px",height:o.compact?"var(--pill-h-compact)":"var(--pill-h)",padding:o.compact?"0 8px 0 10px":"0 8px 0 14px",borderRadius:"var(--r-pill)",background:"var(--bg-elev)",color:"var(--label)",boxShadow:i.value&&!o.paused?"var(--sh-float), 0 0 0 1.5px var(--running)":"var(--sh-float)",transition:"box-shadow var(--t-base)",cursor:"pointer",maxWidth:"100%"})),c=h=>{if(!(h.target instanceof Element&&h.target.closest("button")!==null)){if(i.value===null)return a("start");o.compact||a("update:open",!o.open)}},f=h=>{h.key!=="Enter"&&h.key!==" "||(h.preventDefault(),c(h))},m=h=>{h.key==="Escape"&&a("update:open",!1)};e.watch(()=>o.open,h=>{typeof window>"u"||(h?window.addEventListener("keydown",m):window.removeEventListener("keydown",m))},{immediate:!0}),e.onBeforeUnmount(()=>{typeof window<"u"&&window.removeEventListener("keydown",m)});const y=()=>{if(o.paused)return a("start");if(s.value)return a("stopAll");i.value&&a("stop",i.value.id)},u={display:"block",fontSize:"13.5px",fontWeight:600,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},I={display:"flex",alignItems:"center",gap:"10px",width:"100%",padding:"9px 10px",borderRadius:"var(--r-btn)",fontSize:"13.5px",textAlign:"left"};return(h,b)=>(e.openBlock(),e.createElementBlock("div",Fe,[t.open&&!t.compact?(e.openBlock(),e.createElementBlock("div",{key:0,"data-popover":"",style:{position:"absolute",right:0,bottom:"calc(100% + 10px)",width:"320px",background:"var(--bg-elev)",borderRadius:"var(--r-card)",boxShadow:"var(--sh-float)",padding:"6px",animation:"t-pop var(--t-base) var(--ease-out) both",zIndex:5,color:"var(--label)"},onClick:b[3]||(b[3]=e.withModifiers(()=>{},["stop"]))},[e.renderSlot(h.$slots,"popover",{running:t.running},()=>[e.createElementVNode("div",$e,[e.createElementVNode("span",Re,e.toDisplayString(l.value?`${l.value} running`:"Nothing running"),1),s.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","data-stop-all":"",style:{"font-size":"12.5px",color:"var(--accent)","font-weight":"600"},onClick:b[0]||(b[0]=x=>a("stopAll"))},"Stop all")):e.createCommentVNode("",!0)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.running,x=>(e.openBlock(),e.createElementBlock("div",{key:x.id,class:"row-press",style:{display:"flex","align-items":"center",gap:"10px",padding:"8px 10px","border-radius":"var(--r-btn)"}},[e.createVNode(B,{color:x.color,size:8,running:""},null,8,["color"]),e.createElementVNode("span",ve,[e.createElementVNode("span",{style:u},e.toDisplayString(x.task),1),e.createElementVNode("span",Me,e.toDisplayString(x.project)+" · since "+e.toDisplayString(x.since),1)]),e.createVNode(z,{seconds:x.seconds,size:14,tone:"running",weight:600},null,8,["seconds"]),e.createVNode(w,{icon:"square",label:"Stop",size:26,tone:"soft",onClick:Yt=>a("stop",x.id)},null,8,["onClick"])]))),128)),b[8]||(b[8]=e.createElementVNode("div",{style:{height:"1px",background:"var(--sep)",margin:"4px 8px"}},null,-1)),e.createElementVNode("button",{type:"button","data-start":"",class:"row-press",style:e.normalizeStyle({...I,color:"var(--accent)",fontWeight:600}),onClick:b[1]||(b[1]=x=>a("start"))},[e.createVNode(k,{name:"plus",size:15}),b[5]||(b[5]=e.createTextVNode("Start another timer",-1)),b[6]||(b[6]=e.createElementVNode("span",{class:"num",style:{"margin-left":"auto","font-size":"11px",color:"var(--label-3)","font-weight":"500"}},"⌘N",-1))],4),e.createElementVNode("button",{type:"button","data-open-app":"",class:"row-press",style:e.normalizeStyle({...I,color:"var(--label-2)"}),onClick:b[2]||(b[2]=x=>a("openApp"))},[e.createVNode(k,{name:"app-window",size:15}),b[7]||(b[7]=e.createTextVNode("Open Timebraid ",-1))],4)])])):e.createCommentVNode("",!0),e.createElementVNode("div",{"data-shell":"",role:i.value&&t.compact?void 0:"button",tabindex:i.value&&t.compact?-1:0,"aria-expanded":i.value&&!t.compact?t.open:void 0,style:e.normalizeStyle(g.value),title:"Click to expand",onClick:c,onKeydown:f},[i.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(B,{color:i.value.color,size:t.compact?7:9,running:!t.paused},null,8,["color","size","running"]),t.compact?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",Le,[e.createElementVNode("span",je,e.toDisplayString(p.value),1),e.createElementVNode("span",Pe,e.toDisplayString(r.value),1)])),e.createVNode(z,{seconds:i.value.seconds,mode:t.compact?"short":"clock",size:t.compact?13:16,tone:t.paused?"muted":"running",weight:600},null,8,["seconds","mode","size","tone"]),t.compact&&s.value?(e.openBlock(),e.createElementBlock("span",Ge,"+"+e.toDisplayString(l.value-1),1)):e.createCommentVNode("",!0),t.compact?(e.openBlock(),e.createBlock(w,{key:3,icon:"square",label:"Stop",size:22,tone:"accent",onClick:b[4]||(b[4]=x=>a("stop",i.value.id))})):(e.openBlock(),e.createBlock(w,{key:2,icon:t.paused?"play":"square",label:t.paused?"Resume":s.value?"Stop all":"Stop",size:30,tone:"accent",onClick:y},null,8,["icon","label"]))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("span",{style:e.normalizeStyle({width:t.compact?"18px":"30px",height:t.compact?"18px":"30px",borderRadius:"50%",background:"var(--accent-soft)",display:"grid",placeItems:"center"})},[e.createVNode(k,{name:"play",size:t.compact?10:14,color:"var(--accent)"},null,8,["size"])],4),e.createElementVNode("span",{style:e.normalizeStyle({fontSize:t.compact?"var(--text-section)":"13.5px",fontWeight:500,color:"var(--label-2)",paddingRight:"6px"})},"Start a timer",4)],64))],44,Oe)]))}}),We=["aria-expanded"],Ke={style:{flex:"1","min-width":"0"}},He={style:{display:"block","font-size":"13.5px","font-weight":"600","white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"}},qe={style:{"font-size":"var(--text-footnote)",color:"var(--label-3)"}},Ue={key:1,"data-list":"",style:{position:"absolute",left:"8px",right:"8px",top:"100%","z-index":"20",background:"var(--bg-elev)","border-radius":"var(--r-cell)","box-shadow":"var(--sh-float)",padding:"4px",animation:"t-pop var(--t-base) var(--ease-out) both"}},Ye=["onClick"],Xe={style:{flex:"1","font-size":"13px","min-width":"0",overflow:"hidden","text-overflow":"ellipsis","white-space":"nowrap"}},Ze={key:0,style:{"font-size":"10.5px",color:"var(--label-3)"}},Je=e.defineComponent({__name:"TWorkspaceSwitcher",props:{workspaces:{},modelValue:{}},emits:["update:modelValue","create"],setup(t,{emit:n}){const o=t,a=n,i=e.ref(null),l=e.ref(!1),s=e.computed(()=>o.workspaces.find(c=>c.id===o.modelValue)??o.workspaces[0]??null),p=c=>c.memberCount<=1?"Just you":`${c.memberCount} members`,r=c=>{a("update:modelValue",c),l.value=!1},g=c=>{i.value!==null&&c.target instanceof Node&&i.value.contains(c.target)||(l.value=!1)};return e.onMounted(()=>document.addEventListener("pointerdown",g)),e.onBeforeUnmount(()=>document.removeEventListener("pointerdown",g)),(c,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"root",ref:i,style:{position:"relative",padding:"0 8px 10px"}},[s.value?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","data-current":"",class:"press row-press","aria-haspopup":"listbox","aria-expanded":l.value,style:{display:"flex","align-items":"center",gap:"9px",width:"100%",padding:"6px 8px","border-radius":"var(--r-btn)","text-align":"left"},onClick:f[0]||(f[0]=m=>l.value=!l.value)},[e.createElementVNode("span",{style:e.normalizeStyle({width:"24px",height:"24px",borderRadius:"calc(var(--r-btn) - 3px)",background:s.value.color,display:"grid",placeItems:"center",color:"var(--on-accent)",fontSize:"var(--text-section)",fontWeight:700,flex:"none"})},e.toDisplayString(s.value.name[0]),5),e.createElementVNode("span",Ke,[e.createElementVNode("span",He,e.toDisplayString(s.value.name)+" workspace",1),e.createElementVNode("span",qe,e.toDisplayString(p(s.value)),1)]),e.createVNode(k,{name:"chevrons-up-down",size:14,color:"var(--label-3)"})],8,We)):e.createCommentVNode("",!0),l.value?(e.openBlock(),e.createElementBlock("div",Ue,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.workspaces,m=>(e.openBlock(),e.createElementBlock("button",{key:m.id,type:"button","data-workspace":"",class:"row-press",style:e.normalizeStyle({display:"flex",alignItems:"center",gap:"9px",width:"100%",padding:"7px 8px",borderRadius:"calc(var(--r-btn) - 2px)",textAlign:"left",background:m.id===t.modelValue?"var(--accent-soft)":"transparent"}),onClick:y=>r(m.id)},[e.createElementVNode("span",{style:e.normalizeStyle({width:"20px",height:"20px",borderRadius:"calc(var(--r-btn) - 4px)",background:m.color,color:"var(--on-accent)",display:"grid",placeItems:"center",fontSize:"10px",fontWeight:700,flex:"none"})},e.toDisplayString(m.name[0]),5),e.createElementVNode("span",Xe,e.toDisplayString(m.name),1),m.isDefault?(e.openBlock(),e.createElementBlock("span",Ze,"Default")):e.createCommentVNode("",!0),m.id===t.modelValue?(e.openBlock(),e.createBlock(k,{key:1,name:"check",size:14,color:"var(--accent)"})):e.createCommentVNode("",!0)],12,Ye))),128)),f[3]||(f[3]=e.createElementVNode("div",{style:{height:"1px",background:"var(--sep)",margin:"4px 6px"}},null,-1)),e.createElementVNode("button",{type:"button","data-create":"",class:"row-press",style:{display:"flex","align-items":"center",gap:"9px",width:"100%",padding:"7px 8px","border-radius":"calc(var(--r-btn) - 2px)","font-size":"13px",color:"var(--accent)"},onClick:f[1]||(f[1]=m=>{l.value=!1,a("create")})},[e.createVNode(k,{name:"plus",size:14}),f[2]||(f[2]=e.createTextVNode("New workspace ",-1))])])):e.createCommentVNode("",!0)],512))}}),_e={style:{flex:"1","min-width":"0","line-height":"1.15"}},et={style:{display:"block","font-size":"var(--text-body)","font-weight":"600","white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"}},tt={style:{"font-size":"var(--text-caption)",color:"var(--label-2)","white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis",display:"block"}},ot=e.defineComponent({__name:"TTimerBar",props:{task:{},project:{},color:{default:"var(--chart-1)"},seconds:{},more:{default:0},android:{type:Boolean,default:!1},bottom:{default:94}},emits:["stop","open"],setup(t,{emit:n}){const o=t,a=n,i=e.computed(()=>o.more>0?`${o.project} · +${o.more} more`:o.project),l=p=>{p.target instanceof Element&&p.target.closest("button")!==null||a("open")},s=p=>{p.key!=="Enter"&&p.key!==" "||p.target instanceof Element&&p.target.closest("button")!==null||(p.preventDefault(),a("open"))};return(p,r)=>(e.openBlock(),e.createElementBlock("div",{class:"press",role:"button",tabindex:"0","aria-label":"Open the running timer",style:e.normalizeStyle({position:"absolute",left:"12px",right:"12px",bottom:t.bottom+"px",height:"var(--timer-bar-h)",borderRadius:t.android?"var(--r-card)":"var(--r-sheet)",background:"var(--bg-elev)",boxShadow:"var(--sh-float), 0 0 0 1.5px var(--running)",display:"flex",alignItems:"center",gap:"10px",padding:"0 8px 0 14px",animation:"t-pop var(--t-sheet) var(--ease-sheet) both",zIndex:5,cursor:"pointer"}),onClick:l,onKeydown:s},[e.createVNode(B,{color:t.color,size:9,running:""},null,8,["color"]),e.createElementVNode("span",_e,[e.createElementVNode("span",et,e.toDisplayString(t.task),1),e.createElementVNode("span",tt,e.toDisplayString(i.value),1)]),e.createVNode(z,{seconds:t.seconds,size:17,tone:"running",weight:600},null,8,["seconds"]),e.createVNode(w,{icon:"square",label:"Stop",size:36,tone:"accent",onClick:r[0]||(r[0]=g=>a("stop"))})],36))}}),nt={"aria-hidden":"true",style:{position:"absolute",inset:"0",overflow:"hidden","pointer-events":"none"}},at=e.defineComponent({__name:"TStrokes",props:{opacity:{default:.06}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",nt,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(4,a=>e.createElementVNode("span",{key:a,style:e.normalizeStyle({position:"absolute",left:16+(a-1)*12+"%",top:"-20%",width:"clamp(28px, 5.5%, 80px)",height:"140%",borderRadius:"var(--r-pill)",background:"var(--label)",opacity:t.opacity,transform:"rotate(-8deg)"})},null,4)),64)),e.createElementVNode("span",{style:e.normalizeStyle({position:"absolute",left:"4%",top:"38%",width:"68%",height:"5.5%",borderRadius:"var(--r-pill)",background:"var(--orange)",opacity:t.opacity*2.6,transform:"rotate(-32deg)",transformOrigin:"left center"})},null,4)]))}}),lt={style:{height:"44px",display:"flex","align-items":"center","justify-content":"center",position:"relative",padding:"0 16px"}},it={style:{position:"absolute",right:"12px",display:"flex",gap:"4px"}},rt={style:{"font-size":"var(--text-large-title-phone)","font-weight":"700","letter-spacing":"var(--tracking-large-title)","line-height":"1.1","white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"}},st={key:0,style:{"font-size":"13px",color:"var(--label-2)"}},ct=e.defineComponent({__name:"TIOSNav",props:{title:{},sub:{},scrolled:{type:Boolean}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle({position:"sticky",top:0,zIndex:10,background:t.scrolled?"var(--bg-bar)":"transparent",backdropFilter:t.scrolled?"var(--blur)":"none",WebkitBackdropFilter:t.scrolled?"var(--blur)":"none",borderBottom:`1px solid ${t.scrolled?"var(--sep)":"transparent"}`,transition:"background var(--t-base), border-color var(--t-base)"})},[e.createElementVNode("div",lt,[e.createElementVNode("span",{"data-inline":"",style:e.normalizeStyle({fontSize:"var(--text-title)",fontWeight:600,opacity:t.scrolled?1:0,transform:t.scrolled?"none":"translateY(6px)",transition:"all var(--t-base) var(--ease)"})},e.toDisplayString(t.title),5),e.createElementVNode("span",it,[e.renderSlot(n.$slots,"right")])]),e.createElementVNode("div",{"data-large":"",style:e.normalizeStyle({padding:"0 16px",height:t.scrolled?"0px":"50px",overflow:"hidden",transition:"height var(--t-base) var(--ease)"})},[e.createElementVNode("div",rt,e.toDisplayString(t.title),1),t.sub?(e.openBlock(),e.createElementBlock("div",st,e.toDisplayString(t.sub),1)):e.createCommentVNode("",!0)],4)],4))}}),dt=["aria-current","onClick"],pt={style:{"font-size":"10px","font-weight":"500"}},mt={key:0,"data-indicator":"",style:{position:"absolute",bottom:"8px",left:"50%",width:"134px",height:"5px","border-radius":"var(--r-pill)",background:"var(--label)",transform:"translateX(-50%)",opacity:".9"}},ft=e.defineComponent({__name:"TIOSTabBar",props:{items:{},modelValue:{},indicator:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:n}){const o=n;return(a,i)=>(e.openBlock(),e.createElementBlock("nav",{"aria-label":"Sections",style:e.normalizeStyle({position:"absolute",left:0,right:0,bottom:0,height:"var(--tab-bar-h-ios)",background:"var(--bg-bar)",backdropFilter:"var(--blur)",WebkitBackdropFilter:"var(--blur)",borderTop:"1px solid var(--sep)",display:"grid",gridTemplateColumns:`repeat(${t.items.length}, 1fr)`,paddingTop:"6px",paddingBottom:"22px",zIndex:6})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,l=>(e.openBlock(),e.createElementBlock("button",{key:l.id,type:"button","aria-current":l.id===t.modelValue?"page":void 0,style:e.normalizeStyle({display:"grid",justifyItems:"center",gap:"3px",color:l.id===t.modelValue?"var(--accent)":"var(--label-3)",transition:"color var(--t-fast)"}),onClick:s=>o("update:modelValue",l.id)},[e.createElementVNode("span",{style:e.normalizeStyle({transform:l.id===t.modelValue?"scale(1.08)":"none",transition:"transform var(--t-base) var(--ease-sheet)"})},[e.createVNode(k,{name:l.icon,size:24},null,8,["name"])],4),e.createElementVNode("span",pt,e.toDisplayString(l.label),1)],12,dt))),128)),t.indicator?(e.openBlock(),e.createElementBlock("span",mt)):e.createCommentVNode("",!0)],4))}}),gt={style:{height:"64px",display:"flex","align-items":"center",padding:"0 16px",gap:"12px"}},ht={style:{"font-size":"22px","font-weight":"500",flex:"1","min-width":"0","white-space":"nowrap",overflow:"hidden","text-overflow":"ellipsis"}},bt=e.defineComponent({__name:"TAndroidTop",props:{title:{}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",gt,[e.createElementVNode("span",ht,e.toDisplayString(t.title),1),e.renderSlot(n.$slots,"right")]))}}),yt=["aria-current","onClick"],kt={key:0,"data-indicator":"",style:{position:"absolute",bottom:"6px",left:"50%",width:"108px",height:"4px","border-radius":"var(--r-pill)",background:"var(--label)",transform:"translateX(-50%)",opacity:".8"}},xt=e.defineComponent({__name:"TAndroidNavBar",props:{items:{},modelValue:{},indicator:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:n}){const o=n;return(a,i)=>(e.openBlock(),e.createElementBlock("nav",{"aria-label":"Sections",style:e.normalizeStyle({position:"absolute",left:0,right:0,bottom:0,height:"var(--nav-bar-h-android)",background:"var(--bg-elev)",display:"grid",gridTemplateColumns:`repeat(${t.items.length}, 1fr)`,paddingTop:"12px",zIndex:6})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,l=>(e.openBlock(),e.createElementBlock("button",{key:l.id,type:"button","aria-current":l.id===t.modelValue?"page":void 0,style:e.normalizeStyle({display:"grid",justifyItems:"center",gap:"4px",color:l.id===t.modelValue?"var(--label)":"var(--label-2)"}),onClick:s=>o("update:modelValue",l.id)},[e.createElementVNode("span",{"data-pill":"",style:e.normalizeStyle({width:l.id===t.modelValue?"64px":"32px",height:"32px",borderRadius:"var(--r-pill)",background:l.id===t.modelValue?"var(--accent-soft-2)":"transparent",display:"grid",placeItems:"center",transition:"width var(--t-base) var(--ease-sheet), background var(--t-base)"})},[e.createVNode(k,{name:l.icon,size:22,color:l.id===t.modelValue?"var(--accent)":"var(--label-2)"},null,8,["name","color"])],4),e.createElementVNode("span",{style:e.normalizeStyle({fontSize:"var(--text-footnote)",fontWeight:l.id===t.modelValue?600:500})},e.toDisplayString(l.label),5)],12,yt))),128)),t.indicator?(e.openBlock(),e.createElementBlock("span",kt)):e.createCommentVNode("",!0)],4))}}),ut="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1024'%20height='1024'%20viewBox='0%200%201024%201024'%3e%3cdefs%3e%3clinearGradient%20id='bg'%20x1='0'%20y1='0'%20x2='0.35'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%234A57D2'%3e%3c/stop%3e%3cstop%20offset='0.55'%20stop-color='%232C3391'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%23151A54'%3e%3c/stop%3e%3c/linearGradient%3e%3cradialGradient%20id='lift'%20cx='0.5'%20cy='0.06'%20r='0.85'%3e%3cstop%20offset='0'%20stop-color='%23FFFFFF'%20stop-opacity='0.16'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%23FFFFFF'%20stop-opacity='0'%3e%3c/stop%3e%3c/radialGradient%3e%3cclipPath%20id='mask'%3e%3crect%20x='100.0'%20y='100.0'%20width='824'%20height='824'%20rx='181.3'%20ry='181.3'%3e%3c/rect%3e%3c/clipPath%3e%3c/defs%3e%3crect%20id='icon-shape'%20x='100.0'%20y='100.0'%20width='824'%20height='824'%20rx='181.3'%20ry='181.3'%20fill='url(%23bg)'%3e%3c/rect%3e%3crect%20x='100.0'%20y='100.0'%20width='824'%20height='824'%20rx='181.3'%20ry='181.3'%20fill='url(%23lift)'%3e%3c/rect%3e%3cg%20clip-path='url(%23mask)'%3e%3cline%20x1='308'%20y1='296'%20x2='308'%20y2='728'%20stroke='%23FFFFFF'%20stroke-width='68'%20stroke-linecap='round'%3e%3c/line%3e%3cline%20x1='444'%20y1='296'%20x2='444'%20y2='728'%20stroke='%23FFFFFF'%20stroke-width='68'%20stroke-linecap='round'%3e%3c/line%3e%3cline%20x1='580'%20y1='296'%20x2='580'%20y2='728'%20stroke='%23FFFFFF'%20stroke-width='68'%20stroke-linecap='round'%3e%3c/line%3e%3cline%20x1='716'%20y1='296'%20x2='716'%20y2='728'%20stroke='%23FFFFFF'%20stroke-width='68'%20stroke-linecap='round'%3e%3c/line%3e%3cpath%20d='M%20248%20716%20C%20478.0%20619.0,%20626.4%20504.2,%20778%20306'%20fill='none'%20stroke='%23F5A524'%20stroke-width='80'%20stroke-linecap='round'%3e%3c/path%3e%3c/g%3e%3c/svg%3e",wt="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAOUElEQVR4nO1afZBWVR1+zn13910QENhlJZCEMIQEEpNppEhEMK3sw9SmNJ2hsmbSPpzSPqbp07IarampKa1Gs+/SSibNFBS0zMAswbQWkWC3gCUWFnaXfd97fk9/nM/73nt3YdO/2jPz7t73nnPPPb/nPL/P8wJjbayNtbE21v5/mxrNQ1df3VndPXB4VaKwKgFmAOhQYAICShFIFAgCEPMCKqUSAQRAEr+YdkZCRAACQoJC8zxJoR1HQETb+wChRIveSy3dism6+vT6/fd8/TVDzysAr1/z9MTxavCjJN4LYJJSBBSgSDsToVQknAKUF9Jeq3DNCAAKQcLcdQDY/0ICYvpECFIAwF6bjxAHwfQblZq+4a673nDoOQfgonc+vkKl+GmSsMPtCBTNBO5/dK0AUBEKhDLfDDtgH1WEstMYYcUICnihaEhg2WE5JbTX9AC4PlJA4W5A3nL3nW/Y+JwBcOHbN729Ukm+A6DFLNzukFJ2VwlFBShmAPAsUABo2OGlVo4Fps/tupFHMgCYPgFpAbAsETYAYNkhZE2E77jvrjf94H8G4KLLHl3OpHK/UmwB7M4Bnr6O1o20zzDCf6FXF2VVhoChOgmBoToQhGMMjqM8CAogtMzIAODH1CHpeb9be8n6UQNw6aV/nDSoVKdKVAf8wiP62/8OALejygnNMJ7KgWe3n0Yl3K7DUhoMuu5tAxwQlh2eAQAsW8y1A0cck3YPJtV5vx/GJiTDATCg1HUEO8xLBaSGaLEUdffcC7Wlo+kTLRCaDynhvth7yPaLiJ0n+kjU59/JhnH0Y4UCirasEJCcXk0Hrh0VAy6++MmWenNfDxQmAfS6Diqzq7Hhc9ZfGZ31u6wYqYzxFko552d2GJHhM9Q3VIbbdWcThP455wm8jcipiVhNIkA5cHDv4Y7HHnt3vUjOpjIA0pb951LUJMdy8yfQ16iENYJ24QqG5nSu0S7WgSOk85YBAAT9hVOHyMo7cDzbvCEUix+j/vi7AQPk5AltrasA3HNMAGjBClAAKL87DghaIycUL7SXyxoo5+a8ACpce+uPYMHh9Nl7gsAAQCKbYCGjWEMY3GJ4JvIOJFLhymMGINV6VsVx3K/QbXwcxADNzQnOXz0THe2teODhf+OZ7X1ANEKBmDt7Es5aPgM9PYP47X3/RD0VS38zrrlJ4bzVszFt2jg8sKEL27b3BtpbnT75RZOxcsVJ2LO3H2t/04kJLb2Y374Duw62Y0dvB8R6EAeGc6+K+sQyOUsBUMQ0wvl8M62yGuA8gqPsFW97MV5z7iwAwDkrZuDqD/8BPfsGvO53TGvFZz6xFNWWCgCgo6MVt9z6ZACAwBWXLsT5584GAKxa8UJcdc067N7bb0AXor29FV/87FmoVs0cC6Y8hVP7voJqpQZS4ft/OQc/3/qKyGOI3TCCwAllcpZ6AVI3iehggb3l1eG7GGu+ZHGbf65arWDBKcdbippn5s873gsPAKctajfewH80Tls8LTPH/HlTrAcw7zt1QZsXnod2YMnQF1Gt1MxmKeKtix9ENRnya0PscSilG13a4fTbUd8FP44JLpBRACqVrDNJEhekmO+VJNtfqShQC2JD2DhHpaIsgLRz2I2pH8bQhvdApVnX3pxoNFXqYD0JwZGzBaLLxCwHgCIZmivr6syCVDBmRY6UhGjxwZBLXrJDxBqzyPo39ns/72yBoPbIhyB9z+Tm+8POeeg70hy5zOAVcpMfCwB0SYvzX4yFDha7cfFCsa6wqN+ltvAAeLr4MbTqF3S6vuVr0F3rcmvt7puKmx4+L4oADQDiMszRMEAgSCJ/TbqoN8QCVPmFe4HdDns3mhlhVCQDQH4ORhnii1sfRn3rLblxg2kLPrPuTegfqlqbEXkolysgz8ARAaAWiHKRG12YZ6+j5KeAXhSbwlobkQfALI4RwI1NLAMEgqUzt+GciT/LjSMVbnrofOzYPxU+FEes+w7oUaiA2UHAbz1dHBhdlzEAZvFKhVA2J6A0AFCoRhqntHfj2lfegUTl57j98WXYuP1kUFLvqhkL7ULpUTEAOtDeZnwgPO1VFCHmd2Z4G2AA0B7IQiNFYtakvfjU2T9Ba1M+jE+nn4cfPr7AM02cwZSwcd4YDsOA8jhASJfxic3u4ixNXDzgqRyv3YWqIRZo7Hc+WqjNXA3vn1LpwudW/wgTqkdya6uccCYGFnwKWtsMlTrEKTBuzxhZn02WIlBuBK3l9Hk8QzLjqY2QB2QFlIwPL7YTZueKGCD7n8Sb225Aa9Kfey6ZugjVs74F7ktNsGOTJE93b/hcmuzC12MEgDYQIuB9vit5+CKod4kFLkybCq5SsIvINkfdRkMo/3kCQw+sKRReTTwJ1RU3A03jAfT5egKQNXg+hYaLJ0ZhBDU1Elfng/MEISKEhFpfHjyrkzZqlBzBCaH2Y/07u9dj6PcfBNKB3JwH03ZMX3kbVGu7vyeS2mAqMEqsITTvsHZgVJGgNn6eLoc3kpjASDnnUOwF4IyRyiYmkfyeAS4OaNn5YwxtuwlgfrFdBybj7v4P4gPHzcy9wwnqaO+vKf663AcMqwLaP+gzQfdiV/lRXhMyzSU5xn2yOBS2u9KsNN73yvvR2vm3wnXs7J2Ca9ZegDNfNSn7vF0jaYI2H//DVYWsY5ThvUB5HIBQkXH5vy992/KP+MiQjU9CqK38zOkgLUgdE/rwsZX3YuH0fxWuoHNfOz609rU4MNASIseo+XojGGoB3vDRqiILSToiAFqnULaA5w44vL1yhjCq7WQEdDU7OAAaF08sn/MPXLN8PSa2Fp9mPTu4AO//1VL0DzWjOOKk9VT0btXcpn8nfd8oGCBCmugrZH6uoOmPtej8RMPSbB7vw9JoDOv9GPf09fjk6sIKlVnUKZfjjt8uweHBLQC0d2m5NdIGU97/N+y8Y0SRGxoZAPGV36DzNinyrq9kXleUcOGo3R39rw2obf40Wg7vKn4uaUbL0k+jae7FkHvWBreGgoSGIZqEOyvMCB25w9EwgDY6o5nZJoDuBZELVEVxfKCnAjChsh9DD10Fveve0oVI63SMX/4VJNPO8HO4BMcZtqz8Mbgu8AnGLxyi5m3QUQMg9gzAyRl2nWDwhUVeHkKN5orGmxdtxZqZ34PeVX5yva5zDs5Y811MmDYrer8rhzmfXuRJUrjj87h4AucJrPBqNABAE6LE77QxhCq364Vzi8bZc7fh3cs2YebxfaWvGKg34+sbT8evt8zD3VdOzArnT4QCrXOvsWGvAycIHQ5SSCkM10cEQOAMTAhnlRfcHnfnskFC7/od1sz6Atrm7il9KQBs2jkdX1r3cnQdmABaY5YFIKiRVeaGGWx/bPAkeJ4ATF59jg4Apt7Ku4BHrCF0P1xQVg2UpEh3rEX61C2Q3qfQ1lIuuBo3Df1zPoCrbtxq7wQ9z4gnAthfhBR6gcgIZvP/yGZY7yCNkejRAAA3QXTeR2SN37imGl6/aBsmPvpG1I7sLpcaAFSCprmXoHnJtejt0SCf8GFwUXNpOFGsAj7R8eEwfNRpDGR8fxQAaNE20bMLsH+VIqqJxjtf8VdcdNrfMaFaA/Ipe6Z1Hl6ARZd8GcnkU+zie0FXFC1xp6bmkHoLLiUqkKG7XyujaFAgw7iBYbwAAVtN8UDYA87rXv0ILliUL003ts07O/DNjQvxojNW46VWeNfE1/CKQXA1wZDb55OkGAAneGABMi7ymAHQkiLxLs8AoGgUYdX8HcMK3jX4Qlx/12w8+mwHAGLO6fkFxBbe6G+230eTDIJlB8AmVIxYIojVwBk/PRoVALU1etEhCAwL9h4aj5OmNvzoQiWonLgKzfPX4OYbO/HIM38GkAIA6mmaGZqmOisciFRnd7heT6MxQK3eMIfWkaBRMBTVAkImWs6A0pqgQFKzCylozwjNrzg0Pn/vEpukAINpE7bjHIx73b2oLv8GhiYuxubHtmfO/TZv7sTgkZqfe+PDT0Fs3c6N2/hQSIcHB2vYtOkffgwlxZ82PY3BwTDHho1bIJKa9bmgyc8Zrm3NMote1EqLZSe/5OM/IHmpj/wszdzx2MRxNcxpO4Tt+45DneNx2duW4cQZU/DLX2/Clq07/c65gsHChbNw4RuXoqtrP77/ww2o1eoZ3W1pbsLll52FE2e24Y5fPoIntjwLIAq/QSxeOBsXXbgMO7t6cOtt92FoqObX5tVA8jtOxdv3dd9x+bEBsOAjNwh4HVyoiWBsoqltqBzpcXyEBkbnCPT33beM8UJ8P7wzVJNCmhtvSDgEHabuo/CFnu5ffKyoa7ia4HoA18VCx0arkREeDB912V+RREYuBiE2bFlw4+SlUej4XuPY8pYA+QPFkQAYXznuwYH00AGSk8sW5v/TxQjIGLbwe8JIaGTHlDIijj+E+XcefevdM33qRnQXd1aKbwM9PQ/qyW0vbyW5IguAmE9GiOgnc1GZqvGIG3E/w07GzzX+zoeRaxvOmpc2pa4f+PvtD5Z1D1MTBPqbazeOH6pcSXAGgNzO+Uiu4H5RgAIEuvtDV0vrOJKL6f4/tq4kbf3qcANG/KnsSSe/90whHwBYLRfa3MtSd+T7Ma0BZK6fg3YkUXL2nu47/zjcoFIVcO3g/k1dx089vZPkBSCbjFmTBoGMWuQFzd93qmFUKQbgORMcAIageMXe7jvLS1C2HfXP5WfMfdcypflzgDMajVQR1RuFKzKgz1PrSpRcPNLOuzYiA1w71PvnXeOrp35bVdQQwdNAjjNCSGSgsoYyD8AoDdnRtV4ofD7R4y7b8++fPnu0Dx01AzLtZVc2d/QMrKiIWknITCqeADABrHjxkdXz1BQoVNyjoLoScv2eF7RtwGM3F/4eeKyNtbE21sbaWCtu/wXbbknmO8/tpgAAAABJRU5ErkJggg==",Bt="data:image/png;base64,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",St="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAACcElEQVQ4jaWTP2hdZRjGf9/Jzb0xTSoV6qBEaRWRIkTQKGLF4iI6SKiDipKCFgRRBKuriKCDQ0Vw6FIXK4Jgl4IigsVKpzoYtHQT1JLKjRGSe+4553v/fK9D5BrMps/28sKPh4fngf+ptPN45vjqIyliKaoymEpaQUUpRimGqpfini3s0rlPH/1mF+Dose/P9FJ5tkoBVaFKhSoFEY6pY26YOaaGiHz89bknVyaA5ee+O0Kk84mg1wtmZyraThj0IcJpW6XfT2gzYqtNuBkl9Mj5L1e+rQCktUXTDrOWp48u8MF7S4h0vPbyXZx4ZRGRjlNv3sBHT7zF47ddQC3TjeVugB6AaturfNvy/PwU1+/to7lj7/w0ALNpg+kfTuIUfry2H5UGK9bbAchUyUlVIYoDkKUhIkil4fUHPiGa3/l5z4tcvtbHrcXMAKgATNoQ7ZDcUXz7IbkjrGbflVc5dONVerc/xa/9x9DcINoiUscEIFajuUWkxX3bwcL8L+z/6RiD0SpfXLmD/tLbFDeyNGiuURn/4yC3OUQatGvAR+jqST5c/ozpvMbmzS/wzlf3QKooRVEZk6VBtItJBmYtEc59t/7Gg6Mz6OVNhqM5+ve/Sze3SJffB8DdybmhFMV9RwaaG1UZc3DfkCiO3nmC5VMPc7U7wPofW3RdzcbGiOH6n4jW5DxGpJZJkQ4ceuOhML8Q4UxNBbPX9djcqpmZmSKK0zQNc3sGjOoaM/+7wuXwcO3sxUmVFw6+dLqEPh/hRHEijAinFAfiXxOK0+trnx/fNaabblk57K73luQDStm1vAhylcql4drZi7ue/1V/AR59iRuE60sRAAAAAElFTkSuQmCC",zt=["src","width","height","alt"],N=e.defineComponent({__name:"TLogo",props:{size:{default:40},wordmark:{type:Boolean,default:!1}},setup(t){const n=t,o=e.computed(()=>n.size>=64?ut:n.size>=48?wt:n.size>=24?Bt:St);return(a,i)=>(e.openBlock(),e.createElementBlock("span",{style:e.normalizeStyle({display:"inline-flex",alignItems:"center",gap:Math.round(t.size*.3)+"px"})},[e.createElementVNode("img",{src:o.value,width:t.size,height:t.size,alt:t.wordmark?"":"Timebraid",style:e.normalizeStyle({display:"block",borderRadius:t.size>=64?0:t.size*.22+"px"})},null,12,zt),t.wordmark?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle({fontFamily:"var(--font-sans)",fontWeight:600,fontSize:Math.round(t.size*.62)+"px",letterSpacing:"-0.02em",color:"var(--label)"})},"Timebraid",4)):e.createCommentVNode("",!0)],4))}}),At={style:{display:"grid",gap:"8px"}},Et=["value","autofocus","aria-label","onInput","onKeydown"],Vt={key:0,style:{"font-size":"var(--text-caption)",color:"var(--red)"}},Nt=e.defineComponent({__name:"TCodeInput",props:{modelValue:{default:""},length:{default:6},error:{},autofocus:{type:Boolean,default:!0}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,a=n,i=e.ref([]),l=e.computed(()=>Array.from({length:o.length},(c,f)=>o.modelValue[f]||""));function s(c,f){var y;const m=l.value.slice();m[c]=f,a("update:modelValue",m.join("").slice(0,o.length)),f&&c<o.length-1&&((y=i.value[c+1])==null||y.focus())}function p(c,f){s(c,f.target.value.replace(/\D/g,"").slice(-1))}function r(c,f){var m;f.key==="Backspace"&&!l.value[c]&&c>0&&((m=i.value[c-1])==null||m.focus(),s(c-1,""))}function g(c){var m,y;const f=(((m=c.clipboardData)==null?void 0:m.getData("text"))||"").replace(/\D/g,"").slice(0,o.length);f&&(c.preventDefault(),a("update:modelValue",f),(y=i.value[Math.min(f.length,o.length)-1])==null||y.focus())}return(c,f)=>(e.openBlock(),e.createElementBlock("div",At,[e.createElementVNode("div",{style:{display:"flex",gap:"8px"},onPaste:g},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(m,y)=>(e.openBlock(),e.createElementBlock("input",{key:y,ref_for:!0,ref:u=>{u&&(i.value[y]=u)},inputmode:"numeric",pattern:"[0-9]*",maxlength:"1",value:m,autofocus:t.autofocus&&y===0,"aria-label":"Digit "+(y+1),style:e.normalizeStyle({width:"44px",height:"52px",textAlign:"center",fontFamily:"var(--font-mono)",fontSize:"22px",color:"var(--label)",background:"var(--fill)",outline:"none",border:0,borderRadius:"var(--r-btn)",transition:"box-shadow var(--t-fast) var(--ease)",boxShadow:t.error?"inset 0 0 0 1px var(--red)":m?"inset 0 0 0 1px var(--sep-strong)":"none"}),onInput:u=>p(y,u),onKeydown:u=>r(y,u)},null,44,Et))),128))],32),t.error?(e.openBlock(),e.createElementBlock("span",Vt,e.toDisplayString(t.error),1)):e.createCommentVNode("",!0)]))}}),Ct={style:{display:"flex","align-items":"center",gap:"12px"}},Tt={style:{"min-width":"0"}},It={style:{"font-size":"13.5px",color:"var(--label-2)"}},Dt={key:0,style:{"font-size":"var(--text-body)",color:"var(--label-2)",margin:"0","line-height":"1.5"}},Ft={style:{display:"grid",gap:"14px"}},$t={key:1,style:{"text-align":"center","font-size":"13.5px",color:"var(--label-2)"}},Rt=e.defineComponent({__name:"TAuthCard",props:{title:{},description:{},width:{default:400}},setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:"view-in",style:e.normalizeStyle({position:"relative",width:"100%",maxWidth:t.width+"px",background:"var(--bg-elev)",borderRadius:"var(--r-sheet)",boxShadow:"var(--sh-float)",padding:"clamp(20px, 4vw, 32px)",display:"grid",gap:"18px"})},[e.createElementVNode("div",Ct,[e.createVNode(N,{size:44}),e.createElementVNode("div",Tt,[o[0]||(o[0]=e.createElementVNode("div",{style:{"font-size":"20px","font-weight":"700","letter-spacing":"-.02em"}},"Timebraid",-1)),e.createElementVNode("div",It,[e.renderSlot(n.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])])]),t.description||n.$slots.description?(e.openBlock(),e.createElementBlock("p",Dt,[e.renderSlot(n.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",Ft,[e.renderSlot(n.$slots,"default")]),n.$slots.footer?(e.openBlock(),e.createElementBlock("div",$t,[e.renderSlot(n.$slots,"footer")])):e.createCommentVNode("",!0)],4))}}),vt=["checked","disabled"],Mt={style:{display:"grid",gap:"2px"}},Ot={style:{"font-size":"var(--text-body)",color:"var(--label)"}},Lt={key:0,style:{"font-size":"var(--text-caption)",color:"var(--label-3)"}},jt=((t,n)=>{const o=t.__vccOpts||t;for(const[a,i]of n)o[a]=i;return o})(e.defineComponent({__name:"TCheckbox",props:{modelValue:{type:Boolean,default:!1},label:{},description:{},indeterminate:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:n}){const o=t,a=n,i=s=>a("update:modelValue",s.target.checked),l=e.computed(()=>o.modelValue||o.indeterminate);return(s,p)=>(e.openBlock(),e.createElementBlock("label",{class:"check",style:e.normalizeStyle({display:"inline-flex",alignItems:t.description?"flex-start":"center",gap:"9px",cursor:t.disabled?"not-allowed":"pointer",opacity:t.disabled?.4:1})},[e.createElementVNode("input",{type:"checkbox",checked:t.modelValue,disabled:t.disabled,style:{position:"absolute",width:"1px",height:"1px","clip-path":"inset(50%)",overflow:"hidden"},onChange:i},null,40,vt),e.createElementVNode("span",{class:"box","aria-hidden":"true",style:e.normalizeStyle({width:"16px",height:"16px",flex:"none",marginTop:t.description?"2px":0,borderRadius:"calc(var(--r-btn) - 6px)",boxShadow:l.value?"none":"inset 0 0 0 1px var(--sep-strong)",background:l.value?"var(--accent)":"var(--fill)",color:"var(--on-accent)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"11px",lineHeight:1,transition:"background var(--t-fast) var(--ease)"})},e.toDisplayString(t.indeterminate?"–":t.modelValue?"✓":""),5),e.createElementVNode("span",Mt,[e.createElementVNode("span",Ot,e.toDisplayString(t.label),1),t.description?(e.openBlock(),e.createElementBlock("span",Lt,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)])],4))}}),[["__scopeId","data-v-8c783040"]]),Pt={key:0,style:{color:"var(--label-3)","font-family":"var(--font-mono)","font-size":"11px"}},Gt=e.defineComponent({__name:"TTooltip",props:{content:{},shortcut:{},side:{default:"top"}},setup(t){const n=t,o=e.ref(!1),a=e.computed(()=>({top:{bottom:"100%",left:"50%",transform:"translate(-50%, -6px)"},bottom:{top:"100%",left:"50%",transform:"translate(-50%, 6px)"},left:{right:"100%",top:"50%",transform:"translate(-6px, -50%)"},right:{left:"100%",top:"50%",transform:"translate(6px, -50%)"}})[n.side]);return(i,l)=>(e.openBlock(),e.createElementBlock("span",{style:{position:"relative",display:"inline-flex"},onMouseenter:l[0]||(l[0]=s=>o.value=!0),onMouseleave:l[1]||(l[1]=s=>o.value=!1),onFocusin:l[2]||(l[2]=s=>o.value=!0),onFocusout:l[3]||(l[3]=s=>o.value=!1)},[e.renderSlot(i.$slots,"default"),o.value?(e.openBlock(),e.createElementBlock("span",{key:0,role:"tooltip",style:e.normalizeStyle({position:"absolute",...a.value,zIndex:40,display:"inline-flex",alignItems:"center",gap:"8px",padding:"5px 8px",background:"var(--label)",color:"var(--bg)",borderRadius:"var(--r-btn)",boxShadow:"var(--sh-float)",fontFamily:"var(--font-sans)",fontSize:"var(--text-caption)",whiteSpace:"nowrap",pointerEvents:"none"})},[e.createTextVNode(e.toDisplayString(t.content),1),t.shortcut?(e.openBlock(),e.createElementBlock("span",Pt,e.toDisplayString(t.shortcut),1)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0)],32))}}),Qt=["system","light","dark"],Wt="(prefers-color-scheme: dark)";function C(t,n){return t==="system"?n?"dark":"light":t}function T(t,n){t.setAttribute("data-theme",n),t.style.colorScheme=n}function Kt(){return typeof window>"u"||typeof window.matchMedia!="function"?null:window.matchMedia(Wt)??null}function Ht(t,n,o=Kt()){const a=()=>T(n,C(t(),(o==null?void 0:o.matches)??!1)),i=()=>a();return o==null||o.addEventListener("change",i),a(),{refresh:a,stop:()=>o==null?void 0:o.removeEventListener("change",i)}}d.DEFAULT_ICON_BASE=A,d.PROJECT_COLORS=Ve,d.TAndroidNavBar=xt,d.TAndroidTop=bt,d.TAuthCard=Rt,d.TAvatar=de,d.TBadge=se,d.TBar=ce,d.TBtn=q,d.TCheckbox=jt,d.TCodeInput=Nt,d.TDot=B,d.TDur=z,d.TField=te,d.TGroup=R,d.THEME_PREFERENCES=Qt,d.TIMEBRAID_ICON_BASE=E,d.TIOSNav=ct,d.TIOSTabBar=ft,d.TIcon=k,d.TIconBtn=w,d.TLargeTitle=be,d.TLogo=N,d.TPill=Qe,d.TRow=G,d.TSeg=K,d.TSelect=ie,d.TSheet=Ae,d.TStrokes=at,d.TTimerBar=ot,d.TToggle=X,d.TTooltip=Gt,d.TWaterfall=De,d.TWorkspaceSwitcher=Je,d.applyTheme=T,d.formatDuration=V,d.resolveTheme=C,d.watchTheme=Ht,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@timebraid/vue",
+  "version": "1.3.0",
+  "description": "Timebraid design system components for Vue 3.",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "main": "./dist/timebraid-vue.umd.cjs",
+  "module": "./dist/timebraid-vue.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/timebraid-vue.js",
+      "require": "./dist/timebraid-vue.umd.cjs"
+    },
+    "./style.css": "./dist/style.css",
+    "./package.json": "./package.json"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "peerDependencies": {
+    "vue": "^3.4.0",
+    "@timebraid/tokens": "^1.3.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.1.4",
+    "@vue/test-utils": "^2.4.6",
+    "happy-dom": "^15.11.0",
+    "vite": "^5.4.8",
+    "vite-plugin-dts": "^4.2.3",
+    "vitest": "^2.1.4",
+    "vue": "^3.5.12",
+    "vue-tsc": "^2.1.6",
+    "typescript": "^5.6.3",
+    "@timebraid/tokens": "1.3.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit -p tsconfig.build.json && vite build",
+    "typecheck": "vue-tsc --noEmit -p tsconfig.build.json",
+    "test": "vitest run"
+  }
+}