pxd 0.0.1 → 0.0.2

package/README.md

@@ -1,3 +1,14 @@
-# PxUI
+# PXD
+A library of Vue3 components based on radix-vue and unocss. Everything is just right.
 
-A stylish modern component library for Vue3.
+![](./public/preview.png)
+
+## Acknowledgement
+rankings are in no particular order, they are all very important to this project.
+
+- animate: https://animated-unocss.elonehoo.me/
+- unocss: https://unocss.dev/
+- radix-vue: https://www.radix-vue.com/
+- vite: https://vitejs.dev/
+- shadcn-ui: https://github.com/shadcn-ui/ui
+- iconify: https://iconify.design/

package/dist/components/button/index.js

@@ -0,0 +1 @@
+import{getSize as a}from"../../composables/use-sizes.js";import{defineComponent as o,openBlock as r,createElementBlock as i,normalizeClass as d,unref as s,renderSlot as b}from"vue";const l=["type"],c=o({name:"PxButton",install(e){e.component(this.name,this)},__name:"button",props:{type:{type:String,default:"button"},size:{type:String,default:"default"},variant:{type:String,default:"default"}},setup(e){const n={default:"shadow-sm bg-primary text-primary-foreground not-disabled:hover:bg-primary/75 not-disabled:active:bg-primary/90",secondary:"shadow-sm bg-secondary text-secondary-foreground not-disabled:hover:bg-input/75 not-disabled:active:bg-input",danger:"shadow-sm bg-danger text-danger-foreground not-disabled:hover:bg-danger/75 not-disabled:active:bg-danger/90",outline:"shadow-sm !b-input text-primary bg-background not-disabled:hover:bg-secondary not-disabled:active:bg-input",ghost:"bg-transparent text-primary not-disabled:hover:bg-secondary not-disabled:active:bg-input",link:"bg-transparent text-primary underline-offset-3 not-disabled:hover:underline not-disabled:hover:bg-secondary not-disabled:active:bg-input"};return(t,g)=>(r(),i("button",{type:e.type,class:d(["pxd-button inline-flex items-center font-inherit b-1 b-solid b-transparent justify-center outlines text-sm not-disabled:cursor-pointer disabled:pointer-events-none disabled:op-50",[n[e.variant],("getSize"in t?t.getSize:s(a))(e.size)]])},[b(t.$slots,"default")],10,l))}});export{c as default};

package/dist/components/checkbox/index.js

@@ -0,0 +1 @@
+import{defineComponent as r,useModel as i,openBlock as u,createElementBlock as h,createVNode as c,unref as l,mergeProps as p,withCtx as s,createElementVNode as n,renderSlot as m}from"vue";import{CheckboxRoot as k,CheckboxIndicator as b}from"radix-vue";const f={class:"pxd-checkbox outline-none"},x=n("i",{class:"i-ic-check bg-background"},null,-1),_={class:"pl-1.5 active:select-none"},w=r({name:"PxCheckbox",install(e){e.component(this.name,this)},__name:"checkbox",props:{modelValue:{type:Boolean}},emits:["update:modelValue"],setup(e){const t=i(e,"modelValue");return(o,a)=>(u(),h("label",f,[c(l(k),p({checked:t.value,"onUpdate:checked":a[0]||(a[0]=d=>t.value=d),class:"w-4 h-4 p-0 b-1 b-solid b-input shadow-sm rounded outlines bg-background overflow-hidden data-[state=unchecked]:va--1.4px data-[state=checked]:b-primary data-[state=checked]:va--1px"},o.$attrs),{default:s(()=>[c(l(b),{class:"block flex items-center justify-center h-full w-full bg-primary"},{default:s(()=>[x]),_:1})]),_:1},16,["checked"]),n("span",_,[m(o.$slots,"default")])]))}});export{w as default};

package/dist/components/dialog/index.js

@@ -0,0 +1 @@
+import{defineComponent as f,mergeModels as b,useModel as h,openBlock as l,createBlock as n,unref as e,withCtx as o,renderSlot as i,createCommentVNode as g,createVNode as d,resolveDynamicComponent as D,createElementVNode as c,createTextVNode as u,toDisplayString as m}from"vue";import{DialogRoot as x,DialogTrigger as y,DialogPortal as k,DialogOverlay as C,DialogContent as v,AlertDialogContent as V,DialogTitle as z,DialogDescription as S,DialogClose as $}from"radix-vue";const w={class:"pxd-dialog--header"},B=c("i",{class:"block pointer-events-none i-ic-close"},null,-1),O=f({name:"PxDialog",install(t){t.component(this.name,this)},__name:"dialog",props:b({title:{type:String,default:""},description:{type:String,default:""},closeOnClickModal:{type:Boolean,default:!1}},{modelValue:{type:Boolean}}),emits:["update:modelValue"],setup(t){const r=h(t,"modelValue");return(a,s)=>(l(),n(e(x),{open:r.value,"onUpdate:open":s[0]||(s[0]=p=>r.value=p)},{default:o(()=>[a.$slots.trigger?(l(),n(e(y),{key:0,"as-child":""},{default:o(()=>[i(a.$slots,"trigger")]),_:3})):g("",!0),d(e(k),{to:"body"},{default:o(()=>[d(e(C),{class:"fixed inset-0 z-10 bg-background/90 animated animated-duration-150 data-[state=open]:animated-fade-in data-[state=closed]:animated-fade-out"}),(l(),n(D(t.closeOnClickModal?e(v):e(V)),{class:"pxd-dialog fixed left-0 right-0 top-50% translate-y--50% mx-auto z-11 grid gap-4 w-full box-border max-w-lg bg-background rounded-lg p-8 shadow-lg b-1 b-solid b-border origin-center animated animated-duration-150 data-[state=open]:animated-zoom-in data-[state=closed]:animated-zoom-out"},{default:o(()=>[c("div",w,[d(e(z),{class:"text-lg font-500 tracking-tight m-0"},{default:o(()=>[i(a.$slots,"title",{},()=>[u(m(t.title),1)])]),_:3}),t.description?(l(),n(e(S),{key:0,class:"text-muted-foreground m-0 text-sm leading-normal"},{default:o(()=>[i(a.$slots,"description",{},()=>[u(m(t.description),1)])]),_:3})):g("",!0),d(e($),{class:"absolute right-4 top-4 z-11 b-0 outline-none p-1 rounded text-4 bg-transparent op-50 hover:bg-secondary hover:op-100 cursor-pointer text-inherit","aria-label":"Close"},{default:o(()=>[B]),_:1})]),i(a.$slots,"default")]),_:3}))]),_:3})]),_:3},8,["open"]))}});export{O as default};

package/dist/components/input/index.js

@@ -0,0 +1 @@
+import{getSize as n}from"../../composables/use-sizes.js";import{defineComponent as i,openBlock as r,createElementBlock as o,normalizeClass as l,unref as a}from"vue";const u=i({name:"PxInput",install(e){e.component(this.name,this)},__name:"input",props:{size:{type:String,default:"default"}},setup(e){return(t,s)=>(r(),o("input",{class:l(["pxd-input shadow-sm w-full box-border b-1 b-solid b-input font-inherit bg-background text-sm outlines file:border-0 file:bg-transparent file:text-sm file:font-medium text-inherit placeholder:text-gray/500 disabled:cursor-not-allowed disabled:b-transparent disabled:bg-secondary",("getSize"in t?t.getSize:a(n))(e.size)])},null,2))}});export{u as default};

package/dist/components/progress/index.js

@@ -0,0 +1 @@
+import{defineComponent as i,mergeModels as n,useModel as u,openBlock as s,createBlock as d,unref as a,normalizeClass as m,withCtx as f,createVNode as c,normalizeStyle as h}from"vue";import{ProgressRoot as g,ProgressIndicator as p}from"radix-vue";const v=i({name:"PxProgress",install(e){e.component(this.name,this)},__name:"progress",props:n({size:{type:String,default:"default"},max:{type:Number,default:100},direction:{type:String,default:"horizontal"}},{modelValue:{default:0}}),emits:["update:modelValue"],setup(e){const l=u(e,"modelValue"),o={sm:{horizontal:"w-full h-1",vertical:"w-1 h-full rotate-x-full"},default:{horizontal:"w-full h-2",vertical:"w-2 h-300px rotate-x-full"},lg:{horizontal:"w-full h-3",vertical:"w-3 h-full rotate-x-full"}};return(x,t)=>(s(),d(a(g),{modelValue:l.value,"onUpdate:modelValue":t[0]||(t[0]=r=>l.value=r),class:m(["shadow-sm h-1 overflow-hidden rounded-full bg-input",o[e.size][e.direction]])},{default:f(()=>[c(a(p),{"data-direction":e.direction,class:"w-full h-full bg-primary data-[direction=horizontal]:translate-x-$tl data-[direction=vertical]:translate-y-$tl transition-transform",style:h(`--tl: -${e.max-l.value}%`)},null,8,["data-direction","style"])]),_:1},8,["modelValue","class"]))}});export{v as default};

package/dist/components/radio/index.js

@@ -0,0 +1 @@
+import{defineComponent as g,mergeModels as p,useModel as k,openBlock as t,createBlock as y,unref as o,withCtx as u,createElementBlock as d,Fragment as V,renderList as x,createVNode as S,normalizeClass as z,renderSlot as i,normalizeProps as s,mergeProps as R,createTextVNode as c,toDisplayString as f,createCommentVNode as m,guardReactiveProps as w}from"vue";import{RadioGroupRoot as B,RadioGroupItem as C}from"radix-vue";const N={key:0,class:"pl-1.5 active:select-none"},E=g({name:"PxRadio",install(e){e.component(this.name,this)},__name:"radio",props:p({variant:{type:String,default:"default"},size:{type:String,default:"default"},defaultValue:{type:String,default:""},vertical:{type:Boolean,default:!1},options:{type:Array,default:()=>[]}},{modelValue:{}}),emits:["update:modelValue"],setup(e){const b={sm:"h-5 px-2 rounded-md",default:"h-6.5 px-2.5",lg:"h-8 px-4 rounded-md"},r=k(e,"modelValue"),v={default:"w-4 h-4 rounded-full p-0 before:content-empty before:block before:w-full before:h-full before:rounded-full before:pointer-events-none before:bg-transparent data-[state=checked]:b-primary data-[state=checked]:p-.75 data-[state=checked]:before:bg-primary",button:"rounded data-[state=checked]:b-primary data-[state=checked]:bg-primary data-[state=checked]:text-background disabled:op-50 disabled:bg-secondary"};return(l,n)=>(t(),y(o(B),{modelValue:r.value,"onUpdate:modelValue":n[0]||(n[0]=a=>r.value=a),"aria-label":l.$attrs.name,"default-value":e.defaultValue,orientation:e.vertical?"vertical":"horizontal",class:"flex gap-2 data-[orientation=vertical]:flex-col"},{default:u(()=>[(t(!0),d(V,null,x(e.options,(a,h)=>(t(),d("label",{key:a.value+h,class:"inline-flex items-center"},[S(o(C),{class:z(["b-1 b-solid b-input outlines shadow-sm text-inherit font-inherit cursor-default bg-background leading-none",[v[e.variant],e.variant==="button"&&b[e.size]]]),value:a.value,title:a.label,disabled:a.disabled},{default:u(()=>[e.variant==="button"?i(l.$slots,"default",s(R({key:0},a)),()=>[c(f(a.label),1)]):m("",!0)]),_:2},1032,["class","value","title","disabled"]),e.variant==="default"?(t(),d("span",N,[i(l.$slots,"default",s(w(a)),()=>[c(f(a.label),1)])])):m("",!0)]))),128))]),_:3},8,["modelValue","aria-label","default-value","orientation"]))}});export{E as default};

package/dist/components/scrollbar/index.js

@@ -0,0 +1 @@
+import{defineComponent as f,openBlock as i,createBlock as s,unref as e,withCtx as o,createVNode as r,renderSlot as c}from"vue";import{ScrollAreaRoot as u,ScrollAreaViewport as b,ScrollAreaScrollbar as t,ScrollAreaThumb as a}from"radix-vue";const h=f({name:"PxScrollbar",install(l){l.component(this.name,this)},__name:"scrollbar",setup(l){return(n,d)=>(i(),s(e(u),{class:"overflow-hidden pr-3 pb-3"},{default:o(()=>[r(e(b),{class:"w-full h-full"},{default:o(()=>[c(n.$slots,"default")]),_:3}),r(e(t),{class:"h-3 w-full p-.5 box-border select-none touch-none animated data-[state=visible]:animated-fade-in",orientation:"horizontal"},{default:o(()=>[r(e(a),{class:"relative !h-full bg-primary/25 hover:bg-primary/50 rounded-3 cursor-default before:content-empty before:absolute before:bottom-0 before:left-0 before:w-full before:h-full"})]),_:1}),r(e(t),{class:"w-3 h-full p-.5 box-border select-none touch-none animated data-[state=visible]:animated-fade-in",orientation:"vertical"},{default:o(()=>[r(e(a),{class:"relative h-full bg-primary/25 hover:bg-primary/50 rounded-3 cursor-default before:content-empty before:absolute before:top-0 before:right-0 before:w-full before:h-full"})]),_:1})]),_:3}))}});export{h as default};

package/dist/components/select/index.js

@@ -0,0 +1 @@
+import{getSize as f}from"../../composables/use-sizes.js";import{defineComponent as p,mergeModels as b,useModel as g,openBlock as s,createBlock as c,unref as e,withCtx as t,createVNode as l,normalizeClass as h,createElementBlock as u,Fragment as x,renderList as S,createTextVNode as y,toDisplayString as v,createElementVNode as d}from"vue";import{SelectRoot as w,SelectTrigger as z,SelectValue as k,SelectPortal as V,SelectContent as _,SelectScrollUpButton as B,SelectViewport as C,SelectItem as N,SelectItemIndicator as I,SelectScrollDownButton as D}from"radix-vue";const E=d("i",{class:"i-ic-round-arrow-back-ios rotate-90deg"},null,-1),M=d("i",{class:"i-ic-check absolute left-2"},null,-1),P={key:1,class:"text-center cursor-default pointer-events-none select-none py-1.5 px-2 truncate text-sm op-50"},T=d("i",{class:"i-ic-round-arrow-back-ios rotate--90deg"},null,-1),L=p({name:"PxSelect",install(a){a.component(this.name,this)},__name:"select",props:b({size:{type:String,default:"default"},options:{type:Array,default:()=>[]},placeholder:{type:String,default:""}},{modelValue:{}}),emits:["update:modelValue"],setup(a){const n=g(a,"modelValue");return(r,i)=>(s(),c(e(w),{modelValue:n.value,"onUpdate:modelValue":i[0]||(i[0]=o=>n.value=o)},{default:t(()=>[l(e(z),{class:h(["pxd-select shadow-sm inline-flex w-full text-inherit font-inherit items-center b-1 b-solid b-input outlines bg-background text-sm data-[disabled]:cursor-not-allowed data-[disabled]:bg-secondary data-[disabled]:b-transparent",("getSize"in r?r.getSize:e(f))(a.size)]),"aria-label":"Customize options"},{default:t(()=>[l(e(k),{"data-tips":a.placeholder,class:"w-full text-left empty:before:content-[attr(data-tips)] empty:before:text-gray/500"},null,8,["data-tips"])]),_:1},8,["class"]),l(e(V),{to:"body"},{default:t(()=>[l(e(_),{class:"relative z-10 min-w-40 w-full overflow-hidden rounded-md b-1 b-solid b-input bg-popover text-popover-foreground shadow-md animated animated-duration-150 data-[state=open]:animated-zoom-in data-[side=bottom]:origin-top data-[side=left]:origin-left-center data-[side=right]:origin-right-center data-[side=top]:origin-bottom","side-offset":5,position:"popper"},{default:t(()=>[l(e(B),{class:"flex-center h-5 z-11 absolute top-0 cursor-n-resize w-full bg-background cursor-default hover:bg-secondary"},{default:t(()=>[E]),_:1}),l(e(C),{class:"py-1 max-h-50"},{default:t(()=>[a.options.length?(s(!0),u(x,{key:0},S(a.options,(o,m)=>(s(),c(e(N),{key:o.value+m,class:"relative flex items-center cursor-default select-none rounded-sm py-1.5 pl-7 pr-2 mx-1 truncate text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:op-50",disabled:o.disabled,title:o.label,value:o.value},{default:t(()=>[l(e(I),{"as-child":""},{default:t(()=>[M]),_:1}),y(" "+v(o.value),1)]),_:2},1032,["disabled","title","value"]))),128)):(s(),u("div",P,"Not has options"))]),_:1}),l(e(D),{class:"flex-center h-5 z-11 absolute bottom-0 cursor-s-resize w-full bg-background cursor-default hover:bg-secondary"},{default:t(()=>[T]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"]))}});export{L as default};

package/dist/components/space/index.js

@@ -0,0 +1 @@
+import{defineComponent as o,openBlock as i,createElementBlock as n,normalizeClass as r,renderSlot as l}from"vue";const d=["aria-orientation","data-orientation"],p=o({__name:"space",props:{gap:{type:String,default:"default"},direction:{type:String,default:"horizontal"}},setup(t){const a={sm:"gap-2",default:"gap-4",lg:"gap-8"};return(e,c)=>(i(),n("div",{role:"listbox",dir:"ltr","aria-orientation":t.direction,"data-orientation":t.direction,class:r(["flex data-[orientation=vertical]:flex-col",a[t.gap]||a.default])},[l(e.$slots,"default")],10,d))}});export{p as default};

package/dist/components/switch/index.js

@@ -0,0 +1 @@
+import{defineComponent as o,mergeModels as c,useModel as i,openBlock as r,createBlock as u,unref as s,normalizeClass as n,withCtx as h,createVNode as m}from"vue";import{SwitchRoot as p,SwitchThumb as f}from"radix-vue";const b=o({name:"PxSwitch",install(e){e.component(this.name,this)},__name:"switch",props:c({size:{type:String,default:"default"},disabled:{type:Boolean,default:!1}},{modelValue:{type:Boolean}}),emits:["update:modelValue"],setup(e){const t={sm:{track:"w-36px h-20px",inner:"w-4 h-4"},default:{track:"w-44px h-24px",inner:"w-5 h-5"},lg:{track:"w-52px h-28px",inner:"w-6 h-6"}},a=i(e,"modelValue");return(w,l)=>(r(),u(s(p),{checked:a.value,"onUpdate:checked":l[0]||(l[0]=d=>a.value=d),disabled:e.disabled,class:n(["pxd-switch shadow-sm b-0 p-2px rounded-full transition outlines bg-input cursor-default data-[state=checked]:bg-primary disabled:op-50 disabled:cursor-not-allowed",t[e.size].track])},{default:h(()=>[m(s(f),{class:n(["pxd-switch--inner block bg-background shadow-sm rounded-full transition-transform hover:will-change-transform data-[state=checked]:translate-x-full",t[e.size].inner])},null,8,["class"])]),_:1},8,["checked","disabled","class"]))}});export{b as default};

package/dist/components/tabs/index.js

@@ -0,0 +1 @@
+import{defineComponent as g,mergeModels as f,ref as b,useModel as p,provide as x,openBlock as a,createBlock as s,unref as r,withCtx as l,createVNode as y,normalizeClass as i,createElementBlock as k,Fragment as S,renderList as V,createTextVNode as v,toDisplayString as T,renderSlot as h}from"vue";import{TabsRoot as z,TabsList as w,TabsTrigger as B}from"radix-vue";const M=g({__name:"tabs",props:f({size:{type:String,default:"default"},label:{type:String,default:""}},{modelValue:{}}),emits:["update:modelValue"],setup(e){const o=b({}),n=p(e,"modelValue"),d={sm:{track:"p-1 rounded-md",inner:"px-2 py-1 rounded-sm"},default:{track:"p-1 rounded-md",inner:"px-4 py-1.5 rounded-sm text-sm"},lg:{track:"p-1.5 rounded-lg",inner:"px-5 py-2.5 rounded-md text-4"}};return x(C,o),(m,u)=>(a(),s(r(z),{modelValue:n.value,"onUpdate:modelValue":u[0]||(u[0]=t=>n.value=t),"activation-mode":"manual"},{default:l(()=>[y(r(w),{"aria-label":e.label,class:i(["box-border flex w-full group items-center justify-center bg-muted text-muted-foreground",d[e.size].track])},{default:l(()=>[(a(!0),k(S,null,V(r(o),(t,c)=>(a(),s(r(B),{key:t,value:t,class:i(["b-0 flex-1 py-0 box-border bg-transparent outlines h-full text-foreground font-inherit group-hover:transition-background-color data-[active=true]:bg-background data-[active=true]:shadow-sm",d[e.size].inner])},{default:l(()=>[v(T(c),1)]),_:2},1032,["value","class"]))),128))]),_:1},8,["aria-label","class"]),h(m.$slots,"default")]),_:3},8,["modelValue"]))}}),C=Symbol("TriggerSymbol");export{C as TriggerSymbol,M as default};

package/dist/components/tabs-item/index.js

@@ -0,0 +1 @@
+import{defineComponent as u,inject as a,watch as i,openBlock as s,createBlock as l,unref as m,withCtx as p,renderSlot as c}from"vue";import{TabsContent as d}from"radix-vue";import{TriggerSymbol as f}from"../tabs/index.js";const h=u({__name:"tabs-item",props:{label:{type:String,required:!0},value:{type:String,required:!0}},setup(n){const o=n,r=a(f);return i(()=>o.value,(e,t)=>{r&&e!==t&&(r.value[e]=o.label,t&&delete r[t])},{immediate:!0,flush:"pre"}),(e,t)=>(s(),l(m(d),{class:"mt-2 p-2 b-1 b-solid b-input shadow-sm rounded-md bg-background",value:n.value},{default:p(()=>[c(e.$slots,"default")]),_:3},8,["value"]))}});export{h as default};

package/dist/components/textarea/index.js

@@ -0,0 +1 @@
+import{getSize as n}from"../../composables/use-sizes.js";import{defineComponent as i,mergeModels as r,useModel as d,withDirectives as s,openBlock as u,createElementBlock as m,normalizeClass as p,unref as b,vModelText as f}from"vue";const g=i({name:"PxTextarea",install(e){e.component(this.name,this)},__name:"textarea",props:r({size:{type:String,default:"default"}},{modelValue:{}}),emits:["update:modelValue"],setup(e){const t=d(e,"modelValue");return(l,a)=>s((u(),m("textarea",{"onUpdate:modelValue":a[0]||(a[0]=o=>t.value=o),class:p(["flex min-h-20 w-full shadow-sm box-border bg-background rounded-md b-1 b-solid b-input py-2 text-sm text-inherit font-inherit placeholder:text-gray/500 outlines disabled:cursor-not-allowed disabled:b-transparent disabled:bg-secondary",("getSize"in l?l.getSize:b(n))(e.size)])},null,2)),[[f,t.value]])}});export{g as default};

package/dist/composables/use-sizes.js

@@ -0,0 +1 @@
+const d={sm:"h-7 rounded-md px-2",default:"h-8 rounded px-3 py-2",lg:"h-9 rounded-md px-4"},o=e=>d[e]||d.default;export{o as getSize};

package/dist/plugins/resolver.js

@@ -0,0 +1 @@
+const t="pxd",o=()=>({type:"component",resolve:e=>{if(!e.match(/^Px[A-Z]/))return;const r=e.replace(/^Px/,"").replace(/([A-Z])/g,"-$1").toLowerCase().slice(1);return{importName:e,from:`${t}/${r}/index.js`,sideEffects:[]}}});export{o as default};

package/dist/styles.css

@@ -0,0 +1 @@
+*,:before,:after{--rotate:0;--rotate-x:0;--rotate-y:0;--rotate-z:0;--scale-x:1;--scale-y:1;--scale-z:1;--skew-x:0;--skew-y:0;--translate-x:0;--translate-y:0;--translate-z:0;--ring-offset-shadow:0 0 #0000;--ring-shadow:0 0 #0000;--shadow-inset: ;--shadow:0 0 #0000;--ring-inset: ;--ring-offset-width:0px;--ring-offset-color:#fff;--ring-width:0px;--ring-color:#93c5fd80}::-webkit-backdrop{--rotate:0;--rotate-x:0;--rotate-y:0;--rotate-z:0;--scale-x:1;--scale-y:1;--scale-z:1;--skew-x:0;--skew-y:0;--translate-x:0;--translate-y:0;--translate-z:0;--ring-offset-shadow:0 0 #0000;--ring-shadow:0 0 #0000;--shadow-inset: ;--shadow:0 0 #0000;--ring-inset: ;--ring-offset-width:0px;--ring-offset-color:#fff;--ring-width:0px;--ring-color:#93c5fd80}::backdrop{--rotate:0;--rotate-x:0;--rotate-y:0;--rotate-z:0;--scale-x:1;--scale-y:1;--scale-z:1;--skew-x:0;--skew-y:0;--translate-x:0;--translate-y:0;--translate-z:0;--ring-offset-shadow:0 0 #0000;--ring-shadow:0 0 #0000;--shadow-inset: ;--shadow:0 0 #0000;--ring-inset: ;--ring-offset-width:0px;--ring-offset-color:#fff;--ring-width:0px;--ring-color:#93c5fd80}.i-ic-check{--icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='-2px' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M9 16.17L4.83 12l-1.42 1.41L9 19L21 7l-1.41-1.41z'/%3E%3C/svg%3E");-webkit-mask:var(--icon)no-repeat;-webkit-mask:var(--icon)no-repeat;mask:var(--icon)no-repeat;color:inherit;vertical-align:-2px;background-color:currentColor;width:1em;height:1em;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-ic-close{--icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='-2px' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E");-webkit-mask:var(--icon)no-repeat;-webkit-mask:var(--icon)no-repeat;mask:var(--icon)no-repeat;color:inherit;vertical-align:-2px;background-color:currentColor;width:1em;height:1em;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-ic-round-arrow-back-ios{--icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' display='inline-block' vertical-align='-2px' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16.62 2.99a1.25 1.25 0 0 0-1.77 0L6.54 11.3a.996.996 0 0 0 0 1.41l8.31 8.31c.49.49 1.28.49 1.77 0s.49-1.28 0-1.77L9.38 12l7.25-7.25c.48-.48.48-1.28-.01-1.76z'/%3E%3C/svg%3E");-webkit-mask:var(--icon)no-repeat;-webkit-mask:var(--icon)no-repeat;mask:var(--icon)no-repeat;color:inherit;vertical-align:-2px;background-color:currentColor;width:1em;height:1em;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.flex-center{justify-content:center;align-items:center;display:flex}.animated{--une-animated-duration:1s;animation-duration:var(--une-animated-duration);animation-fill-mode:both}@keyframes uneFadeIn{0%{opacity:0}to{opacity:1}}@keyframes uneFadeOut{0%{opacity:1}to{opacity:0}}@keyframes uneZoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes uneZoomOut{0%{opacity:1}50%{transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.data-\[state\=closed\]\:animated-fade-out[data-state=closed]{animation-name:uneFadeOut}.data-\[state\=closed\]\:animated-zoom-out[data-state=closed]{animation-name:uneZoomOut}.data-\[state\=open\]\:animated-fade-in[data-state=open],.data-\[state\=visible\]\:animated-fade-in[data-state=visible]{animation-name:uneFadeIn}.data-\[state\=open\]\:animated-zoom-in[data-state=open]{animation-name:uneZoomIn}.animated-duration-150{animation-duration:.15s}.data-\[state\=checked\]\:p-\.75[data-state=checked]{padding:.1875rem}.p-\.5{padding:.125rem}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2px{padding:2px}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.pb-3{padding-bottom:.75rem}.pl-1\.5{padding-left:.375rem}.pl-7{padding-left:1.75rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.m-0{margin:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:.5rem}.block,.before\:block:before{display:block}.data-\[disabled\]\:op-50[data-disabled],.op-50{opacity:.5}.hover\:op-100:hover{opacity:1}.disabled\:op-50:disabled{opacity:.5}.bg-background,.data-\[active\=true\]\:bg-background[data-active=true]{--bg-opacity:1;background-color:hsla(var(--background),var(--bg-opacity))}.bg-background\/90{background-color:hsla(var(--background),.9)}.bg-danger{--bg-opacity:1;background-color:hsla(var(--danger),var(--bg-opacity))}.bg-input{--bg-opacity:1;background-color:hsla(var(--input),var(--bg-opacity))}.bg-muted{--bg-opacity:1;background-color:hsla(var(--muted),var(--bg-opacity))}.bg-popover{--bg-opacity:1;background-color:hsla(var(--popover),var(--bg-opacity))}.bg-primary,.data-\[state\=checked\]\:bg-primary[data-state=checked]{--bg-opacity:1;background-color:hsla(var(--primary),var(--bg-opacity))}.bg-primary\/25{background-color:hsla(var(--primary),.25)}.bg-secondary,.data-\[disabled\]\:bg-secondary[data-disabled]{--bg-opacity:1;background-color:hsla(var(--secondary),var(--bg-opacity))}.bg-transparent{background-color:#0000}.hover\:bg-primary\/50:hover{background-color:hsla(var(--primary),.5)}.hover\:bg-secondary:hover{--bg-opacity:1;background-color:hsla(var(--secondary),var(--bg-opacity))}.not-disabled\:hover\:bg-danger\/75:hover:not(:disabled){background-color:hsla(var(--danger),.75)}.not-disabled\:hover\:bg-input\/75:hover:not(:disabled){background-color:hsla(var(--input),.75)}.not-disabled\:hover\:bg-primary\/75:hover:not(:disabled){background-color:hsla(var(--primary),.75)}.not-disabled\:hover\:bg-secondary:hover:not(:disabled){--bg-opacity:1;background-color:hsla(var(--secondary),var(--bg-opacity))}.focus\:bg-accent:focus{--bg-opacity:1;background-color:hsla(var(--accent),var(--bg-opacity))}.not-disabled\:active\:bg-danger\/90:active:not(:disabled){background-color:hsla(var(--danger),.9)}.not-disabled\:active\:bg-input:active:not(:disabled){--bg-opacity:1;background-color:hsla(var(--input),var(--bg-opacity))}.not-disabled\:active\:bg-primary\/90:active:not(:disabled){background-color:hsla(var(--primary),.9)}.disabled\:bg-secondary:disabled{--bg-opacity:1;background-color:hsla(var(--secondary),var(--bg-opacity))}.before\:bg-transparent:before{background-color:#0000}.data-\[state\=checked\]\:before\:bg-primary[data-state=checked]:before{--bg-opacity:1;background-color:hsla(var(--primary),var(--bg-opacity))}.file\:bg-transparent::-webkit-file-upload-button{background-color:#0000}.file\:bg-transparent::file-selector-button{background-color:#0000}.b-0{border-width:0}.b-1{border-width:1px}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.\!b-input{--border-opacity:1!important;border-color:hsla(var(--input),var(--border-opacity))!important}.b-border{--border-opacity:1;border-color:hsla(var(--border),var(--border-opacity))}.b-input{--border-opacity:1;border-color:hsla(var(--input),var(--border-opacity))}.b-transparent,.data-\[disabled\]\:b-transparent[data-disabled]{border-color:#0000}.data-\[state\=checked\]\:b-primary[data-state=checked]{--border-opacity:1;border-color:hsla(var(--primary),var(--border-opacity))}.disabled\:b-transparent:disabled{border-color:#0000}.rounded{border-radius:.25rem}.rounded-3{border-radius:.75rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.before\:rounded-full:before{border-radius:9999px}.b-solid{border-style:solid}.empty\:before\:content-\[attr\(data-tips\)\]:empty:before{content:attr(data-tips)}.before\:content-empty:before{content:""}.text-4{font-size:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.file\:text-sm::-webkit-file-upload-button{font-size:.875rem;line-height:1.25rem}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.font-500{font-weight:500}.file\:font-medium::-webkit-file-upload-button{font-weight:500}.file\:font-medium::file-selector-button{font-weight:500}.leading-none{line-height:1}.leading-normal{line-height:1.5}.tracking-tight{letter-spacing:-.025em}.font-inherit{font-family:inherit}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.not-disabled\:hover\:underline:hover:not(:disabled){text-decoration-line:underline}.underline-offset-3{text-underline-offset:3px}.text-center{text-align:center}.text-left{text-align:left}.data-\[state\=checked\]\:text-background[data-state=checked]{--text-opacity:1;color:hsla(var(--background),var(--text-opacity))}.text-danger-foreground{--text-opacity:1;color:hsla(var(--danger-foreground),var(--text-opacity))}.text-foreground{--text-opacity:1;color:hsla(var(--foreground),var(--text-opacity))}.text-muted-foreground{--text-opacity:1;color:hsla(var(--muted-foreground),var(--text-opacity))}.text-popover-foreground{--text-opacity:1;color:hsla(var(--popover-foreground),var(--text-opacity))}.text-primary{--text-opacity:1;color:hsla(var(--primary),var(--text-opacity))}.text-primary-foreground{--text-opacity:1;color:hsla(var(--primary-foreground),var(--text-opacity))}.text-secondary-foreground{--text-opacity:1;color:hsla(var(--secondary-foreground),var(--text-opacity))}.empty\:before\:text-gray\/500:empty:before{color:#9ca3af}.focus\:text-accent-foreground:focus{--text-opacity:1;color:hsla(var(--accent-foreground),var(--text-opacity))}.placeholder\:text-gray\/500::placeholder{color:#9ca3af}.text-inherit{color:inherit}.data-\[active\=true\]\:shadow-sm[data-active=true],.shadow-sm{--shadow:var(--shadow-inset)0 1px 2px 0 var(--shadow-color,#0000000d);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow)}.shadow-lg{--shadow:var(--shadow-inset)0 10px 15px -3px var(--shadow-color,#0000001a),var(--shadow-inset)0 4px 6px -4px var(--shadow-color,#0000001a);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow)}.shadow-md{--shadow:var(--shadow-inset)0 4px 6px -1px var(--shadow-color,#0000001a),var(--shadow-inset)0 2px 4px -2px var(--shadow-color,#0000001a);box-shadow:var(--ring-offset-shadow),var(--ring-shadow),var(--shadow)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.grid{display:grid}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.before\:absolute:before{position:absolute}.\!h-full{height:100%!important}.h-1{height:.25rem}.h-2{height:.5rem}.h-20px{height:20px}.h-24px{height:24px}.h-28px{height:28px}.h-3{height:.75rem}.h-300px{height:300px}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-6\.5{height:1.625rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-50{max-height:12.5rem}.max-w-lg{max-width:32rem}.min-h-20{min-height:5rem}.min-w-40{min-width:10rem}.w-1{width:.25rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-36px{width:36px}.w-4{width:1rem}.w-44px{width:44px}.w-5{width:1.25rem}.w-52px{width:52px}.w-6{width:1.5rem}.w-full{width:100%}.before\:h-full:before{height:100%}.before\:w-full:before{width:100%}.cursor-default{cursor:default}.cursor-pointer,.not-disabled\:cursor-pointer:not(:disabled){cursor:pointer}.data-\[disabled\]\:cursor-not-allowed[data-disabled],.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.cursor-n-resize{cursor:n-resize}.cursor-s-resize{cursor:s-resize}.data-\[disabled\]\:pointer-events-none[data-disabled],.pointer-events-none,.disabled\:pointer-events-none:disabled,.before\:pointer-events-none:before{pointer-events:none}.select-none,.active\:select-none:active{-webkit-user-select:none;user-select:none}.overflow-hidden{overflow:hidden}.outline{outline-style:solid}.outline-none{outline-offset:2px;outline:2px solid #0000}.justify-center{justify-content:center}.items-center{align-items:center}.inset-0{top:0;bottom:0;left:0;right:0}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.top-50\%{top:50%}.before\:bottom-0:before{bottom:0}.before\:left-0:before{left:0}.before\:right-0:before{right:0}.before\:top-0:before{top:0}.z-10{z-index:10}.z-11{z-index:11}.box-border{box-sizing:border-box}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .group-hover\:transition-background-color{transition-property:background-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.data-\[side\=bottom\]\:origin-top[data-side=bottom]{transform-origin:top}.data-\[side\=left\]\:origin-left-center[data-side=left]{transform-origin:0}.data-\[side\=right\]\:origin-right-center[data-side=right]{transform-origin:100%}.data-\[side\=top\]\:origin-bottom[data-side=top]{transform-origin:bottom}.origin-center{transform-origin:50%}.data-\[direction\=horizontal\]\:translate-x-\$tl[data-direction=horizontal]{--translate-x:var(--tl);transform:translateX(var(--translate-x))translateY(var(--translate-y))translateZ(var(--translate-z))rotate(var(--rotate))rotateX(var(--rotate-x))rotateY(var(--rotate-y))rotateZ(var(--rotate-z))skewX(var(--skew-x))skewY(var(--skew-y))scaleX(var(--scale-x))scaleY(var(--scale-y))scaleZ(var(--scale-z))}.data-\[direction\=vertical\]\:translate-y-\$tl[data-direction=vertical]{--translate-y:var(--tl);transform:translateX(var(--translate-x))translateY(var(--translate-y))translateZ(var(--translate-z))rotate(var(--rotate))rotateX(var(--rotate-x))rotateY(var(--rotate-y))rotateZ(var(--rotate-z))skewX(var(--skew-x))skewY(var(--skew-y))scaleX(var(--scale-x))scaleY(var(--scale-y))scaleZ(var(--scale-z))}.data-\[state\=checked\]\:translate-x-full[data-state=checked]{--translate-x:100%;transform:translateX(var(--translate-x))translateY(var(--translate-y))translateZ(var(--translate-z))rotate(var(--rotate))rotateX(var(--rotate-x))rotateY(var(--rotate-y))rotateZ(var(--rotate-z))skewX(var(--skew-x))skewY(var(--skew-y))scaleX(var(--scale-x))scaleY(var(--scale-y))scaleZ(var(--scale-z))}.translate-y--50\%{--translate-y:-50%;transform:translateX(var(--translate-x))translateY(var(--translate-y))translateZ(var(--translate-z))rotate(var(--rotate))rotateX(var(--rotate-x))rotateY(var(--rotate-y))rotateZ(var(--rotate-z))skewX(var(--skew-x))skewY(var(--skew-y))scaleX(var(--scale-x))scaleY(var(--scale-y))scaleZ(var(--scale-z))}.rotate--90deg{--rotate-x:0;--rotate-y:0;--rotate-z:0;--rotate:-90deg;transform:translateX(var(--translate-x))translateY(var(--translate-y))translateZ(var(--translate-z))rotate(var(--rotate))rotateX(var(--rotate-x))rotateY(var(--rotate-y))rotateZ(var(--rotate-z))skewX(var(--skew-x))skewY(var(--skew-y))scaleX(var(--scale-x))scaleY(var(--scale-y))scaleZ(var(--scale-z))}.rotate-90deg{--rotate-x:0;--rotate-y:0;--rotate-z:0;--rotate:90deg;transform:translateX(var(--translate-x))translateY(var(--translate-y))translateZ(var(--translate-z))rotate(var(--rotate))rotateX(var(--rotate-x))rotateY(var(--rotate-y))rotateZ(var(--rotate-z))skewX(var(--skew-x))skewY(var(--skew-y))scaleX(var(--scale-x))scaleY(var(--scale-y))scaleZ(var(--scale-z))}.hover\:will-change-transform:hover{will-change:transform}.data-\[state\=checked\]\:va--1px[data-state=checked]{vertical-align:-1px}.data-\[state\=unchecked\]\:va--1\.4px[data-state=unchecked]{vertical-align:-1.4px}.rotate-x-full{transform:rotateX(180deg)}@layer base{:root{--background:0,0%,100%;--foreground:222.2,47.4%,11.2%;--muted:240,4.8%,95.9%;--muted-foreground:240,3.8%,46.1%;--popover:0,0%,100%;--popover-foreground:222.2,47.4%,11.2%;--border:240,5.9%,90%;--input:220,13%,92%;--card:0,0%,100%;--card-foreground:222.2,47.4%,11.2%;--primary:0,0%,9.02%;--primary-foreground:210,40%,98%;--secondary:220,13.04%,95.49%;--secondary-foreground:222.2,47.4%,11.2%;--accent:210,4.8%,95.9%;--accent-foreground:222.2,47.4%,11.2%;--danger:0,100%,57.45%;--danger-foreground:210,40%,98%;--ring:215,20.2%,65.1%;--radius:.5rem}.dark{--background:224,71%,4%;--foreground:213,31%,91%;--muted:240,3.7%,15.9%;--muted-foreground:240,5%,64.9%;--accent:216,34%,17%;--accent-foreground:210,40%,98%;--popover:224,71%,4%;--popover-foreground:215,20.2%,65.1%;--border:216,34%,17%;--input:240,3.7%,15.9%;--card:224,71%,4%;--card-foreground:213,31%,91%;--primary:210,40%,98%;--primary-foreground:222.2,47.4%,1.2%;--secondary:240,3.8%,15.49%;--secondary-foreground:210,40%,98%;--danger:0,73.62%,46.08%;--danger-foreground:210,40%,98%;--ring:216,34%,17%;--radius:.5rem}.outlines:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px;z-index:9}}

package/dist/styles.js

@@ -0,0 +1 @@
+

package/package.json

@@ -1,27 +1,23 @@
 {
   "name": "pxd",
+  "version": "0.0.2",
+  "description": "A library of Vue3 components based on radix-vue and unocss.",
   "type": "module",
-  "version": "0.0.1",
-  "description": "A stylish modern component library for Vue3. 一个别具一格的现代 Vue3 组件库。",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "style": "dist/_styles/index.css",
-  "sideEffects": ["dist/*"],
-  "files": ["dist/*"],
+  "style": "dist/styles.css",
+  "sideEffects": false,
+  "files": [
+    "dist/*",
+    "public/*"
+  ],
   "exports": {
     ".": "./dist/index.js",
+    "./styles.css": "./dist/styles.css",
+    "./resolver": "./dist/plugins/resolver.js",
     "./*": "./dist/*"
   },
-  "scripts": {
-    "gen": "zx ./scripts/gc.mjs",
-    "dev": "cd ./playground && npm run dev",
-    "build": "npm run build:lib && npm run build:styles",
-    "build:lib": "vite build -c ./scripts/build-lib.mjs",
-    "build:styles": "node ./scripts/build-styles.mjs",
-    "stylelint": "stylelint --fix src/**/*.{css,scss}",
-    "eslint": "eslint ./src --ext .vue,.ts,.tsx --fix --ignore-path .gitignore"
-  },
   "keywords": [
     "ui",
     "vue",
@@ -33,57 +29,51 @@
     "access": "public"
   },
   "license": "MIT",
-  "author": "banlify <banlify@163.com>",
-  "homepage": "https://github.com/banlify/px-ui#readme",
+  "author": "libondev <bon.li@outlook.com>",
+  "homepage": "https://github.com/libondev/pxd#readme",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/banlify/px-ui.git"
+    "url": "git+https://github.com/libondev/pxd.git"
   },
   "bugs": {
-    "url": "https://github.com/banlify/px-ui/issues"
+    "url": "https://github.com/libondev/pxd/issues"
+  },
+  "scripts": {
+    "build": "npm run build:components",
+    "cleanEmpty": "esno ./scripts/clean.ts",
+    "dev": "vite",
+    "build:components": "vite build",
+    "type-check": "vue-tsc --noEmit --composite false",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
   "peerDependencies": {
     "vue": "^3.2.0"
   },
-  "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^5.40.1",
-    "@typescript-eslint/parser": "^5.40.1",
-    "@vitejs/plugin-vue": "^3.1.2",
-    "@vitejs/plugin-vue-jsx": "^2.0.1",
-    "@vue/eslint-config-typescript": "^11.0.2",
-    "csso": "^5.0.5",
-    "eslint": "^8.25.0",
-    "eslint-config-standard-with-typescript": "^23.0.0",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-n": "^15.3.0",
-    "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-unicorn": "^43.0.2",
-    "eslint-plugin-vue": "^9.6.0",
-    "fast-glob": "^3.2.12",
-    "fs-extra": "^10.1.0",
-    "kolorist": "^1.6.0",
-    "magic-string": "^0.26.7",
-    "sass": "^1.55.0",
-    "stylelint": "^14.14.0",
-    "stylelint-config-recommended-scss": "^6.0.0",
-    "stylelint-config-standard": "^26.0.0",
-    "stylelint-scss": "^4.3.0",
-    "typescript": "^4.8.4",
-    "unplugin-auto-import": "^0.11.2",
-    "unplugin-vue-components": "^0.22.8",
-    "unplugin-vue-setup-extend-plus": "^0.3.2",
-    "vite": "^3.1.8",
-    "vite-plugin-dts": "^1.6.6",
-    "vue": "^3.2.41",
-    "zx": "^7.1.1"
-  },
   "dependencies": {
-    "@vueuse/core": "^9.3.1",
-    "focus-trap": "^7.0.0"
+    "radix-vue": "^0.1.30"
   },
-  "browserslist": [
-    "> 1%",
-    "not ie 11",
-    "not op_mini all"
-  ]
+  "devDependencies": {
+    "@iconify-json/ic": "^1.1.14",
+    "@types/node": "^18.17.12",
+    "@unocss/transformer-directives": "^0.55.3",
+    "@unocss/transformer-variant-group": "^0.55.3",
+    "@vitejs/plugin-vue": "^4.3.4",
+    "@vitejs/plugin-vue-jsx": "^3.0.2",
+    "animated-unocss": "^0.0.6",
+    "eslint": "^8.48.0",
+    "eslint-plugin-simple-import-sort": "^10.0.0",
+    "eslint-plugin-sort-destructure-keys": "^1.5.0",
+    "esno": "^0.17.0",
+    "fast-glob": "^3.3.1",
+    "lightningcss": "^1.21.5",
+    "npm-run-all": "^4.1.5",
+    "radix-vue": "^0.1.29",
+    "typescript": "~5.2.2",
+    "unocss": "^0.55.3",
+    "unplugin-auto-import": "^0.16.6",
+    "unplugin-vue-components": "^0.25.2",
+    "vite": "^4.4.9",
+    "vue": "^3.3.4",
+    "vue-tsc": "^1.8.8"
+  }
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2022 Chestnut(banlify)
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/_hooks/index.d.ts

@@ -1,7 +0,0 @@
-export * from './use-click-outside';
-export * from './use-disabled';
-export * from './use-event-listener';
-export * from './use-focus-trap';
-export * from './use-size';
-export * from './use-toggle';
-export * from './use-z-index';

package/dist/_hooks/use-disabled/index.d.ts

@@ -1,2 +0,0 @@
-import type { ComputedRef } from 'vue';
-export declare function useDisabled(props: any, injectKey?: symbol): ComputedRef<boolean>;

package/dist/_hooks/use-disabled/index.js

@@ -1,9 +0,0 @@
-import { inject as r, computed as d } from "vue";
-import { formSymbol as i } from "../../_internal/injectKeys.js";
-function f(o, e = i) {
-  const t = r(e, { disabled: !1 });
-  return d(() => o.disabled || t.disabled);
-}
-export {
-  f as useDisabled
-};

package/dist/_hooks/use-event-listener/index.d.ts

@@ -1,2 +0,0 @@
-import { noop } from '../../_internal';
-export declare function useEventListener(...args: any[]): typeof noop;

package/dist/_hooks/use-focus-trap/index.d.ts

@@ -1,8 +0,0 @@
-import { type Ref } from 'vue';
-import { noop } from '../../_internal';
-interface FocusTrapReturnType {
-    activate: typeof noop;
-    deactivate: typeof noop;
-}
-export declare function useFocusTrap(targetRef: Ref<HTMLElement>): FocusTrapReturnType;
-export {};

package/dist/_hooks/use-focus-trap/index.js

@@ -1,35 +0,0 @@
-import { onBeforeUnmount as a } from "vue";
-import { noop as r, INTERACTIVE_ELEMENTS as l } from "../../_internal/constants.js";
-function p(f) {
-  let t = r;
-  function i() {
-    Promise.resolve().then(() => {
-      const e = f.value;
-      if (!e)
-        return;
-      e.focus();
-      const o = e.querySelectorAll(l), c = o[0], u = o[o.length - 1];
-      function s(n) {
-        if (n.key === "Tab") {
-          if (n.shiftKey && document.activeElement === c) {
-            n.preventDefault(), u.focus();
-            return;
-          }
-          document.activeElement === u && (n.preventDefault(), c.focus());
-        }
-      }
-      e.addEventListener("keydown", s), t = () => {
-        e.removeEventListener("keydown", s), t = r;
-      };
-    }).catch(r);
-  }
-  return a(() => {
-    t();
-  }), {
-    activate: i,
-    deactivate: t
-  };
-}
-export {
-  p as useFocusTrap
-};

package/dist/_hooks/use-size/index.d.ts

@@ -1,5 +0,0 @@
-import type { ComputedRef } from 'vue';
-import type { Sizes } from '../../_types';
-export declare function useSize(props: {
-    size: Sizes;
-}): ComputedRef<Sizes>;

package/dist/_hooks/use-size/index.js

@@ -1,9 +0,0 @@
-import { inject as t, computed as i } from "vue";
-import { globalSymbol as m } from "../../_internal/injectKeys.js";
-function l(o) {
-  const e = t(m, { size: "" });
-  return i(() => o.size || e.size || "medium");
-}
-export {
-  l as useSize
-};

package/dist/_hooks/use-toggle/index.d.ts

@@ -1,6 +0,0 @@
-import type { Ref, WritableComputedRef } from 'vue';
-export interface UseToggleOptions {
-    truthyValue?: boolean | number | string;
-    falsyValue?: boolean | number | string;
-}
-export declare function useToggle<T>(valueRef: Ref<T> | WritableComputedRef<T>, options?: UseToggleOptions): (value?: T) => T;

package/dist/_hooks/use-toggle/index.js

@@ -1,13 +0,0 @@
-function a(t, e = {}) {
-  const {
-    truthyValue: u = !0,
-    falsyValue: n = !1
-  } = e;
-  function r(l) {
-    return arguments.length ? (t.value = l, t.value) : (t.value = t.value === u ? n : u, t.value);
-  }
-  return r;
-}
-export {
-  a as useToggle
-};

package/dist/_hooks/use-z-index/index.d.ts

@@ -1,2 +0,0 @@
-import type { ComputedRef } from 'vue';
-export declare function useZIndex(): ComputedRef<number | undefined>;

package/dist/_hooks/use-z-index/index.js

@@ -1,9 +0,0 @@
-import { inject as e, computed as n } from "vue";
-import { globalSymbol as r } from "../../_internal/injectKeys.js";
-function d() {
-  const o = e(r, { zIndex: void 0 });
-  return n(() => o == null ? void 0 : o.zIndex);
-}
-export {
-  d as useZIndex
-};

package/dist/_internal/constants.d.ts

@@ -1,4 +0,0 @@
-export declare function noop(): void;
-export declare function stopPropagation(evt: Event): void;
-export declare function preventDefault(evt: Event): void;
-export declare const INTERACTIVE_ELEMENTS = "a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type=\"text\"]:not([disabled]), input[type=\"radio\"]:not([disabled]), input[type=\"checkbox\"]:not([disabled]), select:not([disabled])";

package/dist/_internal/constants.js

@@ -1,7 +0,0 @@
-function t() {
-}
-const e = 'a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])';
-export {
-  e as INTERACTIVE_ELEMENTS,
-  t as noop
-};

package/dist/_internal/index.d.ts

@@ -1,3 +0,0 @@
-export * from './constants';
-export * from './injectKeys';
-export * from './props';

package/dist/_internal/injectKeys.d.ts

@@ -1,5 +0,0 @@
-export declare const globalSymbol: unique symbol;
-export declare const formSymbol: unique symbol;
-export declare const buttonGroupSymbol: unique symbol;
-export declare const radioGroupSymbol: unique symbol;
-export declare const checkboxGroupSymbol: unique symbol;

package/dist/_internal/injectKeys.js

@@ -1,7 +0,0 @@
-const o = Symbol("px"), b = Symbol("px.form"), l = Symbol("px.radio.group"), m = Symbol("px.checkbox.group");
-export {
-  m as checkboxGroupSymbol,
-  b as formSymbol,
-  o as globalSymbol,
-  l as radioGroupSymbol
-};

package/dist/_internal/props.d.ts

@@ -1,3 +0,0 @@
-export declare const SIZE: readonly ["mini", "small", "medium", "large"];
-export declare const VARIANTS: readonly ["default", "primary", "warning", "danger"];
-export declare const NATIVE_BUTTON_TYPES: readonly ["button", "submit", "reset"];

package/dist/_internal/props.js

@@ -1,5 +0,0 @@
-const t = ["default", "primary", "warning", "danger"], n = ["button", "submit", "reset"];
-export {
-  n as NATIVE_BUTTON_TYPES,
-  t as VARIANTS
-};

package/dist/_styles/atoms.css

@@ -1 +0,0 @@
-@media (prefers-reduced-motion:reduced){body{--transition-duration:0s!important}}.px-transition{transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function)}.px-size-mini{padding:var(--size-mini) 10px;line-height:1.667;font-size:12px}.px-size-medium,.px-size-small{padding:var(--size-small) 10px;line-height:1.5715;font-size:14px}.px-size-medium{padding:var(--size-medium) 10px}.px-size-large{padding:var(--size-large) 10px;line-height:1.8;font-size:16px}.px-width-full{width:100%}.px-height-full{height:100%}.px-flex{display:flex}.px-flex-col{display:flex;flex-direction:column}.px-items-center{align-items:center}.px-justify-center{justify-content:center}.px-inline-block{display:inline-block}.px-inline-flex{display:inline-flex}.px-vertical-top{vertical-align:top}.px-vertical-middle{vertical-align:middle}.px-relative{position:relative}.px-absolute{position:absolute}.px-fixed{position:fixed}.px-empty-hidden:empty,.px-hidden{display:none}.px-outside{position:fixed;opacity:0;width:0;height:0;margin:0;padding:0}.px-cursor-pointer{cursor:pointer}.px-select-none{user-select:none}.px-pointer-events-none{pointer-events:none}.px-overflow-hidden{overflow:hidden}.px-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/dist/_styles/base.css

@@ -1 +0,0 @@
-@media (prefers-reduced-motion:reduced){body{--transition-duration:0s!important}}.px-transition{transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function)}.px-size-mini{padding:var(--size-mini) 10px;line-height:1.667;font-size:12px}.px-size-medium,.px-size-small{padding:var(--size-small) 10px;line-height:1.5715;font-size:14px}.px-size-medium{padding:var(--size-medium) 10px}.px-size-large{padding:var(--size-large) 10px;line-height:1.8;font-size:16px}.px-width-full{width:100%}.px-height-full{height:100%}.px-flex{display:flex}.px-flex-col{display:flex;flex-direction:column}.px-items-center{align-items:center}.px-justify-center{justify-content:center}.px-inline-block{display:inline-block}.px-inline-flex{display:inline-flex}.px-vertical-top{vertical-align:top}.px-vertical-middle{vertical-align:middle}.px-relative{position:relative}.px-absolute{position:absolute}.px-fixed{position:fixed}.px-empty-hidden:empty,.px-hidden{display:none}.px-outside{position:fixed;opacity:0;width:0;height:0;margin:0;padding:0}.px-cursor-pointer{cursor:pointer}.px-select-none{user-select:none}.px-pointer-events-none{pointer-events:none}.px-overflow-hidden{overflow:hidden}.px-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body{--primary-1:#e8fff4;--primary-2:#b1f3d4;--primary-3:#7ee7ba;--primary-4:#50dca4;--primary-5:#26d091;--primary-6:#00c483;--primary-7:#00a674;--primary-8:#008864;--primary-9:#006a52;--primary-10:#004d3d;--warning-1:#fffce8;--warning-2:#fdf4bf;--warning-3:#fce996;--warning-4:#fadc6d;--warning-5:#f9cc45;--warning-6:#f7ba1e;--warning-7:#cc9213;--warning-8:#a26d0a;--warning-9:#774b04;--warning-10:#4d2d00;--danger-1:#ffece8;--danger-2:#ffd2cb;--danger-3:#ffb6ae;--danger-4:#ff9890;--danger-5:#ff7873;--danger-6:#ff5656;--danger-7:#d2353a;--danger-8:#a61c25;--danger-9:#790a15;--danger-10:#4d000a;--border-1:#f2f3f5;--border-2:#e6e8eb;--border-3:#c9cdd4;--border-4:#86909c;--fill-1:#f7f8fa;--fill-2:#f2f3f5;--fill-3:#e5e6eb;--fill-4:#c9cdd4;--font-1:#1d2129;--font-2:#4e5969;--font-3:#86909c;--font-4:#c9cdd4;--bg-1:#fff;--bg-2:#fff;--bg-3:#fff;--bg-4:#fff;--shadow-1:0 -2px 5px rgba(0 0 0 / 10%);--shadow-2:0 0 10px rgba(0 0 0 / 10%);--shadow-3:0 0 20px rgba(0 0 0 / 10%);--shadow-special:0 0 1px rgba(0 0 0 / 20%);--color-white:#fff;--size-mini:1px;--size-small:2px;--size-medium:4px;--size-large:6px;--focus-width:2px;--focus-offset:2px;--transition-duration:150ms;--transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.px-fade-enter-active,.px-fade-leave-active{transition:opacity var(--transition-duration) var(--transition-timing-function)}.px-fade-enter-from,.px-fade-leave-to{opacity:0}.px-zoom-enter-active,.px-zoom-leave-active{transition:transform var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function)}.px-zoom-enter-from,.px-zoom-leave-to{transform:scale(.8);opacity:0}

package/dist/_styles/button.css

@@ -1 +0,0 @@
-@media (any-hover:hover){.px-button--default:not([disabled]):hover{background-color:var(--fill-2)}.px-button--default-plain:not([disabled]):hover{background-color:var(--fill-3)}.px-button--primary:not([disabled]):hover{background-color:var(--primary-5)}.px-button--primary-plain:not([disabled]):hover{background-color:var(--primary-2)}.px-button--warning:not([disabled]):hover{background-color:var(--warning-5)}.px-button--warning-plain:not([disabled]):hover{background-color:var(--warning-2)}.px-button--danger:not([disabled]):hover{background-color:var(--danger-5)}.px-button--danger-plain:not([disabled]):hover{background-color:var(--danger-2)}.px-button--danger-ghost:not([disabled]):hover,.px-button--default-ghost:not([disabled]):hover,.px-button--primary-ghost:not([disabled]):hover,.px-button--warning-ghost:not([disabled]):hover{background-color:var(--fill-2)}}.px-button{-webkit-tap-highlight-color:transparent;appearance:none;display:inline-block;min-width:8rem;vertical-align:top;border:1px solid transparent;outline:var(--focus-width) solid transparent;background-color:var(--bg-1);transition-property:border-color,background-color,outline-color,outline-offset;box-sizing:border-box;user-select:none;text-align:left;border-radius:0;color:var(--color-white);cursor:pointer}.px-button[disabled]{cursor:not-allowed;opacity:.7}.px-button--loading{position:relative;pointer-events:none;opacity:.7}.px-button--default,.px-button--default-ghost,.px-button--default-plain{color:var(--font-1)}.px-button--default{border-color:var(--border-2);background-color:var(--bg-1)}.px-button--default-plain:not(.px-button--default-ghost){background-color:var(--fill-2);border-color:transparent}.px-button--default-ghost{background-color:transparent}.px-button--primary{background-color:var(--primary-6)}.px-button--primary-plain:not(.px-button--primary-ghost){background-color:var(--primary-1);color:var(--primary-6)}.px-button--primary-ghost{color:var(--primary-6)}.px-button--warning{background-color:var(--warning-6)}.px-button--warning-plain:not(.px-button--warning-ghost){background-color:var(--warning-1);color:var(--warning-6)}.px-button--warning-ghost{color:var(--warning-6)}.px-button--danger{background-color:var(--danger-6)}.px-button--danger-plain:not(.px-button--danger-ghost){background-color:var(--danger-1);color:var(--danger-6)}.px-button--danger-ghost{color:var(--danger-6)}.px-button--danger-ghost:not([disabled]):active,.px-button--default-ghost:not([disabled]):active,.px-button--default:not([disabled]):active,.px-button--primary-ghost:not([disabled]):active,.px-button--warning-ghost:not([disabled]):active{background-color:var(--fill-3)}.px-button--default-plain:not([disabled]):active{background-color:var(--fill-4)}.px-button--primary:not([disabled],.px-button--primary-ghost):active{background-color:var(--primary-7)}.px-button--primary-plain:not([disabled],.px-button--primary-ghost):active{background-color:var(--primary-3)}.px-button--warning:not([disabled],.px-button--warning-ghost):active{background-color:var(--warning-7)}.px-button--warning-plain:not([disabled],.px-button--warning-ghost):active{background-color:var(--warning-3)}.px-button--danger:not([disabled],.px-button--danger-ghost):active{background-color:var(--danger-7)}.px-button--danger-plain:not([disabled],.px-button--danger-ghost):active{background-color:var(--danger-3)}.px-button:not(:active):focus-visible{outline-offset:var(--focus-offset);z-index:1}.px-button--default-ghost:not(:active):focus-visible,.px-button--default-plain:not(:active):focus-visible,.px-button--default:not(:active):focus-visible{outline-color:var(--border-2)}.px-button--primary-ghost:not(:active):focus-visible,.px-button--primary-plain:not(:active):focus-visible,.px-button--primary:not(:active):focus-visible{outline-color:var(--primary-4)}.px-button--warning-ghost:not(:active):focus-visible,.px-button--warning-plain:not(:active):focus-visible,.px-button--warning:not(:active):focus-visible{outline-color:var(--warning-4)}.px-button--danger-ghost:not(:active):focus-visible,.px-button--danger-plain:not(:active):focus-visible,.px-button--danger:not(:active):focus-visible{outline-color:var(--danger-4)}

package/dist/_styles/checkbox.css

@@ -1 +0,0 @@
-.px-checkbox:not([aria-disabled=true]):hover .px-checkbox--target{border-color:var(--primary-6)}.px-checkbox[aria-disabled=true]{cursor:not-allowed;opacity:.7}.px-checkbox--target{display:inline-flex;width:1em;height:1em;box-sizing:border-box;border:1px solid var(--border-2);outline:var(--focus-width) solid transparent;transition-property:outline-offset,outline-color,background-color,border-color;background-color:var(--bg-1);font-size:16px}.px-checkbox--target svg{display:none;fill:var(--bg-1)}.px-checkbox--label{margin-left:.4em;font-size:14px}input:checked+.px-checkbox--target{background-color:var(--primary-4);border-color:var(--primary-6)}.px-checkbox.indeterminate input:checked+.px-checkbox--target::before{content:"";display:block;width:.6em;height:.2em;background-color:var(--bg-1);transition-property:transform;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function)}.px-checkbox:not(.indeterminate) input:checked+.px-checkbox--target svg{display:block}input:not(:active):focus-visible+.px-checkbox--target{outline-offset:var(--focus-offset);outline-color:var(--border-2)}

package/dist/_styles/dialog.css

@@ -1 +0,0 @@
-.px-dialog{inset:0;z-index:10;background-color:rgba(0,0,0,.25);backdrop-filter:blur(2px)}.px-dialog--inner{min-width:320px;max-height:75vh;width:var(--width, 30%);padding:12px;border:0;outline:0;box-shadow:0 0 12px rgba(0,0,0,.09);background-color:var(--bg-1)}.px-dialog--header{padding:2px 35px 12px 0;font-size:18px;font-weight:500;color:#424242}.px-dialog--description{margin:0;font-size:14px;font-weight:400;color:#999}.px-dialog--close{right:10px;top:10px;width:25px;height:25px;padding:0;border:0;background:0 0;cursor:pointer;z-index:1}.px-dialog--close:hover{background-color:var(--fill-2)}.px-dialog--close:active{background-color:var(--fill-3)}.px-dialog--content{flex:1;height:100%;padding:10px;overflow:overlay}.px-dialog--footer{padding:15px 0 0;text-align:right}

package/dist/_styles/icon.css

@@ -1 +0,0 @@
-.px-icon,.px-spinner{display:inline-block;width:1em;height:1em;line-height:1em;text-align:center;fill:currentcolor;vertical-align:-2px;transform:translateZ(0)}

package/dist/_styles/index.css

@@ -1 +0,0 @@
-@media (prefers-reduced-motion:reduced){body{--transition-duration:0s!important}}.px-transition{transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function)}.px-size-mini{padding:var(--size-mini) 10px;line-height:1.667;font-size:12px}.px-size-medium,.px-size-small{padding:var(--size-small) 10px;line-height:1.5715;font-size:14px}.px-size-medium{padding:var(--size-medium) 10px}.px-size-large{padding:var(--size-large) 10px;line-height:1.8;font-size:16px}.px-width-full{width:100%}.px-height-full{height:100%}.px-flex{display:flex}.px-flex-col{display:flex;flex-direction:column}.px-items-center{align-items:center}.px-justify-center{justify-content:center}.px-inline-block{display:inline-block}.px-inline-flex{display:inline-flex}.px-vertical-top{vertical-align:top}.px-vertical-middle{vertical-align:middle}.px-relative{position:relative}.px-absolute{position:absolute}.px-fixed{position:fixed}.px-empty-hidden:empty,.px-hidden{display:none}.px-outside{position:fixed;opacity:0;width:0;height:0;margin:0;padding:0}.px-cursor-pointer{cursor:pointer}.px-select-none{user-select:none}.px-pointer-events-none{pointer-events:none}.px-overflow-hidden{overflow:hidden}.px-overflow-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body{--primary-1:#e8fff4;--primary-2:#b1f3d4;--primary-3:#7ee7ba;--primary-4:#50dca4;--primary-5:#26d091;--primary-6:#00c483;--primary-7:#00a674;--primary-8:#008864;--primary-9:#006a52;--primary-10:#004d3d;--warning-1:#fffce8;--warning-2:#fdf4bf;--warning-3:#fce996;--warning-4:#fadc6d;--warning-5:#f9cc45;--warning-6:#f7ba1e;--warning-7:#cc9213;--warning-8:#a26d0a;--warning-9:#774b04;--warning-10:#4d2d00;--danger-1:#ffece8;--danger-2:#ffd2cb;--danger-3:#ffb6ae;--danger-4:#ff9890;--danger-5:#ff7873;--danger-6:#ff5656;--danger-7:#d2353a;--danger-8:#a61c25;--danger-9:#790a15;--danger-10:#4d000a;--border-1:#f2f3f5;--border-2:#e6e8eb;--border-3:#c9cdd4;--border-4:#86909c;--fill-1:#f7f8fa;--fill-2:#f2f3f5;--fill-3:#e5e6eb;--fill-4:#c9cdd4;--font-1:#1d2129;--font-2:#4e5969;--font-3:#86909c;--font-4:#c9cdd4;--bg-1:#fff;--bg-2:#fff;--bg-3:#fff;--bg-4:#fff;--shadow-1:0 -2px 5px rgba(0 0 0 / 10%);--shadow-2:0 0 10px rgba(0 0 0 / 10%);--shadow-3:0 0 20px rgba(0 0 0 / 10%);--shadow-special:0 0 1px rgba(0 0 0 / 20%);--color-white:#fff;--size-mini:1px;--size-small:2px;--size-medium:4px;--size-large:6px;--focus-width:2px;--focus-offset:2px;--transition-duration:150ms;--transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.px-fade-enter-active,.px-fade-leave-active{transition:opacity var(--transition-duration) var(--transition-timing-function)}.px-fade-enter-from,.px-fade-leave-to{opacity:0}.px-zoom-enter-active,.px-zoom-leave-active{transition:transform var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function)}.px-zoom-enter-from,.px-zoom-leave-to{transform:scale(.8);opacity:0}@media (any-hover:hover){.px-button--default:not([disabled]):hover{background-color:var(--fill-2)}.px-button--default-plain:not([disabled]):hover{background-color:var(--fill-3)}.px-button--primary:not([disabled]):hover{background-color:var(--primary-5)}.px-button--primary-plain:not([disabled]):hover{background-color:var(--primary-2)}.px-button--warning:not([disabled]):hover{background-color:var(--warning-5)}.px-button--warning-plain:not([disabled]):hover{background-color:var(--warning-2)}.px-button--danger:not([disabled]):hover{background-color:var(--danger-5)}.px-button--danger-plain:not([disabled]):hover{background-color:var(--danger-2)}.px-button--danger-ghost:not([disabled]):hover,.px-button--default-ghost:not([disabled]):hover,.px-button--primary-ghost:not([disabled]):hover,.px-button--warning-ghost:not([disabled]):hover{background-color:var(--fill-2)}}.px-button{-webkit-tap-highlight-color:transparent;appearance:none;display:inline-block;min-width:8rem;vertical-align:top;border:1px solid transparent;outline:var(--focus-width) solid transparent;background-color:var(--bg-1);transition-property:border-color,background-color,outline-color,outline-offset;box-sizing:border-box;user-select:none;text-align:left;border-radius:0;color:var(--color-white);cursor:pointer}.px-button[disabled]{cursor:not-allowed;opacity:.7}.px-button--loading{position:relative;pointer-events:none;opacity:.7}.px-button--default,.px-button--default-ghost,.px-button--default-plain{color:var(--font-1)}.px-button--default{border-color:var(--border-2);background-color:var(--bg-1)}.px-button--default-plain:not(.px-button--default-ghost){background-color:var(--fill-2);border-color:transparent}.px-button--default-ghost{background-color:transparent}.px-button--primary{background-color:var(--primary-6)}.px-button--primary-plain:not(.px-button--primary-ghost){background-color:var(--primary-1);color:var(--primary-6)}.px-button--primary-ghost{color:var(--primary-6)}.px-button--warning{background-color:var(--warning-6)}.px-button--warning-plain:not(.px-button--warning-ghost){background-color:var(--warning-1);color:var(--warning-6)}.px-button--warning-ghost{color:var(--warning-6)}.px-button--danger{background-color:var(--danger-6)}.px-button--danger-plain:not(.px-button--danger-ghost){background-color:var(--danger-1);color:var(--danger-6)}.px-button--danger-ghost{color:var(--danger-6)}.px-button--danger-ghost:not([disabled]):active,.px-button--default-ghost:not([disabled]):active,.px-button--default:not([disabled]):active,.px-button--primary-ghost:not([disabled]):active,.px-button--warning-ghost:not([disabled]):active{background-color:var(--fill-3)}.px-button--default-plain:not([disabled]):active{background-color:var(--fill-4)}.px-button--primary:not([disabled],.px-button--primary-ghost):active{background-color:var(--primary-7)}.px-button--primary-plain:not([disabled],.px-button--primary-ghost):active{background-color:var(--primary-3)}.px-button--warning:not([disabled],.px-button--warning-ghost):active{background-color:var(--warning-7)}.px-button--warning-plain:not([disabled],.px-button--warning-ghost):active{background-color:var(--warning-3)}.px-button--danger:not([disabled],.px-button--danger-ghost):active{background-color:var(--danger-7)}.px-button--danger-plain:not([disabled],.px-button--danger-ghost):active{background-color:var(--danger-3)}.px-button:not(:active):focus-visible{outline-offset:var(--focus-offset);z-index:1}.px-button--default-ghost:not(:active):focus-visible,.px-button--default-plain:not(:active):focus-visible,.px-button--default:not(:active):focus-visible{outline-color:var(--border-2)}.px-button--primary-ghost:not(:active):focus-visible,.px-button--primary-plain:not(:active):focus-visible,.px-button--primary:not(:active):focus-visible{outline-color:var(--primary-4)}.px-button--warning-ghost:not(:active):focus-visible,.px-button--warning-plain:not(:active):focus-visible,.px-button--warning:not(:active):focus-visible{outline-color:var(--warning-4)}.px-button--danger-ghost:not(:active):focus-visible,.px-button--danger-plain:not(:active):focus-visible,.px-button--danger:not(:active):focus-visible{outline-color:var(--danger-4)}.px-icon,.px-spinner{display:inline-block;width:1em;height:1em;line-height:1em;text-align:center;fill:currentcolor;vertical-align:-2px;transform:translateZ(0)}.px-input{background-color:var(--fill-2)}.px-input--prepend{box-sizing:inherit;border-right:1px dashed var(--border-2)}.px-input--append{box-sizing:inherit;border-left:1px dashed var(--border-2)}@media (any-hover:hover){.px-input--inner:not([disabled],[readonly]):hover{background-color:var(--fill-3)}}.px-input--inner{min-width:8rem;border-radius:0;box-sizing:border-box;border:1px solid transparent;outline:0;background-color:transparent;transition-property:border-color,background-color;font-family:inherit}.px-input--inner:not([disabled],[readonly]):focus-visible{border-color:var(--primary-6);background-color:var(--bg-1)}.px-input--inner::placeholder{user-select:none;color:var(--font-4)}.px-input--inner[disabled]{cursor:not-allowed;opacity:.6}.px-dialog{inset:0;z-index:10;background-color:rgba(0,0,0,.25);backdrop-filter:blur(2px)}.px-dialog--inner{min-width:320px;max-height:75vh;width:var(--width, 30%);padding:12px;border:0;outline:0;box-shadow:0 0 12px rgba(0,0,0,.09);background-color:var(--bg-1)}.px-dialog--header{padding:2px 35px 12px 0;font-size:18px;font-weight:500;color:#424242}.px-dialog--description{margin:0;font-size:14px;font-weight:400;color:#999}.px-dialog--close{right:10px;top:10px;width:25px;height:25px;padding:0;border:0;background:0 0;cursor:pointer;z-index:1}.px-dialog--close:hover{background-color:var(--fill-2)}.px-dialog--close:active{background-color:var(--fill-3)}.px-dialog--content{flex:1;height:100%;padding:10px;overflow:overlay}.px-dialog--footer{padding:15px 0 0;text-align:right}@media (any-hover:hover){.px-switch:hover .px-switch--node{outline-color:rgba(0,0,0,.15)}}.px-switch{width:2em;height:1em;padding:0;box-sizing:border-box;background-color:var(--inactive-color, var(--fill-2));border:1px solid var(--border-2);outline:var(--focus-width) solid transparent;font-size:var(--size, 24px)}.px-switch--node{margin:2px;width:calc(1em - 6px);height:calc(1em - 6px);line-height:1;box-sizing:border-box;outline:5px solid transparent;transition-property:transform,border-color,outline-color;background-color:var(--color-default, var(--bg-1));z-index:0}.px-switch[disabled]{cursor:not-allowed;opacity:.7}.px-switch--loading{position:relative;pointer-events:none;opacity:.7}.px-switch[aria-checked=true]{background-color:var(--active-color, var(--primary-6))}.px-switch[aria-checked=true] .px-switch--node{transform:translateX(1em)}.px-switch:not(:active):focus-visible{outline-offset:var(--focus-offset);outline-color:var(--border-2);z-index:1}.px-space{flex-wrap:wrap;align-items:var(--align, center)}.px-space--mini{gap:calc(var(--size-mini)*2)}.px-space--small{gap:calc(var(--size-small)*2)}.px-space--medium{gap:calc(var(--size-medium)*2)}.px-space--large{gap:calc(var(--size-large)*2)}.px-checkbox:not([aria-disabled=true]):hover .px-checkbox--target,.px-radio:not([aria-disabled=true]):hover .px-radio--target{border-color:var(--primary-6)}.px-checkbox[aria-disabled=true],.px-radio[aria-disabled=true]{cursor:not-allowed;opacity:.7}.px-checkbox--target{display:inline-flex;width:1em;height:1em;box-sizing:border-box;border:1px solid var(--border-2);outline:var(--focus-width) solid transparent;transition-property:outline-offset,outline-color,background-color,border-color;background-color:var(--bg-1);font-size:16px}.px-checkbox--target svg{display:none;fill:var(--bg-1)}.px-checkbox--label{margin-left:.4em;font-size:14px}input:checked+.px-checkbox--target{background-color:var(--primary-4);border-color:var(--primary-6)}.px-checkbox.indeterminate input:checked+.px-checkbox--target::before{content:"";display:block;width:.6em;height:.2em;background-color:var(--bg-1);transition-property:transform;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function)}.px-checkbox:not(.indeterminate) input:checked+.px-checkbox--target svg{display:block}input:not(:active):focus-visible+.px-checkbox--target,input:not(:active):focus-visible+.px-radio--target{outline-offset:var(--focus-offset);outline-color:var(--border-2)}.px-radio--target{display:inline-flex;width:1em;height:1em;box-sizing:border-box;border:1px solid var(--border-2);outline:var(--focus-width) solid transparent;transition-property:outline-offset,outline-color,background-color,border-color;background-color:var(--bg-1);font-size:16px}.px-radio--target::before{content:"";display:block;width:.5em;height:.5em;transform:scale(0);background-color:var(--primary-6);transition-property:transform;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function)}.px-radio--label{margin-left:.4em;font-size:14px}input:checked+.px-radio--target{border-color:var(--primary-6)}input:checked+.px-radio--target::before{transform:scale(1)}

package/dist/_styles/input.css

@@ -1 +0,0 @@
-.px-input{background-color:var(--fill-2)}.px-input--prepend{box-sizing:inherit;border-right:1px dashed var(--border-2)}.px-input--append{box-sizing:inherit;border-left:1px dashed var(--border-2)}@media (any-hover:hover){.px-input--inner:not([disabled],[readonly]):hover{background-color:var(--fill-3)}}.px-input--inner{min-width:8rem;border-radius:0;box-sizing:border-box;border:1px solid transparent;outline:0;background-color:transparent;transition-property:border-color,background-color;font-family:inherit}.px-input--inner:not([disabled],[readonly]):focus-visible{border-color:var(--primary-6);background-color:var(--bg-1)}.px-input--inner::placeholder{user-select:none;color:var(--font-4)}.px-input--inner[disabled]{cursor:not-allowed;opacity:.6}

package/dist/_styles/radio.css

@@ -1 +0,0 @@
-.px-radio:not([aria-disabled=true]):hover .px-radio--target{border-color:var(--primary-6)}.px-radio[aria-disabled=true]{cursor:not-allowed;opacity:.7}.px-radio--target{display:inline-flex;width:1em;height:1em;box-sizing:border-box;border:1px solid var(--border-2);outline:var(--focus-width) solid transparent;transition-property:outline-offset,outline-color,background-color,border-color;background-color:var(--bg-1);font-size:16px}.px-radio--target::before{content:"";display:block;width:.5em;height:.5em;transform:scale(0);background-color:var(--primary-6);transition-property:transform;transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function)}.px-radio--label{margin-left:.4em;font-size:14px}input:checked+.px-radio--target{border-color:var(--primary-6)}input:checked+.px-radio--target::before{transform:scale(1)}input:not(:active):focus-visible+.px-radio--target{outline-offset:var(--focus-offset);outline-color:var(--border-2)}

package/dist/_styles/space.css

@@ -1 +0,0 @@
-.px-space{flex-wrap:wrap;align-items:var(--align, center)}.px-space--mini{gap:calc(var(--size-mini)*2)}.px-space--small{gap:calc(var(--size-small)*2)}.px-space--medium{gap:calc(var(--size-medium)*2)}.px-space--large{gap:calc(var(--size-large)*2)}

package/dist/_styles/spinner.css

@@ -1 +0,0 @@
-.px-icon,.px-spinner{display:inline-block;width:1em;height:1em;line-height:1em;text-align:center;fill:currentcolor;vertical-align:-2px;transform:translateZ(0)}

package/dist/_styles/switch.css

@@ -1 +0,0 @@
-@media (any-hover:hover){.px-switch:hover .px-switch--node{outline-color:rgba(0,0,0,.15)}}.px-switch{width:2em;height:1em;padding:0;box-sizing:border-box;background-color:var(--inactive-color, var(--fill-2));border:1px solid var(--border-2);outline:var(--focus-width) solid transparent;font-size:var(--size, 24px)}.px-switch--node{margin:2px;width:calc(1em - 6px);height:calc(1em - 6px);line-height:1;box-sizing:border-box;outline:5px solid transparent;transition-property:transform,border-color,outline-color;background-color:var(--color-default, var(--bg-1));z-index:0}.px-switch[disabled]{cursor:not-allowed;opacity:.7}.px-switch--loading{position:relative;pointer-events:none;opacity:.7}.px-switch[aria-checked=true]{background-color:var(--active-color, var(--primary-6))}.px-switch[aria-checked=true] .px-switch--node{transform:translateX(1em)}.px-switch:not(:active):focus-visible{outline-offset:var(--focus-offset);outline-color:var(--border-2);z-index:1}

package/dist/_styles/tokens.css

@@ -1 +0,0 @@
-body{--primary-1:#e8fff4;--primary-2:#b1f3d4;--primary-3:#7ee7ba;--primary-4:#50dca4;--primary-5:#26d091;--primary-6:#00c483;--primary-7:#00a674;--primary-8:#008864;--primary-9:#006a52;--primary-10:#004d3d;--warning-1:#fffce8;--warning-2:#fdf4bf;--warning-3:#fce996;--warning-4:#fadc6d;--warning-5:#f9cc45;--warning-6:#f7ba1e;--warning-7:#cc9213;--warning-8:#a26d0a;--warning-9:#774b04;--warning-10:#4d2d00;--danger-1:#ffece8;--danger-2:#ffd2cb;--danger-3:#ffb6ae;--danger-4:#ff9890;--danger-5:#ff7873;--danger-6:#ff5656;--danger-7:#d2353a;--danger-8:#a61c25;--danger-9:#790a15;--danger-10:#4d000a;--border-1:#f2f3f5;--border-2:#e6e8eb;--border-3:#c9cdd4;--border-4:#86909c;--fill-1:#f7f8fa;--fill-2:#f2f3f5;--fill-3:#e5e6eb;--fill-4:#c9cdd4;--font-1:#1d2129;--font-2:#4e5969;--font-3:#86909c;--font-4:#c9cdd4;--bg-1:#fff;--bg-2:#fff;--bg-3:#fff;--bg-4:#fff;--shadow-1:0 -2px 5px rgba(0 0 0 / 10%);--shadow-2:0 0 10px rgba(0 0 0 / 10%);--shadow-3:0 0 20px rgba(0 0 0 / 10%);--shadow-special:0 0 1px rgba(0 0 0 / 20%);--color-white:#fff;--size-mini:1px;--size-small:2px;--size-medium:4px;--size-large:6px;--focus-width:2px;--focus-offset:2px;--transition-duration:150ms;--transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}

package/dist/_styles/transitions.css

@@ -1 +0,0 @@
-.px-fade-enter-active,.px-fade-leave-active{transition:opacity var(--transition-duration) var(--transition-timing-function)}.px-fade-enter-from,.px-fade-leave-to{opacity:0}.px-zoom-enter-active,.px-zoom-leave-active{transition:transform var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function)}.px-zoom-enter-from,.px-zoom-leave-to{transform:scale(.8);opacity:0}

package/dist/_types/component.d.ts

@@ -1,7 +0,0 @@
-import type { App, Component } from 'vue';
-export declare type NormalizedComponent = Component & {
-    name: string;
-};
-export declare type InstallableComponent = NormalizedComponent & {
-    install: (app: App) => App;
-};