sakana-element 2.5.0 → 2.5.1

package/README.md

@@ -15,7 +15,7 @@ A Vue 3 + TypeScript component library with pixel art design aesthetic.
 ## Features / 特性
 
 - 🎨 **CSS Houdini Pixel Rendering** — pixel-border & pixel-shadow Paint Worklets / CSS Houdini 像素边框和阴影
-- 🧩 **25 Components** — Pixel-art styled UI toolkit / 25 个像素风格组件
+- 🧩 **40 Components** — Pixel-art styled UI toolkit / 40 个像素风格组件
 - ⭐ **486 Pixel Icons** — Full pixelarticons set with animations / 内置 486 个像素图标
 - 🌙 **Catppuccin Dark Mode** — System-preference auto-detection / Catppuccin 暗色模式
 - 🔧 **TypeScript** — Full type definitions with IntelliSense / 完整类型定义
@@ -56,22 +56,40 @@ createApp(App).use(SakanaElement).mount('#app')
 | Component | Description / 描述 |
 |-----------|-------------------|
 | `PxInput` | Text, password, textarea, date, and more / 输入框（多种类型） |
-| `PxSwitch` | Toggle switch / 开关 |
+| `PxCheckbox` | Multi-select with pixel-art checkmarks / 多选框（像素风格） |
+| `PxRadio` | Single-select from a group of choices / 单选框 |
+| `PxFilter` | Chip-based multi-select filter / 标签过滤器 |
+| `PxSwitch` | Toggle switch with 3D bevel effect / 开关（3D 斜面效果） |
 | `PxSelect` | Dropdown select with filtering / 选择器（支持搜索过滤） |
 | `PxFileInput` | File upload input / 文件输入 |
 | `PxForm` | Form layout with validation / 表单（支持验证） |
+| `PxValidator` | Standalone validation with zod integration / 独立验证器（集成 zod） |
 
 ### Data Display / 数据展示
 
 | Component | Description / 描述 |
 |-----------|-------------------|
 | `PxBadge` | Status badge / 徽章 |
+| `PxChatBubble` | Chat message speech bubbles / 聊天气泡 |
+| `PxIndicator` | Corner indicator for status or count / 指示器 |
 | `PxAvatar` | User avatar / 头像 |
 | `PxCard` | Card with staircase corners / 卡片（阶梯角） |
+| `PxCarousel` | Slide carousel with pixel-art arrows / 走马灯 |
 | `PxProgress` | Progress bar with pixel chunks / 进度条（像素分块） |
 | `PxTable` | Data table / 数据表格 |
 | `PxCollapse` | Accordion collapse / 折叠面板 |
+| `PxCollapsible` | Single-toggle collapsible block / 折叠块 |
 | `PxPixelate` | Image pixelation effect / 图片像素化 |
+| `PxDiff` | Side-by-side comparison with draggable divider / 对比 |
+| `PxKbd` | Keyboard key with 3D bevel styling / 键盘按键 |
+
+### Layout / 布局
+
+| Component | Description / 描述 |
+|-----------|-------------------|
+| `PxDivider` | Horizontal or vertical content separator / 分割线 |
+| `PxDrawer` | Slide-in panel from any screen edge / 抽屉 |
+| `PxResizable` | Resizable panels with draggable dividers / 可调面板 |
 
 ### Navigation / 导航
 
@@ -79,6 +97,7 @@ createApp(App).use(SakanaElement).mount('#app')
 |-----------|-------------------|
 | `PxLink` | Hyperlink / 链接 |
 | `PxBreadcrumb` | Breadcrumb trail / 面包屑 |
+| `PxCommand` | Searchable command palette with keyboard navigation / 命令面板 |
 
 ### Feedback / 反馈
 
@@ -92,6 +111,7 @@ createApp(App).use(SakanaElement).mount('#app')
 | `PxMessageBox` | Modal dialog / 消息弹框 |
 | `PxLoading` | Loading overlay / 加载 |
 | `PxDropdown` | Dropdown menu / 下拉菜单 |
+| `PxSkeleton` | Animated skeleton placeholder / 骨架屏 |
 
 ### Config / 配置
 
@@ -105,6 +125,10 @@ createApp(App).use(SakanaElement).mount('#app')
 |------|-------------------|
 | `useTheme` | Reactive theme state (light / dark / system) / 响应式主题状态 |
 | `useSystemTheme` | Detect OS color scheme preference / 检测系统配色偏好 |
+| `useClickOutside` | Detect clicks outside an element / 检测元素外部点击 |
+| `useDraggable` | Make an element draggable / 使元素可拖拽 |
+| `useFocusTrap` | Trap focus within a container / 焦点陷阱 |
+| `useLocale` | Access current i18n locale and translations / 国际化语言 |
 
 ```ts
 import { useTheme } from 'sakana-element'

package/dist/es/{Alert-Bh6HeGRU.js → Alert-Cq5F0XNt.js}

@@ -50,7 +50,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=xe[o.size||"md"]
 return e.width=`${t}px`,e.height=`${t}px`,e}))
-return(e,t)=>(d(),r("i",i({class:c.value,style:s.value},e.$attrs),[a.value?(d(),r("span",{key:0,class:"px-icon__pixel",innerHTML:a.value},null,8,ge)):(d(),r("span",me,"?"))],16))}}),[["__scopeId","data-v-57d28fe2"]]),ke={class:"px-alert__content"},Me={key:0,class:"px-alert__description"},_e={key:1,class:"px-alert__close"},we=ce(/* @__PURE__ */ve(/* @__PURE__ */l({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(l,{expose:i,emit:u}){const M=l,_=u,w=g(),j=h(!0),$=t((()=>he.get(M.type)??"circle-info")),S=t((()=>M.description||w.default)),I=t((()=>{if(!M.color)return{}
+return(e,t)=>(d(),r("i",i({class:c.value,style:s.value},e.$attrs),[a.value?(d(),r("span",{key:0,class:"px-icon__pixel",innerHTML:a.value},null,8,ge)):(d(),r("span",me,"?"))],16))}}),[["__scopeId","data-v-be003496"]]),ke={class:"px-alert__content"},Me={key:0,class:"px-alert__description"},_e={key:1,class:"px-alert__close"},we=ce(/* @__PURE__ */ve(/* @__PURE__ */l({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(l,{expose:i,emit:u}){const M=l,_=u,w=g(),j=h(!0),$=t((()=>he.get(M.type)??"circle-info")),S=t((()=>M.description||w.default)),I=t((()=>{if(!M.color)return{}
 const e=M.outline?"outline":M.dash?"dash":"default"
 return G(H(M.color),"px-alert",R[e])}))
 function O(){j.value=!1,_("close")}return i({open:function(){j.value=!0},close:O}),(t,l)=>(d(),o(e,{name:"px-alert-fade"},{default:v((()=>[y(a("div",{class:p(["px-alert",{[`px-alert__${t.type}`]:t.type,[`px-alert__${t.effect}`]:t.effect,"text-center":t.center,"is-outline":t.outline,"is-dash":t.dash}]),role:"alert",style:f(I.value)},[t.showIcon?(d(),o(ye,{key:0,class:p(["px-alert__icon",{"big-icon":S.value}]),icon:$.value},null,8,["class","icon"])):n("",!0),a("div",ke,[a("span",{class:p(["px-alert__title",{"with-desc":S.value}]),style:f({display:t.center&&!t.showIcon?"block":"inline"})},[b(t.$slots,"title",{},(()=>[c(x(t.title),1)]),!0)],6),S.value?(d(),r("p",Me,[b(t.$slots,"default",{},(()=>[c(x(t.description),1)]),!0)])):n("",!0),t.closable?(d(),r("div",_e,[s(ye,{onClick:k(O,["stop"]),icon:"close"})])):n("",!0)])],6),[[m,j.value]])])),_:3}))}}),[["__scopeId","data-v-772da9f8"]]))

package/dist/es/{Avatar-NF4bQN7G.js → Avatar-CbgoH75Q.js}

@@ -1,4 +1,4 @@
-import{C as a,S as e,T as r,f as s,r as t}from"./Alert-Bh6HeGRU.js"
+import{C as a,S as e,T as r,f as s,r as t}from"./Alert-Cq5F0XNt.js"
 import{computed as o,createElementBlock as l,defineComponent as p,normalizeClass as d,normalizeStyle as u,openBlock as f,renderSlot as i}from"vue"
 var v=s(/* @__PURE__ */t(/* @__PURE__ */p({name:"PxAvatar",__name:"Avatar",props:{size:{default:"default"},shape:{default:"circle"},border:{type:Boolean,default:!0},color:{}},setup(s){const t=s,p=o((()=>t.color?r(a(t.color),"px-avatar",e.default):{}))
 return(a,e)=>(f(),l("span",{class:d(["px-avatar",{[`px-avatar--${a.size}`]:a.size&&"default"!==a.size,"is-square":"square"===a.shape,"is-border":a.border}]),style:u(p.value)},[i(a.$slots,"default",{},void 0,!0)],6))}}),[["__scopeId","data-v-be451b35"]]))

package/dist/es/{Badge-CHgxCwjo.js → Badge-BVu3hO8V.js}

@@ -1,4 +1,4 @@
-import{C as e,S as a,T as s,f as o,n as t,r as i}from"./Alert-Bh6HeGRU.js"
+import{C as e,S as a,T as s,f as o,n as t,r as i}from"./Alert-Cq5F0XNt.js"
 import{computed as l,createBlock as n,createCommentVNode as d,createElementBlock as p,defineComponent as u,normalizeClass as r,normalizeStyle as c,openBlock as f,renderSlot as y,useSlots as m}from"vue"
 var x=o(/* @__PURE__ */i(/* @__PURE__ */u({name:"PxBadge",__name:"Badge",props:{type:{default:"primary"},size:{default:"default"},outline:{type:Boolean},dash:{type:Boolean},color:{},round:{type:Boolean},icon:{},shine:{type:Boolean},pixel:{type:Boolean}},setup(o){const i=o,u=m(),x=l((()=>!u.default)),h=l((()=>"small"===i.size?"xs":"sm")),v=l((()=>{if(!i.color)return{}
 const o=i.outline?"outline":i.dash?"dash":"default"

package/dist/es/{Breadcrumb-lEWE4Gu6.js → Breadcrumb-Bh5y4LbC.js}

@@ -1,4 +1,4 @@
-import{f as a,n as r,r as e}from"./Alert-Bh6HeGRU.js"
+import{f as a,n as r,r as e}from"./Alert-Cq5F0XNt.js"
 import{Fragment as s,createBlock as t,createCommentVNode as o,createElementBlock as d,createElementVNode as l,createTextVNode as c,defineComponent as i,inject as p,mergeProps as b,normalizeClass as n,openBlock as u,provide as m,renderSlot as _,resolveDynamicComponent as f,toDisplayString as x,unref as v,useSlots as B,withCtx as k,withModifiers as y}from"vue"
 var I=Symbol("breadcrumbContext"),S={class:"px-breadcrumb","aria-label":"Breadcrumb"},h={class:"px-breadcrumb__list"},C=/* @__PURE__ */e(/* @__PURE__ */i({name:"PxBreadcrumb",__name:"Breadcrumb",props:{separator:{default:"/"}},setup(a){const r=a,e=B()
 return m(I,{separator:r.separator,separatorSlot:e.separator}),(a,r)=>(u(),d("nav",S,[l("ol",h,[_(a.$slots,"default",{},void 0,!0)])]))}}),[["__scopeId","data-v-a0927948"]]),P={class:"px-breadcrumb__separator","aria-hidden":"true"},$=/* @__PURE__ */e(/* @__PURE__ */i({name:"PxBreadcrumbItem",__name:"BreadcrumbItem",props:{to:{},icon:{},disabled:{type:Boolean}},setup(a){const e=p(I,{separator:"/"})

package/dist/es/{Button-BM129Q7H.js → Button-B1wRI6I7.js}

@@ -1,4 +1,4 @@
-import{C as o,M as t,P as r,T as e,f as a,j as l,k as i,n,r as c,w as s,x as d}from"./Alert-Bh6HeGRU.js"
+import{C as o,M as t,P as r,T as e,f as a,j as l,k as i,n,r as c,w as s,x as d}from"./Alert-Cq5F0XNt.js"
 import{computed as u,createBlock as b,createCommentVNode as p,createElementBlock as v,createVNode as g,defineComponent as f,inject as h,normalizeClass as y,normalizeStyle as x,onBeforeUnmount as k,openBlock as m,provide as B,reactive as T,ref as _,renderSlot as w,resolveDynamicComponent as z,toRef as $,unref as E,useSlots as I,withCtx as N}from"vue"
 function j(o){return"symbol"==typeof o||l(o)&&"[object Symbol]"==t(o)}var O=/\s/,P=/^\s+/,C=/^[-+]0x[0-9a-f]+$/i,D=/^0b[01]+$/i,G=/^0o[0-7]+$/i,M=parseInt
 function S(o){if("number"==typeof o)return o
@@ -24,5 +24,5 @@ const d=a,v=I(),f=h(U,void 0),B=_(),T=u((()=>"string"!=typeof c.tag||l.has(c.tag
 if("function"!=typeof o)throw new TypeError("Expected a function")
 return i(r)&&(e="leading"in r?!!r.leading:e,a="trailing"in r?!!r.trailing:a),R(o,t,{leading:e,maxWait:t,trailing:a})}(D,c.throttleDuration,{trailing:!1})
 return k((()=>{G.cancel()})),r({ref:B,disabled:O,size:$,type:j}),(o,t)=>(m(),b(z(T.value),{ref_key:"_ref",ref:B,autofocus:o.autofocus,type:"button"===T.value?o.nativeType:void 0,class:y(["px-button",{[`px-button--${j.value}`]:j.value,[`px-button--${$.value}`]:$.value,"is-plain":o.plain,"is-round":o.round,"is-circle":o.circle,"is-dash":o.dash,"is-ghost":o.ghost,"is-link":o.link,"is-block":o.block,"is-responsive":o.responsive,"is-disabled":O.value,"is-loading":o.loading}]),"aria-label":o.ariaLabel,"aria-busy":o.loading||void 0,disabled:!(!O.value&&!o.loading)||void 0,style:x(C.value),onClick:t[0]||(t[0]=t=>o.useThrottle?E(G)(t):D(t))},{default:N((()=>[o.loading?w(o.$slots,"loading",{key:0},(()=>[g(n,{class:"loading-icon",icon:o.loadingIcon??"loader",style:x(P.value),size:"1x",spin:""},null,8,["icon","style"])]),!0):p("",!0),o.icon&&!o.loading?(m(),b(n,{key:1,icon:o.icon,style:x(P.value),size:"1x"},null,8,["icon","style"])):p("",!0),w(o.$slots,"default",{},void 0,!0)])),_:3},8,["autofocus","type","aria-label","aria-busy","disabled","class","style"]))}}),[["__scopeId","data-v-0d682c9b"]]),Y={class:"px-button-group",role:"group"},q=/* @__PURE__ */c(/* @__PURE__ */f({name:"PxButtonGroup",__name:"ButtonGroup",props:{size:{},type:{},disabled:{type:Boolean}},setup(o){const t=o
-return B(U,T({size:$(t,"size"),type:$(t,"type"),disabled:$(t,"disabled")})),(o,t)=>(m(),v("div",Y,[w(o.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-87af5dc3"]]),F=a(X),H=a(q)
+return B(U,T({size:$(t,"size"),type:$(t,"type"),disabled:$(t,"disabled")})),(o,t)=>(m(),v("div",Y,[w(o.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-7ee0c0a3"]]),F=a(X),H=a(q)
 export{S as a,R as i,H as n,j as o,X as r,F as t}

package/dist/es/{Card-DAAF5q-g.js → Card-VMxMFix8.js}

@@ -1,4 +1,4 @@
-import{C as o,S as a,T as e,f as s,r}from"./Alert-Bh6HeGRU.js"
+import{C as o,S as a,T as e,f as s,r}from"./Alert-Cq5F0XNt.js"
 import{computed as t,createCommentVNode as d,createElementBlock as l,createElementVNode as p,defineComponent as n,normalizeClass as c,normalizeStyle as h,openBlock as i,renderSlot as u,unref as v,useSlots as y}from"vue"
 var x={key:0,class:"px-card__header"},f={class:"px-card__body"},_={key:1,class:"px-card__footer"},g=s(/* @__PURE__ */r(/* @__PURE__ */n({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(s){const r={"text-color":"color","bg-color":"transparent","border-color":"transparent","shadow-color":"transparent"},n=s,g=y(),w=t((()=>{const o=n.shadow
 return!0===o?"px-card--shadow-always":!1===o?"px-card--shadow-never":`px-card--shadow-${o}`})),b=t((()=>{if(!n.color)return{}

package/dist/es/{Carousel-Cc98Eg3m.js → Carousel-QnDHp3Ka.js}

@@ -1,4 +1,4 @@
-import{C as e,T as a,f as l,n as o,r}from"./Alert-Bh6HeGRU.js"
+import{C as e,T as a,f as l,n as o,r}from"./Alert-Cq5F0XNt.js"
 import{Fragment as t,computed as i,createCommentVNode as n,createElementBlock as u,createElementVNode as s,createVNode as c,defineComponent as v,inject as d,normalizeClass as p,normalizeStyle as h,onBeforeUnmount as f,openBlock as m,provide as g,ref as x,renderList as w,renderSlot as _,toRef as b,watch as y}from"vue"
 var k=Symbol("carouselContext"),I=new Set(["primary","success","warning","danger","info"]),C={"border-color":"color","shadow-color":"dark","indicator-active-color":"color","arrow-color":"color"},A={class:"px-carousel__viewport"},$=["disabled","aria-label"],D=["disabled","aria-label"],T={key:1,class:"px-carousel__indicators"},V=["aria-selected","aria-label","onClick","onMouseenter"],P=/* @__PURE__ */r(/* @__PURE__ */v({name:"PxCarousel",__name:"Carousel",props:{modelValue:{},direction:{default:"horizontal"},showArrow:{default:"hover"},showIndicators:{type:Boolean,default:!0},indicatorTrigger:{default:"click"},color:{},height:{}},emits:["update:modelValue","change"],setup(l,{expose:r,emit:v}){const d=l,f=v,P=x(d.modelValue??0),S=x([]),z=i((()=>S.value.length)),M=i((()=>P.value<=0)),N=i((()=>P.value>=z.value-1)),O=i((()=>I.has(d.color??""))),j=i((()=>!!d.color&&!O.value)),B=i((()=>j.value?a(e(d.color),"px-carousel",C):{})),K=i((()=>"vertical"===d.direction?{transform:`translateY(-${100*P.value}%)`}:{transform:`translateX(-${100*P.value}%)`}))
 function L(e){const a=P.value

package/dist/es/{ChatBubble-DvRSjkcV.js → ChatBubble-DYao4l85.js}

@@ -1,5 +1,5 @@
-import{C as a,T as t,f as e,r as s}from"./Alert-Bh6HeGRU.js"
-import{computed as l,createCommentVNode as o,createElementBlock as c,createElementVNode as r,defineComponent as p,normalizeClass as b,normalizeStyle as n,openBlock as d,renderSlot as _,toDisplayString as m,unref as h,useSlots as u}from"vue"
+import{C as a,T as t,f as e,r as s}from"./Alert-Cq5F0XNt.js"
+import{computed as l,createCommentVNode as o,createElementBlock as c,createElementVNode as r,defineComponent as p,normalizeClass as b,normalizeStyle as n,openBlock as _,renderSlot as d,toDisplayString as m,unref as h,useSlots as u}from"vue"
 var i={"bubble-text-color":"contrast","bubble-bg-color":"color","bubble-border-color":"dark","bubble-shadow-color":"dark"},v={key:0,class:"px-chat__avatar"},x={class:"px-chat__content"},y={key:0,class:"px-chat__header"},f={key:0,class:"px-chat__name"},k={key:1,class:"px-chat__time"},$={class:"px-chat__bubble"},C={key:1,class:"px-chat__footer"},B=e(/* @__PURE__ */s(/* @__PURE__ */p({name:"PxChatBubble",__name:"ChatBubble",props:{placement:{default:"start"},type:{},color:{},name:{},time:{},status:{}},setup(e){const s=e,p=u(),B=l((()=>s.color?t(a(s.color),"px-chat",i):{}))
-return(a,t)=>(d(),c("div",{class:b(["px-chat",{[`px-chat--${a.placement}`]:a.placement,[`px-chat--${a.type}`]:a.type}]),style:n(B.value)},[h(p).avatar?(d(),c("div",v,[_(a.$slots,"avatar",{},void 0,!0)])):o("",!0),r("div",x,[h(p).header||a.name||a.time?(d(),c("div",y,[_(a.$slots,"header",{},(()=>[a.name?(d(),c("span",f,m(a.name),1)):o("",!0),a.time?(d(),c("span",k,m(a.time),1)):o("",!0)]),!0)])):o("",!0),r("div",$,[t[0]||(t[0]=r("span",{class:"px-chat__tail"},null,-1)),_(a.$slots,"default",{},void 0,!0)]),h(p).footer||a.status?(d(),c("div",C,[_(a.$slots,"footer",{},(()=>[r("span",null,m(a.status),1)]),!0)])):o("",!0)])],6))}}),[["__scopeId","data-v-c022026d"]]))
+return(a,t)=>(_(),c("div",{class:b(["px-chat",{[`px-chat--${a.placement}`]:a.placement,[`px-chat--${a.type}`]:a.type}]),style:n(B.value)},[h(p).avatar?(_(),c("div",v,[d(a.$slots,"avatar",{},void 0,!0)])):o("",!0),r("div",x,[h(p).header||a.name||a.time?(_(),c("div",y,[d(a.$slots,"header",{},(()=>[a.name?(_(),c("span",f,m(a.name),1)):o("",!0),a.time?(_(),c("span",k,m(a.time),1)):o("",!0)]),!0)])):o("",!0),r("div",$,[t[0]||(t[0]=r("span",{class:"px-chat__tail"},null,-1)),d(a.$slots,"default",{},void 0,!0)]),h(p).footer||a.status?(_(),c("div",C,[d(a.$slots,"footer",{},(()=>[r("span",null,m(a.status),1)]),!0)])):o("",!0)])],6))}}),[["__scopeId","data-v-5054a181"]]))
 export{B as t}

package/dist/es/{Checkbox-WwH8lZhh.js → Checkbox-BbLzAqK2.js}

@@ -1,5 +1,5 @@
-import{A as e,C as t,F as r,M as n,N as o,O as a,P as u,T as c,f as i,j as s,k as l}from"./Alert-Bh6HeGRU.js"
-import{o as f}from"./Button-BM129Q7H.js"
+import{A as e,C as t,F as r,M as n,N as o,O as a,P as u,T as c,f as i,j as s,k as l}from"./Alert-Cq5F0XNt.js"
+import{o as f}from"./Button-B1wRI6I7.js"
 import{computed as d,createCommentVNode as p,createElementBlock as v,createElementVNode as h,createTextVNode as b,defineComponent as m,getCurrentInstance as y,inject as g,isRef as j,normalizeClass as _,normalizeStyle as w,onBeforeUnmount as x,onMounted as O,onUnmounted as k,openBlock as A,provide as E,ref as L,renderSlot as S,toDisplayString as z,unref as P,useSlots as M,watch as I,watchEffect as $}from"vue"
 function B(e,t){for(var r=-1,n=null==e?0:e.length,o=Array(n);++r<n;)o[r]=t(e[r],r,e)
 return o}var V=o?o.prototype:void 0,C=V?V.toString:void 0

package/dist/es/{Collapse-CR_RWE5e.js → Collapse-BkKmhGQf.js}

@@ -1,4 +1,4 @@
-import{C as e,T as o,f as a,n as l,r as t,x as s}from"./Alert-Bh6HeGRU.js"
+import{C as e,T as o,f as a,n as l,r as t,x as s}from"./Alert-Cq5F0XNt.js"
 import{Transition as n,computed as c,createBlock as i,createCommentVNode as r,createElementBlock as d,createElementVNode as p,createTextVNode as u,createVNode as m,defineComponent as v,inject as h,mergeProps as f,normalizeClass as g,normalizeStyle as b,openBlock as x,provide as _,ref as C,renderSlot as y,toDisplayString as w,toHandlers as I,unref as $,vShow as k,watch as B,watchEffect as O,withCtx as P,withDirectives as V}from"vue"
 var A=Symbol("collapseContext"),E=new Set(["primary","success","warning","danger","info"]),F={default:{"border-color":"color","shadow-color":"dark","active-bg-color":"light"},ghost:{"border-color":"transparent","shadow-color":"transparent","active-bg-color":"transparent"}},L=/* @__PURE__ */t(/* @__PURE__ */v({name:"PxCollapse",__name:"Collapse",props:{modelValue:{},accordion:{type:Boolean},color:{},ghost:{type:Boolean},trigger:{},iconPlacement:{}},emits:["update:modelValue","change"],setup(a,{emit:l}){const t=a,s=l,n=C(t.modelValue)
 t.accordion&&n.value.length>1&&(n.value=[n.value[0]])

package/dist/es/{Collapsible-BHg6BxmU.js → Collapsible-B56M9eUW.js}

@@ -1,5 +1,5 @@
-import{C as e,T as a,f as l,r as o}from"./Alert-Bh6HeGRU.js"
-import{r as t}from"./Collapse-CR_RWE5e.js"
+import{C as e,T as a,f as l,r as o}from"./Alert-Cq5F0XNt.js"
+import{r as t}from"./Collapse-BkKmhGQf.js"
 import{Transition as s,computed as d,createBlock as n,createElementBlock as i,createElementVNode as r,defineComponent as p,getCurrentInstance as c,inject as u,mergeProps as b,normalizeClass as g,normalizeStyle as v,openBlock as m,provide as f,ref as x,renderSlot as h,toHandlers as _,unref as y,vShow as C,watch as $,withCtx as w,withDirectives as V}from"vue"
 var k=Symbol("collapsibleContext"),B=new Set(["primary","success","warning","danger","info"]),I={default:{"border-color":"color","shadow-color":"dark","trigger-hover-bg":"light"},ghost:{"border-color":"transparent","shadow-color":"transparent","trigger-hover-bg":"light"}},P=["data-state"],S=/* @__PURE__ */o(/* @__PURE__ */p({name:"PxCollapsible",__name:"Collapsible",props:{modelValue:{type:Boolean},defaultOpen:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},color:{},ghost:{type:Boolean}},emits:["update:modelValue","change"],setup(l,{expose:o,emit:t}){const s=l,n=t,r=x("modelValue"in(c().vnode.props??{})?s.modelValue:s.defaultOpen)
 function p(){if(s.disabled)return

package/dist/es/{Command-DM1kXZ6n.js → Command-CORaZKsJ.js}

@@ -1,5 +1,5 @@
-import{f as e,n as a}from"./Alert-Bh6HeGRU.js"
-import{c as t,f as l}from"./Checkbox-WwH8lZhh.js"
+import{f as e,n as a}from"./Alert-Cq5F0XNt.js"
+import{c as t,f as l}from"./Checkbox-BbLzAqK2.js"
 import{Fragment as n,Teleport as o,computed as u,createBlock as s,createCommentVNode as d,createElementBlock as i,createElementVNode as r,createTextVNode as m,createVNode as c,defineComponent as p,inject as v,nextTick as f,normalizeClass as h,normalizeStyle as g,onBeforeUnmount as y,onMounted as x,openBlock as b,provide as _,ref as k,renderList as C,renderSlot as w,toDisplayString as I,unref as V,watch as D}from"vue"
 var P=Symbol("commandContext"),S=Symbol("commandGroupId"),E=["aria-label"],L=/* @__PURE__ */p({name:"PxCommand",__name:"Command",props:{modelValue:{default:""},filter:{},label:{}},emits:["update:modelValue","select"],setup(e,{expose:a,emit:t}){const l=e,n=t,o=k(l.modelValue),s=k(null),d=k([])
 function r(e,a,t){if(!a)return!0

package/dist/es/{ConfigProvider-Bfp86-Oj.js → ConfigProvider-CGLQ9b8M.js}

@@ -1,5 +1,5 @@
-import{A as e,O as o,f as t,j as n,k as r,x as a}from"./Alert-Bh6HeGRU.js"
-import{$ as s,A as l,G as i,J as c,K as u,M as f,S as d,T as v,U as p,W as g,Z as m,at as h,et as w,j as x,u as y,w as _,z as b}from"./Checkbox-WwH8lZhh.js"
+import{A as e,O as o,f as t,j as n,k as r,x as a}from"./Alert-Cq5F0XNt.js"
+import{$ as s,A as l,G as i,J as c,K as u,M as f,S as d,T as v,U as p,W as g,Z as m,at as h,et as w,j as x,u as y,w as _,z as b}from"./Checkbox-BbLzAqK2.js"
 import{computed as N,defineComponent as P,getCurrentInstance as $,inject as j,provide as C,ref as M,renderSlot as O,unref as S,watch as T}from"vue"
 function E(e,o,t){(void 0!==t&&!s(e[o],t)||void 0===t&&!(o in e))&&w(e,o,t)}function F(e,o){if(("constructor"!==o||"function"!=typeof e[o])&&"__proto__"!=o)return e[o]}function I(t,a,s,u,w){t!==a&&d(a,(function(d,y){if(w||(w=new x),r(d))!function(t,a,s,u,d,w,x){var y=F(t,s),N=F(a,s),P=x.get(N)
 if(P)E(t,s,P)

package/dist/es/{Diff-Cs62zIBX.js → Diff-gDYKT1cl.js}

@@ -1,4 +1,4 @@
-import{c as e,f as n,l as t,s as o}from"./Alert-Bh6HeGRU.js"
+import{c as e,f as n,l as t,s as o}from"./Alert-Cq5F0XNt.js"
 import{Fragment as i,computed as a,createCommentVNode as r,createElementBlock as l,createElementVNode as s,defineComponent as u,normalizeClass as c,normalizeStyle as v,onBeforeUnmount as d,openBlock as f,ref as p,renderSlot as w,watch as m,withModifiers as h}from"vue"
 var g=new Set(["primary","success","warning","danger","info"]),y=["src"],x={class:"px-diff__after"},_=["src"],L=["aria-valuenow"],E=n(/* @__PURE__ */u({name:"PxDiff",__name:"Diff",props:{src:{},pixelSize:{default:8},grayscale:{type:Boolean,default:!1},palette:{},background:{default:"#FFFFFF"},initialPosition:{default:50},width:{},height:{},color:{}},emits:["change","rendered","error"],setup(n,{expose:u,emit:E}){const k=n,b=E,F=p(),P=p(),R=p(),S=p(!1),$=p(!1),z=p(e(k.initialPosition,0,100)),D=a((()=>{const e={}
 return null!=k.width&&(e.width=o(k.width)??""),null!=k.height&&(e.height=o(k.height)??""),e})),X=a((()=>{const e=["px-diff"]

package/dist/es/{Divider-Yq-jZAD6.js → Divider-bI4lEaol.js}

@@ -1,4 +1,4 @@
-import{C as e,T as t,f as o}from"./Alert-Bh6HeGRU.js"
+import{C as e,T as t,f as o}from"./Alert-Cq5F0XNt.js"
 import{computed as i,createCommentVNode as r,createElementBlock as a,createTextVNode as d,defineComponent as l,normalizeClass as n,normalizeStyle as s,openBlock as c,renderSlot as p,toDisplayString as v,useSlots as u}from"vue"
 var x=["aria-orientation"],f={key:0,class:"px-divider__text"},y=o(/* @__PURE__ */l({name:"PxDivider",__name:"Divider",props:{direction:{default:"horizontal"},contentPosition:{default:"center"},type:{},color:{},borderStyle:{default:"solid"},content:{}},setup(o){const l=o,y=u(),m={"line-color":"color"},$=i((()=>l.color?t(e(l.color),"px-divider",m):{})),_=i((()=>!("horizontal"!==l.direction||!y.default&&!l.content)))
 return(e,t)=>(c(),a("div",{class:n(["px-divider",{"is-vertical":"vertical"===e.direction,[`px-divider--${e.contentPosition}`]:_.value,[`px-divider--${e.type}`]:e.type,[`px-divider--${e.borderStyle}`]:"solid"!==e.borderStyle}]),style:s($.value),role:"separator","aria-orientation":e.direction},[_.value?(c(),a("span",f,[p(e.$slots,"default",{},(()=>[d(v(e.content),1)]))])):r("",!0)],14,x))}}))

package/dist/es/{Drawer-DTIUkiIQ.js → Drawer-AnXxT-V6.js}

@@ -1,5 +1,5 @@
-import{f as e,r as l}from"./Alert-Bh6HeGRU.js"
-import{c as a,f as o,v as t}from"./Checkbox-WwH8lZhh.js"
+import{f as e,r as l}from"./Alert-Cq5F0XNt.js"
+import{c as a,f as o,v as t}from"./Checkbox-BbLzAqK2.js"
 import{Teleport as d,Transition as r,computed as s,createBlock as i,createCommentVNode as n,createElementBlock as u,createElementVNode as c,createVNode as p,defineComponent as v,normalizeClass as m,normalizeStyle as y,onUnmounted as f,openBlock as x,ref as w,renderSlot as _,toDisplayString as b,unref as k,watch as O,withCtx as $}from"vue"
 var h=["id"],V={class:"px-drawer__content"},B=["aria-labelledby"],z={key:0,class:"px-drawer__header"},C=["id"],I={class:"px-drawer__body"},g=e(/* @__PURE__ */l(/* @__PURE__ */v({name:"PxDrawer",__name:"Drawer",props:{modelValue:{type:Boolean},placement:{default:"left"},size:{default:"300px"},showOverlay:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},closeOnEsc:{type:Boolean,default:!0},title:{}},emits:["update:modelValue","open","close"],setup(e,{expose:l,emit:v}){const g=e,E=v,j=o("px-drawer"),{nextZIndex:D}=a(),S=w(0),A=w(g.modelValue),P=s((()=>({width:g.size,zIndex:S.value})))
 function Z(e){g.lockScroll&&(document.body.style.overflow=e?"hidden":"")}function q(){S.value=D(),A.value=!0,E("open"),Z(!0)}function F(){A.value=!1,Z(!1)}function G(){q(),E("update:modelValue",!0)}function H(){F(),E("update:modelValue",!1),E("close")}function J(){g.closeOnClickOverlay&&H()}return O((()=>g.modelValue),(e=>{e&&!A.value?q():e&&A.value?Z(!0):!e&&A.value&&F()}),{immediate:!0}),t(document,"keydown",(e=>{g.closeOnEsc&&A.value&&"Escape"===e.key&&H()})),f((()=>{A.value&&Z(!1)})),l({open:()=>{A.value||G()},close:()=>{A.value&&H()},toggle:()=>{A.value?H():G()}}),(e,l)=>(x(),u("div",{class:m(["px-drawer",[`px-drawer--${e.placement}`]]),id:k(j)},[c("div",V,[_(e.$slots,"default",{},void 0,!0)]),(x(),i(d,{to:"body"},[e.showOverlay&&A.value?(x(),u("div",{key:0,class:"px-drawer-overlay",style:y({zIndex:S.value-1}),onClick:J},null,4)):n("",!0),p(r,{name:`px-drawer-slide-${e.placement}`},{default:$((()=>[A.value?(x(),u("div",{key:0,class:m(["px-drawer__sidebar",[`px-drawer__sidebar--${e.placement}`]]),style:y(P.value),role:"dialog","aria-labelledby":e.title?`${k(j)}-title`:void 0},[e.title?(x(),u("div",z,[c("span",{id:`${k(j)}-title`,class:"px-drawer__title"},b(e.title),9,C)])):n("",!0),c("div",I,[_(e.$slots,"sidebar",{},void 0,!0)])],14,B)):n("",!0)])),_:3},8,["name"])]))],10,h))}}),[["__scopeId","data-v-647267d6"]]))

package/dist/es/{Dropdown-uSRkAnxr.js → Dropdown-80RoE7gX.js}

@@ -1,6 +1,6 @@
-import{A as e,P as t,f as n,j as r,k as o,n as a,r as i,s as l}from"./Alert-Bh6HeGRU.js"
-import{a as u,i as s,n as c,t as p}from"./Button-BM129Q7H.js"
-import{M as d,X as f,_ as v,at as h,b as _,ct as m,f as g,g as y,it as w,lt as x,nt as b,ot as k,rt as B,st as A,tt as O,y as T}from"./Checkbox-WwH8lZhh.js"
+import{A as e,P as t,f as n,j as r,k as o,n as a,r as i,s as l}from"./Alert-Cq5F0XNt.js"
+import{a as u,i as s,n as c,t as p}from"./Button-B1wRI6I7.js"
+import{M as d,X as f,_ as v,at as h,b as _,ct as m,f as g,g as y,it as w,lt as x,nt as b,ot as k,rt as B,st as A,tt as O,y as T}from"./Checkbox-BbLzAqK2.js"
 import{Fragment as C,Transition as R,computed as $,createBlock as D,createCommentVNode as E,createElementBlock as j,createElementVNode as z,createTextVNode as H,createVNode as M,defineComponent as I,inject as L,mergeProps as P,nextTick as W,normalizeClass as K,normalizeStyle as N,onBeforeUnmount as S,onMounted as q,onUnmounted as U,openBlock as V,provide as X,ref as Y,renderList as F,renderSlot as G,toDisplayString as J,toHandlers as Q,unref as Z,useSlots as ee,watch as te,watchEffect as ne,withCtx as re,withKeys as oe,withModifiers as ae}from"vue"
 import{createPopper as ie}from"@popperjs/core"
 var le=1/0
@@ -88,7 +88,7 @@ return te(a,(e=>{e&&m.value&&f.value&&(A=ie(m.value,f.value,y.value))}),{flush:"
 const a=/* @__PURE__ */new Map,i=()=>{const e=t.value
 e&&qe(e)&&_(n.value,((t,n)=>{a.set(n,t),e.addEventListener(n,t)}))},l=e=>{const n=e??t.value
 n&&qe(n)&&_(["mouseenter","click","contextmenu"],(e=>a.has(e)&&n.removeEventListener(e,a.get(e))))}
-q((()=>{o=te((()=>e.virtualRef),((t,n)=>{e.virtualTriggering&&(qe(n)&&l(n),qe(t)&&i())}),{immediate:!0}),r=te(n,(()=>{e.virtualTriggering&&(l(),i(),k?.cancel(),D(!1))}),{deep:!0})})),U((()=>{r?.(),o?.()}))}(r,m,u),U((()=>{I(),k?.cancel(),B?.cancel()})),t({show:W,hide:K,toggle:()=>{a.value?K():W()}}),(e,t)=>(V(),j("div",P({class:["px-tooltip",[`px-tooltip--${e.effect}`,e.type&&`px-tooltip--${e.type}`]],ref_key:"containerNode",ref:d},Q(c.value,!0)),[e.virtualTriggering?G(e.$slots,"default",{key:1},void 0,!0):(V(),j("div",P({key:0,class:"px-tooltip__trigger",ref_key:"_triggerNode",ref:h},Q(u.value,!0),{"aria-describedby":a.value?Z(i):void 0}),[G(e.$slots,"default",{},void 0,!0)],16,Ve)),M(R,{name:e.transition,onAfterLeave:I},{default:re((()=>[a.value?(V(),j("div",P({key:0,class:"px-tooltip__popper",ref_key:"popperNode",ref:f},Q(p.value,!0),{id:Z(i),style:b.value,role:"tooltip"}),[G(e.$slots,"content",{},(()=>[H(J(e.content),1)]),!0),e.showArrow?(V(),j("div",Ye)):E("",!0)],16,Xe)):E("",!0)])),_:3},8,["name"])],16))}}),[["__scopeId","data-v-d982dfd2"]]),Ge=Symbol("dropdownContext"),Je={key:0,role:"separator",class:"divided-placeholder"},Qe=["id","onKeydown"],Ze=/* @__PURE__ */I({name:"PxDropdownItem",__name:"DropdownItem",props:{command:{default:g().value},label:{},disabled:{type:Boolean,default:!1},divided:{type:Boolean,default:!1},icon:{}},setup(e){const t=e,n=L(Ge),r=$((()=>n?.size.value))
+q((()=>{o=te((()=>e.virtualRef),((t,n)=>{e.virtualTriggering&&(qe(n)&&l(n),qe(t)&&i())}),{immediate:!0}),r=te(n,(()=>{e.virtualTriggering&&(l(),i(),k?.cancel(),D(!1))}),{deep:!0})})),U((()=>{r?.(),o?.()}))}(r,m,u),U((()=>{I(),k?.cancel(),B?.cancel()})),t({show:W,hide:K,toggle:()=>{a.value?K():W()}}),(e,t)=>(V(),j("div",P({class:["px-tooltip",[`px-tooltip--${e.effect}`,e.type&&`px-tooltip--${e.type}`]],ref_key:"containerNode",ref:d},Q(c.value,!0)),[e.virtualTriggering?G(e.$slots,"default",{key:1},void 0,!0):(V(),j("div",P({key:0,class:"px-tooltip__trigger",ref_key:"_triggerNode",ref:h},Q(u.value,!0),{"aria-describedby":a.value?Z(i):void 0}),[G(e.$slots,"default",{},void 0,!0)],16,Ve)),M(R,{name:e.transition,onAfterLeave:I},{default:re((()=>[a.value?(V(),j("div",P({key:0,class:"px-tooltip__popper",ref_key:"popperNode",ref:f},Q(p.value,!0),{id:Z(i),style:b.value,role:"tooltip"}),[G(e.$slots,"content",{},(()=>[H(J(e.content),1)]),!0),e.showArrow?(V(),j("div",Ye)):E("",!0)],16,Xe)):E("",!0)])),_:3},8,["name"])],16))}}),[["__scopeId","data-v-9e16dfe4"]]),Ge=Symbol("dropdownContext"),Je={key:0,role:"separator",class:"divided-placeholder"},Qe=["id","onKeydown"],Ze=/* @__PURE__ */I({name:"PxDropdownItem",__name:"DropdownItem",props:{command:{default:g().value},label:{},disabled:{type:Boolean,default:!1},divided:{type:Boolean,default:!1},icon:{}},setup(e){const t=e,n=L(Ge),r=$((()=>n?.size.value))
 function o(){t.disabled||n?.handleItemClick(t)}return(e,t)=>(V(),j(C,null,[e.divided?(V(),j("li",Je)):E("",!0),z("li",{role:"menuitem",tabindex:"-1",id:`dropdown-item-${e.command}`,class:K({"px-dropdown__item":!0,["px-dropdown__item--"+r.value]:r.value,"is-disabled":e.disabled,"is-divided":e.divided}),onClick:o,onKeydown:[oe(ae(o,["prevent"]),["enter"]),oe(ae(o,["prevent"]),["space"])]},[e.icon?(V(),D(a,{key:0,icon:e.icon,class:"px-dropdown__item-icon"},null,8,["icon"])):E("",!0),G(e.$slots,"default",{},(()=>[H(J(e.label),1)]))],42,Qe)],64))}})
 function et(e,t){e[t]?.focus()}var tt=["aria-expanded"],nt=n(/* @__PURE__ */I({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:t,emit:n}){const r=e,o=n
 ee()

package/dist/es/{FileInput-rT_BAYOK.js → FileInput-B6CyElTd.js}

@@ -1,6 +1,6 @@
-import{A as e,C as r,D as t,E as a,N as n,T as l,f as o,j as i,k as s,n as u,r as c,x as f}from"./Alert-Bh6HeGRU.js"
-import{$ as d,C as p,D as v,E as h,F as m,G as b,H as g,I as _,J as y,L as x,N as j,O as w,P as k,R as q,U as F,V as P,W as A,Y as B,a as I,b as O,dt as $,f as V,i as z,j as E,k as S,lt as M,r as W,tt as C,ut as D,x as R}from"./Checkbox-WwH8lZhh.js"
-import{i as L,l as N,o as T}from"./Dropdown-uSRkAnxr.js"
+import{A as e,C as r,D as t,E as a,N as n,T as l,f as o,j as i,k as s,n as u,r as c,x as f}from"./Alert-Cq5F0XNt.js"
+import{$ as d,C as p,D as v,E as h,F as m,G as b,H as g,I as _,J as y,L as x,N as j,O as w,P as k,R as q,U as F,V as P,W as A,Y as B,a as I,b as O,dt as $,f as V,i as z,j as E,k as S,lt as M,r as W,tt as C,ut as D,x as R}from"./Checkbox-BbLzAqK2.js"
+import{i as L,l as N,o as T}from"./Dropdown-80RoE7gX.js"
 import{computed as G,createBlock as H,createCommentVNode as J,createElementBlock as U,createElementVNode as Y,createTextVNode as K,defineComponent as Q,inject as X,nextTick as Z,normalizeClass as ee,normalizeStyle as re,onMounted as te,onUnmounted as ae,openBlock as ne,provide as le,reactive as oe,ref as ie,renderSlot as se,resolveDynamicComponent as ue,shallowRef as ce,toDisplayString as fe,toRefs as de,unref as pe,useCssVars as ve,useSlots as he,withCtx as me,withModifiers as be}from"vue"
 import{z as ge}from"zod"
 function _e(e,r,t){var a=null==e?void 0:j(e,r)

package/dist/es/{Filter-pj4lwoJ3.js → Filter-CtIs_iO4.js}

@@ -1,5 +1,5 @@
-import{C as e,T as l,f as a,n as i}from"./Alert-Bh6HeGRU.js"
-import{f as t}from"./Checkbox-WwH8lZhh.js"
+import{C as e,T as l,f as a,n as i}from"./Alert-Cq5F0XNt.js"
+import{f as t}from"./Checkbox-BbLzAqK2.js"
 import{Fragment as u,computed as o,createBlock as s,createCommentVNode as d,createElementBlock as r,createElementVNode as n,createTextVNode as v,createVNode as c,defineComponent as p,inject as m,normalizeClass as f,normalizeStyle as b,openBlock as y,provide as h,renderList as x,renderSlot as k,toDisplayString as V,unref as g,useSlots as _}from"vue"
 var A=Symbol("filterContext"),C={"active-color":"color","active-border-color":"dark"},z=["type","aria-checked","id","name","disabled","checked"],F={key:0,class:"px-filter-item__label"},$=/* @__PURE__ */p({name:"PxFilterItem",inheritAttrs:!1,__name:"FilterItem",props:{value:{},label:{},disabled:{type:Boolean}},setup(a){const i=a,u=_(),s=m(A,void 0),c=!!s,p=t().value,h=o((()=>s?.multiple.value??!1)),x=o((()=>{if(!c)return!1
 const e=s.modelValue.value