@7pmlabs/design-system 0.5.6 → 0.5.8

package/dist/design-system18.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as u, computed as m, watch as f, onBeforeUnmount as p, openBlock as o, createBlock as a, Teleport as y, createVNode as B, Transition as _, withCtx as r, normalizeClass as v, renderSlot as z, createCommentVNode as V } from "vue";
 import { BModalSize as k } from "./design-system5.mjs";
 import { lockScrollBody as C, unlockScrollBody as n } from "./design-system6.mjs";
-import S from "./design-system106.mjs";
+import S from "./design-system108.mjs";
 const $ = {
   // https://vuejs.org/guide/components/attrs.html#disabling-attribute-inheritance
   inheritAttrs: !1

package/dist/design-system180.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system197.js"),t=require("./design-system131.js");var a=e(t,"WeakMap");const r=a;module.exports=r;
+"use strict";const e=require("./design-system197.js"),t=require("./design-system128.js");var a=e(t,"WeakMap");const r=a;module.exports=r;
 //# sourceMappingURL=design-system180.js.map

package/dist/design-system180.mjs

@@ -1,5 +1,5 @@
 import a from "./design-system197.mjs";
-import o from "./design-system131.mjs";
+import o from "./design-system128.mjs";
 var t = a(o, "WeakMap");
 const p = t;
 export {

package/dist/design-system182.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system128.js"),o=require("./design-system183.js"),n=require("./design-system138.js"),s=require("./design-system181.js");var c=/[\\^$.*+?()[\]{}|]/g,a=/^\[object .+?Constructor\]$/,i=Function.prototype,p=Object.prototype,u=i.toString,f=p.hasOwnProperty,g=RegExp("^"+u.call(f).replace(c,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function v(r){if(!n(r)||o(r))return!1;var t=e(r)?g:a;return t.test(s(r))}module.exports=v;
+"use strict";const e=require("./design-system125.js"),o=require("./design-system183.js"),n=require("./design-system135.js"),s=require("./design-system181.js");var c=/[\\^$.*+?()[\]{}|]/g,a=/^\[object .+?Constructor\]$/,i=Function.prototype,p=Object.prototype,u=i.toString,f=p.hasOwnProperty,g=RegExp("^"+u.call(f).replace(c,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function v(r){if(!n(r)||o(r))return!1;var t=e(r)?g:a;return t.test(s(r))}module.exports=v;
 //# sourceMappingURL=design-system182.js.map

package/dist/design-system182.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system128.mjs";
+import o from "./design-system125.mjs";
 import e from "./design-system183.mjs";
-import a from "./design-system138.mjs";
+import a from "./design-system135.mjs";
 import n from "./design-system181.mjs";
 var p = /[\\^$.*+?()[\]{}|]/g, i = /^\[object .+?Constructor\]$/, s = Function.prototype, c = Object.prototype, f = s.toString, m = c.hasOwnProperty, u = RegExp(
   "^" + f.call(m).replace(p, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"

package/dist/design-system19.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),O=require("./design-system3.js"),k=require("./design-system6.js"),U=require("./design-system52.js"),j=require("./design-system29.js"),W=require("./design-system31.js"),A=require("./design-system32.js"),H=require("./design-system42.js"),G=require("./design-system104.js"),J={class:"ds-absolute ds-right-3 ds-z-[1]"},K=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),Q=[K],X=["onClick"],Y=e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"},null,-1),Z=[Y],ee=["id","disabled"],se=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),le=[se],te=["id","data-cy","data-ut"],oe={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},ne={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},ae=["onClick"],de=e.defineComponent({__name:"BMultiSelect",props:{inputId:{default:""},modelValue:{},label:{default:""},items:{},disabled:{type:Boolean,default:!1},placeholder:{default:""},valueCssClass:{default:""},menuCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},showSelectedItemCount:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(_,{expose:V,emit:M}){const o=_,u=M,v=e.ref(null),g=e.ref(null),p=e.ref(null),a=e.ref(!1),{t:B}=U.useI18n(),$={validateRule:s=>!!s&&s.length>0,errorMessage:()=>o.requiredErrorMessage||B("ds.global.field_required")},h=e.ref(""),r=e.ref([]),m=e.computed(()=>o.inputId||`id-${G()}`),n=e.computed({get(){return o.modelValue},set(s){u("update:modelValue",s)}}),q=e.computed(()=>{let s="ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between ";return s+=o.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=i.value.valid?"ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus ":"ds-border-error focus:ds-ring-1 focus:ds-ring-error ",s}),I=e.computed(()=>{let s=[];return o.required&&s.push($),o.validationRules&&(s=s.concat(o.validationRules)),s.length?s:void 0}),N=e.computed(()=>{var s,l;return((s=n.value)==null?void 0:s.length)>1?` (${B("ds.components.base.multi_select.selected_item_count",{count:(l=n.value)==null?void 0:l.length})})`:""}),z=e.computed(()=>o.showSelectedItemCount?`${o.label}${N.value}`:o.label),{validate:b,validationResult:i}=O.useValidationField(m.value,n,I.value);e.watch(a,s=>{s?(k.lockScrollBody(),P(),u("open")):(k.unlockScrollBody(),C(),u("close"))}),e.watch(n,()=>{w()},{deep:!0}),e.watch(()=>o.items,()=>{n.value.length!==0&&r.value.length===0&&w()},{deep:!0});const w=()=>{r.value=n.value.map(s=>{let l=r.value.find(d=>d.value===s);return l||(l=o.items.find(d=>d.value===s)),{text:l==null?void 0:l.text,value:s,cssClass:l==null?void 0:l.cssClass}})},S=()=>{document.addEventListener("keydown",y)},y=s=>{s.key==="Escape"&&E()},L=()=>{document.addEventListener("click",x)},x=s=>{[v.value,p.value].some(t=>s.composedPath().includes(t))||E()},R=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1?n.value.splice(l,1):n.value.push(s.value),u("change",s.value),e.nextTick(()=>{b()})},D=(s,l)=>{l.style.width=`${s.offsetWidth}px`},P=()=>{e.nextTick(()=>{k.ensureVisiblePosition(v.value,p.value),D(v.value,p.value)})},C=()=>{k.resetPosition(v.value,p.value)},T=s=>{u("change:input",s)},E=()=>{var s;a.value=!1,(s=g.value)==null||s.blur(),h.value=""},F=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1&&(n.value.splice(l,1),u("change",s.value),e.nextTick(()=>{b()}))};return(()=>{var s;((s=o.items)==null?void 0:s.length)>0&&w()})(),e.onMounted(()=>{S(),L()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",y),document.removeEventListener("click",x),k.unlockScrollBody(),C()}),V({validate:b,selectMenu:a}),(s,l)=>{var d;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:v},[e.createVNode(A,{id:m.value,label:z.value,required:s.required},null,8,["id","label","required"]),o.allowInput?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([{"ds-border-focus ds-ring-1 ds-ring-focus":a.value&&e.unref(i).valid,"ds-ring-1 ds-ring-error":a.value&&!e.unref(i).valid,"ds-border-black/10":e.unref(i).valid,"ds-border-error":!e.unref(i).valid},"ds-relative ds-flex ds-flex-wrap ds-items-center ds-gap-x-1 ds-rounded-lg ds-border ds-bg-white ds-px-3 ds-py-1 ds-drop-shadow-light"])},[e.createElementVNode("div",J,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg",onClick:l[0]||(l[0]=t=>{var c;return(c=g.value)==null?void 0:c.focus()})},Q,2))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(t,c)=>(e.openBlock(),e.createElementBlock("div",{key:`item${c}`,class:"ds-my-0.5 ds-flex-initial ds-space-x-1 ds-rounded-lg ds-bg-black/10 ds-px-2"},[e.createElementVNode("span",null,e.toDisplayString(t.text),1),(e.openBlock(),e.createElementBlock("svg",{class:"ds-mb-1 ds-inline ds-h-4 ds-w-4 ds-cursor-pointer ds-fill-black/60 hover:ds-fill-black/40",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg",onClick:f=>F(t)},Z,8,X))]))),128)),o.allowInput?(e.openBlock(),e.createBlock(H,{key:0,id:m.value,ref_key:"inputRef",ref:g,modelValue:h.value,"onUpdate:modelValue":[l[1]||(l[1]=t=>h.value=t),T],disabled:o.disabled,class:"ds-flex-auto","hide-details":"","input-css-class":"ds-drop-shadow-none ds-border-none !ds-ring-0 ds-px-0 !ds-h-[30px] ds-pl-0",onFocus:l[2]||(l[2]=t=>a.value=!0)},null,8,["id","modelValue","disabled"])):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createElementBlock("button",{key:1,id:m.value,class:e.normalizeClass(q.value),disabled:s.disabled,type:"button",onClick:l[3]||(l[3]=t=>a.value=!a.value)},[r.value.length>0?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm"])},e.toDisplayString((d=r.value)==null?void 0:d.map(t=>t.text).join(", ")),3)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm ds-text-black/[0.4]"])},e.toDisplayString(o.placeholder),3)),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},le,2))],10,ee)),e.withDirectives(e.createElementVNode("div",{id:`${m.value}Menu`,ref_key:"selectMenuEl",ref:p,class:e.normalizeClass([s.menuCssClass,"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),"data-cy":s.$attrs["data-cy"]?`${s.$attrs["data-cy"]}Menu`:void 0,"data-ut":s.$attrs["data-ut"]?`${s.$attrs["data-ut"]}Menu`:void 0},[e.createElementVNode("div",oe,[e.createElementVNode("ul",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(t,c)=>(e.openBlock(),e.createElementBlock("li",{key:`item${c}`,class:"ds-cursor-pointer",onClick:e.withModifiers(f=>R(t),["prevent"])},[e.createElementVNode("a",{class:e.normalizeClass([t.cssClass+`${r.value.some(f=>f.value===t.value)?" ds-bg-slate-100":""}`,"ds-flex ds-items-center ds-space-x-2 ds-px-4 ds-py-2 hover:ds-bg-slate-100"])},[e.createVNode(j,{modelValue:n.value,"onUpdate:modelValue":l[4]||(l[4]=f=>n.value=f),value:t.value,size:"sm"},null,8,["modelValue","value"]),e.createElementVNode("span",null,e.toDisplayString(t==null?void 0:t.text),1)],2)],8,ae))),128))])])],10,te),[[e.vShow,a.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W,{key:0,"error-message":e.unref(i).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=de;
+"use strict";const e=require("vue"),O=require("./design-system3.js"),k=require("./design-system6.js"),U=require("./design-system52.js"),j=require("./design-system29.js"),W=require("./design-system31.js"),A=require("./design-system32.js"),H=require("./design-system42.js"),G=require("./design-system102.js"),J={class:"ds-absolute ds-right-3 ds-z-[1]"},K=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),Q=[K],X=["onClick"],Y=e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"},null,-1),Z=[Y],ee=["id","disabled"],se=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),le=[se],te=["id","data-cy","data-ut"],oe={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},ne={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},ae=["onClick"],de=e.defineComponent({__name:"BMultiSelect",props:{inputId:{default:""},modelValue:{},label:{default:""},items:{},disabled:{type:Boolean,default:!1},placeholder:{default:""},valueCssClass:{default:""},menuCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},showSelectedItemCount:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(_,{expose:V,emit:M}){const o=_,u=M,v=e.ref(null),g=e.ref(null),p=e.ref(null),a=e.ref(!1),{t:B}=U.useI18n(),$={validateRule:s=>!!s&&s.length>0,errorMessage:()=>o.requiredErrorMessage||B("ds.global.field_required")},h=e.ref(""),r=e.ref([]),m=e.computed(()=>o.inputId||`id-${G()}`),n=e.computed({get(){return o.modelValue},set(s){u("update:modelValue",s)}}),q=e.computed(()=>{let s="ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between ";return s+=o.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=i.value.valid?"ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus ":"ds-border-error focus:ds-ring-1 focus:ds-ring-error ",s}),I=e.computed(()=>{let s=[];return o.required&&s.push($),o.validationRules&&(s=s.concat(o.validationRules)),s.length?s:void 0}),N=e.computed(()=>{var s,l;return((s=n.value)==null?void 0:s.length)>1?` (${B("ds.components.base.multi_select.selected_item_count",{count:(l=n.value)==null?void 0:l.length})})`:""}),z=e.computed(()=>o.showSelectedItemCount?`${o.label}${N.value}`:o.label),{validate:b,validationResult:i}=O.useValidationField(m.value,n,I.value);e.watch(a,s=>{s?(k.lockScrollBody(),P(),u("open")):(k.unlockScrollBody(),C(),u("close"))}),e.watch(n,()=>{w()},{deep:!0}),e.watch(()=>o.items,()=>{n.value.length!==0&&r.value.length===0&&w()},{deep:!0});const w=()=>{r.value=n.value.map(s=>{let l=r.value.find(d=>d.value===s);return l||(l=o.items.find(d=>d.value===s)),{text:l==null?void 0:l.text,value:s,cssClass:l==null?void 0:l.cssClass}})},S=()=>{document.addEventListener("keydown",y)},y=s=>{s.key==="Escape"&&E()},L=()=>{document.addEventListener("click",x)},x=s=>{[v.value,p.value].some(t=>s.composedPath().includes(t))||E()},R=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1?n.value.splice(l,1):n.value.push(s.value),u("change",s.value),e.nextTick(()=>{b()})},D=(s,l)=>{l.style.width=`${s.offsetWidth}px`},P=()=>{e.nextTick(()=>{k.ensureVisiblePosition(v.value,p.value),D(v.value,p.value)})},C=()=>{k.resetPosition(v.value,p.value)},T=s=>{u("change:input",s)},E=()=>{var s;a.value=!1,(s=g.value)==null||s.blur(),h.value=""},F=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1&&(n.value.splice(l,1),u("change",s.value),e.nextTick(()=>{b()}))};return(()=>{var s;((s=o.items)==null?void 0:s.length)>0&&w()})(),e.onMounted(()=>{S(),L()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",y),document.removeEventListener("click",x),k.unlockScrollBody(),C()}),V({validate:b,selectMenu:a}),(s,l)=>{var d;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:v},[e.createVNode(A,{id:m.value,label:z.value,required:s.required},null,8,["id","label","required"]),o.allowInput?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([{"ds-border-focus ds-ring-1 ds-ring-focus":a.value&&e.unref(i).valid,"ds-ring-1 ds-ring-error":a.value&&!e.unref(i).valid,"ds-border-black/10":e.unref(i).valid,"ds-border-error":!e.unref(i).valid},"ds-relative ds-flex ds-flex-wrap ds-items-center ds-gap-x-1 ds-rounded-lg ds-border ds-bg-white ds-px-3 ds-py-1 ds-drop-shadow-light"])},[e.createElementVNode("div",J,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg",onClick:l[0]||(l[0]=t=>{var c;return(c=g.value)==null?void 0:c.focus()})},Q,2))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(t,c)=>(e.openBlock(),e.createElementBlock("div",{key:`item${c}`,class:"ds-my-0.5 ds-flex-initial ds-space-x-1 ds-rounded-lg ds-bg-black/10 ds-px-2"},[e.createElementVNode("span",null,e.toDisplayString(t.text),1),(e.openBlock(),e.createElementBlock("svg",{class:"ds-mb-1 ds-inline ds-h-4 ds-w-4 ds-cursor-pointer ds-fill-black/60 hover:ds-fill-black/40",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg",onClick:f=>F(t)},Z,8,X))]))),128)),o.allowInput?(e.openBlock(),e.createBlock(H,{key:0,id:m.value,ref_key:"inputRef",ref:g,modelValue:h.value,"onUpdate:modelValue":[l[1]||(l[1]=t=>h.value=t),T],disabled:o.disabled,class:"ds-flex-auto","hide-details":"","input-css-class":"ds-drop-shadow-none ds-border-none !ds-ring-0 ds-px-0 !ds-h-[30px] ds-pl-0",onFocus:l[2]||(l[2]=t=>a.value=!0)},null,8,["id","modelValue","disabled"])):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createElementBlock("button",{key:1,id:m.value,class:e.normalizeClass(q.value),disabled:s.disabled,type:"button",onClick:l[3]||(l[3]=t=>a.value=!a.value)},[r.value.length>0?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm"])},e.toDisplayString((d=r.value)==null?void 0:d.map(t=>t.text).join(", ")),3)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm ds-text-black/[0.4]"])},e.toDisplayString(o.placeholder),3)),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},le,2))],10,ee)),e.withDirectives(e.createElementVNode("div",{id:`${m.value}Menu`,ref_key:"selectMenuEl",ref:p,class:e.normalizeClass([s.menuCssClass,"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),"data-cy":s.$attrs["data-cy"]?`${s.$attrs["data-cy"]}Menu`:void 0,"data-ut":s.$attrs["data-ut"]?`${s.$attrs["data-ut"]}Menu`:void 0},[e.createElementVNode("div",oe,[e.createElementVNode("ul",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(t,c)=>(e.openBlock(),e.createElementBlock("li",{key:`item${c}`,class:"ds-cursor-pointer",onClick:e.withModifiers(f=>R(t),["prevent"])},[e.createElementVNode("a",{class:e.normalizeClass([t.cssClass+`${r.value.some(f=>f.value===t.value)?" ds-bg-slate-100":""}`,"ds-flex ds-items-center ds-space-x-2 ds-px-4 ds-py-2 hover:ds-bg-slate-100"])},[e.createVNode(j,{modelValue:n.value,"onUpdate:modelValue":l[4]||(l[4]=f=>n.value=f),value:t.value,size:"sm"},null,8,["modelValue","value"]),e.createElementVNode("span",null,e.toDisplayString(t==null?void 0:t.text),1)],2)],8,ae))),128))])])],10,te),[[e.vShow,a.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(W,{key:0,"error-message":e.unref(i).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=de;
 //# sourceMappingURL=design-system19.js.map

package/dist/design-system19.mjs

@@ -6,7 +6,7 @@ import pe from "./design-system29.mjs";
 import fe from "./design-system31.mjs";
 import me from "./design-system32.mjs";
 import he from "./design-system42.mjs";
-import ge from "./design-system104.mjs";
+import ge from "./design-system102.mjs";
 const be = { class: "ds-absolute ds-right-3 ds-z-[1]" }, we = /* @__PURE__ */ i("path", { d: "M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z" }, null, -1), ke = [
   we
 ], xe = ["onClick"], ye = /* @__PURE__ */ i("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" }, null, -1), Ce = [

package/dist/design-system195.js

@@ -1,2 +1,2 @@
-"use strict";const u=require("./design-system168.js"),a=require("./design-system126.js");function i(r,e,t){var s=e(r);return a(r)?s:u(s,t(r))}module.exports=i;
+"use strict";const u=require("./design-system168.js"),a=require("./design-system123.js");function i(r,e,t){var s=e(r);return a(r)?s:u(s,t(r))}module.exports=i;
 //# sourceMappingURL=design-system195.js.map

package/dist/design-system195.mjs

@@ -1,5 +1,5 @@
 import e from "./design-system168.mjs";
-import u from "./design-system126.mjs";
+import u from "./design-system123.mjs";
 function l(r, s, t) {
   var a = s(r);
   return u(r) ? a : e(a, t(r));

package/dist/design-system196.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("./design-system168.js"),s=require("./design-system184.js"),n=require("./design-system204.js"),o=require("./design-system150.js");var u=Object.getOwnPropertySymbols,y=u?function(r){for(var e=[];r;)t(e,n(r)),r=s(r);return e}:o;const i=y;module.exports=i;
+"use strict";const t=require("./design-system168.js"),s=require("./design-system184.js"),n=require("./design-system204.js"),o=require("./design-system147.js");var u=Object.getOwnPropertySymbols,y=u?function(r){for(var e=[];r;)t(e,n(r)),r=s(r);return e}:o;const i=y;module.exports=i;
 //# sourceMappingURL=design-system196.js.map

package/dist/design-system196.mjs

@@ -1,7 +1,7 @@
 import o from "./design-system168.mjs";
 import m from "./design-system184.mjs";
 import e from "./design-system204.mjs";
-import s from "./design-system150.mjs";
+import s from "./design-system147.mjs";
 var a = Object.getOwnPropertySymbols, y = a ? function(r) {
   for (var t = []; r; )
     o(t, e(r)), r = m(r);

package/dist/design-system20.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),K=require("./design-system31.js"),P=require("./design-system3.js"),N=require("./design-system52.js"),$=require("./design-system107.js"),L=require("./design-system104.js"),S=require("./design-system108.js"),W={class:"ds-flex ds-items-center ds-justify-center ds-space-x-2"},z=t.defineComponent({__name:"BOtpField",props:{inputId:{default:""},modelValue:{default:""},numInputs:{default:6},focusIndex:{default:void 0},disabled:{type:Boolean,default:!1},inputCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["complete","change","update:focusIndex","update:modelValue"],setup(b,{expose:k,emit:O}){const s=b,l=O,{t:x}=N.useI18n(),B={validateRule:e=>!!e,errorMessage:()=>s.requiredErrorMessage||x("ds.global.field_required")},i=t.ref(0),p=t.ref([]),f=t.ref(null),q=e=>{u.value=e},y=()=>{u.value=-1},C=t.computed(()=>s.inputId||`id-${L()}`),n=t.computed({get(){return s.modelValue.split("")},set(e){l("update:modelValue",e.join(""))}}),D=t.computed(()=>s.modelValue),u=t.computed({get(){return s.focusIndex!==void 0?s.focusIndex:i.value},set(e){s.focusIndex!==void 0?l("update:focusIndex",e):i.value=e}}),V=t.computed(()=>{let e=[];return s.required&&e.push(B),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),R=t.computed(()=>[s.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":"ds-text-black/[0.85]",m.value.valid?"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":"ds-border-error focus:ds-ring-1 focus:ds-ring-error",s.inputCssClass]),{validate:v,validationResult:m}=P.useValidationField(C.value,D,V.value),F=()=>{f.value[u.value].focus()},h=()=>n.value.join("").length===s.numInputs?l("complete",n.value.join("")):"Wait until the user enters the required number of characters",c=e=>{u.value=Math.max(Math.min(s.numInputs-1,e),0)},g=()=>{c(u.value+1)},I=()=>{c(u.value-1)},d=e=>{p.value=[...n.value],n.value[u.value]=e,n.value=S(n.value);const o=p.value.join(""),r=n.value.join("");o!==r&&(l("change",r),h())},j=e=>{e.preventDefault();const o=e.clipboardData.getData("text/plain").slice(0,s.numInputs-u.value).split("");if(!o.join("").match(/^\d+$/))return"Invalid pasted data";const a=n.value.slice(0,u.value).concat(o);return a.slice(0,s.numInputs).forEach((_,A)=>{n.value[A]=_}),c(a.slice(0,s.numInputs).length),l("update:modelValue",n.value.join("")),h()},E=e=>{d(e),g()},M=e=>{switch(e.key){case"Backspace":e.preventDefault(),d(""),I();break;case"Delete":e.preventDefault(),d("");break;case"ArrowLeft":e.preventDefault(),I();break;case"ArrowRight":e.preventDefault(),g();break}},w=()=>{v()};return k({validate:v,focus:F}),(e,o)=>(t.openBlock(),t.createElementBlock("div",null,[t.createElementVNode("div",W,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.numInputs,(r,a)=>(t.openBlock(),t.createBlock($,{key:a,ref_for:!0,ref_key:"boxRefs",ref:f,class:t.normalizeClass(R.value),focus:u.value===a,"is-disabled":e.disabled,value:n.value[a],onOnChange:E,onOnKeydown:M,onOnKeyup:w,onOnPaste:j,onOnFocus:_=>q(a),onOnBlur:y},null,8,["class","focus","is-disabled","value","onOnFocus"]))),128))]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(K,{key:0,"error-message":t.unref(m).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=z;
+"use strict";const t=require("vue"),K=require("./design-system31.js"),P=require("./design-system3.js"),N=require("./design-system52.js"),$=require("./design-system106.js"),L=require("./design-system102.js"),S=require("./design-system107.js"),W={class:"ds-flex ds-items-center ds-justify-center ds-space-x-2"},z=t.defineComponent({__name:"BOtpField",props:{inputId:{default:""},modelValue:{default:""},numInputs:{default:6},focusIndex:{default:void 0},disabled:{type:Boolean,default:!1},inputCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["complete","change","update:focusIndex","update:modelValue"],setup(b,{expose:k,emit:O}){const s=b,l=O,{t:x}=N.useI18n(),B={validateRule:e=>!!e,errorMessage:()=>s.requiredErrorMessage||x("ds.global.field_required")},i=t.ref(0),p=t.ref([]),f=t.ref(null),q=e=>{u.value=e},y=()=>{u.value=-1},C=t.computed(()=>s.inputId||`id-${L()}`),n=t.computed({get(){return s.modelValue.split("")},set(e){l("update:modelValue",e.join(""))}}),D=t.computed(()=>s.modelValue),u=t.computed({get(){return s.focusIndex!==void 0?s.focusIndex:i.value},set(e){s.focusIndex!==void 0?l("update:focusIndex",e):i.value=e}}),V=t.computed(()=>{let e=[];return s.required&&e.push(B),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),R=t.computed(()=>[s.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":"ds-text-black/[0.85]",m.value.valid?"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":"ds-border-error focus:ds-ring-1 focus:ds-ring-error",s.inputCssClass]),{validate:v,validationResult:m}=P.useValidationField(C.value,D,V.value),F=()=>{f.value[u.value].focus()},h=()=>n.value.join("").length===s.numInputs?l("complete",n.value.join("")):"Wait until the user enters the required number of characters",c=e=>{u.value=Math.max(Math.min(s.numInputs-1,e),0)},g=()=>{c(u.value+1)},I=()=>{c(u.value-1)},d=e=>{p.value=[...n.value],n.value[u.value]=e,n.value=S(n.value);const o=p.value.join(""),r=n.value.join("");o!==r&&(l("change",r),h())},j=e=>{e.preventDefault();const o=e.clipboardData.getData("text/plain").slice(0,s.numInputs-u.value).split("");if(!o.join("").match(/^\d+$/))return"Invalid pasted data";const a=n.value.slice(0,u.value).concat(o);return a.slice(0,s.numInputs).forEach((_,A)=>{n.value[A]=_}),c(a.slice(0,s.numInputs).length),l("update:modelValue",n.value.join("")),h()},E=e=>{d(e),g()},M=e=>{switch(e.key){case"Backspace":e.preventDefault(),d(""),I();break;case"Delete":e.preventDefault(),d("");break;case"ArrowLeft":e.preventDefault(),I();break;case"ArrowRight":e.preventDefault(),g();break}},w=()=>{v()};return k({validate:v,focus:F}),(e,o)=>(t.openBlock(),t.createElementBlock("div",null,[t.createElementVNode("div",W,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.numInputs,(r,a)=>(t.openBlock(),t.createBlock($,{key:a,ref_for:!0,ref_key:"boxRefs",ref:f,class:t.normalizeClass(R.value),focus:u.value===a,"is-disabled":e.disabled,value:n.value[a],onOnChange:E,onOnKeydown:M,onOnKeyup:w,onOnPaste:j,onOnFocus:_=>q(a),onOnBlur:y},null,8,["class","focus","is-disabled","value","onOnFocus"]))),128))]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(K,{key:0,"error-message":t.unref(m).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=z;
 //# sourceMappingURL=design-system20.js.map

package/dist/design-system20.mjs

@@ -2,9 +2,9 @@ import { defineComponent as L, ref as f, computed as l, openBlock as d, createEl
 import J from "./design-system31.mjs";
 import { useValidationField as Q } from "./design-system3.mjs";
 import { useI18n as T } from "./design-system52.mjs";
-import X from "./design-system107.mjs";
-import Y from "./design-system104.mjs";
-import Z from "./design-system108.mjs";
+import X from "./design-system106.mjs";
+import Y from "./design-system102.mjs";
+import Z from "./design-system107.mjs";
 const ee = { class: "ds-flex ds-items-center ds-justify-center ds-space-x-2" }, re = /* @__PURE__ */ L({
   __name: "BOtpField",
   props: {

package/dist/design-system204.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("./design-system170.js"),o=require("./design-system150.js");var s=Object.prototype,u=s.propertyIsEnumerable,t=Object.getOwnPropertySymbols,a=t?function(r){return r==null?[]:(r=Object(r),n(t(r),function(e){return u.call(r,e)}))}:o;const l=a;module.exports=l;
+"use strict";const n=require("./design-system170.js"),o=require("./design-system147.js");var s=Object.prototype,u=s.propertyIsEnumerable,t=Object.getOwnPropertySymbols,a=t?function(r){return r==null?[]:(r=Object(r),n(t(r),function(e){return u.call(r,e)}))}:o;const l=a;module.exports=l;
 //# sourceMappingURL=design-system204.js.map

package/dist/design-system204.mjs

@@ -1,5 +1,5 @@
 import o from "./design-system170.mjs";
-import a from "./design-system150.mjs";
+import a from "./design-system147.mjs";
 var n = Object.prototype, l = n.propertyIsEnumerable, t = Object.getOwnPropertySymbols, m = t ? function(r) {
   return r == null ? [] : (r = Object(r), o(t(r), function(e) {
     return l.call(r, e);

package/dist/design-system210.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system131.js");var s=r["__core-js_shared__"];const e=s;module.exports=e;
+"use strict";const r=require("./design-system128.js");var s=r["__core-js_shared__"];const e=s;module.exports=e;
 //# sourceMappingURL=design-system210.js.map

package/dist/design-system210.mjs

@@ -1,4 +1,4 @@
-import o from "./design-system131.mjs";
+import o from "./design-system128.mjs";
 var r = o["__core-js_shared__"];
 const t = r;
 export {

package/dist/design-system219.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system131.js");var t=r.Uint8Array;const i=t;module.exports=i;
+"use strict";const r=require("./design-system128.js");var t=r.Uint8Array;const i=t;module.exports=i;
 //# sourceMappingURL=design-system219.js.map

package/dist/design-system219.mjs

@@ -1,4 +1,4 @@
-import r from "./design-system131.mjs";
+import r from "./design-system128.mjs";
 var t = r.Uint8Array;
 const o = t;
 export {

package/dist/design-system22.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),D=require("./design-system3.js"),v=require("./design-system6.js"),F=require("./design-system52.js"),O=require("./design-system31.js"),U=require("./design-system32.js"),W=require("./design-system42.js"),j=require("./design-system104.js"),H=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),A=[H],G=["id","disabled"],J={key:0},K={key:1,class:"ds-text-black/[0.4]"},Q=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),X=[Q],Y=["id","data-cy","data-ut"],Z={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},ee={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},se=["onClick"],te=e.defineComponent({__name:"BSelect",props:{inputId:{default:""},modelValue:{},label:{default:""},items:{},disabled:{type:Boolean,default:!1},placeholder:{default:""},valueCssClass:{default:""},menuCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(x,{expose:V,emit:M}){const t=x,d=M,r=e.ref(null),k=e.ref(null),u=e.ref(null),n=e.ref(!1),{t:q}=F.useI18n(),$={validateRule:s=>!!s,errorMessage:()=>t.requiredErrorMessage||q("ds.global.field_required")},h=e.ref(""),i=e.ref(),c=e.computed(()=>t.inputId||`id-${j()}`),a=e.computed({get(){return t.modelValue},set(s){d("update:modelValue",s)}}),I=e.computed(()=>{let s="ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between ";return s+=t.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=w.value.valid?"ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus ":"ds-border-error focus:ds-ring-1 focus:ds-ring-error ",s}),N=e.computed(()=>{let s=[];return t.required&&s.push($),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),{validate:B,validationResult:w}=D.useValidationField(c.value,a,N.value);e.watch(n,s=>{s?(v.lockScrollBody(),P(),d("open")):(v.unlockScrollBody(),_(),d("close"))}),e.watch(a,()=>{g(),p()}),e.watch(()=>t.items,()=>{var s;a.value&&!((s=i.value)!=null&&s.value)&&(g(),p())},{deep:!0});const g=()=>{var s;i.value=(s=t.items)==null?void 0:s.find(l=>l.value===a.value)},p=()=>{var s;t.allowInput&&(h.value=((s=i.value)==null?void 0:s.text)||"")},L=()=>{document.addEventListener("keydown",E)},E=s=>{s.key==="Escape"&&b()},S=()=>{document.addEventListener("click",C)},C=s=>{[r.value,u.value].some(m=>s.composedPath().includes(m))||b()},z=s=>{a.value=s.value,b(),d("change",s.value),e.nextTick(()=>{B()})},R=(s,l)=>{l.style.width=`${s.offsetWidth}px`},P=()=>{e.nextTick(()=>{v.ensureVisiblePosition(r.value,u.value),R(r.value,u.value)})},_=()=>{v.resetPosition(r.value,u.value)},T=s=>{d("change:input",s)},b=()=>{var s;n.value=!1,(s=k.value)==null||s.blur(),p()};return(()=>{g(),p()})(),e.onMounted(()=>{L(),S()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",E),document.removeEventListener("click",C),v.unlockScrollBody(),_()}),V({validate:B,selectMenu:n}),(s,l)=>{var y,m;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:r},[e.createVNode(U,{id:c.value,label:s.label,required:s.required},null,8,["id","label","required"]),t.allowInput?(e.openBlock(),e.createBlock(W,{key:0,id:c.value,ref_key:"inputRef",ref:k,modelValue:h.value,"onUpdate:modelValue":[l[0]||(l[0]=o=>h.value=o),T],disabled:t.disabled,placeholder:t.placeholder,"hide-details":"",onFocus:l[1]||(l[1]=o=>n.value=!0),"onClick:append":l[2]||(l[2]=o=>{var f;return(f=k.value)==null?void 0:f.focus()})},{appendIcon:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[n.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},A,2))]),_:1},8,["id","modelValue","disabled","placeholder"])):(e.openBlock(),e.createElementBlock("button",{key:1,id:c.value,class:e.normalizeClass(I.value),disabled:t.disabled,type:"button",onClick:l[3]||(l[3]=o=>n.value=!n.value)},[e.createElementVNode("span",{class:e.normalizeClass([s.valueCssClass,"ds-truncate"])},[(y=i.value)!=null&&y.text?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString((m=i.value)==null?void 0:m.text),1)):(e.openBlock(),e.createElementBlock("span",K,e.toDisplayString(t.placeholder),1))],2),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[n.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},X,2))],10,G)),e.withDirectives(e.createElementVNode("div",{id:`${c.value}Menu`,ref_key:"selectMenuEl",ref:u,class:e.normalizeClass([s.menuCssClass,"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),"data-cy":s.$attrs["data-cy"]?`${s.$attrs["data-cy"]}Menu`:void 0,"data-ut":s.$attrs["data-ut"]?`${s.$attrs["data-ut"]}Menu`:void 0},[e.createElementVNode("div",Z,[e.createElementVNode("ul",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(o,f)=>(e.openBlock(),e.createElementBlock("li",{key:`item${f}`,class:"ds-cursor-pointer",onClick:oe=>z(o)},[e.createElementVNode("a",{class:e.normalizeClass([o.cssClass+`${o.value===a.value?" ds-bg-gray-150":""}`,"ds-block ds-px-4 ds-py-2 hover:ds-bg-gray-150"])},e.toDisplayString(o==null?void 0:o.text),3)],8,se))),128))])])],10,Y),[[e.vShow,n.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(O,{key:0,"error-message":e.unref(w).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=te;
+"use strict";const e=require("vue"),D=require("./design-system3.js"),v=require("./design-system6.js"),F=require("./design-system52.js"),O=require("./design-system31.js"),U=require("./design-system32.js"),W=require("./design-system42.js"),j=require("./design-system102.js"),H=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),A=[H],G=["id","disabled"],J={key:0},K={key:1,class:"ds-text-black/[0.4]"},Q=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),X=[Q],Y=["id","data-cy","data-ut"],Z={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},ee={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},se=["onClick"],te=e.defineComponent({__name:"BSelect",props:{inputId:{default:""},modelValue:{},label:{default:""},items:{},disabled:{type:Boolean,default:!1},placeholder:{default:""},valueCssClass:{default:""},menuCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(x,{expose:V,emit:M}){const t=x,d=M,r=e.ref(null),k=e.ref(null),u=e.ref(null),n=e.ref(!1),{t:q}=F.useI18n(),$={validateRule:s=>!!s,errorMessage:()=>t.requiredErrorMessage||q("ds.global.field_required")},h=e.ref(""),i=e.ref(),c=e.computed(()=>t.inputId||`id-${j()}`),a=e.computed({get(){return t.modelValue},set(s){d("update:modelValue",s)}}),I=e.computed(()=>{let s="ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between ";return s+=t.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=w.value.valid?"ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus ":"ds-border-error focus:ds-ring-1 focus:ds-ring-error ",s}),N=e.computed(()=>{let s=[];return t.required&&s.push($),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),{validate:B,validationResult:w}=D.useValidationField(c.value,a,N.value);e.watch(n,s=>{s?(v.lockScrollBody(),P(),d("open")):(v.unlockScrollBody(),_(),d("close"))}),e.watch(a,()=>{g(),p()}),e.watch(()=>t.items,()=>{var s;a.value&&!((s=i.value)!=null&&s.value)&&(g(),p())},{deep:!0});const g=()=>{var s;i.value=(s=t.items)==null?void 0:s.find(l=>l.value===a.value)},p=()=>{var s;t.allowInput&&(h.value=((s=i.value)==null?void 0:s.text)||"")},L=()=>{document.addEventListener("keydown",E)},E=s=>{s.key==="Escape"&&b()},S=()=>{document.addEventListener("click",C)},C=s=>{[r.value,u.value].some(m=>s.composedPath().includes(m))||b()},z=s=>{a.value=s.value,b(),d("change",s.value),e.nextTick(()=>{B()})},R=(s,l)=>{l.style.width=`${s.offsetWidth}px`},P=()=>{e.nextTick(()=>{v.ensureVisiblePosition(r.value,u.value),R(r.value,u.value)})},_=()=>{v.resetPosition(r.value,u.value)},T=s=>{d("change:input",s)},b=()=>{var s;n.value=!1,(s=k.value)==null||s.blur(),p()};return(()=>{g(),p()})(),e.onMounted(()=>{L(),S()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",E),document.removeEventListener("click",C),v.unlockScrollBody(),_()}),V({validate:B,selectMenu:n}),(s,l)=>{var y,m;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:r},[e.createVNode(U,{id:c.value,label:s.label,required:s.required},null,8,["id","label","required"]),t.allowInput?(e.openBlock(),e.createBlock(W,{key:0,id:c.value,ref_key:"inputRef",ref:k,modelValue:h.value,"onUpdate:modelValue":[l[0]||(l[0]=o=>h.value=o),T],disabled:t.disabled,placeholder:t.placeholder,"hide-details":"",onFocus:l[1]||(l[1]=o=>n.value=!0),"onClick:append":l[2]||(l[2]=o=>{var f;return(f=k.value)==null?void 0:f.focus()})},{appendIcon:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[n.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},A,2))]),_:1},8,["id","modelValue","disabled","placeholder"])):(e.openBlock(),e.createElementBlock("button",{key:1,id:c.value,class:e.normalizeClass(I.value),disabled:t.disabled,type:"button",onClick:l[3]||(l[3]=o=>n.value=!n.value)},[e.createElementVNode("span",{class:e.normalizeClass([s.valueCssClass,"ds-truncate"])},[(y=i.value)!=null&&y.text?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString((m=i.value)==null?void 0:m.text),1)):(e.openBlock(),e.createElementBlock("span",K,e.toDisplayString(t.placeholder),1))],2),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[n.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},X,2))],10,G)),e.withDirectives(e.createElementVNode("div",{id:`${c.value}Menu`,ref_key:"selectMenuEl",ref:u,class:e.normalizeClass([s.menuCssClass,"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),"data-cy":s.$attrs["data-cy"]?`${s.$attrs["data-cy"]}Menu`:void 0,"data-ut":s.$attrs["data-ut"]?`${s.$attrs["data-ut"]}Menu`:void 0},[e.createElementVNode("div",Z,[e.createElementVNode("ul",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(o,f)=>(e.openBlock(),e.createElementBlock("li",{key:`item${f}`,class:"ds-cursor-pointer",onClick:oe=>z(o)},[e.createElementVNode("a",{class:e.normalizeClass([o.cssClass+`${o.value===a.value?" ds-bg-gray-150":""}`,"ds-block ds-px-4 ds-py-2 hover:ds-bg-gray-150"])},e.toDisplayString(o==null?void 0:o.text),3)],8,se))),128))])])],10,Y),[[e.vShow,n.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(O,{key:0,"error-message":e.unref(w).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=te;
 //# sourceMappingURL=design-system22.js.map

package/dist/design-system22.mjs

@@ -5,7 +5,7 @@ import { useI18n as re } from "./design-system52.mjs";
 import ce from "./design-system31.mjs";
 import ve from "./design-system32.mjs";
 import pe from "./design-system42.mjs";
-import fe from "./design-system104.mjs";
+import fe from "./design-system102.mjs";
 const me = /* @__PURE__ */ n("path", { d: "M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z" }, null, -1), he = [
   me
 ], be = ["id", "disabled"], ge = { key: 0 }, ke = {

package/dist/design-system226.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system122.js");function s(t,n){for(var e=t.length;e--;)if(r(t[e][0],n))return e;return-1}module.exports=s;
+"use strict";const r=require("./design-system119.js");function s(t,n){for(var e=t.length;e--;)if(r(t[e][0],n))return e;return-1}module.exports=s;
 //# sourceMappingURL=design-system226.js.map

package/dist/design-system226.mjs

@@ -1,4 +1,4 @@
-import r from "./design-system122.mjs";
+import r from "./design-system119.mjs";
 function o(t, n) {
   for (var e = t.length; e--; )
     if (r(t[e][0], n))

package/dist/design-system23.js

@@ -1,2 +1,2 @@
-"use strict";const l=require("vue"),g=require("./design-system3.js"),_=require("./design-system52.js"),q=require("./design-system31.js"),y=require("./design-system32.js"),B=require("./design-system104.js"),h=["id","autocomplete","disabled","placeholder","readonly","rows"],V=l.defineComponent({__name:"BTextarea",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},validationRules:{default:void 0},label:{default:""},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},rows:{default:3},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{expose:u,emit:i}){const s=a,n=i,{t:c}=_.useI18n(),p={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||c("ds.global.field_required")},t=l.computed(()=>s.inputId||`id-${B()}`),r=l.computed({get(){return s.modelValue},set(e){n("update:modelValue",e)}}),f=l.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!o.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":o.value.valid},s.inputCssClass]),m=l.computed(()=>{let e=[];return s.required&&e.push(p),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:v,validationResult:o}=g.useValidationField(t.value,r,m.value);return u({validate:v}),(e,d)=>(l.openBlock(),l.createElementBlock("div",null,[l.createVNode(y,{id:t.value,label:e.label,required:e.required},null,8,["id","label","required"]),l.withDirectives(l.createElementVNode("textarea",{id:t.value,"onUpdate:modelValue":d[0]||(d[0]=b=>r.value=b),autocomplete:s.autocomplete?"on":"off",class:l.normalizeClass([f.value,"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light"]),disabled:s.disabled,placeholder:s.placeholder,readonly:s.readonly,rows:s.rows},null,10,h),[[l.vModelText,r.value]]),e.hideDetails?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(q,{key:0,"error-message":l.unref(o).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=V;
+"use strict";const l=require("vue"),g=require("./design-system3.js"),_=require("./design-system52.js"),q=require("./design-system31.js"),y=require("./design-system32.js"),B=require("./design-system102.js"),h=["id","autocomplete","disabled","placeholder","readonly","rows"],V=l.defineComponent({__name:"BTextarea",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},validationRules:{default:void 0},label:{default:""},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},rows:{default:3},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{expose:u,emit:i}){const s=a,n=i,{t:c}=_.useI18n(),p={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||c("ds.global.field_required")},t=l.computed(()=>s.inputId||`id-${B()}`),r=l.computed({get(){return s.modelValue},set(e){n("update:modelValue",e)}}),f=l.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!o.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":o.value.valid},s.inputCssClass]),m=l.computed(()=>{let e=[];return s.required&&e.push(p),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:v,validationResult:o}=g.useValidationField(t.value,r,m.value);return u({validate:v}),(e,d)=>(l.openBlock(),l.createElementBlock("div",null,[l.createVNode(y,{id:t.value,label:e.label,required:e.required},null,8,["id","label","required"]),l.withDirectives(l.createElementVNode("textarea",{id:t.value,"onUpdate:modelValue":d[0]||(d[0]=b=>r.value=b),autocomplete:s.autocomplete?"on":"off",class:l.normalizeClass([f.value,"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light"]),disabled:s.disabled,placeholder:s.placeholder,readonly:s.readonly,rows:s.rows},null,10,h),[[l.vModelText,r.value]]),e.hideDetails?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(q,{key:0,"error-message":l.unref(o).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=V;
 //# sourceMappingURL=design-system23.js.map

package/dist/design-system23.mjs

@@ -3,7 +3,7 @@ import { useValidationField as R } from "./design-system3.mjs";
 import { useI18n as M } from "./design-system52.mjs";
 import E from "./design-system31.mjs";
 import D from "./design-system32.mjs";
-import I from "./design-system104.mjs";
+import I from "./design-system102.mjs";
 const N = ["id", "autocomplete", "disabled", "placeholder", "readonly", "rows"], A = /* @__PURE__ */ y({
   __name: "BTextarea",
   props: {

package/dist/design-system26.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),m=require("./design-system110.js"),E=require("./design-system104.js"),g=["href","title"],y={"aria-hidden":"true",class:"ds-pl-2"},R=["id"],N=["href","title"],V={key:0,"aria-hidden":"true",class:"ds-pl-2"},$=e.defineComponent({__name:"BBreadcrumb",props:{items:{default:()=>[]}},setup(k){const b=k,a=e.ref(!1),d=e.ref(null),i=e.ref(null),c=e.ref(null),f=e.ref(null),r=e.ref([]),h=new ResizeObserver(()=>{if(r.value.length<=1)return;const s=d.value.clientWidth,n=c.value[0].clientWidth;for(let t=1;t<r.value.length&&r.value.reduce((l,o)=>o.hidden?l:l+o.width,0)+n>s;t++)r.value[t].hidden=!0;for(let t=r.value.length-1;t>=1;t--)if(r.value[t].hidden)if(r.value.reduce((l,o)=>o.hidden?l:l+o.width,0)+r.value[t].width+n<=s)r.value[t].hidden=!1;else break}),u=e.computed(()=>r.value.some(s=>s.hidden)),v=e.computed(()=>`menu-id-${E()}`),B=()=>{a.value=!a.value},_=()=>{document.addEventListener("click",p)},w=()=>{document.removeEventListener("click",p)},p=s=>{[c.value[0],f.value[0]].some(l=>s.composedPath().includes(l))||(a.value=!1)};return e.onMounted(()=>{_(),h.observe(d.value),r.value=b.items.map(s=>({...s,hidden:!1,width:0})),e.nextTick(()=>{r.value.forEach((s,n)=>{s.width=i.value[n].clientWidth})})}),e.onUnmounted(()=>{w(),h.unobserve(d.value)}),(s,n)=>(e.openBlock(),e.createElementBlock("nav",null,[e.createElementVNode("ol",{ref_key:"ulRef",ref:d,class:e.normalizeClass([{collapsed:u.value},"ds-relative ds-flex"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(t,l)=>{var o;return e.openBlock(),e.createElementBlock(e.Fragment,{key:`item${t.text}`},[l===0?(e.openBlock(),e.createElementBlock("li",{key:0,ref_for:!0,ref_key:"liRefs",ref:i,class:"ds-whitespace-nowrap ds-text-black/[0.85]"},[e.renderSlot(s.$slots,`item-${l}`,{item:t},()=>[e.createElementVNode("a",{href:t.href,title:t.href,class:"ds-transition-colors hover:ds-text-primary-t"},e.toDisplayString(t.text),9,g)]),e.createElementVNode("span",y,[e.renderSlot(s.$slots,`separator-${l}`,{item:t},()=>[e.createVNode(m)])]),e.createElementVNode("div",{ref_for:!0,ref_key:"ellipsisRefs",ref:c,class:"ds-inline-block"},[e.withDirectives(e.createElementVNode("button",{class:e.normalizeClass([{"ds-bg-slate-50":a.value},"ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t ds-transition-colors hover:ds-bg-slate-50"]),onClick:B}," ... ",2),[[e.vShow,u.value]]),e.withDirectives(e.createElementVNode("ol",{id:v.value,ref_for:!0,ref_key:"ellipsisMenuRefs",ref:f,class:"ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow"},null,8,R),[[e.vShow,u.value&&a.value]])],512)],512)):(e.openBlock(),e.createBlock(e.Teleport,{key:1,disabled:!t.hidden,to:`#${v.value}`},[e.createElementVNode("li",{ref_for:!0,ref_key:"liRefs",ref:i,class:"ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]"},[e.renderSlot(s.$slots,`item-${l}`,{item:t},()=>[e.createElementVNode("a",{href:t.href,title:t.href,class:"ds-transition-colors hover:ds-text-primary-t"},e.toDisplayString(t.text),9,N)]),l<((o=s.items)==null?void 0:o.length)-1?(e.openBlock(),e.createElementBlock("span",V,[e.renderSlot(s.$slots,`separator-${l}`,{item:t},()=>[e.createVNode(m)])])):e.createCommentVNode("",!0)],512)],8,["disabled","to"]))],64)}),128))],2)]))}});module.exports=$;
+"use strict";const e=require("vue"),m=require("./design-system110.js"),E=require("./design-system102.js"),g=["href","title"],y={"aria-hidden":"true",class:"ds-pl-2"},R=["id"],N=["href","title"],V={key:0,"aria-hidden":"true",class:"ds-pl-2"},$=e.defineComponent({__name:"BBreadcrumb",props:{items:{default:()=>[]}},setup(k){const b=k,a=e.ref(!1),d=e.ref(null),i=e.ref(null),c=e.ref(null),f=e.ref(null),r=e.ref([]),h=new ResizeObserver(()=>{if(r.value.length<=1)return;const s=d.value.clientWidth,n=c.value[0].clientWidth;for(let t=1;t<r.value.length&&r.value.reduce((l,o)=>o.hidden?l:l+o.width,0)+n>s;t++)r.value[t].hidden=!0;for(let t=r.value.length-1;t>=1;t--)if(r.value[t].hidden)if(r.value.reduce((l,o)=>o.hidden?l:l+o.width,0)+r.value[t].width+n<=s)r.value[t].hidden=!1;else break}),u=e.computed(()=>r.value.some(s=>s.hidden)),v=e.computed(()=>`menu-id-${E()}`),B=()=>{a.value=!a.value},_=()=>{document.addEventListener("click",p)},w=()=>{document.removeEventListener("click",p)},p=s=>{[c.value[0],f.value[0]].some(l=>s.composedPath().includes(l))||(a.value=!1)};return e.onMounted(()=>{_(),h.observe(d.value),r.value=b.items.map(s=>({...s,hidden:!1,width:0})),e.nextTick(()=>{r.value.forEach((s,n)=>{s.width=i.value[n].clientWidth})})}),e.onUnmounted(()=>{w(),h.unobserve(d.value)}),(s,n)=>(e.openBlock(),e.createElementBlock("nav",null,[e.createElementVNode("ol",{ref_key:"ulRef",ref:d,class:e.normalizeClass([{collapsed:u.value},"ds-relative ds-flex"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(t,l)=>{var o;return e.openBlock(),e.createElementBlock(e.Fragment,{key:`item${t.text}`},[l===0?(e.openBlock(),e.createElementBlock("li",{key:0,ref_for:!0,ref_key:"liRefs",ref:i,class:"ds-whitespace-nowrap ds-text-black/[0.85]"},[e.renderSlot(s.$slots,`item-${l}`,{item:t},()=>[e.createElementVNode("a",{href:t.href,title:t.href,class:"ds-transition-colors hover:ds-text-primary-t"},e.toDisplayString(t.text),9,g)]),e.createElementVNode("span",y,[e.renderSlot(s.$slots,`separator-${l}`,{item:t},()=>[e.createVNode(m)])]),e.createElementVNode("div",{ref_for:!0,ref_key:"ellipsisRefs",ref:c,class:"ds-inline-block"},[e.withDirectives(e.createElementVNode("button",{class:e.normalizeClass([{"ds-bg-slate-50":a.value},"ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t ds-transition-colors hover:ds-bg-slate-50"]),onClick:B}," ... ",2),[[e.vShow,u.value]]),e.withDirectives(e.createElementVNode("ol",{id:v.value,ref_for:!0,ref_key:"ellipsisMenuRefs",ref:f,class:"ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow"},null,8,R),[[e.vShow,u.value&&a.value]])],512)],512)):(e.openBlock(),e.createBlock(e.Teleport,{key:1,disabled:!t.hidden,to:`#${v.value}`},[e.createElementVNode("li",{ref_for:!0,ref_key:"liRefs",ref:i,class:"ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]"},[e.renderSlot(s.$slots,`item-${l}`,{item:t},()=>[e.createElementVNode("a",{href:t.href,title:t.href,class:"ds-transition-colors hover:ds-text-primary-t"},e.toDisplayString(t.text),9,N)]),l<((o=s.items)==null?void 0:o.length)-1?(e.openBlock(),e.createElementBlock("span",V,[e.renderSlot(s.$slots,`separator-${l}`,{item:t},()=>[e.createVNode(m)])])):e.createCommentVNode("",!0)],512)],8,["disabled","to"]))],64)}),128))],2)]))}});module.exports=$;
 //# sourceMappingURL=design-system26.js.map

package/dist/design-system26.mjs

@@ -1,6 +1,6 @@
 import { defineComponent as x, ref as n, computed as w, onMounted as z, nextTick as N, onUnmounted as V, openBlock as d, createElementBlock as u, createElementVNode as o, normalizeClass as g, Fragment as y, renderList as D, renderSlot as f, toDisplayString as R, createVNode as B, withDirectives as $, vShow as C, createBlock as I, Teleport as T, createCommentVNode as F } from "vue";
 import E from "./design-system110.mjs";
-import P from "./design-system104.mjs";
+import P from "./design-system102.mjs";
 const U = ["href", "title"], j = {
   "aria-hidden": "true",
   class: "ds-pl-2"

package/dist/design-system59.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),s=require("./design-system5.js"),m=require("./design-system104.js"),b=["id","disabled","value"],p=["for"],f=["for"],h=e.defineComponent({__name:"BCheckbox",props:{inputId:{default:""},modelValue:{type:[Boolean,Array],default:!1},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:s.BCheckboxSize.Medium}},emits:["update:modelValue"],setup(u,{emit:r}){const t=u,n=r,a=e.computed(()=>t.inputId||`id-${m()}`),o=e.computed({get(){return t.modelValue},set(l){n("update:modelValue",l)}}),i=e.computed(()=>{let l="";switch(t.size){case s.BCheckboxSize.Small:l+="size-sm ";break;case s.BCheckboxSize.Medium:default:l+=" ";break}return l});return(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([i.value,"b-checkbox ds-flex ds-items-center"])},[e.withDirectives(e.createElementVNode("input",{id:a.value,"onUpdate:modelValue":d[0]||(d[0]=c=>o.value=c),disabled:l.disabled,value:l.$attrs.value,type:"checkbox",class:"b-checkbox__input"},null,8,b),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{for:a.value,class:"b-checkbox__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"},null,8,p),l.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:l.labelOrphan?void 0:a.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,f)):e.createCommentVNode("",!0)],2))}});module.exports=h;
+"use strict";const e=require("vue"),s=require("./design-system5.js"),m=require("./design-system102.js"),b=["id","disabled","value"],p=["for"],f=["for"],h=e.defineComponent({__name:"BCheckbox",props:{inputId:{default:""},modelValue:{type:[Boolean,Array],default:!1},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:s.BCheckboxSize.Medium}},emits:["update:modelValue"],setup(u,{emit:r}){const t=u,n=r,a=e.computed(()=>t.inputId||`id-${m()}`),o=e.computed({get(){return t.modelValue},set(l){n("update:modelValue",l)}}),i=e.computed(()=>{let l="";switch(t.size){case s.BCheckboxSize.Small:l+="size-sm ";break;case s.BCheckboxSize.Medium:default:l+=" ";break}return l});return(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([i.value,"b-checkbox ds-flex ds-items-center"])},[e.withDirectives(e.createElementVNode("input",{id:a.value,"onUpdate:modelValue":d[0]||(d[0]=c=>o.value=c),disabled:l.disabled,value:l.$attrs.value,type:"checkbox",class:"b-checkbox__input"},null,8,b),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{for:a.value,class:"b-checkbox__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"},null,8,p),l.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:l.labelOrphan?void 0:a.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,f)):e.createCommentVNode("",!0)],2))}});module.exports=h;
 //# sourceMappingURL=design-system59.js.map

package/dist/design-system59.mjs

@@ -1,6 +1,6 @@
 import { defineComponent as f, computed as a, openBlock as r, createElementBlock as u, normalizeClass as h, withDirectives as v, createElementVNode as i, vModelCheckbox as k, renderSlot as V, createTextVNode as y, toDisplayString as _, createCommentVNode as x } from "vue";
 import { BCheckboxSize as s } from "./design-system5.mjs";
-import B from "./design-system104.mjs";
+import B from "./design-system102.mjs";
 const C = ["id", "disabled", "value"], z = ["for"], g = ["for"], M = /* @__PURE__ */ f({
   __name: "BCheckbox",
   props: {

package/dist/design-system76.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),b=require("./design-system31.js"),g=require("./design-system3.js"),_=require("./design-system52.js"),h=require("./design-system104.js"),B={class:"b-radio ds-flex ds-items-center"},V=["id","disabled","name","value"],q=["for"],y=["for"],k=e.defineComponent({__name:"BRadio",props:{inputId:{default:""},modelValue:{type:[String,Number,Boolean],default:""},inputName:{default:""},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},labelCssClass:{default:""},hideDetails:{type:Boolean,default:!1},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""}},emits:["change","update:modelValue"],setup(d,{emit:u}){const t=d,o=u,{t:n}=_.useI18n(),i={validateRule:l=>!!(l&&l.trim()),errorMessage:()=>t.requiredErrorMessage||n("ds.global.field_required")},a=e.computed(()=>t.inputId||`id-${h()}`),s=e.computed({get(){return t.modelValue},set(l){o("update:modelValue",l)}}),c=e.computed(()=>{let l=[];return t.required&&l.push(i),t.validationRules&&(l=l.concat(t.validationRules)),l.length?l:void 0}),{validate:m,validationResult:p}=g.useValidationField(a.value,s,c.value),f=()=>{o("change"),m()};return(l,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",B,[e.withDirectives(e.createElementVNode("input",{id:a.value,"onUpdate:modelValue":r[0]||(r[0]=v=>s.value=v),disabled:l.disabled,name:l.inputName,value:l.$attrs.value,class:"b-radio__input",type:"radio",onChange:f},null,40,V),[[e.vModelRadio,s.value]]),e.createElementVNode("label",{for:a.value,class:"b-radio__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"},null,8,q),t.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.labelOrphan?void 0:a.value,class:e.normalizeClass([l.labelCssClass,"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"])},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],10,y)):e.createCommentVNode("",!0)]),l.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(b,{key:0,"error-message":e.unref(p).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))],64))}});module.exports=k;
+"use strict";const e=require("vue"),b=require("./design-system31.js"),g=require("./design-system3.js"),_=require("./design-system52.js"),h=require("./design-system102.js"),B={class:"b-radio ds-flex ds-items-center"},V=["id","disabled","name","value"],q=["for"],y=["for"],k=e.defineComponent({__name:"BRadio",props:{inputId:{default:""},modelValue:{type:[String,Number,Boolean],default:""},inputName:{default:""},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},labelCssClass:{default:""},hideDetails:{type:Boolean,default:!1},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""}},emits:["change","update:modelValue"],setup(d,{emit:u}){const t=d,o=u,{t:n}=_.useI18n(),i={validateRule:l=>!!(l&&l.trim()),errorMessage:()=>t.requiredErrorMessage||n("ds.global.field_required")},a=e.computed(()=>t.inputId||`id-${h()}`),s=e.computed({get(){return t.modelValue},set(l){o("update:modelValue",l)}}),c=e.computed(()=>{let l=[];return t.required&&l.push(i),t.validationRules&&(l=l.concat(t.validationRules)),l.length?l:void 0}),{validate:m,validationResult:p}=g.useValidationField(a.value,s,c.value),f=()=>{o("change"),m()};return(l,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",B,[e.withDirectives(e.createElementVNode("input",{id:a.value,"onUpdate:modelValue":r[0]||(r[0]=v=>s.value=v),disabled:l.disabled,name:l.inputName,value:l.$attrs.value,class:"b-radio__input",type:"radio",onChange:f},null,40,V),[[e.vModelRadio,s.value]]),e.createElementVNode("label",{for:a.value,class:"b-radio__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"},null,8,q),t.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.labelOrphan?void 0:a.value,class:e.normalizeClass([l.labelCssClass,"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"])},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],10,y)):e.createCommentVNode("",!0)]),l.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(b,{key:0,"error-message":e.unref(p).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))],64))}});module.exports=k;
 //# sourceMappingURL=design-system76.js.map

package/dist/design-system76.mjs

@@ -2,7 +2,7 @@ import { defineComponent as y, computed as s, openBlock as o, createElementBlock
 import D from "./design-system31.mjs";
 import { useValidationField as E } from "./design-system3.mjs";
 import { useI18n as I } from "./design-system52.mjs";
-import S from "./design-system104.mjs";
+import S from "./design-system102.mjs";
 const w = { class: "b-radio ds-flex ds-items-center" }, F = ["id", "disabled", "name", "value"], O = ["for"], z = ["for"], H = /* @__PURE__ */ y({
   __name: "BRadio",
   props: {

package/dist/design-system80.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),C=require("./design-system104.js"),_={class:"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100"},g=["onClick"],y=["id"],V=e.defineComponent({__name:"BTabs",props:{headers:{},modelValue:{default:void 0},headerCssClass:{default:""}},emits:["update:modelValue"],setup(p,{emit:b}){const o=p,h=b,r=e.ref(null),l=e.ref(null),s=e.ref(null),t=e.ref(0),n=e.ref(0),u=e.computed({get(){return o.modelValue!==void 0?o.modelValue:n.value},set(a){o.modelValue!==void 0?h("update:modelValue",a):n.value=a}}),i=e.computed(()=>`id-${C()}`);e.watch(u,a=>{c(a)}),e.watch(()=>o.headers,()=>{e.nextTick(()=>{v()})});const k=a=>{u.value=a},c=a=>{if(s.value&&l.value)if(t.value=a,[...s.value,...l.value].forEach(d=>{d.classList.remove("active")}),s.value[t.value]&&l.value[t.value])s.value[t.value].classList.add("active"),l.value[t.value].classList.add("active");else{const d=t.value-1;d>=0&&(s.value[d].classList.add("active"),l.value[d].classList.add("active"))}},v=()=>{r.value&&(s.value=[...r.value.querySelectorAll(`#${i.value} > .tab`)],s.value.forEach(a=>{a.classList.contains("active")&&(t.value=s.value.indexOf(a))}),c(t.value))};return e.onMounted(()=>{v()}),(a,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tabContainer",ref:r},[e.renderSlot(a.$slots,"headers-prepend",{},void 0,!0),e.createElementVNode("ul",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.headers,(f,m)=>(e.openBlock(),e.createElementBlock("li",{key:m,ref_for:!0,ref_key:"tabHeaders",ref:l,class:e.normalizeClass([[a.headerCssClass,f.disabled?"ds-pointer-events-none ds-text-black/40":""],"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t"]),onClick:x=>k(m)},e.toDisplayString(f.text),11,g))),128))]),e.renderSlot(a.$slots,"headers-append",{},void 0,!0),e.createElementVNode("div",{id:i.value,class:"ds-w-full"},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,y)],512))}});module.exports=V;
+"use strict";const e=require("vue"),C=require("./design-system102.js"),_={class:"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100"},g=["onClick"],y=["id"],V=e.defineComponent({__name:"BTabs",props:{headers:{},modelValue:{default:void 0},headerCssClass:{default:""}},emits:["update:modelValue"],setup(p,{emit:b}){const o=p,h=b,r=e.ref(null),l=e.ref(null),s=e.ref(null),t=e.ref(0),n=e.ref(0),u=e.computed({get(){return o.modelValue!==void 0?o.modelValue:n.value},set(a){o.modelValue!==void 0?h("update:modelValue",a):n.value=a}}),i=e.computed(()=>`id-${C()}`);e.watch(u,a=>{c(a)}),e.watch(()=>o.headers,()=>{e.nextTick(()=>{v()})});const k=a=>{u.value=a},c=a=>{if(s.value&&l.value)if(t.value=a,[...s.value,...l.value].forEach(d=>{d.classList.remove("active")}),s.value[t.value]&&l.value[t.value])s.value[t.value].classList.add("active"),l.value[t.value].classList.add("active");else{const d=t.value-1;d>=0&&(s.value[d].classList.add("active"),l.value[d].classList.add("active"))}},v=()=>{r.value&&(s.value=[...r.value.querySelectorAll(`#${i.value} > .tab`)],s.value.forEach(a=>{a.classList.contains("active")&&(t.value=s.value.indexOf(a))}),c(t.value))};return e.onMounted(()=>{v()}),(a,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tabContainer",ref:r},[e.renderSlot(a.$slots,"headers-prepend",{},void 0,!0),e.createElementVNode("ul",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.headers,(f,m)=>(e.openBlock(),e.createElementBlock("li",{key:m,ref_for:!0,ref_key:"tabHeaders",ref:l,class:e.normalizeClass([[a.headerCssClass,f.disabled?"ds-pointer-events-none ds-text-black/40":""],"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t"]),onClick:x=>k(m)},e.toDisplayString(f.text),11,g))),128))]),e.renderSlot(a.$slots,"headers-append",{},void 0,!0),e.createElementVNode("div",{id:i.value,class:"ds-w-full"},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,y)],512))}});module.exports=V;
 //# sourceMappingURL=design-system80.js.map

package/dist/design-system80.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as L, ref as d, computed as C, watch as k, nextTick as T, onMounted as $, openBlock as n, createElementBlock as u, renderSlot as i, createElementVNode as _, Fragment as w, renderList as B, normalizeClass as E, toDisplayString as H } from "vue";
-import I from "./design-system104.mjs";
+import I from "./design-system102.mjs";
 const S = { class: "ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100" }, z = ["onClick"], q = ["id"], M = /* @__PURE__ */ L({
   __name: "BTabs",
   props: {

package/dist/design-system83.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),k=require("./design-system3.js"),q=require("./design-system52.js"),V=require("./design-system31.js"),C=require("./design-system32.js"),x=require("./design-system104.js"),E={class:"b-text-field"},I={class:"ds-relative"},R={key:0,class:"b-text-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},M=["id","autocomplete","disabled","inputmode","placeholder","readonly","type"],N={key:1,class:"b-text-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},w=t.defineComponent({__name:"BTextField",props:{inputId:{default:""},inputCssClass:{default:""},validationRules:{default:void 0},modelValue:{},label:{default:""},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},type:{default:"text"},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},inputHandler:{default:void 0},inputmode:{default:"text"}},emits:["focus","blur","press:enter","update:modelValue"],setup(c,{expose:p,emit:f}){const s=c,o=f,{t:m}=q.useI18n(),d=t.ref(null),v={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||m("ds.global.field_required")},r=t.computed(()=>s.inputId||`id-${x()}`),u=t.computed({get(){return s.modelValue},set(e){o("update:modelValue",e)}}),b=t.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!n.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":n.value.valid},s.inputCssClass]),y=t.computed(()=>{let e=[];return s.required&&e.push(v),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:i,validationResult:n}=k.useValidationField(r.value,u,y.value),_=()=>{o("press:enter")},g=()=>{o("focus")},h=()=>{o("blur")},B=()=>{i()};return p({validate:i,focus:()=>{var e;(e=d.value)==null||e.focus()},blur:()=>{var e;(e=d.value)==null||e.blur()}}),(e,l)=>(t.openBlock(),t.createElementBlock("div",E,[t.createVNode(C,{id:r.value,label:e.label,required:e.required},null,8,["id","label","required"]),t.createElementVNode("div",I,[e.$slots.prependIcon?(t.openBlock(),t.createElementBlock("div",R,[t.renderSlot(e.$slots,"prependIcon",{},void 0,!0)])):t.createCommentVNode("",!0),t.withDirectives(t.createElementVNode("input",{id:r.value,ref_key:"inputRef",ref:d,"onUpdate:modelValue":l[0]||(l[0]=a=>u.value=a),autocomplete:s.autocomplete?"on":"off",disabled:s.disabled,inputmode:s.inputmode,placeholder:s.placeholder,readonly:s.readonly,type:s.type,class:t.normalizeClass([[b.value],"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),onBlur:h,onFocus:g,onInput:l[1]||(l[1]=(...a)=>e.inputHandler&&e.inputHandler(...a)),onKeyup:[B,t.withKeys(_,["enter"])]},null,42,M),[[t.vModelDynamic,u.value]]),e.$slots.appendIcon?(t.openBlock(),t.createElementBlock("div",N,[t.renderSlot(e.$slots,"appendIcon",{},void 0,!0)])):t.createCommentVNode("",!0)]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(V,{key:0,"error-message":t.unref(n).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=w;
+"use strict";const t=require("vue"),k=require("./design-system3.js"),q=require("./design-system52.js"),V=require("./design-system31.js"),C=require("./design-system32.js"),x=require("./design-system102.js"),E={class:"b-text-field"},I={class:"ds-relative"},R={key:0,class:"b-text-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},M=["id","autocomplete","disabled","inputmode","placeholder","readonly","type"],N={key:1,class:"b-text-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},w=t.defineComponent({__name:"BTextField",props:{inputId:{default:""},inputCssClass:{default:""},validationRules:{default:void 0},modelValue:{},label:{default:""},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},type:{default:"text"},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},inputHandler:{default:void 0},inputmode:{default:"text"}},emits:["focus","blur","press:enter","update:modelValue"],setup(c,{expose:p,emit:f}){const s=c,o=f,{t:m}=q.useI18n(),d=t.ref(null),v={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||m("ds.global.field_required")},r=t.computed(()=>s.inputId||`id-${x()}`),u=t.computed({get(){return s.modelValue},set(e){o("update:modelValue",e)}}),b=t.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!n.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":n.value.valid},s.inputCssClass]),y=t.computed(()=>{let e=[];return s.required&&e.push(v),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:i,validationResult:n}=k.useValidationField(r.value,u,y.value),_=()=>{o("press:enter")},g=()=>{o("focus")},h=()=>{o("blur")},B=()=>{i()};return p({validate:i,focus:()=>{var e;(e=d.value)==null||e.focus()},blur:()=>{var e;(e=d.value)==null||e.blur()}}),(e,l)=>(t.openBlock(),t.createElementBlock("div",E,[t.createVNode(C,{id:r.value,label:e.label,required:e.required},null,8,["id","label","required"]),t.createElementVNode("div",I,[e.$slots.prependIcon?(t.openBlock(),t.createElementBlock("div",R,[t.renderSlot(e.$slots,"prependIcon",{},void 0,!0)])):t.createCommentVNode("",!0),t.withDirectives(t.createElementVNode("input",{id:r.value,ref_key:"inputRef",ref:d,"onUpdate:modelValue":l[0]||(l[0]=a=>u.value=a),autocomplete:s.autocomplete?"on":"off",disabled:s.disabled,inputmode:s.inputmode,placeholder:s.placeholder,readonly:s.readonly,type:s.type,class:t.normalizeClass([[b.value],"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),onBlur:h,onFocus:g,onInput:l[1]||(l[1]=(...a)=>e.inputHandler&&e.inputHandler(...a)),onKeyup:[B,t.withKeys(_,["enter"])]},null,42,M),[[t.vModelDynamic,u.value]]),e.$slots.appendIcon?(t.openBlock(),t.createElementBlock("div",N,[t.renderSlot(e.$slots,"appendIcon",{},void 0,!0)])):t.createCommentVNode("",!0)]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(V,{key:0,"error-message":t.unref(n).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=w;
 //# sourceMappingURL=design-system83.js.map

package/dist/design-system83.mjs

@@ -3,7 +3,7 @@ import { useValidationField as F } from "./design-system3.mjs";
 import { useI18n as H } from "./design-system52.mjs";
 import N from "./design-system31.mjs";
 import U from "./design-system32.mjs";
-import S from "./design-system104.mjs";
+import S from "./design-system102.mjs";
 const T = { class: "b-text-field" }, j = { class: "ds-relative" }, A = {
   key: 0,
   class: "b-text-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"

package/dist/design-system89.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),y=require("./design-system4.js"),A=require("./design-system52.js"),k=require("./design-system109.js"),P=require("./design-system48.js"),U=require("./design-system3.js"),H=require("./design-system32.js"),O=require("./design-system11.js"),G=require("./design-system31.js"),J=require("./design-system104.js"),K=require("./design-system105.js"),Q=i=>(e.pushScopeId("data-v-8033e228"),i=i(),e.popScopeId(),i),W={class:"b-image-picker ds-w-full"},X={class:"ds-gap-2 ds-space-y-4 ds-rounded-lg ds-bg-white ds-p-4 ds-drop-shadow"},Y={key:0,class:"ds-flex ds-flex-wrap ds-justify-center ds-gap-1"},Z=["onClick","onDragenter","onDragstart","onDrop"],ee=["src"],te=["src"],ae={class:"ds-flex ds-flex-wrap ds-justify-center"},le=Q(()=>e.createElementVNode("svg",{class:"ds-h-4 ds-w-4 ds-fill-primary-t",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M447.1 32h-384C28.64 32-.0091 60.65-.0091 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96C511.1 60.65 483.3 32 447.1 32zM111.1 96c26.51 0 48 21.49 48 48S138.5 192 111.1 192s-48-21.49-48-48S85.48 96 111.1 96zM446.1 407.6C443.3 412.8 437.9 416 432 416H82.01c-6.021 0-11.53-3.379-14.26-8.75c-2.73-5.367-2.215-11.81 1.334-16.68l70-96C142.1 290.4 146.9 288 152 288s9.916 2.441 12.93 6.574l32.46 44.51l93.3-139.1C293.7 194.7 298.7 192 304 192s10.35 2.672 13.31 7.125l128 192C448.6 396 448.9 402.3 446.1 407.6z"})],-1)),se=["accept","multiple"],re=e.defineComponent({__name:"BImagePicker",props:{inputId:{default:""},modelValue:{},label:{default:""},multiple:{type:Boolean,default:!1},maxFileSize:{default:20},hideDetails:{type:Boolean,default:!1},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},validationRules:{default:void 0}},emits:["change","update:modelValue"],setup(i,{expose:V,emit:w}){const l=i,u=w,{t:p}=A.useI18n(),g=e.ref(null),f=e.ref(0),r=e.computed({get(){return l.modelValue},set(t){u("update:modelValue",t)}}),v=e.ref(!0),m=e.ref(!0),c=e.ref({visible:!1,url:""}),_=e.computed(()=>y.FileImageTypes.join(", ")),B=e.computed(()=>l.inputId||`id-${J()}`),D={validateRule:t=>!!t&&t.length>0,errorMessage:()=>l.requiredErrorMessage||p("ds.global.field_required")},C={validateRule:()=>v.value,errorMessage:()=>p("ds.components.base.image_picker.file_types_valid",{types:_.value})},I={validateRule:()=>m.value,errorMessage:()=>p("ds.components.base.image_picker.file_size_valid",{size:l.maxFileSize})},b=e.computed(()=>{let t=[];return l.required&&t.push(D),l.validationRules&&(t=t.concat(l.validationRules)),t.push(C),t.push(I),t.length?t:void 0}),{validate:d,validationResult:E}=U.useValidationField(B.value,r,b.value),q=(t,a)=>{f.value=t,a.target.classList.add("dragging"),a.dataTransfer.effectAllowed="move",a.dataTransfer.setData("index",t.toString())},x=t=>{t.target.classList.remove("dragging")},N=(t,a)=>{const s=a.target;f.value!==t&&s.classList.add("dropped-target")},F=t=>{t.preventDefault(),t.dataTransfer.dropEffect="move"},S=t=>{t.target.classList.remove("dropped-target")},M=(t,a)=>{a.preventDefault(),a.target.classList.remove("dropped-target");const o=parseInt(a.dataTransfer.getData("index")),n=r.value[o];r.value.splice(o,1),r.value.splice(t,0,n),u("change"),d()},R=()=>{var t;(t=g.value)==null||t.click()},T=t=>{let a=t.target.files||t.dataTransfer.files;a.length&&(z(a),g.value&&(g.value.value=null))},z=t=>{Array.from(t).forEach(a=>{if(v.value=y.FileImageTypes.includes(a.type),m.value=j(a.size)<=l.maxFileSize,v.value&&m.value){let s=new FileReader;s.onload=o=>{l.multiple?r.value.push({url:o.target.result,file:a,type:a.type}):r.value={url:o.target.result,file:a,type:a.type},u("change"),d()},s.readAsDataURL(a)}else d()})},L=t=>{r.value.splice(t,1),u("change"),d()},$=()=>{r.value={},u("change"),d()},j=t=>t/1024**2,h=t=>{c.value.url=t.url||"",c.value.visible=!0};return V({validate:d}),(t,a)=>(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(H,{label:l.label},null,8,["label"]),e.createElementVNode("div",X,[e.unref(K)(r.value)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Y,[l.multiple?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(r.value,(s,o)=>(e.openBlock(),e.createElementBlock("div",{key:s.url,class:"b-image-picker__draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t",draggable:"true",onClick:n=>h(s),onDragend:x,onDragenter:n=>N(o,n),onDragleave:S,onDragover:F,onDragstart:n=>q(o,n),onDrop:n=>M(o,n)},[e.createElementVNode("img",{src:s.url,alt:"image",class:"ds-h-full ds-w-full ds-rounded-lg"},null,8,ee),e.createVNode(k,{class:"ds-right-1 ds-top-1 ds-h-8 ds-w-8",onClick:e.withModifiers(n=>L(o),["stop"])},null,8,["onClick"])],40,Z))),128)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"b-image-picker__draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t",draggable:"true",onClick:a[0]||(a[0]=s=>h(r.value))},[e.createElementVNode("img",{src:r.value.url,alt:"image",class:"ds-h-full ds-w-full ds-rounded-lg"},null,8,te),e.createVNode(k,{class:"ds-right-1 ds-top-1 ds-h-8 ds-w-8",onClick:e.withModifiers($,["stop"])})]))])),e.createElementVNode("div",ae,[e.createVNode(O,{onClick:R},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(p)("ds.components.base.image_picker.select_image")),1)]),appendIcon:e.withCtx(()=>[le]),_:1}),e.createElementVNode("input",{ref_key:"inputRef",ref:g,accept:_.value,multiple:l.multiple,class:"ds-hidden",type:"file",onChange:T},null,40,se)])]),l.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(G,{key:0,"error-message":e.unref(E).errorMessage(),class:"ds-mt-1"},null,8,["error-message"])),e.createVNode(P,{modelValue:c.value.visible,"onUpdate:modelValue":a[1]||(a[1]=s=>c.value.visible=s),url:c.value.url},null,8,["modelValue","url"])]))}});module.exports=re;
+"use strict";const e=require("vue"),y=require("./design-system4.js"),A=require("./design-system52.js"),k=require("./design-system109.js"),P=require("./design-system48.js"),U=require("./design-system3.js"),H=require("./design-system32.js"),O=require("./design-system11.js"),G=require("./design-system31.js"),J=require("./design-system102.js"),K=require("./design-system104.js"),Q=i=>(e.pushScopeId("data-v-8033e228"),i=i(),e.popScopeId(),i),W={class:"b-image-picker ds-w-full"},X={class:"ds-gap-2 ds-space-y-4 ds-rounded-lg ds-bg-white ds-p-4 ds-drop-shadow"},Y={key:0,class:"ds-flex ds-flex-wrap ds-justify-center ds-gap-1"},Z=["onClick","onDragenter","onDragstart","onDrop"],ee=["src"],te=["src"],ae={class:"ds-flex ds-flex-wrap ds-justify-center"},le=Q(()=>e.createElementVNode("svg",{class:"ds-h-4 ds-w-4 ds-fill-primary-t",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M447.1 32h-384C28.64 32-.0091 60.65-.0091 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96C511.1 60.65 483.3 32 447.1 32zM111.1 96c26.51 0 48 21.49 48 48S138.5 192 111.1 192s-48-21.49-48-48S85.48 96 111.1 96zM446.1 407.6C443.3 412.8 437.9 416 432 416H82.01c-6.021 0-11.53-3.379-14.26-8.75c-2.73-5.367-2.215-11.81 1.334-16.68l70-96C142.1 290.4 146.9 288 152 288s9.916 2.441 12.93 6.574l32.46 44.51l93.3-139.1C293.7 194.7 298.7 192 304 192s10.35 2.672 13.31 7.125l128 192C448.6 396 448.9 402.3 446.1 407.6z"})],-1)),se=["accept","multiple"],re=e.defineComponent({__name:"BImagePicker",props:{inputId:{default:""},modelValue:{},label:{default:""},multiple:{type:Boolean,default:!1},maxFileSize:{default:20},hideDetails:{type:Boolean,default:!1},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},validationRules:{default:void 0}},emits:["change","update:modelValue"],setup(i,{expose:V,emit:w}){const l=i,u=w,{t:p}=A.useI18n(),g=e.ref(null),f=e.ref(0),r=e.computed({get(){return l.modelValue},set(t){u("update:modelValue",t)}}),v=e.ref(!0),m=e.ref(!0),c=e.ref({visible:!1,url:""}),_=e.computed(()=>y.FileImageTypes.join(", ")),B=e.computed(()=>l.inputId||`id-${J()}`),D={validateRule:t=>!!t&&t.length>0,errorMessage:()=>l.requiredErrorMessage||p("ds.global.field_required")},C={validateRule:()=>v.value,errorMessage:()=>p("ds.components.base.image_picker.file_types_valid",{types:_.value})},I={validateRule:()=>m.value,errorMessage:()=>p("ds.components.base.image_picker.file_size_valid",{size:l.maxFileSize})},b=e.computed(()=>{let t=[];return l.required&&t.push(D),l.validationRules&&(t=t.concat(l.validationRules)),t.push(C),t.push(I),t.length?t:void 0}),{validate:d,validationResult:E}=U.useValidationField(B.value,r,b.value),q=(t,a)=>{f.value=t,a.target.classList.add("dragging"),a.dataTransfer.effectAllowed="move",a.dataTransfer.setData("index",t.toString())},x=t=>{t.target.classList.remove("dragging")},N=(t,a)=>{const s=a.target;f.value!==t&&s.classList.add("dropped-target")},F=t=>{t.preventDefault(),t.dataTransfer.dropEffect="move"},S=t=>{t.target.classList.remove("dropped-target")},M=(t,a)=>{a.preventDefault(),a.target.classList.remove("dropped-target");const o=parseInt(a.dataTransfer.getData("index")),n=r.value[o];r.value.splice(o,1),r.value.splice(t,0,n),u("change"),d()},R=()=>{var t;(t=g.value)==null||t.click()},T=t=>{let a=t.target.files||t.dataTransfer.files;a.length&&(z(a),g.value&&(g.value.value=null))},z=t=>{Array.from(t).forEach(a=>{if(v.value=y.FileImageTypes.includes(a.type),m.value=j(a.size)<=l.maxFileSize,v.value&&m.value){let s=new FileReader;s.onload=o=>{l.multiple?r.value.push({url:o.target.result,file:a,type:a.type}):r.value={url:o.target.result,file:a,type:a.type},u("change"),d()},s.readAsDataURL(a)}else d()})},L=t=>{r.value.splice(t,1),u("change"),d()},$=()=>{r.value={},u("change"),d()},j=t=>t/1024**2,h=t=>{c.value.url=t.url||"",c.value.visible=!0};return V({validate:d}),(t,a)=>(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(H,{label:l.label},null,8,["label"]),e.createElementVNode("div",X,[e.unref(K)(r.value)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Y,[l.multiple?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(r.value,(s,o)=>(e.openBlock(),e.createElementBlock("div",{key:s.url,class:"b-image-picker__draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t",draggable:"true",onClick:n=>h(s),onDragend:x,onDragenter:n=>N(o,n),onDragleave:S,onDragover:F,onDragstart:n=>q(o,n),onDrop:n=>M(o,n)},[e.createElementVNode("img",{src:s.url,alt:"image",class:"ds-h-full ds-w-full ds-rounded-lg"},null,8,ee),e.createVNode(k,{class:"ds-right-1 ds-top-1 ds-h-8 ds-w-8",onClick:e.withModifiers(n=>L(o),["stop"])},null,8,["onClick"])],40,Z))),128)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"b-image-picker__draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t",draggable:"true",onClick:a[0]||(a[0]=s=>h(r.value))},[e.createElementVNode("img",{src:r.value.url,alt:"image",class:"ds-h-full ds-w-full ds-rounded-lg"},null,8,te),e.createVNode(k,{class:"ds-right-1 ds-top-1 ds-h-8 ds-w-8",onClick:e.withModifiers($,["stop"])})]))])),e.createElementVNode("div",ae,[e.createVNode(O,{onClick:R},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(p)("ds.components.base.image_picker.select_image")),1)]),appendIcon:e.withCtx(()=>[le]),_:1}),e.createElementVNode("input",{ref_key:"inputRef",ref:g,accept:_.value,multiple:l.multiple,class:"ds-hidden",type:"file",onChange:T},null,40,se)])]),l.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(G,{key:0,"error-message":e.unref(E).errorMessage(),class:"ds-mt-1"},null,8,["error-message"])),e.createVNode(P,{modelValue:c.value.visible,"onUpdate:modelValue":a[1]||(a[1]=s=>c.value.visible=s),url:c.value.url},null,8,["modelValue","url"])]))}});module.exports=re;
 //# sourceMappingURL=design-system89.js.map

package/dist/design-system89.mjs

@@ -7,8 +7,8 @@ import { useValidationField as oe } from "./design-system3.mjs";
 import ie from "./design-system32.mjs";
 import de from "./design-system11.mjs";
 import ne from "./design-system31.mjs";
-import ue from "./design-system104.mjs";
-import ce from "./design-system105.mjs";
+import ue from "./design-system102.mjs";
+import ce from "./design-system104.mjs";
 const ge = (u) => (ae("data-v-8033e228"), u = u(), le(), u), pe = { class: "b-image-picker ds-w-full" }, me = { class: "ds-gap-2 ds-space-y-4 ds-rounded-lg ds-bg-white ds-p-4 ds-drop-shadow" }, ve = {
   key: 0,
   class: "ds-flex ds-flex-wrap ds-justify-center ds-gap-1"

package/dist/design-system92.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),g=require("./design-system32.js"),V=require("./design-system3.js"),q=require("./design-system31.js"),B=require("./design-system52.js"),C=require("./design-system102.js"),E=require("./design-system5.js"),N=require("./design-system104.js"),R={class:"b-currency-field"},I={class:"ds-relative"},S={key:0,class:"b-currency-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},M=["id","autocomplete","disabled","placeholder","readonly"],w={key:1,class:"b-currency-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},$=e.defineComponent({__name:"BCurrencyField",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},label:{default:""},validationRules:{default:void 0},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},hideDetails:{type:Boolean,default:!1},locale:{default:E.SupportedLocale["vi-VN"]}},emits:["press:enter","update:modelValue"],setup(i,{emit:c}){const t=i,a=c;let o;const{t:p}=B.useI18n(),u=e.ref(null),m={validateRule:s=>!!(s&&(s!=null&&s.trim())),errorMessage:()=>t.requiredErrorMessage||p("ds.global.field_required")},r=e.computed(()=>t.inputId||`id-${N()}`),l=e.computed({get(){return t.modelValue},set(s){a("update:modelValue",s)}}),f=e.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":t.disabled,"ds-text-black/[0.85]":!t.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!d.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":d.value.valid},t.inputCssClass]),v=e.computed(()=>{let s=[];return t.required&&s.push(m),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),k=e.computed(()=>t.locale==="en-US"?{mask:"$num",blocks:{num:{mask:Number,thousandsSeparator:" "}}}:[{mask:""},{mask:"num VND",lazy:!1,blocks:{num:{mask:Number,thousandsSeparator:" "}}}]),{validate:b,validationResult:d}=V.useValidationField(r.value,l,v.value);e.watch(()=>t.locale,()=>{n()}),e.watch(()=>t.modelValue,s=>{s!=o.unmaskedValue&&(o.unmaskedValue=s.toString())});const _=()=>{b()},y=()=>{a("press:enter")},h=()=>{l.value=typeof l.value=="number"?+o.unmaskedValue:o.unmaskedValue},n=()=>{o&&o.destroy(),o=C(u.value,k.value),o.on("accept",h)};return e.onMounted(()=>{n(),o.unmaskedValue=l.value.toString()}),(s,x)=>(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(g,{id:r.value,label:s.label,required:s.required},null,8,["id","label","required"]),e.createElementVNode("div",I,[s.$slots.prependIcon?(e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(s.$slots,"prependIcon",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("input",{id:r.value,ref_key:"inputRef",ref:u,autocomplete:t.autocomplete?"on":"off",class:e.normalizeClass([f.value,"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),disabled:t.disabled,placeholder:t.placeholder,readonly:t.readonly,onKeyup:[_,e.withKeys(y,["enter"])]},null,42,M),s.$slots.appendIcon?(e.openBlock(),e.createElementBlock("div",w,[e.renderSlot(s.$slots,"appendIcon",{},void 0,!0)])):e.createCommentVNode("",!0)]),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(q,{key:0,"error-message":e.unref(d).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=$;
+"use strict";const e=require("vue"),g=require("./design-system32.js"),V=require("./design-system3.js"),q=require("./design-system31.js"),B=require("./design-system52.js"),C=require("./design-system105.js"),E=require("./design-system5.js"),N=require("./design-system102.js"),R={class:"b-currency-field"},I={class:"ds-relative"},S={key:0,class:"b-currency-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},M=["id","autocomplete","disabled","placeholder","readonly"],w={key:1,class:"b-currency-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},$=e.defineComponent({__name:"BCurrencyField",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},label:{default:""},validationRules:{default:void 0},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},hideDetails:{type:Boolean,default:!1},locale:{default:E.SupportedLocale["vi-VN"]}},emits:["press:enter","update:modelValue"],setup(i,{emit:c}){const t=i,a=c;let o;const{t:p}=B.useI18n(),u=e.ref(null),m={validateRule:s=>!!(s&&(s!=null&&s.trim())),errorMessage:()=>t.requiredErrorMessage||p("ds.global.field_required")},r=e.computed(()=>t.inputId||`id-${N()}`),l=e.computed({get(){return t.modelValue},set(s){a("update:modelValue",s)}}),f=e.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":t.disabled,"ds-text-black/[0.85]":!t.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!d.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":d.value.valid},t.inputCssClass]),v=e.computed(()=>{let s=[];return t.required&&s.push(m),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),k=e.computed(()=>t.locale==="en-US"?{mask:"$num",blocks:{num:{mask:Number,thousandsSeparator:" "}}}:[{mask:""},{mask:"num VND",lazy:!1,blocks:{num:{mask:Number,thousandsSeparator:" "}}}]),{validate:b,validationResult:d}=V.useValidationField(r.value,l,v.value);e.watch(()=>t.locale,()=>{n()}),e.watch(()=>t.modelValue,s=>{s!=o.unmaskedValue&&(o.unmaskedValue=s.toString())});const _=()=>{b()},y=()=>{a("press:enter")},h=()=>{l.value=typeof l.value=="number"?+o.unmaskedValue:o.unmaskedValue},n=()=>{o&&o.destroy(),o=C(u.value,k.value),o.on("accept",h)};return e.onMounted(()=>{n(),o.unmaskedValue=l.value.toString()}),(s,x)=>(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(g,{id:r.value,label:s.label,required:s.required},null,8,["id","label","required"]),e.createElementVNode("div",I,[s.$slots.prependIcon?(e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(s.$slots,"prependIcon",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("input",{id:r.value,ref_key:"inputRef",ref:u,autocomplete:t.autocomplete?"on":"off",class:e.normalizeClass([f.value,"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),disabled:t.disabled,placeholder:t.placeholder,readonly:t.readonly,onKeyup:[_,e.withKeys(y,["enter"])]},null,42,M),s.$slots.appendIcon?(e.openBlock(),e.createElementBlock("div",w,[e.renderSlot(s.$slots,"appendIcon",{},void 0,!0)])):e.createCommentVNode("",!0)]),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(q,{key:0,"error-message":e.unref(d).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=$;
 //# sourceMappingURL=design-system92.js.map

package/dist/design-system92.mjs

@@ -3,9 +3,9 @@ import z from "./design-system32.mjs";
 import { useValidationField as K } from "./design-system3.mjs";
 import D from "./design-system31.mjs";
 import { useI18n as U } from "./design-system52.mjs";
-import F from "./design-system102.mjs";
+import F from "./design-system105.mjs";
 import { SupportedLocale as A } from "./design-system5.mjs";
-import L from "./design-system104.mjs";
+import L from "./design-system102.mjs";
 const O = { class: "b-currency-field" }, j = { class: "ds-relative" }, G = {
   key: 0,
   class: "b-currency-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"

package/dist/design-system94.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),i=require("./design-system104.js"),c={class:"b-switch ds-flex ds-items-center"},p=["id","disabled","value"],m=["for"],b=["for"],f=e.defineComponent({__name:"BSwitch",props:{inputId:{default:""},modelValue:{type:[Boolean,Array],default:!1},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(d,{emit:n}){const t=d,u=n,o=e.computed(()=>t.inputId||`id-${i()}`),a=e.computed({get(){return t.modelValue},set(l){u("update:modelValue",l)}});return(l,s)=>(e.openBlock(),e.createElementBlock("div",c,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=r=>a.value=r),id:o.value,disabled:t.disabled,value:l.$attrs.value,type:"checkbox",class:"b-switch__input"},null,8,p),[[e.vModelCheckbox,a.value]]),e.createElementVNode("label",{for:o.value,class:"b-switch__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"},null,8,m),t.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.labelOrphan?void 0:o.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,b)):e.createCommentVNode("",!0)]))}});module.exports=f;
+"use strict";const e=require("vue"),i=require("./design-system102.js"),c={class:"b-switch ds-flex ds-items-center"},p=["id","disabled","value"],m=["for"],b=["for"],f=e.defineComponent({__name:"BSwitch",props:{inputId:{default:""},modelValue:{type:[Boolean,Array],default:!1},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(d,{emit:n}){const t=d,u=n,o=e.computed(()=>t.inputId||`id-${i()}`),a=e.computed({get(){return t.modelValue},set(l){u("update:modelValue",l)}});return(l,s)=>(e.openBlock(),e.createElementBlock("div",c,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=r=>a.value=r),id:o.value,disabled:t.disabled,value:l.$attrs.value,type:"checkbox",class:"b-switch__input"},null,8,p),[[e.vModelCheckbox,a.value]]),e.createElementVNode("label",{for:o.value,class:"b-switch__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"},null,8,m),t.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.labelOrphan?void 0:o.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,b)):e.createCommentVNode("",!0)]))}});module.exports=f;
 //# sourceMappingURL=design-system94.js.map

package/dist/design-system94.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as m, computed as d, openBlock as s, createElementBlock as r, withDirectives as f, createElementVNode as u, vModelCheckbox as b, renderSlot as h, createTextVNode as v, toDisplayString as _, createCommentVNode as y } from "vue";
-import V from "./design-system104.mjs";
+import V from "./design-system102.mjs";
 const k = { class: "b-switch ds-flex ds-items-center" }, w = ["id", "disabled", "value"], B = ["for"], x = ["for"], C = /* @__PURE__ */ m({
   __name: "BSwitch",
   props: {