@opens/ui 1.0.5 → 1.0.6

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 (5) hide show
  1. package/dist/src/components/inputs/text-input.vue.d.ts +14 -0
  2. package/dist/yunique_ui.cjs.js +1 -1
  3. package/dist/yunique_ui.es.js +62 -61
  4. package/dist/yunique_ui.umd.js +1 -1
  5. package/package.json +1 -1
package/dist/src/components/inputs/text-input.vue.d.ts CHANGED
@@ -16,6 +16,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
16
16
  type: __PropType<boolean>;
17
17
  required: false;
18
18
  };
19
+ type: {
20
+ type: __PropType<{
21
+ type: String;
22
+ default: "text";
23
+ }>;
24
+ required: false;
25
+ };
19
26
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:model-value" | "blur" | "press-enter")[], "update:model-value" | "blur" | "press-enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
20
27
  modelValue: {
21
28
  type: __PropType<string>;
@@ -33,6 +40,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
33
40
  type: __PropType<boolean>;
34
41
  required: false;
35
42
  };
43
+ type: {
44
+ type: __PropType<{
45
+ type: String;
46
+ default: "text";
47
+ }>;
48
+ required: false;
49
+ };
36
50
  }>> & {
37
51
  "onUpdate:model-value"?: (...args: any[]) => any;
38
52
  onBlur?: (...args: any[]) => any;
package/dist/yunique_ui.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B={class:"simple-input"},V={class:"yu-flex yu-h-full yu-pl-2"},k={class:"material-icons yu-text-gray-700 yu-my-auto"},E=["placeholder","type","maxlength"],m=e.defineComponent({__name:"icon-text-input",props:{value:null,label:null,icon:null,placeholder:null,type:null,tooltip:null,caract:null,invalid:{type:Boolean}},emits:["blur","focus","input"],setup(t,{emit:u}){const o=t;e.ref(!1);const l=e.ref(o.value);e.ref(!1);const n=e.ref(o.type),r=e.ref(!1);e.watch(r,y=>{if(!y){u("blur");return}u("focus")});function s(){return!(r.value||l.value)}function i(y){u("input",y.target.value)}return(y,a)=>(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("div",V,[e.createElementVNode("i",k,e.toDisplayString(t.icon),1),e.createElementVNode("p",{class:e.normalizeClass(["yu-text-gray-500 yu-font-plus yu-font-medium yu-p-1 yu-px-2 yu-transition",{"yu-translate-y-2 yu-text-sm":s(),"yu-translate-y-0 yu-text-xs":!s()}])},e.toDisplayString(t.label),3)]),e.withDirectives(e.createElementVNode("input",{class:"yu-pl-8 yu-absolute yu-w-full yu-h-full yu-outline-none yu-bg-transparent yu-appearence-none yu-indent-2 yu-pt-3 yu-font-plus yu-font-semibold yu-text-gray-800",placeholder:t.placeholder,onInput:i,onFocus:a[0]||(a[0]=c=>r.value=!0),onBlur:a[1]||(a[1]=c=>r.value=!1),"onUpdate:modelValue":a[2]||(a[2]=c=>l.value=c),type:n.value||t.type,onKeyup:a[3]||(a[3]=e.withKeys(c=>y.$emit("keyup-enter"),["enter"])),maxlength:t.caract},null,40,E),[[e.vModelDynamic,l.value]])]))}}),S=["disabled"],d=e.defineComponent({__name:"text-input",props:{modelValue:null,label:null,invalid:{type:Boolean},disabled:{type:Boolean}},emits:["update:model-value","blur","press-enter"],setup(t,{emit:u}){const o=t,l=e.ref(o.modelValue),n=e.ref(!1);function r(){return!(n.value||l.value)}function s(y){u(y)}function i(y){const a=y.target;u("update:model-value",a.value)}return(y,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["simple-input",{"yu-border-red-500":t.invalid}])},[e.createElementVNode("p",{class:e.normalizeClass(["yu-text-gray-500 yu-font-plus yu-font-medium yu-p-1 yu-px-2 yu-transition",{"yu-translate-y-1/4 yu-text-sm":r(),"yu-translate-x-0 yu-text-xs":!r()}])},e.toDisplayString(t.label),3),e.withDirectives(e.createElementVNode("input",{class:"yu-absolute yu-w-full yu-h-full yu-outline-none yu-bg-transparent yu-appearence-none yu-indent-2 yu-pt-3 yu-font-plus yu-font-semibold yu-text-gray-800 dark:yu-text-gray-200","onUpdate:modelValue":a[0]||(a[0]=c=>l.value=c),type:"text",disabled:t.disabled,onInput:i,onKeyup:a[1]||(a[1]=e.withKeys(c=>s("press-enter"),["enter"])),onFocus:a[2]||(a[2]=c=>n.value=!0),onBlur:a[3]||(a[3]=c=>n.value=!1)},null,40,S),[[e.vModelText,l.value]])],2))}}),N=["checked"],f=e.defineComponent({__name:"switch-checkbox",props:{modelValue:{type:Boolean},invalid:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue","change","input"],setup(t,{emit:u}){const o=t,l=e.ref(o.modelValue);return e.ref(!1),e.watch(l,n=>{u("update:modelValue",n)}),(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:"yu-relative yu-inline-block yu-w-10 yu-align-middle yu-select-none yu-transition yu-duration-200 yu-ease-in",onClick:r[0]||(r[0]=s=>l.value=!l.value)},[e.createElementVNode("input",{class:"yu-absolute yu-block yu-w-6 yu-h-6 yu-bg-white yu-border-4 yu-rounded-full yu-appearance-none yu-cursor-pointer toggle-checkbox checked:yu-right-0 checked:yu-border-primary-500",type:"checkbox",checked:l.value},null,8,N),e.createElementVNode("label",{class:e.normalizeClass(["yu-block yu-h-6 yu-overflow-hidden yu-bg-gray-300 yu-rounded-full yu-cursor-pointer yu-toggle-label",{"yu-bg-primary-500":l.value}]),for:"toggle"},null,2)]))}}),g=e.defineComponent({__name:"button-primary",props:{large:{type:Boolean,default:!1},small:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},alert:{type:Boolean,default:!1},success:{type:Boolean,default:!1}},setup(t){return(u,o)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["yu-bg-primary yu-px-5 yu-p-2 yu-w-fit yu-text-base yu-text-white yu-rounded-md yu-transition-all yu-font-plus yu-font-bold yu-truncate hover:yu-brightness-90 active:yu-scale-95",{"!yu-px-7 !yu-p-4":t.large,"!yu-px-3 !yu-p-1":t.small,"!yu-bg-red-500":t.warning,"!yu-bg-yellow-400":t.alert,"!yu-bg-green-400":t.success}])},[e.renderSlot(u.$slots,"default")],2))}}),v=e.defineComponent({__name:"button-secondary",props:{large:{type:Boolean,default:!1},small:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},alert:{type:Boolean,default:!1},success:{type:Boolean,default:!1}},setup(t){return(u,o)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["yu-text-primary yu-bg-primary yu-text-base yu-w-fit yu-px-5 yu-p-2 yu-rounded-md yu-transition-all yu-font-plus yu-font-bold yu-truncate !yu-bg-opacity-5 group hover:!yu-bg-opacity-10 active:yu-scale-95 active:!yu-bg-opacity-20",{"!yu-text-lg":t.large,"!yu-text-sm":t.small,"!yu-text-red-500 !yu-bg-red-500":t.warning,"!yu-text-yellow-400 !yu-bg-yellow-400":t.alert,"!yu-text-green-400 !yu-bg-green-400":t.success}])},[e.renderSlot(u.$slots,"default")],2))}}),C={class:"yu-transition yu-text-gray-900 yu-font-plus yu-text-sm yu-p-2 yu-font-semibold yu-rounded-md yu-cursor-pointer yu-flex yu-items-center active:yu-scale-95 hover:yu-bg-primary-500 hover:!yu-bg-opacity-10 hover:yu-text-primary-400"};function _(t,u){return e.openBlock(),e.createElementBlock("div",C,[e.renderSlot(t.$slots,"default")])}const b=(t,u)=>{const o=t.__vccOpts||t;for(const[l,n]of u)o[l]=n;return o};var D={};const p=b(D,[["render",_]]),z={class:"yu-relative yu-w-full"},I={class:"yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2"},T={class:"yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-flex yu-flex-col yu-gap-1 yu-shadow-md yu-absolute yu-z-10"},O={class:"yu-w-full yu-rounded-md yu-p-2"},x=e.defineComponent({__name:"simple-dropdown",props:{label:null,icon:null,isOpen:{type:Boolean}},setup(t){const u=t;e.watch(()=>u.isOpen,l=>{o.value=l,console.log(l)});const o=e.ref(!1);return(l,n)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",z,[e.createElementVNode("button",{class:e.normalizeClass(["yu-w-full yu-bg-gray-700 yu-bg-opacity-0 yu-px-3 yu-p-2 yu-rounded-md yu-flex yu-gap-1 yu-transition hover:yu-bg-opacity-10 yu-group active:yu-bg-primary-500 active:!yu-bg-opacity-10 active:yu-scale-95",{"!yu-bg-primary-500 !yu-bg-opacity-10":o.value}]),onClick:n[0]||(n[0]=r=>o.value=!o.value)},[e.withDirectives(e.createElementVNode("i",{class:e.normalizeClass(["material-icons yu-text-gray-700 yu-h-fit",{"yu-text-primary-500":o.value}])},e.toDisplayString(t.icon),3),[[e.vShow,t.icon]]),e.createElementVNode("div",I,e.toDisplayString(t.label),1),e.createElementVNode("i",{class:e.normalizeClass(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto",{"yu-text-primary-500 yu-rotate-180":o.value}])}," keyboard_arrow_down",2)],2),e.withDirectives(e.createElementVNode("div",T,[e.createElementVNode("div",O,[e.renderSlot(l.$slots,"default")])],512),[[e.vShow,o.value]])])]))}}),M={class:"yu-w-fit yu-relative"},P={class:"yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2"},K={class:"yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-shadow-md yu-z-10 yu-absolute"},L={class:"yu-w-full yu-rounded-md yu-p-2 yu-flex yu-flex-col yu-gap-1"},U=e.createElementVNode("div",{class:"yu-text-gray-700 yu-text-xs"},"Selecionar todos",-1),h=e.defineComponent({__name:"select-dropdown",props:{label:null,icon:null,isOpen:{type:Boolean}},emits:["select-all","deselect-all"],setup(t,{emit:u}){const o=t;e.watch(()=>o.isOpen,s=>{l.value=s,console.log(s)});const l=e.ref(!1),n=e.ref(!1),r=()=>{if(n.value=!n.value,n.value){u("select-all");return}u("deselect-all")};return(s,i)=>(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("button",{class:e.normalizeClass(["yu-bg-gray-700 yu-bg-opacity-0 yu-px-3 yu-p-2 yu-rounded-md yu-flex yu-gap-1 yu-transition hover:yu-bg-opacity-10 yu-group active:yu-bg-primary-500 active:!yu-bg-opacity-10 active:yu-scale-95",{"!yu-bg-primary-500 !yu-bg-opacity-10":l.value}]),onClick:i[0]||(i[0]=y=>l.value=!l.value)},[e.createElementVNode("i",{class:e.normalizeClass(["material-icons yu-text-gray-700 yu-h-fit",{"yu-text-primary-500":l.value}])},e.toDisplayString(t.icon),3),e.createElementVNode("div",P,e.toDisplayString(t.label),1),e.createElementVNode("i",{class:e.normalizeClass(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto",{"yu-text-primary-500 yu-rotate-180":l.value}])}," keyboard_arrow_down",2)],2),e.withDirectives(e.createElementVNode("div",K,[e.createElementVNode("div",L,[e.createVNode(d,{label:"Dropdown"}),e.createVNode(p,{onClick:i[2]||(i[2]=y=>r())},{default:e.withCtx(()=>[U,e.withDirectives(e.createElementVNode("input",{class:"yu-ml-auto yu-accent-primary-500 yu-border-2 yu-cursor-pointer",type:"checkbox","onUpdate:modelValue":i[1]||(i[1]=y=>n.value=y)},null,512),[[e.vModelCheckbox,n.value]])]),_:1}),e.renderSlot(s.$slots,"default")])],512),[[e.vShow,l.value]])]))}}),j={class:"yu-border yu-border-gray-100 yu-rounded-md yu-py-4 yu-px-3 yu-bg-white yu-flex yu-flex-col yu-justify-center yu-shadow-2xl yu-shadow-gray-100"},q={class:"yu-flex yu-gap-5 yu-px-2"},F={class:"yu-flex yu-flex-col"},A={class:"yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center"},G={class:"yu-font-plus yu-text-xs yu-text-gray-400"},H={class:"yu-font-plus yu-text-gray-400 yu-font-medium yu-text-sm"},w=e.defineComponent({__name:"stat-card",props:{icon:{type:String,default:"assignment"},bad:{type:Boolean,default:!1},good:{type:Boolean,default:!1},comparison:{type:Number,default:0},total:{type:Number,default:100}},setup(t){return(u,o)=>(e.openBlock(),e.createElementBlock("div",j,[e.createElementVNode("div",q,[e.createElementVNode("i",{class:e.normalizeClass(["yu-aspect-square material-icons yu-bg-yellow-100 yu-text-yellow-500 yu-h-14 yu-w-14 yu-place-items-center yu-rounded-full !yu-text-1xl !yu-grid",{"!yu-text-red-500 !yu-bg-red-100":t.bad,"!yu-text-green-500 !yu-bg-green-100":t.good}])},e.toDisplayString(t.icon),3),e.createElementVNode("div",F,[e.createElementVNode("div",A,[e.createTextVNode(e.toDisplayString(t.comparison),1),e.createElementVNode("span",G,"/"+e.toDisplayString(t.total),1)]),e.createElementVNode("p",H,[e.renderSlot(u.$slots,"default")])])])]))}}),J={class:"yu-border yu-border-gray-100 yu-rounded-md yu-py-5 yu-px-5 yu-bg-white yu-shadow-md yu-shadow-gray-100"},Q={class:"yu-font-plus yu-text-gray-800 yu-font-semibold yu-text-lg"},R={class:"yu-mt-2 yu-flex yu-flex-col"};function W(t,u){return e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("div",Q,[e.renderSlot(t.$slots,"heading")]),e.createElementVNode("div",R,[e.renderSlot(t.$slots,"list")])])}var X={};const $=b(X,[["render",W]]);const Y={install:t=>{t.component("TextInput",d),t.component("IconTextInput",m),t.component("SwitchCheckbox",f),t.component("ButtonPrimary",g),t.component("ButtonSecondary",v),t.component("SimpleDropdown",x),t.component("SelectDropdown",h),t.component("SimpleDropdownItem",p),t.component("StatCard",w),t.component("ListCard",$)}};exports.ButtonPrimary=g;exports.ButtonSecondary=v;exports.IconTextInput=m;exports.ListCard=$;exports.SelectDropdown=h;exports.SimpleDropdown=x;exports.SimpleDropdownItem=p;exports.StatCard=w;exports.SwitchCheckbox=f;exports.TextInput=d;exports.default=Y;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B={class:"simple-input"},V={class:"yu-flex yu-h-full yu-pl-2"},k={class:"material-icons yu-text-gray-700 yu-my-auto"},E=["placeholder","type","maxlength"],m=e.defineComponent({__name:"icon-text-input",props:{value:null,label:null,icon:null,placeholder:null,type:null,tooltip:null,caract:null,invalid:{type:Boolean}},emits:["blur","focus","input"],setup(t,{emit:u}){const o=t;e.ref(!1);const l=e.ref(o.value);e.ref(!1);const n=e.ref(o.type),r=e.ref(!1);e.watch(r,y=>{if(!y){u("blur");return}u("focus")});function s(){return!(r.value||l.value)}function i(y){u("input",y.target.value)}return(y,a)=>(e.openBlock(),e.createElementBlock("div",B,[e.createElementVNode("div",V,[e.createElementVNode("i",k,e.toDisplayString(t.icon),1),e.createElementVNode("p",{class:e.normalizeClass(["yu-text-gray-500 yu-font-plus yu-font-medium yu-p-1 yu-px-2 yu-transition",{"yu-translate-y-2 yu-text-sm":s(),"yu-translate-y-0 yu-text-xs":!s()}])},e.toDisplayString(t.label),3)]),e.withDirectives(e.createElementVNode("input",{class:"yu-pl-8 yu-absolute yu-w-full yu-h-full yu-outline-none yu-bg-transparent yu-appearence-none yu-indent-2 yu-pt-3 yu-font-plus yu-font-semibold yu-text-gray-800",placeholder:t.placeholder,onInput:i,onFocus:a[0]||(a[0]=c=>r.value=!0),onBlur:a[1]||(a[1]=c=>r.value=!1),"onUpdate:modelValue":a[2]||(a[2]=c=>l.value=c),type:n.value||t.type,onKeyup:a[3]||(a[3]=e.withKeys(c=>y.$emit("keyup-enter"),["enter"])),maxlength:t.caract},null,40,E),[[e.vModelDynamic,l.value]])]))}}),S=["type","disabled"],d=e.defineComponent({__name:"text-input",props:{modelValue:null,label:null,invalid:{type:Boolean},disabled:{type:Boolean},type:null},emits:["update:model-value","blur","press-enter"],setup(t,{emit:u}){const o=t,l=e.ref(o.modelValue),n=e.ref(!1);function r(){return!(n.value||l.value)}function s(y){u(y)}function i(y){const a=y.target;u("update:model-value",a.value)}return(y,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["simple-input",{"yu-border-red-500":t.invalid}])},[e.createElementVNode("p",{class:e.normalizeClass(["yu-text-gray-500 yu-font-plus yu-font-medium yu-p-1 yu-px-2 yu-transition",{"yu-translate-y-1/4 yu-text-sm":r(),"yu-translate-x-0 yu-text-xs":!r()}])},e.toDisplayString(t.label),3),e.withDirectives(e.createElementVNode("input",{class:"yu-absolute yu-w-full yu-h-full yu-outline-none yu-bg-transparent yu-appearence-none yu-indent-2 yu-pt-3 yu-font-plus yu-font-semibold yu-text-gray-800 dark:yu-text-gray-200","onUpdate:modelValue":a[0]||(a[0]=c=>l.value=c),onKeyup:a[1]||(a[1]=e.withKeys(c=>s("press-enter"),["enter"])),type:t.type,disabled:t.disabled,onInput:i,onFocus:a[2]||(a[2]=c=>n.value=!0),onBlur:a[3]||(a[3]=c=>n.value=!1)},null,40,S),[[e.vModelDynamic,l.value]])],2))}}),N=["checked"],f=e.defineComponent({__name:"switch-checkbox",props:{modelValue:{type:Boolean},invalid:{type:Boolean},disabled:{type:Boolean}},emits:["update:modelValue","change","input"],setup(t,{emit:u}){const o=t,l=e.ref(o.modelValue);return e.ref(!1),e.watch(l,n=>{u("update:modelValue",n)}),(n,r)=>(e.openBlock(),e.createElementBlock("div",{class:"yu-relative yu-inline-block yu-w-10 yu-align-middle yu-select-none yu-transition yu-duration-200 yu-ease-in",onClick:r[0]||(r[0]=s=>l.value=!l.value)},[e.createElementVNode("input",{class:"yu-absolute yu-block yu-w-6 yu-h-6 yu-bg-white yu-border-4 yu-rounded-full yu-appearance-none yu-cursor-pointer toggle-checkbox checked:yu-right-0 checked:yu-border-primary-500",type:"checkbox",checked:l.value},null,8,N),e.createElementVNode("label",{class:e.normalizeClass(["yu-block yu-h-6 yu-overflow-hidden yu-bg-gray-300 yu-rounded-full yu-cursor-pointer yu-toggle-label",{"yu-bg-primary-500":l.value}]),for:"toggle"},null,2)]))}}),g=e.defineComponent({__name:"button-primary",props:{large:{type:Boolean,default:!1},small:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},alert:{type:Boolean,default:!1},success:{type:Boolean,default:!1}},setup(t){return(u,o)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["yu-bg-primary yu-px-5 yu-p-2 yu-w-fit yu-text-base yu-text-white yu-rounded-md yu-transition-all yu-font-plus yu-font-bold yu-truncate hover:yu-brightness-90 active:yu-scale-95",{"!yu-px-7 !yu-p-4":t.large,"!yu-px-3 !yu-p-1":t.small,"!yu-bg-red-500":t.warning,"!yu-bg-yellow-400":t.alert,"!yu-bg-green-400":t.success}])},[e.renderSlot(u.$slots,"default")],2))}}),v=e.defineComponent({__name:"button-secondary",props:{large:{type:Boolean,default:!1},small:{type:Boolean,default:!1},warning:{type:Boolean,default:!1},alert:{type:Boolean,default:!1},success:{type:Boolean,default:!1}},setup(t){return(u,o)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["yu-text-primary yu-bg-primary yu-text-base yu-w-fit yu-px-5 yu-p-2 yu-rounded-md yu-transition-all yu-font-plus yu-font-bold yu-truncate !yu-bg-opacity-5 group hover:!yu-bg-opacity-10 active:yu-scale-95 active:!yu-bg-opacity-20",{"!yu-text-lg":t.large,"!yu-text-sm":t.small,"!yu-text-red-500 !yu-bg-red-500":t.warning,"!yu-text-yellow-400 !yu-bg-yellow-400":t.alert,"!yu-text-green-400 !yu-bg-green-400":t.success}])},[e.renderSlot(u.$slots,"default")],2))}}),C={class:"yu-transition yu-text-gray-900 yu-font-plus yu-text-sm yu-p-2 yu-font-semibold yu-rounded-md yu-cursor-pointer yu-flex yu-items-center active:yu-scale-95 hover:yu-bg-primary-500 hover:!yu-bg-opacity-10 hover:yu-text-primary-400"};function _(t,u){return e.openBlock(),e.createElementBlock("div",C,[e.renderSlot(t.$slots,"default")])}const b=(t,u)=>{const o=t.__vccOpts||t;for(const[l,n]of u)o[l]=n;return o};var D={};const p=b(D,[["render",_]]),z={class:"yu-relative yu-w-full"},I={class:"yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2"},T={class:"yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-flex yu-flex-col yu-gap-1 yu-shadow-md yu-absolute yu-z-10"},O={class:"yu-w-full yu-rounded-md yu-p-2"},x=e.defineComponent({__name:"simple-dropdown",props:{label:null,icon:null,isOpen:{type:Boolean}},setup(t){const u=t;e.watch(()=>u.isOpen,l=>{o.value=l,console.log(l)});const o=e.ref(!1);return(l,n)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",z,[e.createElementVNode("button",{class:e.normalizeClass(["yu-w-full yu-bg-gray-700 yu-bg-opacity-0 yu-px-3 yu-p-2 yu-rounded-md yu-flex yu-gap-1 yu-transition hover:yu-bg-opacity-10 yu-group active:yu-bg-primary-500 active:!yu-bg-opacity-10 active:yu-scale-95",{"!yu-bg-primary-500 !yu-bg-opacity-10":o.value}]),onClick:n[0]||(n[0]=r=>o.value=!o.value)},[e.withDirectives(e.createElementVNode("i",{class:e.normalizeClass(["material-icons yu-text-gray-700 yu-h-fit",{"yu-text-primary-500":o.value}])},e.toDisplayString(t.icon),3),[[e.vShow,t.icon]]),e.createElementVNode("div",I,e.toDisplayString(t.label),1),e.createElementVNode("i",{class:e.normalizeClass(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto",{"yu-text-primary-500 yu-rotate-180":o.value}])}," keyboard_arrow_down",2)],2),e.withDirectives(e.createElementVNode("div",T,[e.createElementVNode("div",O,[e.renderSlot(l.$slots,"default")])],512),[[e.vShow,o.value]])])]))}}),M={class:"yu-w-fit yu-relative"},P={class:"yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2"},K={class:"yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-shadow-md yu-z-10 yu-absolute"},L={class:"yu-w-full yu-rounded-md yu-p-2 yu-flex yu-flex-col yu-gap-1"},U=e.createElementVNode("div",{class:"yu-text-gray-700 yu-text-xs"},"Selecionar todos",-1),h=e.defineComponent({__name:"select-dropdown",props:{label:null,icon:null,isOpen:{type:Boolean}},emits:["select-all","deselect-all"],setup(t,{emit:u}){const o=t;e.watch(()=>o.isOpen,s=>{l.value=s,console.log(s)});const l=e.ref(!1),n=e.ref(!1),r=()=>{if(n.value=!n.value,n.value){u("select-all");return}u("deselect-all")};return(s,i)=>(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("button",{class:e.normalizeClass(["yu-bg-gray-700 yu-bg-opacity-0 yu-px-3 yu-p-2 yu-rounded-md yu-flex yu-gap-1 yu-transition hover:yu-bg-opacity-10 yu-group active:yu-bg-primary-500 active:!yu-bg-opacity-10 active:yu-scale-95",{"!yu-bg-primary-500 !yu-bg-opacity-10":l.value}]),onClick:i[0]||(i[0]=y=>l.value=!l.value)},[e.createElementVNode("i",{class:e.normalizeClass(["material-icons yu-text-gray-700 yu-h-fit",{"yu-text-primary-500":l.value}])},e.toDisplayString(t.icon),3),e.createElementVNode("div",P,e.toDisplayString(t.label),1),e.createElementVNode("i",{class:e.normalizeClass(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto",{"yu-text-primary-500 yu-rotate-180":l.value}])}," keyboard_arrow_down",2)],2),e.withDirectives(e.createElementVNode("div",K,[e.createElementVNode("div",L,[e.createVNode(d,{label:"Dropdown"}),e.createVNode(p,{onClick:i[2]||(i[2]=y=>r())},{default:e.withCtx(()=>[U,e.withDirectives(e.createElementVNode("input",{class:"yu-ml-auto yu-accent-primary-500 yu-border-2 yu-cursor-pointer",type:"checkbox","onUpdate:modelValue":i[1]||(i[1]=y=>n.value=y)},null,512),[[e.vModelCheckbox,n.value]])]),_:1}),e.renderSlot(s.$slots,"default")])],512),[[e.vShow,l.value]])]))}}),j={class:"yu-border yu-border-gray-100 yu-rounded-md yu-py-4 yu-px-3 yu-bg-white yu-flex yu-flex-col yu-justify-center yu-shadow-2xl yu-shadow-gray-100"},q={class:"yu-flex yu-gap-5 yu-px-2"},F={class:"yu-flex yu-flex-col"},A={class:"yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center"},G={class:"yu-font-plus yu-text-xs yu-text-gray-400"},H={class:"yu-font-plus yu-text-gray-400 yu-font-medium yu-text-sm"},w=e.defineComponent({__name:"stat-card",props:{icon:{type:String,default:"assignment"},bad:{type:Boolean,default:!1},good:{type:Boolean,default:!1},comparison:{type:Number,default:0},total:{type:Number,default:100}},setup(t){return(u,o)=>(e.openBlock(),e.createElementBlock("div",j,[e.createElementVNode("div",q,[e.createElementVNode("i",{class:e.normalizeClass(["yu-aspect-square material-icons yu-bg-yellow-100 yu-text-yellow-500 yu-h-14 yu-w-14 yu-place-items-center yu-rounded-full !yu-text-1xl !yu-grid",{"!yu-text-red-500 !yu-bg-red-100":t.bad,"!yu-text-green-500 !yu-bg-green-100":t.good}])},e.toDisplayString(t.icon),3),e.createElementVNode("div",F,[e.createElementVNode("div",A,[e.createTextVNode(e.toDisplayString(t.comparison),1),e.createElementVNode("span",G,"/"+e.toDisplayString(t.total),1)]),e.createElementVNode("p",H,[e.renderSlot(u.$slots,"default")])])])]))}}),J={class:"yu-border yu-border-gray-100 yu-rounded-md yu-py-5 yu-px-5 yu-bg-white yu-shadow-md yu-shadow-gray-100"},Q={class:"yu-font-plus yu-text-gray-800 yu-font-semibold yu-text-lg"},R={class:"yu-mt-2 yu-flex yu-flex-col"};function W(t,u){return e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("div",Q,[e.renderSlot(t.$slots,"heading")]),e.createElementVNode("div",R,[e.renderSlot(t.$slots,"list")])])}var X={};const $=b(X,[["render",W]]);const Y={install:t=>{t.component("TextInput",d),t.component("IconTextInput",m),t.component("SwitchCheckbox",f),t.component("ButtonPrimary",g),t.component("ButtonSecondary",v),t.component("SimpleDropdown",x),t.component("SelectDropdown",h),t.component("SimpleDropdownItem",p),t.component("StatCard",w),t.component("ListCard",$)}};exports.ButtonPrimary=g;exports.ButtonSecondary=v;exports.IconTextInput=m;exports.ListCard=$;exports.SelectDropdown=h;exports.SimpleDropdown=x;exports.SimpleDropdownItem=p;exports.StatCard=w;exports.SwitchCheckbox=f;exports.TextInput=d;exports.default=Y;
package/dist/yunique_ui.es.js CHANGED
@@ -1,5 +1,5 @@
1
- import { defineComponent as b, ref as i, watch as h, openBlock as f, createElementBlock as m, createElementVNode as t, toDisplayString as p, normalizeClass as r, withDirectives as x, withKeys as _, vModelDynamic as C, vModelText as V, renderSlot as v, vShow as w, createVNode as $, withCtx as I, vModelCheckbox as D, createTextVNode as T } from "vue";
2
- const N = { class: "simple-input" }, O = { class: "yu-flex yu-h-full yu-pl-2" }, P = { class: "material-icons yu-text-gray-700 yu-my-auto" }, z = ["placeholder", "type", "maxlength"], E = /* @__PURE__ */ b({
1
+ import { defineComponent as b, ref as i, watch as h, openBlock as f, createElementBlock as m, createElementVNode as t, toDisplayString as p, normalizeClass as r, withDirectives as x, withKeys as B, vModelDynamic as _, renderSlot as v, vShow as w, createVNode as $, withCtx as V, vModelCheckbox as I, createTextVNode as D } from "vue";
2
+ const T = { class: "simple-input" }, N = { class: "yu-flex yu-h-full yu-pl-2" }, O = { class: "material-icons yu-text-gray-700 yu-my-auto" }, P = ["placeholder", "type", "maxlength"], z = /* @__PURE__ */ b({
3
3
  __name: "icon-text-input",
4
4
  props: {
5
5
  value: null,
@@ -31,9 +31,9 @@ const N = { class: "simple-input" }, O = { class: "yu-flex yu-h-full yu-pl-2" },
31
31
  function d(y) {
32
32
  l("input", y.target.value);
33
33
  }
34
- return (y, a) => (f(), m("div", N, [
35
- t("div", O, [
36
- t("i", P, p(e.icon), 1),
34
+ return (y, a) => (f(), m("div", T, [
35
+ t("div", N, [
36
+ t("i", O, p(e.icon), 1),
37
37
  t("p", {
38
38
  class: r(["yu-text-gray-500 yu-font-plus yu-font-medium yu-p-1 yu-px-2 yu-transition", { "yu-translate-y-2 yu-text-sm": c(), "yu-translate-y-0 yu-text-xs": !c() }])
39
39
  }, p(e.label), 3)
@@ -46,20 +46,21 @@ const N = { class: "simple-input" }, O = { class: "yu-flex yu-h-full yu-pl-2" },
46
46
  onBlur: a[1] || (a[1] = (g) => s.value = !1),
47
47
  "onUpdate:modelValue": a[2] || (a[2] = (g) => u.value = g),
48
48
  type: n.value || e.type,
49
- onKeyup: a[3] || (a[3] = _((g) => y.$emit("keyup-enter"), ["enter"])),
49
+ onKeyup: a[3] || (a[3] = B((g) => y.$emit("keyup-enter"), ["enter"])),
50
50
  maxlength: e.caract
51
- }, null, 40, z), [
52
- [C, u.value]
51
+ }, null, 40, P), [
52
+ [_, u.value]
53
53
  ])
54
54
  ]));
55
55
  }
56
- }), K = ["disabled"], B = /* @__PURE__ */ b({
56
+ }), E = ["type", "disabled"], k = /* @__PURE__ */ b({
57
57
  __name: "text-input",
58
58
  props: {
59
59
  modelValue: null,
60
60
  label: null,
61
61
  invalid: { type: Boolean },
62
- disabled: { type: Boolean }
62
+ disabled: { type: Boolean },
63
+ type: null
63
64
  },
64
65
  emits: ["update:model-value", "blur", "press-enter"],
65
66
  setup(e, { emit: l }) {
@@ -83,18 +84,18 @@ const N = { class: "simple-input" }, O = { class: "yu-flex yu-h-full yu-pl-2" },
83
84
  x(t("input", {
84
85
  class: "yu-absolute yu-w-full yu-h-full yu-outline-none yu-bg-transparent yu-appearence-none yu-indent-2 yu-pt-3 yu-font-plus yu-font-semibold yu-text-gray-800 dark:yu-text-gray-200",
85
86
  "onUpdate:modelValue": a[0] || (a[0] = (g) => u.value = g),
86
- type: "text",
87
+ onKeyup: a[1] || (a[1] = B((g) => c("press-enter"), ["enter"])),
88
+ type: e.type,
87
89
  disabled: e.disabled,
88
90
  onInput: d,
89
- onKeyup: a[1] || (a[1] = _((g) => c("press-enter"), ["enter"])),
90
91
  onFocus: a[2] || (a[2] = (g) => n.value = !0),
91
92
  onBlur: a[3] || (a[3] = (g) => n.value = !1)
92
- }, null, 40, K), [
93
- [V, u.value]
93
+ }, null, 40, E), [
94
+ [_, u.value]
94
95
  ])
95
96
  ], 2));
96
97
  }
97
- }), M = ["checked"], U = /* @__PURE__ */ b({
98
+ }), K = ["checked"], U = /* @__PURE__ */ b({
98
99
  __name: "switch-checkbox",
99
100
  props: {
100
101
  modelValue: { type: Boolean },
@@ -114,7 +115,7 @@ const N = { class: "simple-input" }, O = { class: "yu-flex yu-h-full yu-pl-2" },
114
115
  class: "yu-absolute yu-block yu-w-6 yu-h-6 yu-bg-white yu-border-4 yu-rounded-full yu-appearance-none yu-cursor-pointer toggle-checkbox checked:yu-right-0 checked:yu-border-primary-500",
115
116
  type: "checkbox",
116
117
  checked: u.value
117
- }, null, 8, M),
118
+ }, null, 8, K),
118
119
  t("label", {
119
120
  class: r(["yu-block yu-h-6 yu-overflow-hidden yu-bg-gray-300 yu-rounded-full yu-cursor-pointer yu-toggle-label", { "yu-bg-primary-500": u.value }]),
120
121
  for: "toggle"
@@ -183,20 +184,20 @@ const N = { class: "simple-input" }, O = { class: "yu-flex yu-h-full yu-pl-2" },
183
184
  v(l.$slots, "default")
184
185
  ], 2));
185
186
  }
186
- }), j = { class: "yu-transition yu-text-gray-900 yu-font-plus yu-text-sm yu-p-2 yu-font-semibold yu-rounded-md yu-cursor-pointer yu-flex yu-items-center active:yu-scale-95 hover:yu-bg-primary-500 hover:!yu-bg-opacity-10 hover:yu-text-primary-400" };
187
- function q(e, l) {
188
- return f(), m("div", j, [
187
+ }), M = { class: "yu-transition yu-text-gray-900 yu-font-plus yu-text-sm yu-p-2 yu-font-semibold yu-rounded-md yu-cursor-pointer yu-flex yu-items-center active:yu-scale-95 hover:yu-bg-primary-500 hover:!yu-bg-opacity-10 hover:yu-text-primary-400" };
188
+ function j(e, l) {
189
+ return f(), m("div", M, [
189
190
  v(e.$slots, "default")
190
191
  ]);
191
192
  }
192
- const k = (e, l) => {
193
+ const S = (e, l) => {
193
194
  const o = e.__vccOpts || e;
194
195
  for (const [u, n] of l)
195
196
  o[u] = n;
196
197
  return o;
197
198
  };
198
- var A = {};
199
- const S = /* @__PURE__ */ k(A, [["render", q]]), G = { class: "yu-relative yu-w-full" }, H = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2" }, J = { class: "yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-flex yu-flex-col yu-gap-1 yu-shadow-md yu-absolute yu-z-10" }, Q = { class: "yu-w-full yu-rounded-md yu-p-2" }, R = /* @__PURE__ */ b({
199
+ var q = {};
200
+ const C = /* @__PURE__ */ S(q, [["render", j]]), A = { class: "yu-relative yu-w-full" }, G = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2" }, H = { class: "yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-flex yu-flex-col yu-gap-1 yu-shadow-md yu-absolute yu-z-10" }, J = { class: "yu-w-full yu-rounded-md yu-p-2" }, Q = /* @__PURE__ */ b({
200
201
  __name: "simple-dropdown",
201
202
  props: {
202
203
  label: null,
@@ -210,7 +211,7 @@ const S = /* @__PURE__ */ k(A, [["render", q]]), G = { class: "yu-relative yu-w-
210
211
  });
211
212
  const o = i(!1);
212
213
  return (u, n) => (f(), m("div", null, [
213
- t("div", G, [
214
+ t("div", A, [
214
215
  t("button", {
215
216
  class: r(["yu-w-full yu-bg-gray-700 yu-bg-opacity-0 yu-px-3 yu-p-2 yu-rounded-md yu-flex yu-gap-1 yu-transition hover:yu-bg-opacity-10 yu-group active:yu-bg-primary-500 active:!yu-bg-opacity-10 active:yu-scale-95", { "!yu-bg-primary-500 !yu-bg-opacity-10": o.value }]),
216
217
  onClick: n[0] || (n[0] = (s) => o.value = !o.value)
@@ -220,13 +221,13 @@ const S = /* @__PURE__ */ k(A, [["render", q]]), G = { class: "yu-relative yu-w-
220
221
  }, p(e.icon), 3), [
221
222
  [w, e.icon]
222
223
  ]),
223
- t("div", H, p(e.label), 1),
224
+ t("div", G, p(e.label), 1),
224
225
  t("i", {
225
226
  class: r(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto", { "yu-text-primary-500 yu-rotate-180": o.value }])
226
227
  }, " keyboard_arrow_down", 2)
227
228
  ], 2),
228
- x(t("div", J, [
229
- t("div", Q, [
229
+ x(t("div", H, [
230
+ t("div", J, [
230
231
  v(u.$slots, "default")
231
232
  ])
232
233
  ], 512), [
@@ -235,7 +236,7 @@ const S = /* @__PURE__ */ k(A, [["render", q]]), G = { class: "yu-relative yu-w-
235
236
  ])
236
237
  ]));
237
238
  }
238
- }), W = { class: "yu-w-fit yu-relative" }, X = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2" }, Y = { class: "yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-shadow-md yu-z-10 yu-absolute" }, Z = { class: "yu-w-full yu-rounded-md yu-p-2 yu-flex yu-flex-col yu-gap-1" }, ee = /* @__PURE__ */ t("div", { class: "yu-text-gray-700 yu-text-xs" }, "Selecionar todos", -1), te = /* @__PURE__ */ b({
239
+ }), R = { class: "yu-w-fit yu-relative" }, W = { class: "yu-text-gray-700 yu-font-plus yu-font-medium yu-text-base yu-mr-2" }, X = { class: "yu-mt-2 yu-w-full yu-bg-white yu-rounded-md yu-shadow-md yu-z-10 yu-absolute" }, Y = { class: "yu-w-full yu-rounded-md yu-p-2 yu-flex yu-flex-col yu-gap-1" }, Z = /* @__PURE__ */ t("div", { class: "yu-text-gray-700 yu-text-xs" }, "Selecionar todos", -1), ee = /* @__PURE__ */ b({
239
240
  __name: "select-dropdown",
240
241
  props: {
241
242
  label: null,
@@ -255,7 +256,7 @@ const S = /* @__PURE__ */ k(A, [["render", q]]), G = { class: "yu-relative yu-w-
255
256
  }
256
257
  l("deselect-all");
257
258
  };
258
- return (c, d) => (f(), m("div", W, [
259
+ return (c, d) => (f(), m("div", R, [
259
260
  t("button", {
260
261
  class: r(["yu-bg-gray-700 yu-bg-opacity-0 yu-px-3 yu-p-2 yu-rounded-md yu-flex yu-gap-1 yu-transition hover:yu-bg-opacity-10 yu-group active:yu-bg-primary-500 active:!yu-bg-opacity-10 active:yu-scale-95", { "!yu-bg-primary-500 !yu-bg-opacity-10": u.value }]),
261
262
  onClick: d[0] || (d[0] = (y) => u.value = !u.value)
@@ -263,25 +264,25 @@ const S = /* @__PURE__ */ k(A, [["render", q]]), G = { class: "yu-relative yu-w-
263
264
  t("i", {
264
265
  class: r(["material-icons yu-text-gray-700 yu-h-fit", { "yu-text-primary-500": u.value }])
265
266
  }, p(e.icon), 3),
266
- t("div", X, p(e.label), 1),
267
+ t("div", W, p(e.label), 1),
267
268
  t("i", {
268
269
  class: r(["material-icons yu-text-gray-700 yu-h-fit yu-ml-auto", { "yu-text-primary-500 yu-rotate-180": u.value }])
269
270
  }, " keyboard_arrow_down", 2)
270
271
  ], 2),
271
- x(t("div", Y, [
272
- t("div", Z, [
273
- $(B, { label: "Dropdown" }),
274
- $(S, {
272
+ x(t("div", X, [
273
+ t("div", Y, [
274
+ $(k, { label: "Dropdown" }),
275
+ $(C, {
275
276
  onClick: d[2] || (d[2] = (y) => s())
276
277
  }, {
277
- default: I(() => [
278
- ee,
278
+ default: V(() => [
279
+ Z,
279
280
  x(t("input", {
280
281
  class: "yu-ml-auto yu-accent-primary-500 yu-border-2 yu-cursor-pointer",
281
282
  type: "checkbox",
282
283
  "onUpdate:modelValue": d[1] || (d[1] = (y) => n.value = y)
283
284
  }, null, 512), [
284
- [D, n.value]
285
+ [I, n.value]
285
286
  ])
286
287
  ]),
287
288
  _: 1
@@ -293,7 +294,7 @@ const S = /* @__PURE__ */ k(A, [["render", q]]), G = { class: "yu-relative yu-w-
293
294
  ])
294
295
  ]));
295
296
  }
296
- }), ue = { class: "yu-border yu-border-gray-100 yu-rounded-md yu-py-4 yu-px-3 yu-bg-white yu-flex yu-flex-col yu-justify-center yu-shadow-2xl yu-shadow-gray-100" }, le = { class: "yu-flex yu-gap-5 yu-px-2" }, oe = { class: "yu-flex yu-flex-col" }, ne = { class: "yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center" }, ae = { class: "yu-font-plus yu-text-xs yu-text-gray-400" }, ye = { class: "yu-font-plus yu-text-gray-400 yu-font-medium yu-text-sm" }, se = /* @__PURE__ */ b({
297
+ }), te = { class: "yu-border yu-border-gray-100 yu-rounded-md yu-py-4 yu-px-3 yu-bg-white yu-flex yu-flex-col yu-justify-center yu-shadow-2xl yu-shadow-gray-100" }, ue = { class: "yu-flex yu-gap-5 yu-px-2" }, le = { class: "yu-flex yu-flex-col" }, oe = { class: "yu-font-plus yu-flex yu-text-xl yu-text-gray-800 yu-font-bold yu-items-center" }, ne = { class: "yu-font-plus yu-text-xs yu-text-gray-400" }, ae = { class: "yu-font-plus yu-text-gray-400 yu-font-medium yu-text-sm" }, ye = /* @__PURE__ */ b({
297
298
  __name: "stat-card",
298
299
  props: {
299
300
  icon: {
@@ -318,51 +319,51 @@ const S = /* @__PURE__ */ k(A, [["render", q]]), G = { class: "yu-relative yu-w-
318
319
  }
319
320
  },
320
321
  setup(e) {
321
- return (l, o) => (f(), m("div", ue, [
322
- t("div", le, [
322
+ return (l, o) => (f(), m("div", te, [
323
+ t("div", ue, [
323
324
  t("i", {
324
325
  class: r(["yu-aspect-square material-icons yu-bg-yellow-100 yu-text-yellow-500 yu-h-14 yu-w-14 yu-place-items-center yu-rounded-full !yu-text-1xl !yu-grid", { "!yu-text-red-500 !yu-bg-red-100": e.bad, "!yu-text-green-500 !yu-bg-green-100": e.good }])
325
326
  }, p(e.icon), 3),
326
- t("div", oe, [
327
- t("div", ne, [
328
- T(p(e.comparison), 1),
329
- t("span", ae, "/" + p(e.total), 1)
327
+ t("div", le, [
328
+ t("div", oe, [
329
+ D(p(e.comparison), 1),
330
+ t("span", ne, "/" + p(e.total), 1)
330
331
  ]),
331
- t("p", ye, [
332
+ t("p", ae, [
332
333
  v(l.$slots, "default")
333
334
  ])
334
335
  ])
335
336
  ])
336
337
  ]));
337
338
  }
338
- }), re = { class: "yu-border yu-border-gray-100 yu-rounded-md yu-py-5 yu-px-5 yu-bg-white yu-shadow-md yu-shadow-gray-100" }, ie = { class: "yu-font-plus yu-text-gray-800 yu-font-semibold yu-text-lg" }, ce = { class: "yu-mt-2 yu-flex yu-flex-col" };
339
- function de(e, l) {
340
- return f(), m("div", re, [
341
- t("div", ie, [
339
+ }), se = { class: "yu-border yu-border-gray-100 yu-rounded-md yu-py-5 yu-px-5 yu-bg-white yu-shadow-md yu-shadow-gray-100" }, re = { class: "yu-font-plus yu-text-gray-800 yu-font-semibold yu-text-lg" }, ie = { class: "yu-mt-2 yu-flex yu-flex-col" };
340
+ function ce(e, l) {
341
+ return f(), m("div", se, [
342
+ t("div", re, [
342
343
  v(e.$slots, "heading")
343
344
  ]),
344
- t("div", ce, [
345
+ t("div", ie, [
345
346
  v(e.$slots, "list")
346
347
  ])
347
348
  ]);
348
349
  }
349
- var pe = {};
350
- const fe = /* @__PURE__ */ k(pe, [["render", de]]);
351
- const ge = {
350
+ var de = {};
351
+ const pe = /* @__PURE__ */ S(de, [["render", ce]]);
352
+ const me = {
352
353
  install: (e) => {
353
- e.component("TextInput", B), e.component("IconTextInput", E), e.component("SwitchCheckbox", U), e.component("ButtonPrimary", F), e.component("ButtonSecondary", L), e.component("SimpleDropdown", R), e.component("SelectDropdown", te), e.component("SimpleDropdownItem", S), e.component("StatCard", se), e.component("ListCard", fe);
354
+ e.component("TextInput", k), e.component("IconTextInput", z), e.component("SwitchCheckbox", U), e.component("ButtonPrimary", F), e.component("ButtonSecondary", L), e.component("SimpleDropdown", Q), e.component("SelectDropdown", ee), e.component("SimpleDropdownItem", C), e.component("StatCard", ye), e.component("ListCard", pe);
354
355
  }
355
356
  };
356
357
  export {
357
358
  F as ButtonPrimary,
358
359
  L as ButtonSecondary,
359
- E as IconTextInput,
360
- fe as ListCard,
361
- te as SelectDropdown,
362
- R as SimpleDropdown,
363
- S as SimpleDropdownItem,
364
- se as StatCard,
360
+ z as IconTextInput,
361
+ pe as ListCard,
362
+ ee as SelectDropdown,
363
+ Q as SimpleDropdown,
364
+ C as SimpleDropdownItem,
365
+ ye as StatCard,
365
366
  U as SwitchCheckbox,
366
- B as TextInput,
367
- ge as default
367
+ k as TextInput,
368
+ me as default
368
369
  };