@oneb/ui-vue 0.1.35 → 0.1.36

package/dist/form/form.d.ts

@@ -28,6 +28,11 @@ export declare const formFieldProps: {
         type: StringConstructor;
         required: boolean;
     };
+    required: {
+        required: boolean;
+        type: BooleanConstructor;
+        default: boolean;
+    };
     hint: {
         type: StringConstructor;
         required: boolean;
@@ -94,6 +99,10 @@ export declare const formInputProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;

package/dist/form/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),F=require("../XMarkIcon-f94baa4c.cjs"),S={id:{type:String,required:!1},validation:{type:Object,required:!1}},$={id:{type:String,required:!1},label:{type:String,required:!1},name:{type:String,required:!1},hint:{type:String,required:!1,default:""},errors:{type:Array,required:!1}},N={name:{type:String,required:!1},errors:{type:Array,required:!1}},q={label:{type:String,required:!1}},O={id:{type:String,required:!1},name:{type:String,required:!1},placeholder:{type:String,default:""},icon:{type:[Function,Object]},type:{type:String,default:"text"},inputClass:{required:!1,type:[Array,String]},modelValue:{required:!1,type:[String,Number,Array,Boolean,Object,null]},autofocus:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},large:{type:Boolean,default:!1},invalid:{type:Boolean,required:!1,default:!1},options:{type:Array,required:!1,default:[]}},h=()=>e.inject("BaseForm",()=>({formId:e.computed(()=>{}),validation:e.computed(()=>{})}),!0),k=()=>e.inject("BaseFormField",()=>({inputId:e.computed(()=>{}),inputName:e.computed(()=>{}),hasError:e.computed(()=>!1)}),!0),_=["id"],I=e.defineComponent({__name:"OneForm",props:S,emits:["submit"],setup(d,{emit:l}){const n=d,o=l;e.provide("BaseForm",{formId:e.computed(()=>n.id),validation:e.computed(()=>n.validation)});const a=()=>{o("submit")};return(t,c)=>(e.openBlock(),e.createElementBlock("form",{onSubmit:e.withModifiers(a,["prevent"]),id:t.id,class:"space-y-3"},[e.renderSlot(t.$slots,"default")],40,_))}}),j=["for"],b=e.defineComponent({__name:"OneFormLabel",props:q,setup(d){const{inputId:l}=k();return(n,o)=>(e.openBlock(),e.createElementBlock("label",{for:e.unref(l),class:"block text-sm font-medium text-primary-content select-none"},[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.label),1)])],8,j))}}),L={key:0,class:"text-danger-content text-xs space-y-1"},B=e.defineComponent({__name:"OneFormFeedback",props:N,setup(d){const l=d,{validation:n}=h(),{inputName:o}=k(),a=e.computed(()=>o.value==null&&l.name==null?l.errors??[]:n.value==null?l.errors??[]:(n.value??{})[l.name||o.value]??l.errors??[]);return(t,c)=>a.value.length>0?(e.openBlock(),e.createElementBlock("div",L,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,u=>(e.openBlock(),e.createElementBlock("div",{key:u},e.toDisplayString(u),1))),128))])):e.createCommentVNode("",!0)}});function M(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"}),e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"})])}function A(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"})])}const D=["id","disabled"],z=["selected"],P=["selected","value"],T=["name","id","value","placeholder","disabled","readonly"],X={key:2,class:"flex w-full space-x-3 items-center"},G=["type","name","id","disabled","readonly","checked"],H=["for"],J={key:3,class:"w-full space-y-1"},K=["name","id","value","disabled","readonly","checked"],Q=["for"],R={key:4,class:"relative"},U={class:"absolute p-2 px-3 rounded-md h-full flex items-center select-none pointer-events-none"},W=["type","name","id","value","placeholder","disabled","readonly"],g=e.defineComponent({__name:"OneFormInput",props:O,emits:["update:modelValue"],setup(d,{expose:l,emit:n}){const o=d,a=n,{inputId:t,inputName:c,hasError:u}=k(),i=e.ref(null),m=e.ref(!1);e.onMounted(()=>{o.autofocus&&i.value&&i.value.focus()});const E=e.computed(()=>o.modelValue!=null&&o.modelValue!==""),p=e.computed(()=>{if(o.id)return o.id;const r=(t==null?void 0:t.value)||"";return o.name?`${r}-${o.name}`:r||""}),V=()=>{a("update:modelValue","")},C=()=>{i.value&&i.value.focus()},w=e.computed(()=>{const r={"shadow-sm":o.type!=="range","border-danger-base":u.value||o.invalid,"pl-10":o.icon!=null,"pr-10":o.type==="password","rounded-full":o.rounded,"rounded-md":!o.rounded,"text-lg":o.large,"py-2.5":o.large,"py-2":!o.large};return o.inputClass!=null&&(typeof o.inputClass=="string"?r[o.inputClass]=!0:o.inputClass instanceof Array&&o.inputClass.forEach(y=>{r[y]=!0})),r}),f=r=>{o.type==="checkbox"?a("update:modelValue",r.target.checked):a("update:modelValue",r.target.value)};return l({focus:C}),(r,y)=>r.type==="select"?(e.openBlock(),e.createElementBlock("select",{key:0,id:p.value,ref_key:"inputElement",ref:i,class:e.normalizeClass(["border border-primary-stroke px-3 w-full",{"border-danger-base":e.unref(u)||r.invalid,"text-secondary-content":r.modelValue===""||r.modelValue==null,"rounded-full":r.rounded,"rounded-md":!r.rounded,"text-lg":r.large,"py-2.5":r.large,"py-2":!r.large}]),disabled:r.disabled},[r.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,selected:r.modelValue===""||r.modelValue==null,disabled:"",hidden:""},e.toDisplayString(r.placeholder),9,z)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,s=>(e.openBlock(),e.createElementBlock("option",{selected:s.key===r.modelValue,key:s.key,value:s.key},e.toDisplayString(s.value),9,P))),128))],10,D)):r.type==="textarea"?(e.openBlock(),e.createElementBlock("textarea",{key:1,name:r.name||e.unref(c),id:p.value,value:r.modelValue,onInput:f,rows:"3",class:e.normalizeClass(["border border-primary-stroke px-3 w-full placeholder-gray-400",{"border-danger-base":e.unref(u),"rounded-3xl":r.rounded,"rounded-md":!r.rounded,"text-lg":r.large,"py-2.5":r.large,"py-2":!r.large}]),placeholder:r.placeholder,disabled:r.disabled,readonly:r.readonly,ref_key:"inputElement",ref:i},null,42,T)):r.type==="checkbox"?(e.openBlock(),e.createElementBlock("div",X,[e.createElementVNode("input",{type:r.type,name:r.name||e.unref(c),id:p.value,value:!0,onInput:f,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["rounded-md border border-primary-stroke px-2 py-2 shadow-sm",{"border-danger-base":e.unref(u)||r.invalid}]),checked:r.modelValue===!0,ref_key:"inputElement",ref:i},null,42,G),e.createElementVNode("label",{for:p.value,class:"text-primary-content select-none"},e.toDisplayString(r.placeholder),9,H)])):r.type==="radio"?(e.openBlock(),e.createElementBlock("div",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,(s,v)=>(e.openBlock(),e.createElementBlock("div",{key:s.key,class:"flex w-full space-x-3 items-center"},[e.createElementVNode("input",{type:"radio",name:r.name||e.unref(c),id:`${p.value}-${v}`,value:s.key,onInput:f,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm",{"border-danger-base":e.unref(u)||r.invalid}]),checked:s.key===r.modelValue,ref_for:!0,ref_key:"inputElement",ref:i},null,42,K),e.createElementVNode("label",{for:`${p.value}-${v}`,class:"text-primary-content select-none"},e.toDisplayString(s.value),9,Q)]))),128))])):(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("div",U,[r.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.icon),{key:0,class:"w-5 h-5 text-primary-content"})):e.createCommentVNode("",!0)]),e.createElementVNode("input",{type:m.value?"text":r.type,name:r.name||e.unref(c),id:p.value,value:r.modelValue,onInput:f,placeholder:r.placeholder,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["border border-primary-stroke w-full px-3 placeholder-gray-400 disabled:bg-gray-50",w.value]),ref_key:"inputElement",ref:i},null,42,W),r.clearable&&E.value?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:V,class:"absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"},[e.createVNode(e.unref(F.render),{class:"w-5 h-5 text-secondary-content hover:text-primary-base"})])):r.type==="password"?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:y[0]||(y[0]=s=>m.value=!m.value),class:"absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"},[m.value?(e.openBlock(),e.createBlock(e.unref(A),{key:0,class:"w-5 h-5 text-primary-content hover:text-primary-base"})):(e.openBlock(),e.createBlock(e.unref(M),{key:1,class:"w-5 h-5 text-secondary-content hover:text-primary-base"}))])):e.createCommentVNode("",!0)]))}}),Y={class:"space-y-1"},Z={key:2,class:"text-xs text-secondary-content select-none"},x=e.defineComponent({__name:"OneFormField",props:$,setup(d){const l=d,{formId:n,validation:o}=h(),a=e.computed(()=>l.errors!=null&&l.errors.length>0?!0:l.name==null?!1:(o.value??{})[l.name]!=null);return e.provide("BaseFormField",{inputId:e.computed(()=>{const t=n.value||"form";if(l.id!=null)return`${t}-${l.id}`;if(l.name!=null)return`${t}-field-${l.name}`}),inputName:e.computed(()=>l.name),hasError:a}),(t,c)=>(e.openBlock(),e.createElementBlock("div",Y,[t.label?(e.openBlock(),e.createBlock(b,{key:0,label:t.label},null,8,["label"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createVNode(g)]),a.value?(e.openBlock(),e.createBlock(B,{key:1,errors:t.errors},null,8,["errors"])):t.hint.length>0?(e.openBlock(),e.createElementBlock("p",Z,e.toDisplayString(t.hint),1)):e.createCommentVNode("",!0)]))}});exports.OneForm=I;exports.OneFormFeedback=B;exports.OneFormField=x;exports.OneFormInput=g;exports.OneFormLabel=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),F=require("../XMarkIcon-f94baa4c.cjs"),S={id:{type:String,required:!1},validation:{type:Object,required:!1}},N={id:{type:String,required:!1},label:{type:String,required:!1},name:{type:String,required:!1},required:{required:!1,type:Boolean,default:!1},hint:{type:String,required:!1,default:""},errors:{type:Array,required:!1}},$={name:{type:String,required:!1},errors:{type:Array,required:!1}},q={label:{type:String,required:!1}},O={id:{type:String,required:!1},name:{type:String,required:!1},placeholder:{type:String,default:""},icon:{type:[Function,Object]},type:{type:String,default:"text"},inputClass:{required:!1,type:[Array,String]},modelValue:{required:!1,type:[String,Number,Array,Boolean,Object,null]},autofocus:{type:Boolean,default:!1},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},large:{type:Boolean,default:!1},invalid:{type:Boolean,required:!1,default:!1},options:{type:Array,required:!1,default:[]}},h=()=>e.inject("BaseForm",()=>({formId:e.computed(()=>{}),validation:e.computed(()=>{})}),!0),k=()=>e.inject("BaseFormField",()=>({inputId:e.computed(()=>{}),inputName:e.computed(()=>{}),hasError:e.computed(()=>!1)}),!0),j=["id"],I=e.defineComponent({__name:"OneForm",props:S,emits:["submit"],setup(d,{emit:l}){const n=d,o=l;e.provide("BaseForm",{formId:e.computed(()=>n.id),validation:e.computed(()=>n.validation)});const a=()=>{o("submit")};return(t,i)=>(e.openBlock(),e.createElementBlock("form",{onSubmit:e.withModifiers(a,["prevent"]),id:t.id,class:"space-y-3"},[e.renderSlot(t.$slots,"default")],40,j))}}),_=["for"],b=e.defineComponent({__name:"OneFormLabel",props:q,setup(d){const{inputId:l}=k();return(n,o)=>(e.openBlock(),e.createElementBlock("label",{for:e.unref(l),class:"text-sm font-medium text-primary-content select-none flex justify-between"},[e.createElementVNode("span",null,[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.label),1)])]),e.renderSlot(n.$slots,"right")],8,_))}}),L={key:0,class:"text-danger-content text-xs space-y-1"},B=e.defineComponent({__name:"OneFormFeedback",props:$,setup(d){const l=d,{validation:n}=h(),{inputName:o}=k(),a=e.computed(()=>o.value==null&&l.name==null?l.errors??[]:n.value==null?l.errors??[]:(n.value??{})[l.name||o.value]??l.errors??[]);return(t,i)=>a.value.length>0?(e.openBlock(),e.createElementBlock("div",L,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,c=>(e.openBlock(),e.createElementBlock("div",{key:c},e.toDisplayString(c),1))),128))])):e.createCommentVNode("",!0)}});function M(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"}),e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"})])}function A(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"})])}const D=["id","disabled"],z=["selected"],P=["selected","value"],T=["name","id","value","placeholder","disabled","readonly"],X={key:2,class:"flex w-full space-x-3 items-center"},G=["type","name","id","disabled","readonly","checked"],H=["for"],J={key:3,class:"w-full space-y-1"},K=["name","id","value","disabled","readonly","checked"],Q=["for"],R={key:4,class:"relative"},U={class:"absolute p-2 px-3 rounded-md h-full flex items-center select-none pointer-events-none"},W=["type","name","id","value","placeholder","disabled","readonly"],g=e.defineComponent({__name:"OneFormInput",props:O,emits:["update:modelValue"],setup(d,{expose:l,emit:n}){const o=d,a=n,{inputId:t,inputName:i,hasError:c}=k(),u=e.ref(null),m=e.ref(!1);e.onMounted(()=>{o.autofocus&&u.value&&u.value.focus()});const E=e.computed(()=>o.modelValue!=null&&o.modelValue!==""),p=e.computed(()=>{if(o.id)return o.id;const r=(t==null?void 0:t.value)||"";return o.name?`${r}-${o.name}`:r||""}),V=()=>{a("update:modelValue","")},w=()=>{u.value&&u.value.focus()},C=e.computed(()=>{const r={"shadow-sm":o.type!=="range","border-danger-base":c.value||o.invalid,"pl-10":o.icon!=null,"pr-10":o.type==="password","rounded-full":o.rounded,"rounded-md":!o.rounded,"text-lg":o.large,"py-2.5":o.large,"py-2":!o.large};return o.inputClass!=null&&(typeof o.inputClass=="string"?r[o.inputClass]=!0:o.inputClass instanceof Array&&o.inputClass.forEach(y=>{r[y]=!0})),r}),f=r=>{o.type==="checkbox"?a("update:modelValue",r.target.checked):a("update:modelValue",r.target.value)};return l({focus:w}),(r,y)=>r.type==="select"?(e.openBlock(),e.createElementBlock("select",{key:0,id:p.value,ref_key:"inputElement",ref:u,class:e.normalizeClass(["border border-primary-stroke px-3 w-full",{"border-danger-base":e.unref(c)||r.invalid,"text-secondary-content":r.modelValue===""||r.modelValue==null,"rounded-full":r.rounded,"rounded-md":!r.rounded,"text-lg":r.large,"py-2.5":r.large,"py-2":!r.large}]),disabled:r.disabled},[r.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,selected:r.modelValue===""||r.modelValue==null,disabled:"",hidden:""},e.toDisplayString(r.placeholder),9,z)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,s=>(e.openBlock(),e.createElementBlock("option",{selected:s.key===r.modelValue,key:s.key,value:s.key},e.toDisplayString(s.value),9,P))),128))],10,D)):r.type==="textarea"?(e.openBlock(),e.createElementBlock("textarea",{key:1,name:r.name||e.unref(i),id:p.value,value:r.modelValue,onInput:f,rows:"3",class:e.normalizeClass(["border border-primary-stroke px-3 w-full placeholder-gray-400",{"border-danger-base":e.unref(c),"rounded-3xl":r.rounded,"rounded-md":!r.rounded,"text-lg":r.large,"py-2.5":r.large,"py-2":!r.large}]),placeholder:r.placeholder,disabled:r.disabled,readonly:r.readonly,ref_key:"inputElement",ref:u},null,42,T)):r.type==="checkbox"?(e.openBlock(),e.createElementBlock("div",X,[e.createElementVNode("input",{type:r.type,name:r.name||e.unref(i),id:p.value,value:!0,onInput:f,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["rounded-md border border-primary-stroke px-2 py-2 shadow-sm",{"border-danger-base":e.unref(c)||r.invalid}]),checked:r.modelValue===!0,ref_key:"inputElement",ref:u},null,42,G),e.createElementVNode("label",{for:p.value,class:"text-primary-content select-none"},e.toDisplayString(r.placeholder),9,H)])):r.type==="radio"?(e.openBlock(),e.createElementBlock("div",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.options,(s,v)=>(e.openBlock(),e.createElementBlock("div",{key:s.key,class:"flex w-full space-x-3 items-center"},[e.createElementVNode("input",{type:"radio",name:r.name||e.unref(i),id:`${p.value}-${v}`,value:s.key,onInput:f,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm",{"border-danger-base":e.unref(c)||r.invalid}]),checked:s.key===r.modelValue,ref_for:!0,ref_key:"inputElement",ref:u},null,42,K),e.createElementVNode("label",{for:`${p.value}-${v}`,class:"text-primary-content select-none"},e.toDisplayString(s.value),9,Q)]))),128))])):(e.openBlock(),e.createElementBlock("div",R,[e.createElementVNode("div",U,[r.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.icon),{key:0,class:"w-5 h-5 text-primary-content"})):e.createCommentVNode("",!0)]),e.createElementVNode("input",{type:m.value?"text":r.type,name:r.name||e.unref(i),id:p.value,value:r.modelValue,onInput:f,placeholder:r.placeholder,disabled:r.disabled,readonly:r.readonly,class:e.normalizeClass(["border border-primary-stroke w-full px-3 placeholder-gray-400 disabled:bg-gray-50",C.value]),ref_key:"inputElement",ref:u},null,42,W),r.clearable&&E.value?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:V,class:"absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"},[e.createVNode(e.unref(F.render),{class:"w-5 h-5 text-secondary-content hover:text-primary-base"})])):r.type==="password"?(e.openBlock(),e.createElementBlock("div",{key:1,onClick:y[0]||(y[0]=s=>m.value=!m.value),class:"absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"},[m.value?(e.openBlock(),e.createBlock(e.unref(A),{key:0,class:"w-5 h-5 text-primary-content hover:text-primary-base"})):(e.openBlock(),e.createBlock(e.unref(M),{key:1,class:"w-5 h-5 text-secondary-content hover:text-primary-base"}))])):e.createCommentVNode("",!0)]))}}),Y={class:"space-y-1"},Z={key:2,class:"text-xs text-secondary-content select-none"},x=e.defineComponent({__name:"OneFormField",props:N,setup(d){const l=d,{formId:n,validation:o}=h(),a=e.computed(()=>l.errors!=null&&l.errors.length>0?!0:l.name==null?!1:(o.value??{})[l.name]!=null);return e.provide("BaseFormField",{inputId:e.computed(()=>{const t=n.value||"form";if(l.id!=null)return`${t}-${l.id}`;if(l.name!=null)return`${t}-field-${l.name}`}),inputName:e.computed(()=>l.name),hasError:a}),(t,i)=>(e.openBlock(),e.createElementBlock("div",Y,[t.label?(e.openBlock(),e.createBlock(b,{key:0,label:t.label},{right:e.withCtx(()=>i[0]||(i[0]=[e.createTextVNode("required")])),_:1},8,["label"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createVNode(g)]),a.value?(e.openBlock(),e.createBlock(B,{key:1,errors:t.errors},null,8,["errors"])):t.hint.length>0?(e.openBlock(),e.createElementBlock("p",Z,e.toDisplayString(t.hint),1)):e.createCommentVNode("",!0)]))}});exports.OneForm=I;exports.OneFormFeedback=B;exports.OneFormField=x;exports.OneFormInput=g;exports.OneFormLabel=b;

package/dist/form/index.js

@@ -1,6 +1,6 @@
-import { inject as O, computed as t, defineComponent as w, provide as I, openBlock as l, createElementBlock as n, withModifiers as z, renderSlot as S, unref as d, createTextVNode as D, toDisplayString as h, Fragment as C, renderList as B, createCommentVNode as b, createElementVNode as m, ref as E, onMounted as T, normalizeClass as k, createBlock as g, resolveDynamicComponent as G, createVNode as j } from "vue";
-import { r as H } from "../XMarkIcon-51ef0691.js";
-const J = {
+import { inject as I, computed as o, defineComponent as w, provide as _, openBlock as l, createElementBlock as n, withModifiers as D, renderSlot as q, unref as d, createElementVNode as m, createTextVNode as j, toDisplayString as h, Fragment as C, renderList as B, createCommentVNode as b, ref as O, onMounted as T, normalizeClass as k, createBlock as g, resolveDynamicComponent as G, createVNode as N, withCtx as H } from "vue";
+import { r as J } from "../XMarkIcon-51ef0691.js";
+const K = {
   id: {
     type: String,
     required: !1
@@ -9,7 +9,7 @@ const J = {
     type: Object,
     required: !1
   }
-}, K = {
+}, Q = {
   id: {
     type: String,
     required: !1
@@ -22,6 +22,11 @@ const J = {
     type: String,
     required: !1
   },
+  required: {
+    required: !1,
+    type: Boolean,
+    default: !1
+  },
   hint: {
     type: String,
     required: !1,
@@ -31,7 +36,7 @@ const J = {
     type: Array,
     required: !1
   }
-}, Q = {
+}, R = {
   name: {
     type: String,
     required: !1
@@ -40,12 +45,12 @@ const J = {
     type: Array,
     required: !1
   }
-}, R = {
+}, U = {
   label: {
     type: String,
     required: !1
   }
-}, U = {
+}, W = {
   id: {
     type: String,
     required: !1
@@ -77,6 +82,10 @@ const J = {
     type: Boolean,
     default: !1
   },
+  required: {
+    type: Boolean,
+    default: !1
+  },
   disabled: {
     type: Boolean,
     default: !1
@@ -107,74 +116,77 @@ const J = {
     required: !1,
     default: []
   }
-}, N = () => O(
+}, A = () => I(
   "BaseForm",
   () => ({
-    formId: t(() => {
+    formId: o(() => {
     }),
-    validation: t(() => {
+    validation: o(() => {
     })
   }),
   !0
-), q = () => O(
+), S = () => I(
   "BaseFormField",
   () => ({
-    inputId: t(() => {
+    inputId: o(() => {
     }),
-    inputName: t(() => {
+    inputName: o(() => {
     }),
-    hasError: t(() => !1)
+    hasError: o(() => !1)
   }),
   !0
-), W = ["id"], ge = /* @__PURE__ */ w({
+), X = ["id"], we = /* @__PURE__ */ w({
   __name: "OneForm",
-  props: J,
+  props: K,
   emits: ["submit"],
   setup(u, { emit: a }) {
     const s = u, r = a;
-    I("BaseForm", {
-      formId: t(() => s.id),
-      validation: t(() => s.validation)
+    _("BaseForm", {
+      formId: o(() => s.id),
+      validation: o(() => s.validation)
     });
     const i = () => {
       r("submit");
     };
-    return (o, y) => (l(), n("form", {
-      onSubmit: z(i, ["prevent"]),
-      id: o.id,
+    return (t, c) => (l(), n("form", {
+      onSubmit: D(i, ["prevent"]),
+      id: t.id,
       class: "space-y-3"
     }, [
-      S(o.$slots, "default")
-    ], 40, W));
+      q(t.$slots, "default")
+    ], 40, X));
   }
-}), X = ["for"], Y = /* @__PURE__ */ w({
+}), Y = ["for"], Z = /* @__PURE__ */ w({
   __name: "OneFormLabel",
-  props: R,
+  props: U,
   setup(u) {
-    const { inputId: a } = q();
+    const { inputId: a } = S();
     return (s, r) => (l(), n("label", {
       for: d(a),
-      class: "block text-sm font-medium text-primary-content select-none"
+      class: "text-sm font-medium text-primary-content select-none flex justify-between"
     }, [
-      S(s.$slots, "default", {}, () => [
-        D(h(s.label), 1)
-      ])
-    ], 8, X));
+      m("span", null, [
+        q(s.$slots, "default", {}, () => [
+          j(h(s.label), 1)
+        ])
+      ]),
+      q(s.$slots, "right")
+    ], 8, Y));
   }
-}), Z = {
+}), x = {
   key: 0,
   class: "text-danger-content text-xs space-y-1"
-}, x = /* @__PURE__ */ w({
+}, ee = /* @__PURE__ */ w({
   __name: "OneFormFeedback",
-  props: Q,
+  props: R,
   setup(u) {
-    const a = u, { validation: s } = N(), { inputName: r } = q(), i = t(() => r.value == null && a.name == null ? a.errors ?? [] : s.value == null ? a.errors ?? [] : (s.value ?? {})[a.name || r.value] ?? a.errors ?? []);
-    return (o, y) => i.value.length > 0 ? (l(), n("div", Z, [
-      (l(!0), n(C, null, B(i.value, (f) => (l(), n("div", { key: f }, h(f), 1))), 128))
+    const a = u, { validation: s } = A(), { inputName: r } = S(), i = o(() => r.value == null && a.name == null ? a.errors ?? [] : s.value == null ? a.errors ?? [] : (s.value ?? {})[a.name || r.value] ?? a.errors ?? []);
+    return (t, c) => i.value.length > 0 ? (l(), n("div", x, [
+      (l(!0), n(C, null, B(i.value, (y) => (l(), n("div", { key: y }, h(y), 1))), 128))
     ])) : b("", !0);
   }
 });
-function ee(u, a) {
+function re(u, a) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -195,7 +207,7 @@ function ee(u, a) {
     })
   ]);
 }
-function re(u, a) {
+function le(u, a) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -211,37 +223,37 @@ function re(u, a) {
     })
   ]);
 }
-const le = ["id", "disabled"], ae = ["selected"], ne = ["selected", "value"], oe = ["name", "id", "value", "placeholder", "disabled", "readonly"], te = {
+const ae = ["id", "disabled"], ne = ["selected"], te = ["selected", "value"], oe = ["name", "id", "value", "placeholder", "disabled", "readonly"], se = {
   key: 2,
   class: "flex w-full space-x-3 items-center"
-}, se = ["type", "name", "id", "disabled", "readonly", "checked"], de = ["for"], ie = {
+}, de = ["type", "name", "id", "disabled", "readonly", "checked"], ie = ["for"], ue = {
   key: 3,
   class: "w-full space-y-1"
-}, ue = ["name", "id", "value", "disabled", "readonly", "checked"], pe = ["for"], ce = {
+}, pe = ["name", "id", "value", "disabled", "readonly", "checked"], me = ["for"], ce = {
   key: 4,
   class: "relative"
-}, me = { class: "absolute p-2 px-3 rounded-md h-full flex items-center select-none pointer-events-none" }, fe = ["type", "name", "id", "value", "placeholder", "disabled", "readonly"], ye = /* @__PURE__ */ w({
+}, fe = { class: "absolute p-2 px-3 rounded-md h-full flex items-center select-none pointer-events-none" }, ye = ["type", "name", "id", "value", "placeholder", "disabled", "readonly"], ve = /* @__PURE__ */ w({
   __name: "OneFormInput",
-  props: U,
+  props: W,
   emits: ["update:modelValue"],
   setup(u, { expose: a, emit: s }) {
-    const r = u, i = s, { inputId: o, inputName: y, hasError: f } = q(), c = E(null), F = E(!1);
+    const r = u, i = s, { inputId: t, inputName: c, hasError: y } = S(), f = O(null), F = O(!1);
     T(() => {
-      r.autofocus && c.value && c.value.focus();
+      r.autofocus && f.value && f.value.focus();
     });
-    const A = t(() => r.modelValue != null && r.modelValue !== ""), v = t(() => {
+    const L = o(() => r.modelValue != null && r.modelValue !== ""), v = o(() => {
       if (r.id)
         return r.id;
-      const e = (o == null ? void 0 : o.value) || "";
+      const e = (t == null ? void 0 : t.value) || "";
       return r.name ? `${e}-${r.name}` : e || "";
-    }), L = () => {
+    }), M = () => {
       i("update:modelValue", "");
-    }, M = () => {
-      c.value && c.value.focus();
-    }, P = t(() => {
+    }, P = () => {
+      f.value && f.value.focus();
+    }, z = o(() => {
       const e = {
         "shadow-sm": r.type !== "range",
-        "border-danger-base": f.value || r.invalid,
+        "border-danger-base": y.value || r.invalid,
         "pl-10": r.icon != null,
         "pr-10": r.type === "password",
         "rounded-full": r.rounded,
@@ -257,14 +269,14 @@ const le = ["id", "disabled"], ae = ["selected"], ne = ["selected", "value"], oe
       r.type === "checkbox" ? i("update:modelValue", e.target.checked) : i("update:modelValue", e.target.value);
     };
     return a({
-      focus: M
+      focus: P
     }), (e, V) => e.type === "select" ? (l(), n("select", {
       key: 0,
       id: v.value,
       ref_key: "inputElement",
-      ref: c,
+      ref: f,
       class: k(["border border-primary-stroke px-3 w-full", {
-        "border-danger-base": d(f) || e.invalid,
+        "border-danger-base": d(y) || e.invalid,
         "text-secondary-content": e.modelValue === "" || e.modelValue == null,
         "rounded-full": e.rounded,
         "rounded-md": !e.rounded,
@@ -279,21 +291,21 @@ const le = ["id", "disabled"], ae = ["selected"], ne = ["selected", "value"], oe
         selected: e.modelValue === "" || e.modelValue == null,
         disabled: "",
         hidden: ""
-      }, h(e.placeholder), 9, ae)) : b("", !0),
+      }, h(e.placeholder), 9, ne)) : b("", !0),
       (l(!0), n(C, null, B(e.options, (p) => (l(), n("option", {
         selected: p.key === e.modelValue,
         key: p.key,
         value: p.key
-      }, h(p.value), 9, ne))), 128))
-    ], 10, le)) : e.type === "textarea" ? (l(), n("textarea", {
+      }, h(p.value), 9, te))), 128))
+    ], 10, ae)) : e.type === "textarea" ? (l(), n("textarea", {
       key: 1,
-      name: e.name || d(y),
+      name: e.name || d(c),
       id: v.value,
       value: e.modelValue,
       onInput: $,
       rows: "3",
       class: k(["border border-primary-stroke px-3 w-full placeholder-gray-400", {
-        "border-danger-base": d(f),
+        "border-danger-base": d(y),
         "rounded-3xl": e.rounded,
         "rounded-md": !e.rounded,
         "text-lg": e.large,
@@ -304,55 +316,55 @@ const le = ["id", "disabled"], ae = ["selected"], ne = ["selected", "value"], oe
       disabled: e.disabled,
       readonly: e.readonly,
       ref_key: "inputElement",
-      ref: c
-    }, null, 42, oe)) : e.type === "checkbox" ? (l(), n("div", te, [
+      ref: f
+    }, null, 42, oe)) : e.type === "checkbox" ? (l(), n("div", se, [
       m("input", {
         type: e.type,
-        name: e.name || d(y),
+        name: e.name || d(c),
         id: v.value,
         value: !0,
         onInput: $,
         disabled: e.disabled,
         readonly: e.readonly,
         class: k(["rounded-md border border-primary-stroke px-2 py-2 shadow-sm", {
-          "border-danger-base": d(f) || e.invalid
+          "border-danger-base": d(y) || e.invalid
         }]),
         checked: e.modelValue === !0,
         ref_key: "inputElement",
-        ref: c
-      }, null, 42, se),
+        ref: f
+      }, null, 42, de),
       m("label", {
         for: v.value,
         class: "text-primary-content select-none"
-      }, h(e.placeholder), 9, de)
-    ])) : e.type === "radio" ? (l(), n("div", ie, [
-      (l(!0), n(C, null, B(e.options, (p, _) => (l(), n("div", {
+      }, h(e.placeholder), 9, ie)
+    ])) : e.type === "radio" ? (l(), n("div", ue, [
+      (l(!0), n(C, null, B(e.options, (p, E) => (l(), n("div", {
         key: p.key,
         class: "flex w-full space-x-3 items-center"
       }, [
         m("input", {
           type: "radio",
-          name: e.name || d(y),
-          id: `${v.value}-${_}`,
+          name: e.name || d(c),
+          id: `${v.value}-${E}`,
           value: p.key,
           onInput: $,
           disabled: e.disabled,
           readonly: e.readonly,
           class: k(["rounded-md border border-primary-stroke px-3 py-2 shadow-sm", {
-            "border-danger-base": d(f) || e.invalid
+            "border-danger-base": d(y) || e.invalid
           }]),
           checked: p.key === e.modelValue,
           ref_for: !0,
           ref_key: "inputElement",
-          ref: c
-        }, null, 42, ue),
+          ref: f
+        }, null, 42, pe),
         m("label", {
-          for: `${v.value}-${_}`,
+          for: `${v.value}-${E}`,
           class: "text-primary-content select-none"
-        }, h(p.value), 9, pe)
+        }, h(p.value), 9, me)
       ]))), 128))
     ])) : (l(), n("div", ce, [
-      m("div", me, [
+      m("div", fe, [
         e.icon ? (l(), g(G(e.icon), {
           key: 0,
           class: "w-5 h-5 text-primary-content"
@@ -360,77 +372,82 @@ const le = ["id", "disabled"], ae = ["selected"], ne = ["selected", "value"], oe
       ]),
       m("input", {
         type: F.value ? "text" : e.type,
-        name: e.name || d(y),
+        name: e.name || d(c),
         id: v.value,
         value: e.modelValue,
         onInput: $,
         placeholder: e.placeholder,
         disabled: e.disabled,
         readonly: e.readonly,
-        class: k(["border border-primary-stroke w-full px-3 placeholder-gray-400 disabled:bg-gray-50", P.value]),
+        class: k(["border border-primary-stroke w-full px-3 placeholder-gray-400 disabled:bg-gray-50", z.value]),
         ref_key: "inputElement",
-        ref: c
-      }, null, 42, fe),
-      e.clearable && A.value ? (l(), n("div", {
+        ref: f
+      }, null, 42, ye),
+      e.clearable && L.value ? (l(), n("div", {
         key: 0,
-        onClick: L,
+        onClick: M,
         class: "absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"
       }, [
-        j(d(H), { class: "w-5 h-5 text-secondary-content hover:text-primary-base" })
+        N(d(J), { class: "w-5 h-5 text-secondary-content hover:text-primary-base" })
       ])) : e.type === "password" ? (l(), n("div", {
         key: 1,
         onClick: V[0] || (V[0] = (p) => F.value = !F.value),
         class: "absolute p-2 px-3 rounded-md h-full flex items-center right-0 top-0 hover:cursor-pointer select-none"
       }, [
-        F.value ? (l(), g(d(re), {
+        F.value ? (l(), g(d(le), {
           key: 0,
           class: "w-5 h-5 text-primary-content hover:text-primary-base"
-        })) : (l(), g(d(ee), {
+        })) : (l(), g(d(re), {
           key: 1,
           class: "w-5 h-5 text-secondary-content hover:text-primary-base"
         }))
       ])) : b("", !0)
     ]));
   }
-}), ve = { class: "space-y-1" }, he = {
+}), he = { class: "space-y-1" }, be = {
   key: 2,
   class: "text-xs text-secondary-content select-none"
-}, we = /* @__PURE__ */ w({
+}, Fe = /* @__PURE__ */ w({
   __name: "OneFormField",
-  props: K,
+  props: Q,
   setup(u) {
-    const a = u, { formId: s, validation: r } = N(), i = t(
+    const a = u, { formId: s, validation: r } = A(), i = o(
       () => a.errors != null && a.errors.length > 0 ? !0 : a.name == null ? !1 : (r.value ?? {})[a.name] != null
     );
-    return I("BaseFormField", {
-      inputId: t(() => {
-        const o = s.value || "form";
+    return _("BaseFormField", {
+      inputId: o(() => {
+        const t = s.value || "form";
         if (a.id != null)
-          return `${o}-${a.id}`;
+          return `${t}-${a.id}`;
         if (a.name != null)
-          return `${o}-field-${a.name}`;
+          return `${t}-field-${a.name}`;
       }),
-      inputName: t(() => a.name),
+      inputName: o(() => a.name),
       hasError: i
-    }), (o, y) => (l(), n("div", ve, [
-      o.label ? (l(), g(Y, {
+    }), (t, c) => (l(), n("div", he, [
+      t.label ? (l(), g(Z, {
         key: 0,
-        label: o.label
-      }, null, 8, ["label"])) : b("", !0),
-      S(o.$slots, "default", {}, () => [
-        j(ye)
+        label: t.label
+      }, {
+        right: H(() => c[0] || (c[0] = [
+          j("required")
+        ])),
+        _: 1
+      }, 8, ["label"])) : b("", !0),
+      q(t.$slots, "default", {}, () => [
+        N(ve)
       ]),
-      i.value ? (l(), g(x, {
+      i.value ? (l(), g(ee, {
         key: 1,
-        errors: o.errors
-      }, null, 8, ["errors"])) : o.hint.length > 0 ? (l(), n("p", he, h(o.hint), 1)) : b("", !0)
+        errors: t.errors
+      }, null, 8, ["errors"])) : t.hint.length > 0 ? (l(), n("p", be, h(t.hint), 1)) : b("", !0)
     ]));
   }
 });
 export {
-  ge as OneForm,
-  x as OneFormFeedback,
-  we as OneFormField,
-  ye as OneFormInput,
-  Y as OneFormLabel
+  we as OneForm,
+  ee as OneFormFeedback,
+  Fe as OneFormField,
+  ve as OneFormInput,
+  Z as OneFormLabel
 };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./index-9f8735d9.cjs"),f=require("./card/index.cjs"),p=require("./form/index.cjs"),m=require("./OneHelpMenu-05871821.cjs"),g=require("./dropdown/index.cjs"),h=require("./common/index.cjs"),e=require("vue"),y=require("./_plugin-vue_export-helper-f246444f.cjs");require("./XMarkIcon-f94baa4c.cjs");const w={color:{type:String,default:"red"},size:{type:String,default:"sm"},text:{type:String,default:""},variant:{type:String,default:"indicators"},bargeVariant:{type:String,default:"stand"}},C={class:"px-1 font-semibold",style:{color:"white"}},O=e.defineComponent({__name:"OneIndicators",props:{...w},setup(c){const t=c,l=e.computed(()=>{switch(t.color){case"green":return"#22c55e";case"blue":return"#3b82f6";case"red":return"#ef4444";case"yellow":return"#eab308";default:return"#E3ECF2"}}),u=e.computed(()=>{let s="",o="",a;return t.text?t.size==="sm"?(o="min-w-[12px]",a="textSm"):t.size==="md"?(o="min-w-[16px]",a="textMd"):t.size==="lg"&&(o="min-w-[20px]",a="textLg"):t.size==="sm"?s="w-3 min-w-[12px]":t.size==="lg"?s="w-5 min-w-[20px]":t.size==="md"&&(s="w-4 min-w-[16px]"),`${s} ${a} ${o} h-${t.size==="sm"?3:t.size==="lg"?5:4}`}),r=e.computed(()=>{let s="",o="",a;return t.text?t.size==="sm"?(o="min-w-[44px]",a="textMd"):t.size==="md"?(o="min-w-[58px]",a="text10"):t.size==="lg"&&(o="min-w-[68px]",a="text-sm"):t.size==="sm"?s="min-w-[44px]":t.size==="lg"?s="min-w-[68px]":t.size==="md"&&(s="min-w-[58px]"),`${s} ${a} ${o} h-${t.size==="sm"?5:t.size==="lg"?7:6}`}),d=e.computed(()=>{const s=t.bargeVariant==="stand"?"1A":"",o=t.bargeVariant==="stand"?"1px solid":"none";return{backgroundColor:`${l.value}${s}`,border:o,borderColor:l.value}});return(s,o)=>t.variant==="indicators"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["rounded-full border border-white flex items-center justify-center w-max",[u.value]]),style:e.normalizeStyle({backgroundColor:l.value})},[e.createElementVNode("p",C,e.toDisplayString(s.text),1)],6)):t.variant==="barge"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["rounded px-2 py-1 text-center w-max",[r.value,{"rounded-full":s.bargeVariant==="round",rounded:s.bargeVariant!=="round"}]]),style:e.normalizeStyle([d.value])},[e.createElementVNode("p",{class:"font-medium",style:e.normalizeStyle({color:s.bargeVariant!=="stand"?"white":l.value})},e.toDisplayString(s.text),5)],6)):e.createCommentVNode("",!0)}});const b=y._export_sfc(O,[["__scopeId","data-v-3d58c944"]]),z=e.defineComponent({__name:"OneLabel",props:{size:{type:String,default:"standard"},color:{type:String,default:"blue"},filled:{type:Boolean,default:!0},text:{type:String,default:"Label"}},setup(c){const t=c,l=e.ref(!1),u=e.computed(()=>{const s="inline-flex items-center cursor-pointer transition-opacity rounded-full",o=t.size==="mini"?"text-xs px-3 py-1":"text-sm px-4 py-2",a=t.filled?`${t.color}-filled`:`${t.color}-border`;return`${s} ${o} ${a} ${l.value?"opacity-80":"hover:opacity-90"}`}),r=()=>{l.value=!0},d=()=>{l.value=!1};return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.value),onMousedown:r,onMouseup:d,onMouseleave:d},[e.createElementVNode("span",null,e.toDisplayString(c.text),1)],34))}});const k=e.defineComponent({__name:"OneCollapse",props:{blockClass:{},titleClass:{},defaultOpen:{type:Boolean}},setup(c){const t=c,{blockClass:l,titleClass:u,defaultOpen:r}=e.toRefs(t),d=e.ref(null),s=e.ref((r==null?void 0:r.value)??!1),o=()=>{s.value=!s.value},a=i=>{const n=i;n.style.height="0"},v=i=>{const n=i;n.style.height=`${i.scrollHeight}px`,n.style.transition="height 0.3s ease"},x=i=>{const n=i;n.style.height=`${i.scrollHeight}px`,e.nextTick(()=>{n.style.height="0",n.style.transition="height 0.3s ease"})};return(i,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l))},[e.createElementVNode("div",{onClick:o,class:e.normalizeClass(e.unref(u))},[e.renderSlot(i.$slots,"title",{isOpen:s.value},void 0,!0)],2),e.createVNode(e.Transition,{name:"accordion",onBeforeEnter:a,onEnter:v,onLeave:x},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"content",ref:d},[e.renderSlot(i.$slots,"default",{},void 0,!0)],512),[[e.vShow,s.value]])]),_:3})],2))}});const S=y._export_sfc(k,[["__scopeId","data-v-1c2c0817"]]);const B={},E={class:"spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",style:{animation:"one-sp-ico-rot 2.7s linear infinite"}};function $(c,t){return e.openBlock(),e.createElementBlock("svg",E,t[0]||(t[0]=[e.createElementVNode("circle",{style:{"stroke-linecap":"round",animation:"one-sp-ico-dash 1.7s ease-in-out infinite"},class:"opacity-75",cx:"12",cy:"12",r:"8",fill:"none",stroke:"currentColor","stroke-width":"2"},null,-1)]))}const V=y._export_sfc(B,[["render",$]]),F={color:{type:String,default:"green"},size:{type:String,default:"md"},modelValue:{type:Boolean,default:!1},isLoading:{required:!1,type:Boolean,default:!1},disabled:{required:!1,type:Boolean,default:!1},textOn:{type:String,default:""},textOff:{type:String,default:""},iconOn:{type:[Function,Object]},iconOff:{type:[Function,Object]},iconClass:{type:[String,Array]}},I=["disabled","checked"],D=e.defineComponent({__name:"OneSwitch",props:F,emits:["update:modelValue"],setup(c,{emit:t}){const l=c,u=t,r=e.ref(l.modelValue),d=e.computed(()=>l.disabled),s=()=>{r.value=!r.value,u("update:modelValue",r.value)};e.watch(()=>l.modelValue,n=>{r.value=n});const o=e.computed(()=>l.size==="sm"?"w-max min-w-[40px] h-[20px]":l.size==="lg"?"w-max min-w-[60px] h-[31px]":l.size==="md"?"w-max min-w-[50px] h-[24px]":"w-max"),a=e.computed(()=>{if(r.value)switch(l.color){case"green":return"#86c94c";case"blue":return"#2196f3";case"red":return"#f44336";case"yellow":return"#ffeb3b";default:return"#86c94c"}else return"#E2E7EF"}),v=e.computed(()=>l.iconOn),x=e.computed(()=>l.iconOff),i=e.computed(()=>{const n=[];return typeof l.iconClass=="string"?n.push(l.iconClass):l.iconClass instanceof Array&&n.push(...l.iconClass),n});return(n,N)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("input",{type:"checkbox",disabled:n.disabled,checked:r.value,class:"hidden w-96",onClick:s},null,8,I),e.createElementVNode("div",{onClick:s,class:e.normalizeClass(["relative rounded-full cursor-pointer flex items-center",[o.value,n.isLoading?"loading":"",d.value?"disabled opacity-50 pointer-events-none":""]]),style:e.normalizeStyle({backgroundColor:d.value?"#ccc":a.value})},[e.createElementVNode("div",{class:e.normalizeClass(["bg-white absolute rounded-full",[n.size==="sm"?"w-[16px] h-[16px]":"",n.size==="md"?"w-[20px] h-[20px]":"",n.size==="lg"?"w-[27px] h-[27px]":"",r.value?"right-[2px] top-[2px]":"left-[2px] top-[2px]"]])},[e.createElementVNode("div",{class:e.normalizeClass(["circle",o.value])},[n.isLoading?(e.openBlock(),e.createBlock(V,{key:0,class:"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"})):r.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value),{key:1,class:e.normalizeClass([i.value,"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"]),style:e.normalizeStyle({color:r.value?a.value:""})},null,8,["class","style"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x.value),{key:2,class:e.normalizeClass([i.value,"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"])},null,8,["class"]))],2)],2),r.value&&n.textOn?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["switch-text text-white",[n.size==="sm"?"text-xs pr-6 pl-2":"",n.size==="md"?"text-sm pr-6 pl-2":"",n.size==="lg"?"text-base pr-8 pl-2":""]])},e.toDisplayString(n.textOn),3)):!r.value&&n.textOff?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["switch-text w-max",[n.size==="sm"?"text-xs pl-6 pr-2":"",n.size==="md"?"text-sm pl-7 pr-2":"",n.size==="lg"?"text-base pl-8 pr-2":""]])},e.toDisplayString(n.textOff),3)):e.createCommentVNode("",!0)],6)],64))}});const M=y._export_sfc(D,[["__scopeId","data-v-d0ecef0b"]]);exports.OneButton=_._sfc_main;exports.OneCard=f.OneCard;exports.OneCardBody=f.OneCardBody;exports.OneCardFooter=f.OneCardFooter;exports.OneCardHeader=f.OneCardHeader;exports.OneForm=p.OneForm;exports.OneFormFeedback=p.OneFormFeedback;exports.OneFormField=p.OneFormField;exports.OneFormInput=p.OneFormInput;exports.OneFormLabel=p.OneFormLabel;exports.OneBrowserMenu=m.OneBrowserMenu;exports.OneDropdown=m._sfc_main$1;exports.OneDropdownItem=m._sfc_main$2;exports.OneHelpMenu=m.OneHelpMenu;exports.OneUserMenu=m._sfc_main;exports.OneBrowserMenuGrid=g.OneBrowserMenuGrid;exports.OneDropdownDivider=g.OneDropdownDivider;exports.OneAvatar=h.OneAvatar;exports.OneCollapse=S;exports.OneIndicators=b;exports.OneLabel=z;exports.OneSwitch=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./index-9f8735d9.cjs"),f=require("./card/index.cjs"),p=require("./form/index.cjs"),m=require("./OneHelpMenu-90df8a83.cjs"),g=require("./dropdown/index.cjs"),h=require("./common/index.cjs"),e=require("vue"),y=require("./_plugin-vue_export-helper-f246444f.cjs");require("./XMarkIcon-f94baa4c.cjs");const w={color:{type:String,default:"red"},size:{type:String,default:"sm"},text:{type:String,default:""},variant:{type:String,default:"indicators"},bargeVariant:{type:String,default:"stand"}},O={class:"px-1 font-semibold",style:{color:"white"}},C=e.defineComponent({__name:"OneIndicators",props:{...w},setup(c){const t=c,l=e.computed(()=>{switch(t.color){case"green":return"#22c55e";case"blue":return"#3b82f6";case"red":return"#ef4444";case"yellow":return"#eab308";default:return"#E3ECF2"}}),u=e.computed(()=>{let s="",o="",a;return t.text?t.size==="sm"?(o="min-w-[12px]",a="textSm"):t.size==="md"?(o="min-w-[16px]",a="textMd"):t.size==="lg"&&(o="min-w-[20px]",a="textLg"):t.size==="sm"?s="w-3 min-w-[12px]":t.size==="lg"?s="w-5 min-w-[20px]":t.size==="md"&&(s="w-4 min-w-[16px]"),`${s} ${a} ${o} h-${t.size==="sm"?3:t.size==="lg"?5:4}`}),r=e.computed(()=>{let s="",o="",a;return t.text?t.size==="sm"?(o="min-w-[44px]",a="textMd"):t.size==="md"?(o="min-w-[58px]",a="text10"):t.size==="lg"&&(o="min-w-[68px]",a="text-sm"):t.size==="sm"?s="min-w-[44px]":t.size==="lg"?s="min-w-[68px]":t.size==="md"&&(s="min-w-[58px]"),`${s} ${a} ${o} h-${t.size==="sm"?5:t.size==="lg"?7:6}`}),d=e.computed(()=>{const s=t.bargeVariant==="stand"?"1A":"",o=t.bargeVariant==="stand"?"1px solid":"none";return{backgroundColor:`${l.value}${s}`,border:o,borderColor:l.value}});return(s,o)=>t.variant==="indicators"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["rounded-full border border-white flex items-center justify-center w-max",[u.value]]),style:e.normalizeStyle({backgroundColor:l.value})},[e.createElementVNode("p",O,e.toDisplayString(s.text),1)],6)):t.variant==="barge"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["rounded px-2 py-1 text-center w-max",[r.value,{"rounded-full":s.bargeVariant==="round",rounded:s.bargeVariant!=="round"}]]),style:e.normalizeStyle([d.value])},[e.createElementVNode("p",{class:"font-medium",style:e.normalizeStyle({color:s.bargeVariant!=="stand"?"white":l.value})},e.toDisplayString(s.text),5)],6)):e.createCommentVNode("",!0)}});const b=y._export_sfc(C,[["__scopeId","data-v-3d58c944"]]),z=e.defineComponent({__name:"OneLabel",props:{size:{type:String,default:"standard"},color:{type:String,default:"blue"},filled:{type:Boolean,default:!0},text:{type:String,default:"Label"}},setup(c){const t=c,l=e.ref(!1),u=e.computed(()=>{const s="inline-flex items-center cursor-pointer transition-opacity rounded-full",o=t.size==="mini"?"text-xs px-3 py-1":"text-sm px-4 py-2",a=t.filled?`${t.color}-filled`:`${t.color}-border`;return`${s} ${o} ${a} ${l.value?"opacity-80":"hover:opacity-90"}`}),r=()=>{l.value=!0},d=()=>{l.value=!1};return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.value),onMousedown:r,onMouseup:d,onMouseleave:d},[e.createElementVNode("span",null,e.toDisplayString(c.text),1)],34))}});const k=e.defineComponent({__name:"OneCollapse",props:{blockClass:{},titleClass:{},defaultOpen:{type:Boolean}},setup(c){const t=c,{blockClass:l,titleClass:u,defaultOpen:r}=e.toRefs(t),d=e.ref(null),s=e.ref((r==null?void 0:r.value)??!1),o=()=>{s.value=!s.value},a=i=>{const n=i;n.style.height="0"},v=i=>{const n=i;n.style.height=`${i.scrollHeight}px`,n.style.transition="height 0.3s ease"},x=i=>{const n=i;n.style.height=`${i.scrollHeight}px`,e.nextTick(()=>{n.style.height="0",n.style.transition="height 0.3s ease"})};return(i,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l))},[e.createElementVNode("div",{onClick:o,class:e.normalizeClass(e.unref(u))},[e.renderSlot(i.$slots,"title",{isOpen:s.value},void 0,!0)],2),e.createVNode(e.Transition,{name:"accordion",onBeforeEnter:a,onEnter:v,onLeave:x},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"content",ref:d},[e.renderSlot(i.$slots,"default",{},void 0,!0)],512),[[e.vShow,s.value]])]),_:3})],2))}});const S=y._export_sfc(k,[["__scopeId","data-v-1c2c0817"]]);const B={},E={class:"spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",style:{animation:"one-sp-ico-rot 2.7s linear infinite"}};function $(c,t){return e.openBlock(),e.createElementBlock("svg",E,t[0]||(t[0]=[e.createElementVNode("circle",{style:{"stroke-linecap":"round",animation:"one-sp-ico-dash 1.7s ease-in-out infinite"},class:"opacity-75",cx:"12",cy:"12",r:"8",fill:"none",stroke:"currentColor","stroke-width":"2"},null,-1)]))}const V=y._export_sfc(B,[["render",$]]),F={color:{type:String,default:"green"},size:{type:String,default:"md"},modelValue:{type:Boolean,default:!1},isLoading:{required:!1,type:Boolean,default:!1},disabled:{required:!1,type:Boolean,default:!1},textOn:{type:String,default:""},textOff:{type:String,default:""},iconOn:{type:[Function,Object]},iconOff:{type:[Function,Object]},iconClass:{type:[String,Array]}},D=["disabled","checked"],I=e.defineComponent({__name:"OneSwitch",props:F,emits:["update:modelValue"],setup(c,{emit:t}){const l=c,u=t,r=e.ref(l.modelValue),d=e.computed(()=>l.disabled),s=()=>{r.value=!r.value,u("update:modelValue",r.value)};e.watch(()=>l.modelValue,n=>{r.value=n});const o=e.computed(()=>l.size==="sm"?"w-max min-w-[40px] h-[20px]":l.size==="lg"?"w-max min-w-[60px] h-[31px]":l.size==="md"?"w-max min-w-[50px] h-[24px]":"w-max"),a=e.computed(()=>{if(r.value)switch(l.color){case"green":return"#86c94c";case"blue":return"#2196f3";case"red":return"#f44336";case"yellow":return"#ffeb3b";default:return"#86c94c"}else return"#E2E7EF"}),v=e.computed(()=>l.iconOn),x=e.computed(()=>l.iconOff),i=e.computed(()=>{const n=[];return typeof l.iconClass=="string"?n.push(l.iconClass):l.iconClass instanceof Array&&n.push(...l.iconClass),n});return(n,N)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("input",{type:"checkbox",disabled:n.disabled,checked:r.value,class:"hidden w-96",onClick:s},null,8,D),e.createElementVNode("div",{onClick:s,class:e.normalizeClass(["relative rounded-full cursor-pointer flex items-center",[o.value,n.isLoading?"loading":"",d.value?"disabled opacity-50 pointer-events-none":""]]),style:e.normalizeStyle({backgroundColor:d.value?"#ccc":a.value})},[e.createElementVNode("div",{class:e.normalizeClass(["bg-white absolute rounded-full",[n.size==="sm"?"w-[16px] h-[16px]":"",n.size==="md"?"w-[20px] h-[20px]":"",n.size==="lg"?"w-[27px] h-[27px]":"",r.value?"right-[2px] top-[2px]":"left-[2px] top-[2px]"]])},[e.createElementVNode("div",{class:e.normalizeClass(["circle",o.value])},[n.isLoading?(e.openBlock(),e.createBlock(V,{key:0,class:"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"})):r.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value),{key:1,class:e.normalizeClass([i.value,"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"]),style:e.normalizeStyle({color:r.value?a.value:""})},null,8,["class","style"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x.value),{key:2,class:e.normalizeClass([i.value,"absolute w-3 h-3 text-gray-400 left-1/2 top-1/2 -ml-1.5 -mt-1.5"])},null,8,["class"]))],2)],2),r.value&&n.textOn?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["switch-text text-white",[n.size==="sm"?"text-xs pr-6 pl-2":"",n.size==="md"?"text-sm pr-6 pl-2":"",n.size==="lg"?"text-base pr-8 pl-2":""]])},e.toDisplayString(n.textOn),3)):!r.value&&n.textOff?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["switch-text w-max",[n.size==="sm"?"text-xs pl-6 pr-2":"",n.size==="md"?"text-sm pl-7 pr-2":"",n.size==="lg"?"text-base pl-8 pr-2":""]])},e.toDisplayString(n.textOff),3)):e.createCommentVNode("",!0)],6)],64))}});const M=y._export_sfc(I,[["__scopeId","data-v-d0ecef0b"]]);exports.OneButton=_._sfc_main;exports.OneCard=f.OneCard;exports.OneCardBody=f.OneCardBody;exports.OneCardFooter=f.OneCardFooter;exports.OneCardHeader=f.OneCardHeader;exports.OneForm=p.OneForm;exports.OneFormFeedback=p.OneFormFeedback;exports.OneFormField=p.OneFormField;exports.OneFormInput=p.OneFormInput;exports.OneFormLabel=p.OneFormLabel;exports.OneBrowserMenu=m.OneBrowserMenu;exports.OneDropdown=m._sfc_main$1;exports.OneDropdownItem=m._sfc_main$2;exports.OneHelpMenu=m.OneHelpMenu;exports.OneUserMenu=m._sfc_main;exports.OneBrowserMenuGrid=g.OneBrowserMenuGrid;exports.OneDropdownAuto=g.OneDropdownAuto;exports.OneDropdownDivider=g.OneDropdownDivider;exports.OneAvatar=h.OneAvatar;exports.OneCollapse=S;exports.OneIndicators=b;exports.OneLabel=z;exports.OneSwitch=M;

package/dist/index.js

@@ -1,9 +1,9 @@
 import { _ as le } from "./index-f8afb6b6.js";
 import { OneCard as ae, OneCardBody as re, OneCardFooter as ie, OneCardHeader as ce } from "./card/index.js";
 import { OneForm as ue, OneFormFeedback as pe, OneFormField as fe, OneFormInput as me, OneFormLabel as xe } from "./form/index.js";
-import { d as ye, e as he, f as ge, O as we, _ as _e } from "./OneHelpMenu-5f545b2a.js";
-import { OneBrowserMenuGrid as Oe, OneDropdownDivider as Ce } from "./dropdown/index.js";
-import { OneAvatar as ke } from "./common/index.js";
+import { d as ye, e as he, f as ge, O as we, _ as _e } from "./OneHelpMenu-135e0656.js";
+import { OneBrowserMenuGrid as Oe, OneDropdownAuto as Ce, OneDropdownDivider as ze } from "./dropdown/index.js";
+import { OneAvatar as $e } from "./common/index.js";
 import { defineComponent as g, computed as c, openBlock as d, createElementBlock as m, normalizeClass as i, normalizeStyle as v, createElementVNode as u, toDisplayString as y, createCommentVNode as $, ref as h, toRefs as S, unref as C, renderSlot as z, createVNode as I, Transition as V, withCtx as B, withDirectives as E, vShow as F, nextTick as L, watch as M, Fragment as D, createBlock as O, resolveDynamicComponent as k } from "vue";
 import { _ as w } from "./_plugin-vue_export-helper-dad06003.js";
 import "./XMarkIcon-51ef0691.js";
@@ -331,7 +331,7 @@ const T = /* @__PURE__ */ w(N, [["render", R]]), W = {
 });
 const te = /* @__PURE__ */ w(U, [["__scopeId", "data-v-d0ecef0b"]]);
 export {
-  ke as OneAvatar,
+  $e as OneAvatar,
   ye as OneBrowserMenu,
   Oe as OneBrowserMenuGrid,
   le as OneButton,
@@ -341,7 +341,8 @@ export {
   ce as OneCardHeader,
   ee as OneCollapse,
   he as OneDropdown,
-  Ce as OneDropdownDivider,
+  Ce as OneDropdownAuto,
+  ze as OneDropdownDivider,
   ge as OneDropdownItem,
   ue as OneForm,
   pe as OneFormFeedback,