@7pmlabs/design-system 0.5.2 → 0.5.4

package/dist/design-system180.mjs

@@ -1,5 +1,5 @@
 import a from "./design-system197.mjs";
-import o from "./design-system130.mjs";
+import o from "./design-system131.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-system127.js"),o=require("./design-system183.js"),n=require("./design-system137.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-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;
 //# sourceMappingURL=design-system182.js.map

package/dist/design-system182.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system127.mjs";
+import o from "./design-system128.mjs";
 import e from "./design-system183.mjs";
-import a from "./design-system137.mjs";
+import a from "./design-system138.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-system105.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-system105.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-system167.js"),a=require("./design-system125.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-system126.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-system167.mjs";
-import u from "./design-system125.mjs";
+import e from "./design-system168.mjs";
+import u from "./design-system126.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-system167.js"),s=require("./design-system184.js"),n=require("./design-system204.js"),o=require("./design-system149.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-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;
 //# sourceMappingURL=design-system196.js.map

package/dist/design-system196.mjs

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

package/dist/design-system197.js

@@ -1,2 +1,2 @@
-"use strict";const u=require("./design-system182.js"),i=require("./design-system218.js");function n(t,r){var e=i(t,r);return u(e)?e:void 0}module.exports=n;
+"use strict";const u=require("./design-system182.js"),i=require("./design-system213.js");function n(t,r){var e=i(t,r);return u(e)?e:void 0}module.exports=n;
 //# sourceMappingURL=design-system197.js.map

package/dist/design-system197.mjs

@@ -1,5 +1,5 @@
 import r from "./design-system182.mjs";
-import i from "./design-system218.mjs";
+import i from "./design-system213.mjs";
 function f(t, a) {
   var e = i(t, a);
   return r(e) ? e : void 0;

package/dist/design-system198.js

@@ -1,2 +1,2 @@
-"use strict";const c=require("./design-system213.js"),i=require("./design-system214.js"),l=require("./design-system215.js"),a=require("./design-system216.js"),h=require("./design-system217.js");function e(t){var r=-1,o=t==null?0:t.length;for(this.clear();++r<o;){var s=t[r];this.set(s[0],s[1])}}e.prototype.clear=c;e.prototype.delete=i;e.prototype.get=l;e.prototype.has=a;e.prototype.set=h;module.exports=e;
+"use strict";const c=require("./design-system214.js"),i=require("./design-system215.js"),l=require("./design-system216.js"),a=require("./design-system217.js"),h=require("./design-system218.js");function e(t){var r=-1,o=t==null?0:t.length;for(this.clear();++r<o;){var s=t[r];this.set(s[0],s[1])}}e.prototype.clear=c;e.prototype.delete=i;e.prototype.get=l;e.prototype.has=a;e.prototype.set=h;module.exports=e;
 //# sourceMappingURL=design-system198.js.map

package/dist/design-system198.mjs

@@ -1,8 +1,8 @@
-import p from "./design-system213.mjs";
-import a from "./design-system214.mjs";
-import i from "./design-system215.mjs";
-import h from "./design-system216.mjs";
-import s from "./design-system217.mjs";
+import p from "./design-system214.mjs";
+import a from "./design-system215.mjs";
+import i from "./design-system216.mjs";
+import h from "./design-system217.mjs";
+import s from "./design-system218.mjs";
 function t(e) {
   var o = -1, l = e == null ? 0 : e.length;
   for (this.clear(); ++o < l; ) {

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-system108.js"),L=require("./design-system105.js"),S=require("./design-system109.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-system103.js"),L=require("./design-system102.js"),S=require("./design-system104.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-system108.mjs";
-import Y from "./design-system105.mjs";
-import Z from "./design-system109.mjs";
+import X from "./design-system103.mjs";
+import Y from "./design-system102.mjs";
+import Z from "./design-system104.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-system169.js"),o=require("./design-system149.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-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;
 //# sourceMappingURL=design-system204.js.map

package/dist/design-system204.mjs

@@ -1,5 +1,5 @@
-import o from "./design-system169.mjs";
-import a from "./design-system149.mjs";
+import o from "./design-system170.mjs";
+import a from "./design-system150.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-system130.js");var s=r["__core-js_shared__"];const e=s;module.exports=e;
+"use strict";const r=require("./design-system131.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-system130.mjs";
+import o from "./design-system131.mjs";
 var r = o["__core-js_shared__"];
 const t = r;
 export {

package/dist/design-system213.js

@@ -1,2 +1,2 @@
-"use strict";function t(){this.__data__=[],this.size=0}module.exports=t;
+"use strict";function u(e,n){return e==null?void 0:e[n]}module.exports=u;
 //# sourceMappingURL=design-system213.js.map

package/dist/design-system213.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system213.js","sources":["../node_modules/lodash-es/_listCacheClear.js"],"sourcesContent":["/**\n * Removes all key-value entries from the list cache.\n *\n * @private\n * @name clear\n * @memberOf ListCache\n */\nfunction listCacheClear() {\n  this.__data__ = [];\n  this.size = 0;\n}\n\nexport default listCacheClear;\n"],"names":["listCacheClear"],"mappings":"aAOA,SAASA,GAAiB,CACxB,KAAK,SAAW,GAChB,KAAK,KAAO,CACd","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system213.js","sources":["../node_modules/lodash-es/_getValue.js"],"sourcesContent":["/**\n * Gets the value at `key` of `object`.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\nfunction getValue(object, key) {\n  return object == null ? undefined : object[key];\n}\n\nexport default getValue;\n"],"names":["getValue","object","key"],"mappings":"aAQA,SAASA,EAASC,EAAQC,EAAK,CAC7B,OAAOD,GAAU,KAAO,OAAYA,EAAOC,CAAG,CAChD","x_google_ignoreList":[0]}

package/dist/design-system213.mjs

@@ -1,7 +1,7 @@
-function t() {
-  this.__data__ = [], this.size = 0;
+function u(e, n) {
+  return e == null ? void 0 : e[n];
 }
 export {
-  t as default
+  u as default
 };
 //# sourceMappingURL=design-system213.mjs.map

package/dist/design-system213.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system213.mjs","sources":["../node_modules/lodash-es/_listCacheClear.js"],"sourcesContent":["/**\n * Removes all key-value entries from the list cache.\n *\n * @private\n * @name clear\n * @memberOf ListCache\n */\nfunction listCacheClear() {\n  this.__data__ = [];\n  this.size = 0;\n}\n\nexport default listCacheClear;\n"],"names":["listCacheClear"],"mappings":"AAOA,SAASA,IAAiB;AACxB,OAAK,WAAW,IAChB,KAAK,OAAO;AACd;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system213.mjs","sources":["../node_modules/lodash-es/_getValue.js"],"sourcesContent":["/**\n * Gets the value at `key` of `object`.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\nfunction getValue(object, key) {\n  return object == null ? undefined : object[key];\n}\n\nexport default getValue;\n"],"names":["getValue","object","key"],"mappings":"AAQA,SAASA,EAASC,GAAQC,GAAK;AAC7B,SAAOD,KAAU,OAAO,SAAYA,EAAOC,CAAG;AAChD;","x_google_ignoreList":[0]}

package/dist/design-system214.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("./design-system226.js");var i=Array.prototype,l=i.splice;function n(t){var e=this.__data__,r=s(e,t);if(r<0)return!1;var a=e.length-1;return r==a?e.pop():l.call(e,r,1),--this.size,!0}module.exports=n;
+"use strict";function t(){this.__data__=[],this.size=0}module.exports=t;
 //# sourceMappingURL=design-system214.js.map

package/dist/design-system214.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system214.js","sources":["../node_modules/lodash-es/_listCacheDelete.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/** Used for built-in method references. */\nvar arrayProto = Array.prototype;\n\n/** Built-in value references. */\nvar splice = arrayProto.splice;\n\n/**\n * Removes `key` and its value from the list cache.\n *\n * @private\n * @name delete\n * @memberOf ListCache\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction listCacheDelete(key) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  if (index < 0) {\n    return false;\n  }\n  var lastIndex = data.length - 1;\n  if (index == lastIndex) {\n    data.pop();\n  } else {\n    splice.call(data, index, 1);\n  }\n  --this.size;\n  return true;\n}\n\nexport default listCacheDelete;\n"],"names":["arrayProto","splice","listCacheDelete","key","data","index","assocIndexOf","lastIndex"],"mappings":"sDAGA,IAAIA,EAAa,MAAM,UAGnBC,EAASD,EAAW,OAWxB,SAASE,EAAgBC,EAAK,CAC5B,IAAIC,EAAO,KAAK,SACZC,EAAQC,EAAaF,EAAMD,CAAG,EAElC,GAAIE,EAAQ,EACV,MAAO,GAET,IAAIE,EAAYH,EAAK,OAAS,EAC9B,OAAIC,GAASE,EACXH,EAAK,IAAG,EAERH,EAAO,KAAKG,EAAMC,EAAO,CAAC,EAE5B,EAAE,KAAK,KACA,EACT","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system214.js","sources":["../node_modules/lodash-es/_listCacheClear.js"],"sourcesContent":["/**\n * Removes all key-value entries from the list cache.\n *\n * @private\n * @name clear\n * @memberOf ListCache\n */\nfunction listCacheClear() {\n  this.__data__ = [];\n  this.size = 0;\n}\n\nexport default listCacheClear;\n"],"names":["listCacheClear"],"mappings":"aAOA,SAASA,GAAiB,CACxB,KAAK,SAAW,GAChB,KAAK,KAAO,CACd","x_google_ignoreList":[0]}

package/dist/design-system214.mjs

@@ -1,13 +1,7 @@
-import s from "./design-system226.mjs";
-var i = Array.prototype, l = i.splice;
-function n(r) {
-  var e = this.__data__, a = s(e, r);
-  if (a < 0)
-    return !1;
-  var t = e.length - 1;
-  return a == t ? e.pop() : l.call(e, a, 1), --this.size, !0;
+function t() {
+  this.__data__ = [], this.size = 0;
 }
 export {
-  n as default
+  t as default
 };
 //# sourceMappingURL=design-system214.mjs.map

package/dist/design-system214.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system214.mjs","sources":["../node_modules/lodash-es/_listCacheDelete.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/** Used for built-in method references. */\nvar arrayProto = Array.prototype;\n\n/** Built-in value references. */\nvar splice = arrayProto.splice;\n\n/**\n * Removes `key` and its value from the list cache.\n *\n * @private\n * @name delete\n * @memberOf ListCache\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction listCacheDelete(key) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  if (index < 0) {\n    return false;\n  }\n  var lastIndex = data.length - 1;\n  if (index == lastIndex) {\n    data.pop();\n  } else {\n    splice.call(data, index, 1);\n  }\n  --this.size;\n  return true;\n}\n\nexport default listCacheDelete;\n"],"names":["arrayProto","splice","listCacheDelete","key","data","index","assocIndexOf","lastIndex"],"mappings":";AAGA,IAAIA,IAAa,MAAM,WAGnBC,IAASD,EAAW;AAWxB,SAASE,EAAgBC,GAAK;AAC5B,MAAIC,IAAO,KAAK,UACZC,IAAQC,EAAaF,GAAMD,CAAG;AAElC,MAAIE,IAAQ;AACV,WAAO;AAET,MAAIE,IAAYH,EAAK,SAAS;AAC9B,SAAIC,KAASE,IACXH,EAAK,IAAG,IAERH,EAAO,KAAKG,GAAMC,GAAO,CAAC,GAE5B,EAAE,KAAK,MACA;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system214.mjs","sources":["../node_modules/lodash-es/_listCacheClear.js"],"sourcesContent":["/**\n * Removes all key-value entries from the list cache.\n *\n * @private\n * @name clear\n * @memberOf ListCache\n */\nfunction listCacheClear() {\n  this.__data__ = [];\n  this.size = 0;\n}\n\nexport default listCacheClear;\n"],"names":["listCacheClear"],"mappings":"AAOA,SAASA,IAAiB;AACxB,OAAK,WAAW,IAChB,KAAK,OAAO;AACd;","x_google_ignoreList":[0]}

package/dist/design-system215.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("./design-system226.js");function a(n){var e=this.__data__,t=s(e,n);return t<0?void 0:e[t][1]}module.exports=a;
+"use strict";const s=require("./design-system226.js");var i=Array.prototype,l=i.splice;function n(t){var e=this.__data__,r=s(e,t);if(r<0)return!1;var a=e.length-1;return r==a?e.pop():l.call(e,r,1),--this.size,!0}module.exports=n;
 //# sourceMappingURL=design-system215.js.map

package/dist/design-system215.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system215.js","sources":["../node_modules/lodash-es/_listCacheGet.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/**\n * Gets the list cache value for `key`.\n *\n * @private\n * @name get\n * @memberOf ListCache\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction listCacheGet(key) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  return index < 0 ? undefined : data[index][1];\n}\n\nexport default listCacheGet;\n"],"names":["listCacheGet","key","data","index","assocIndexOf"],"mappings":"sDAWA,SAASA,EAAaC,EAAK,CACzB,IAAIC,EAAO,KAAK,SACZC,EAAQC,EAAaF,EAAMD,CAAG,EAElC,OAAOE,EAAQ,EAAI,OAAYD,EAAKC,CAAK,EAAE,CAAC,CAC9C","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system215.js","sources":["../node_modules/lodash-es/_listCacheDelete.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/** Used for built-in method references. */\nvar arrayProto = Array.prototype;\n\n/** Built-in value references. */\nvar splice = arrayProto.splice;\n\n/**\n * Removes `key` and its value from the list cache.\n *\n * @private\n * @name delete\n * @memberOf ListCache\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction listCacheDelete(key) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  if (index < 0) {\n    return false;\n  }\n  var lastIndex = data.length - 1;\n  if (index == lastIndex) {\n    data.pop();\n  } else {\n    splice.call(data, index, 1);\n  }\n  --this.size;\n  return true;\n}\n\nexport default listCacheDelete;\n"],"names":["arrayProto","splice","listCacheDelete","key","data","index","assocIndexOf","lastIndex"],"mappings":"sDAGA,IAAIA,EAAa,MAAM,UAGnBC,EAASD,EAAW,OAWxB,SAASE,EAAgBC,EAAK,CAC5B,IAAIC,EAAO,KAAK,SACZC,EAAQC,EAAaF,EAAMD,CAAG,EAElC,GAAIE,EAAQ,EACV,MAAO,GAET,IAAIE,EAAYH,EAAK,OAAS,EAC9B,OAAIC,GAASE,EACXH,EAAK,IAAG,EAERH,EAAO,KAAKG,EAAMC,EAAO,CAAC,EAE5B,EAAE,KAAK,KACA,EACT","x_google_ignoreList":[0]}

package/dist/design-system215.mjs

@@ -1,9 +1,13 @@
-import d from "./design-system226.mjs";
-function i(e) {
-  var t = this.__data__, a = d(t, e);
-  return a < 0 ? void 0 : t[a][1];
+import s from "./design-system226.mjs";
+var i = Array.prototype, l = i.splice;
+function n(r) {
+  var e = this.__data__, a = s(e, r);
+  if (a < 0)
+    return !1;
+  var t = e.length - 1;
+  return a == t ? e.pop() : l.call(e, a, 1), --this.size, !0;
 }
 export {
-  i as default
+  n as default
 };
 //# sourceMappingURL=design-system215.mjs.map

package/dist/design-system215.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system215.mjs","sources":["../node_modules/lodash-es/_listCacheGet.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/**\n * Gets the list cache value for `key`.\n *\n * @private\n * @name get\n * @memberOf ListCache\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction listCacheGet(key) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  return index < 0 ? undefined : data[index][1];\n}\n\nexport default listCacheGet;\n"],"names":["listCacheGet","key","data","index","assocIndexOf"],"mappings":";AAWA,SAASA,EAAaC,GAAK;AACzB,MAAIC,IAAO,KAAK,UACZC,IAAQC,EAAaF,GAAMD,CAAG;AAElC,SAAOE,IAAQ,IAAI,SAAYD,EAAKC,CAAK,EAAE,CAAC;AAC9C;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system215.mjs","sources":["../node_modules/lodash-es/_listCacheDelete.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/** Used for built-in method references. */\nvar arrayProto = Array.prototype;\n\n/** Built-in value references. */\nvar splice = arrayProto.splice;\n\n/**\n * Removes `key` and its value from the list cache.\n *\n * @private\n * @name delete\n * @memberOf ListCache\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction listCacheDelete(key) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  if (index < 0) {\n    return false;\n  }\n  var lastIndex = data.length - 1;\n  if (index == lastIndex) {\n    data.pop();\n  } else {\n    splice.call(data, index, 1);\n  }\n  --this.size;\n  return true;\n}\n\nexport default listCacheDelete;\n"],"names":["arrayProto","splice","listCacheDelete","key","data","index","assocIndexOf","lastIndex"],"mappings":";AAGA,IAAIA,IAAa,MAAM,WAGnBC,IAASD,EAAW;AAWxB,SAASE,EAAgBC,GAAK;AAC5B,MAAIC,IAAO,KAAK,UACZC,IAAQC,EAAaF,GAAMD,CAAG;AAElC,MAAIE,IAAQ;AACV,WAAO;AAET,MAAIE,IAAYH,EAAK,SAAS;AAC9B,SAAIC,KAASE,IACXH,EAAK,IAAG,IAERH,EAAO,KAAKG,GAAMC,GAAO,CAAC,GAE5B,EAAE,KAAK,MACA;AACT;","x_google_ignoreList":[0]}

package/dist/design-system216.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("./design-system226.js");function e(s){return t(this.__data__,s)>-1}module.exports=e;
+"use strict";const s=require("./design-system226.js");function a(n){var e=this.__data__,t=s(e,n);return t<0?void 0:e[t][1]}module.exports=a;
 //# sourceMappingURL=design-system216.js.map

package/dist/design-system216.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system216.js","sources":["../node_modules/lodash-es/_listCacheHas.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/**\n * Checks if a list cache value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf ListCache\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction listCacheHas(key) {\n  return assocIndexOf(this.__data__, key) > -1;\n}\n\nexport default listCacheHas;\n"],"names":["listCacheHas","key","assocIndexOf"],"mappings":"sDAWA,SAASA,EAAaC,EAAK,CACzB,OAAOC,EAAa,KAAK,SAAUD,CAAG,EAAI,EAC5C","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system216.js","sources":["../node_modules/lodash-es/_listCacheGet.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/**\n * Gets the list cache value for `key`.\n *\n * @private\n * @name get\n * @memberOf ListCache\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction listCacheGet(key) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  return index < 0 ? undefined : data[index][1];\n}\n\nexport default listCacheGet;\n"],"names":["listCacheGet","key","data","index","assocIndexOf"],"mappings":"sDAWA,SAASA,EAAaC,EAAK,CACzB,IAAIC,EAAO,KAAK,SACZC,EAAQC,EAAaF,EAAMD,CAAG,EAElC,OAAOE,EAAQ,EAAI,OAAYD,EAAKC,CAAK,EAAE,CAAC,CAC9C","x_google_ignoreList":[0]}

package/dist/design-system216.mjs

@@ -1,8 +1,9 @@
-import a from "./design-system226.mjs";
-function e(t) {
-  return a(this.__data__, t) > -1;
+import d from "./design-system226.mjs";
+function i(e) {
+  var t = this.__data__, a = d(t, e);
+  return a < 0 ? void 0 : t[a][1];
 }
 export {
-  e as default
+  i as default
 };
 //# sourceMappingURL=design-system216.mjs.map

package/dist/design-system216.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system216.mjs","sources":["../node_modules/lodash-es/_listCacheHas.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/**\n * Checks if a list cache value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf ListCache\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction listCacheHas(key) {\n  return assocIndexOf(this.__data__, key) > -1;\n}\n\nexport default listCacheHas;\n"],"names":["listCacheHas","key","assocIndexOf"],"mappings":";AAWA,SAASA,EAAaC,GAAK;AACzB,SAAOC,EAAa,KAAK,UAAUD,CAAG,IAAI;AAC5C;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system216.mjs","sources":["../node_modules/lodash-es/_listCacheGet.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/**\n * Gets the list cache value for `key`.\n *\n * @private\n * @name get\n * @memberOf ListCache\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction listCacheGet(key) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  return index < 0 ? undefined : data[index][1];\n}\n\nexport default listCacheGet;\n"],"names":["listCacheGet","key","data","index","assocIndexOf"],"mappings":";AAWA,SAASA,EAAaC,GAAK;AACzB,MAAIC,IAAO,KAAK,UACZC,IAAQC,EAAaF,GAAMD,CAAG;AAElC,SAAOE,IAAQ,IAAI,SAAYD,EAAKC,CAAK,EAAE,CAAC;AAC9C;","x_google_ignoreList":[0]}

package/dist/design-system217.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system226.js");function a(t,e){var s=this.__data__,i=r(s,t);return i<0?(++this.size,s.push([t,e])):s[i][1]=e,this}module.exports=a;
+"use strict";const t=require("./design-system226.js");function e(s){return t(this.__data__,s)>-1}module.exports=e;
 //# sourceMappingURL=design-system217.js.map

package/dist/design-system217.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system217.js","sources":["../node_modules/lodash-es/_listCacheSet.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/**\n * Sets the list cache `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf ListCache\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the list cache instance.\n */\nfunction listCacheSet(key, value) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  if (index < 0) {\n    ++this.size;\n    data.push([key, value]);\n  } else {\n    data[index][1] = value;\n  }\n  return this;\n}\n\nexport default listCacheSet;\n"],"names":["listCacheSet","key","value","data","index","assocIndexOf"],"mappings":"sDAYA,SAASA,EAAaC,EAAKC,EAAO,CAChC,IAAIC,EAAO,KAAK,SACZC,EAAQC,EAAaF,EAAMF,CAAG,EAElC,OAAIG,EAAQ,GACV,EAAE,KAAK,KACPD,EAAK,KAAK,CAACF,EAAKC,CAAK,CAAC,GAEtBC,EAAKC,CAAK,EAAE,CAAC,EAAIF,EAEZ,IACT","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system217.js","sources":["../node_modules/lodash-es/_listCacheHas.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/**\n * Checks if a list cache value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf ListCache\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction listCacheHas(key) {\n  return assocIndexOf(this.__data__, key) > -1;\n}\n\nexport default listCacheHas;\n"],"names":["listCacheHas","key","assocIndexOf"],"mappings":"sDAWA,SAASA,EAAaC,EAAK,CACzB,OAAOC,EAAa,KAAK,SAAUD,CAAG,EAAI,EAC5C","x_google_ignoreList":[0]}

package/dist/design-system217.mjs

@@ -1,9 +1,8 @@
-import e from "./design-system226.mjs";
-function d(s, i) {
-  var t = this.__data__, a = e(t, s);
-  return a < 0 ? (++this.size, t.push([s, i])) : t[a][1] = i, this;
+import a from "./design-system226.mjs";
+function e(t) {
+  return a(this.__data__, t) > -1;
 }
 export {
-  d as default
+  e as default
 };
 //# sourceMappingURL=design-system217.mjs.map

package/dist/design-system217.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system217.mjs","sources":["../node_modules/lodash-es/_listCacheSet.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/**\n * Sets the list cache `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf ListCache\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the list cache instance.\n */\nfunction listCacheSet(key, value) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  if (index < 0) {\n    ++this.size;\n    data.push([key, value]);\n  } else {\n    data[index][1] = value;\n  }\n  return this;\n}\n\nexport default listCacheSet;\n"],"names":["listCacheSet","key","value","data","index","assocIndexOf"],"mappings":";AAYA,SAASA,EAAaC,GAAKC,GAAO;AAChC,MAAIC,IAAO,KAAK,UACZC,IAAQC,EAAaF,GAAMF,CAAG;AAElC,SAAIG,IAAQ,KACV,EAAE,KAAK,MACPD,EAAK,KAAK,CAACF,GAAKC,CAAK,CAAC,KAEtBC,EAAKC,CAAK,EAAE,CAAC,IAAIF,GAEZ;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system217.mjs","sources":["../node_modules/lodash-es/_listCacheHas.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/**\n * Checks if a list cache value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf ListCache\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction listCacheHas(key) {\n  return assocIndexOf(this.__data__, key) > -1;\n}\n\nexport default listCacheHas;\n"],"names":["listCacheHas","key","assocIndexOf"],"mappings":";AAWA,SAASA,EAAaC,GAAK;AACzB,SAAOC,EAAa,KAAK,UAAUD,CAAG,IAAI;AAC5C;","x_google_ignoreList":[0]}

package/dist/design-system218.js

@@ -1,2 +1,2 @@
-"use strict";function u(e,n){return e==null?void 0:e[n]}module.exports=u;
+"use strict";const r=require("./design-system226.js");function a(t,e){var s=this.__data__,i=r(s,t);return i<0?(++this.size,s.push([t,e])):s[i][1]=e,this}module.exports=a;
 //# sourceMappingURL=design-system218.js.map

package/dist/design-system218.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system218.js","sources":["../node_modules/lodash-es/_getValue.js"],"sourcesContent":["/**\n * Gets the value at `key` of `object`.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\nfunction getValue(object, key) {\n  return object == null ? undefined : object[key];\n}\n\nexport default getValue;\n"],"names":["getValue","object","key"],"mappings":"aAQA,SAASA,EAASC,EAAQC,EAAK,CAC7B,OAAOD,GAAU,KAAO,OAAYA,EAAOC,CAAG,CAChD","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system218.js","sources":["../node_modules/lodash-es/_listCacheSet.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/**\n * Sets the list cache `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf ListCache\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the list cache instance.\n */\nfunction listCacheSet(key, value) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  if (index < 0) {\n    ++this.size;\n    data.push([key, value]);\n  } else {\n    data[index][1] = value;\n  }\n  return this;\n}\n\nexport default listCacheSet;\n"],"names":["listCacheSet","key","value","data","index","assocIndexOf"],"mappings":"sDAYA,SAASA,EAAaC,EAAKC,EAAO,CAChC,IAAIC,EAAO,KAAK,SACZC,EAAQC,EAAaF,EAAMF,CAAG,EAElC,OAAIG,EAAQ,GACV,EAAE,KAAK,KACPD,EAAK,KAAK,CAACF,EAAKC,CAAK,CAAC,GAEtBC,EAAKC,CAAK,EAAE,CAAC,EAAIF,EAEZ,IACT","x_google_ignoreList":[0]}

package/dist/design-system218.mjs

@@ -1,7 +1,9 @@
-function u(e, n) {
-  return e == null ? void 0 : e[n];
+import e from "./design-system226.mjs";
+function d(s, i) {
+  var t = this.__data__, a = e(t, s);
+  return a < 0 ? (++this.size, t.push([s, i])) : t[a][1] = i, this;
 }
 export {
-  u as default
+  d as default
 };
 //# sourceMappingURL=design-system218.mjs.map

package/dist/design-system218.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system218.mjs","sources":["../node_modules/lodash-es/_getValue.js"],"sourcesContent":["/**\n * Gets the value at `key` of `object`.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\nfunction getValue(object, key) {\n  return object == null ? undefined : object[key];\n}\n\nexport default getValue;\n"],"names":["getValue","object","key"],"mappings":"AAQA,SAASA,EAASC,GAAQC,GAAK;AAC7B,SAAOD,KAAU,OAAO,SAAYA,EAAOC,CAAG;AAChD;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system218.mjs","sources":["../node_modules/lodash-es/_listCacheSet.js"],"sourcesContent":["import assocIndexOf from './_assocIndexOf.js';\n\n/**\n * Sets the list cache `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf ListCache\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the list cache instance.\n */\nfunction listCacheSet(key, value) {\n  var data = this.__data__,\n      index = assocIndexOf(data, key);\n\n  if (index < 0) {\n    ++this.size;\n    data.push([key, value]);\n  } else {\n    data[index][1] = value;\n  }\n  return this;\n}\n\nexport default listCacheSet;\n"],"names":["listCacheSet","key","value","data","index","assocIndexOf"],"mappings":";AAYA,SAASA,EAAaC,GAAKC,GAAO;AAChC,MAAIC,IAAO,KAAK,UACZC,IAAQC,EAAaF,GAAMF,CAAG;AAElC,SAAIG,IAAQ,KACV,EAAE,KAAK,MACPD,EAAK,KAAK,CAACF,GAAKC,CAAK,CAAC,KAEtBC,EAAKC,CAAK,EAAE,CAAC,IAAIF,GAEZ;AACT;","x_google_ignoreList":[0]}

package/dist/design-system219.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system130.js");var t=r.Uint8Array;const i=t;module.exports=i;
+"use strict";const r=require("./design-system131.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-system130.mjs";
+import r from "./design-system131.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-system105.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-system105.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-system121.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-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;
 //# sourceMappingURL=design-system226.js.map

package/dist/design-system226.mjs

@@ -1,4 +1,4 @@
-import r from "./design-system121.mjs";
+import r from "./design-system122.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-system105.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-system105.mjs";
+import I from "./design-system102.mjs";
 const N = ["id", "autocomplete", "disabled", "placeholder", "readonly", "rows"], A = /* @__PURE__ */ y({
   __name: "BTextarea",
   props: {