sakana-element 2.5.0 → 2.5.1

package/dist/umd/index.umd.cjs

@@ -400,7 +400,7 @@ return o.type&&e.push(`px-icon--${o.type}`),o.size&&e.push(`px-icon--${o.size}`)
 o.color&&(e.color=o.color)
 const t=Fv[o.size||"md"]
 return e.width=`${t}px`,e.height=`${t}px`,e}))
-return(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("i",(0,t.mergeProps)({class:r.value,style:l.value},e.$attrs),[v.value?((0,t.openBlock)(),(0,t.createElementBlock)("span",{key:0,class:"px-icon__pixel",innerHTML:v.value},null,8,Gv)):((0,t.openBlock)(),(0,t.createElementBlock)("span",Wv,"?"))],16))}}),[["__scopeId","data-v-57d28fe2"]]),Kv={class:"px-alert__content"},Jv={key:0,class:"px-alert__description"},Yv={key:1,class:"px-alert__close"},Qv=Av(Xv((0,t.defineComponent)({name:"PxAlert",__name:"Alert",props:{title:{},type:{default:"info"},description:{},effect:{default:"light"},closable:{type:Boolean,default:!0},center:{type:Boolean},showIcon:{type:Boolean},outline:{type:Boolean},dash:{type:Boolean},color:{}},emits:["close"],setup(e,{expose:o,emit:n}){const v=e,r=n,l=(0,t.useSlots)(),h=(0,t.ref)(!0),a=(0,t.computed)((()=>Dv.get(v.type)??"circle-info")),i=(0,t.computed)((()=>v.description||l.default)),s=(0,t.computed)((()=>{if(!v.color)return{}
+return(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("i",(0,t.mergeProps)({class:r.value,style:l.value},e.$attrs),[v.value?((0,t.openBlock)(),(0,t.createElementBlock)("span",{key:0,class:"px-icon__pixel",innerHTML:v.value},null,8,Gv)):((0,t.openBlock)(),(0,t.createElementBlock)("span",Wv,"?"))],16))}}),[["__scopeId","data-v-be003496"]]),Kv={class:"px-alert__content"},Jv={key:0,class:"px-alert__description"},Yv={key:1,class:"px-alert__close"},Qv=Av(Xv((0,t.defineComponent)({name:"PxAlert",__name:"Alert",props:{title:{},type:{default:"info"},description:{},effect:{default:"light"},closable:{type:Boolean,default:!0},center:{type:Boolean},showIcon:{type:Boolean},outline:{type:Boolean},dash:{type:Boolean},color:{}},emits:["close"],setup(e,{expose:o,emit:n}){const v=e,r=n,l=(0,t.useSlots)(),h=(0,t.ref)(!0),a=(0,t.computed)((()=>Dv.get(v.type)??"circle-info")),i=(0,t.computed)((()=>v.description||l.default)),s=(0,t.computed)((()=>{if(!v.color)return{}
 const e=v.outline?"outline":v.dash?"dash":"default"
 return xv(Hv(v.color),"px-alert",yv[e])}))
 function c(){h.value=!1,r("close")}return o({open:function(){h.value=!0},close:c}),(e,o)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:"px-alert-fade"},{default:(0,t.withCtx)((()=>[(0,t.withDirectives)((0,t.createElementVNode)("div",{class:(0,t.normalizeClass)(["px-alert",{[`px-alert__${e.type}`]:e.type,[`px-alert__${e.effect}`]:e.effect,"text-center":e.center,"is-outline":e.outline,"is-dash":e.dash}]),role:"alert",style:(0,t.normalizeStyle)(s.value)},[e.showIcon?((0,t.openBlock)(),(0,t.createBlock)(Uv,{key:0,class:(0,t.normalizeClass)(["px-alert__icon",{"big-icon":i.value}]),icon:a.value},null,8,["class","icon"])):(0,t.createCommentVNode)("",!0),(0,t.createElementVNode)("div",Kv,[(0,t.createElementVNode)("span",{class:(0,t.normalizeClass)(["px-alert__title",{"with-desc":i.value}]),style:(0,t.normalizeStyle)({display:e.center&&!e.showIcon?"block":"inline"})},[(0,t.renderSlot)(e.$slots,"title",{},(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.title),1)]),!0)],6),i.value?((0,t.openBlock)(),(0,t.createElementBlock)("p",Jv,[(0,t.renderSlot)(e.$slots,"default",{},(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.description),1)]),!0)])):(0,t.createCommentVNode)("",!0),e.closable?((0,t.openBlock)(),(0,t.createElementBlock)("div",Yv,[(0,t.createVNode)(Uv,{onClick:(0,t.withModifiers)(c,["stop"]),icon:"close"})])):(0,t.createCommentVNode)("",!0)])],6),[[t.vShow,h.value]])])),_:3}))}}),[["__scopeId","data-v-772da9f8"]])),qv=Av(Xv((0,t.defineComponent)({name:"PxAvatar",__name:"Avatar",props:{size:{default:"default"},shape:{default:"circle"},border:{type:Boolean,default:!0},color:{}},setup(e){const o=e,n=(0,t.computed)((()=>o.color?xv(Hv(o.color),"px-avatar",yv.default):{}))
@@ -415,7 +415,7 @@ const l=n,h=(0,t.useSlots)(),a=(0,t.inject)(ir,void 0),i=(0,t.ref)(),s=(0,t.comp
 if("function"!=typeof e)throw new TypeError("Expected a function")
 return x(o)&&(n="leading"in o?!!o.leading:n,v="trailing"in o?!!o.trailing:v),Mn(e,t,{leading:n,maxWait:t,trailing:v})}(f,r.throttleDuration,{trailing:!1})
 return(0,t.onBeforeUnmount)((()=>{g.cancel()})),o({ref:i,disabled:d,size:c,type:u}),(e,o)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(s.value),{ref_key:"_ref",ref:i,autofocus:e.autofocus,type:"button"===s.value?e.nativeType:void 0,class:(0,t.normalizeClass)(["px-button",{[`px-button--${u.value}`]:u.value,[`px-button--${c.value}`]:c.value,"is-plain":e.plain,"is-round":e.round,"is-circle":e.circle,"is-dash":e.dash,"is-ghost":e.ghost,"is-link":e.link,"is-block":e.block,"is-responsive":e.responsive,"is-disabled":d.value,"is-loading":e.loading}]),"aria-label":e.ariaLabel,"aria-busy":e.loading||void 0,disabled:!(!d.value&&!e.loading)||void 0,style:(0,t.normalizeStyle)(p.value),onClick:o[0]||(o[0]=o=>e.useThrottle?(0,t.unref)(g)(o):f(o))},{default:(0,t.withCtx)((()=>[e.loading?(0,t.renderSlot)(e.$slots,"loading",{key:0},(()=>[(0,t.createVNode)(Uv,{class:"loading-icon",icon:e.loadingIcon??"loader",style:(0,t.normalizeStyle)(m.value),size:"1x",spin:""},null,8,["icon","style"])]),!0):(0,t.createCommentVNode)("",!0),e.icon&&!e.loading?((0,t.openBlock)(),(0,t.createBlock)(Uv,{key:1,icon:e.icon,style:(0,t.normalizeStyle)(m.value),size:"1x"},null,8,["icon","style"])):(0,t.createCommentVNode)("",!0),(0,t.renderSlot)(e.$slots,"default",{},void 0,!0)])),_:3},8,["autofocus","type","aria-label","aria-busy","disabled","class","style"]))}}),ur=Xv(cr,[["__scopeId","data-v-0d682c9b"]]),dr={class:"px-button-group",role:"group"},mr=Xv((0,t.defineComponent)({name:"PxButtonGroup",__name:"ButtonGroup",props:{size:{},type:{},disabled:{type:Boolean}},setup(e){const o=e
-return(0,t.provide)(ir,(0,t.reactive)({size:(0,t.toRef)(o,"size"),type:(0,t.toRef)(o,"type"),disabled:(0,t.toRef)(o,"disabled")})),(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",dr,[(0,t.renderSlot)(e.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-87af5dc3"]]),pr=Av(ur),fr=Av(mr),gr={key:0,class:"px-card__header"},wr={class:"px-card__body"},zr={key:1,class:"px-card__footer"},Vr=Av(Xv((0,t.defineComponent)({name:"PxCard",__name:"Card",props:{type:{},color:{},hoverable:{type:Boolean},shadow:{type:[Boolean,String],default:"always"},size:{},outline:{type:Boolean},dash:{type:Boolean},ghost:{type:Boolean}},setup(e){const o={"text-color":"color","bg-color":"transparent","border-color":"transparent","shadow-color":"transparent"},n=e,v=(0,t.useSlots)(),r=(0,t.computed)((()=>{const e=n.shadow
+return(0,t.provide)(ir,(0,t.reactive)({size:(0,t.toRef)(o,"size"),type:(0,t.toRef)(o,"type"),disabled:(0,t.toRef)(o,"disabled")})),(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",dr,[(0,t.renderSlot)(e.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-7ee0c0a3"]]),pr=Av(ur),fr=Av(mr),gr={key:0,class:"px-card__header"},wr={class:"px-card__body"},zr={key:1,class:"px-card__footer"},Vr=Av(Xv((0,t.defineComponent)({name:"PxCard",__name:"Card",props:{type:{},color:{},hoverable:{type:Boolean},shadow:{type:[Boolean,String],default:"always"},size:{},outline:{type:Boolean},dash:{type:Boolean},ghost:{type:Boolean}},setup(e){const o={"text-color":"color","bg-color":"transparent","border-color":"transparent","shadow-color":"transparent"},n=e,v=(0,t.useSlots)(),r=(0,t.computed)((()=>{const e=n.shadow
 return!0===e?"px-card--shadow-always":!1===e?"px-card--shadow-never":`px-card--shadow-${e}`})),l=(0,t.computed)((()=>{if(!n.color)return{}
 const e=n.ghost?"ghost":n.outline?"outline":n.dash?"dash":"default",t={...yv,ghost:o}
 return xv(Hv(n.color),"px-card",t[e])}))
@@ -427,7 +427,7 @@ e<0||e>=t||p(e)}function z(e){const t="horizontal"===v.direction
 t&&"ArrowRight"===e.key&&!s.value?(e.preventDefault(),f()):t&&"ArrowLeft"===e.key&&!i.value?(e.preventDefault(),g()):t||"ArrowDown"!==e.key||s.value?t||"ArrowUp"!==e.key||i.value||(e.preventDefault(),g()):(e.preventDefault(),f())}return(0,t.watch)((()=>v.modelValue),(e=>{void 0!==e&&e!==l.value&&(l.value=e)})),(0,t.provide)(Hr,{currentIndex:l,direction:(0,t.toRef)(v,"direction"),registerItem:function(e){h.value.push(e)},unregisterItem:function(e){const t=h.value.indexOf(e)
 t>-1&&(h.value.splice(t,1),l.value>=h.value.length&&h.value.length>0&&p(h.value.length-1))},totalItems:a,items:h}),o({next:f,prev:g,goTo:w}),(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{class:(0,t.normalizeClass)(["px-carousel",{"is-vertical":"vertical"===e.direction,[`px-carousel--${e.color}`]:c.value}]),style:(0,t.normalizeStyle)([d.value,e.height?{height:e.height}:{}]),role:"region","aria-roledescription":"carousel",tabindex:"0",onKeydown:z},[(0,t.createElementVNode)("div",br,[(0,t.createElementVNode)("div",{class:"px-carousel__track",style:(0,t.normalizeStyle)(m.value)},[(0,t.renderSlot)(e.$slots,"default",{},void 0,!0)],4)]),"never"!==e.showArrow?((0,t.openBlock)(),(0,t.createElementBlock)("div",{key:0,class:(0,t.normalizeClass)(["px-carousel__arrows",{"is-hover":"hover"===e.showArrow}])},[(0,t.createElementVNode)("button",{class:"px-carousel__arrow px-carousel__arrow--prev",type:"button",disabled:i.value,"aria-label":"vertical"===e.direction?"Previous slide (up)":"Previous slide (left)",onClick:g},[(0,t.createVNode)(Uv,{icon:"vertical"===e.direction?"chevron-up":"chevron-left"},null,8,["icon"])],8,Cr),(0,t.createElementVNode)("button",{class:"px-carousel__arrow px-carousel__arrow--next",type:"button",disabled:s.value,"aria-label":"vertical"===e.direction?"Next slide (down)":"Next slide (right)",onClick:f},[(0,t.createVNode)(Uv,{icon:"vertical"===e.direction?"chevron-down":"chevron-right"},null,8,["icon"])],8,Br)],2)):(0,t.createCommentVNode)("",!0),e.showIndicators?((0,t.openBlock)(),(0,t.createElementBlock)("div",_r,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.value,((e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("button",{key:o,class:(0,t.normalizeClass)(["px-carousel__indicator",{"is-active":l.value===o}]),type:"button",role:"tab","aria-selected":l.value===o?"true":"false","aria-label":`Slide ${o+1}`,onClick:e=>function(e){"click"===v.indicatorTrigger&&w(e)}(o),onMouseenter:e=>function(e){"hover"===v.indicatorTrigger&&w(e)}(o)},null,42,kr)))),128))])):(0,t.createCommentVNode)("",!0)],38))}}),Ir=Xv(Mr,[["__scopeId","data-v-f6cf04ed"]]),Sr=["aria-hidden"],Zr=(0,t.defineComponent)({name:"PxCarouselItem",__name:"CarouselItem",setup(e){const o=(0,t.inject)(Hr,void 0),n=Symbol(),v=(0,t.computed)((()=>o?o.items.value.indexOf(n):-1)),r=(0,t.computed)((()=>!!o&&o.currentIndex.value===v.value))
 return o?.registerItem(n),(0,t.onBeforeUnmount)((()=>{o?.unregisterItem(n)})),(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{class:(0,t.normalizeClass)(["px-carousel-item",{"is-active":r.value}]),role:"tabpanel","aria-hidden":!r.value},[(0,t.renderSlot)(e.$slots,"default",{},void 0,!0)],10,Sr))}}),Er=Xv(Zr,[["__scopeId","data-v-d8119c81"]]),Ar=Av(Ir),Nr=Av(Er),Or={"bubble-text-color":"contrast","bubble-bg-color":"color","bubble-border-color":"dark","bubble-shadow-color":"dark"},Pr={key:0,class:"px-chat__avatar"},$r={class:"px-chat__content"},jr={key:0,class:"px-chat__header"},Tr={key:0,class:"px-chat__name"},Lr={key:1,class:"px-chat__time"},Dr={class:"px-chat__bubble"},Rr={key:1,class:"px-chat__footer"},Fr=Av(Xv((0,t.defineComponent)({name:"PxChatBubble",__name:"ChatBubble",props:{placement:{default:"start"},type:{},color:{},name:{},time:{},status:{}},setup(e){const o=e,n=(0,t.useSlots)(),v=(0,t.computed)((()=>o.color?xv(Hv(o.color),"px-chat",Or):{}))
-return(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{class:(0,t.normalizeClass)(["px-chat",{[`px-chat--${e.placement}`]:e.placement,[`px-chat--${e.type}`]:e.type}]),style:(0,t.normalizeStyle)(v.value)},[(0,t.unref)(n).avatar?((0,t.openBlock)(),(0,t.createElementBlock)("div",Pr,[(0,t.renderSlot)(e.$slots,"avatar",{},void 0,!0)])):(0,t.createCommentVNode)("",!0),(0,t.createElementVNode)("div",$r,[(0,t.unref)(n).header||e.name||e.time?((0,t.openBlock)(),(0,t.createElementBlock)("div",jr,[(0,t.renderSlot)(e.$slots,"header",{},(()=>[e.name?((0,t.openBlock)(),(0,t.createElementBlock)("span",Tr,(0,t.toDisplayString)(e.name),1)):(0,t.createCommentVNode)("",!0),e.time?((0,t.openBlock)(),(0,t.createElementBlock)("span",Lr,(0,t.toDisplayString)(e.time),1)):(0,t.createCommentVNode)("",!0)]),!0)])):(0,t.createCommentVNode)("",!0),(0,t.createElementVNode)("div",Dr,[o[0]||(o[0]=(0,t.createElementVNode)("span",{class:"px-chat__tail"},null,-1)),(0,t.renderSlot)(e.$slots,"default",{},void 0,!0)]),(0,t.unref)(n).footer||e.status?((0,t.openBlock)(),(0,t.createElementBlock)("div",Rr,[(0,t.renderSlot)(e.$slots,"footer",{},(()=>[(0,t.createElementVNode)("span",null,(0,t.toDisplayString)(e.status),1)]),!0)])):(0,t.createCommentVNode)("",!0)])],6))}}),[["__scopeId","data-v-c022026d"]]))
+return(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{class:(0,t.normalizeClass)(["px-chat",{[`px-chat--${e.placement}`]:e.placement,[`px-chat--${e.type}`]:e.type}]),style:(0,t.normalizeStyle)(v.value)},[(0,t.unref)(n).avatar?((0,t.openBlock)(),(0,t.createElementBlock)("div",Pr,[(0,t.renderSlot)(e.$slots,"avatar",{},void 0,!0)])):(0,t.createCommentVNode)("",!0),(0,t.createElementVNode)("div",$r,[(0,t.unref)(n).header||e.name||e.time?((0,t.openBlock)(),(0,t.createElementBlock)("div",jr,[(0,t.renderSlot)(e.$slots,"header",{},(()=>[e.name?((0,t.openBlock)(),(0,t.createElementBlock)("span",Tr,(0,t.toDisplayString)(e.name),1)):(0,t.createCommentVNode)("",!0),e.time?((0,t.openBlock)(),(0,t.createElementBlock)("span",Lr,(0,t.toDisplayString)(e.time),1)):(0,t.createCommentVNode)("",!0)]),!0)])):(0,t.createCommentVNode)("",!0),(0,t.createElementVNode)("div",Dr,[o[0]||(o[0]=(0,t.createElementVNode)("span",{class:"px-chat__tail"},null,-1)),(0,t.renderSlot)(e.$slots,"default",{},void 0,!0)]),(0,t.unref)(n).footer||e.status?((0,t.openBlock)(),(0,t.createElementBlock)("div",Rr,[(0,t.renderSlot)(e.$slots,"footer",{},(()=>[(0,t.createElementVNode)("span",null,(0,t.toDisplayString)(e.status),1)]),!0)])):(0,t.createCommentVNode)("",!0)])],6))}}),[["__scopeId","data-v-5054a181"]]))
 function Gr(e,o,n){(0,t.isRef)(e)?(0,t.watch)(e,((e,t)=>{t?.removeEventListener(o,n),e?.addEventListener(o,n)})):(0,t.onMounted)((()=>e?.addEventListener(o,n))),(0,t.onBeforeUnmount)((()=>(0,t.unref)(e)?.removeEventListener(o,n)))}function Wr(e,t){Gr(document,"click",(o=>{e.value&&o.target&&(e.value.contains(o.target)||t(o))}))}var Xr=(e,t)=>Pn(e,(e=>{S(t)&&t(e),e.children&&Xr(e.children,t)}))
 function Ur(e,o,n={}){let v=0,r=0,l=0,h=0,a=!1
 function i(e){0===e.button&&(a=!0,l=e.clientX-v,h=e.clientY-r,document.addEventListener("mousemove",s),document.addEventListener("mouseup",c),e.preventDefault())}function s(t){if(!a)return
@@ -683,7 +683,7 @@ function x(){V?.cancel(),z?.()}function y(){z?.cancel(),V?.()}function b(){l.val
 return(0,t.watch)(l,(e=>{e&&m.value&&u.value&&(H=yi(m.value,u.value,p.value))}),{flush:"post"}),(0,t.watch)((()=>v.manual),(e=>{e?k():B()})),(0,t.watch)((()=>v.trigger),(()=>{z?.cancel(),l.value=!1,r("visible-change",!1),k()})),(0,t.watchEffect)((()=>{v.manual||B(),z?.cancel(),V?.cancel(),z=Mn(ho(C,null,!0),f.value),V=Mn(ho(C,null,!1),g.value)})),Wr(c,(()=>{r("click-outside"),"hover"===v.trigger||v.manual||l.value&&y()})),function(e,o,n){let v,r
 const l=new Map,h=()=>{const e=o.value
 e&&Yn(e)&&Pn(n.value,((t,o)=>{l.set(o,t),e.addEventListener(o,t)}))},a=e=>{const t=e??o.value
-t&&Yn(t)&&Pn(["mouseenter","click","contextmenu"],(e=>l.has(e)&&t.removeEventListener(e,l.get(e))))};(0,t.onMounted)((()=>{r=(0,t.watch)((()=>e.virtualRef),((t,o)=>{e.virtualTriggering&&(Yn(o)&&a(o),Yn(t)&&h())}),{immediate:!0}),v=(0,t.watch)(n,(()=>{e.virtualTriggering&&(a(),h(),z?.cancel(),C(!1))}),{deep:!0})})),(0,t.onUnmounted)((()=>{v?.(),r?.()}))}(v,m,a),(0,t.onUnmounted)((()=>{_(),z?.cancel(),V?.cancel()})),o({show:M,hide:I,toggle:()=>{l.value?I():M()}}),(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.mergeProps)({class:["px-tooltip",[`px-tooltip--${e.effect}`,e.type&&`px-tooltip--${e.type}`]],ref_key:"containerNode",ref:c},(0,t.toHandlers)(i.value,!0)),[e.virtualTriggering?(0,t.renderSlot)(e.$slots,"default",{key:1},void 0,!0):((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.mergeProps)({key:0,class:"px-tooltip__trigger",ref_key:"_triggerNode",ref:d},(0,t.toHandlers)(a.value,!0),{"aria-describedby":l.value?(0,t.unref)(h):void 0}),[(0,t.renderSlot)(e.$slots,"default",{},void 0,!0)],16,bi)),(0,t.createVNode)(t.Transition,{name:e.transition,onAfterLeave:_},{default:(0,t.withCtx)((()=>[l.value?((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.mergeProps)({key:0,class:"px-tooltip__popper",ref_key:"popperNode",ref:u},(0,t.toHandlers)(s.value,!0),{id:(0,t.unref)(h),style:w.value,role:"tooltip"}),[(0,t.renderSlot)(e.$slots,"content",{},(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.content),1)]),!0),e.showArrow?((0,t.openBlock)(),(0,t.createElementBlock)("div",Bi)):(0,t.createCommentVNode)("",!0)],16,Ci)):(0,t.createCommentVNode)("",!0)])),_:3},8,["name"])],16))}}),[["__scopeId","data-v-d982dfd2"]]),ki=Symbol("dropdownContext"),Mi={key:0,role:"separator",class:"divided-placeholder"},Ii=["id","onKeydown"],Si=(0,t.defineComponent)({name:"PxDropdownItem",__name:"DropdownItem",props:{command:{default:qr().value},label:{},disabled:{type:Boolean,default:!1},divided:{type:Boolean,default:!1},icon:{}},setup(e){const o=e,n=(0,t.inject)(ki),v=(0,t.computed)((()=>n?.size.value))
+t&&Yn(t)&&Pn(["mouseenter","click","contextmenu"],(e=>l.has(e)&&t.removeEventListener(e,l.get(e))))};(0,t.onMounted)((()=>{r=(0,t.watch)((()=>e.virtualRef),((t,o)=>{e.virtualTriggering&&(Yn(o)&&a(o),Yn(t)&&h())}),{immediate:!0}),v=(0,t.watch)(n,(()=>{e.virtualTriggering&&(a(),h(),z?.cancel(),C(!1))}),{deep:!0})})),(0,t.onUnmounted)((()=>{v?.(),r?.()}))}(v,m,a),(0,t.onUnmounted)((()=>{_(),z?.cancel(),V?.cancel()})),o({show:M,hide:I,toggle:()=>{l.value?I():M()}}),(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.mergeProps)({class:["px-tooltip",[`px-tooltip--${e.effect}`,e.type&&`px-tooltip--${e.type}`]],ref_key:"containerNode",ref:c},(0,t.toHandlers)(i.value,!0)),[e.virtualTriggering?(0,t.renderSlot)(e.$slots,"default",{key:1},void 0,!0):((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.mergeProps)({key:0,class:"px-tooltip__trigger",ref_key:"_triggerNode",ref:d},(0,t.toHandlers)(a.value,!0),{"aria-describedby":l.value?(0,t.unref)(h):void 0}),[(0,t.renderSlot)(e.$slots,"default",{},void 0,!0)],16,bi)),(0,t.createVNode)(t.Transition,{name:e.transition,onAfterLeave:_},{default:(0,t.withCtx)((()=>[l.value?((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.mergeProps)({key:0,class:"px-tooltip__popper",ref_key:"popperNode",ref:u},(0,t.toHandlers)(s.value,!0),{id:(0,t.unref)(h),style:w.value,role:"tooltip"}),[(0,t.renderSlot)(e.$slots,"content",{},(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.content),1)]),!0),e.showArrow?((0,t.openBlock)(),(0,t.createElementBlock)("div",Bi)):(0,t.createCommentVNode)("",!0)],16,Ci)):(0,t.createCommentVNode)("",!0)])),_:3},8,["name"])],16))}}),[["__scopeId","data-v-9e16dfe4"]]),ki=Symbol("dropdownContext"),Mi={key:0,role:"separator",class:"divided-placeholder"},Ii=["id","onKeydown"],Si=(0,t.defineComponent)({name:"PxDropdownItem",__name:"DropdownItem",props:{command:{default:qr().value},label:{},disabled:{type:Boolean,default:!1},divided:{type:Boolean,default:!1},icon:{}},setup(e){const o=e,n=(0,t.inject)(ki),v=(0,t.computed)((()=>n?.size.value))
 function r(){o.disabled||n?.handleItemClick(o)}return(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[e.divided?((0,t.openBlock)(),(0,t.createElementBlock)("li",Mi)):(0,t.createCommentVNode)("",!0),(0,t.createElementVNode)("li",{role:"menuitem",tabindex:"-1",id:`dropdown-item-${e.command}`,class:(0,t.normalizeClass)({"px-dropdown__item":!0,["px-dropdown__item--"+v.value]:v.value,"is-disabled":e.disabled,"is-divided":e.divided}),onClick:r,onKeydown:[(0,t.withKeys)((0,t.withModifiers)(r,["prevent"]),["enter"]),(0,t.withKeys)((0,t.withModifiers)(r,["prevent"]),["space"])]},[e.icon?((0,t.openBlock)(),(0,t.createBlock)(Uv,{key:0,icon:e.icon,class:"px-dropdown__item-icon"},null,8,["icon"])):(0,t.createCommentVNode)("",!0),(0,t.renderSlot)(e.$slots,"default",{},(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.label),1)]))],42,Ii)],64))}}),Zi=Si
 function Ei(e,t){e[t]?.focus()}var Ai=["aria-expanded"],Ni=Av((0,t.defineComponent)({name:"PxDropdown",inheritAttrs:!1,__name:"Dropdown",props:{type:{},size:{},items:{default:()=>[]},hideOnClick:{type:Boolean,default:!0},splitButton:{type:Boolean},maxHeight:{},hoverColor:{},content:{},trigger:{},placement:{},manual:{type:Boolean},disabled:{type:Boolean},popperOptions:{},transition:{},showTimeout:{},hideTimeout:{},virtualRef:{},virtualTriggering:{type:Boolean},effect:{},enterable:{type:Boolean},maxWidth:{},showArrow:{type:Boolean}},emits:["visible-change","command","click"],setup(e,{expose:o,emit:n}){const v=e,r=n;(0,t.useSlots)()
 const l=(0,t.ref)(),h=(0,t.ref)(),a=(0,t.ref)(),i=(0,t.ref)(!1),s=(0,t.computed)((()=>({...ov(v,["items","hideOnClick","size","type","splitButton","maxHeight","hoverColor"]),popperOptions:{...v.popperOptions,modifiers:[{name:"offset",options:{offset:[0,v.showArrow?9:0]}},...v.popperOptions?.modifiers??[]]}}))),c=(0,t.computed)((()=>{const e={}
@@ -1223,7 +1223,7 @@ W(Ln(B.value,(e=>Jn(t,Ut(e,["props","value"])))))}else W(Ln(B.value,(t=>Jn(Ut(t,
 let o
 g.loading=!0
 try{o=await e(t)}catch(n){o=[]}return o}function J(){const e=F(r.modelValue)
-e&&(g.inputValue=e.label,g.selectedOption=e)}return Wr(a,(e=>T(e))),(0,t.watch)((()=>r.options),(e=>{m.value=e??[]})),(0,t.watch)((()=>B.value),(e=>W(e)),{immediate:!0}),(0,t.watch)((()=>r.modelValue),(()=>{J()})),(0,t.onMounted)((()=>{J()})),(0,t.onBeforeUnmount)((()=>{E.cancel()})),(0,t.provide)(Kp,{handleSelect:G,selectStates:g,renderLabel:function(e){return S(r.renderLabel)?r.renderLabel(e):e.label},highlightedLine:C}),o({focus:()=>{s.value?.focus()},blur:()=>{T()}}),(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{ref_key:"selectRef",ref:a,class:(0,t.normalizeClass)(["px-select",{"is-disabled":w.value,"is-ghost":e.ghost,[`px-select--${e.size}`]:e.size,[`px-select--${e.color}`]:z.value}]),style:(0,t.normalizeStyle)(H.value),onClick:(0,t.withModifiers)(D,["stop"]),onMouseenter:o[2]||(o[2]=e=>g.mouseHover=!0),onMouseleave:o[3]||(o[3]=e=>g.mouseHover=!1)},[(0,t.createVNode)(_i,{ref_key:"tooltipRef",ref:i,placement:"bottom-start","popper-options":(0,t.unref)(Jp),onClickOutside:o[1]||(o[1]=e=>L(!1)),manual:""},{default:(0,t.withCtx)((()=>[(0,t.createElementVNode)("div",{ref_key:"inputWrapperRef",ref:N},[(0,t.createVNode)(om,{ref_key:"inputRef",ref:s,modelValue:g.inputValue,"onUpdate:modelValue":o[0]||(o[0]=e=>g.inputValue=e),id:(0,t.unref)(A),disabled:w.value,ghost:e.ghost,color:e.color,size:e.size,placeholder:e.filterable?I.value:e.placeholder,readonly:!e.filterable||!p.value,"aria-controls":`px-select-menu-${(0,t.unref)(A)}`,"aria-activedescendant":C.value?`select-item-${C.value.value}`:void 0,onFocus:(0,t.unref)($),onBlur:(0,t.unref)(P),onInput:(0,t.unref)(E),onKeydown:U},{suffix:(0,t.withCtx)((()=>[b.value?((0,t.openBlock)(),(0,t.createBlock)(Uv,{key:0,icon:"close-box",class:"px-input__clear",onClick:(0,t.withModifiers)(R,["stop"]),onMousedown:(0,t.withModifiers)((0,t.unref)(ne),["prevent"])},null,8,["onMousedown"])):((0,t.openBlock)(),(0,t.createBlock)(Uv,{key:1,class:(0,t.normalizeClass)(["header-angle",{"is-active":p.value}]),icon:"chevron-down"},null,8,["class"]))])),_:1},8,["modelValue","id","disabled","ghost","color","size","placeholder","readonly","aria-controls","aria-activedescendant","onFocus","onBlur","onInput"])],512)])),content:(0,t.withCtx)((()=>[g.loading?((0,t.openBlock)(),(0,t.createElementBlock)("div",tf,[(0,t.createVNode)(Uv,{icon:"loader",spin:""})])):e.filterable&&_.value?((0,t.openBlock)(),(0,t.createElementBlock)("div",of,(0,t.toDisplayString)((0,t.unref)(v).t("select.noData")),1)):(0,t.createCommentVNode)("",!0),(0,t.createElementVNode)("ul",{class:"px-select__menu",role:"listbox",id:`px-select-menu-${(0,t.unref)(A)}`},[y.value?((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:1},(0,t.renderList)(c.value,(([e,o])=>((0,t.openBlock)(),(0,t.createBlock)(ef,(0,t.mergeProps)({key:e,ref_for:!0},o),null,16)))),128)):((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:0},(0,t.renderList)(m.value,(e=>((0,t.openBlock)(),(0,t.createBlock)(ef,(0,t.mergeProps)({key:e.value,ref_for:!0},e),null,16)))),128))],8,nf)])),_:1},8,["popper-options"])],38))}}),rf=Av(Xv(vf,[["__scopeId","data-v-e33550e6"]])),lf=Av(ef),hf=Av((0,t.defineComponent)({name:"PxSkeleton",__name:"Skeleton",props:{loading:{type:Boolean,default:!0},animated:{type:Boolean,default:!0},animation:{default:"shimmer"},variant:{default:"rectangular"},width:{},height:{},rows:{default:1},size:{}},setup(e){const o=e,n=(0,t.computed)((()=>{const e={},t=Tv(o.width),n=Tv(o.height)
+e&&(g.inputValue=e.label,g.selectedOption=e)}return Wr(a,(e=>T(e))),(0,t.watch)((()=>r.options),(e=>{m.value=e??[]})),(0,t.watch)((()=>B.value),(e=>W(e)),{immediate:!0}),(0,t.watch)((()=>r.modelValue),(()=>{J()})),(0,t.onMounted)((()=>{J()})),(0,t.onBeforeUnmount)((()=>{E.cancel()})),(0,t.provide)(Kp,{handleSelect:G,selectStates:g,renderLabel:function(e){return S(r.renderLabel)?r.renderLabel(e):e.label},highlightedLine:C}),o({focus:()=>{s.value?.focus()},blur:()=>{T()}}),(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{ref_key:"selectRef",ref:a,class:(0,t.normalizeClass)(["px-select",{"is-disabled":w.value,"is-ghost":e.ghost,[`px-select--${e.size}`]:e.size,[`px-select--${e.color}`]:z.value}]),style:(0,t.normalizeStyle)(H.value),onClick:(0,t.withModifiers)(D,["stop"]),onMouseenter:o[2]||(o[2]=e=>g.mouseHover=!0),onMouseleave:o[3]||(o[3]=e=>g.mouseHover=!1)},[(0,t.createVNode)(_i,{ref_key:"tooltipRef",ref:i,placement:"bottom-start","popper-options":(0,t.unref)(Jp),onClickOutside:o[1]||(o[1]=e=>L(!1)),manual:""},{default:(0,t.withCtx)((()=>[(0,t.createElementVNode)("div",{ref_key:"inputWrapperRef",ref:N},[(0,t.createVNode)(om,{ref_key:"inputRef",ref:s,modelValue:g.inputValue,"onUpdate:modelValue":o[0]||(o[0]=e=>g.inputValue=e),id:(0,t.unref)(A),disabled:w.value,ghost:e.ghost,color:e.color,size:e.size,placeholder:e.filterable?I.value:e.placeholder,readonly:!e.filterable||!p.value,"aria-controls":`px-select-menu-${(0,t.unref)(A)}`,"aria-activedescendant":C.value?`select-item-${C.value.value}`:void 0,onFocus:(0,t.unref)($),onBlur:(0,t.unref)(P),onInput:(0,t.unref)(E),onKeydown:U},{suffix:(0,t.withCtx)((()=>[b.value?((0,t.openBlock)(),(0,t.createBlock)(Uv,{key:0,icon:"close-box",class:"px-input__clear",onClick:(0,t.withModifiers)(R,["stop"]),onMousedown:(0,t.withModifiers)((0,t.unref)(ne),["prevent"])},null,8,["onMousedown"])):((0,t.openBlock)(),(0,t.createBlock)(Uv,{key:1,class:(0,t.normalizeClass)(["header-angle",{"is-active":p.value}]),icon:"chevron-down"},null,8,["class"]))])),_:1},8,["modelValue","id","disabled","ghost","color","size","placeholder","readonly","aria-controls","aria-activedescendant","onFocus","onBlur","onInput"])],512)])),content:(0,t.withCtx)((()=>[g.loading?((0,t.openBlock)(),(0,t.createElementBlock)("div",tf,[(0,t.createVNode)(Uv,{icon:"loader",spin:""})])):e.filterable&&_.value?((0,t.openBlock)(),(0,t.createElementBlock)("div",of,(0,t.toDisplayString)((0,t.unref)(v).t("select.noData")),1)):(0,t.createCommentVNode)("",!0),(0,t.createElementVNode)("ul",{class:"px-select__menu",role:"listbox",id:`px-select-menu-${(0,t.unref)(A)}`},[y.value?((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:1},(0,t.renderList)(c.value,(([e,o])=>((0,t.openBlock)(),(0,t.createBlock)(ef,(0,t.mergeProps)({key:e,ref_for:!0},o),null,16)))),128)):((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:0},(0,t.renderList)(m.value,(e=>((0,t.openBlock)(),(0,t.createBlock)(ef,(0,t.mergeProps)({key:e.value,ref_for:!0},e),null,16)))),128))],8,nf)])),_:1},8,["popper-options"])],38))}}),rf=Av(Xv(vf,[["__scopeId","data-v-c8876ee5"]])),lf=Av(ef),hf=Av((0,t.defineComponent)({name:"PxSkeleton",__name:"Skeleton",props:{loading:{type:Boolean,default:!0},animated:{type:Boolean,default:!0},animation:{default:"shimmer"},variant:{default:"rectangular"},width:{},height:{},rows:{default:1},size:{}},setup(e){const o=e,n=(0,t.computed)((()=>{const e={},t=Tv(o.width),n=Tv(o.height)
 return t&&(e.width=t),n&&(e.height=n),e})),v=(0,t.computed)((()=>"text"===o.variant&&o.rows>1))
 return(e,r)=>e.loading?((0,t.openBlock)(),(0,t.createElementBlock)("div",{key:0,class:(0,t.normalizeClass)(["px-skeleton",[`px-skeleton--${e.variant}`,{[`px-skeleton--${e.size}`]:e.size&&"default"!==e.size,"is-loading":e.loading,"is-animated":e.animated,[`is-animation-${e.animation}`]:e.animated}]])},[v.value?((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:0},(0,t.renderList)(e.rows,(e=>{return(0,t.openBlock)(),(0,t.createElementBlock)("div",{key:e,class:"px-skeleton__row",style:(0,t.normalizeStyle)((v=e,v===o.rows?{...n.value,width:n.value.width??"60%"}:n.value))},null,4)
 var v})),128)):((0,t.openBlock)(),(0,t.createElementBlock)("div",{key:1,class:"px-skeleton__bone",style:(0,t.normalizeStyle)(n.value)},null,4))],2)):(0,t.renderSlot)(e.$slots,"default",{key:1})}})),af=["aria-checked","id","name","disabled","checked"],sf={class:"px-switch__core"},cf={class:"px-switch__core-inner"},uf={key:0,class:"px-switch__core-inner-text"},df={class:"px-switch__core-action"},mf=Av((0,t.defineComponent)({name:"PxSwitch",inheritAttrs:!1,__name:"Switch",props:{modelValue:{type:[Boolean,String,Number]},disabled:{type:Boolean},activeText:{},inactiveText:{},activeValue:{type:[Boolean,String,Number],default:!0},inactiveValue:{type:[Boolean,String,Number],default:!1},name:{},id:{},size:{},type:{},activeColor:{},inactiveColor:{},activeIcon:{},inactiveIcon:{}},emits:["update:modelValue","change"],setup(e,{expose:o,emit:n}){const v=e,r=n,l=(0,t.computed)((()=>v.disabled)),h=(0,t.ref)(v.modelValue),a=(0,t.ref)(),i=qr().value,s=(0,t.computed)((()=>h.value===v.activeValue)),c=(0,t.computed)((()=>s.value?v.activeIcon:v.inactiveIcon)),u=(0,t.computed)((()=>{const e={}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sakana-element",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "description": "A pixel-style Vue 3 component library, built with TypeScript and Vitest",
   "type": "module",
   "main": "./dist/umd/index.umd.cjs",
@@ -32,7 +32,20 @@
     "build-umd:watch": "vite build --watch --config build/vite.umd.config.ts",
     "build-es:watch": "vite build --watch --config build/vite.es.config.ts"
   },
-  "keywords": [],
+  "keywords": [
+    "vue",
+    "vue3",
+    "component-library",
+    "pixel-art",
+    "pixel",
+    "typescript",
+    "ui",
+    "css-houdini",
+    "catppuccin",
+    "dark-mode",
+    "i18n",
+    "tree-shakable"
+  ],
   "author": "",
   "license": "ISC",
   "repository": {

package/dist/es/Tooltip-C3XS2Ue8.js

@@ -1,4 +0,0 @@
-import{f as r}from"./Alert-Bh6HeGRU.js"
-import{r as o}from"./Dropdown-uSRkAnxr.js"
-var s=r(o)
-export{s as t}