@sabrenski/spire-ui 0.0.1 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/spire-ui.css +1 -1
- package/dist/spire-ui.es.js +3 -3
- package/dist/spire-ui.umd.js +1 -1
- package/package.json +70 -83
- package/src/components/Card/CardContent.vue +3 -3
- package/src/components/Card/CardFooter.vue +3 -3
- package/src/components/Card/CardHeader.vue +3 -3
- package/src/styles/reset.css +1 -0
package/dist/spire-ui.es.js
CHANGED
|
@@ -1939,7 +1939,7 @@ const Rx = /* @__PURE__ */ X(_c, [["render", xc], ["__scopeId", "data-v-5ed4af21
|
|
|
1939
1939
|
])) : L("", !0)
|
|
1940
1940
|
], 2));
|
|
1941
1941
|
}
|
|
1942
|
-
}), Wx = /* @__PURE__ */ X(su, [["__scopeId", "data-v-
|
|
1942
|
+
}), Wx = /* @__PURE__ */ X(su, [["__scopeId", "data-v-3b9f2b68"]]), au = /* @__PURE__ */ J({
|
|
1943
1943
|
__name: "CardContent",
|
|
1944
1944
|
props: {
|
|
1945
1945
|
flush: { type: Boolean, default: !1 }
|
|
@@ -1964,7 +1964,7 @@ const Rx = /* @__PURE__ */ X(_c, [["render", xc], ["__scopeId", "data-v-5ed4af21
|
|
|
1964
1964
|
j(s.$slots, "default", {}, void 0, !0)
|
|
1965
1965
|
], 2));
|
|
1966
1966
|
}
|
|
1967
|
-
}), Hx = /* @__PURE__ */ X(au, [["__scopeId", "data-v-
|
|
1967
|
+
}), Hx = /* @__PURE__ */ X(au, [["__scopeId", "data-v-dc97eb3c"]]), ou = /* @__PURE__ */ J({
|
|
1968
1968
|
__name: "CardFooter",
|
|
1969
1969
|
props: {
|
|
1970
1970
|
align: { default: "end" },
|
|
@@ -1985,7 +1985,7 @@ const Rx = /* @__PURE__ */ X(_c, [["render", xc], ["__scopeId", "data-v-5ed4af21
|
|
|
1985
1985
|
j(n.$slots, "default", {}, void 0, !0)
|
|
1986
1986
|
], 2));
|
|
1987
1987
|
}
|
|
1988
|
-
}), Nx = /* @__PURE__ */ X(ou, [["__scopeId", "data-v-
|
|
1988
|
+
}), Nx = /* @__PURE__ */ X(ou, [["__scopeId", "data-v-7a6a155f"]]), ru = ["src", "alt", "loading"], lu = /* @__PURE__ */ J({
|
|
1989
1989
|
__name: "CardImage",
|
|
1990
1990
|
props: {
|
|
1991
1991
|
src: {},
|
package/dist/spire-ui.umd.js
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
transform: scale(0);
|
|
26
26
|
pointer-events: none;
|
|
27
27
|
animation: ui-ripple-expand ${a}ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
28
|
-
`,g.style.position=g.style.position||"relative",g.style.overflow="hidden",g.appendChild(C),C.addEventListener("animationend",()=>{C.remove()})}function f(p){l&&r===p||(m(),r=p,l=!0,u(),p.addEventListener("click",h),p.setAttribute("data-ripple",""))}function m(){r&&r.removeEventListener("click",h),l=!1,r=null}i.watch(n,p=>{p?f(p):m()},{immediate:!0}),i.onUnmounted(()=>{m()})}function Tn(n){const e=()=>{const o=window.innerWidth-document.documentElement.clientWidth;document.body.style.paddingRight=`${o}px`,document.body.style.overflow="hidden"},t=()=>{document.body.style.paddingRight="",document.body.style.overflow=""};i.watch(n,o=>{o?e():t()}),i.onUnmounted(()=>t())}const Ho=Symbol("spire-config"),ar=O(i.defineComponent({__name:"SpireProvider",props:{theme:{},mood:{},depth:{},motion:{},texture:{},tag:{default:"div"}},setup(n){const e=n,t=i.computed(()=>({theme:e.theme,mood:e.mood,depth:e.depth,motion:e.motion,texture:e.texture}));i.provide(Ho,t);const o=i.computed(()=>{const a={};return e.theme&&(a["data-theme"]=e.theme),e.mood&&(a["data-mood"]=e.mood),e.depth&&(a["data-depth"]=e.depth),e.motion&&(a["data-motion"]=e.motion),e.texture&&(a["data-texture"]=e.texture),a});return(a,s)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.tag),i.mergeProps({class:"spire-provider"},o.value),{default:i.withCtx(()=>[i.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},16))}}),[["__scopeId","data-v-5f21efd3"]]);function sr(n,e,t={}){const{delay:o=80,duration:a=400,easing:s="cubic-bezier(0.16, 1, 0.3, 1)",from:l={opacity:0,transform:"translateY(16px)"},to:r={opacity:1,transform:"translateY(0)"},animateOnVisible:c=!1}=t,d=i.ref(!1);let u=!1,h=null;function f(){return n.value?Array.from(n.value.querySelectorAll(e)):[]}function m(_){_.offsetHeight}function p(_){_.forEach(k=>{k.style.transition="none",l.opacity!==void 0&&(k.style.opacity=String(l.opacity)),l.transform&&(k.style.transform=l.transform)})}async function g(){await i.nextTick();const _=f();if(_.length===0||d.value)return;d.value=!0,p(_),_[0]&&m(_[0]),await new Promise(B=>requestAnimationFrame(B)),_.forEach((B,C)=>{const y=C*o;B.style.transition=`opacity ${a}ms ${s} ${y}ms, transform ${a}ms ${s} ${y}ms`,r.opacity!==void 0&&(B.style.opacity=String(r.opacity)),r.transform&&(B.style.transform=r.transform)});const k=(_.length-1)*o+a;await new Promise(B=>{h&&clearTimeout(h),h=setTimeout(()=>{h=null,d.value=!1,_.forEach(C=>{C.style.transition=""}),B()},k+50)})}function b(){f().forEach(k=>{k.style.opacity="",k.style.transform="",k.style.transition=""}),d.value=!1,u=!1}return c&&i.watch(n,async _=>{_&&!u&&(await i.nextTick(),f().length>0&&(u=!0,g()))},{immediate:!0}),i.onUnmounted(()=>{h&&(clearTimeout(h),h=null)}),{isAnimating:d,animate:g,reset:b}}function lr(n,e={}){const{delay:t=80}=e;return{"--stagger-delay":`${n*t}ms`,"--stagger-index":String(n)}}const rr=["data-state"],cr=O(i.defineComponent({__name:"AccordionItem",props:{value:{},disabled:{type:Boolean,default:!1}},setup(n){const e=n,t=i.inject(Et);if(!t)throw new Error("AccordionItem must be used within AccordionRoot");const o=ye("accordion-trigger"),a=ye("accordion-content"),s=i.computed(()=>t.openItems.value.has(e.value));function l(){e.disabled||t.toggle(e.value)}i.provide(Mi,{value:e.value,triggerId:o,contentId:a,isOpen:s,disabled:i.computed(()=>e.disabled),toggle:l});const r=i.computed(()=>["ui-accordion__item",`ui-accordion__item--${t.variant.value}`,{"ui-accordion__item--disabled":e.disabled,"ui-accordion__item--open":s.value}]);return(c,d)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(r.value),"data-state":s.value?"open":"closed"},[i.renderSlot(c.$slots,"default",{},void 0,!0)],10,rr))}}),[["__scopeId","data-v-7dfbd25c"]]),dr={class:"ui-accordion__heading"},ur=["id","aria-expanded","aria-controls","disabled"],hr={class:"ui-accordion__trigger-text"},fr={key:0,class:"ui-accordion__indicator"},mr=O(i.defineComponent({__name:"AccordionTrigger",props:{hideIndicator:{type:Boolean,default:!1}},setup(n){const e=i.useSlots(),t=i.inject(Mi);if(!t)throw new Error("AccordionTrigger must be used within AccordionItem");const o=!!e.icon;return(a,s)=>(i.openBlock(),i.createElementBlock("h3",dr,[i.createElementVNode("button",{type:"button",class:"ui-accordion__trigger",id:i.unref(t).triggerId,"aria-expanded":i.unref(t).isOpen.value,"aria-controls":i.unref(t).contentId,disabled:i.unref(t).disabled.value,onClick:s[0]||(s[0]=(...l)=>i.unref(t).toggle&&i.unref(t).toggle(...l))},[i.createElementVNode("span",hr,[i.renderSlot(a.$slots,"default",{},void 0,!0)]),o?(i.openBlock(),i.createElementBlock("span",fr,[i.renderSlot(a.$slots,"icon",{isOpen:i.unref(t).isOpen.value},void 0,!0)])):n.hideIndicator?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("svg",{key:1,class:i.normalizeClass(["ui-accordion__chevron",{"ui-accordion__chevron--open":i.unref(t).isOpen.value}]),width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},[...s[1]||(s[1]=[i.createElementVNode("path",{d:"M6 9l6 6 6-6"},null,-1)])],2))],8,ur)]))}}),[["__scopeId","data-v-d8ac582f"]]),pr=["id","aria-labelledby"],gr={class:"ui-accordion__content-inner"},br=["id","aria-labelledby"],_r={class:"ui-accordion__content-inner"},yr=O(i.defineComponent({__name:"AccordionContent",props:{lazy:{type:Boolean,default:!1}},setup(n){const e=i.inject(Mi);if(!e)throw new Error("AccordionContent must be used within AccordionItem");function t(l){const r=l;r.style.height="0",r.style.overflow="hidden",r.offsetHeight,r.style.height=`${r.scrollHeight}px`}function o(l){const r=l;r.style.height="auto",r.style.overflow=""}function a(l){const r=l;r.style.height=`${r.scrollHeight}px`,r.style.overflow="hidden",r.offsetHeight,r.style.height="0"}function s(l){const r=l;r.style.height="",r.style.overflow=""}return(l,r)=>n.lazy?(i.openBlock(),i.createBlock(i.Transition,{key:0,name:"ui-accordion-content",onEnter:t,onAfterEnter:o,onLeave:a,onAfterLeave:s},{default:i.withCtx(()=>[i.unref(e).isOpen.value?(i.openBlock(),i.createElementBlock("div",{key:0,id:i.unref(e).contentId,class:"ui-accordion__content",role:"region","aria-labelledby":i.unref(e).triggerId},[i.createElementVNode("div",gr,[i.renderSlot(l.$slots,"default",{},void 0,!0)])],8,pr)):i.createCommentVNode("",!0)]),_:3})):(i.openBlock(),i.createBlock(i.Transition,{key:1,name:"ui-accordion-content",onEnter:t,onAfterEnter:o,onLeave:a,onAfterLeave:s},{default:i.withCtx(()=>[i.withDirectives(i.createElementVNode("div",{id:i.unref(e).contentId,class:"ui-accordion__content",role:"region","aria-labelledby":i.unref(e).triggerId},[i.createElementVNode("div",_r,[i.renderSlot(l.$slots,"default",{},void 0,!0)])],8,br),[[i.vShow,i.unref(e).isOpen.value]])]),_:3}))}}),[["__scopeId","data-v-1f8efcd8"]]);function jo(n,e=2){if(!n)return"";const t=n.trim().split(/\s+/);if(t.length===0||t[0]==="")return"";if(t.length===1)return t[0].substring(0,e).toUpperCase();const o=t[0][0],a=t[t.length-1][0];return(o+a).toUpperCase()}const kr=["aria-label"],xr=["src","alt"],wr={key:1,class:"ui-avatar__text"},Cr={key:2,class:"ui-avatar__icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},Yo=O(i.defineComponent({__name:"Avatar",props:{src:{},name:{},alt:{},size:{default:"md"},shape:{default:"circle"},variant:{default:"soft"},bordered:{type:Boolean,default:!1}},setup(n){const e=n,t=i.ref(!1);i.watch(()=>e.src,()=>{t.value=!1});function o(){t.value=!0}const a=i.computed(()=>jo(e.name)),s=i.computed(()=>e.src&&!t.value),l=i.computed(()=>!s.value&&a.value);i.computed(()=>!s.value&&!a.value);const r=i.computed(()=>["ui-avatar",`ui-avatar--${e.size}`,`ui-avatar--${e.shape}`,`ui-avatar--${e.variant}`,{"ui-avatar--bordered":e.bordered}]),c=i.computed(()=>e.alt||e.name||"Avatar");return(d,u)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(r.value),role:"img","aria-label":c.value},[s.value?(i.openBlock(),i.createElementBlock("img",{key:0,src:n.src,alt:n.alt||n.name,class:"ui-avatar__img",onError:o},null,40,xr)):l.value?(i.openBlock(),i.createElementBlock("span",wr,i.toDisplayString(a.value),1)):(i.openBlock(),i.createElementBlock("svg",Cr,[...u[0]||(u[0]=[i.createElementVNode("circle",{cx:"12",cy:"8",r:"4"},null,-1),i.createElementVNode("path",{d:"M4 20c0-4 4-6 8-6s8 2 8 6"},null,-1)])]))],10,kr))}}),[["__scopeId","data-v-336c7655"]]),Br=["aria-label"],Sr=O(i.defineComponent({__name:"Badge",props:{variant:{default:"default"},dot:{type:Boolean},pulse:{type:Boolean},value:{},max:{default:99},label:{}},setup(n){const e=n,t=i.useSlots(),o=i.computed(()=>e.dot||!t.default&&e.value===void 0),a=i.computed(()=>e.value===void 0?null:e.value>e.max?`${e.max}+`:String(e.value)),s=i.computed(()=>{if(e.label)return e.label;if(e.value!==void 0)return String(e.value)}),l=i.computed(()=>["ui-badge",`ui-badge--${e.variant}`,{"ui-badge--dot":o.value,"ui-badge--pulse":e.pulse&&o.value}]);return(r,c)=>(i.openBlock(),i.createElementBlock("span",{class:i.normalizeClass(l.value),"aria-label":s.value,role:"status"},[o.value?i.createCommentVNode("",!0):i.renderSlot(r.$slots,"default",{key:0},()=>[i.createTextVNode(i.toDisplayString(a.value),1)],!0)],10,Br))}}),[["__scopeId","data-v-1251e7f1"]]),Er={class:"ui-badge-container"},Mr=O(i.defineComponent({__name:"BadgeContainer",props:{position:{default:"top-right"},offsetX:{default:"0px"},offsetY:{default:"0px"},cutout:{type:Boolean,default:!1}},setup(n){const e=n,t=i.computed(()=>({"top-right":{top:"0",right:"0",transform:`translate(calc(50% + ${e.offsetX}), calc(-50% + ${e.offsetY}))`},"top-left":{top:"0",left:"0",transform:`translate(calc(-50% + ${e.offsetX}), calc(-50% + ${e.offsetY}))`},"bottom-right":{bottom:"0",right:"0",transform:`translate(calc(50% + ${e.offsetX}), calc(50% + ${e.offsetY}))`},"bottom-left":{bottom:"0",left:"0",transform:`translate(calc(-50% + ${e.offsetX}), calc(50% + ${e.offsetY}))`}})[e.position]),o=i.computed(()=>["ui-badge-container__badge",{"ui-badge-container__badge--cutout":e.cutout}]);return(a,s)=>(i.openBlock(),i.createElementBlock("span",Er,[i.renderSlot(a.$slots,"default",{},void 0,!0),a.$slots.badge?(i.openBlock(),i.createElementBlock("span",{key:0,class:i.normalizeClass(o.value),style:i.normalizeStyle(t.value)},[i.renderSlot(a.$slots,"badge",{},void 0,!0)],6)):i.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-cc26bf8f"]]),Uo=Symbol("breadcrumb"),vr={"aria-label":"Breadcrumb",class:"ui-breadcrumb"},Vr=O(i.defineComponent({__name:"BreadcrumbRoot",props:{separator:{type:[String,Function],default:"/"}},setup(n){const e=n,t=i.useSlots();return i.provide(Uo,{separator:t.separator?()=>t.separator():e.separator}),(o,a)=>(i.openBlock(),i.createElementBlock("nav",vr,[i.renderSlot(o.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-0216e016"]]),Dr={},$r={class:"ui-breadcrumb__list"};function Tr(n,e){return i.openBlock(),i.createElementBlock("ol",$r,[i.renderSlot(n.$slots,"default",{},void 0,!0)])}const Ir=O(Dr,[["render",Tr],["__scopeId","data-v-5d41319b"]]),Lr={},zr={class:"ui-breadcrumb__item"};function Nr(n,e){return i.openBlock(),i.createElementBlock("li",zr,[i.renderSlot(n.$slots,"default",{},void 0,!0)])}const Pr=O(Lr,[["render",Nr],["__scopeId","data-v-2e881efe"]]),Ar=O(i.defineComponent({__name:"BreadcrumbLink",props:{href:{},to:{},as:{}},setup(n){const e=n,t=i.computed(()=>e.as?e.as:e.to?"router-link":(e.href,"a")),o=i.computed(()=>e.to?{to:e.to}:e.href?{href:e.href}:{});return(a,s)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.value),i.mergeProps(o.value,{class:"ui-breadcrumb__link"}),{default:i.withCtx(()=>[i.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},16))}}),[["__scopeId","data-v-61a847e7"]]),Rr={},Or={role:"link","aria-disabled":"true","aria-current":"page",class:"ui-breadcrumb__page"};function Fr(n,e){return i.openBlock(),i.createElementBlock("span",Or,[i.renderSlot(n.$slots,"default",{},void 0,!0)])}const Wr=O(Rr,[["render",Fr],["__scopeId","data-v-933b4a45"]]),Hr={role:"presentation","aria-hidden":"true",class:"ui-breadcrumb__separator"},jr=O(i.defineComponent({__name:"BreadcrumbSeparator",setup(n){const e=i.inject(Uo),t=i.useSlots();function o(){if(t.default)return t.default()[0];if(!e)return"/";const a=e.separator;if(typeof a=="string")return a;if(typeof a=="function"){const s=a();if(i.isVNode(s))return s;if(Array.isArray(s)&&s.length>0)return s[0]}return i.h(a)}return(a,s)=>(i.openBlock(),i.createElementBlock("li",Hr,[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(()=>o())))]))}}),[["__scopeId","data-v-489380bd"]]),Yr=["id","aria-expanded","aria-controls"],Ur=["id","aria-labelledby"],Xr={key:0,class:"ui-dropdown__mobile-header"},Kr={class:"ui-dropdown__mobile-title"},Gt=Symbol("dropdown"),Xo=O(i.defineComponent({__name:"Dropdown",props:{placement:{default:"bottom-start"},offset:{default:4},disabled:{type:Boolean,default:!1},menuWidth:{default:"auto"}},emits:["open","close"],setup(n,{emit:e}){const t=n,o=e,a=i.inject(Gt,null),s=!!a,l=a?a.depth+1:0,r=i.ref(!1),c=i.ref(null),d=i.ref(null),u=i.ref([]),h=i.ref(new Map),f=i.ref(-1),m=i.ref(null),p=ye("dropdown-trigger"),g=ye("dropdown-menu"),b=ye("submenu"),_=i.ref(!1),k=i.ref([]),B=i.ref(new Map);let C=null;const y=i.reactive({active:!1,points:[],submenuId:null});function x(){_.value=window.matchMedia("(max-width: 768px)").matches||"ontouchstart"in window||navigator.maxTouchPoints>0}i.onMounted(()=>{x(),window.addEventListener("resize",x),s&&a&&a.registerSubmenu({id:b,triggerEl:c.value,open:A,close:R})}),i.onUnmounted(()=>{window.removeEventListener("resize",x),s&&a&&a.unregisterSubmenu(b)});const S=i.computed(()=>s&&t.placement==="bottom-start"?"right-start":t.placement);function w(V){u.value.includes(V)||u.value.push(V)}function M(V){const Z=u.value.indexOf(V);Z>-1&&u.value.splice(Z,1)}function N(V){h.value.set(V.id,V)}function T(V){h.value.delete(V)}function $(V){if(m.value&&m.value!==V){const Z=h.value.get(m.value);Z==null||Z.close()}m.value=V}function K(V,Z){B.value.set(V,Z),k.value.push(V)}function P(){const V=k.value.pop();if(V){B.value.delete(V);const Z=h.value.get(V);Z==null||Z.close()}}i.provide(Gt,{close:R,closeAll:q,cancelClose:ge,registerItem:w,unregisterItem:M,registerSubmenu:N,unregisterSubmenu:T,isSubmenu:s,depth:l,isMobile:_,openSubmenuId:m,setOpenSubmenu:$,safeTriangle:y,menuStack:k,pushMenu:K,popMenu:P});function A(){t.disabled||r.value||(r.value=!0,o("open"),s&&a&&a.setOpenSubmenu(b),i.nextTick(()=>{ne(),requestAnimationFrame(()=>{fe()})}))}function R(){r.value&&(h.value.forEach(V=>V.close()),m.value=null,r.value=!1,f.value=-1,o("close"),s||(k.value=[],B.value.clear()),s&&a&&a.setOpenSubmenu(null),i.nextTick(()=>{var V;(V=c.value)==null||V.focus()}))}function q(){R(),a==null||a.closeAll()}function Q(){r.value?R():A()}function ee(){C&&clearTimeout(C),C=setTimeout(()=>{R()},150)}function ge(){C&&(clearTimeout(C),C=null)}function fe(){if(!d.value)return;const V=d.value.querySelector(':scope > .ui-dropdown-item:not([disabled]):not([aria-disabled="true"]), :scope > .ui-dropdown > .ui-dropdown__trigger .ui-dropdown-item:not([disabled]):not([aria-disabled="true"])');V&&(f.value=0,V.focus())}function be(){return d.value?Array.from(d.value.querySelectorAll(':scope > .ui-dropdown-item:not([disabled]):not([aria-disabled="true"]), :scope > .ui-dropdown > .ui-dropdown__trigger .ui-dropdown-item:not([disabled]):not([aria-disabled="true"])')):[]}function xe(V){const Z=be();Z.length!==0&&(V<0&&(V=Z.length-1),V>=Z.length&&(V=0),f.value=V,Z[V].focus())}function F(V){s&&!_.value||Q()}function v(){var V;!s||_.value||(ge(),(V=a==null?void 0:a.cancelClose)==null||V.call(a),A())}function D(V){if(!(!s||_.value)){if(d.value){const Z=d.value.getBoundingClientRect();V.clientX,V.clientY,y.active=!0,y.submenuId=b,y.points=[{x:V.clientX,y:V.clientY},{x:Z.left,y:Z.top},{x:Z.left,y:Z.bottom}]}ee()}}function G(){var V;ge(),(V=a==null?void 0:a.cancelClose)==null||V.call(a),y.active=!1}function ce(){s&&ee()}function ze(V){if(s){switch(V.key){case"ArrowRight":case"Enter":V.preventDefault(),V.stopPropagation(),A();break}return}switch(V.key){case"Enter":case" ":case"ArrowDown":V.preventDefault(),A();break;case"ArrowUp":V.preventDefault(),A(),i.nextTick(()=>{const Z=be();Z.length>0&&(f.value=Z.length-1,Z[Z.length-1].focus())});break}}function L(V){const Z=be(),Te=Z.findIndex(me=>me===document.activeElement);switch(V.key){case"ArrowDown":V.preventDefault(),xe(Te+1);break;case"ArrowUp":V.preventDefault(),xe(Te-1);break;case"ArrowLeft":s&&(V.preventDefault(),V.stopPropagation(),R());break;case"Home":V.preventDefault(),xe(0);break;case"End":V.preventDefault(),xe(Z.length-1);break;case"Escape":V.preventDefault(),V.stopPropagation(),R();break;case"Tab":q();break}}const j=i.computed(()=>{const V={};return t.menuWidth==="trigger"&&c.value?V.minWidth=`${c.value.offsetWidth}px`:typeof t.menuWidth=="number"&&(V.width=`${t.menuWidth}px`),V}),X=i.ref({top:"0",left:"0"});function ne(){if(!c.value||!d.value)return;const V=c.value.getBoundingClientRect(),Z=d.value.getBoundingClientRect(),Te={width:window.innerWidth,height:window.innerHeight};let me,we,le=S.value;if(le.startsWith("right")||le.startsWith("left")){const Ne=Te.width-V.right,De=V.left;(le.startsWith("right")&&Ne<Z.width&&De>Ne||le.startsWith("left")&&De<Z.width&&Ne>De)&&(le=le.startsWith("right")?le.replace("right","left"):le.replace("left","right")),le.startsWith("right")?we=V.right+t.offset:we=V.left-Z.width-t.offset,le.endsWith("start")?me=V.top:me=V.bottom-Z.height}else{const Ne=Te.height-V.bottom,De=V.top;(le.startsWith("bottom")&&Ne<Z.height&&De>Ne||le.startsWith("top")&&De<Z.height&&Ne>De)&&(le=le.startsWith("bottom")?le.replace("bottom","top"):le.replace("top","bottom")),le.startsWith("bottom")?me=V.bottom+t.offset:me=V.top-Z.height-t.offset,le.endsWith("start")?we=V.left:we=V.right-Z.width}we=Math.max(8,Math.min(we,Te.width-Z.width-8)),me=Math.max(8,Math.min(me,Te.height-Z.height-8)),X.value={top:`${me}px`,left:`${we}px`}}function he(V,Z,Te){if(Te.length<3)return!1;const[me,we,le]=Te,Ne=.5*(-we.y*le.x+me.y*(-we.x+le.x)+me.x*(we.y-le.y)+we.x*le.y),De=Ne<0?-1:1,tt=(me.y*le.x-me.x*le.y+(le.y-me.y)*V+(me.x-le.x)*Z)*De,I=(me.x*we.y-me.y*we.x+(me.y-we.y)*V+(we.x-me.x)*Z)*De;return tt>0&&I>0&&tt+I<2*Ne*De}function Ae(V){if(!y.active||!y.points.length)return;he(V.clientX,V.clientY,y.points)?ge():y.active=!1}function Re(V){var me,we;const Z=V.target;let Te=!1;h.value.forEach(le=>{const Ne=document.getElementById(`dropdown-menu-${le.id.split("-").pop()}`);Ne!=null&&Ne.contains(Z)&&(Te=!0)}),!((me=c.value)!=null&&me.contains(Z))&&!((we=d.value)!=null&&we.contains(Z))&&!Te&&q()}i.watch(r,V=>{V?(document.addEventListener("mousedown",Re),document.addEventListener("mousemove",Ae),window.addEventListener("resize",ne),window.addEventListener("scroll",ne,!0)):(document.removeEventListener("mousedown",Re),document.removeEventListener("mousemove",Ae),window.removeEventListener("resize",ne),window.removeEventListener("scroll",ne,!0),y.active=!1)}),i.onUnmounted(()=>{document.removeEventListener("mousedown",Re),document.removeEventListener("mousemove",Ae),window.removeEventListener("resize",ne),window.removeEventListener("scroll",ne,!0),C&&clearTimeout(C)});const Ye=i.computed(()=>{if(k.value.length===0)return null;const V=k.value[k.value.length-1];return B.value.get(V)||null});return i.computed(()=>_.value&&!s&&k.value.length>0),(V,Z)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["ui-dropdown",{"ui-dropdown--submenu":s}])},[i.createElementVNode("div",{ref_key:"triggerRef",ref:c,class:"ui-dropdown__trigger",id:i.unref(p),"aria-haspopup":!0,"aria-expanded":r.value,"aria-controls":i.unref(g),onClick:F,onMouseenter:v,onMouseleave:D,onKeydown:ze},[i.renderSlot(V.$slots,"trigger",{open:r.value,toggle:Q},void 0,!0)],40,Yr),(i.openBlock(),i.createBlock(i.Teleport,{to:"body"},[i.createVNode(i.Transition,{name:s?"ui-dropdown-sub":"ui-dropdown"},{default:i.withCtx(()=>[r.value?(i.openBlock(),i.createElementBlock("div",{key:0,ref_key:"menuRef",ref:d,class:i.normalizeClass(["ui-dropdown__menu",{"ui-dropdown__menu--submenu":s,"ui-dropdown__menu--mobile":_.value&&!s}]),id:i.unref(g),role:"menu","aria-labelledby":i.unref(p),style:i.normalizeStyle(_.value&&!s?{}:[j.value,X.value]),onMouseenter:G,onMouseleave:ce,onKeydown:L},[_.value&&!s&&k.value.length>0?(i.openBlock(),i.createElementBlock("div",Xr,[i.createElementVNode("button",{type:"button",class:"ui-dropdown__back-btn",onClick:P},[...Z[0]||(Z[0]=[i.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[i.createElementVNode("path",{d:"M15 18l-6-6 6-6"})],-1),i.createTextVNode(" Back ",-1)])]),i.createElementVNode("span",Kr,i.toDisplayString(Ye.value),1)])):i.createCommentVNode("",!0),i.renderSlot(V.$slots,"default",{},void 0,!0)],46,Ur)):i.createCommentVNode("",!0)]),_:3},8,["name"]),i.createVNode(i.Transition,{name:"ui-dropdown-overlay"},{default:i.withCtx(()=>[r.value&&_.value&&!s?(i.openBlock(),i.createElementBlock("div",{key:0,class:"ui-dropdown__overlay",onClick:q})):i.createCommentVNode("",!0)]),_:1})]))],2))}}),[["__scopeId","data-v-63a8a408"]]),qr={key:0,class:"ui-dropdown-item__icon"},Gr={class:"ui-dropdown-item__content"},Jr={key:1,class:"ui-dropdown-item__shortcut"},Zr={key:2,class:"ui-dropdown-item__chevron"},Ko=O(i.defineComponent({__name:"DropdownItem",props:{to:{},href:{},disabled:{type:Boolean,default:!1},danger:{type:Boolean,default:!1},icon:{},shortcut:{},preventClose:{type:Boolean,default:!1},chevron:{type:Boolean,default:!1}},emits:["click"],setup(n,{emit:e}){const t=n,o=e,a=i.inject(Gt),s=i.ref(null),l=i.computed(()=>t.to?"router-link":t.href?"a":"button"),r=i.computed(()=>{const u={class:["ui-dropdown-item",{"ui-dropdown-item--disabled":t.disabled,"ui-dropdown-item--danger":t.danger}],role:"menuitem",tabindex:t.disabled?-1:0};return t.disabled&&(u["aria-disabled"]="true"),l.value==="router-link"?u.to=t.to:l.value==="a"?(u.href=t.href,u.target="_blank",u.rel="noopener noreferrer"):(u.type="button",u.disabled=t.disabled),u});function c(u){if(t.disabled){u.preventDefault();return}o("click",u),t.preventClose||a==null||a.close()}function d(u){t.disabled||(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),o("click",u),t.preventClose||a==null||a.close())}return i.onMounted(()=>{s.value&&(a==null||a.registerItem(s.value))}),i.onUnmounted(()=>{s.value&&(a==null||a.unregisterItem(s.value))}),(u,h)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(l.value),i.mergeProps({ref_key:"itemRef",ref:s},r.value,{onClick:c,onKeydown:d}),{default:i.withCtx(()=>[n.icon?(i.openBlock(),i.createElementBlock("span",qr,[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.icon)))])):i.createCommentVNode("",!0),i.createElementVNode("span",Gr,[i.renderSlot(u.$slots,"default",{},void 0,!0)]),n.shortcut?(i.openBlock(),i.createElementBlock("span",Jr,i.toDisplayString(n.shortcut),1)):i.createCommentVNode("",!0),n.chevron?(i.openBlock(),i.createElementBlock("span",Zr,[...h[0]||(h[0]=[i.createElementVNode("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[i.createElementVNode("path",{d:"M9 18l6-6-6-6"})],-1)])])):i.createCommentVNode("",!0)]),_:3},16))}}),[["__scopeId","data-v-110fb457"]]),Qr={},ec={class:"ui-dropdown-separator",role:"separator"};function tc(n,e){return i.openBlock(),i.createElementBlock("div",ec)}const nc=O(Qr,[["render",tc],["__scopeId","data-v-5ed4af21"]]),ic={class:"ui-dropdown-sub"},vi=Symbol("dropdownSub"),oc=O(i.defineComponent({__name:"DropdownSub",setup(n,{expose:e}){i.inject(Gt);const t=i.ref(!1),o=i.ref(null),a=i.ref(null);let s=null;function l(){s&&(clearTimeout(s),s=null),t.value=!0}function r(){t.value=!1}function c(){s&&clearTimeout(s),s=setTimeout(()=>{r()},150)}function d(){s&&(clearTimeout(s),s=null)}function u(f){(f.key==="ArrowRight"||f.key==="Enter")&&(f.preventDefault(),f.stopPropagation(),l())}function h(f){var m;f.key==="ArrowLeft"&&(f.preventDefault(),f.stopPropagation(),r(),(m=o.value)==null||m.focus())}return i.provide(vi,{isOpen:t,triggerRef:o,open:l,close:r,onTriggerKeydown:u,scheduleClose:c,cancelClose:d}),e({isOpen:t,triggerRef:o,contentRef:a,open:l,close:r,scheduleClose:c,cancelClose:d,onContentKeydown:h}),(f,m)=>(i.openBlock(),i.createElementBlock("div",ic,[i.renderSlot(f.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-4078e150"]]),ac=["aria-expanded","aria-disabled","tabindex","disabled"],sc={key:0,class:"ui-dropdown-sub-trigger__icon"},lc={class:"ui-dropdown-sub-trigger__content"},rc=O(i.defineComponent({__name:"DropdownSubTrigger",props:{disabled:{type:Boolean,default:!1},icon:{}},setup(n){const e=n,t=i.inject(Gt),o=i.inject(vi),a=i.ref(null);function s(){e.disabled||(o==null||o.cancelClose(),o==null||o.open())}function l(){e.disabled||o==null||o.scheduleClose()}function r(c){e.disabled||o==null||o.onTriggerKeydown(c)}return i.onMounted(()=>{a.value&&(t==null||t.registerItem(a.value),o&&(o.triggerRef.value=a.value))}),i.onUnmounted(()=>{a.value&&(t==null||t.unregisterItem(a.value))}),(c,d)=>{var u;return i.openBlock(),i.createElementBlock("button",{ref_key:"triggerRef",ref:a,type:"button",class:i.normalizeClass(["ui-dropdown-sub-trigger",{"ui-dropdown-sub-trigger--disabled":n.disabled}]),role:"menuitem","aria-haspopup":!0,"aria-expanded":(u=i.unref(o))==null?void 0:u.isOpen.value,"aria-disabled":n.disabled||void 0,tabindex:n.disabled?-1:0,disabled:n.disabled,onMouseenter:s,onMouseleave:l,onKeydown:r},[n.icon?(i.openBlock(),i.createElementBlock("span",sc,[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.icon)))])):i.createCommentVNode("",!0),i.createElementVNode("span",lc,[i.renderSlot(c.$slots,"default",{},void 0,!0)]),d[0]||(d[0]=i.createElementVNode("span",{class:"ui-dropdown-sub-trigger__chevron"},[i.createElementVNode("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[i.createElementVNode("path",{d:"M9 18l6-6-6-6"})])],-1))],42,ac)}}}),[["__scopeId","data-v-3588cf5f"]]),cc=O(i.defineComponent({__name:"DropdownSubContent",setup(n){const e=i.inject(vi),t=i.ref(null),o=i.ref({top:"0",left:"0"});function a(){e==null||e.cancelClose()}function s(){e==null||e.scheduleClose()}function l(){return t.value?Array.from(t.value.querySelectorAll('button:not([disabled]), a[href], [tabindex]:not([tabindex="-1"])')).filter(u=>u.getAttribute("aria-disabled")!=="true"):[]}function r(u){const h=l();h.length!==0&&(u<0&&(u=h.length-1),u>=h.length&&(u=0),h[u].focus())}function c(u){var m;const h=l(),f=h.findIndex(p=>p===document.activeElement);switch(u.key){case"ArrowDown":u.preventDefault(),u.stopPropagation(),r(f+1);break;case"ArrowUp":u.preventDefault(),u.stopPropagation(),r(f-1);break;case"Home":u.preventDefault(),u.stopPropagation(),r(0);break;case"End":u.preventDefault(),u.stopPropagation(),r(h.length-1);break;case"ArrowLeft":case"Escape":u.preventDefault(),u.stopPropagation(),e==null||e.close(),(m=e==null?void 0:e.triggerRef.value)==null||m.focus();break}}function d(){const u=e==null?void 0:e.triggerRef.value,h=t.value;if(!u||!h)return;const f=u.getBoundingClientRect(),m=h.getBoundingClientRect(),p={width:window.innerWidth,height:window.innerHeight},g=4;let b=f.top,_=f.right+g;_+m.width>p.width-8&&(_=f.left-m.width-g),b+m.height>p.height-8&&(b=p.height-m.height-8),b=Math.max(8,b),_=Math.max(8,Math.min(_,p.width-m.width-8)),o.value={top:`${b}px`,left:`${_}px`}}return i.watch(()=>e==null?void 0:e.isOpen.value,async u=>{var h;if(u){await i.nextTick(),d();const f=(h=t.value)==null?void 0:h.querySelector('button:not([disabled]), a[href], [tabindex]:not([tabindex="-1"])');f==null||f.focus()}}),i.onMounted(()=>{window.addEventListener("resize",d),window.addEventListener("scroll",d,!0)}),i.onUnmounted(()=>{window.removeEventListener("resize",d),window.removeEventListener("scroll",d,!0)}),(u,h)=>(i.openBlock(),i.createBlock(i.Teleport,{to:"body"},[i.createVNode(i.Transition,{name:"ui-dropdown-sub"},{default:i.withCtx(()=>{var f;return[(f=i.unref(e))!=null&&f.isOpen.value?(i.openBlock(),i.createElementBlock("div",{key:0,ref_key:"menuRef",ref:t,class:"ui-dropdown-sub-content",role:"menu",style:i.normalizeStyle(o.value),onMouseenter:a,onMouseleave:s,onKeydown:c},[i.renderSlot(u.$slots,"default",{},void 0,!0)],36)):i.createCommentVNode("",!0)]}),_:3})]))}}),[["__scopeId","data-v-7d7ddc2e"]]),dc={class:"ui-breadcrumb__item"},uc={key:1,class:"ui-breadcrumb__ellipsis-static","aria-hidden":"true"},hc=O(i.defineComponent({__name:"BreadcrumbEllipsis",props:{items:{default:()=>[]}},setup(n){return(e,t)=>(i.openBlock(),i.createElementBlock("li",dc,[n.items.length>0?(i.openBlock(),i.createBlock(i.unref(Xo),{key:0,placement:"bottom-start"},{trigger:i.withCtx(()=>[...t[0]||(t[0]=[i.createElementVNode("button",{type:"button",class:"ui-breadcrumb__ellipsis","aria-label":"Show more breadcrumbs"},[i.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},[i.createElementVNode("circle",{cx:"12",cy:"12",r:"1.5"}),i.createElementVNode("circle",{cx:"6",cy:"12",r:"1.5"}),i.createElementVNode("circle",{cx:"18",cy:"12",r:"1.5"})])],-1)])]),default:i.withCtx(()=>[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(n.items,(o,a)=>(i.openBlock(),i.createBlock(i.unref(Ko),{key:a,href:o.href,to:o.to},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(o.label),1)]),_:2},1032,["href","to"]))),128))]),_:1})):(i.openBlock(),i.createElementBlock("span",uc,[i.renderSlot(e.$slots,"default",{},()=>[t[1]||(t[1]=i.createTextVNode("…",-1))],!0)]))]))}}),[["__scopeId","data-v-c4a5d946"]]),fc=["aria-label"],mc={class:"ui-spinner__sr-only"},In=O(i.defineComponent({__name:"Spinner",props:{size:{default:"md"},speed:{default:.9},label:{default:"Loading"}},setup(n){const e=n,t={xs:"var(--spinner-xs)",sm:"var(--spinner-sm)",md:"var(--spinner-md)",lg:"var(--spinner-lg)",xl:"var(--spinner-xl)"},o=i.computed(()=>t[e.size]??e.size),a=i.computed(()=>`${e.speed}s`);return(s,l)=>(i.openBlock(),i.createElementBlock("div",{class:"ui-spinner",role:"status","aria-label":n.label,style:i.normalizeStyle({"--spinner-size":o.value,"--spinner-speed":a.value})},[l[0]||(l[0]=i.createStaticVNode('<div class="ui-spinner__dot" data-v-9f42aed4></div><div class="ui-spinner__dot" data-v-9f42aed4></div><div class="ui-spinner__dot" data-v-9f42aed4></div><div class="ui-spinner__dot" data-v-9f42aed4></div><div class="ui-spinner__dot" data-v-9f42aed4></div><div class="ui-spinner__dot" data-v-9f42aed4></div><div class="ui-spinner__dot" data-v-9f42aed4></div><div class="ui-spinner__dot" data-v-9f42aed4></div>',8)),i.createElementVNode("span",mc,i.toDisplayString(n.label),1)],12,fc))}}),[["__scopeId","data-v-9f42aed4"]]),je=O(i.defineComponent({__name:"Icon",props:{icon:{},size:{default:"md"},strokeWidth:{default:1.5},label:{}},setup(n){const e=n,t={xs:"var(--icon-xs)",sm:"var(--icon-sm)",md:"var(--icon-md)",lg:"var(--icon-lg)",xl:"var(--icon-xl)"},o=i.computed(()=>t[e.size]??e.size),a=i.computed(()=>!e.label),s=i.computed(()=>Array.isArray(e.icon)&&e.icon.length>0&&Array.isArray(e.icon[0]));function l(){const c=e.icon.map(([d,u])=>e.strokeWidth&&u["stroke-width"]?i.h(d,{...u,"stroke-width":e.strokeWidth}):i.h(d,u));return i.h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",class:"ui-icon",style:{"--icon-size":o.value},"aria-label":e.label,"aria-hidden":a.value,role:"img"},c)}return(r,c)=>s.value?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(l),{key:1})):(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.icon),{key:0,class:"ui-icon",style:i.normalizeStyle({"--icon-size":o.value}),"stroke-width":n.strokeWidth,"aria-label":n.label,"aria-hidden":a.value,role:"img"},null,8,["style","stroke-width","aria-label","aria-hidden"]))}}),[["__scopeId","data-v-9f24c7a4"]]),pc={key:0,class:"ui-button__icon ui-button__icon--left","aria-hidden":"true"},gc={key:1,class:"ui-button__content"},bc={key:2,class:"ui-button__icon ui-button__icon--right","aria-hidden":"true"},_c={key:0,class:"ui-button__loader","aria-hidden":"true"},Je=O(i.defineComponent({__name:"Button",props:{variant:{default:"primary"},size:{default:"md"},as:{default:"button"},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},iconLeft:{},iconRight:{},block:{type:Boolean,default:!1},type:{default:"button"}},emits:["click"],setup(n,{emit:e}){const t=n,o=e,a=i.useSlots(),s=i.computed(()=>t.disabled||t.loading),l=i.computed(()=>!a.default&&!!(t.iconLeft||t.iconRight));function r(u){if(s.value){u.preventDefault();return}o("click",u)}const c={xs:"var(--text-xs)",sm:"var(--text-sm)",md:"var(--text-md)",lg:"var(--text-lg)",xl:"var(--text-xl)"},d=i.computed(()=>c[t.size]);return(u,h)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.as),{type:n.as==="button"?n.type:void 0,disabled:n.as==="button"?s.value:void 0,"aria-disabled":s.value,"aria-busy":n.loading,class:i.normalizeClass(["ui-button",[`ui-button--${n.variant}`,`ui-button--${n.size}`,{"ui-button--loading":n.loading,"ui-button--disabled":s.value,"ui-button--block":n.block,"ui-button--icon-only":l.value}]]),onClick:r},{default:i.withCtx(()=>[h[0]||(h[0]=i.createElementVNode("span",{class:"ui-button__highlight","aria-hidden":"true"},null,-1)),i.createElementVNode("span",{class:i.normalizeClass(["ui-button__inner",{"ui-button__inner--hidden":n.loading}])},[n.iconLeft?(i.openBlock(),i.createElementBlock("span",pc,[i.createVNode(je,{icon:n.iconLeft,size:d.value},null,8,["icon","size"])])):i.createCommentVNode("",!0),u.$slots.default?(i.openBlock(),i.createElementBlock("span",gc,[i.renderSlot(u.$slots,"default",{},void 0,!0)])):i.createCommentVNode("",!0),n.iconRight?(i.openBlock(),i.createElementBlock("span",bc,[i.createVNode(je,{icon:n.iconRight,size:d.value},null,8,["icon","size"])])):i.createCommentVNode("",!0)],2),n.loading?(i.openBlock(),i.createElementBlock("span",_c,[i.createVNode(In,{size:d.value,speed:.8,label:"Loading"},null,8,["size"])])):i.createCommentVNode("",!0)]),_:3},8,["type","disabled","aria-disabled","aria-busy","class"]))}}),[["__scopeId","data-v-7389849f"]]),yc=["role"],kc={key:0,class:"ui-callout__icon"},xc={key:0,width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},wc={key:1,width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},Cc={key:2,width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},Bc={key:3,width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},Sc={class:"ui-callout__content"},Ec={key:0,class:"ui-callout__title"},Mc={key:1,class:"ui-callout__body"},vc={key:1,class:"ui-callout__actions"},Vc=O(i.defineComponent({__name:"Callout",props:{variant:{default:"info"},title:{},accent:{type:Boolean,default:!1},dismissible:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1}},emits:["close"],setup(n,{emit:e}){const t=n,o=e,a=i.useSlots(),s=i.computed(()=>!!t.title||!!a.title),l=i.computed(()=>t.variant==="error"?"alert":"status"),r=i.computed(()=>["ui-callout",`ui-callout--${t.variant}`,{"ui-callout--accent":t.accent}]);return(c,d)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(r.value),role:l.value},[n.hideIcon?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("div",kc,[i.renderSlot(c.$slots,"icon",{},()=>[n.variant==="info"||n.variant==="neutral"?(i.openBlock(),i.createElementBlock("svg",xc,[...d[1]||(d[1]=[i.createElementVNode("circle",{cx:"12",cy:"12",r:"10"},null,-1),i.createElementVNode("path",{d:"M12 16v-4"},null,-1),i.createElementVNode("path",{d:"M12 8h.01"},null,-1)])])):n.variant==="success"?(i.openBlock(),i.createElementBlock("svg",wc,[...d[2]||(d[2]=[i.createElementVNode("circle",{cx:"12",cy:"12",r:"10"},null,-1),i.createElementVNode("path",{d:"M9 12l2 2 4-4"},null,-1)])])):n.variant==="warning"?(i.openBlock(),i.createElementBlock("svg",Cc,[...d[3]||(d[3]=[i.createElementVNode("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"},null,-1),i.createElementVNode("path",{d:"M12 9v4"},null,-1),i.createElementVNode("path",{d:"M12 17h.01"},null,-1)])])):n.variant==="error"?(i.openBlock(),i.createElementBlock("svg",Bc,[...d[4]||(d[4]=[i.createElementVNode("circle",{cx:"12",cy:"12",r:"10"},null,-1),i.createElementVNode("path",{d:"M15 9l-6 6"},null,-1),i.createElementVNode("path",{d:"M9 9l6 6"},null,-1)])])):i.createCommentVNode("",!0)],!0)])),i.createElementVNode("div",Sc,[s.value?(i.openBlock(),i.createElementBlock("div",Ec,[i.renderSlot(c.$slots,"title",{},()=>[i.createTextVNode(i.toDisplayString(n.title),1)],!0)])):i.createCommentVNode("",!0),c.$slots.default?(i.openBlock(),i.createElementBlock("div",Mc,[i.renderSlot(c.$slots,"default",{},void 0,!0)])):i.createCommentVNode("",!0)]),c.$slots.action||n.dismissible?(i.openBlock(),i.createElementBlock("div",vc,[i.renderSlot(c.$slots,"action",{},void 0,!0),n.dismissible?(i.openBlock(),i.createElementBlock("button",{key:0,type:"button",class:"ui-callout__close","aria-label":"Dismiss",onClick:d[0]||(d[0]=u=>o("close"))},[...d[5]||(d[5]=[i.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},[i.createElementVNode("path",{d:"M18 6L6 18"}),i.createElementVNode("path",{d:"M6 6l12 12"})],-1)])])):i.createCommentVNode("",!0)])):i.createCommentVNode("",!0)],10,yc))}}),[["__scopeId","data-v-92cdd5ed"]]),Dc={key:0,class:"ui-card__skeleton","aria-hidden":"true"},$c=O(i.defineComponent({__name:"Card",props:{variant:{default:"elevated"},as:{default:"div"},interactive:{type:Boolean,default:!1},horizontal:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},padding:{default:"md"}},emits:["click"],setup(n,{emit:e}){const t=n,o=e,a=i.ref(!1),s=i.ref(!1);function l(){a.value=!0}function r(){s.value=!0}i.provide("card",{variant:i.toRef(t,"variant"),horizontal:i.toRef(t,"horizontal"),interactive:i.toRef(t,"interactive"),loading:i.toRef(t,"loading"),padding:i.toRef(t,"padding"),hasHeader:a,hasTopImage:s,registerHeader:l,registerTopImage:r});function c(h){t.disabled||t.loading||t.interactive&&o("click",h)}function d(h){(h.key==="Enter"||h.key===" ")&&(h.preventDefault(),c(h))}const u=i.computed(()=>t.interactive&&!t.disabled&&!t.loading);return(h,f)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.as),{class:i.normalizeClass(["ui-card",[`ui-card--${n.variant}`,`ui-card--padding-${n.padding}`,{"ui-card--interactive":n.interactive,"ui-card--horizontal":n.horizontal,"ui-card--disabled":n.disabled,"ui-card--loading":n.loading}]]),tabindex:u.value?0:void 0,role:u.value?"button":void 0,"aria-disabled":n.disabled||void 0,"aria-busy":n.loading||void 0,onClick:c,onKeydown:d},{default:i.withCtx(()=>[i.renderSlot(h.$slots,"default",{},void 0,!0),n.loading?(i.openBlock(),i.createElementBlock("div",Dc)):i.createCommentVNode("",!0)]),_:3},40,["class","tabindex","role","aria-disabled","aria-busy"]))}}),[["__scopeId","data-v-6a2baf44"]]),Tc={class:"ui-card__header-content"},Ic={key:0,class:"ui-card__title"},Lc={key:0,class:"ui-card__subtitle"},zc={key:0,class:"ui-card__header-actions"},Nc=O(i.defineComponent({__name:"CardHeader",props:{title:{},subtitle:{},align:{default:"start"}},setup(n){const e=i.useSlots(),t=i.inject("card",null);i.onMounted(()=>{t==null||t.registerHeader()}),e.actions;const o=i.computed(()=>{var a;return((a=t==null?void 0:t.padding)==null?void 0:a.value)??"md"});return(a,s)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["ui-card__header",[`ui-card__header--${n.align}`,`ui-card__header--padding-${o.value}`]])},[i.createElementVNode("div",Tc,[i.renderSlot(a.$slots,"title",{},()=>[n.title?(i.openBlock(),i.createElementBlock("h3",Ic,i.toDisplayString(n.title),1)):i.createCommentVNode("",!0)],!0),i.renderSlot(a.$slots,"subtitle",{},()=>[n.subtitle?(i.openBlock(),i.createElementBlock("p",Lc,i.toDisplayString(n.subtitle),1)):i.createCommentVNode("",!0)],!0),i.renderSlot(a.$slots,"default",{},void 0,!0)]),a.$slots.actions?(i.openBlock(),i.createElementBlock("div",zc,[i.renderSlot(a.$slots,"actions",{},void 0,!0)])):i.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-f785719b"]]),Pc=O(i.defineComponent({__name:"CardContent",props:{flush:{type:Boolean,default:!1}},setup(n){const e=i.inject("card",null),t=i.computed(()=>{var a;return((a=e==null?void 0:e.hasHeader)==null?void 0:a.value)??!1}),o=i.computed(()=>{var a;return((a=e==null?void 0:e.padding)==null?void 0:a.value)??"md"});return(a,s)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["ui-card__content",[`ui-card__content--padding-${o.value}`,{"ui-card__content--flush":n.flush,"ui-card__content--no-top-padding":t.value}]])},[i.renderSlot(a.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-11087f9c"]]),Ac=O(i.defineComponent({__name:"CardFooter",props:{align:{default:"end"},borderless:{type:Boolean,default:!1}},setup(n){const e=i.inject("card",null),t=i.computed(()=>{var o;return((o=e==null?void 0:e.padding)==null?void 0:o.value)??"md"});return(o,a)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["ui-card__footer",[`ui-card__footer--${n.align}`,`ui-card__footer--padding-${t.value}`,{"ui-card__footer--borderless":n.borderless}]])},[i.renderSlot(o.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-e5f0a860"]]),Rc=["src","alt","loading"],Oc=O(i.defineComponent({__name:"CardImage",props:{src:{},alt:{},aspectRatio:{default:"auto"},position:{default:"top"},fit:{default:"cover"},loading:{default:"lazy"}},setup(n){const e=n,t=i.inject("card",null);i.onMounted(()=>{e.position==="top"&&(t==null||t.registerTopImage())});const o=i.computed(()=>({"16:9":"16 / 9","4:3":"4 / 3","3:2":"3 / 2","1:1":"1 / 1",auto:"auto"})[e.aspectRatio]);return(a,s)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["ui-card__image",[`ui-card__image--${n.position}`]]),style:i.normalizeStyle(n.aspectRatio!=="auto"?{"--aspect-ratio":o.value}:void 0)},[i.createElementVNode("img",{src:n.src,alt:n.alt,loading:n.loading,class:i.normalizeClass(["ui-card__image-img",[`ui-card__image-img--${n.fit}`]])},null,10,Rc)],6))}}),[["__scopeId","data-v-14ed4ba2"]]),Fc=["id","checked","disabled","name","value"],Wc={class:"ui-checkbox__box","aria-hidden":"true"},Hc={key:0,class:"ui-checkbox__icon ui-checkbox__check",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},jc={key:1,class:"ui-checkbox__icon ui-checkbox__indeterminate",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},Yc={key:0,class:"ui-checkbox__content"},Uc={key:0,class:"ui-checkbox__label"},Xc={key:1,class:"ui-checkbox__description"},Kc=24,qc=10,Vi=O(i.defineComponent({__name:"Checkbox",props:{modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},size:{default:"md"},disabled:{type:Boolean,default:!1},label:{},description:{},name:{},value:{},id:{}},emits:["update:modelValue","change"],setup(n,{emit:e}){const t=n,o=e,a=i.ref(null),s=ye("checkbox"),l=i.computed(()=>t.id||s);i.watch(()=>t.indeterminate,c=>{a.value&&(a.value.indeterminate=c)}),i.onMounted(()=>{a.value&&t.indeterminate&&(a.value.indeterminate=!0)});function r(c){const d=c.target;o("update:modelValue",d.checked),o("change",d.checked)}return(c,d)=>(i.openBlock(),i.createElementBlock("label",{class:i.normalizeClass(["ui-checkbox",[`ui-checkbox--${n.size}`,{"ui-checkbox--disabled":n.disabled,"ui-checkbox--checked":n.modelValue,"ui-checkbox--indeterminate":n.indeterminate}]])},[i.createElementVNode("input",{ref_key:"inputRef",ref:a,id:l.value,type:"checkbox",checked:n.modelValue,disabled:n.disabled,name:n.name,value:n.value,class:"ui-checkbox__input",onChange:r},null,40,Fc),i.createElementVNode("span",Wc,[n.modelValue&&!n.indeterminate?(i.openBlock(),i.createElementBlock("svg",Hc,[i.createElementVNode("path",{d:"M3.5 8.5L6.5 11.5L12.5 4.5","stroke-dasharray":Kc,"stroke-dashoffset":0})])):n.indeterminate?(i.openBlock(),i.createElementBlock("svg",jc,[i.createElementVNode("path",{d:"M4 8H12","stroke-dasharray":qc,"stroke-dashoffset":0})])):i.createCommentVNode("",!0)]),n.label||n.description?(i.openBlock(),i.createElementBlock("span",Yc,[n.label?(i.openBlock(),i.createElementBlock("span",Uc,i.toDisplayString(n.label),1)):i.createCommentVNode("",!0),n.description?(i.openBlock(),i.createElementBlock("span",Xc,i.toDisplayString(n.description),1)):i.createCommentVNode("",!0)])):i.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-08930332"]]),Gc={class:"ui-popover"},Jc=["id","aria-expanded","aria-controls"],Zc=["id","aria-labelledby"],qo='a[href], button:not([disabled]), input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])',Ln=O(i.defineComponent({__name:"Popover",props:{placement:{default:"bottom"},offset:{default:8},arrow:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},width:{default:"auto"},closeOnEscape:{type:Boolean,default:!0},closeOnClickOutside:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!1},trapFocus:{type:Boolean,default:!0}},emits:["open","close"],setup(n,{expose:e,emit:t}){const o=n,a=t,s=i.ref(!1),l=i.ref(null),r=i.ref(null),c=ye("popover-trigger"),d=ye("popover-content"),u=i.computed(()=>o.lockScroll&&s.value);Tn(u);function h(w){if(!o.trapFocus||!r.value||w.key!=="Tab")return;const M=r.value.querySelectorAll(qo);if(M.length===0)return;const N=M[0],T=M[M.length-1];w.shiftKey?document.activeElement===N&&(w.preventDefault(),T.focus()):document.activeElement===T&&(w.preventDefault(),N.focus())}function f(){if(!o.trapFocus||!r.value)return;const w=r.value.querySelector(qo);w==null||w.focus()}const m=i.ref({}),p=i.ref({}),g=i.ref(o.placement);function b(){o.disabled||s.value||(s.value=!0,a("open"),i.nextTick(()=>{B(),o.trapFocus&&requestAnimationFrame(()=>{f(),window.addEventListener("keydown",h)})}))}function _(){s.value&&(s.value=!1,window.removeEventListener("keydown",h),a("close"),i.nextTick(()=>{var M;const w=(M=l.value)==null?void 0:M.querySelector("button, [tabindex]");w==null||w.focus()}))}function k(){s.value?_():b()}function B(){if(!l.value||!r.value)return;const w=l.value.getBoundingClientRect(),M=r.value.getBoundingClientRect(),N={width:window.innerWidth,height:window.innerHeight},T=o.arrow?8:0;let $=o.placement,K,P;const A=w.top,R=N.height-w.bottom,q=w.left,Q=N.width-w.right;$.startsWith("top")&&A<M.height+o.offset&&R>A?$=$.replace("top","bottom"):$.startsWith("bottom")&&R<M.height+o.offset&&A>R?$=$.replace("bottom","top"):$.startsWith("left")&&q<M.width+o.offset&&Q>q?$=$.replace("left","right"):$.startsWith("right")&&Q<M.width+o.offset&&q>Q&&($=$.replace("right","left")),g.value=$;const ee=o.offset+T;$.startsWith("top")?K=w.top-M.height-ee:$.startsWith("bottom")?K=w.bottom+ee:$.startsWith("left")?P=w.left-M.width-ee:P=w.right+ee,$.startsWith("top")||$.startsWith("bottom")?$.endsWith("start")?P=w.left:$.endsWith("end")?P=w.right-M.width:P=w.left+(w.width-M.width)/2:$.endsWith("start")?K=w.top:$.endsWith("end")?K=w.bottom-M.height:K=w.top+(w.height-M.height)/2,P=Math.max(8,Math.min(P,N.width-M.width-8)),K=Math.max(8,Math.min(K,N.height-M.height-8)),m.value={top:`${K}px`,left:`${P}px`},o.arrow&&C(w,M,$,K,P)}function C(w,M,N,T,$){const R={};if(N.startsWith("top")||N.startsWith("bottom")){let Q=w.left+w.width/2-$-6;Q=Math.max(12,Math.min(Q,M.width-12-12)),R.left=`${Q}px`,N.startsWith("top")?R.bottom="-6px":R.top="-6px"}else{let Q=w.top+w.height/2-T-6;Q=Math.max(12,Math.min(Q,M.height-12-12)),R.top=`${Q}px`,N.startsWith("left")?R.right="-6px":R.left="-6px"}p.value=R}function y(w){w.key==="Escape"&&o.closeOnEscape&&(w.preventDefault(),w.stopPropagation(),_())}function x(w){var N,T;if(!o.closeOnClickOutside)return;const M=w.target;!((N=l.value)!=null&&N.contains(M))&&!((T=r.value)!=null&&T.contains(M))&&_()}const S=i.computed(()=>{const w={...m.value};return typeof o.width=="number"&&(w.width=`${o.width}px`),w});return i.watch(s,w=>{w?(document.addEventListener("mousedown",x),window.addEventListener("resize",B),window.addEventListener("scroll",B,!0)):(document.removeEventListener("mousedown",x),window.removeEventListener("resize",B),window.removeEventListener("scroll",B,!0))}),i.onUnmounted(()=>{document.removeEventListener("mousedown",x),window.removeEventListener("resize",B),window.removeEventListener("scroll",B,!0),window.removeEventListener("keydown",h)}),e({open:b,close:_,toggle:k,isOpen:s}),(w,M)=>(i.openBlock(),i.createElementBlock("div",Gc,[i.createElementVNode("div",{ref_key:"triggerRef",ref:l,class:"ui-popover__trigger",id:i.unref(c),"aria-haspopup":"dialog","aria-expanded":s.value,"aria-controls":i.unref(d),onClick:k},[i.renderSlot(w.$slots,"trigger",{open:s.value,toggle:k,close:_},void 0,!0)],8,Jc),(i.openBlock(),i.createBlock(i.Teleport,{to:"body"},[i.createVNode(i.Transition,{name:"ui-popover"},{default:i.withCtx(()=>[s.value?(i.openBlock(),i.createElementBlock("div",{key:0,ref_key:"popoverRef",ref:r,class:i.normalizeClass(["ui-popover__content",[`ui-popover__content--${g.value}`]]),id:i.unref(d),role:"dialog","aria-labelledby":i.unref(c),"aria-modal":h,style:i.normalizeStyle(S.value),onKeydown:y},[n.arrow?(i.openBlock(),i.createElementBlock("div",{key:0,class:"ui-popover__arrow",style:i.normalizeStyle(p.value)},null,4)):i.createCommentVNode("",!0),i.renderSlot(w.$slots,"default",{close:_},void 0,!0)],46,Zc)):i.createCommentVNode("",!0)]),_:3})]))]))}}),[["__scopeId","data-v-5e829fd8"]]),Qc=["for"],ed={key:0,class:"ui-input-field__required","aria-hidden":"true"},td={key:0,class:"ui-input-wrapper__addon ui-input-wrapper__addon--left"},nd=["id","type","value","name","placeholder","disabled","readonly","required","autocomplete","aria-invalid","aria-describedby"],id={key:1,class:"ui-input-wrapper__addon ui-input-wrapper__addon--right"},od=["id"],ad=["id"],Jt=O(i.defineComponent({__name:"Input",props:{modelValue:{},type:{default:"text"},label:{},placeholder:{},hint:{},error:{},size:{default:"md"},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},required:{type:Boolean,default:!1},iconLeft:{},iconRight:{},id:{},name:{},autocomplete:{},block:{type:Boolean,default:!1}},emits:["update:modelValue","focus","blur"],setup(n,{emit:e}){const t=n,o=e,a=i.useSlots(),s=ye("input"),l=i.computed(()=>t.id||s),r=i.computed(()=>`${l.value}-hint`),c=i.computed(()=>`${l.value}-error`),d=i.computed(()=>{if(t.error)return c.value;if(t.hint)return r.value}),u=i.computed(()=>t.iconLeft||a.left),h=i.computed(()=>t.iconRight||a.right||t.loading),f={xs:"var(--text-xs)",sm:"var(--text-sm)",md:"var(--text-md)",lg:"var(--text-lg)",xl:"var(--text-xl)"},m=i.computed(()=>f[t.size]);function p(_){const k=_.target,B=t.type==="number"?Number(k.value):k.value;o("update:modelValue",B)}function g(_){o("focus",_)}function b(_){o("blur",_)}return(_,k)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["ui-input-field",[`ui-input-field--${n.size}`,{"ui-input-field--block":n.block,"ui-input-field--disabled":n.disabled,"ui-input-field--error":n.error,"ui-input-field--readonly":n.readonly}]])},[n.label?(i.openBlock(),i.createElementBlock("label",{key:0,for:l.value,class:"ui-input-field__label"},[i.createTextVNode(i.toDisplayString(n.label)+" ",1),n.required?(i.openBlock(),i.createElementBlock("span",ed,"*")):i.createCommentVNode("",!0)],8,Qc)):i.createCommentVNode("",!0),i.createElementVNode("div",{class:i.normalizeClass(["ui-input-wrapper",[`ui-input-wrapper--${n.size}`,{"ui-input-wrapper--disabled":n.disabled,"ui-input-wrapper--error":n.error,"ui-input-wrapper--readonly":n.readonly,"ui-input-wrapper--has-left":u.value,"ui-input-wrapper--has-right":h.value}]])},[u.value?(i.openBlock(),i.createElementBlock("span",td,[i.renderSlot(_.$slots,"left",{},()=>[n.iconLeft?(i.openBlock(),i.createBlock(je,{key:0,icon:n.iconLeft,size:m.value},null,8,["icon","size"])):i.createCommentVNode("",!0)],!0)])):i.createCommentVNode("",!0),i.createElementVNode("input",{id:l.value,type:n.type,value:n.modelValue,name:n.name,placeholder:n.placeholder,disabled:n.disabled,readonly:n.readonly,required:n.required,autocomplete:n.autocomplete,"aria-invalid":n.error?"true":void 0,"aria-describedby":d.value,class:"ui-input-wrapper__input",onInput:p,onFocus:g,onBlur:b},null,40,nd),h.value?(i.openBlock(),i.createElementBlock("span",id,[n.loading?(i.openBlock(),i.createBlock(In,{key:0,size:m.value},null,8,["size"])):i.renderSlot(_.$slots,"right",{key:1},()=>[n.iconRight?(i.openBlock(),i.createBlock(je,{key:0,icon:n.iconRight,size:m.value},null,8,["icon","size"])):i.createCommentVNode("",!0)],!0)])):i.createCommentVNode("",!0)],2),n.error?(i.openBlock(),i.createElementBlock("p",{key:1,id:c.value,class:"ui-input-field__message ui-input-field__message--error",role:"alert"},i.toDisplayString(n.error),9,od)):n.hint?(i.openBlock(),i.createElementBlock("p",{key:2,id:r.value,class:"ui-input-field__message ui-input-field__message--hint"},i.toDisplayString(n.hint),9,ad)):i.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-d0cdaff4"]]);function Ue(n,e,t){return Math.min(Math.max(n,e),t)}function Go(n){const e=n.replace(/^#/,""),t=e.length===3?e.split("").map(a=>a+a).join(""):e,o=parseInt(t,16);return{r:o>>16&255,g:o>>8&255,b:o&255}}function Jo(n){const e=t=>Ue(Math.round(t),0,255).toString(16).padStart(2,"0");return`#${e(n.r)}${e(n.g)}${e(n.b)}`}function zn(n){const e=n.r/255,t=n.g/255,o=n.b/255,a=Math.max(e,t,o),s=Math.min(e,t,o),l=a-s;let r=0;l!==0&&(a===e?r=(t-o)/l%6:a===t?r=(o-e)/l+2:r=(e-t)/l+4,r=Math.round(r*60),r<0&&(r+=360));const c=a===0?0:l/a;return{h:r,s:c,v:a}}function Zt(n){const{h:e,s:t,v:o}=n,a=o*t,s=a*(1-Math.abs(e/60%2-1)),l=o-a;let r=0,c=0,d=0;return e>=0&&e<60?(r=a,c=s,d=0):e>=60&&e<120?(r=s,c=a,d=0):e>=120&&e<180?(r=0,c=a,d=s):e>=180&&e<240?(r=0,c=s,d=a):e>=240&&e<300?(r=s,c=0,d=a):(r=a,c=0,d=s),{r:Math.round((r+l)*255),g:Math.round((c+l)*255),b:Math.round((d+l)*255)}}function Di(n){return zn(Go(n))}function Nn(n){return Jo(Zt(n))}function $i(n){return n<=.0031308?n*12.92:1.055*Math.pow(n,1/2.4)-.055}function Ti(n){return n<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4)}function sd(n,e,t){const o=n+.3963377774*e+.2158037573*t,a=n-.1055613458*e-.0638541728*t,s=n-.0894841775*e-1.291485548*t,l=o*o*o,r=a*a*a,c=s*s*s;return{r:4.0767416621*l-3.3077115913*r+.2309699292*c,g:-1.2684380046*l+2.6097574011*r-.3413193965*c,b:-.0041960863*l-.7034186147*r+1.707614701*c}}function ld(n,e,t){const o=.4122214708*n+.5363325363*e+.0514459929*t,a=.2119034982*n+.6806995451*e+.1073969566*t,s=.0883024619*n+.2817188376*e+.6299787005*t,l=Math.cbrt(o),r=Math.cbrt(a),c=Math.cbrt(s);return{L:.2104542553*l+.793617785*r-.0040720468*c,a:1.9779984951*l-2.428592205*r+.4505937099*c,b:.0259040371*l+.7827717662*r-.808675766*c}}function Zo(n){const{l:e,c:t,h:o}=n,a=o*Math.PI/180,s=t*Math.cos(a),l=t*Math.sin(a),r=sd(e,s,l);return{r:Ue(Math.round($i(r.r)*255),0,255),g:Ue(Math.round($i(r.g)*255),0,255),b:Ue(Math.round($i(r.b)*255),0,255)}}function Qo(n){const e=Ti(n.r/255),t=Ti(n.g/255),o=Ti(n.b/255),a=ld(e,t,o),s=Math.sqrt(a.a*a.a+a.b*a.b);let l=Math.atan2(a.b,a.a)*180/Math.PI;return l<0&&(l+=360),{l:a.L,c:s,h:s<1e-4?0:l}}function ea(n){return Qo(Zt(n))}function ta(n){return zn(Zo(n))}function Ii(n,e){return e!==void 0&&e<1?`rgba(${n.r}, ${n.g}, ${n.b}, ${e})`:`rgb(${n.r}, ${n.g}, ${n.b})`}function na(n,e){const t=(n.l*100).toFixed(1),o=n.c.toFixed(3),a=n.h.toFixed(0);return e!==void 0&&e<1?`oklch(${t}% ${o} ${a} / ${e})`:`oklch(${t}% ${o} ${a})`}function Qt(n){const e=n.trim().toLowerCase();if(e.startsWith("#")){const a=e.slice(1);if(/^[0-9a-f]{3}$/.test(a)||/^[0-9a-f]{6}$/.test(a))return{hsv:Di(e),alpha:1,format:"hex"};if(/^[0-9a-f]{8}$/.test(a)){const s=parseInt(a.slice(6,8),16)/255;return{hsv:Di("#"+a.slice(0,6)),alpha:s,format:"hex"}}return null}const t=e.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+))?\s*\)$/);if(t){const a={r:Ue(parseInt(t[1],10),0,255),g:Ue(parseInt(t[2],10),0,255),b:Ue(parseInt(t[3],10),0,255)},s=t[4]?Ue(parseFloat(t[4]),0,1):1;return{hsv:zn(a),alpha:s,format:"rgb"}}const o=e.match(/^oklch\(\s*([\d.]+)%?\s+([\d.]+)\s+([\d.]+)\s*(?:\/\s*([\d.]+))?\s*\)$/);if(o){const a=parseFloat(o[1])/(o[1].includes("%")?1:100),s={l:Ue(a>1?a/100:a,0,1),c:Ue(parseFloat(o[2]),0,.5),h:parseFloat(o[3])%360},l=o[4]?Ue(parseFloat(o[4]),0,1):1;return{hsv:ta(s),alpha:l,format:"oklch"}}return null}function Li(n,e,t){switch(t){case"hex":{const o=Nn(n);if(e<1){const a=Math.round(e*255).toString(16).padStart(2,"0");return o+a}return o}case"rgb":return Ii(Zt(n),e);case"oklch":return na(ea(n),e)}}const ia=O(i.defineComponent({__name:"ColorArea",props:{hue:{},saturation:{},value:{}},emits:["update:saturation","update:value"],setup(n,{emit:e}){const t=n,o=e,a=i.ref(null),s=i.ref(!1),l=i.computed(()=>({left:`${t.saturation*100}%`,top:`${(1-t.value)*100}%`})),r=i.computed(()=>`hsl(${t.hue}, 100%, 50%)`);function c(g,b){if(!a.value)return;const _=a.value.getBoundingClientRect(),k=g-_.left,B=b-_.top,C=Ue(k/_.width,0,1),y=Ue(1-B/_.height,0,1);o("update:saturation",C),o("update:value",y)}function d(g){g.preventDefault(),s.value=!0,c(g.clientX,g.clientY),document.addEventListener("mousemove",u),document.addEventListener("mouseup",h)}function u(g){s.value&&c(g.clientX,g.clientY)}function h(){s.value=!1,document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",h)}function f(g){g.preventDefault(),s.value=!0,c(g.touches[0].clientX,g.touches[0].clientY),document.addEventListener("touchmove",m,{passive:!1}),document.addEventListener("touchend",p)}function m(g){g.preventDefault(),s.value&&c(g.touches[0].clientX,g.touches[0].clientY)}function p(){s.value=!1,document.removeEventListener("touchmove",m),document.removeEventListener("touchend",p)}return i.onUnmounted(()=>{document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",h),document.removeEventListener("touchmove",m),document.removeEventListener("touchend",p)}),(g,b)=>(i.openBlock(),i.createElementBlock("div",{ref_key:"areaRef",ref:a,class:i.normalizeClass(["ui-color-area",{"ui-color-area--dragging":s.value}]),style:i.normalizeStyle({"--hue-color":r.value}),onMousedown:d,onTouchstart:f},[b[0]||(b[0]=i.createElementVNode("div",{class:"ui-color-area__gradient ui-color-area__gradient--saturation"},null,-1)),b[1]||(b[1]=i.createElementVNode("div",{class:"ui-color-area__gradient ui-color-area__gradient--value"},null,-1)),i.createElementVNode("div",{class:"ui-color-area__thumb",style:i.normalizeStyle(l.value)},null,4)],38))}}),[["__scopeId","data-v-da7ba502"]]),rd={key:0,class:"ui-color-slider__checkerboard"},zi=O(i.defineComponent({__name:"ColorSlider",props:{modelValue:{},type:{},color:{default:"#ff0000"}},emits:["update:modelValue"],setup(n,{emit:e}){const t=n,o=e,a=i.ref(null),s=i.ref(!1),l=i.computed(()=>t.type==="hue"?t.modelValue/360*100:t.modelValue*100),r=i.computed(()=>t.type!=="alpha"?"":`linear-gradient(to right, transparent, ${t.color})`);function c(g){if(!a.value)return;const b=a.value.getBoundingClientRect(),_=g-b.left,k=Ue(_/b.width,0,1);t.type==="hue"?o("update:modelValue",Math.round(k*360)):o("update:modelValue",k)}function d(g){g.preventDefault(),s.value=!0,c(g.clientX),document.addEventListener("mousemove",u),document.addEventListener("mouseup",h)}function u(g){s.value&&c(g.clientX)}function h(){s.value=!1,document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",h)}function f(g){g.preventDefault(),s.value=!0,c(g.touches[0].clientX),document.addEventListener("touchmove",m,{passive:!1}),document.addEventListener("touchend",p)}function m(g){g.preventDefault(),s.value&&c(g.touches[0].clientX)}function p(){s.value=!1,document.removeEventListener("touchmove",m),document.removeEventListener("touchend",p)}return i.onUnmounted(()=>{document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",h),document.removeEventListener("touchmove",m),document.removeEventListener("touchend",p)}),(g,b)=>(i.openBlock(),i.createElementBlock("div",{ref_key:"trackRef",ref:a,class:i.normalizeClass(["ui-color-slider",[`ui-color-slider--${n.type}`,{"ui-color-slider--dragging":s.value}]]),onMousedown:d,onTouchstart:f},[n.type==="alpha"?(i.openBlock(),i.createElementBlock("div",rd)):i.createCommentVNode("",!0),i.createElementVNode("div",{class:"ui-color-slider__gradient",style:i.normalizeStyle(n.type==="alpha"?{background:r.value}:void 0)},null,4),i.createElementVNode("div",{class:"ui-color-slider__thumb",style:i.normalizeStyle({left:`${l.value}%`})},null,4)],34))}}),[["__scopeId","data-v-025e0a7f"]]),cd={class:"ui-color-picker__panel"},dd={class:"ui-color-picker__sliders"},ud={class:"ui-color-picker__footer"},hd={class:"ui-color-picker__preview"},fd={class:"ui-color-picker__preview-text"},md=O(i.defineComponent({__name:"ColorPicker",props:{modelValue:{},format:{default:"hex"},disabled:{type:Boolean,default:!1},swatchOnly:{type:Boolean,default:!1},alpha:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:e}){const t=n,o=e,a=i.ref({h:0,s:1,v:1}),s=i.ref(1),l=i.ref(""),r=i.ref(!1),c=i.computed(()=>{const B=Zt(a.value);return t.alpha&&s.value<1?Ii(B,s.value):Nn(a.value)}),d=i.computed(()=>Nn({...a.value,s:1,v:1}));i.watch(()=>t.modelValue,B=>{if(!B)return;const C=Qt(B);C&&(a.value=C.hsv,s.value=C.alpha,l.value=B)},{immediate:!0});function u(){const B=Li(a.value,s.value,t.format);l.value=B,o("update:modelValue",B)}function h(B){a.value={...a.value,h:B},u()}function f(B){a.value={...a.value,s:B},u()}function m(B){a.value={...a.value,v:B},u()}function p(B){s.value=B,u()}function g(B){const C=B.target.value;l.value=C;const y=Qt(C);y&&(a.value=y.hsv,s.value=y.alpha,o("update:modelValue",C))}function b(){Qt(l.value)||(l.value=Li(a.value,s.value,t.format))}async function _(){if("EyeDropper"in window)try{const C=await new EyeDropper().open();if(C.sRGBHex){const y=Qt(C.sRGBHex);y&&(a.value=y.hsv,s.value=1,u())}}catch{}}const k=i.computed(()=>"EyeDropper"in window);return(B,C)=>(i.openBlock(),i.createBlock(Ln,{placement:"bottom-start",disabled:n.disabled,width:240,onOpen:C[0]||(C[0]=y=>r.value=!0),onClose:C[1]||(C[1]=y=>r.value=!1)},{trigger:i.withCtx(()=>[i.createElementVNode("div",{class:i.normalizeClass(["ui-color-picker__trigger",{"ui-color-picker__trigger--disabled":n.disabled}])},[i.createElementVNode("div",{class:"ui-color-picker__swatch",style:i.normalizeStyle({backgroundColor:c.value})},[...C[2]||(C[2]=[i.createElementVNode("div",{class:"ui-color-picker__swatch-checkerboard"},null,-1)])],4),n.swatchOnly?i.createCommentVNode("",!0):(i.openBlock(),i.createBlock(Jt,{key:0,"model-value":l.value,disabled:n.disabled,class:"ui-color-picker__input",onInput:g,onBlur:b},null,8,["model-value","disabled"]))],2)]),default:i.withCtx(()=>[i.createElementVNode("div",cd,[i.createVNode(ia,{hue:a.value.h,saturation:a.value.s,value:a.value.v,"onUpdate:saturation":f,"onUpdate:value":m},null,8,["hue","saturation","value"]),i.createElementVNode("div",dd,[i.createVNode(zi,{"model-value":a.value.h,type:"hue","onUpdate:modelValue":h},null,8,["model-value"]),n.alpha?(i.openBlock(),i.createBlock(zi,{key:0,"model-value":s.value,type:"alpha",color:d.value,"onUpdate:modelValue":p},null,8,["model-value","color"])):i.createCommentVNode("",!0)]),i.createElementVNode("div",ud,[i.createElementVNode("div",hd,[i.createElementVNode("div",{class:"ui-color-picker__preview-swatch",style:i.normalizeStyle({backgroundColor:c.value})},[...C[3]||(C[3]=[i.createElementVNode("div",{class:"ui-color-picker__swatch-checkerboard"},null,-1)])],4),i.createElementVNode("span",fd,i.toDisplayString(l.value),1)]),k.value?(i.openBlock(),i.createElementBlock("button",{key:0,type:"button",class:"ui-color-picker__eyedropper",title:"Pick color from screen",onClick:_},[...C[4]||(C[4]=[i.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[i.createElementVNode("path",{d:"M2 22l1-1h3l9-9"}),i.createElementVNode("path",{d:"M3 21v-3l9-9"}),i.createElementVNode("path",{d:"M14.5 6.5l3-3a2.12 2.12 0 0 1 3 3l-3 3"}),i.createElementVNode("path",{d:"M12 9l3 3"})],-1)])])):i.createCommentVNode("",!0)])])]),_:1},8,["disabled"]))}}),[["__scopeId","data-v-ea7d9545"]]);/*!
|
|
28
|
+
`,g.style.position=g.style.position||"relative",g.style.overflow="hidden",g.appendChild(C),C.addEventListener("animationend",()=>{C.remove()})}function f(p){l&&r===p||(m(),r=p,l=!0,u(),p.addEventListener("click",h),p.setAttribute("data-ripple",""))}function m(){r&&r.removeEventListener("click",h),l=!1,r=null}i.watch(n,p=>{p?f(p):m()},{immediate:!0}),i.onUnmounted(()=>{m()})}function Tn(n){const e=()=>{const o=window.innerWidth-document.documentElement.clientWidth;document.body.style.paddingRight=`${o}px`,document.body.style.overflow="hidden"},t=()=>{document.body.style.paddingRight="",document.body.style.overflow=""};i.watch(n,o=>{o?e():t()}),i.onUnmounted(()=>t())}const Ho=Symbol("spire-config"),ar=O(i.defineComponent({__name:"SpireProvider",props:{theme:{},mood:{},depth:{},motion:{},texture:{},tag:{default:"div"}},setup(n){const e=n,t=i.computed(()=>({theme:e.theme,mood:e.mood,depth:e.depth,motion:e.motion,texture:e.texture}));i.provide(Ho,t);const o=i.computed(()=>{const a={};return e.theme&&(a["data-theme"]=e.theme),e.mood&&(a["data-mood"]=e.mood),e.depth&&(a["data-depth"]=e.depth),e.motion&&(a["data-motion"]=e.motion),e.texture&&(a["data-texture"]=e.texture),a});return(a,s)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.tag),i.mergeProps({class:"spire-provider"},o.value),{default:i.withCtx(()=>[i.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},16))}}),[["__scopeId","data-v-5f21efd3"]]);function sr(n,e,t={}){const{delay:o=80,duration:a=400,easing:s="cubic-bezier(0.16, 1, 0.3, 1)",from:l={opacity:0,transform:"translateY(16px)"},to:r={opacity:1,transform:"translateY(0)"},animateOnVisible:c=!1}=t,d=i.ref(!1);let u=!1,h=null;function f(){return n.value?Array.from(n.value.querySelectorAll(e)):[]}function m(_){_.offsetHeight}function p(_){_.forEach(k=>{k.style.transition="none",l.opacity!==void 0&&(k.style.opacity=String(l.opacity)),l.transform&&(k.style.transform=l.transform)})}async function g(){await i.nextTick();const _=f();if(_.length===0||d.value)return;d.value=!0,p(_),_[0]&&m(_[0]),await new Promise(B=>requestAnimationFrame(B)),_.forEach((B,C)=>{const y=C*o;B.style.transition=`opacity ${a}ms ${s} ${y}ms, transform ${a}ms ${s} ${y}ms`,r.opacity!==void 0&&(B.style.opacity=String(r.opacity)),r.transform&&(B.style.transform=r.transform)});const k=(_.length-1)*o+a;await new Promise(B=>{h&&clearTimeout(h),h=setTimeout(()=>{h=null,d.value=!1,_.forEach(C=>{C.style.transition=""}),B()},k+50)})}function b(){f().forEach(k=>{k.style.opacity="",k.style.transform="",k.style.transition=""}),d.value=!1,u=!1}return c&&i.watch(n,async _=>{_&&!u&&(await i.nextTick(),f().length>0&&(u=!0,g()))},{immediate:!0}),i.onUnmounted(()=>{h&&(clearTimeout(h),h=null)}),{isAnimating:d,animate:g,reset:b}}function lr(n,e={}){const{delay:t=80}=e;return{"--stagger-delay":`${n*t}ms`,"--stagger-index":String(n)}}const rr=["data-state"],cr=O(i.defineComponent({__name:"AccordionItem",props:{value:{},disabled:{type:Boolean,default:!1}},setup(n){const e=n,t=i.inject(Et);if(!t)throw new Error("AccordionItem must be used within AccordionRoot");const o=ye("accordion-trigger"),a=ye("accordion-content"),s=i.computed(()=>t.openItems.value.has(e.value));function l(){e.disabled||t.toggle(e.value)}i.provide(Mi,{value:e.value,triggerId:o,contentId:a,isOpen:s,disabled:i.computed(()=>e.disabled),toggle:l});const r=i.computed(()=>["ui-accordion__item",`ui-accordion__item--${t.variant.value}`,{"ui-accordion__item--disabled":e.disabled,"ui-accordion__item--open":s.value}]);return(c,d)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(r.value),"data-state":s.value?"open":"closed"},[i.renderSlot(c.$slots,"default",{},void 0,!0)],10,rr))}}),[["__scopeId","data-v-7dfbd25c"]]),dr={class:"ui-accordion__heading"},ur=["id","aria-expanded","aria-controls","disabled"],hr={class:"ui-accordion__trigger-text"},fr={key:0,class:"ui-accordion__indicator"},mr=O(i.defineComponent({__name:"AccordionTrigger",props:{hideIndicator:{type:Boolean,default:!1}},setup(n){const e=i.useSlots(),t=i.inject(Mi);if(!t)throw new Error("AccordionTrigger must be used within AccordionItem");const o=!!e.icon;return(a,s)=>(i.openBlock(),i.createElementBlock("h3",dr,[i.createElementVNode("button",{type:"button",class:"ui-accordion__trigger",id:i.unref(t).triggerId,"aria-expanded":i.unref(t).isOpen.value,"aria-controls":i.unref(t).contentId,disabled:i.unref(t).disabled.value,onClick:s[0]||(s[0]=(...l)=>i.unref(t).toggle&&i.unref(t).toggle(...l))},[i.createElementVNode("span",hr,[i.renderSlot(a.$slots,"default",{},void 0,!0)]),o?(i.openBlock(),i.createElementBlock("span",fr,[i.renderSlot(a.$slots,"icon",{isOpen:i.unref(t).isOpen.value},void 0,!0)])):n.hideIndicator?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("svg",{key:1,class:i.normalizeClass(["ui-accordion__chevron",{"ui-accordion__chevron--open":i.unref(t).isOpen.value}]),width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},[...s[1]||(s[1]=[i.createElementVNode("path",{d:"M6 9l6 6 6-6"},null,-1)])],2))],8,ur)]))}}),[["__scopeId","data-v-d8ac582f"]]),pr=["id","aria-labelledby"],gr={class:"ui-accordion__content-inner"},br=["id","aria-labelledby"],_r={class:"ui-accordion__content-inner"},yr=O(i.defineComponent({__name:"AccordionContent",props:{lazy:{type:Boolean,default:!1}},setup(n){const e=i.inject(Mi);if(!e)throw new Error("AccordionContent must be used within AccordionItem");function t(l){const r=l;r.style.height="0",r.style.overflow="hidden",r.offsetHeight,r.style.height=`${r.scrollHeight}px`}function o(l){const r=l;r.style.height="auto",r.style.overflow=""}function a(l){const r=l;r.style.height=`${r.scrollHeight}px`,r.style.overflow="hidden",r.offsetHeight,r.style.height="0"}function s(l){const r=l;r.style.height="",r.style.overflow=""}return(l,r)=>n.lazy?(i.openBlock(),i.createBlock(i.Transition,{key:0,name:"ui-accordion-content",onEnter:t,onAfterEnter:o,onLeave:a,onAfterLeave:s},{default:i.withCtx(()=>[i.unref(e).isOpen.value?(i.openBlock(),i.createElementBlock("div",{key:0,id:i.unref(e).contentId,class:"ui-accordion__content",role:"region","aria-labelledby":i.unref(e).triggerId},[i.createElementVNode("div",gr,[i.renderSlot(l.$slots,"default",{},void 0,!0)])],8,pr)):i.createCommentVNode("",!0)]),_:3})):(i.openBlock(),i.createBlock(i.Transition,{key:1,name:"ui-accordion-content",onEnter:t,onAfterEnter:o,onLeave:a,onAfterLeave:s},{default:i.withCtx(()=>[i.withDirectives(i.createElementVNode("div",{id:i.unref(e).contentId,class:"ui-accordion__content",role:"region","aria-labelledby":i.unref(e).triggerId},[i.createElementVNode("div",_r,[i.renderSlot(l.$slots,"default",{},void 0,!0)])],8,br),[[i.vShow,i.unref(e).isOpen.value]])]),_:3}))}}),[["__scopeId","data-v-1f8efcd8"]]);function jo(n,e=2){if(!n)return"";const t=n.trim().split(/\s+/);if(t.length===0||t[0]==="")return"";if(t.length===1)return t[0].substring(0,e).toUpperCase();const o=t[0][0],a=t[t.length-1][0];return(o+a).toUpperCase()}const kr=["aria-label"],xr=["src","alt"],wr={key:1,class:"ui-avatar__text"},Cr={key:2,class:"ui-avatar__icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},Yo=O(i.defineComponent({__name:"Avatar",props:{src:{},name:{},alt:{},size:{default:"md"},shape:{default:"circle"},variant:{default:"soft"},bordered:{type:Boolean,default:!1}},setup(n){const e=n,t=i.ref(!1);i.watch(()=>e.src,()=>{t.value=!1});function o(){t.value=!0}const a=i.computed(()=>jo(e.name)),s=i.computed(()=>e.src&&!t.value),l=i.computed(()=>!s.value&&a.value);i.computed(()=>!s.value&&!a.value);const r=i.computed(()=>["ui-avatar",`ui-avatar--${e.size}`,`ui-avatar--${e.shape}`,`ui-avatar--${e.variant}`,{"ui-avatar--bordered":e.bordered}]),c=i.computed(()=>e.alt||e.name||"Avatar");return(d,u)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(r.value),role:"img","aria-label":c.value},[s.value?(i.openBlock(),i.createElementBlock("img",{key:0,src:n.src,alt:n.alt||n.name,class:"ui-avatar__img",onError:o},null,40,xr)):l.value?(i.openBlock(),i.createElementBlock("span",wr,i.toDisplayString(a.value),1)):(i.openBlock(),i.createElementBlock("svg",Cr,[...u[0]||(u[0]=[i.createElementVNode("circle",{cx:"12",cy:"8",r:"4"},null,-1),i.createElementVNode("path",{d:"M4 20c0-4 4-6 8-6s8 2 8 6"},null,-1)])]))],10,kr))}}),[["__scopeId","data-v-336c7655"]]),Br=["aria-label"],Sr=O(i.defineComponent({__name:"Badge",props:{variant:{default:"default"},dot:{type:Boolean},pulse:{type:Boolean},value:{},max:{default:99},label:{}},setup(n){const e=n,t=i.useSlots(),o=i.computed(()=>e.dot||!t.default&&e.value===void 0),a=i.computed(()=>e.value===void 0?null:e.value>e.max?`${e.max}+`:String(e.value)),s=i.computed(()=>{if(e.label)return e.label;if(e.value!==void 0)return String(e.value)}),l=i.computed(()=>["ui-badge",`ui-badge--${e.variant}`,{"ui-badge--dot":o.value,"ui-badge--pulse":e.pulse&&o.value}]);return(r,c)=>(i.openBlock(),i.createElementBlock("span",{class:i.normalizeClass(l.value),"aria-label":s.value,role:"status"},[o.value?i.createCommentVNode("",!0):i.renderSlot(r.$slots,"default",{key:0},()=>[i.createTextVNode(i.toDisplayString(a.value),1)],!0)],10,Br))}}),[["__scopeId","data-v-1251e7f1"]]),Er={class:"ui-badge-container"},Mr=O(i.defineComponent({__name:"BadgeContainer",props:{position:{default:"top-right"},offsetX:{default:"0px"},offsetY:{default:"0px"},cutout:{type:Boolean,default:!1}},setup(n){const e=n,t=i.computed(()=>({"top-right":{top:"0",right:"0",transform:`translate(calc(50% + ${e.offsetX}), calc(-50% + ${e.offsetY}))`},"top-left":{top:"0",left:"0",transform:`translate(calc(-50% + ${e.offsetX}), calc(-50% + ${e.offsetY}))`},"bottom-right":{bottom:"0",right:"0",transform:`translate(calc(50% + ${e.offsetX}), calc(50% + ${e.offsetY}))`},"bottom-left":{bottom:"0",left:"0",transform:`translate(calc(-50% + ${e.offsetX}), calc(50% + ${e.offsetY}))`}})[e.position]),o=i.computed(()=>["ui-badge-container__badge",{"ui-badge-container__badge--cutout":e.cutout}]);return(a,s)=>(i.openBlock(),i.createElementBlock("span",Er,[i.renderSlot(a.$slots,"default",{},void 0,!0),a.$slots.badge?(i.openBlock(),i.createElementBlock("span",{key:0,class:i.normalizeClass(o.value),style:i.normalizeStyle(t.value)},[i.renderSlot(a.$slots,"badge",{},void 0,!0)],6)):i.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-cc26bf8f"]]),Uo=Symbol("breadcrumb"),vr={"aria-label":"Breadcrumb",class:"ui-breadcrumb"},Vr=O(i.defineComponent({__name:"BreadcrumbRoot",props:{separator:{type:[String,Function],default:"/"}},setup(n){const e=n,t=i.useSlots();return i.provide(Uo,{separator:t.separator?()=>t.separator():e.separator}),(o,a)=>(i.openBlock(),i.createElementBlock("nav",vr,[i.renderSlot(o.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-0216e016"]]),Dr={},$r={class:"ui-breadcrumb__list"};function Tr(n,e){return i.openBlock(),i.createElementBlock("ol",$r,[i.renderSlot(n.$slots,"default",{},void 0,!0)])}const Ir=O(Dr,[["render",Tr],["__scopeId","data-v-5d41319b"]]),Lr={},zr={class:"ui-breadcrumb__item"};function Nr(n,e){return i.openBlock(),i.createElementBlock("li",zr,[i.renderSlot(n.$slots,"default",{},void 0,!0)])}const Pr=O(Lr,[["render",Nr],["__scopeId","data-v-2e881efe"]]),Ar=O(i.defineComponent({__name:"BreadcrumbLink",props:{href:{},to:{},as:{}},setup(n){const e=n,t=i.computed(()=>e.as?e.as:e.to?"router-link":(e.href,"a")),o=i.computed(()=>e.to?{to:e.to}:e.href?{href:e.href}:{});return(a,s)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(t.value),i.mergeProps(o.value,{class:"ui-breadcrumb__link"}),{default:i.withCtx(()=>[i.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},16))}}),[["__scopeId","data-v-61a847e7"]]),Rr={},Or={role:"link","aria-disabled":"true","aria-current":"page",class:"ui-breadcrumb__page"};function Fr(n,e){return i.openBlock(),i.createElementBlock("span",Or,[i.renderSlot(n.$slots,"default",{},void 0,!0)])}const Wr=O(Rr,[["render",Fr],["__scopeId","data-v-933b4a45"]]),Hr={role:"presentation","aria-hidden":"true",class:"ui-breadcrumb__separator"},jr=O(i.defineComponent({__name:"BreadcrumbSeparator",setup(n){const e=i.inject(Uo),t=i.useSlots();function o(){if(t.default)return t.default()[0];if(!e)return"/";const a=e.separator;if(typeof a=="string")return a;if(typeof a=="function"){const s=a();if(i.isVNode(s))return s;if(Array.isArray(s)&&s.length>0)return s[0]}return i.h(a)}return(a,s)=>(i.openBlock(),i.createElementBlock("li",Hr,[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(()=>o())))]))}}),[["__scopeId","data-v-489380bd"]]),Yr=["id","aria-expanded","aria-controls"],Ur=["id","aria-labelledby"],Xr={key:0,class:"ui-dropdown__mobile-header"},Kr={class:"ui-dropdown__mobile-title"},Gt=Symbol("dropdown"),Xo=O(i.defineComponent({__name:"Dropdown",props:{placement:{default:"bottom-start"},offset:{default:4},disabled:{type:Boolean,default:!1},menuWidth:{default:"auto"}},emits:["open","close"],setup(n,{emit:e}){const t=n,o=e,a=i.inject(Gt,null),s=!!a,l=a?a.depth+1:0,r=i.ref(!1),c=i.ref(null),d=i.ref(null),u=i.ref([]),h=i.ref(new Map),f=i.ref(-1),m=i.ref(null),p=ye("dropdown-trigger"),g=ye("dropdown-menu"),b=ye("submenu"),_=i.ref(!1),k=i.ref([]),B=i.ref(new Map);let C=null;const y=i.reactive({active:!1,points:[],submenuId:null});function x(){_.value=window.matchMedia("(max-width: 768px)").matches||"ontouchstart"in window||navigator.maxTouchPoints>0}i.onMounted(()=>{x(),window.addEventListener("resize",x),s&&a&&a.registerSubmenu({id:b,triggerEl:c.value,open:A,close:R})}),i.onUnmounted(()=>{window.removeEventListener("resize",x),s&&a&&a.unregisterSubmenu(b)});const S=i.computed(()=>s&&t.placement==="bottom-start"?"right-start":t.placement);function w(V){u.value.includes(V)||u.value.push(V)}function M(V){const Z=u.value.indexOf(V);Z>-1&&u.value.splice(Z,1)}function N(V){h.value.set(V.id,V)}function T(V){h.value.delete(V)}function $(V){if(m.value&&m.value!==V){const Z=h.value.get(m.value);Z==null||Z.close()}m.value=V}function K(V,Z){B.value.set(V,Z),k.value.push(V)}function P(){const V=k.value.pop();if(V){B.value.delete(V);const Z=h.value.get(V);Z==null||Z.close()}}i.provide(Gt,{close:R,closeAll:q,cancelClose:ge,registerItem:w,unregisterItem:M,registerSubmenu:N,unregisterSubmenu:T,isSubmenu:s,depth:l,isMobile:_,openSubmenuId:m,setOpenSubmenu:$,safeTriangle:y,menuStack:k,pushMenu:K,popMenu:P});function A(){t.disabled||r.value||(r.value=!0,o("open"),s&&a&&a.setOpenSubmenu(b),i.nextTick(()=>{ne(),requestAnimationFrame(()=>{fe()})}))}function R(){r.value&&(h.value.forEach(V=>V.close()),m.value=null,r.value=!1,f.value=-1,o("close"),s||(k.value=[],B.value.clear()),s&&a&&a.setOpenSubmenu(null),i.nextTick(()=>{var V;(V=c.value)==null||V.focus()}))}function q(){R(),a==null||a.closeAll()}function Q(){r.value?R():A()}function ee(){C&&clearTimeout(C),C=setTimeout(()=>{R()},150)}function ge(){C&&(clearTimeout(C),C=null)}function fe(){if(!d.value)return;const V=d.value.querySelector(':scope > .ui-dropdown-item:not([disabled]):not([aria-disabled="true"]), :scope > .ui-dropdown > .ui-dropdown__trigger .ui-dropdown-item:not([disabled]):not([aria-disabled="true"])');V&&(f.value=0,V.focus())}function be(){return d.value?Array.from(d.value.querySelectorAll(':scope > .ui-dropdown-item:not([disabled]):not([aria-disabled="true"]), :scope > .ui-dropdown > .ui-dropdown__trigger .ui-dropdown-item:not([disabled]):not([aria-disabled="true"])')):[]}function xe(V){const Z=be();Z.length!==0&&(V<0&&(V=Z.length-1),V>=Z.length&&(V=0),f.value=V,Z[V].focus())}function F(V){s&&!_.value||Q()}function v(){var V;!s||_.value||(ge(),(V=a==null?void 0:a.cancelClose)==null||V.call(a),A())}function D(V){if(!(!s||_.value)){if(d.value){const Z=d.value.getBoundingClientRect();V.clientX,V.clientY,y.active=!0,y.submenuId=b,y.points=[{x:V.clientX,y:V.clientY},{x:Z.left,y:Z.top},{x:Z.left,y:Z.bottom}]}ee()}}function G(){var V;ge(),(V=a==null?void 0:a.cancelClose)==null||V.call(a),y.active=!1}function ce(){s&&ee()}function ze(V){if(s){switch(V.key){case"ArrowRight":case"Enter":V.preventDefault(),V.stopPropagation(),A();break}return}switch(V.key){case"Enter":case" ":case"ArrowDown":V.preventDefault(),A();break;case"ArrowUp":V.preventDefault(),A(),i.nextTick(()=>{const Z=be();Z.length>0&&(f.value=Z.length-1,Z[Z.length-1].focus())});break}}function L(V){const Z=be(),Te=Z.findIndex(me=>me===document.activeElement);switch(V.key){case"ArrowDown":V.preventDefault(),xe(Te+1);break;case"ArrowUp":V.preventDefault(),xe(Te-1);break;case"ArrowLeft":s&&(V.preventDefault(),V.stopPropagation(),R());break;case"Home":V.preventDefault(),xe(0);break;case"End":V.preventDefault(),xe(Z.length-1);break;case"Escape":V.preventDefault(),V.stopPropagation(),R();break;case"Tab":q();break}}const j=i.computed(()=>{const V={};return t.menuWidth==="trigger"&&c.value?V.minWidth=`${c.value.offsetWidth}px`:typeof t.menuWidth=="number"&&(V.width=`${t.menuWidth}px`),V}),X=i.ref({top:"0",left:"0"});function ne(){if(!c.value||!d.value)return;const V=c.value.getBoundingClientRect(),Z=d.value.getBoundingClientRect(),Te={width:window.innerWidth,height:window.innerHeight};let me,we,le=S.value;if(le.startsWith("right")||le.startsWith("left")){const Ne=Te.width-V.right,De=V.left;(le.startsWith("right")&&Ne<Z.width&&De>Ne||le.startsWith("left")&&De<Z.width&&Ne>De)&&(le=le.startsWith("right")?le.replace("right","left"):le.replace("left","right")),le.startsWith("right")?we=V.right+t.offset:we=V.left-Z.width-t.offset,le.endsWith("start")?me=V.top:me=V.bottom-Z.height}else{const Ne=Te.height-V.bottom,De=V.top;(le.startsWith("bottom")&&Ne<Z.height&&De>Ne||le.startsWith("top")&&De<Z.height&&Ne>De)&&(le=le.startsWith("bottom")?le.replace("bottom","top"):le.replace("top","bottom")),le.startsWith("bottom")?me=V.bottom+t.offset:me=V.top-Z.height-t.offset,le.endsWith("start")?we=V.left:we=V.right-Z.width}we=Math.max(8,Math.min(we,Te.width-Z.width-8)),me=Math.max(8,Math.min(me,Te.height-Z.height-8)),X.value={top:`${me}px`,left:`${we}px`}}function he(V,Z,Te){if(Te.length<3)return!1;const[me,we,le]=Te,Ne=.5*(-we.y*le.x+me.y*(-we.x+le.x)+me.x*(we.y-le.y)+we.x*le.y),De=Ne<0?-1:1,tt=(me.y*le.x-me.x*le.y+(le.y-me.y)*V+(me.x-le.x)*Z)*De,I=(me.x*we.y-me.y*we.x+(me.y-we.y)*V+(we.x-me.x)*Z)*De;return tt>0&&I>0&&tt+I<2*Ne*De}function Ae(V){if(!y.active||!y.points.length)return;he(V.clientX,V.clientY,y.points)?ge():y.active=!1}function Re(V){var me,we;const Z=V.target;let Te=!1;h.value.forEach(le=>{const Ne=document.getElementById(`dropdown-menu-${le.id.split("-").pop()}`);Ne!=null&&Ne.contains(Z)&&(Te=!0)}),!((me=c.value)!=null&&me.contains(Z))&&!((we=d.value)!=null&&we.contains(Z))&&!Te&&q()}i.watch(r,V=>{V?(document.addEventListener("mousedown",Re),document.addEventListener("mousemove",Ae),window.addEventListener("resize",ne),window.addEventListener("scroll",ne,!0)):(document.removeEventListener("mousedown",Re),document.removeEventListener("mousemove",Ae),window.removeEventListener("resize",ne),window.removeEventListener("scroll",ne,!0),y.active=!1)}),i.onUnmounted(()=>{document.removeEventListener("mousedown",Re),document.removeEventListener("mousemove",Ae),window.removeEventListener("resize",ne),window.removeEventListener("scroll",ne,!0),C&&clearTimeout(C)});const Ye=i.computed(()=>{if(k.value.length===0)return null;const V=k.value[k.value.length-1];return B.value.get(V)||null});return i.computed(()=>_.value&&!s&&k.value.length>0),(V,Z)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["ui-dropdown",{"ui-dropdown--submenu":s}])},[i.createElementVNode("div",{ref_key:"triggerRef",ref:c,class:"ui-dropdown__trigger",id:i.unref(p),"aria-haspopup":!0,"aria-expanded":r.value,"aria-controls":i.unref(g),onClick:F,onMouseenter:v,onMouseleave:D,onKeydown:ze},[i.renderSlot(V.$slots,"trigger",{open:r.value,toggle:Q},void 0,!0)],40,Yr),(i.openBlock(),i.createBlock(i.Teleport,{to:"body"},[i.createVNode(i.Transition,{name:s?"ui-dropdown-sub":"ui-dropdown"},{default:i.withCtx(()=>[r.value?(i.openBlock(),i.createElementBlock("div",{key:0,ref_key:"menuRef",ref:d,class:i.normalizeClass(["ui-dropdown__menu",{"ui-dropdown__menu--submenu":s,"ui-dropdown__menu--mobile":_.value&&!s}]),id:i.unref(g),role:"menu","aria-labelledby":i.unref(p),style:i.normalizeStyle(_.value&&!s?{}:[j.value,X.value]),onMouseenter:G,onMouseleave:ce,onKeydown:L},[_.value&&!s&&k.value.length>0?(i.openBlock(),i.createElementBlock("div",Xr,[i.createElementVNode("button",{type:"button",class:"ui-dropdown__back-btn",onClick:P},[...Z[0]||(Z[0]=[i.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[i.createElementVNode("path",{d:"M15 18l-6-6 6-6"})],-1),i.createTextVNode(" Back ",-1)])]),i.createElementVNode("span",Kr,i.toDisplayString(Ye.value),1)])):i.createCommentVNode("",!0),i.renderSlot(V.$slots,"default",{},void 0,!0)],46,Ur)):i.createCommentVNode("",!0)]),_:3},8,["name"]),i.createVNode(i.Transition,{name:"ui-dropdown-overlay"},{default:i.withCtx(()=>[r.value&&_.value&&!s?(i.openBlock(),i.createElementBlock("div",{key:0,class:"ui-dropdown__overlay",onClick:q})):i.createCommentVNode("",!0)]),_:1})]))],2))}}),[["__scopeId","data-v-63a8a408"]]),qr={key:0,class:"ui-dropdown-item__icon"},Gr={class:"ui-dropdown-item__content"},Jr={key:1,class:"ui-dropdown-item__shortcut"},Zr={key:2,class:"ui-dropdown-item__chevron"},Ko=O(i.defineComponent({__name:"DropdownItem",props:{to:{},href:{},disabled:{type:Boolean,default:!1},danger:{type:Boolean,default:!1},icon:{},shortcut:{},preventClose:{type:Boolean,default:!1},chevron:{type:Boolean,default:!1}},emits:["click"],setup(n,{emit:e}){const t=n,o=e,a=i.inject(Gt),s=i.ref(null),l=i.computed(()=>t.to?"router-link":t.href?"a":"button"),r=i.computed(()=>{const u={class:["ui-dropdown-item",{"ui-dropdown-item--disabled":t.disabled,"ui-dropdown-item--danger":t.danger}],role:"menuitem",tabindex:t.disabled?-1:0};return t.disabled&&(u["aria-disabled"]="true"),l.value==="router-link"?u.to=t.to:l.value==="a"?(u.href=t.href,u.target="_blank",u.rel="noopener noreferrer"):(u.type="button",u.disabled=t.disabled),u});function c(u){if(t.disabled){u.preventDefault();return}o("click",u),t.preventClose||a==null||a.close()}function d(u){t.disabled||(u.key==="Enter"||u.key===" ")&&(u.preventDefault(),o("click",u),t.preventClose||a==null||a.close())}return i.onMounted(()=>{s.value&&(a==null||a.registerItem(s.value))}),i.onUnmounted(()=>{s.value&&(a==null||a.unregisterItem(s.value))}),(u,h)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(l.value),i.mergeProps({ref_key:"itemRef",ref:s},r.value,{onClick:c,onKeydown:d}),{default:i.withCtx(()=>[n.icon?(i.openBlock(),i.createElementBlock("span",qr,[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.icon)))])):i.createCommentVNode("",!0),i.createElementVNode("span",Gr,[i.renderSlot(u.$slots,"default",{},void 0,!0)]),n.shortcut?(i.openBlock(),i.createElementBlock("span",Jr,i.toDisplayString(n.shortcut),1)):i.createCommentVNode("",!0),n.chevron?(i.openBlock(),i.createElementBlock("span",Zr,[...h[0]||(h[0]=[i.createElementVNode("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[i.createElementVNode("path",{d:"M9 18l6-6-6-6"})],-1)])])):i.createCommentVNode("",!0)]),_:3},16))}}),[["__scopeId","data-v-110fb457"]]),Qr={},ec={class:"ui-dropdown-separator",role:"separator"};function tc(n,e){return i.openBlock(),i.createElementBlock("div",ec)}const nc=O(Qr,[["render",tc],["__scopeId","data-v-5ed4af21"]]),ic={class:"ui-dropdown-sub"},vi=Symbol("dropdownSub"),oc=O(i.defineComponent({__name:"DropdownSub",setup(n,{expose:e}){i.inject(Gt);const t=i.ref(!1),o=i.ref(null),a=i.ref(null);let s=null;function l(){s&&(clearTimeout(s),s=null),t.value=!0}function r(){t.value=!1}function c(){s&&clearTimeout(s),s=setTimeout(()=>{r()},150)}function d(){s&&(clearTimeout(s),s=null)}function u(f){(f.key==="ArrowRight"||f.key==="Enter")&&(f.preventDefault(),f.stopPropagation(),l())}function h(f){var m;f.key==="ArrowLeft"&&(f.preventDefault(),f.stopPropagation(),r(),(m=o.value)==null||m.focus())}return i.provide(vi,{isOpen:t,triggerRef:o,open:l,close:r,onTriggerKeydown:u,scheduleClose:c,cancelClose:d}),e({isOpen:t,triggerRef:o,contentRef:a,open:l,close:r,scheduleClose:c,cancelClose:d,onContentKeydown:h}),(f,m)=>(i.openBlock(),i.createElementBlock("div",ic,[i.renderSlot(f.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-4078e150"]]),ac=["aria-expanded","aria-disabled","tabindex","disabled"],sc={key:0,class:"ui-dropdown-sub-trigger__icon"},lc={class:"ui-dropdown-sub-trigger__content"},rc=O(i.defineComponent({__name:"DropdownSubTrigger",props:{disabled:{type:Boolean,default:!1},icon:{}},setup(n){const e=n,t=i.inject(Gt),o=i.inject(vi),a=i.ref(null);function s(){e.disabled||(o==null||o.cancelClose(),o==null||o.open())}function l(){e.disabled||o==null||o.scheduleClose()}function r(c){e.disabled||o==null||o.onTriggerKeydown(c)}return i.onMounted(()=>{a.value&&(t==null||t.registerItem(a.value),o&&(o.triggerRef.value=a.value))}),i.onUnmounted(()=>{a.value&&(t==null||t.unregisterItem(a.value))}),(c,d)=>{var u;return i.openBlock(),i.createElementBlock("button",{ref_key:"triggerRef",ref:a,type:"button",class:i.normalizeClass(["ui-dropdown-sub-trigger",{"ui-dropdown-sub-trigger--disabled":n.disabled}]),role:"menuitem","aria-haspopup":!0,"aria-expanded":(u=i.unref(o))==null?void 0:u.isOpen.value,"aria-disabled":n.disabled||void 0,tabindex:n.disabled?-1:0,disabled:n.disabled,onMouseenter:s,onMouseleave:l,onKeydown:r},[n.icon?(i.openBlock(),i.createElementBlock("span",sc,[(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.icon)))])):i.createCommentVNode("",!0),i.createElementVNode("span",lc,[i.renderSlot(c.$slots,"default",{},void 0,!0)]),d[0]||(d[0]=i.createElementVNode("span",{class:"ui-dropdown-sub-trigger__chevron"},[i.createElementVNode("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},[i.createElementVNode("path",{d:"M9 18l6-6-6-6"})])],-1))],42,ac)}}}),[["__scopeId","data-v-3588cf5f"]]),cc=O(i.defineComponent({__name:"DropdownSubContent",setup(n){const e=i.inject(vi),t=i.ref(null),o=i.ref({top:"0",left:"0"});function a(){e==null||e.cancelClose()}function s(){e==null||e.scheduleClose()}function l(){return t.value?Array.from(t.value.querySelectorAll('button:not([disabled]), a[href], [tabindex]:not([tabindex="-1"])')).filter(u=>u.getAttribute("aria-disabled")!=="true"):[]}function r(u){const h=l();h.length!==0&&(u<0&&(u=h.length-1),u>=h.length&&(u=0),h[u].focus())}function c(u){var m;const h=l(),f=h.findIndex(p=>p===document.activeElement);switch(u.key){case"ArrowDown":u.preventDefault(),u.stopPropagation(),r(f+1);break;case"ArrowUp":u.preventDefault(),u.stopPropagation(),r(f-1);break;case"Home":u.preventDefault(),u.stopPropagation(),r(0);break;case"End":u.preventDefault(),u.stopPropagation(),r(h.length-1);break;case"ArrowLeft":case"Escape":u.preventDefault(),u.stopPropagation(),e==null||e.close(),(m=e==null?void 0:e.triggerRef.value)==null||m.focus();break}}function d(){const u=e==null?void 0:e.triggerRef.value,h=t.value;if(!u||!h)return;const f=u.getBoundingClientRect(),m=h.getBoundingClientRect(),p={width:window.innerWidth,height:window.innerHeight},g=4;let b=f.top,_=f.right+g;_+m.width>p.width-8&&(_=f.left-m.width-g),b+m.height>p.height-8&&(b=p.height-m.height-8),b=Math.max(8,b),_=Math.max(8,Math.min(_,p.width-m.width-8)),o.value={top:`${b}px`,left:`${_}px`}}return i.watch(()=>e==null?void 0:e.isOpen.value,async u=>{var h;if(u){await i.nextTick(),d();const f=(h=t.value)==null?void 0:h.querySelector('button:not([disabled]), a[href], [tabindex]:not([tabindex="-1"])');f==null||f.focus()}}),i.onMounted(()=>{window.addEventListener("resize",d),window.addEventListener("scroll",d,!0)}),i.onUnmounted(()=>{window.removeEventListener("resize",d),window.removeEventListener("scroll",d,!0)}),(u,h)=>(i.openBlock(),i.createBlock(i.Teleport,{to:"body"},[i.createVNode(i.Transition,{name:"ui-dropdown-sub"},{default:i.withCtx(()=>{var f;return[(f=i.unref(e))!=null&&f.isOpen.value?(i.openBlock(),i.createElementBlock("div",{key:0,ref_key:"menuRef",ref:t,class:"ui-dropdown-sub-content",role:"menu",style:i.normalizeStyle(o.value),onMouseenter:a,onMouseleave:s,onKeydown:c},[i.renderSlot(u.$slots,"default",{},void 0,!0)],36)):i.createCommentVNode("",!0)]}),_:3})]))}}),[["__scopeId","data-v-7d7ddc2e"]]),dc={class:"ui-breadcrumb__item"},uc={key:1,class:"ui-breadcrumb__ellipsis-static","aria-hidden":"true"},hc=O(i.defineComponent({__name:"BreadcrumbEllipsis",props:{items:{default:()=>[]}},setup(n){return(e,t)=>(i.openBlock(),i.createElementBlock("li",dc,[n.items.length>0?(i.openBlock(),i.createBlock(i.unref(Xo),{key:0,placement:"bottom-start"},{trigger:i.withCtx(()=>[...t[0]||(t[0]=[i.createElementVNode("button",{type:"button",class:"ui-breadcrumb__ellipsis","aria-label":"Show more breadcrumbs"},[i.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},[i.createElementVNode("circle",{cx:"12",cy:"12",r:"1.5"}),i.createElementVNode("circle",{cx:"6",cy:"12",r:"1.5"}),i.createElementVNode("circle",{cx:"18",cy:"12",r:"1.5"})])],-1)])]),default:i.withCtx(()=>[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(n.items,(o,a)=>(i.openBlock(),i.createBlock(i.unref(Ko),{key:a,href:o.href,to:o.to},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(o.label),1)]),_:2},1032,["href","to"]))),128))]),_:1})):(i.openBlock(),i.createElementBlock("span",uc,[i.renderSlot(e.$slots,"default",{},()=>[t[1]||(t[1]=i.createTextVNode("…",-1))],!0)]))]))}}),[["__scopeId","data-v-c4a5d946"]]),fc=["aria-label"],mc={class:"ui-spinner__sr-only"},In=O(i.defineComponent({__name:"Spinner",props:{size:{default:"md"},speed:{default:.9},label:{default:"Loading"}},setup(n){const e=n,t={xs:"var(--spinner-xs)",sm:"var(--spinner-sm)",md:"var(--spinner-md)",lg:"var(--spinner-lg)",xl:"var(--spinner-xl)"},o=i.computed(()=>t[e.size]??e.size),a=i.computed(()=>`${e.speed}s`);return(s,l)=>(i.openBlock(),i.createElementBlock("div",{class:"ui-spinner",role:"status","aria-label":n.label,style:i.normalizeStyle({"--spinner-size":o.value,"--spinner-speed":a.value})},[l[0]||(l[0]=i.createStaticVNode('<div class="ui-spinner__dot" data-v-9f42aed4></div><div class="ui-spinner__dot" data-v-9f42aed4></div><div class="ui-spinner__dot" data-v-9f42aed4></div><div class="ui-spinner__dot" data-v-9f42aed4></div><div class="ui-spinner__dot" data-v-9f42aed4></div><div class="ui-spinner__dot" data-v-9f42aed4></div><div class="ui-spinner__dot" data-v-9f42aed4></div><div class="ui-spinner__dot" data-v-9f42aed4></div>',8)),i.createElementVNode("span",mc,i.toDisplayString(n.label),1)],12,fc))}}),[["__scopeId","data-v-9f42aed4"]]),je=O(i.defineComponent({__name:"Icon",props:{icon:{},size:{default:"md"},strokeWidth:{default:1.5},label:{}},setup(n){const e=n,t={xs:"var(--icon-xs)",sm:"var(--icon-sm)",md:"var(--icon-md)",lg:"var(--icon-lg)",xl:"var(--icon-xl)"},o=i.computed(()=>t[e.size]??e.size),a=i.computed(()=>!e.label),s=i.computed(()=>Array.isArray(e.icon)&&e.icon.length>0&&Array.isArray(e.icon[0]));function l(){const c=e.icon.map(([d,u])=>e.strokeWidth&&u["stroke-width"]?i.h(d,{...u,"stroke-width":e.strokeWidth}):i.h(d,u));return i.h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",class:"ui-icon",style:{"--icon-size":o.value},"aria-label":e.label,"aria-hidden":a.value,role:"img"},c)}return(r,c)=>s.value?(i.openBlock(),i.createBlock(i.resolveDynamicComponent(l),{key:1})):(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.icon),{key:0,class:"ui-icon",style:i.normalizeStyle({"--icon-size":o.value}),"stroke-width":n.strokeWidth,"aria-label":n.label,"aria-hidden":a.value,role:"img"},null,8,["style","stroke-width","aria-label","aria-hidden"]))}}),[["__scopeId","data-v-9f24c7a4"]]),pc={key:0,class:"ui-button__icon ui-button__icon--left","aria-hidden":"true"},gc={key:1,class:"ui-button__content"},bc={key:2,class:"ui-button__icon ui-button__icon--right","aria-hidden":"true"},_c={key:0,class:"ui-button__loader","aria-hidden":"true"},Je=O(i.defineComponent({__name:"Button",props:{variant:{default:"primary"},size:{default:"md"},as:{default:"button"},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},iconLeft:{},iconRight:{},block:{type:Boolean,default:!1},type:{default:"button"}},emits:["click"],setup(n,{emit:e}){const t=n,o=e,a=i.useSlots(),s=i.computed(()=>t.disabled||t.loading),l=i.computed(()=>!a.default&&!!(t.iconLeft||t.iconRight));function r(u){if(s.value){u.preventDefault();return}o("click",u)}const c={xs:"var(--text-xs)",sm:"var(--text-sm)",md:"var(--text-md)",lg:"var(--text-lg)",xl:"var(--text-xl)"},d=i.computed(()=>c[t.size]);return(u,h)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.as),{type:n.as==="button"?n.type:void 0,disabled:n.as==="button"?s.value:void 0,"aria-disabled":s.value,"aria-busy":n.loading,class:i.normalizeClass(["ui-button",[`ui-button--${n.variant}`,`ui-button--${n.size}`,{"ui-button--loading":n.loading,"ui-button--disabled":s.value,"ui-button--block":n.block,"ui-button--icon-only":l.value}]]),onClick:r},{default:i.withCtx(()=>[h[0]||(h[0]=i.createElementVNode("span",{class:"ui-button__highlight","aria-hidden":"true"},null,-1)),i.createElementVNode("span",{class:i.normalizeClass(["ui-button__inner",{"ui-button__inner--hidden":n.loading}])},[n.iconLeft?(i.openBlock(),i.createElementBlock("span",pc,[i.createVNode(je,{icon:n.iconLeft,size:d.value},null,8,["icon","size"])])):i.createCommentVNode("",!0),u.$slots.default?(i.openBlock(),i.createElementBlock("span",gc,[i.renderSlot(u.$slots,"default",{},void 0,!0)])):i.createCommentVNode("",!0),n.iconRight?(i.openBlock(),i.createElementBlock("span",bc,[i.createVNode(je,{icon:n.iconRight,size:d.value},null,8,["icon","size"])])):i.createCommentVNode("",!0)],2),n.loading?(i.openBlock(),i.createElementBlock("span",_c,[i.createVNode(In,{size:d.value,speed:.8,label:"Loading"},null,8,["size"])])):i.createCommentVNode("",!0)]),_:3},8,["type","disabled","aria-disabled","aria-busy","class"]))}}),[["__scopeId","data-v-7389849f"]]),yc=["role"],kc={key:0,class:"ui-callout__icon"},xc={key:0,width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},wc={key:1,width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},Cc={key:2,width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},Bc={key:3,width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},Sc={class:"ui-callout__content"},Ec={key:0,class:"ui-callout__title"},Mc={key:1,class:"ui-callout__body"},vc={key:1,class:"ui-callout__actions"},Vc=O(i.defineComponent({__name:"Callout",props:{variant:{default:"info"},title:{},accent:{type:Boolean,default:!1},dismissible:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1}},emits:["close"],setup(n,{emit:e}){const t=n,o=e,a=i.useSlots(),s=i.computed(()=>!!t.title||!!a.title),l=i.computed(()=>t.variant==="error"?"alert":"status"),r=i.computed(()=>["ui-callout",`ui-callout--${t.variant}`,{"ui-callout--accent":t.accent}]);return(c,d)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(r.value),role:l.value},[n.hideIcon?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("div",kc,[i.renderSlot(c.$slots,"icon",{},()=>[n.variant==="info"||n.variant==="neutral"?(i.openBlock(),i.createElementBlock("svg",xc,[...d[1]||(d[1]=[i.createElementVNode("circle",{cx:"12",cy:"12",r:"10"},null,-1),i.createElementVNode("path",{d:"M12 16v-4"},null,-1),i.createElementVNode("path",{d:"M12 8h.01"},null,-1)])])):n.variant==="success"?(i.openBlock(),i.createElementBlock("svg",wc,[...d[2]||(d[2]=[i.createElementVNode("circle",{cx:"12",cy:"12",r:"10"},null,-1),i.createElementVNode("path",{d:"M9 12l2 2 4-4"},null,-1)])])):n.variant==="warning"?(i.openBlock(),i.createElementBlock("svg",Cc,[...d[3]||(d[3]=[i.createElementVNode("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"},null,-1),i.createElementVNode("path",{d:"M12 9v4"},null,-1),i.createElementVNode("path",{d:"M12 17h.01"},null,-1)])])):n.variant==="error"?(i.openBlock(),i.createElementBlock("svg",Bc,[...d[4]||(d[4]=[i.createElementVNode("circle",{cx:"12",cy:"12",r:"10"},null,-1),i.createElementVNode("path",{d:"M15 9l-6 6"},null,-1),i.createElementVNode("path",{d:"M9 9l6 6"},null,-1)])])):i.createCommentVNode("",!0)],!0)])),i.createElementVNode("div",Sc,[s.value?(i.openBlock(),i.createElementBlock("div",Ec,[i.renderSlot(c.$slots,"title",{},()=>[i.createTextVNode(i.toDisplayString(n.title),1)],!0)])):i.createCommentVNode("",!0),c.$slots.default?(i.openBlock(),i.createElementBlock("div",Mc,[i.renderSlot(c.$slots,"default",{},void 0,!0)])):i.createCommentVNode("",!0)]),c.$slots.action||n.dismissible?(i.openBlock(),i.createElementBlock("div",vc,[i.renderSlot(c.$slots,"action",{},void 0,!0),n.dismissible?(i.openBlock(),i.createElementBlock("button",{key:0,type:"button",class:"ui-callout__close","aria-label":"Dismiss",onClick:d[0]||(d[0]=u=>o("close"))},[...d[5]||(d[5]=[i.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"},[i.createElementVNode("path",{d:"M18 6L6 18"}),i.createElementVNode("path",{d:"M6 6l12 12"})],-1)])])):i.createCommentVNode("",!0)])):i.createCommentVNode("",!0)],10,yc))}}),[["__scopeId","data-v-92cdd5ed"]]),Dc={key:0,class:"ui-card__skeleton","aria-hidden":"true"},$c=O(i.defineComponent({__name:"Card",props:{variant:{default:"elevated"},as:{default:"div"},interactive:{type:Boolean,default:!1},horizontal:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},padding:{default:"md"}},emits:["click"],setup(n,{emit:e}){const t=n,o=e,a=i.ref(!1),s=i.ref(!1);function l(){a.value=!0}function r(){s.value=!0}i.provide("card",{variant:i.toRef(t,"variant"),horizontal:i.toRef(t,"horizontal"),interactive:i.toRef(t,"interactive"),loading:i.toRef(t,"loading"),padding:i.toRef(t,"padding"),hasHeader:a,hasTopImage:s,registerHeader:l,registerTopImage:r});function c(h){t.disabled||t.loading||t.interactive&&o("click",h)}function d(h){(h.key==="Enter"||h.key===" ")&&(h.preventDefault(),c(h))}const u=i.computed(()=>t.interactive&&!t.disabled&&!t.loading);return(h,f)=>(i.openBlock(),i.createBlock(i.resolveDynamicComponent(n.as),{class:i.normalizeClass(["ui-card",[`ui-card--${n.variant}`,`ui-card--padding-${n.padding}`,{"ui-card--interactive":n.interactive,"ui-card--horizontal":n.horizontal,"ui-card--disabled":n.disabled,"ui-card--loading":n.loading}]]),tabindex:u.value?0:void 0,role:u.value?"button":void 0,"aria-disabled":n.disabled||void 0,"aria-busy":n.loading||void 0,onClick:c,onKeydown:d},{default:i.withCtx(()=>[i.renderSlot(h.$slots,"default",{},void 0,!0),n.loading?(i.openBlock(),i.createElementBlock("div",Dc)):i.createCommentVNode("",!0)]),_:3},40,["class","tabindex","role","aria-disabled","aria-busy"]))}}),[["__scopeId","data-v-6a2baf44"]]),Tc={class:"ui-card__header-content"},Ic={key:0,class:"ui-card__title"},Lc={key:0,class:"ui-card__subtitle"},zc={key:0,class:"ui-card__header-actions"},Nc=O(i.defineComponent({__name:"CardHeader",props:{title:{},subtitle:{},align:{default:"start"}},setup(n){const e=i.useSlots(),t=i.inject("card",null);i.onMounted(()=>{t==null||t.registerHeader()}),e.actions;const o=i.computed(()=>{var a;return((a=t==null?void 0:t.padding)==null?void 0:a.value)??"md"});return(a,s)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["ui-card__header",[`ui-card__header--${n.align}`,`ui-card__header--padding-${o.value}`]])},[i.createElementVNode("div",Tc,[i.renderSlot(a.$slots,"title",{},()=>[n.title?(i.openBlock(),i.createElementBlock("h3",Ic,i.toDisplayString(n.title),1)):i.createCommentVNode("",!0)],!0),i.renderSlot(a.$slots,"subtitle",{},()=>[n.subtitle?(i.openBlock(),i.createElementBlock("p",Lc,i.toDisplayString(n.subtitle),1)):i.createCommentVNode("",!0)],!0),i.renderSlot(a.$slots,"default",{},void 0,!0)]),a.$slots.actions?(i.openBlock(),i.createElementBlock("div",zc,[i.renderSlot(a.$slots,"actions",{},void 0,!0)])):i.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-3b9f2b68"]]),Pc=O(i.defineComponent({__name:"CardContent",props:{flush:{type:Boolean,default:!1}},setup(n){const e=i.inject("card",null),t=i.computed(()=>{var a;return((a=e==null?void 0:e.hasHeader)==null?void 0:a.value)??!1}),o=i.computed(()=>{var a;return((a=e==null?void 0:e.padding)==null?void 0:a.value)??"md"});return(a,s)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["ui-card__content",[`ui-card__content--padding-${o.value}`,{"ui-card__content--flush":n.flush,"ui-card__content--no-top-padding":t.value}]])},[i.renderSlot(a.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-dc97eb3c"]]),Ac=O(i.defineComponent({__name:"CardFooter",props:{align:{default:"end"},borderless:{type:Boolean,default:!1}},setup(n){const e=i.inject("card",null),t=i.computed(()=>{var o;return((o=e==null?void 0:e.padding)==null?void 0:o.value)??"md"});return(o,a)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["ui-card__footer",[`ui-card__footer--${n.align}`,`ui-card__footer--padding-${t.value}`,{"ui-card__footer--borderless":n.borderless}]])},[i.renderSlot(o.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-7a6a155f"]]),Rc=["src","alt","loading"],Oc=O(i.defineComponent({__name:"CardImage",props:{src:{},alt:{},aspectRatio:{default:"auto"},position:{default:"top"},fit:{default:"cover"},loading:{default:"lazy"}},setup(n){const e=n,t=i.inject("card",null);i.onMounted(()=>{e.position==="top"&&(t==null||t.registerTopImage())});const o=i.computed(()=>({"16:9":"16 / 9","4:3":"4 / 3","3:2":"3 / 2","1:1":"1 / 1",auto:"auto"})[e.aspectRatio]);return(a,s)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["ui-card__image",[`ui-card__image--${n.position}`]]),style:i.normalizeStyle(n.aspectRatio!=="auto"?{"--aspect-ratio":o.value}:void 0)},[i.createElementVNode("img",{src:n.src,alt:n.alt,loading:n.loading,class:i.normalizeClass(["ui-card__image-img",[`ui-card__image-img--${n.fit}`]])},null,10,Rc)],6))}}),[["__scopeId","data-v-14ed4ba2"]]),Fc=["id","checked","disabled","name","value"],Wc={class:"ui-checkbox__box","aria-hidden":"true"},Hc={key:0,class:"ui-checkbox__icon ui-checkbox__check",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},jc={key:1,class:"ui-checkbox__icon ui-checkbox__indeterminate",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"},Yc={key:0,class:"ui-checkbox__content"},Uc={key:0,class:"ui-checkbox__label"},Xc={key:1,class:"ui-checkbox__description"},Kc=24,qc=10,Vi=O(i.defineComponent({__name:"Checkbox",props:{modelValue:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},size:{default:"md"},disabled:{type:Boolean,default:!1},label:{},description:{},name:{},value:{},id:{}},emits:["update:modelValue","change"],setup(n,{emit:e}){const t=n,o=e,a=i.ref(null),s=ye("checkbox"),l=i.computed(()=>t.id||s);i.watch(()=>t.indeterminate,c=>{a.value&&(a.value.indeterminate=c)}),i.onMounted(()=>{a.value&&t.indeterminate&&(a.value.indeterminate=!0)});function r(c){const d=c.target;o("update:modelValue",d.checked),o("change",d.checked)}return(c,d)=>(i.openBlock(),i.createElementBlock("label",{class:i.normalizeClass(["ui-checkbox",[`ui-checkbox--${n.size}`,{"ui-checkbox--disabled":n.disabled,"ui-checkbox--checked":n.modelValue,"ui-checkbox--indeterminate":n.indeterminate}]])},[i.createElementVNode("input",{ref_key:"inputRef",ref:a,id:l.value,type:"checkbox",checked:n.modelValue,disabled:n.disabled,name:n.name,value:n.value,class:"ui-checkbox__input",onChange:r},null,40,Fc),i.createElementVNode("span",Wc,[n.modelValue&&!n.indeterminate?(i.openBlock(),i.createElementBlock("svg",Hc,[i.createElementVNode("path",{d:"M3.5 8.5L6.5 11.5L12.5 4.5","stroke-dasharray":Kc,"stroke-dashoffset":0})])):n.indeterminate?(i.openBlock(),i.createElementBlock("svg",jc,[i.createElementVNode("path",{d:"M4 8H12","stroke-dasharray":qc,"stroke-dashoffset":0})])):i.createCommentVNode("",!0)]),n.label||n.description?(i.openBlock(),i.createElementBlock("span",Yc,[n.label?(i.openBlock(),i.createElementBlock("span",Uc,i.toDisplayString(n.label),1)):i.createCommentVNode("",!0),n.description?(i.openBlock(),i.createElementBlock("span",Xc,i.toDisplayString(n.description),1)):i.createCommentVNode("",!0)])):i.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-08930332"]]),Gc={class:"ui-popover"},Jc=["id","aria-expanded","aria-controls"],Zc=["id","aria-labelledby"],qo='a[href], button:not([disabled]), input:not([disabled]), textarea:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])',Ln=O(i.defineComponent({__name:"Popover",props:{placement:{default:"bottom"},offset:{default:8},arrow:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},width:{default:"auto"},closeOnEscape:{type:Boolean,default:!0},closeOnClickOutside:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!1},trapFocus:{type:Boolean,default:!0}},emits:["open","close"],setup(n,{expose:e,emit:t}){const o=n,a=t,s=i.ref(!1),l=i.ref(null),r=i.ref(null),c=ye("popover-trigger"),d=ye("popover-content"),u=i.computed(()=>o.lockScroll&&s.value);Tn(u);function h(w){if(!o.trapFocus||!r.value||w.key!=="Tab")return;const M=r.value.querySelectorAll(qo);if(M.length===0)return;const N=M[0],T=M[M.length-1];w.shiftKey?document.activeElement===N&&(w.preventDefault(),T.focus()):document.activeElement===T&&(w.preventDefault(),N.focus())}function f(){if(!o.trapFocus||!r.value)return;const w=r.value.querySelector(qo);w==null||w.focus()}const m=i.ref({}),p=i.ref({}),g=i.ref(o.placement);function b(){o.disabled||s.value||(s.value=!0,a("open"),i.nextTick(()=>{B(),o.trapFocus&&requestAnimationFrame(()=>{f(),window.addEventListener("keydown",h)})}))}function _(){s.value&&(s.value=!1,window.removeEventListener("keydown",h),a("close"),i.nextTick(()=>{var M;const w=(M=l.value)==null?void 0:M.querySelector("button, [tabindex]");w==null||w.focus()}))}function k(){s.value?_():b()}function B(){if(!l.value||!r.value)return;const w=l.value.getBoundingClientRect(),M=r.value.getBoundingClientRect(),N={width:window.innerWidth,height:window.innerHeight},T=o.arrow?8:0;let $=o.placement,K,P;const A=w.top,R=N.height-w.bottom,q=w.left,Q=N.width-w.right;$.startsWith("top")&&A<M.height+o.offset&&R>A?$=$.replace("top","bottom"):$.startsWith("bottom")&&R<M.height+o.offset&&A>R?$=$.replace("bottom","top"):$.startsWith("left")&&q<M.width+o.offset&&Q>q?$=$.replace("left","right"):$.startsWith("right")&&Q<M.width+o.offset&&q>Q&&($=$.replace("right","left")),g.value=$;const ee=o.offset+T;$.startsWith("top")?K=w.top-M.height-ee:$.startsWith("bottom")?K=w.bottom+ee:$.startsWith("left")?P=w.left-M.width-ee:P=w.right+ee,$.startsWith("top")||$.startsWith("bottom")?$.endsWith("start")?P=w.left:$.endsWith("end")?P=w.right-M.width:P=w.left+(w.width-M.width)/2:$.endsWith("start")?K=w.top:$.endsWith("end")?K=w.bottom-M.height:K=w.top+(w.height-M.height)/2,P=Math.max(8,Math.min(P,N.width-M.width-8)),K=Math.max(8,Math.min(K,N.height-M.height-8)),m.value={top:`${K}px`,left:`${P}px`},o.arrow&&C(w,M,$,K,P)}function C(w,M,N,T,$){const R={};if(N.startsWith("top")||N.startsWith("bottom")){let Q=w.left+w.width/2-$-6;Q=Math.max(12,Math.min(Q,M.width-12-12)),R.left=`${Q}px`,N.startsWith("top")?R.bottom="-6px":R.top="-6px"}else{let Q=w.top+w.height/2-T-6;Q=Math.max(12,Math.min(Q,M.height-12-12)),R.top=`${Q}px`,N.startsWith("left")?R.right="-6px":R.left="-6px"}p.value=R}function y(w){w.key==="Escape"&&o.closeOnEscape&&(w.preventDefault(),w.stopPropagation(),_())}function x(w){var N,T;if(!o.closeOnClickOutside)return;const M=w.target;!((N=l.value)!=null&&N.contains(M))&&!((T=r.value)!=null&&T.contains(M))&&_()}const S=i.computed(()=>{const w={...m.value};return typeof o.width=="number"&&(w.width=`${o.width}px`),w});return i.watch(s,w=>{w?(document.addEventListener("mousedown",x),window.addEventListener("resize",B),window.addEventListener("scroll",B,!0)):(document.removeEventListener("mousedown",x),window.removeEventListener("resize",B),window.removeEventListener("scroll",B,!0))}),i.onUnmounted(()=>{document.removeEventListener("mousedown",x),window.removeEventListener("resize",B),window.removeEventListener("scroll",B,!0),window.removeEventListener("keydown",h)}),e({open:b,close:_,toggle:k,isOpen:s}),(w,M)=>(i.openBlock(),i.createElementBlock("div",Gc,[i.createElementVNode("div",{ref_key:"triggerRef",ref:l,class:"ui-popover__trigger",id:i.unref(c),"aria-haspopup":"dialog","aria-expanded":s.value,"aria-controls":i.unref(d),onClick:k},[i.renderSlot(w.$slots,"trigger",{open:s.value,toggle:k,close:_},void 0,!0)],8,Jc),(i.openBlock(),i.createBlock(i.Teleport,{to:"body"},[i.createVNode(i.Transition,{name:"ui-popover"},{default:i.withCtx(()=>[s.value?(i.openBlock(),i.createElementBlock("div",{key:0,ref_key:"popoverRef",ref:r,class:i.normalizeClass(["ui-popover__content",[`ui-popover__content--${g.value}`]]),id:i.unref(d),role:"dialog","aria-labelledby":i.unref(c),"aria-modal":h,style:i.normalizeStyle(S.value),onKeydown:y},[n.arrow?(i.openBlock(),i.createElementBlock("div",{key:0,class:"ui-popover__arrow",style:i.normalizeStyle(p.value)},null,4)):i.createCommentVNode("",!0),i.renderSlot(w.$slots,"default",{close:_},void 0,!0)],46,Zc)):i.createCommentVNode("",!0)]),_:3})]))]))}}),[["__scopeId","data-v-5e829fd8"]]),Qc=["for"],ed={key:0,class:"ui-input-field__required","aria-hidden":"true"},td={key:0,class:"ui-input-wrapper__addon ui-input-wrapper__addon--left"},nd=["id","type","value","name","placeholder","disabled","readonly","required","autocomplete","aria-invalid","aria-describedby"],id={key:1,class:"ui-input-wrapper__addon ui-input-wrapper__addon--right"},od=["id"],ad=["id"],Jt=O(i.defineComponent({__name:"Input",props:{modelValue:{},type:{default:"text"},label:{},placeholder:{},hint:{},error:{},size:{default:"md"},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},required:{type:Boolean,default:!1},iconLeft:{},iconRight:{},id:{},name:{},autocomplete:{},block:{type:Boolean,default:!1}},emits:["update:modelValue","focus","blur"],setup(n,{emit:e}){const t=n,o=e,a=i.useSlots(),s=ye("input"),l=i.computed(()=>t.id||s),r=i.computed(()=>`${l.value}-hint`),c=i.computed(()=>`${l.value}-error`),d=i.computed(()=>{if(t.error)return c.value;if(t.hint)return r.value}),u=i.computed(()=>t.iconLeft||a.left),h=i.computed(()=>t.iconRight||a.right||t.loading),f={xs:"var(--text-xs)",sm:"var(--text-sm)",md:"var(--text-md)",lg:"var(--text-lg)",xl:"var(--text-xl)"},m=i.computed(()=>f[t.size]);function p(_){const k=_.target,B=t.type==="number"?Number(k.value):k.value;o("update:modelValue",B)}function g(_){o("focus",_)}function b(_){o("blur",_)}return(_,k)=>(i.openBlock(),i.createElementBlock("div",{class:i.normalizeClass(["ui-input-field",[`ui-input-field--${n.size}`,{"ui-input-field--block":n.block,"ui-input-field--disabled":n.disabled,"ui-input-field--error":n.error,"ui-input-field--readonly":n.readonly}]])},[n.label?(i.openBlock(),i.createElementBlock("label",{key:0,for:l.value,class:"ui-input-field__label"},[i.createTextVNode(i.toDisplayString(n.label)+" ",1),n.required?(i.openBlock(),i.createElementBlock("span",ed,"*")):i.createCommentVNode("",!0)],8,Qc)):i.createCommentVNode("",!0),i.createElementVNode("div",{class:i.normalizeClass(["ui-input-wrapper",[`ui-input-wrapper--${n.size}`,{"ui-input-wrapper--disabled":n.disabled,"ui-input-wrapper--error":n.error,"ui-input-wrapper--readonly":n.readonly,"ui-input-wrapper--has-left":u.value,"ui-input-wrapper--has-right":h.value}]])},[u.value?(i.openBlock(),i.createElementBlock("span",td,[i.renderSlot(_.$slots,"left",{},()=>[n.iconLeft?(i.openBlock(),i.createBlock(je,{key:0,icon:n.iconLeft,size:m.value},null,8,["icon","size"])):i.createCommentVNode("",!0)],!0)])):i.createCommentVNode("",!0),i.createElementVNode("input",{id:l.value,type:n.type,value:n.modelValue,name:n.name,placeholder:n.placeholder,disabled:n.disabled,readonly:n.readonly,required:n.required,autocomplete:n.autocomplete,"aria-invalid":n.error?"true":void 0,"aria-describedby":d.value,class:"ui-input-wrapper__input",onInput:p,onFocus:g,onBlur:b},null,40,nd),h.value?(i.openBlock(),i.createElementBlock("span",id,[n.loading?(i.openBlock(),i.createBlock(In,{key:0,size:m.value},null,8,["size"])):i.renderSlot(_.$slots,"right",{key:1},()=>[n.iconRight?(i.openBlock(),i.createBlock(je,{key:0,icon:n.iconRight,size:m.value},null,8,["icon","size"])):i.createCommentVNode("",!0)],!0)])):i.createCommentVNode("",!0)],2),n.error?(i.openBlock(),i.createElementBlock("p",{key:1,id:c.value,class:"ui-input-field__message ui-input-field__message--error",role:"alert"},i.toDisplayString(n.error),9,od)):n.hint?(i.openBlock(),i.createElementBlock("p",{key:2,id:r.value,class:"ui-input-field__message ui-input-field__message--hint"},i.toDisplayString(n.hint),9,ad)):i.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-d0cdaff4"]]);function Ue(n,e,t){return Math.min(Math.max(n,e),t)}function Go(n){const e=n.replace(/^#/,""),t=e.length===3?e.split("").map(a=>a+a).join(""):e,o=parseInt(t,16);return{r:o>>16&255,g:o>>8&255,b:o&255}}function Jo(n){const e=t=>Ue(Math.round(t),0,255).toString(16).padStart(2,"0");return`#${e(n.r)}${e(n.g)}${e(n.b)}`}function zn(n){const e=n.r/255,t=n.g/255,o=n.b/255,a=Math.max(e,t,o),s=Math.min(e,t,o),l=a-s;let r=0;l!==0&&(a===e?r=(t-o)/l%6:a===t?r=(o-e)/l+2:r=(e-t)/l+4,r=Math.round(r*60),r<0&&(r+=360));const c=a===0?0:l/a;return{h:r,s:c,v:a}}function Zt(n){const{h:e,s:t,v:o}=n,a=o*t,s=a*(1-Math.abs(e/60%2-1)),l=o-a;let r=0,c=0,d=0;return e>=0&&e<60?(r=a,c=s,d=0):e>=60&&e<120?(r=s,c=a,d=0):e>=120&&e<180?(r=0,c=a,d=s):e>=180&&e<240?(r=0,c=s,d=a):e>=240&&e<300?(r=s,c=0,d=a):(r=a,c=0,d=s),{r:Math.round((r+l)*255),g:Math.round((c+l)*255),b:Math.round((d+l)*255)}}function Di(n){return zn(Go(n))}function Nn(n){return Jo(Zt(n))}function $i(n){return n<=.0031308?n*12.92:1.055*Math.pow(n,1/2.4)-.055}function Ti(n){return n<=.04045?n/12.92:Math.pow((n+.055)/1.055,2.4)}function sd(n,e,t){const o=n+.3963377774*e+.2158037573*t,a=n-.1055613458*e-.0638541728*t,s=n-.0894841775*e-1.291485548*t,l=o*o*o,r=a*a*a,c=s*s*s;return{r:4.0767416621*l-3.3077115913*r+.2309699292*c,g:-1.2684380046*l+2.6097574011*r-.3413193965*c,b:-.0041960863*l-.7034186147*r+1.707614701*c}}function ld(n,e,t){const o=.4122214708*n+.5363325363*e+.0514459929*t,a=.2119034982*n+.6806995451*e+.1073969566*t,s=.0883024619*n+.2817188376*e+.6299787005*t,l=Math.cbrt(o),r=Math.cbrt(a),c=Math.cbrt(s);return{L:.2104542553*l+.793617785*r-.0040720468*c,a:1.9779984951*l-2.428592205*r+.4505937099*c,b:.0259040371*l+.7827717662*r-.808675766*c}}function Zo(n){const{l:e,c:t,h:o}=n,a=o*Math.PI/180,s=t*Math.cos(a),l=t*Math.sin(a),r=sd(e,s,l);return{r:Ue(Math.round($i(r.r)*255),0,255),g:Ue(Math.round($i(r.g)*255),0,255),b:Ue(Math.round($i(r.b)*255),0,255)}}function Qo(n){const e=Ti(n.r/255),t=Ti(n.g/255),o=Ti(n.b/255),a=ld(e,t,o),s=Math.sqrt(a.a*a.a+a.b*a.b);let l=Math.atan2(a.b,a.a)*180/Math.PI;return l<0&&(l+=360),{l:a.L,c:s,h:s<1e-4?0:l}}function ea(n){return Qo(Zt(n))}function ta(n){return zn(Zo(n))}function Ii(n,e){return e!==void 0&&e<1?`rgba(${n.r}, ${n.g}, ${n.b}, ${e})`:`rgb(${n.r}, ${n.g}, ${n.b})`}function na(n,e){const t=(n.l*100).toFixed(1),o=n.c.toFixed(3),a=n.h.toFixed(0);return e!==void 0&&e<1?`oklch(${t}% ${o} ${a} / ${e})`:`oklch(${t}% ${o} ${a})`}function Qt(n){const e=n.trim().toLowerCase();if(e.startsWith("#")){const a=e.slice(1);if(/^[0-9a-f]{3}$/.test(a)||/^[0-9a-f]{6}$/.test(a))return{hsv:Di(e),alpha:1,format:"hex"};if(/^[0-9a-f]{8}$/.test(a)){const s=parseInt(a.slice(6,8),16)/255;return{hsv:Di("#"+a.slice(0,6)),alpha:s,format:"hex"}}return null}const t=e.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+))?\s*\)$/);if(t){const a={r:Ue(parseInt(t[1],10),0,255),g:Ue(parseInt(t[2],10),0,255),b:Ue(parseInt(t[3],10),0,255)},s=t[4]?Ue(parseFloat(t[4]),0,1):1;return{hsv:zn(a),alpha:s,format:"rgb"}}const o=e.match(/^oklch\(\s*([\d.]+)%?\s+([\d.]+)\s+([\d.]+)\s*(?:\/\s*([\d.]+))?\s*\)$/);if(o){const a=parseFloat(o[1])/(o[1].includes("%")?1:100),s={l:Ue(a>1?a/100:a,0,1),c:Ue(parseFloat(o[2]),0,.5),h:parseFloat(o[3])%360},l=o[4]?Ue(parseFloat(o[4]),0,1):1;return{hsv:ta(s),alpha:l,format:"oklch"}}return null}function Li(n,e,t){switch(t){case"hex":{const o=Nn(n);if(e<1){const a=Math.round(e*255).toString(16).padStart(2,"0");return o+a}return o}case"rgb":return Ii(Zt(n),e);case"oklch":return na(ea(n),e)}}const ia=O(i.defineComponent({__name:"ColorArea",props:{hue:{},saturation:{},value:{}},emits:["update:saturation","update:value"],setup(n,{emit:e}){const t=n,o=e,a=i.ref(null),s=i.ref(!1),l=i.computed(()=>({left:`${t.saturation*100}%`,top:`${(1-t.value)*100}%`})),r=i.computed(()=>`hsl(${t.hue}, 100%, 50%)`);function c(g,b){if(!a.value)return;const _=a.value.getBoundingClientRect(),k=g-_.left,B=b-_.top,C=Ue(k/_.width,0,1),y=Ue(1-B/_.height,0,1);o("update:saturation",C),o("update:value",y)}function d(g){g.preventDefault(),s.value=!0,c(g.clientX,g.clientY),document.addEventListener("mousemove",u),document.addEventListener("mouseup",h)}function u(g){s.value&&c(g.clientX,g.clientY)}function h(){s.value=!1,document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",h)}function f(g){g.preventDefault(),s.value=!0,c(g.touches[0].clientX,g.touches[0].clientY),document.addEventListener("touchmove",m,{passive:!1}),document.addEventListener("touchend",p)}function m(g){g.preventDefault(),s.value&&c(g.touches[0].clientX,g.touches[0].clientY)}function p(){s.value=!1,document.removeEventListener("touchmove",m),document.removeEventListener("touchend",p)}return i.onUnmounted(()=>{document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",h),document.removeEventListener("touchmove",m),document.removeEventListener("touchend",p)}),(g,b)=>(i.openBlock(),i.createElementBlock("div",{ref_key:"areaRef",ref:a,class:i.normalizeClass(["ui-color-area",{"ui-color-area--dragging":s.value}]),style:i.normalizeStyle({"--hue-color":r.value}),onMousedown:d,onTouchstart:f},[b[0]||(b[0]=i.createElementVNode("div",{class:"ui-color-area__gradient ui-color-area__gradient--saturation"},null,-1)),b[1]||(b[1]=i.createElementVNode("div",{class:"ui-color-area__gradient ui-color-area__gradient--value"},null,-1)),i.createElementVNode("div",{class:"ui-color-area__thumb",style:i.normalizeStyle(l.value)},null,4)],38))}}),[["__scopeId","data-v-da7ba502"]]),rd={key:0,class:"ui-color-slider__checkerboard"},zi=O(i.defineComponent({__name:"ColorSlider",props:{modelValue:{},type:{},color:{default:"#ff0000"}},emits:["update:modelValue"],setup(n,{emit:e}){const t=n,o=e,a=i.ref(null),s=i.ref(!1),l=i.computed(()=>t.type==="hue"?t.modelValue/360*100:t.modelValue*100),r=i.computed(()=>t.type!=="alpha"?"":`linear-gradient(to right, transparent, ${t.color})`);function c(g){if(!a.value)return;const b=a.value.getBoundingClientRect(),_=g-b.left,k=Ue(_/b.width,0,1);t.type==="hue"?o("update:modelValue",Math.round(k*360)):o("update:modelValue",k)}function d(g){g.preventDefault(),s.value=!0,c(g.clientX),document.addEventListener("mousemove",u),document.addEventListener("mouseup",h)}function u(g){s.value&&c(g.clientX)}function h(){s.value=!1,document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",h)}function f(g){g.preventDefault(),s.value=!0,c(g.touches[0].clientX),document.addEventListener("touchmove",m,{passive:!1}),document.addEventListener("touchend",p)}function m(g){g.preventDefault(),s.value&&c(g.touches[0].clientX)}function p(){s.value=!1,document.removeEventListener("touchmove",m),document.removeEventListener("touchend",p)}return i.onUnmounted(()=>{document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",h),document.removeEventListener("touchmove",m),document.removeEventListener("touchend",p)}),(g,b)=>(i.openBlock(),i.createElementBlock("div",{ref_key:"trackRef",ref:a,class:i.normalizeClass(["ui-color-slider",[`ui-color-slider--${n.type}`,{"ui-color-slider--dragging":s.value}]]),onMousedown:d,onTouchstart:f},[n.type==="alpha"?(i.openBlock(),i.createElementBlock("div",rd)):i.createCommentVNode("",!0),i.createElementVNode("div",{class:"ui-color-slider__gradient",style:i.normalizeStyle(n.type==="alpha"?{background:r.value}:void 0)},null,4),i.createElementVNode("div",{class:"ui-color-slider__thumb",style:i.normalizeStyle({left:`${l.value}%`})},null,4)],34))}}),[["__scopeId","data-v-025e0a7f"]]),cd={class:"ui-color-picker__panel"},dd={class:"ui-color-picker__sliders"},ud={class:"ui-color-picker__footer"},hd={class:"ui-color-picker__preview"},fd={class:"ui-color-picker__preview-text"},md=O(i.defineComponent({__name:"ColorPicker",props:{modelValue:{},format:{default:"hex"},disabled:{type:Boolean,default:!1},swatchOnly:{type:Boolean,default:!1},alpha:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:e}){const t=n,o=e,a=i.ref({h:0,s:1,v:1}),s=i.ref(1),l=i.ref(""),r=i.ref(!1),c=i.computed(()=>{const B=Zt(a.value);return t.alpha&&s.value<1?Ii(B,s.value):Nn(a.value)}),d=i.computed(()=>Nn({...a.value,s:1,v:1}));i.watch(()=>t.modelValue,B=>{if(!B)return;const C=Qt(B);C&&(a.value=C.hsv,s.value=C.alpha,l.value=B)},{immediate:!0});function u(){const B=Li(a.value,s.value,t.format);l.value=B,o("update:modelValue",B)}function h(B){a.value={...a.value,h:B},u()}function f(B){a.value={...a.value,s:B},u()}function m(B){a.value={...a.value,v:B},u()}function p(B){s.value=B,u()}function g(B){const C=B.target.value;l.value=C;const y=Qt(C);y&&(a.value=y.hsv,s.value=y.alpha,o("update:modelValue",C))}function b(){Qt(l.value)||(l.value=Li(a.value,s.value,t.format))}async function _(){if("EyeDropper"in window)try{const C=await new EyeDropper().open();if(C.sRGBHex){const y=Qt(C.sRGBHex);y&&(a.value=y.hsv,s.value=1,u())}}catch{}}const k=i.computed(()=>"EyeDropper"in window);return(B,C)=>(i.openBlock(),i.createBlock(Ln,{placement:"bottom-start",disabled:n.disabled,width:240,onOpen:C[0]||(C[0]=y=>r.value=!0),onClose:C[1]||(C[1]=y=>r.value=!1)},{trigger:i.withCtx(()=>[i.createElementVNode("div",{class:i.normalizeClass(["ui-color-picker__trigger",{"ui-color-picker__trigger--disabled":n.disabled}])},[i.createElementVNode("div",{class:"ui-color-picker__swatch",style:i.normalizeStyle({backgroundColor:c.value})},[...C[2]||(C[2]=[i.createElementVNode("div",{class:"ui-color-picker__swatch-checkerboard"},null,-1)])],4),n.swatchOnly?i.createCommentVNode("",!0):(i.openBlock(),i.createBlock(Jt,{key:0,"model-value":l.value,disabled:n.disabled,class:"ui-color-picker__input",onInput:g,onBlur:b},null,8,["model-value","disabled"]))],2)]),default:i.withCtx(()=>[i.createElementVNode("div",cd,[i.createVNode(ia,{hue:a.value.h,saturation:a.value.s,value:a.value.v,"onUpdate:saturation":f,"onUpdate:value":m},null,8,["hue","saturation","value"]),i.createElementVNode("div",dd,[i.createVNode(zi,{"model-value":a.value.h,type:"hue","onUpdate:modelValue":h},null,8,["model-value"]),n.alpha?(i.openBlock(),i.createBlock(zi,{key:0,"model-value":s.value,type:"alpha",color:d.value,"onUpdate:modelValue":p},null,8,["model-value","color"])):i.createCommentVNode("",!0)]),i.createElementVNode("div",ud,[i.createElementVNode("div",hd,[i.createElementVNode("div",{class:"ui-color-picker__preview-swatch",style:i.normalizeStyle({backgroundColor:c.value})},[...C[3]||(C[3]=[i.createElementVNode("div",{class:"ui-color-picker__swatch-checkerboard"},null,-1)])],4),i.createElementVNode("span",fd,i.toDisplayString(l.value),1)]),k.value?(i.openBlock(),i.createElementBlock("button",{key:0,type:"button",class:"ui-color-picker__eyedropper",title:"Pick color from screen",onClick:_},[...C[4]||(C[4]=[i.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[i.createElementVNode("path",{d:"M2 22l1-1h3l9-9"}),i.createElementVNode("path",{d:"M3 21v-3l9-9"}),i.createElementVNode("path",{d:"M14.5 6.5l3-3a2.12 2.12 0 0 1 3 3l-3 3"}),i.createElementVNode("path",{d:"M12 9l3 3"})],-1)])])):i.createCommentVNode("",!0)])])]),_:1},8,["disabled"]))}}),[["__scopeId","data-v-ea7d9545"]]);/*!
|
|
29
29
|
* @kurkle/color v0.3.4
|
|
30
30
|
* https://github.com/kurkle/color#readme
|
|
31
31
|
* (c) 2024 Jukka Kurkela
|
package/package.json
CHANGED
|
@@ -1,83 +1,70 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@sabrenski/spire-ui",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"description": "A dependency-free Vue 3 component library built with pure CSS and OKLCH colors",
|
|
5
|
-
"type": "module",
|
|
6
|
-
"license": "MIT",
|
|
7
|
-
"author": "Sabri Stratos",
|
|
8
|
-
"repository": {
|
|
9
|
-
"type": "git",
|
|
10
|
-
"url": "git+https://github.com/sabristratos/spire-ui.git"
|
|
11
|
-
},
|
|
12
|
-
"homepage": "https://github.com/sabristratos/spire-ui#readme",
|
|
13
|
-
"bugs": {
|
|
14
|
-
"url": "https://github.com/sabristratos/spire-ui/issues"
|
|
15
|
-
},
|
|
16
|
-
"keywords": [
|
|
17
|
-
"vue",
|
|
18
|
-
"vue3",
|
|
19
|
-
"components",
|
|
20
|
-
"ui",
|
|
21
|
-
"component-library",
|
|
22
|
-
"design-system",
|
|
23
|
-
"typescript",
|
|
24
|
-
"oklch",
|
|
25
|
-
"css"
|
|
26
|
-
],
|
|
27
|
-
"files": [
|
|
28
|
-
"dist",
|
|
29
|
-
"src"
|
|
30
|
-
],
|
|
31
|
-
"main": "./
|
|
32
|
-
"module": "./
|
|
33
|
-
"types": "./
|
|
34
|
-
"exports": {
|
|
35
|
-
".": {
|
|
36
|
-
"import": "./
|
|
37
|
-
"
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
"./
|
|
41
|
-
},
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
"
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
"
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
"devDependencies": {
|
|
72
|
-
"@vitejs/plugin-vue": "^5.2.1",
|
|
73
|
-
"@vue/test-utils": "^2.4.6",
|
|
74
|
-
"chart.js": "^4.5.1",
|
|
75
|
-
"happy-dom": "^20.3.0",
|
|
76
|
-
"typescript": "^5.7.2",
|
|
77
|
-
"vite": "^6.0.7",
|
|
78
|
-
"vite-plugin-dts": "^4.4.0",
|
|
79
|
-
"vitest": "^4.0.17",
|
|
80
|
-
"vue": "^3.5.13",
|
|
81
|
-
"vue-tsc": "^2.2.0"
|
|
82
|
-
}
|
|
83
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@sabrenski/spire-ui",
|
|
3
|
+
"version": "0.0.3",
|
|
4
|
+
"description": "A dependency-free Vue 3 component library built with pure CSS and OKLCH colors",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"license": "MIT",
|
|
7
|
+
"author": "Sabri Stratos",
|
|
8
|
+
"repository": {
|
|
9
|
+
"type": "git",
|
|
10
|
+
"url": "git+https://github.com/sabristratos/spire-ui.git"
|
|
11
|
+
},
|
|
12
|
+
"homepage": "https://github.com/sabristratos/spire-ui#readme",
|
|
13
|
+
"bugs": {
|
|
14
|
+
"url": "https://github.com/sabristratos/spire-ui/issues"
|
|
15
|
+
},
|
|
16
|
+
"keywords": [
|
|
17
|
+
"vue",
|
|
18
|
+
"vue3",
|
|
19
|
+
"components",
|
|
20
|
+
"ui",
|
|
21
|
+
"component-library",
|
|
22
|
+
"design-system",
|
|
23
|
+
"typescript",
|
|
24
|
+
"oklch",
|
|
25
|
+
"css"
|
|
26
|
+
],
|
|
27
|
+
"files": [
|
|
28
|
+
"dist",
|
|
29
|
+
"src"
|
|
30
|
+
],
|
|
31
|
+
"main": "./dist/spire-ui.umd.js",
|
|
32
|
+
"module": "./dist/spire-ui.es.js",
|
|
33
|
+
"types": "./dist/index.d.ts",
|
|
34
|
+
"exports": {
|
|
35
|
+
".": {
|
|
36
|
+
"import": "./dist/spire-ui.es.js",
|
|
37
|
+
"require": "./dist/spire-ui.umd.js",
|
|
38
|
+
"types": "./dist/index.d.ts"
|
|
39
|
+
},
|
|
40
|
+
"./style.css": "./dist/spire-ui.css"
|
|
41
|
+
},
|
|
42
|
+
"peerDependencies": {
|
|
43
|
+
"chart.js": "^4.4.0",
|
|
44
|
+
"vue": "^3.3.0"
|
|
45
|
+
},
|
|
46
|
+
"peerDependenciesMeta": {
|
|
47
|
+
"chart.js": {
|
|
48
|
+
"optional": true
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
"devDependencies": {
|
|
52
|
+
"@vitejs/plugin-vue": "^5.2.1",
|
|
53
|
+
"@vue/test-utils": "^2.4.6",
|
|
54
|
+
"chart.js": "^4.5.1",
|
|
55
|
+
"happy-dom": "^20.3.0",
|
|
56
|
+
"typescript": "^5.7.2",
|
|
57
|
+
"vite": "^6.0.7",
|
|
58
|
+
"vite-plugin-dts": "^4.4.0",
|
|
59
|
+
"vitest": "^4.0.17",
|
|
60
|
+
"vue": "^3.5.13",
|
|
61
|
+
"vue-tsc": "^2.2.0"
|
|
62
|
+
},
|
|
63
|
+
"scripts": {
|
|
64
|
+
"build": "vite build",
|
|
65
|
+
"test": "vitest run",
|
|
66
|
+
"test:watch": "vitest",
|
|
67
|
+
"typecheck": "vue-tsc --noEmit",
|
|
68
|
+
"docs:tokens": "npx tsx scripts/generate-token-docs.ts"
|
|
69
|
+
}
|
|
70
|
+
}
|
|
@@ -43,9 +43,9 @@ const paddingSize = computed(() => cardContext?.padding?.value ?? 'md')
|
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
.ui-card__content--padding-none { padding: 0; }
|
|
46
|
-
.ui-card__content--padding-sm { padding: var(--space-
|
|
47
|
-
.ui-card__content--padding-md { padding: var(--space-
|
|
48
|
-
.ui-card__content--padding-lg { padding: var(--space-
|
|
46
|
+
.ui-card__content--padding-sm { padding: var(--space-3); }
|
|
47
|
+
.ui-card__content--padding-md { padding: var(--space-4); }
|
|
48
|
+
.ui-card__content--padding-lg { padding: var(--space-6); }
|
|
49
49
|
|
|
50
50
|
.ui-card__content--flush {
|
|
51
51
|
padding: 0;
|
|
@@ -45,9 +45,9 @@ const paddingSize = computed(() => cardContext?.padding?.value ?? 'md')
|
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
.ui-card__footer--padding-none { padding: 0; }
|
|
48
|
-
.ui-card__footer--padding-sm { padding: var(--space-
|
|
49
|
-
.ui-card__footer--padding-md { padding: var(--space-
|
|
50
|
-
.ui-card__footer--padding-lg { padding: var(--space-
|
|
48
|
+
.ui-card__footer--padding-sm { padding: var(--space-3); }
|
|
49
|
+
.ui-card__footer--padding-md { padding: var(--space-4); }
|
|
50
|
+
.ui-card__footer--padding-lg { padding: var(--space-6); }
|
|
51
51
|
|
|
52
52
|
.ui-card__footer--start {
|
|
53
53
|
justify-content: flex-start;
|
|
@@ -62,9 +62,9 @@ const paddingSize = computed(() => cardContext?.padding?.value ?? 'md')
|
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
.ui-card__header--padding-none { padding: 0; }
|
|
65
|
-
.ui-card__header--padding-sm { padding: var(--space-
|
|
66
|
-
.ui-card__header--padding-md { padding: var(--space-
|
|
67
|
-
.ui-card__header--padding-lg { padding: var(--space-
|
|
65
|
+
.ui-card__header--padding-sm { padding: var(--space-3); }
|
|
66
|
+
.ui-card__header--padding-md { padding: var(--space-4); }
|
|
67
|
+
.ui-card__header--padding-lg { padding: var(--space-6); }
|
|
68
68
|
|
|
69
69
|
.ui-card__header--start {
|
|
70
70
|
text-align: start;
|