pxd 0.0.4 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/Check.js +1 -0
  2. package/dist/ChevronDown.js +1 -0
  3. package/dist/code-block.css +1 -0
  4. package/dist/components/button/index.d.ts +1 -1
  5. package/dist/components/button/index.js +1 -1
  6. package/dist/components/checkbox/index.js +1 -1
  7. package/dist/components/choicebox/index.js +1 -1
  8. package/dist/components/code-block/index.d.ts +1 -0
  9. package/dist/components/code-block/index.js +1 -0
  10. package/dist/components/code-block/src/code-block.d.ts +8 -0
  11. package/dist/components/collapse/index.js +1 -1
  12. package/dist/components/combobox/index.js +1 -1
  13. package/dist/components/error/index.js +1 -1
  14. package/dist/components/input/index.js +1 -1
  15. package/dist/components/link/index.js +1 -1
  16. package/dist/components/link/src/link.d.ts +1 -0
  17. package/dist/components/scroller/index.d.ts +1 -0
  18. package/dist/components/scroller/index.js +1 -0
  19. package/dist/components/show-more/index.js +1 -1
  20. package/dist/components/textarea/index.js +1 -1
  21. package/dist/error.vue_vue_type_script_setup_true_lang.js +1 -0
  22. package/dist/link.vue_vue_type_script_setup_true_lang.js +1 -0
  23. package/dist/plugins/resolver.js +1 -1
  24. package/dist/plugins/tailwind-preset.d.ts +3 -0
  25. package/dist/plugins/tailwind-preset.js +1 -1
  26. package/package.json +8 -3
  27. package/dist/components/_icons/CheckIcon.js +0 -1
  28. package/dist/components/_icons/ChevronDownIcon.js +0 -1
  29. package/dist/components/_icons/ExclamationTriangleIcon.js +0 -1
  30. package/dist/components/_icons/ExternalLinkIcon.js +0 -1
  31. package/dist/components/scrollbar/index.d.ts +0 -1
  32. package/dist/components/scrollbar/index.js +0 -1
  33. /package/dist/components/{scrollbar/src/scrollbar.d.ts → scroller/src/scroller.d.ts} +0 -0
package/dist/Check.js ADDED
@@ -0,0 +1 @@
1
+ import{defineComponent as r,h as n}from"vue";const i=r((t,e)=>{const o=n("svg",{innerHTML:'<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5607 3.99999L15.0303 4.53032L6.23744 13.3232C5.55403 14.0066 4.44599 14.0066 3.76257 13.3232L4.2929 12.7929L3.76257 13.3232L0.969676 10.5303L0.439346 9.99999L1.50001 8.93933L2.03034 9.46966L4.82323 12.2626C4.92086 12.3602 5.07915 12.3602 5.17678 12.2626L13.9697 3.46966L14.5 2.93933L15.5607 3.99999Z" fill="currentColor"></path>',height:"16",strokeLinejoin:"round",style:"color:currentColor",viewBox:"0 0 16 16",width:"16",...e.attrs});return()=>o},{name:"CheckIcon"});export{i};
@@ -0,0 +1 @@
1
+ import{defineComponent as n,h as r}from"vue";const L=n((t,e)=>{const o=r("svg",{innerHTML:'<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0607 5.49999L13.5303 6.03032L8.7071 10.8535C8.31658 11.2441 7.68341 11.2441 7.29289 10.8535L2.46966 6.03032L1.93933 5.49999L2.99999 4.43933L3.53032 4.96966L7.99999 9.43933L12.4697 4.96966L13 4.43933L14.0607 5.49999Z" fill="currentColor"></path>',height:"16",strokeLinejoin:"round",style:"color:currentColor",viewBox:"0 0 16 16",width:"16",...e.attrs});return()=>o},{name:"ChevronDownIcon"});export{L as i};
@@ -0,0 +1 @@
1
+ .shiki,.shiki span{background-color:var(--background-100)!important}html.dark .shiki,html.dark .shiki span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}
@@ -16,7 +16,7 @@ export declare const buttonVariants: {
16
16
  ghost: string;
17
17
  underline: string;
18
18
  };
19
- export type ButtonSizes = StandardSize;
19
+ export type ButtonSizes = StandardSize | 'tiny';
20
20
  export type ButtonShapes = keyof typeof buttonShapes;
21
21
  export type ButtonVariants = keyof typeof buttonVariants;
22
22
  export declare function getButtonVariant(variant: ButtonVariants, withBase?: boolean): string;
@@ -1 +1 @@
1
- import{getStandardSize as b}from"../_utils/css.js";import{defineComponent as u,computed as r,openBlock as l,createElementBlock as c,normalizeClass as g,unref as t,createBlock as p,createCommentVNode as y,renderSlot as o,createElementVNode as f}from"vue";import{_ as m}from"../spinner/_.js";const h=["type","disabled"],v={class:"px-1.5 flex items-center text-nowrap overflow-hidden"},$=u({name:"PButton",__name:"button",props:{type:{default:"button"},icon:{type:Boolean},shadow:{type:Boolean,default:!1},loading:{type:Boolean},disabled:{type:Boolean},shape:{default:"normal"},variant:{default:"default"},size:{default:"default"}},setup(a){const n=r(()=>a.shadow&&!["ghost","underline"].includes(a.variant)),s=r(()=>x(a.size)),i=r(()=>B(a.variant));return(e,k)=>(l(),c("button",{type:e.type,class:g(["pxd-button p-ring",[t(i),t(s),t(w)[e.shape],{"shadow-sm":t(n),"w-8 h-8 !p-0":e.icon}]]),disabled:e.disabled||e.loading},[e.loading?(l(),p(t(m),{key:0})):y("",!0),o(e.$slots,"prefix"),f("span",v,[o(e.$slots,"default")]),o(e.$slots,"suffix")],10,h))}}),x=b({default:"px-2",small:"px-1.5",large:"px-2.5"}),w={normal:"rounded-md",square:"rounded-none",rounded:"rounded-full",circle:"rounded-full overflow-hidden w-8 !p-1"},d={base:"inline-flex items-center select-none border font-inherit b-(1 solid) justify-center text-sm cursor-pointer disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-700 disabled:border-gray-400",default:"bg-gray-1000 text-background-100 border-transparent enabled:hover:opacity-90 enabled:active:opacity-80",secondary:"bg-gray-100 text-gray-1000 border-transparent enabled:hover:bg-gray-200 enabled:active:bg-gray-alpha-300",danger:"bg-red-800 text-background-100 border-transparent enabled:hover:opacity-90 enabled:active:opacity-80",warning:"bg-amber-800 text-background-100 border-transparent enabled:hover:opacity-90 enabled:active:opacity-80",outline:"text-gray-1000 bg-background-100 border-gray-alpha-400 enabled:hover:bg-gray-100 enabled:active:bg-gray-200",ghost:"bg-transparent text-gray-1000 border-transparent enabled:hover:bg-gray-100 enabled:active:bg-gray-200",underline:"bg-transparent text-gray-1000 border-transparent underline underline-offset-4 enabled:hover:opacity-90 enabled:active:opacity-70"};function B(a,n=!0){return(d[a]||d.default)+(n?` ${d.base}`:"")}export{w as buttonShapes,d as buttonVariants,$ as default,x as getButtonSizes,B as getButtonVariant};
1
+ import{getStandardSize as b}from"../_utils/css.js";import{defineComponent as u,computed as r,openBlock as l,createElementBlock as p,normalizeClass as c,unref as t,createBlock as g,createCommentVNode as y,renderSlot as o,createElementVNode as f}from"vue";import{_ as h}from"../spinner/_.js";const m=["type","disabled"],v={class:"flex items-center text-nowrap overflow-hidden"},$=u({name:"PButton",__name:"button",props:{type:{default:"button"},icon:{type:Boolean},shadow:{type:Boolean,default:!1},loading:{type:Boolean},disabled:{type:Boolean},shape:{default:"normal"},variant:{default:"default"},size:{default:"default"}},setup(a){const n=r(()=>a.shadow&&!["ghost","underline"].includes(a.variant)),s=r(()=>w(a.size)),i=r(()=>B(a.variant));return(e,k)=>(l(),p("button",{type:e.type,class:c(["pxd-button p-ring",[t(i),t(s),t(x)[e.shape],{"shadow-sm":t(n),"w-8 h-8 !p-0":e.icon}]]),disabled:e.disabled||e.loading},[e.loading?(l(),g(t(h),{key:0})):y("",!0),o(e.$slots,"prefix"),f("span",v,[o(e.$slots,"default")]),o(e.$slots,"suffix")],10,m))}}),w=b({tiny:"w-6 h-6 p-0",default:"px-2 gap-2",small:"px-1.5 gap-1",large:"px-2.5 gap-2"}),x={normal:"rounded-md",square:"rounded-none",rounded:"rounded-full",circle:"rounded-full overflow-hidden aspect-square !p-1"},d={base:"inline-flex items-center select-none border font-inherit b-(1 solid) justify-center cursor-pointer text-sm disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-700 disabled:border-gray-400",default:"bg-gray-1000 text-background-100 border-transparent enabled:hover:opacity-90 enabled:active:opacity-80",secondary:"bg-gray-100 text-gray-1000 border-transparent enabled:hover:bg-gray-200 enabled:active:bg-gray-alpha-300",danger:"bg-red-800 text-white border-transparent enabled:hover:opacity-90 enabled:active:opacity-80",warning:"bg-amber-800 text-black border-transparent enabled:hover:opacity-90 enabled:active:opacity-80",outline:"text-gray-1000 bg-background-100 border-gray-alpha-400 enabled:hover:bg-gray-100 enabled:active:bg-gray-200",ghost:"bg-transparent text-gray-1000 border-transparent enabled:hover:bg-gray-100 enabled:active:bg-gray-200",underline:"bg-transparent text-gray-1000 border-transparent underline underline-offset-4 enabled:hover:opacity-90 enabled:active:opacity-70"};function B(a,n=!0){return(d[a]||d.default)+(n?` ${d.base}`:"")}export{x as buttonShapes,d as buttonVariants,$ as default,w as getButtonSizes,B as getButtonVariant};
@@ -1 +1 @@
1
- import{defineComponent as c,mergeModels as n,useModel as i,openBlock as p,createElementBlock as u,createVNode as e,unref as t,mergeProps as b,withCtx as d,createElementVNode as m,renderSlot as h}from"vue";import{CheckboxRoot as g,CheckboxIndicator as k}from"radix-vue";import{r as x}from"../_icons/CheckIcon.js";const y={class:"pxd-checkbox group inline-flex items-center cursor-pointer text-gray-1000"},f={class:"pl-1 pr-1.5 leading-0 active:select-none text-sm text-gray-1000 empty:hidden peer-disabled:text-gray-500"},v=c({name:"PCheckbox",__name:"checkbox",props:n({defaultChecked:{type:Boolean},checked:{type:[Boolean,String]},disabled:{type:Boolean},required:{type:Boolean},name:{},value:{},id:{},asChild:{type:Boolean},as:{}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const o=i(l,"modelValue");return(a,r)=>(p(),u("label",y,[e(t(g),b({checked:o.value,"onUpdate:checked":r[0]||(r[0]=s=>o.value=s),class:"p-ring peer w-4 min-w-4 h-4 p-0 shadow-sm rounded border border-gray-700 transition-colors bg-background-100 data-[state=checked]:bg-current data-[state=checked]:!border-current disabled:cursor-not-allowed disabled:bg-gray-100 disabled:border-gray-500 disabled:text-gray-600 group-hover:[&:not(:disabled,[data-state=checked])]:bg-gray-200 group-hover:[&:not(:disabled,[data-state=checked])]:border-gray-700"},a.$attrs),{default:d(()=>[e(t(k),{"as-child":"",class:"block h-full p-px -m-px"},{default:d(()=>[e(t(x),{class:"text-background-100"})]),_:1})]),_:1},16,["checked"]),m("span",f,[h(a.$slots,"default")])]))}});export{v as default};
1
+ import{defineComponent as c,mergeModels as n,useModel as i,openBlock as p,createElementBlock as u,createVNode as e,unref as t,mergeProps as b,withCtx as d,createElementVNode as m,renderSlot as h}from"vue";import{i as g}from"../../Check.js";import{CheckboxRoot as k,CheckboxIndicator as x}from"radix-vue";const y={class:"pxd-checkbox group inline-flex items-center cursor-pointer text-gray-1000"},f={class:"pl-1 pr-1.5 leading-0 active:select-none text-sm text-gray-1000 empty:hidden peer-disabled:text-gray-500"},v=c({name:"PCheckbox",__name:"checkbox",props:n({defaultChecked:{type:Boolean},checked:{type:[Boolean,String]},disabled:{type:Boolean},required:{type:Boolean},name:{},value:{},id:{},asChild:{type:Boolean},as:{}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const o=i(l,"modelValue");return(a,r)=>(p(),u("label",y,[e(t(k),b({checked:o.value,"onUpdate:checked":r[0]||(r[0]=s=>o.value=s),class:"p-ring peer w-4 min-w-4 h-4 p-0 shadow-sm rounded border border-gray-700 transition-colors bg-background-100 data-[state=checked]:bg-current data-[state=checked]:!border-current disabled:cursor-not-allowed disabled:bg-gray-100 disabled:border-gray-500 disabled:text-gray-600 group-hover:[&:not(:disabled,[data-state=checked])]:bg-gray-200 group-hover:[&:not(:disabled,[data-state=checked])]:border-gray-700"},a.$attrs),{default:d(()=>[e(t(x),{"as-child":"",class:"block h-full p-px -m-px"},{default:d(()=>[e(t(g),{class:"text-background-100"})]),_:1})]),_:1},16,["checked"]),m("span",f,[h(a.$slots,"default")])]))}});export{v as default};
@@ -1 +1 @@
1
- import{defineComponent as p,inject as m,computed as f,openBlock as d,createElementBlock as l,unref as t,createElementVNode as o,toDisplayString as a,createVNode as g,renderSlot as h,createCommentVNode as y}from"vue";import{ChoiceboxInjectionKey as x}from"../choicebox-group/index.js";import{r as k}from"../_icons/CheckIcon.js";import"../_utils/css.js";const _=["aria-selected","data-selected"],v={class:"flex gap-6 items-center justify-between p-3"},C={class:"flex flex-col items-stretch justify-start"},j={class:"font-medium text-sm"},V={class:"font-normal text-sm opacity-90 empty:hidden"},w=["data-selected"],N=["data-selected"],S={key:0,class:"border-t border-inherit p-2 flex justify-center"},D=p({__name:"choicebox",props:{title:{},value:{},description:{}},setup(n){const c=n,{multiple:i,modelValue:u,onChoiceboxItemChange:b}=m(x,{modelValue:{}}),r=f(()=>{var e;return(e=u.value)==null?void 0:e.includes(c.value)});return(e,s)=>(d(),l("li",{tabindex:"0","aria-selected":t(r),"data-selected":t(r),class:"pxd-choicebox-item w-full rounded-md list-none cursor-pointer border border-gray-400 bg-background-100 transition-colors hover:bg-gray-100 hover:border-gray-500 data-[selected=true]:border-blue-600 data-[selected=true]:bg-blue-100 data-[selected=true]:text-blue-900",onClick:s[0]||(s[0]=$=>t(b)(e.value))},[o("div",v,[o("div",C,[o("span",j,a(e.title),1),o("span",V,a(e.description),1)]),t(i)?(d(),l("span",{key:0,"data-selected":t(r),class:"relative group block size-4 rounded border border-gray-500 bg-background-100 data-[selected=true]:border-blue-900 data-[selected=true]:bg-blue-900"},[g(t(k),{class:"text-background-100 absolute left-[-1px] top-[-1px] p-px"})],8,w)):(d(),l("span",{key:1,"data-selected":t(r),class:"relative group block size-4 rounded-full bg-background-100 border border-gray-500 data-[selected=true]:border-blue-900"},s[1]||(s[1]=[o("i",{class:"hidden group-data-[selected=true]:block absolute inset-0 m-auto w-1/2 h-1/2 rounded-full bg-blue-900"},null,-1)]),8,N))]),e.$slots.default?(d(),l("div",S,[h(e.$slots,"default")])):y("",!0)],8,_))}});export{D as default};
1
+ import{defineComponent as p,inject as m,computed as f,openBlock as d,createElementBlock as l,unref as t,createElementVNode as o,toDisplayString as a,createVNode as g,renderSlot as h,createCommentVNode as y}from"vue";import{i as x}from"../../Check.js";import{ChoiceboxInjectionKey as k}from"../choicebox-group/index.js";import"../_utils/css.js";const _=["aria-selected","data-selected"],v={class:"flex gap-6 items-center justify-between p-3"},C={class:"flex flex-col items-stretch justify-start"},j={class:"font-medium text-sm"},V={class:"font-normal text-sm opacity-90 empty:hidden"},w=["data-selected"],N=["data-selected"],S={key:0,class:"border-t border-inherit p-2 flex justify-center"},D=p({__name:"choicebox",props:{title:{},value:{},description:{}},setup(n){const c=n,{multiple:i,modelValue:u,onChoiceboxItemChange:b}=m(k,{modelValue:{}}),s=f(()=>{var e;return(e=u.value)==null?void 0:e.includes(c.value)});return(e,r)=>(d(),l("li",{tabindex:"0","aria-selected":t(s),"data-selected":t(s),class:"pxd-choicebox-item w-full rounded-md list-none cursor-pointer border border-gray-400 bg-background-100 transition-colors hover:bg-gray-100 hover:border-gray-500 data-[selected=true]:border-blue-600 data-[selected=true]:bg-blue-100 data-[selected=true]:text-blue-900",onClick:r[0]||(r[0]=$=>t(b)(e.value))},[o("div",v,[o("div",C,[o("span",j,a(e.title),1),o("span",V,a(e.description),1)]),t(i)?(d(),l("span",{key:0,"data-selected":t(s),class:"relative group block size-4 rounded border border-gray-500 bg-background-100 data-[selected=true]:border-blue-900 data-[selected=true]:bg-blue-900"},[g(t(x),{class:"text-background-100 absolute left-[-1px] top-[-1px] p-px"})],8,w)):(d(),l("span",{key:1,"data-selected":t(s),class:"relative group block size-4 rounded-full bg-background-100 border border-gray-500 data-[selected=true]:border-blue-900"},r[1]||(r[1]=[o("i",{class:"hidden group-data-[selected=true]:block absolute inset-0 m-auto w-1/2 h-1/2 rounded-full bg-blue-900"},null,-1)]),8,N))]),e.$slots.default?(d(),l("div",S,[h(e.$slots,"default")])):y("",!0)],8,_))}});export{D as default};
@@ -0,0 +1 @@
1
+ export { default } from './src/code-block';
@@ -0,0 +1 @@
1
+ import{defineComponent as k,h as v,shallowRef as u,watch as b,openBlock as o,createElementBlock as m,createElementVNode as a,toDisplayString as H,createVNode as y,unref as e,withCtx as h,createBlock as l,createCommentVNode as f}from"vue";import{i as p}from"../../Check.js";import{codeToHtml as V}from"shiki";import g from"../button/index.js";import"../_utils/css.js";import"../spinner/_.js";const C=k((i,r)=>{const t=v("svg",{innerHTML:'<path fill-rule="evenodd" clip-rule="evenodd" d="M2.75 0.5C1.7835 0.5 1 1.2835 1 2.25V9.75C1 10.7165 1.7835 11.5 2.75 11.5H3.75H4.5V10H3.75H2.75C2.61193 10 2.5 9.88807 2.5 9.75V2.25C2.5 2.11193 2.61193 2 2.75 2H8.25C8.38807 2 8.5 2.11193 8.5 2.25V3H10V2.25C10 1.2835 9.2165 0.5 8.25 0.5H2.75ZM7.75 4.5C6.7835 4.5 6 5.2835 6 6.25V13.75C6 14.7165 6.7835 15.5 7.75 15.5H13.25C14.2165 15.5 15 14.7165 15 13.75V6.25C15 5.2835 14.2165 4.5 13.25 4.5H7.75ZM7.5 6.25C7.5 6.11193 7.61193 6 7.75 6H13.25C13.3881 6 13.5 6.11193 13.5 6.25V13.75C13.5 13.8881 13.3881 14 13.25 14H7.75C7.61193 14 7.5 13.8881 7.5 13.75V6.25Z" fill="currentColor"></path>',height:"16",strokeLinejoin:"round",style:"color:currentColor",viewBox:"0 0 16 16",width:"16",...r.attrs});return()=>t},{name:"CopyIcon"}),_={class:"pxd-code-block border rounded-lg overflow-hidden"},x={key:0,class:"pxd-code-block--header flex justify-between items-center h-12 pl-4 pr-3 border-b bg-background-200"},w={class:"text-sm text-gray-900"},T={class:"pxd-code-block--body group relative"},M=["innerHTML"],I=k({__name:"code-block",props:{code:{},filename:{},language:{default:"typescript"}},setup(i){const r=u(""),t=u(!1);b(()=>i.code,async n=>{if(!n){r.value="";return}const s=await V(n,{lang:i.language,themes:{light:"github-light",dark:"github-dark"}});r.value=s},{immediate:!0});let c;function d(){navigator.clipboard.writeText(i.code).then(()=>{t.value=!0}).catch(()=>{t.value=!1}).finally(()=>{clearTimeout(c),c=setTimeout(()=>{t.value=!1},1e3)})}return(n,s)=>(o(),m("div",_,[n.filename?(o(),m("div",x,[a("div",w,[a("span",null,H(n.filename),1)]),y(e(g),{variant:"ghost",icon:"",onClick:d},{default:h(()=>[e(t)?(o(),l(e(p),{key:0,class:"text-green-700"})):(o(),l(e(C),{key:1}))]),_:1})])):f("",!0),a("div",T,[n.filename?f("",!0):(o(),l(e(g),{key:0,variant:"outline",class:"absolute right-3 top-3 hidden group-hover:block",icon:"",onClick:d},{default:h(()=>[e(t)?(o(),l(e(p),{key:0,class:"text-green-700"})):(o(),l(e(C),{key:1}))]),_:1})),a("div",{class:"rounded-inherit p-4 bg-background-100 font-mono",innerHTML:e(r)},null,8,M)])]))}});export{I as default};
@@ -0,0 +1,8 @@
1
+ import { BundledLanguage } from 'shiki';
2
+ interface CodeBlockProps {
3
+ code: string;
4
+ filename?: string;
5
+ language?: BundledLanguage;
6
+ }
7
+ declare const _default: import('vue').DefineComponent<CodeBlockProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CodeBlockProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
8
+ export default _default;
@@ -1 +1 @@
1
- import{defineComponent as c,openBlock as a,createBlock as n,unref as e,withCtx as t,createElementBlock as d,Fragment as p,renderList as i,createVNode as r,createTextVNode as u,toDisplayString as s,createElementVNode as f}from"vue";import{AccordionRoot as m,AccordionItem as b,AccordionHeader as g,AccordionTrigger as _,AccordionContent as v}from"radix-vue";import{r as h}from"../_icons/ChevronDownIcon.js";const x={class:"p-4 bg-background-200 border-t border-gray-400"},B=c({name:"PCollapse",__name:"collapse",props:{options:{}},setup(k){return(l,y)=>(a(),n(e(m),{collapsible:"",class:"pxd-collapse bg-background-100","default-value":l.options[0].value},{default:t(()=>[(a(!0),d(p,null,i(l.options,o=>(a(),n(e(b),{key:o.value,value:o.value,class:"[&:not(:last-child)]:border-b border-gray-400"},{default:t(()=>[r(e(g),{class:"flex m-0 cursor-pointer text-4"},{default:t(()=>[r(e(_),{class:"group relative w-full text-inherit font-inherit pl-2 py-3 pr-8 text-left b-0 bg-transparent cursor-pointer"},{default:t(()=>[u(s(o.label)+" ",1),r(e(h),{class:"absolute right-4 top-4 transition-transform group-data-[state=open]:rotate-180"})]),_:2},1024)]),_:2},1024),r(e(v),{class:"overflow-hidden data-[state=open]:animate-collapse-slide-down data-[state=closed]:animate-collapse-slide-up"},{default:t(()=>[f("div",x,s(o.content),1)]),_:2},1024)]),_:2},1032,["value"]))),128))]),_:1},8,["default-value"]))}});export{B as default};
1
+ import{defineComponent as c,openBlock as r,createBlock as n,unref as e,withCtx as t,createElementBlock as d,Fragment as i,renderList as p,createVNode as a,createTextVNode as u,toDisplayString as s,createElementVNode as f}from"vue";import{i as m}from"../../ChevronDown.js";import{AccordionRoot as b,AccordionItem as g,AccordionHeader as _,AccordionTrigger as v,AccordionContent as h}from"radix-vue";const x={class:"p-4 bg-background-200 border-t border-gray-400"},B=c({name:"PCollapse",__name:"collapse",props:{options:{}},setup(k){return(l,y)=>(r(),n(e(b),{collapsible:"",class:"pxd-collapse bg-background-100","default-value":l.options[0].value},{default:t(()=>[(r(!0),d(i,null,p(l.options,o=>(r(),n(e(g),{key:o.value,value:o.value,class:"[&:not(:last-child)]:border-b border-gray-400"},{default:t(()=>[a(e(_),{class:"flex m-0 cursor-pointer text-4"},{default:t(()=>[a(e(v),{class:"group relative w-full text-inherit font-inherit pl-2 py-3 pr-8 text-left b-0 bg-transparent cursor-pointer"},{default:t(()=>[u(s(o.label)+" ",1),a(e(m),{class:"absolute right-4 top-4 transition-transform group-data-[state=open]:rotate-180"})]),_:2},1024)]),_:2},1024),a(e(h),{class:"overflow-hidden data-[state=open]:animate-collapse-slide-down data-[state=closed]:animate-collapse-slide-up"},{default:t(()=>[f("div",x,s(o.content),1)]),_:2},1024)]),_:2},1032,["value"]))),128))]),_:1},8,["default-value"]))}});export{B as default};
@@ -1 +1 @@
1
- import{openBlock as r,createElementBlock as m,createElementVNode as c,defineComponent as w,mergeModels as g,useModel as y,shallowRef as V,computed as L,watchEffect as k,createBlock as u,unref as e,isRef as _,withCtx as a,createVNode as l,normalizeClass as M,withModifiers as z,createCommentVNode as B,createTextVNode as p,toDisplayString as b,Fragment as I,renderList as N}from"vue";import{_ as E}from"../_icons/ExclamationTriangleIcon.js";import{getInputSizes as S}from"../input/index.js";import{ComboboxRoot as T,ComboboxAnchor as $,ComboboxInput as R,ComboboxTrigger as Z,ComboboxContent as j,ComboboxViewport as A,ComboboxEmpty as D,ComboboxItem as F,ComboboxItemIndicator as P}from"radix-vue";import{r as U}from"../_icons/ChevronDownIcon.js";import{r as q}from"../_icons/CheckIcon.js";import"../_icons/ExternalLinkIcon.js";import"../_utils/css.js";function G(s,d){return r(),m("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[c("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",fill:"currentColor"})])}function H(s,d){return r(),m("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[c("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z",fill:"currentColor"})])}const J={class:"absolute left-0 top-0 text-gray-700 w-8 h-full flex items-center"},le=w({name:"PCombobox",__name:"combobox",props:g({size:{default:"default"},error:{},disabled:{type:Boolean},placeholder:{default:"Search..."},options:{},emptyText:{default:"Nothing to see here..."}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(s){const d=y(s,"modelValue"),n=V({}),h=L(()=>S(s.size));function C(t){d.value=t.value}function f(){n.value={}}function x(){d.value="",f()}return k(()=>{if(d.value){const t=s.options.find(i=>i.value===d.value);if(t){n.value=t;return}}f()}),(t,i)=>(r(),u(e(T),{modelValue:e(n),"onUpdate:modelValue":[i[0]||(i[0]=o=>_(n)?n.value=o:null),C],disabled:t.disabled,class:"pxd-combobox relative"},{default:a(()=>[l(e($),{"data-disabled":t.disabled,class:M(["p-focusable rounded-md",[{"p-focusable-error":t.error},e(h)]])},{default:a(()=>{var o;return[c("div",J,[l(e(H),{class:"mx-auto"})]),l(e(R),{class:"px-8 w-full h-full rounded-inherit p-input",placeholder:t.placeholder,value:(o=e(n))==null?void 0:o.label},null,8,["placeholder","value"]),l(e(Z),{class:"absolute right-0 top-0 text-gray-700 w-8 h-full flex items-center justify-center transition-transform data-[state=open]:rotate-180"},{default:a(()=>[d.value?(r(),m("span",{key:0,class:"inline-block w-fit h-fit p-0.5 rounded-full transition-colors hover:bg-gray-alpha-300",onClick:z(x,["stop"])},[l(e(G))])):(r(),u(e(U),{key:1}))]),_:1}),t.error?(r(),u(e(E),{key:0,error:t.error,class:"mt-2"},null,8,["error"])):B("",!0)]}),_:1},8,["data-disabled","class"]),l(e(j),{class:"absolute p-shadow-border-large z-10 w-full mt-2 min-w-40 bg-white overflow-hidden rounded-lg data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out"},{default:a(()=>[l(e(A),{class:"p-select-list p-2 text-sm"},{default:a(()=>[l(e(D),{class:"text-gray-alpha-600 text-xs font-medium text-center py-2 select-none"},{default:a(()=>[p(b(t.emptyText),1)]),_:1}),(r(!0),m(I,null,N(t.options,(o,v)=>(r(),u(e(F),{key:v,value:o,title:o.label,disabled:o.disabled,class:"p-select-item outline-0 flex items-center h-9 pl-7 pr-2 relative select-none rounded-md data-[disabled]:text-gray-alpha-600 data-[disabled]:cursor-not-allowed data-[state=checked]:text-gray-1000"},{default:a(()=>[l(e(P),{class:"absolute left-1 w-6 inline-flex items-center justify-center"},{default:a(()=>[l(e(q))]),_:1}),p(" "+b(o.value),1)]),_:2},1032,["value","title","disabled"]))),128))]),_:1})]),_:1})]),_:1},8,["modelValue","disabled"]))}});export{le as default};
1
+ import{defineComponent as c,h,mergeModels as g,useModel as y,shallowRef as w,computed as V,watchEffect as k,openBlock as s,createBlock as u,unref as e,isRef as M,withCtx as n,createVNode as o,normalizeClass as I,createElementVNode as z,createElementBlock as f,withModifiers as B,createCommentVNode as T,createTextVNode as p,toDisplayString as b,Fragment as _,renderList as N}from"vue";import{i as j}from"../../Check.js";import{i as E}from"../../ChevronDown.js";import{ComboboxRoot as S,ComboboxAnchor as R,ComboboxInput as Z,ComboboxTrigger as $,ComboboxContent as H,ComboboxViewport as A,ComboboxEmpty as D,ComboboxItem as F,ComboboxItemIndicator as G}from"radix-vue";import{_ as P}from"../../error.vue_vue_type_script_setup_true_lang.js";import{getInputSizes as U}from"../input/index.js";import"../../link.vue_vue_type_script_setup_true_lang.js";import"../_utils/css.js";const q=c((d,a)=>{const l=h("svg",{innerHTML:'<path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 13.5303L13 14.0607L14.0607 13L13.5303 12.4697L9.06065 7.99999L13.5303 3.53032L14.0607 2.99999L13 1.93933L12.4697 2.46966L7.99999 6.93933L3.53032 2.46966L2.99999 1.93933L1.93933 2.99999L2.46966 3.53032L6.93933 7.99999L2.46966 12.4697L1.93933 13L2.99999 14.0607L3.53032 13.5303L7.99999 9.06065L12.4697 13.5303Z" fill="currentColor"></path>',height:"16",strokeLinejoin:"round",style:"color:currentColor",viewBox:"0 0 16 16",width:"16",...a.attrs});return()=>l},{name:"CrossIcon"}),J=c((d,a)=>{const l=h("svg",{innerHTML:'<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 6.5C1.5 3.73858 3.73858 1.5 6.5 1.5C9.26142 1.5 11.5 3.73858 11.5 6.5C11.5 9.26142 9.26142 11.5 6.5 11.5C3.73858 11.5 1.5 9.26142 1.5 6.5ZM6.5 0C2.91015 0 0 2.91015 0 6.5C0 10.0899 2.91015 13 6.5 13C8.02469 13 9.42677 12.475 10.5353 11.596L13.9697 15.0303L14.5 15.5607L15.5607 14.5L15.0303 13.9697L11.596 10.5353C12.475 9.42677 13 8.02469 13 6.5C13 2.91015 10.0899 0 6.5 0Z" fill="currentColor"></path>',height:"16",strokeLinejoin:"round",style:"color:currentColor",viewBox:"0 0 16 16",width:"16",...a.attrs});return()=>l},{name:"MagnifyingGlassIcon"}),K={class:"absolute left-0 top-0 text-gray-700 w-8 h-full flex items-center"},oe=c({name:"PCombobox",__name:"combobox",props:g({size:{default:"default"},error:{},disabled:{type:Boolean},placeholder:{default:"Search..."},options:{},emptyText:{default:"Nothing to see here..."}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(d){const a=y(d,"modelValue"),l=w({}),L=V(()=>U(d.size));function C(t){a.value=t.value}function m(){l.value={}}function v(){a.value="",m()}return k(()=>{if(a.value){const t=d.options.find(i=>i.value===a.value);if(t){l.value=t;return}}m()}),(t,i)=>(s(),u(e(S),{modelValue:e(l),"onUpdate:modelValue":[i[0]||(i[0]=r=>M(l)?l.value=r:null),C],disabled:t.disabled,class:"pxd-combobox relative"},{default:n(()=>[o(e(R),{"data-disabled":t.disabled,class:I(["p-focusable rounded-md",[{"p-focusable-error":t.error},e(L)]])},{default:n(()=>{var r;return[z("div",K,[o(e(J),{class:"mx-auto"})]),o(e(Z),{class:"px-8 w-full h-full rounded-inherit p-input",placeholder:t.placeholder,value:(r=e(l))==null?void 0:r.label},null,8,["placeholder","value"]),o(e($),{class:"absolute right-0 top-0 text-gray-700 w-8 h-full flex items-center justify-center transition-transform data-[state=open]:rotate-180"},{default:n(()=>[a.value?(s(),f("span",{key:0,class:"inline-block w-fit h-fit p-0.5 rounded-full transition-colors hover:bg-gray-alpha-300",onClick:B(v,["stop"])},[o(e(q))])):(s(),u(e(E),{key:1}))]),_:1}),t.error?(s(),u(e(P),{key:0,error:t.error,class:"mt-2"},null,8,["error"])):T("",!0)]}),_:1},8,["data-disabled","class"]),o(e(H),{class:"absolute p-shadow-border-large z-10 w-full mt-2 min-w-40 bg-white overflow-hidden rounded-lg data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out"},{default:n(()=>[o(e(A),{class:"p-select-list p-2 text-sm"},{default:n(()=>[o(e(D),{class:"text-gray-alpha-600 text-xs font-medium text-center py-2 select-none"},{default:n(()=>[p(b(t.emptyText),1)]),_:1}),(s(!0),f(_,null,N(t.options,(r,x)=>(s(),u(e(F),{key:x,value:r,title:r.label,disabled:r.disabled,class:"p-select-item outline-0 flex items-center h-9 pl-7 pr-2 relative select-none rounded-md data-[disabled]:text-gray-alpha-600 data-[disabled]:cursor-not-allowed data-[state=checked]:text-gray-1000"},{default:n(()=>[o(e(G),{class:"absolute left-1 w-6 inline-flex items-center justify-center"},{default:n(()=>[o(e(j))]),_:1}),p(" "+b(r.value),1)]),_:2},1032,["value","title","disabled"]))),128))]),_:1})]),_:1})]),_:1},8,["modelValue","disabled"]))}});export{oe as default};
@@ -1 +1 @@
1
- import{_ as p}from"../_icons/ExclamationTriangleIcon.js";import"vue";import"../_icons/ExternalLinkIcon.js";export{p as default};
1
+ import{_ as p}from"../../error.vue_vue_type_script_setup_true_lang.js";import"vue";import"../../link.vue_vue_type_script_setup_true_lang.js";export{p as default};
@@ -1 +1 @@
1
- import{getStandardSize as u}from"../_utils/css.js";import{defineComponent as f,useId as p,computed as m,openBlock as o,createElementBlock as s,createElementVNode as l,normalizeClass as c,unref as r,renderSlot as a,createCommentVNode as n,mergeProps as y,readonly as b,createBlock as h}from"vue";import{_}from"../_icons/ExclamationTriangleIcon.js";import"../_icons/ExternalLinkIcon.js";const g={class:"pxd-input"},k=["data-disabled"],z=["for"],$=["id","readonly","disabled"],x=["for"],E=f({name:"PInput",__name:"input",props:{size:{default:"default"},error:{},readonly:{type:Boolean},disabled:{type:Boolean}},setup(d){const t=p(),i=m(()=>B(d.size));return(e,S)=>(o(),s("div",g,[l("div",{class:c(["p-focusable flex items-center justify-center rounded-md transition-shadow",[{"p-focusable-error":e.error},r(i)]]),"data-disabled":e.disabled},[e.$slots.prefix?(o(),s("label",{key:0,for:r(t),class:"px-3 text-sm text-gray-700"},[a(e.$slots,"prefix")],8,z)):n("",!0),l("input",y({id:r(t),class:"w-full h-full px-3 rounded-inherit text-sm p-input outline-none file:border-0 file:bg-transparent file:text-sm file:font-medium",readonly:"readonly"in e?e.readonly:r(b),disabled:e.disabled},e.$attrs),null,16,$),e.$slots.suffix?(o(),s("label",{key:1,for:r(t),class:"px-3 text-sm text-gray-700"},[a(e.$slots,"suffix")],8,x)):n("",!0)],10,k),e.error?(o(),h(r(_),{key:0,class:"mt-1.5",error:e.error},null,8,["error"])):n("",!0)]))}}),B=u();export{E as default,B as getInputSizes};
1
+ import{getStandardSize as u}from"../_utils/css.js";import{defineComponent as f,useId as p,computed as m,openBlock as o,createElementBlock as s,createElementVNode as l,normalizeClass as c,unref as r,renderSlot as a,createCommentVNode as n,mergeProps as y,readonly as b,createBlock as h}from"vue";import{_}from"../../error.vue_vue_type_script_setup_true_lang.js";import"../../link.vue_vue_type_script_setup_true_lang.js";const g={class:"pxd-input"},k=["data-disabled"],z=["for"],$=["id","readonly","disabled"],x=["for"],E=f({name:"PInput",__name:"input",props:{size:{default:"default"},error:{},readonly:{type:Boolean},disabled:{type:Boolean}},setup(d){const t=p(),i=m(()=>B(d.size));return(e,S)=>(o(),s("div",g,[l("div",{class:c(["p-focusable flex items-center justify-center rounded-md transition-shadow",[{"p-focusable-error":e.error},r(i)]]),"data-disabled":e.disabled},[e.$slots.prefix?(o(),s("label",{key:0,for:r(t),class:"px-3 text-sm text-gray-700"},[a(e.$slots,"prefix")],8,z)):n("",!0),l("input",y({id:r(t),class:"w-full h-full px-3 rounded-inherit text-sm p-input outline-none file:border-0 file:bg-transparent file:text-sm file:font-medium",readonly:"readonly"in e?e.readonly:r(b),disabled:e.disabled},e.$attrs),null,16,$),e.$slots.suffix?(o(),s("label",{key:1,for:r(t),class:"px-3 text-sm text-gray-700"},[a(e.$slots,"suffix")],8,x)):n("",!0)],10,k),e.error?(o(),h(r(_),{key:0,class:"mt-1.5",error:e.error},null,8,["error"])):n("",!0)]))}}),B=u();export{E as default,B as getInputSizes};
@@ -1 +1 @@
1
- import{_ as a}from"../_icons/ExternalLinkIcon.js";import"vue";export{a as default};
1
+ import{_ as a}from"../../link.vue_vue_type_script_setup_true_lang.js";import"vue";export{a as default};
@@ -1,5 +1,6 @@
1
1
  interface LinkProps {
2
2
  href: string;
3
+ withIcon?: boolean;
3
4
  external?: boolean | string;
4
5
  underline?: boolean;
5
6
  hoverUnderline?: boolean;
@@ -0,0 +1 @@
1
+ export { default } from './src/scroller';
@@ -0,0 +1 @@
1
+ import{defineComponent as f,openBlock as n,createBlock as u,unref as e,withCtx as o,createVNode as l,renderSlot as c}from"vue";import{ScrollAreaRoot as s,ScrollAreaViewport as b,ScrollAreaScrollbar as r,ScrollAreaThumb as a}from"radix-vue";const m=f({name:"PScrollbar",__name:"scroller",setup(d){return(t,i)=>(n(),u(e(s),{class:"overflow-hidden pr-3 pb-3"},{default:o(()=>[l(e(b),{class:"w-full h-full"},{default:o(()=>[c(t.$slots,"default")]),_:3}),l(e(r),{class:"h-3 w-full p-0.5 box-border select-none touch-none animated data-[state=visible]:animated-fade-in",orientation:"horizontal"},{default:o(()=>[l(e(a),{class:"relative !h-full bg-gray-alpha-300 hover:bg-gray-alpha-500 rounded-md cursor-default before:content-empty before:absolute before:bottom-0 before:left-0 before:w-full before:h-full"})]),_:1}),l(e(r),{class:"w-3 h-full p-0.5 box-border select-none touch-none animated data-[state=visible]:animated-fade-in",orientation:"vertical"},{default:o(()=>[l(e(a),{class:"relative h-full bg-gray-alpha-300 hover:bg-gray-alpha-500 rounded-md cursor-default before:content-empty before:absolute before:right-0 before:left-0 before:w-full before:h-full"})]),_:1})]),_:3}))}});export{m as default};
@@ -1 +1 @@
1
- import{defineComponent as u,mergeModels as t,useModel as x,openBlock as f,createElementBlock as c,createElementVNode as r,createVNode as n,unref as s,withCtx as d,normalizeClass as g,createTextVNode as h,toDisplayString as v}from"vue";import w from"../button/index.js";import{r as V}from"../_icons/ChevronDownIcon.js";import"../_utils/css.js";import"../spinner/_.js";const T={class:"pxd-show-more mt-5 ml-5 flex items-center w-[calc(100%-40px)] min-h-[30px]"},B=u({__name:"show-more",props:t({expandText:{default:"Show More"},collapseText:{default:"Show Less"}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:t(["toggle","update:modelValue"],["update:modelValue"]),setup(m,{emit:i}){const l=i,e=x(m,"modelValue");function p(){e.value=!e.value,l("toggle",e.value),l("update:modelValue",e.value)}return(a,o)=>(f(),c("div",T,[o[0]||(o[0]=r("div",{class:"pxd-show-more--line bg-gray-alpha-400 flex-grow h-px"},null,-1)),n(s(w),{variant:"outline",shape:"rounded",onClick:p},{suffix:d(()=>[n(s(V),{class:g(["-ml-0.5 transition-transform duration-200",{"rotate-180":e.value}])},null,8,["class"])]),default:d(()=>[h(v(e.value?a.collapseText:a.expandText)+" ",1)]),_:1}),o[1]||(o[1]=r("div",{class:"pxd-show-more--line bg-gray-alpha-400 flex-grow h-px"},null,-1))]))}});export{B as default};
1
+ import{defineComponent as u,mergeModels as a,useModel as x,openBlock as f,createElementBlock as c,createElementVNode as n,createVNode as s,unref as r,withCtx as m,normalizeClass as g,createTextVNode as h,toDisplayString as v}from"vue";import{i as w}from"../../ChevronDown.js";import V from"../button/index.js";import"../_utils/css.js";import"../spinner/_.js";const T={class:"pxd-show-more mt-5 ml-5 flex items-center w-[calc(100%-40px)] min-h-[30px]"},B=u({__name:"show-more",props:a({expandText:{default:"Show More"},collapseText:{default:"Show Less"}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:a(["toggle","update:modelValue"],["update:modelValue"]),setup(d,{emit:i}){const l=i,e=x(d,"modelValue");function p(){e.value=!e.value,l("toggle",e.value),l("update:modelValue",e.value)}return(t,o)=>(f(),c("div",T,[o[0]||(o[0]=n("div",{class:"pxd-show-more--line bg-gray-alpha-400 flex-grow h-px"},null,-1)),s(r(V),{variant:"outline",shape:"rounded",onClick:p},{suffix:m(()=>[s(r(w),{class:g(["-ml-0.5 transition-transform duration-200",{"rotate-180":e.value}])},null,8,["class"])]),default:m(()=>[h(v(e.value?t.collapseText:t.expandText)+" ",1)]),_:1}),o[1]||(o[1]=n("div",{class:"pxd-show-more--line bg-gray-alpha-400 flex-grow h-px"},null,-1))]))}});export{B as default};
@@ -1 +1 @@
1
- import{defineComponent as s,mergeModels as n,useModel as i,openBlock as a,createElementBlock as m,withDirectives as p,createElementVNode as u,mergeProps as f,unref as l,readonly as y,vModelText as b,createBlock as c,createCommentVNode as v}from"vue";import{_ as B}from"../_icons/ExclamationTriangleIcon.js";import"../_icons/ExternalLinkIcon.js";const V={class:"pxd-textarea relative"},k=["disabled","readonly","data-disabled"],T=s({name:"PTextarea",__name:"textarea",props:n({error:{},resize:{type:Boolean},disabled:{type:Boolean},readonly:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(d){const r=i(d,"modelValue");return(e,o)=>(a(),m("div",V,[p(u("textarea",f({"onUpdate:modelValue":o[0]||(o[0]=t=>r.value=t)},e.$attrs,{disabled:e.disabled,readonly:"readonly"in e?e.readonly:l(y),"data-disabled":e.disabled,class:["p-focusable p-input w-full min-h-24 px-3 py-2 rounded-md text-sm",{"p-focusable-error":e.error,"resize-none":!e.resize}]}),null,16,k),[[b,r.value]]),e.error?(a(),c(l(B),{key:0,class:"mt-1.5",error:e.error},null,8,["error"])):v("",!0)]))}});export{T as default};
1
+ import{defineComponent as s,mergeModels as n,useModel as i,openBlock as a,createElementBlock as m,withDirectives as p,createElementVNode as u,mergeProps as f,unref as l,readonly as y,vModelText as b,createBlock as c,createCommentVNode as v}from"vue";import{_ as B}from"../../error.vue_vue_type_script_setup_true_lang.js";import"../../link.vue_vue_type_script_setup_true_lang.js";const V={class:"pxd-textarea relative"},k=["disabled","readonly","data-disabled"],T=s({name:"PTextarea",__name:"textarea",props:n({error:{},resize:{type:Boolean},disabled:{type:Boolean},readonly:{type:Boolean}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(d){const r=i(d,"modelValue");return(e,o)=>(a(),m("div",V,[p(u("textarea",f({"onUpdate:modelValue":o[0]||(o[0]=t=>r.value=t)},e.$attrs,{disabled:e.disabled,readonly:"readonly"in e?e.readonly:l(y),"data-disabled":e.disabled,class:["p-focusable p-input w-full min-h-24 px-3 py-2 rounded-md text-sm",{"p-focusable-error":e.error,"resize-none":!e.resize}]}),null,16,k),[[b,r.value]]),e.error?(a(),c(l(B),{key:0,class:"mt-1.5",error:e.error},null,8,["error"])):v("",!0)]))}});export{T as default};
@@ -0,0 +1 @@
1
+ import{defineComponent as m,h as p,openBlock as r,createElementBlock as t,normalizeClass as u,createElementVNode as n,createVNode as f,unref as l,Fragment as a,toDisplayString as o,createBlock as C,withCtx as h,createTextVNode as i,createCommentVNode as d,renderSlot as L}from"vue";import{_ as V}from"./link.vue_vue_type_script_setup_true_lang.js";const _=m((c,s)=>{const e=p("svg",{innerHTML:'<path fill-rule="evenodd" clip-rule="evenodd" d="M5.30761 1.5L1.5 5.30761L1.5 10.6924L5.30761 14.5H10.6924L14.5 10.6924V5.30761L10.6924 1.5H5.30761ZM5.10051 0C4.83529 0 4.58094 0.105357 4.3934 0.292893L0.292893 4.3934C0.105357 4.58094 0 4.83529 0 5.10051V10.8995C0 11.1647 0.105357 11.4191 0.292894 11.6066L4.3934 15.7071C4.58094 15.8946 4.83529 16 5.10051 16H10.8995C11.1647 16 11.4191 15.8946 11.6066 15.7071L15.7071 11.6066C15.8946 11.4191 16 11.1647 16 10.8995V5.10051C16 4.83529 15.8946 4.58093 15.7071 4.3934L11.6066 0.292893C11.4191 0.105357 11.1647 0 10.8995 0H5.10051ZM8.75 3.75V4.5V8L8.75 8.75H7.25V8V4.5V3.75H8.75ZM8 12C8.55229 12 9 11.5523 9 11C9 10.4477 8.55229 10 8 10C7.44772 10 7 10.4477 7 11C7 11.5523 7.44772 12 8 12Z" fill="currentColor"></path>',height:"16",strokeLinejoin:"round",style:"color:currentColor",viewBox:"0 0 16 16",width:"16",...s.attrs});return()=>e},{name:"StopIcon"}),k={"aria-hidden":"true",class:"inline-flex items-center mr-1 mt-[3px]"},g={class:"pxd-error--text"},v={class:"mr-1"},x={key:0,class:"font-medium mr-1"},S=m({name:"PError",__name:"error",props:{size:{default:"default"},label:{},error:{}},setup(c){const s={small:"text-xs",default:"text-sm",large:"text-lg"};return(e,y)=>(r(),t("div",{class:u(["pxd-error flex items-start text-red-900 text-sm",s[e.size]])},[n("div",k,[f(l(_))]),n("div",g,[typeof e.error=="object"?(r(),t(a,{key:0},[n("span",v,o(e.error.message),1),e.error.link?(r(),C(l(V),{key:0,href:e.error.link,underline:""},{default:h(()=>[i(o(e.error.action),1)]),_:1},8,["href"])):d("",!0)],64)):(r(),t(a,{key:1},[e.label?(r(),t("span",x,o(e.label)+":",1)):d("",!0),L(e.$slots,"default",{},()=>[i(o(e.error),1)])],64))])],2))}});export{S as _};
@@ -0,0 +1 @@
1
+ import{defineComponent as i,h as a,computed as u,openBlock as t,createBlock as o,resolveDynamicComponent as d,mergeProps as s,unref as l,withCtx as c,renderSlot as f,createCommentVNode as h}from"vue";const p=i((n,r)=>{const e=a("svg",{innerHTML:'<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 10.25V13.25C13.5 13.3881 13.3881 13.5 13.25 13.5H2.75C2.61193 13.5 2.5 13.3881 2.5 13.25L2.5 2.75C2.5 2.61193 2.61193 2.5 2.75 2.5H5.75H6.5V1H5.75H2.75C1.7835 1 1 1.7835 1 2.75V13.25C1 14.2165 1.7835 15 2.75 15H13.25C14.2165 15 15 14.2165 15 13.25V10.25V9.5H13.5V10.25ZM9 1H9.75H14.2495C14.6637 1 14.9995 1.33579 14.9995 1.75V6.25V7H13.4995V6.25V3.56066L8.53033 8.52978L8 9.06011L6.93934 7.99945L7.46967 7.46912L12.4388 2.5H9.75H9V1Z" fill="currentColor"></path>',height:"16",strokeLinejoin:"round",style:"color:currentColor",viewBox:"0 0 16 16",width:"16",...r.attrs});return()=>e},{name:"ExternalIcon"}),C=i({__name:"link",props:{href:{},withIcon:{type:Boolean,default:!0},external:{type:[Boolean,String]},underline:{type:Boolean},hoverUnderline:{type:Boolean,default:!0}},setup(n){const r=u(()=>n.external?{href:n.href,rel:"noopener",target:"_blank"}:{to:n.href});return(e,m)=>(t(),o(d(e.external?"a":"RouterLink"),s(l(r),{class:["pxd-link p-ring inline-flex items-center font-medium",{"underline underline-offset-2":e.underline,"hover:underline":e.hoverUnderline}]}),{default:c(()=>[f(e.$slots,"default"),e.withIcon&&e.external?(t(),o(l(p),{key:0,class:"text-lg"})):h("",!0)]),_:3},16,["class"]))}});export{C as _};
@@ -1 +1 @@
1
- const n="pxd",o=n[0].toUpperCase(),s=`${n}/dist`,c=(()=>{const e=".js";return t=>`${s}/components/${t}/index${e}`})();function p(){return{type:"component",resolve:e=>{const t=new RegExp(`^${o}[A-Z]`);if(!e.match(t))return;const r=e.replace(new RegExp(o,"i"),"").replace(/([A-Z])/g,"-$1").toLowerCase().slice(1);return{importName:e,from:c(r),sideEffects:[]}}}}export{p as default};
1
+ const c="pxd",s=c[0].toUpperCase();let n=c;const r={"code-block":["pxd/code-block.css"]},p=(()=>{const e=".js";return t=>`${n}/components/${t}/index${e}`})();function a(){return{type:"component",resolve:e=>{const t=new RegExp(`^${s}[A-Z]`);if(!e.match(t))return;const o=e.replace(new RegExp(s,"i"),"").replace(/([A-Z])/g,"-$1").toLowerCase().slice(1);return{importName:e,from:p(o),sideEffects:r[o]||[]}}}}export{a as default};
@@ -129,6 +129,9 @@ declare const tailwindPreset: {
129
129
  0: string;
130
130
  em: string;
131
131
  };
132
+ fontFamily: {
133
+ mono: string[];
134
+ };
132
135
  lineHeight: {
133
136
  0: string;
134
137
  full: string;
@@ -1 +1 @@
1
- function l({addComponents:a}){a({".p-shadow-border, .p-focusable":{"box-shadow":"0 0 0 1px var(--gray-alpha-400)"},".p-shadow-border-large":{"box-shadow":"0 0 0 1px #00000018, 0px 2px 2px #0000000a,0px 8px 16px -4px #0000000a"},".p-ring":{outline:"0","&:focus-within,&:focus-visible":{"box-shadow":"var(--background-100) 0 0 0 2px, 0 0 0 4px hsl(var(--blue-700-value))"},"&.p-shadow-border:focus-within,&.p-shadow-border:focus-visible":{"box-shadow":"0 0 0 1px var(--gray-alpha-400), 0 0 0 2px var(--background-100), 0 0 0 4px hsl(var(--blue-700-value))"}},".p-focusable":{outline:"0",transition:"box-shadow .15s","&:not(:disabled,[disabled],[disabled=true],[data-disabled=true]):hover":{"box-shadow":"0 0 0 1px var(--gray-alpha-500)"},"&:not(:disabled,[disabled],[disabled=true],[data-disabled=true]):focus, &:not(:disabled,[disabled],[disabled=true],[data-disabled=true]):focus-within":{"box-shadow":"0 0 0 1px var(--gray-alpha-600), 0 0 0 3px rgba(0,0,0,.16)!important"}},".p-focusable-error":{"box-shadow":"0 0 0 1px hsl(var(--red-900-value)), 0 0 0 3px hsl(var(--red-300-value))","&:not(:disabled,[disabled],[disabled=true],[data-disabled=true]):hover":{"box-shadow":"0 0 0 1px hsl(var(--red-900-value)), 0 0 0 3px hsl(var(--red-500-value))"}},".p-input":{outline:"0","font-family":"inherit","background-color":"var(--background-100)","&::placeholder":{color:"hsl(var(--gray-500-value))"},"&:disabled,[disabled],[disabled=true],[data-disabled=true]":{cursor:"not-allowed!important","background-color":"hsl(var(--gray-100-value))!important","&::placeholder":{opacity:"0"}}},".p-select-list":{"&:has([data-highlighted]) [data-highlighted]":{"background-color":"var(--gray-alpha-300)"},"&:not(:has([data-highlighted])) [data-state=checked]":{"background-color":"var(--gray-alpha-300)"}}})}const e={theme:{extend:{colors:{foreground:"hsla(var(--gray-1000-value), 1)",background:{100:"var(--background-100)",200:"var(--background-200)"},"gray-alpha":{100:"var(--gray-alpha-100)",200:"var(--gray-alpha-200)",300:"var(--gray-alpha-300)",400:"var(--gray-alpha-400)",500:"var(--gray-alpha-500)",600:"var(--gray-alpha-600)",700:"var(--gray-alpha-700)",800:"var(--gray-alpha-800)",900:"var(--gray-alpha-900)",1e3:"var(--gray-alpha-1000)"},gray:{100:"hsla(var(--gray-100-value), 1)",200:"hsla(var(--gray-200-value), 1)",300:"hsla(var(--gray-300-value), 1)",400:"hsla(var(--gray-400-value), 1)",500:"hsla(var(--gray-500-value), 1)",600:"hsla(var(--gray-600-value), 1)",700:"hsla(var(--gray-700-value), 1)",800:"hsla(var(--gray-800-value), 1)",900:"hsla(var(--gray-900-value), 1)",1e3:"hsla(var(--gray-1000-value), 1)"},blue:{100:"hsla(var(--blue-100-value), 1)",200:"hsla(var(--blue-200-value), 1)",300:"hsla(var(--blue-300-value), 1)",400:"hsla(var(--blue-400-value), 1)",500:"hsla(var(--blue-500-value), 1)",600:"hsla(var(--blue-600-value), 1)",700:"hsla(var(--blue-700-value), 1)",800:"hsla(var(--blue-800-value), 1)",900:"hsla(var(--blue-900-value), 1)",1e3:"hsla(var(--blue-1000-value), 1)"},red:{100:"hsla(var(--red-100-value), 1)",200:"hsla(var(--red-200-value), 1)",300:"hsla(var(--red-300-value), 1)",400:"hsla(var(--red-400-value), 1)",500:"hsla(var(--red-500-value), 1)",600:"hsla(var(--red-600-value), 1)",700:"hsla(var(--red-700-value), 1)",800:"hsla(var(--red-800-value), 1)",900:"hsla(var(--red-900-value), 1)",1e3:"hsla(var(--red-1000-value), 1)"},amber:{100:"hsla(var(--amber-100-value), 1)",200:"hsla(var(--amber-200-value), 1)",300:"hsla(var(--amber-300-value), 1)",400:"hsla(var(--amber-400-value), 1)",500:"hsla(var(--amber-500-value), 1)",600:"hsla(var(--amber-600-value), 1)",700:"hsla(var(--amber-700-value), 1)",800:"hsla(var(--amber-800-value), 1)",900:"hsla(var(--amber-900-value), 1)",1e3:"hsla(var(--amber-1000-value), 1)"},green:{100:"hsla(var(--green-100-value), 1)",200:"hsla(var(--green-200-value), 1)",300:"hsla(var(--green-300-value), 1)",400:"hsla(var(--green-400-value), 1)",500:"hsla(var(--green-500-value), 1)",600:"hsla(var(--green-600-value), 1)",700:"hsla(var(--green-700-value), 1)",800:"hsla(var(--green-800-value), 1)",900:"hsla(var(--green-900-value), 1)",1e3:"hsla(var(--green-1000-value), 1)"},teal:{100:"hsla(var(--teal-100-value), 1)",200:"hsla(var(--teal-200-value), 1)",300:"hsla(var(--teal-300-value), 1)",400:"hsla(var(--teal-400-value), 1)",500:"hsla(var(--teal-500-value), 1)",600:"hsla(var(--teal-600-value), 1)",700:"hsla(var(--teal-700-value), 1)",800:"hsla(var(--teal-800-value), 1)",900:"hsla(var(--teal-900-value), 1)",1e3:"hsla(var(--teal-1000-value), 1)"},purple:{100:"hsla(var(--purple-100-value), 1)",200:"hsla(var(--purple-200-value), 1)",300:"hsla(var(--purple-300-value), 1)",400:"hsla(var(--purple-400-value), 1)",500:"hsla(var(--purple-500-value), 1)",600:"hsla(var(--purple-600-value), 1)",700:"hsla(var(--purple-700-value), 1)",800:"hsla(var(--purple-800-value), 1)",900:"hsla(var(--purple-900-value), 1)",1e3:"hsla(var(--purple-1000-value), 1)"},pink:{100:"hsla(var(--pink-100-value), 1)",200:"hsla(var(--pink-200-value), 1)",300:"hsla(var(--pink-300-value), 1)",400:"hsla(var(--pink-400-value), 1)",500:"hsla(var(--pink-500-value), 1)",600:"hsla(var(--pink-600-value), 1)",700:"hsla(var(--pink-700-value), 1)",800:"hsla(var(--pink-800-value), 1)",900:"hsla(var(--pink-900-value), 1)",1e3:"hsla(var(--pink-1000-value), 1)"}},borderRadius:{inherit:"inherit",xl:"calc(var(--radius) + 4px)",lg:"var(--radius)",md:"calc(var(--radius) - 2px)",sm:"calc(var(--radius) - 4px)"},fontSize:{0:"0",em:"1em"},lineHeight:{0:"0",full:"100%"},keyframes:{fade:{from:{opacity:0},to:{opacity:1}},"flash-loading":{from:{backgroundPosition:"200% 0"},to:{backgroundPosition:"-200% 0"}},"fade-loading":{"0%":{opacity:.2},"20%":{opacity:1},"100%":{opacity:.2}},"collapse-slide-down":{from:{height:0},to:{height:"var(--radix-accordion-content-height)"}},"collapse-slide-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}},animation:{"fade-in":"fade .25s ease","fade-out":"fade .25s ease reverse","collapse-slide-up":"collapse-slide-up .25s ease","collapse-slide-down":"collapse-slide-down .25s ease","flash-loading":"flash-loading 8s ease-in-out infinite","fade-loading":"fade-loading 1.4s ease-in-out infinite both"}}},plugins:[l]};export{e as default};
1
+ function l({addComponents:a}){a({".p-shadow-border, .p-focusable":{"box-shadow":"0 0 0 1px var(--gray-alpha-400)"},".p-shadow-border-large":{"box-shadow":"0 0 0 1px #00000018, 0px 2px 2px #0000000a,0px 8px 16px -4px #0000000a"},".p-ring":{outline:"0","&:focus-visible":{"box-shadow":"var(--background-100) 0 0 0 2px, 0 0 0 4px hsl(var(--blue-700-value))"},"&.p-shadow-border:focus-visible":{"box-shadow":"0 0 0 1px var(--gray-alpha-400), 0 0 0 2px var(--background-100), 0 0 0 4px hsl(var(--blue-700-value))"}},".p-focusable":{outline:"0",transition:"box-shadow .15s","&:not(:disabled,[disabled],[disabled=true],[data-disabled=true]):hover":{"box-shadow":"0 0 0 1px var(--gray-alpha-500)"},"&:not(:disabled,[disabled],[disabled=true],[data-disabled=true]):focus, &:not(:disabled,[disabled],[disabled=true],[data-disabled=true]):focus-within":{"box-shadow":"0 0 0 1px var(--gray-alpha-600), 0 0 0 3px rgba(0,0,0,.16)!important"}},".p-focusable-error":{"box-shadow":"0 0 0 1px hsl(var(--red-900-value)), 0 0 0 3px hsl(var(--red-300-value))","&:not(:disabled,[disabled],[disabled=true],[data-disabled=true]):hover":{"box-shadow":"0 0 0 1px hsl(var(--red-900-value)), 0 0 0 3px hsl(var(--red-500-value))"}},".p-input":{outline:"0","font-family":"inherit","background-color":"var(--background-100)","&::placeholder":{color:"hsl(var(--gray-500-value))"},"&:disabled,[disabled],[disabled=true],[data-disabled=true]":{cursor:"not-allowed!important","background-color":"hsl(var(--gray-100-value))!important","&::placeholder":{opacity:"0"}}},".p-select-list":{"&:has([data-highlighted]) [data-highlighted]":{"background-color":"var(--gray-alpha-300)"},"&:not(:has([data-highlighted])) [data-state=checked]":{"background-color":"var(--gray-alpha-300)"}}})}const e={theme:{extend:{colors:{foreground:"hsla(var(--gray-1000-value), 1)",background:{100:"var(--background-100)",200:"var(--background-200)"},"gray-alpha":{100:"var(--gray-alpha-100)",200:"var(--gray-alpha-200)",300:"var(--gray-alpha-300)",400:"var(--gray-alpha-400)",500:"var(--gray-alpha-500)",600:"var(--gray-alpha-600)",700:"var(--gray-alpha-700)",800:"var(--gray-alpha-800)",900:"var(--gray-alpha-900)",1e3:"var(--gray-alpha-1000)"},gray:{100:"hsla(var(--gray-100-value), 1)",200:"hsla(var(--gray-200-value), 1)",300:"hsla(var(--gray-300-value), 1)",400:"hsla(var(--gray-400-value), 1)",500:"hsla(var(--gray-500-value), 1)",600:"hsla(var(--gray-600-value), 1)",700:"hsla(var(--gray-700-value), 1)",800:"hsla(var(--gray-800-value), 1)",900:"hsla(var(--gray-900-value), 1)",1e3:"hsla(var(--gray-1000-value), 1)"},blue:{100:"hsla(var(--blue-100-value), 1)",200:"hsla(var(--blue-200-value), 1)",300:"hsla(var(--blue-300-value), 1)",400:"hsla(var(--blue-400-value), 1)",500:"hsla(var(--blue-500-value), 1)",600:"hsla(var(--blue-600-value), 1)",700:"hsla(var(--blue-700-value), 1)",800:"hsla(var(--blue-800-value), 1)",900:"hsla(var(--blue-900-value), 1)",1e3:"hsla(var(--blue-1000-value), 1)"},red:{100:"hsla(var(--red-100-value), 1)",200:"hsla(var(--red-200-value), 1)",300:"hsla(var(--red-300-value), 1)",400:"hsla(var(--red-400-value), 1)",500:"hsla(var(--red-500-value), 1)",600:"hsla(var(--red-600-value), 1)",700:"hsla(var(--red-700-value), 1)",800:"hsla(var(--red-800-value), 1)",900:"hsla(var(--red-900-value), 1)",1e3:"hsla(var(--red-1000-value), 1)"},amber:{100:"hsla(var(--amber-100-value), 1)",200:"hsla(var(--amber-200-value), 1)",300:"hsla(var(--amber-300-value), 1)",400:"hsla(var(--amber-400-value), 1)",500:"hsla(var(--amber-500-value), 1)",600:"hsla(var(--amber-600-value), 1)",700:"hsla(var(--amber-700-value), 1)",800:"hsla(var(--amber-800-value), 1)",900:"hsla(var(--amber-900-value), 1)",1e3:"hsla(var(--amber-1000-value), 1)"},green:{100:"hsla(var(--green-100-value), 1)",200:"hsla(var(--green-200-value), 1)",300:"hsla(var(--green-300-value), 1)",400:"hsla(var(--green-400-value), 1)",500:"hsla(var(--green-500-value), 1)",600:"hsla(var(--green-600-value), 1)",700:"hsla(var(--green-700-value), 1)",800:"hsla(var(--green-800-value), 1)",900:"hsla(var(--green-900-value), 1)",1e3:"hsla(var(--green-1000-value), 1)"},teal:{100:"hsla(var(--teal-100-value), 1)",200:"hsla(var(--teal-200-value), 1)",300:"hsla(var(--teal-300-value), 1)",400:"hsla(var(--teal-400-value), 1)",500:"hsla(var(--teal-500-value), 1)",600:"hsla(var(--teal-600-value), 1)",700:"hsla(var(--teal-700-value), 1)",800:"hsla(var(--teal-800-value), 1)",900:"hsla(var(--teal-900-value), 1)",1e3:"hsla(var(--teal-1000-value), 1)"},purple:{100:"hsla(var(--purple-100-value), 1)",200:"hsla(var(--purple-200-value), 1)",300:"hsla(var(--purple-300-value), 1)",400:"hsla(var(--purple-400-value), 1)",500:"hsla(var(--purple-500-value), 1)",600:"hsla(var(--purple-600-value), 1)",700:"hsla(var(--purple-700-value), 1)",800:"hsla(var(--purple-800-value), 1)",900:"hsla(var(--purple-900-value), 1)",1e3:"hsla(var(--purple-1000-value), 1)"},pink:{100:"hsla(var(--pink-100-value), 1)",200:"hsla(var(--pink-200-value), 1)",300:"hsla(var(--pink-300-value), 1)",400:"hsla(var(--pink-400-value), 1)",500:"hsla(var(--pink-500-value), 1)",600:"hsla(var(--pink-600-value), 1)",700:"hsla(var(--pink-700-value), 1)",800:"hsla(var(--pink-800-value), 1)",900:"hsla(var(--pink-900-value), 1)",1e3:"hsla(var(--pink-1000-value), 1)"}},borderRadius:{inherit:"inherit",xl:"calc(var(--radius) + 4px)",lg:"var(--radius)",md:"calc(var(--radius) - 2px)",sm:"calc(var(--radius) - 4px)"},fontSize:{0:"0",em:"1em"},fontFamily:{mono:["Geist Mono","MonoLisa",'"JetBrains Mono"',"IBM Plex Mono","monospace"]},lineHeight:{0:"0",full:"100%"},keyframes:{fade:{from:{opacity:0},to:{opacity:1}},"flash-loading":{from:{backgroundPosition:"200% 0"},to:{backgroundPosition:"-200% 0"}},"fade-loading":{"0%":{opacity:.2},"20%":{opacity:1},"100%":{opacity:.2}},"collapse-slide-down":{from:{height:0},to:{height:"var(--radix-accordion-content-height)"}},"collapse-slide-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}},animation:{"fade-in":"fade .25s ease","fade-out":"fade .25s ease reverse","collapse-slide-up":"collapse-slide-up .25s ease","collapse-slide-down":"collapse-slide-down .25s ease","flash-loading":"flash-loading 8s ease-in-out infinite","fade-loading":"fade-loading 1.4s ease-in-out infinite both"}}},plugins:[l]};export{e as default};
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "pxd",
3
3
  "type": "module",
4
- "version": "0.0.4",
5
- "description": "Vue component library based on radix-vue and geist design system.",
4
+ "version": "0.0.5",
5
+ "description": "Vue component library based on radix-vue and Geist Design System.",
6
6
  "author": "libondev <bon.li@outlook.com>",
7
7
  "license": "MIT",
8
8
  "homepage": "https://github.com/libondev/pxd#readme",
@@ -33,6 +33,7 @@
33
33
  "./vars.css": "./dist/vars.css",
34
34
  "./components": "./dist/components/*",
35
35
  "./resolver": "./dist/plugins/resolver.js",
36
+ "./tailwind.config": "./dist/plugins/tailwind-preset.js",
36
37
  "./*": "./dist/*"
37
38
  },
38
39
  "main": "./dist/index.js",
@@ -54,19 +55,23 @@
54
55
  "type-check": "vue-tsc --noEmit --composite false"
55
56
  },
56
57
  "peerDependencies": {
58
+ "gdsi": "^1.0.0",
57
59
  "vue": "^3.4.0"
58
60
  },
59
61
  "dependencies": {
60
62
  "radix-vue": "^1.9.7"
61
63
  },
64
+ "optionalDependencies": {
65
+ "shiki": "^1.23.1"
66
+ },
62
67
  "devDependencies": {
63
68
  "@antfu/eslint-config": "^3.8.0",
64
- "@radix-icons/vue": "^1.0.0",
65
69
  "@types/node": "^20.16.12",
66
70
  "@vitejs/plugin-vue": "^5.1.4",
67
71
  "@vitejs/plugin-vue-jsx": "^4.0.1",
68
72
  "eslint": "^9.12.0",
69
73
  "fast-glob": "^3.3.2",
74
+ "gdsi": "^1.0.0",
70
75
  "tailwindcss": "^3.4.14",
71
76
  "typescript": "~5.6.3",
72
77
  "unplugin-auto-import": "^0.18.3",
@@ -1 +0,0 @@
1
- import{openBlock as e,createElementBlock as r,createElementVNode as l}from"vue";function c(o,t){return e(),r("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",fill:"currentColor"})])}export{c as r};
@@ -1 +0,0 @@
1
- import{openBlock as e,createElementBlock as r,createElementVNode as l}from"vue";function c(o,t){return e(),r("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[l("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",fill:"currentColor"})])}export{c as r};
@@ -1 +0,0 @@
1
- import{openBlock as r,createElementBlock as t,createElementVNode as s,defineComponent as c,normalizeClass as f,createVNode as p,unref as n,Fragment as a,toDisplayString as o,createBlock as u,withCtx as C,createTextVNode as i,createCommentVNode as d,renderSlot as h}from"vue";import{_}from"./ExternalLinkIcon.js";function g(m,l){return r(),t("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[s("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.4449 0.608765C8.0183 -0.107015 6.9817 -0.107015 6.55509 0.608766L0.161178 11.3368C-0.275824 12.07 0.252503 13 1.10608 13H13.8939C14.7475 13 15.2758 12.07 14.8388 11.3368L8.4449 0.608765ZM7.4141 1.12073C7.45288 1.05566 7.54712 1.05566 7.5859 1.12073L13.9798 11.8488C14.0196 11.9154 13.9715 12 13.8939 12H1.10608C1.02849 12 0.980454 11.9154 1.02018 11.8488L7.4141 1.12073ZM6.8269 4.48611C6.81221 4.10423 7.11783 3.78663 7.5 3.78663C7.88217 3.78663 8.18778 4.10423 8.1731 4.48612L8.01921 8.48701C8.00848 8.766 7.7792 8.98664 7.5 8.98664C7.2208 8.98664 6.99151 8.766 6.98078 8.48701L6.8269 4.48611ZM8.24989 10.476C8.24989 10.8902 7.9141 11.226 7.49989 11.226C7.08567 11.226 6.74989 10.8902 6.74989 10.476C6.74989 10.0618 7.08567 9.72599 7.49989 9.72599C7.9141 9.72599 8.24989 10.0618 8.24989 10.476Z",fill:"currentColor"})])}const k={"aria-hidden":"true",class:"inline-flex items-center mr-1 mt-[3px]"},x={class:"pxd-error--text"},v={class:"mr-1"},w={key:0,class:"font-medium mr-1"},b=c({name:"PError",__name:"error",props:{size:{default:"default"},label:{},error:{}},setup(m){const l={small:"text-xs",default:"text-sm",large:"text-lg"};return(e,y)=>(r(),t("div",{class:f(["pxd-error flex items-start text-red-900 text-sm",l[e.size]])},[s("div",k,[p(n(g))]),s("div",x,[typeof e.error=="object"?(r(),t(a,{key:0},[s("span",v,o(e.error.message),1),e.error.link?(r(),u(n(_),{key:0,href:e.error.link,underline:""},{default:C(()=>[i(o(e.error.action),1)]),_:1},8,["href"])):d("",!0)],64)):(r(),t(a,{key:1},[e.label?(r(),t("span",w,o(e.label)+":",1)):d("",!0),h(e.$slots,"default",{},()=>[i(o(e.error),1)])],64))])],2))}});export{b as _};
@@ -1 +0,0 @@
1
- import{openBlock as n,createElementBlock as l,createElementVNode as i,defineComponent as a,resolveComponent as d,createBlock as r,normalizeClass as s,withCtx as C,renderSlot as u,unref as p,createCommentVNode as c}from"vue";function f(t,e){return n(),l("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3 2C2.44772 2 2 2.44772 2 3V12C2 12.5523 2.44772 13 3 13H12C12.5523 13 13 12.5523 13 12V8.5C13 8.22386 12.7761 8 12.5 8C12.2239 8 12 8.22386 12 8.5V12H3V3L6.5 3C6.77614 3 7 2.77614 7 2.5C7 2.22386 6.77614 2 6.5 2H3ZM12.8536 2.14645C12.9015 2.19439 12.9377 2.24964 12.9621 2.30861C12.9861 2.36669 12.9996 2.4303 13 2.497L13 2.5V2.50049V5.5C13 5.77614 12.7761 6 12.5 6C12.2239 6 12 5.77614 12 5.5V3.70711L6.85355 8.85355C6.65829 9.04882 6.34171 9.04882 6.14645 8.85355C5.95118 8.65829 5.95118 8.34171 6.14645 8.14645L11.2929 3H9.5C9.22386 3 9 2.77614 9 2.5C9 2.22386 9.22386 2 9.5 2H12.4999H12.5C12.5678 2 12.6324 2.01349 12.6914 2.03794C12.7504 2.06234 12.8056 2.09851 12.8536 2.14645Z",fill:"currentColor"})])}const v=a({__name:"link",props:{href:{},external:{type:[Boolean,String]},underline:{type:Boolean},hoverUnderline:{type:Boolean,default:!0}},setup(t){return(e,m)=>{const o=d("RouterLink");return n(),r(o,{to:e.href,rel:"noopener",target:e.external?"_blank":void 0,class:s(["pxd-link inline-flex items-center font-medium",{"underline underline-offset-2":e.underline,"hover:underline":e.hoverUnderline}])},{default:C(()=>[u(e.$slots,"default"),e.external?(n(),r(p(f),{key:0,class:"text-lg"})):c("",!0)]),_:3},8,["to","target","class"])}}});export{v as _};
@@ -1 +0,0 @@
1
- export { default } from './src/scrollbar';
@@ -1 +0,0 @@
1
- import{defineComponent as n,openBlock as u,createBlock as c,unref as e,withCtx as r,createVNode as l,renderSlot as i}from"vue";import{ScrollAreaRoot as s,ScrollAreaViewport as f,ScrollAreaScrollbar as t,ScrollAreaThumb as o}from"radix-vue";const h=n({name:"PScrollbar",__name:"scrollbar",setup(d){return(a,b)=>(u(),c(e(s),{class:"overflow-hidden pr-3 pb-3"},{default:r(()=>[l(e(f),{class:"w-full h-full"},{default:r(()=>[i(a.$slots,"default")]),_:3}),l(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:r(()=>[l(e(o),{class:"relative !h-full bg-primary/25 hover:bg-primary/50 rounded-3 cursor-default before:(content-empty absolute bottom-0 left-0 w-full h-full)"})]),_:1}),l(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:r(()=>[l(e(o),{class:"relative h-full bg-primary/25 hover:bg-primary/50 rounded-3 cursor-default before:(content-empty absolute top-0 right-0 w-full h-full)"})]),_:1})]),_:3}))}});export{h as default};