@returnless/focus-ui 0.0.47 → 0.0.48

package/dist/focus-ui.js

@@ -20340,7 +20340,8 @@ const n3 = { class: "ml-1 hidden text-black group-hover:block" }, o3 = /* @__PUR
   props: {
     alt: {},
     ratio: { default: 16 / 9 },
-    source: {}
+    source: {},
+    subdued: { type: Boolean, default: !1 }
   },
   setup(t) {
     const e = ue(!1);
@@ -20353,8 +20354,11 @@ const n3 = { class: "ml-1 hidden text-black group-hover:block" }, o3 = /* @__PUR
           dr(ne(S(oi), {
             alt: n.alt,
             source: n.source,
+            class: ye({
+              "opacity-30 grayscale": n.subdued
+            }),
             onError: r
-          }, null, 8, ["alt", "source"]), [
+          }, null, 8, ["alt", "source", "class"]), [
             [Xo, !e.value]
           ])
         ]),

package/dist/focus-ui.umd.cjs

@@ -27,7 +27,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 
 Please specify a more appropriate element using the "as" attribute. For example:
 
-<Link href="${a}" method="${o}" as="button">...</Link>`),n.h(t.as,{...r,...i==="a"?{href:a}:{},onClick:c=>{$O(c)&&(c.preventDefault(),fu.visit(a,{data:s,method:o,replace:t.replace,preserveScroll:t.preserveScroll,preserveState:t.preserveState??o!=="get",only:t.only,except:t.except,headers:t.headers,onCancelToken:r.onCancelToken||(()=>({})),onBefore:r.onBefore||(()=>({})),onStart:r.onStart||(()=>({})),onProgress:r.onProgress||(()=>({})),onFinish:r.onFinish||(()=>({})),onCancel:r.onCancel||(()=>({})),onSuccess:r.onSuccess||(()=>({})),onError:r.onError||(()=>({}))}))}},e)}}}),Xh=AO;const OO={class:"ml-1 hidden text-black group-hover:block"},Qh=n.defineComponent({__name:"CardHelp",props:{label:{},href:{default:void 0},onClick:{type:Function,default:void 0}},setup(t){const e=t;return(r,i)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.href?n.unref(Xh):"button"),n.mergeProps({href:r.href,class:"group ml-2 flex shrink-0 items-center rounded-full border border-transparent p-1 pr-2 text-xs font-normal leading-none text-slate-500 hover:border-slate-300 hover:bg-slate-100 dark:text-zinc-400",target:r.href?"_blank":void 0},r.$attrs,{onClick:r.onClick}),{default:n.withCtx(()=>[n.createVNode(n.unref(id),{class:"size-4 group-hover:text-brand-500"}),n.createElementVNode("span",OO,n.toDisplayString(r.label),1)]),_:1},16,["href","target","onClick"]))}}),CO={class:"mb-4 size-14 overflow-hidden rounded-md border bg-white bg-gradient-to-tl from-slate-100 to-50% p-1 shadow"},BO=n.defineComponent({__name:"CardIcon",props:{alt:{},source:{}},setup(t){return(e,r)=>(n.openBlock(),n.createElementBlock("div",CO,[n.createVNode(n.unref(ii),{fit:"contain"},{default:n.withCtx(()=>[n.createVNode(n.unref(bn),{source:e.source,alt:e.alt,class:"rounded"},null,8,["source","alt"])]),_:1})]))}}),DO=n.defineComponent({__name:"CardLayout",props:{columns:{default:1}},setup(t){const e=t,r=n.computed(()=>[{"grid-cols-1":e.columns===1},{"grid-cols-2":e.columns===2},{"grid-cols-3":e.columns===3}]);return(i,o)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["grid gap-[var(--grid-gap)]",r.value])},[n.renderSlot(i.$slots,"default")],2))}}),Xa=n.defineComponent({__name:"CardSection",props:{flush:{type:Boolean,default:!1},alignment:{default:"start"}},setup(t){const e=t,r=n.computed(()=>[{"py-6":e.flush},{"p-6":!e.flush},{"justify-start":e.alignment==="start"},{"justify-end":e.alignment==="end"}]);return(i,o)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([r.value,"inline-flex h-full flex-col"])},[n.renderSlot(i.$slots,"default")],2))}}),PO={class:"relative bg-slate-200"},IO={key:0,class:"absolute inset-0"},NO=n.defineComponent({__name:"CardMedia",props:{alt:{},ratio:{default:16/9},source:{}},setup(t){const e=n.ref(!1);function r(){e.value=!0}return(i,o)=>(n.openBlock(),n.createElementBlock("div",PO,[n.createVNode(n.unref(ii),{ratio:i.ratio},{default:n.withCtx(()=>[n.withDirectives(n.createVNode(n.unref(bn),{alt:i.alt,source:i.source,onError:r},null,8,["alt","source"]),[[n.vShow,!e.value]])]),_:1},8,["ratio"]),i.$slots.default?(n.openBlock(),n.createElementBlock("div",IO,[n.createVNode(Xa,null,{default:n.withCtx(()=>[n.renderSlot(i.$slots,"default")]),_:3})])):n.createCommentVNode("",!0)]))}}),LO={},RO={class:"relative flex h-0 items-center"};function FO(t,e){return n.openBlock(),n.createElementBlock("div",RO,e[0]||(e[0]=[n.createElementVNode("div",{class:"h-px w-full shrink-0 bg-slate-300 dark:bg-zinc-700"},null,-1)]))}const VO=pe(LO,[["render",FO]]),zO={class:"flex items-center"},jO={class:"truncate"},UO=n.defineComponent({__name:"CardTitle",props:{cardHelp:{default:null}},setup(t){return(e,r)=>(n.openBlock(),n.createBlock(n.unref(_n),{level:"h2"},{default:n.withCtx(()=>[n.createElementVNode("span",zO,[n.createElementVNode("span",jO,[n.renderSlot(e.$slots,"default")]),e.cardHelp?(n.openBlock(),n.createBlock(n.unref(Qh),n.normalizeProps(n.mergeProps({key:0},e.cardHelp)),null,16)):n.createCommentVNode("",!0)])]),_:3}))}}),qO={class:"h-4 rounded flex [&>*]:flex-shrink-0 overflow-hidden mb-4"},HO=["onMouseenter"],WO=["onMouseenter"],GO={class:"space-x-1"},KO=n.defineComponent({__name:"CategoryBar",props:{categories:{}},setup(t){const e=t,r=n.ref(null),i=n.computed(()=>e.categories.reduce((a,s)=>a+s.value,0)),o=n.computed(()=>e.categories.map(a=>({...a,percentage:(a.value/i.value*100).toFixed(1),color:Fe(a.color,"500")})));return(a,s)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createElementVNode("div",qO,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.value,(c,l)=>(n.openBlock(),n.createElementBlock("div",{key:l,class:n.normalizeClass([{"opacity-50":r.value!==null&&r.value!==l},"h-full w-10 bg-red-500 transition-opacity duration-100"]),style:n.normalizeStyle({width:`${c.percentage}%`,backgroundColor:c.color}),onMouseenter:u=>r.value=l,onMouseleave:s[0]||(s[0]=u=>r.value=null)},null,46,HO))),128))]),n.createElementVNode("ul",null,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.value,(c,l)=>(n.openBlock(),n.createElementBlock("li",{key:l,class:n.normalizeClass(["flex pb-2 transition-opacity duration-100 space-x-2",{"opacity-50":r.value!==null&&r.value!==l}]),onMouseenter:u=>r.value=l,onMouseleave:s[1]||(s[1]=u=>r.value=null)},[n.createElementVNode("div",{class:"rounded-full size-2 mt-1.5",style:n.normalizeStyle({backgroundColor:c.color})},null,4),n.createElementVNode("div",null,[n.createVNode(n.unref(xe),{subdued:"",strong:""},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(c.label),1)]),_:2},1024),n.createElementVNode("div",GO,[n.createVNode(n.unref(xe),{strong:""},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(c.value),1)]),_:2},1024),n.createVNode(n.unref(xe),{subdued:""},{default:n.withCtx(()=>[n.createTextVNode(" ("+n.toDisplayString(c.percentage)+"%) ",1)]),_:2},1024)])])],42,WO))),128)),n.createElementVNode("li",null,[s[2]||(s[2]=n.createTextVNode(" Total ")),n.createVNode(n.unref(xe),{strong:""},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(i.value),1)]),_:1})])])],64))}}),Qr=n.defineComponent({__name:"InputLabel",props:{label:{},labelFor:{},labelHidden:{type:Boolean,default:!1}},setup(t){const e=t,r=n.computed(()=>e.labelHidden?yn:"label");return(i,o)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(r.value),{for:i.labelFor,class:"block w-fit cursor-pointer truncate text-sm leading-0 align-baseline"},{default:n.withCtx(()=>[n.createVNode(n.unref(xe),{strong:""},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(i.label),1)]),_:1})]),_:1},8,["for"]))}}),YO=["aria-checked","aria-labelledby"],JO={class:"relative"},ZO=["id","value"],XO={class:"pointer-events-none invisible absolute inset-0 z-10 flex size-4 items-center justify-center rounded bg-brand-500 text-white peer-checked:visible"},QO={key:0,"aria-hidden":"true",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},MO={key:1,"aria-hidden":"true",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},eC={key:0,class:"-mt-[2px] space-y-1"},tC=n.defineComponent({__name:"Checkbox",props:n.mergeModels({helpText:{default:null},id:{default:null},indeterminate:{type:Boolean},label:{},labelHidden:{type:Boolean,default:!1},value:{type:[String,Number,Boolean]}},{modelValue:{type:[Boolean,Array]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,r=n.ref(null),i=n.useModel(t,"modelValue"),o=e.id||Te("checkbox"),a=n.computed(()=>Array.isArray(i.value)?i.value.includes(e.value):i.value);return(s,c)=>(n.openBlock(),n.createElementBlock("div",{"aria-checked":a.value,"aria-labelledby":n.unref(o),class:"flex items-start space-x-2",role:"checkbox"},[n.createElementVNode("div",JO,[n.withDirectives(n.createElementVNode("input",{id:n.unref(o),ref_key:"$checkboxElement",ref:r,"onUpdate:modelValue":c[0]||(c[0]=l=>i.value=l),class:n.normalizeClass([n.unref(ct)("focus"),"peer block size-4 shrink-0 appearance-none rounded border border-slate-400 bg-white text-brand-500 shadow-sm dark:border-zinc-700 dark:bg-zinc-800 dark:text-blue-500"]),value:s.value,type:"checkbox"},null,10,ZO),[[n.vModelCheckbox,i.value]]),n.createElementVNode("div",XO,[s.indeterminate?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("svg",QO,c[1]||(c[1]=[n.createElementVNode("path",{d:"M11.2 5.59998L6.79999 9.99998L4.79999 7.99998",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},null,-1)]))),s.indeterminate?(n.openBlock(),n.createElementBlock("svg",MO,c[2]||(c[2]=[n.createElementVNode("line",{stroke:"currentColor","stroke-linecap":"round","stroke-width":"2",x1:"4",x2:"12",y1:"8",y2:"8"},null,-1)]))):n.createCommentVNode("",!0)])]),s.labelHidden?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",eC,[n.createVNode(n.unref(Qr),{label:s.label,"label-for":n.unref(o)},null,8,["label","label-for"]),s.helpText?(n.openBlock(),n.createBlock(n.unref(xe),{key:0,subdued:""},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(s.helpText),1)]),_:1})):n.createCommentVNode("",!0)]))],8,YO))}}),rC={class:"space-y-2"},nC={key:0},iC=n.defineComponent({__name:"CheckboxGroup",props:{label:{default:null}},setup(t){return(e,r)=>(n.openBlock(),n.createElementBlock("div",rC,[e.label?(n.openBlock(),n.createElementBlock("p",nC,[n.createVNode(n.unref(xe),{subdued:"",strong:""},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.label),1)]),_:1})])):n.createCommentVNode("",!0),n.renderSlot(e.$slots,"default")]))}}),oC=["id"],aC=n.defineComponent({__name:"Collapsible",props:{id:{},open:{type:Boolean,default:!1}},setup(t){function e(a){a.style.height="0"}function r(a){a.style.height=a.scrollHeight+"px"}function i(a){a.style.height=a.scrollHeight+"px"}function o(a){a.style.height="0"}return(a,s)=>(n.openBlock(),n.createBlock(n.Transition,{onEnter:r,onLeave:o,onBeforeEnter:e,onBeforeLeave:i},{default:n.withCtx(()=>[n.withDirectives(n.createElementVNode("div",{id:a.id,class:"transition-all duration-200 ease-in-out overflow-hidden",role:"region"},[n.renderSlot(a.$slots,"default")],8,oC),[[n.vShow,a.open]])]),_:3}))}}),sC=["id"],oo=n.defineComponent({__name:"InlineError",props:{id:{},message:{}},setup(t){return(e,r)=>(n.openBlock(),n.createElementBlock("div",{id:e.id,class:"flex items-center text-red-600 space-x-2"},[r[0]||(r[0]=n.createElementVNode("svg",{viewBox:"0 0 20 20",class:"fill-current w-5 h-5",focusable:"false","aria-hidden":"true"},[n.createElementVNode("path",{d:"M10 6a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5a.75.75 0 0 1 .75-.75Z"}),n.createElementVNode("path",{d:"M11 13a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"}),n.createElementVNode("path",{"fill-rule":"evenodd",d:"M17 10a7 7 0 1 1-14 0 7 7 0 0 1 14 0Zm-1.5 0a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0Z"})],-1)),n.createElementVNode("span",null,n.toDisplayString(e.message),1)],8,sC))}}),lC={class:"w-full"},cC={class:"block cursor-pointer px-2 py-1.5"},uC={class:"font-mono"},fC=["id","name"],dC={class:"text-sm text-slate-500"},pC=n.defineComponent({__name:"ColorInput",props:n.mergeModels({disabled:{type:Boolean,default:!1},error:{default:null},helpText:{default:null},id:{default:null},label:{},labelHidden:{type:Boolean,default:!1},name:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,r=n.useModel(t,"modelValue"),i=e.id||Te("colorInput"),o=n.computed(()=>e.error?Te("colorInputError"):void 0),a=n.computed(()=>[{"mt-1":!e.labelHidden},{"pointer-events-none bg-slate-50 cursor-not-allowed":e.disabled},{"bg-white cursor-pointer":!e.disabled},...ct("focusWithin")]);return(s,c)=>(n.openBlock(),n.createElementBlock("div",lC,[n.createVNode(n.unref(Qr),{id:`${n.unref(i)}-label`,label:s.label,"label-for":n.unref(i),"label-hidden":s.labelHidden,"aria-disabled":s.disabled},null,8,["id","label","label-for","label-hidden","aria-disabled"]),n.createElementVNode("label",{class:n.normalizeClass(["relative flex w-full items-center rounded border shadow-sm",a.value])},[n.createElementVNode("span",cC,[n.createElementVNode("span",{class:"block rounded size-6",style:n.normalizeStyle({backgroundColor:r.value})},null,4)]),n.createElementVNode("span",uC,n.toDisplayString(r.value),1),n.createVNode(n.unref(yn),null,{default:n.withCtx(()=>[n.withDirectives(n.createElementVNode("input",{id:n.unref(i),"onUpdate:modelValue":c[0]||(c[0]=l=>r.value=l),name:s.name,type:"color"},null,8,fC),[[n.vModelText,r.value]])]),_:1})],2),s.error&&o.value?(n.openBlock(),n.createBlock(n.unref(oo),{key:0,id:o.value,message:s.error},null,8,["id","message"])):n.createCommentVNode("",!0),n.createElementVNode("p",dC,n.toDisplayString(s.helpText),1)]))}}),hC=["value"],mC=pe(n.defineComponent({__name:"ColorPalette",props:n.mergeModels({colors:{},rows:{default:2}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,r=n.useModel(t,"modelValue"),i=n.computed(()=>({gridTemplateColumns:`repeat(${Math.round(e.colors.length/e.rows)}, minmax(0, 1fr))`}));function o(a){return Fe(a,"500")}return(a,s)=>(n.openBlock(),n.createElementBlock("ul",{class:"grid gap-x-4 gap-y-2",style:n.normalizeStyle(i.value)},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(a.colors,c=>(n.openBlock(),n.createElementBlock("li",{key:c},[n.withDirectives(n.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=l=>r.value=l),value:c,class:"flex size-6 cursor-pointer appearance-none items-center justify-center rounded-full bg-gradient-to-tr from-white/20 shadow-inner transition-opacity duration-100 hover:opacity-50",type:"radio",style:n.normalizeStyle({backgroundColor:o(c)})},null,12,hC),[[n.vModelRadio,r.value]])]))),128))],4))}}),[["__scopeId","data-v-55656b4c"]]);/**!
+<Link href="${a}" method="${o}" as="button">...</Link>`),n.h(t.as,{...r,...i==="a"?{href:a}:{},onClick:c=>{$O(c)&&(c.preventDefault(),fu.visit(a,{data:s,method:o,replace:t.replace,preserveScroll:t.preserveScroll,preserveState:t.preserveState??o!=="get",only:t.only,except:t.except,headers:t.headers,onCancelToken:r.onCancelToken||(()=>({})),onBefore:r.onBefore||(()=>({})),onStart:r.onStart||(()=>({})),onProgress:r.onProgress||(()=>({})),onFinish:r.onFinish||(()=>({})),onCancel:r.onCancel||(()=>({})),onSuccess:r.onSuccess||(()=>({})),onError:r.onError||(()=>({}))}))}},e)}}}),Xh=AO;const OO={class:"ml-1 hidden text-black group-hover:block"},Qh=n.defineComponent({__name:"CardHelp",props:{label:{},href:{default:void 0},onClick:{type:Function,default:void 0}},setup(t){const e=t;return(r,i)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.href?n.unref(Xh):"button"),n.mergeProps({href:r.href,class:"group ml-2 flex shrink-0 items-center rounded-full border border-transparent p-1 pr-2 text-xs font-normal leading-none text-slate-500 hover:border-slate-300 hover:bg-slate-100 dark:text-zinc-400",target:r.href?"_blank":void 0},r.$attrs,{onClick:r.onClick}),{default:n.withCtx(()=>[n.createVNode(n.unref(id),{class:"size-4 group-hover:text-brand-500"}),n.createElementVNode("span",OO,n.toDisplayString(r.label),1)]),_:1},16,["href","target","onClick"]))}}),CO={class:"mb-4 size-14 overflow-hidden rounded-md border bg-white bg-gradient-to-tl from-slate-100 to-50% p-1 shadow"},BO=n.defineComponent({__name:"CardIcon",props:{alt:{},source:{}},setup(t){return(e,r)=>(n.openBlock(),n.createElementBlock("div",CO,[n.createVNode(n.unref(ii),{fit:"contain"},{default:n.withCtx(()=>[n.createVNode(n.unref(bn),{source:e.source,alt:e.alt,class:"rounded"},null,8,["source","alt"])]),_:1})]))}}),DO=n.defineComponent({__name:"CardLayout",props:{columns:{default:1}},setup(t){const e=t,r=n.computed(()=>[{"grid-cols-1":e.columns===1},{"grid-cols-2":e.columns===2},{"grid-cols-3":e.columns===3}]);return(i,o)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["grid gap-[var(--grid-gap)]",r.value])},[n.renderSlot(i.$slots,"default")],2))}}),Xa=n.defineComponent({__name:"CardSection",props:{flush:{type:Boolean,default:!1},alignment:{default:"start"}},setup(t){const e=t,r=n.computed(()=>[{"py-6":e.flush},{"p-6":!e.flush},{"justify-start":e.alignment==="start"},{"justify-end":e.alignment==="end"}]);return(i,o)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass([r.value,"inline-flex h-full flex-col"])},[n.renderSlot(i.$slots,"default")],2))}}),PO={class:"relative bg-slate-200"},IO={key:0,class:"absolute inset-0"},NO=n.defineComponent({__name:"CardMedia",props:{alt:{},ratio:{default:16/9},source:{},subdued:{type:Boolean,default:!1}},setup(t){const e=n.ref(!1);function r(){e.value=!0}return(i,o)=>(n.openBlock(),n.createElementBlock("div",PO,[n.createVNode(n.unref(ii),{ratio:i.ratio},{default:n.withCtx(()=>[n.withDirectives(n.createVNode(n.unref(bn),{alt:i.alt,source:i.source,class:n.normalizeClass({"opacity-30 grayscale":i.subdued}),onError:r},null,8,["alt","source","class"]),[[n.vShow,!e.value]])]),_:1},8,["ratio"]),i.$slots.default?(n.openBlock(),n.createElementBlock("div",IO,[n.createVNode(Xa,null,{default:n.withCtx(()=>[n.renderSlot(i.$slots,"default")]),_:3})])):n.createCommentVNode("",!0)]))}}),LO={},RO={class:"relative flex h-0 items-center"};function FO(t,e){return n.openBlock(),n.createElementBlock("div",RO,e[0]||(e[0]=[n.createElementVNode("div",{class:"h-px w-full shrink-0 bg-slate-300 dark:bg-zinc-700"},null,-1)]))}const VO=pe(LO,[["render",FO]]),zO={class:"flex items-center"},jO={class:"truncate"},UO=n.defineComponent({__name:"CardTitle",props:{cardHelp:{default:null}},setup(t){return(e,r)=>(n.openBlock(),n.createBlock(n.unref(_n),{level:"h2"},{default:n.withCtx(()=>[n.createElementVNode("span",zO,[n.createElementVNode("span",jO,[n.renderSlot(e.$slots,"default")]),e.cardHelp?(n.openBlock(),n.createBlock(n.unref(Qh),n.normalizeProps(n.mergeProps({key:0},e.cardHelp)),null,16)):n.createCommentVNode("",!0)])]),_:3}))}}),qO={class:"h-4 rounded flex [&>*]:flex-shrink-0 overflow-hidden mb-4"},HO=["onMouseenter"],WO=["onMouseenter"],GO={class:"space-x-1"},KO=n.defineComponent({__name:"CategoryBar",props:{categories:{}},setup(t){const e=t,r=n.ref(null),i=n.computed(()=>e.categories.reduce((a,s)=>a+s.value,0)),o=n.computed(()=>e.categories.map(a=>({...a,percentage:(a.value/i.value*100).toFixed(1),color:Fe(a.color,"500")})));return(a,s)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createElementVNode("div",qO,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.value,(c,l)=>(n.openBlock(),n.createElementBlock("div",{key:l,class:n.normalizeClass([{"opacity-50":r.value!==null&&r.value!==l},"h-full w-10 bg-red-500 transition-opacity duration-100"]),style:n.normalizeStyle({width:`${c.percentage}%`,backgroundColor:c.color}),onMouseenter:u=>r.value=l,onMouseleave:s[0]||(s[0]=u=>r.value=null)},null,46,HO))),128))]),n.createElementVNode("ul",null,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.value,(c,l)=>(n.openBlock(),n.createElementBlock("li",{key:l,class:n.normalizeClass(["flex pb-2 transition-opacity duration-100 space-x-2",{"opacity-50":r.value!==null&&r.value!==l}]),onMouseenter:u=>r.value=l,onMouseleave:s[1]||(s[1]=u=>r.value=null)},[n.createElementVNode("div",{class:"rounded-full size-2 mt-1.5",style:n.normalizeStyle({backgroundColor:c.color})},null,4),n.createElementVNode("div",null,[n.createVNode(n.unref(xe),{subdued:"",strong:""},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(c.label),1)]),_:2},1024),n.createElementVNode("div",GO,[n.createVNode(n.unref(xe),{strong:""},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(c.value),1)]),_:2},1024),n.createVNode(n.unref(xe),{subdued:""},{default:n.withCtx(()=>[n.createTextVNode(" ("+n.toDisplayString(c.percentage)+"%) ",1)]),_:2},1024)])])],42,WO))),128)),n.createElementVNode("li",null,[s[2]||(s[2]=n.createTextVNode(" Total ")),n.createVNode(n.unref(xe),{strong:""},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(i.value),1)]),_:1})])])],64))}}),Qr=n.defineComponent({__name:"InputLabel",props:{label:{},labelFor:{},labelHidden:{type:Boolean,default:!1}},setup(t){const e=t,r=n.computed(()=>e.labelHidden?yn:"label");return(i,o)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(r.value),{for:i.labelFor,class:"block w-fit cursor-pointer truncate text-sm leading-0 align-baseline"},{default:n.withCtx(()=>[n.createVNode(n.unref(xe),{strong:""},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(i.label),1)]),_:1})]),_:1},8,["for"]))}}),YO=["aria-checked","aria-labelledby"],JO={class:"relative"},ZO=["id","value"],XO={class:"pointer-events-none invisible absolute inset-0 z-10 flex size-4 items-center justify-center rounded bg-brand-500 text-white peer-checked:visible"},QO={key:0,"aria-hidden":"true",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},MO={key:1,"aria-hidden":"true",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},eC={key:0,class:"-mt-[2px] space-y-1"},tC=n.defineComponent({__name:"Checkbox",props:n.mergeModels({helpText:{default:null},id:{default:null},indeterminate:{type:Boolean},label:{},labelHidden:{type:Boolean,default:!1},value:{type:[String,Number,Boolean]}},{modelValue:{type:[Boolean,Array]},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,r=n.ref(null),i=n.useModel(t,"modelValue"),o=e.id||Te("checkbox"),a=n.computed(()=>Array.isArray(i.value)?i.value.includes(e.value):i.value);return(s,c)=>(n.openBlock(),n.createElementBlock("div",{"aria-checked":a.value,"aria-labelledby":n.unref(o),class:"flex items-start space-x-2",role:"checkbox"},[n.createElementVNode("div",JO,[n.withDirectives(n.createElementVNode("input",{id:n.unref(o),ref_key:"$checkboxElement",ref:r,"onUpdate:modelValue":c[0]||(c[0]=l=>i.value=l),class:n.normalizeClass([n.unref(ct)("focus"),"peer block size-4 shrink-0 appearance-none rounded border border-slate-400 bg-white text-brand-500 shadow-sm dark:border-zinc-700 dark:bg-zinc-800 dark:text-blue-500"]),value:s.value,type:"checkbox"},null,10,ZO),[[n.vModelCheckbox,i.value]]),n.createElementVNode("div",XO,[s.indeterminate?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("svg",QO,c[1]||(c[1]=[n.createElementVNode("path",{d:"M11.2 5.59998L6.79999 9.99998L4.79999 7.99998",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2"},null,-1)]))),s.indeterminate?(n.openBlock(),n.createElementBlock("svg",MO,c[2]||(c[2]=[n.createElementVNode("line",{stroke:"currentColor","stroke-linecap":"round","stroke-width":"2",x1:"4",x2:"12",y1:"8",y2:"8"},null,-1)]))):n.createCommentVNode("",!0)])]),s.labelHidden?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",eC,[n.createVNode(n.unref(Qr),{label:s.label,"label-for":n.unref(o)},null,8,["label","label-for"]),s.helpText?(n.openBlock(),n.createBlock(n.unref(xe),{key:0,subdued:""},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(s.helpText),1)]),_:1})):n.createCommentVNode("",!0)]))],8,YO))}}),rC={class:"space-y-2"},nC={key:0},iC=n.defineComponent({__name:"CheckboxGroup",props:{label:{default:null}},setup(t){return(e,r)=>(n.openBlock(),n.createElementBlock("div",rC,[e.label?(n.openBlock(),n.createElementBlock("p",nC,[n.createVNode(n.unref(xe),{subdued:"",strong:""},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.label),1)]),_:1})])):n.createCommentVNode("",!0),n.renderSlot(e.$slots,"default")]))}}),oC=["id"],aC=n.defineComponent({__name:"Collapsible",props:{id:{},open:{type:Boolean,default:!1}},setup(t){function e(a){a.style.height="0"}function r(a){a.style.height=a.scrollHeight+"px"}function i(a){a.style.height=a.scrollHeight+"px"}function o(a){a.style.height="0"}return(a,s)=>(n.openBlock(),n.createBlock(n.Transition,{onEnter:r,onLeave:o,onBeforeEnter:e,onBeforeLeave:i},{default:n.withCtx(()=>[n.withDirectives(n.createElementVNode("div",{id:a.id,class:"transition-all duration-200 ease-in-out overflow-hidden",role:"region"},[n.renderSlot(a.$slots,"default")],8,oC),[[n.vShow,a.open]])]),_:3}))}}),sC=["id"],oo=n.defineComponent({__name:"InlineError",props:{id:{},message:{}},setup(t){return(e,r)=>(n.openBlock(),n.createElementBlock("div",{id:e.id,class:"flex items-center text-red-600 space-x-2"},[r[0]||(r[0]=n.createElementVNode("svg",{viewBox:"0 0 20 20",class:"fill-current w-5 h-5",focusable:"false","aria-hidden":"true"},[n.createElementVNode("path",{d:"M10 6a.75.75 0 0 1 .75.75v3.5a.75.75 0 0 1-1.5 0v-3.5a.75.75 0 0 1 .75-.75Z"}),n.createElementVNode("path",{d:"M11 13a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"}),n.createElementVNode("path",{"fill-rule":"evenodd",d:"M17 10a7 7 0 1 1-14 0 7 7 0 0 1 14 0Zm-1.5 0a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0Z"})],-1)),n.createElementVNode("span",null,n.toDisplayString(e.message),1)],8,sC))}}),lC={class:"w-full"},cC={class:"block cursor-pointer px-2 py-1.5"},uC={class:"font-mono"},fC=["id","name"],dC={class:"text-sm text-slate-500"},pC=n.defineComponent({__name:"ColorInput",props:n.mergeModels({disabled:{type:Boolean,default:!1},error:{default:null},helpText:{default:null},id:{default:null},label:{},labelHidden:{type:Boolean,default:!1},name:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,r=n.useModel(t,"modelValue"),i=e.id||Te("colorInput"),o=n.computed(()=>e.error?Te("colorInputError"):void 0),a=n.computed(()=>[{"mt-1":!e.labelHidden},{"pointer-events-none bg-slate-50 cursor-not-allowed":e.disabled},{"bg-white cursor-pointer":!e.disabled},...ct("focusWithin")]);return(s,c)=>(n.openBlock(),n.createElementBlock("div",lC,[n.createVNode(n.unref(Qr),{id:`${n.unref(i)}-label`,label:s.label,"label-for":n.unref(i),"label-hidden":s.labelHidden,"aria-disabled":s.disabled},null,8,["id","label","label-for","label-hidden","aria-disabled"]),n.createElementVNode("label",{class:n.normalizeClass(["relative flex w-full items-center rounded border shadow-sm",a.value])},[n.createElementVNode("span",cC,[n.createElementVNode("span",{class:"block rounded size-6",style:n.normalizeStyle({backgroundColor:r.value})},null,4)]),n.createElementVNode("span",uC,n.toDisplayString(r.value),1),n.createVNode(n.unref(yn),null,{default:n.withCtx(()=>[n.withDirectives(n.createElementVNode("input",{id:n.unref(i),"onUpdate:modelValue":c[0]||(c[0]=l=>r.value=l),name:s.name,type:"color"},null,8,fC),[[n.vModelText,r.value]])]),_:1})],2),s.error&&o.value?(n.openBlock(),n.createBlock(n.unref(oo),{key:0,id:o.value,message:s.error},null,8,["id","message"])):n.createCommentVNode("",!0),n.createElementVNode("p",dC,n.toDisplayString(s.helpText),1)]))}}),hC=["value"],mC=pe(n.defineComponent({__name:"ColorPalette",props:n.mergeModels({colors:{},rows:{default:2}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const e=t,r=n.useModel(t,"modelValue"),i=n.computed(()=>({gridTemplateColumns:`repeat(${Math.round(e.colors.length/e.rows)}, minmax(0, 1fr))`}));function o(a){return Fe(a,"500")}return(a,s)=>(n.openBlock(),n.createElementBlock("ul",{class:"grid gap-x-4 gap-y-2",style:n.normalizeStyle(i.value)},[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(a.colors,c=>(n.openBlock(),n.createElementBlock("li",{key:c},[n.withDirectives(n.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=l=>r.value=l),value:c,class:"flex size-6 cursor-pointer appearance-none items-center justify-center rounded-full bg-gradient-to-tr from-white/20 shadow-inner transition-opacity duration-100 hover:opacity-50",type:"radio",style:n.normalizeStyle({backgroundColor:o(c)})},null,12,hC),[[n.vModelRadio,r.value]])]))),128))],4))}}),[["__scopeId","data-v-55656b4c"]]);/**!
  * Sortable 1.15.6
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>

package/dist/src/components/Card/CardMedia.vue.d.ts

@@ -5,6 +5,8 @@ type __VLS_Props = {
     ratio: number;
     /** The source of the media. */
     source: string;
+    /** Whether the media should be subdued. */
+    subdued: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -16,6 +18,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    subdued: boolean;
     ratio: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@returnless/focus-ui",
-  "version": "0.0.47",
+  "version": "0.0.48",
   "license": "MIT",
   "type": "module",
   "scripts": {