@7pmlabs/design-system 0.5.3 → 0.5.5

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-system148.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-system148.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-system129.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-system129.mjs";
+import o from "./design-system131.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-system129.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-system129.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-system120.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-system120.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: {

package/dist/design-system26.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),m=require("./design-system110.js"),E=require("./design-system105.js"),g=["href","title"],y={"aria-hidden":"true",class:"ds-pl-2"},R=["id"],$=["href","title"],C={key:0,"aria-hidden":"true",class:"ds-pl-2"},N=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("ul",{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("ul",{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,$)]),l<((o=s.items)==null?void 0:o.length)-1?(e.openBlock(),e.createElementBlock("span",C,[e.renderSlot(s.$slots,`separator-${l}`,{item:t},()=>[e.createVNode(m)])])):e.createCommentVNode("",!0)],512)],8,["disabled","to"]))],64)}),128))],2))}});module.exports=N;
+"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.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system26.js","sources":["../src/components/BBreadcrumb/BBreadcrumb.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createVNode as _createVNode, vShow as _vShow, normalizeClass as _normalizeClass, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = [\"href\", \"title\"]\nconst _hoisted_2 = {\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"href\", \"title\"]\nconst _hoisted_5 = {\n  key: 0,\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\n\nimport { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport type { BBreadcrumbItem } from '@/types';\nimport BBreadcrumbSeparator from '@/components/BBreadcrumb/BBreadcrumbSeparator.vue';\n\ninterface BBreadcrumbItemInternal extends BBreadcrumbItem {\n  hidden: boolean;\n  width: number;\n}\n\n//#region Props\nexport interface BBreadcrumbProps {\n  /**\n   * Array of breadcrumb items.\n   */\n  items?: BBreadcrumbItem[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BBreadcrumb',\n  props: {\n    items: { default: () => [] }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst collapsedBreadcrumbMenu = ref(false);\nconst ulRef = ref<HTMLUListElement | null>(null);\nconst liRefs = ref<HTMLLIElement[] | null>(null);\nconst ellipsisRefs = ref<HTMLSpanElement[] | null>(null);\nconst ellipsisMenuRefs = ref<HTMLUListElement[] | null>(null);\nconst breadcrumbItems = ref<BBreadcrumbItemInternal[]>([]);\nconst resizeObserver = new ResizeObserver(() => {\n  if (breadcrumbItems.value.length <= 1) {\n    return;\n  }\n\n  const ulRefWidth = ulRef.value!.clientWidth;\n  const ellipsisRefWidth = ellipsisRefs.value![0].clientWidth;\n\n  for (let i = 1; i < breadcrumbItems.value.length; i++) {\n    if (\n      breadcrumbItems.value.reduce(\n        (acc, item) => (!item.hidden ? acc + item.width : acc),\n        0,\n      ) +\n        ellipsisRefWidth >\n      ulRefWidth\n    ) {\n      breadcrumbItems.value[i].hidden = true;\n    } else {\n      break;\n    }\n  }\n\n  for (let i = breadcrumbItems.value.length - 1; i >= 1; i--) {\n    if (breadcrumbItems.value[i].hidden) {\n      if (\n        breadcrumbItems.value.reduce(\n          (acc, item) => (!item.hidden ? acc + item.width : acc),\n          0,\n        ) +\n          breadcrumbItems.value[i].width +\n          ellipsisRefWidth <=\n        ulRefWidth\n      ) {\n        breadcrumbItems.value[i].hidden = false;\n      } else {\n        break;\n      }\n    }\n  }\n});\nconst isCollapsed = computed(() => breadcrumbItems.value.some((i) => i.hidden));\nconst ellipsisMenuId = computed(() => `menu-id-${uuid()}`);\n//#region\n\n//#region Methods\nconst toggleCollapedBreadcrumbMenu = () => {\n  collapsedBreadcrumbMenu.value = !collapsedBreadcrumbMenu.value;\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst removeClickOutsideEventListener = () => {\n  document.removeEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [ellipsisRefs.value![0], ellipsisMenuRefs.value![0]];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    collapsedBreadcrumbMenu.value = false;\n  }\n};\n//#region\n\n//#region Lifecycle hooks\nonMounted(() => {\n  initClickOutsideEventListener();\n  resizeObserver.observe(ulRef.value!);\n\n  breadcrumbItems.value = props.items.map(\n    (item) =>\n      ({\n        ...item,\n        hidden: false,\n        width: 0,\n      }) as BBreadcrumbItemInternal,\n  );\n  nextTick(() => {\n    breadcrumbItems.value.forEach((item, index) => {\n      item.width = liRefs.value![index].clientWidth;\n    });\n  });\n});\nonUnmounted(() => {\n  removeClickOutsideEventListener();\n  resizeObserver.unobserve(ulRef.value!);\n});\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"ul\", {\n    ref_key: \"ulRef\",\n    ref: ulRef,\n    class: _normalizeClass([{ collapsed: isCollapsed.value }, \"ds-relative ds-flex\"])\n  }, [\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(breadcrumbItems.value, (item, index) => {\n      return (_openBlock(), _createElementBlock(_Fragment, {\n        key: `item${item.text}`\n      }, [\n        (index === 0)\n          ? (_openBlock(), _createElementBlock(\"li\", {\n              key: 0,\n              ref_for: true,\n              ref_key: \"liRefs\",\n              ref: liRefs,\n              class: \"ds-whitespace-nowrap ds-text-black/[0.85]\"\n            }, [\n              _renderSlot(_ctx.$slots, `item-${index}`, { item: item }, () => [\n                _createElementVNode(\"a\", {\n                  href: item.href,\n                  title: item.href,\n                  class: \"ds-transition-colors hover:ds-text-primary-t\"\n                }, _toDisplayString(item.text), 9, _hoisted_1)\n              ]),\n              _createElementVNode(\"span\", _hoisted_2, [\n                _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                  _createVNode(BBreadcrumbSeparator)\n                ])\n              ]),\n              _createElementVNode(\"div\", {\n                ref_for: true,\n                ref_key: \"ellipsisRefs\",\n                ref: ellipsisRefs,\n                class: \"ds-inline-block\"\n              }, [\n                _withDirectives(_createElementVNode(\"button\", {\n                  class: _normalizeClass([{ 'ds-bg-slate-50': collapsedBreadcrumbMenu.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\"]),\n                  onClick: toggleCollapedBreadcrumbMenu\n                }, \" ... \", 2), [\n                  [_vShow, isCollapsed.value]\n                ]),\n                _withDirectives(_createElementVNode(\"ul\", {\n                  id: ellipsisMenuId.value,\n                  ref_for: true,\n                  ref_key: \"ellipsisMenuRefs\",\n                  ref: ellipsisMenuRefs,\n                  class: \"ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow\"\n                }, null, 8, _hoisted_3), [\n                  [_vShow, isCollapsed.value && collapsedBreadcrumbMenu.value]\n                ])\n              ], 512)\n            ], 512))\n          : (_openBlock(), _createBlock(_Teleport, {\n              key: 1,\n              disabled: !item.hidden,\n              to: `#${ellipsisMenuId.value}`\n            }, [\n              _createElementVNode(\"li\", {\n                ref_for: true,\n                ref_key: \"liRefs\",\n                ref: liRefs,\n                class: \"ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]\"\n              }, [\n                _renderSlot(_ctx.$slots, `item-${index}`, { item: item }, () => [\n                  _createElementVNode(\"a\", {\n                    href: item.href,\n                    title: item.href,\n                    class: \"ds-transition-colors hover:ds-text-primary-t\"\n                  }, _toDisplayString(item.text), 9, _hoisted_4)\n                ]),\n                (index < _ctx.items?.length - 1)\n                  ? (_openBlock(), _createElementBlock(\"span\", _hoisted_5, [\n                      _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                        _createVNode(BBreadcrumbSeparator)\n                      ])\n                    ]))\n                  : _createCommentVNode(\"\", true)\n              ], 512)\n            ], 8, [\"disabled\", \"to\"]))\n      ], 64))\n    }), 128))\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","props","collapsedBreadcrumbMenu","ref","ulRef","liRefs","ellipsisRefs","ellipsisMenuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","ellipsisMenuId","uuid","toggleCollapedBreadcrumbMenu","initClickOutsideEventListener","closeOnClickOutside","removeClickOutsideEventListener","event","r","onMounted","nextTick","index","onUnmounted","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_renderSlot","_createElementVNode","_toDisplayString","_createVNode","BBreadcrumbSeparator","_withDirectives","_vShow","_createBlock","_Teleport","_a","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"design-system26.js","sources":["../src/components/BBreadcrumb/BBreadcrumb.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createVNode as _createVNode, vShow as _vShow, normalizeClass as _normalizeClass, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = [\"href\", \"title\"]\nconst _hoisted_2 = {\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"href\", \"title\"]\nconst _hoisted_5 = {\n  key: 0,\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\n\nimport { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport type { BBreadcrumbItem } from '@/types';\nimport BBreadcrumbSeparator from '@/components/BBreadcrumb/BBreadcrumbSeparator.vue';\n\ninterface BBreadcrumbItemInternal extends BBreadcrumbItem {\n  hidden: boolean;\n  width: number;\n}\n\n//#region Props\nexport interface BBreadcrumbProps {\n  /**\n   * Array of breadcrumb items.\n   */\n  items?: BBreadcrumbItem[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BBreadcrumb',\n  props: {\n    items: { default: () => [] }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst collapsedBreadcrumbMenu = ref(false);\nconst ulRef = ref<HTMLUListElement | null>(null);\nconst liRefs = ref<HTMLLIElement[] | null>(null);\nconst ellipsisRefs = ref<HTMLSpanElement[] | null>(null);\nconst ellipsisMenuRefs = ref<HTMLUListElement[] | null>(null);\nconst breadcrumbItems = ref<BBreadcrumbItemInternal[]>([]);\nconst resizeObserver = new ResizeObserver(() => {\n  if (breadcrumbItems.value.length <= 1) {\n    return;\n  }\n\n  const ulRefWidth = ulRef.value!.clientWidth;\n  const ellipsisRefWidth = ellipsisRefs.value![0].clientWidth;\n\n  for (let i = 1; i < breadcrumbItems.value.length; i++) {\n    if (\n      breadcrumbItems.value.reduce(\n        (acc, item) => (!item.hidden ? acc + item.width : acc),\n        0,\n      ) +\n        ellipsisRefWidth >\n      ulRefWidth\n    ) {\n      breadcrumbItems.value[i].hidden = true;\n    } else {\n      break;\n    }\n  }\n\n  for (let i = breadcrumbItems.value.length - 1; i >= 1; i--) {\n    if (breadcrumbItems.value[i].hidden) {\n      if (\n        breadcrumbItems.value.reduce(\n          (acc, item) => (!item.hidden ? acc + item.width : acc),\n          0,\n        ) +\n          breadcrumbItems.value[i].width +\n          ellipsisRefWidth <=\n        ulRefWidth\n      ) {\n        breadcrumbItems.value[i].hidden = false;\n      } else {\n        break;\n      }\n    }\n  }\n});\nconst isCollapsed = computed(() => breadcrumbItems.value.some((i) => i.hidden));\nconst ellipsisMenuId = computed(() => `menu-id-${uuid()}`);\n//#region\n\n//#region Methods\nconst toggleCollapedBreadcrumbMenu = () => {\n  collapsedBreadcrumbMenu.value = !collapsedBreadcrumbMenu.value;\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst removeClickOutsideEventListener = () => {\n  document.removeEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [ellipsisRefs.value![0], ellipsisMenuRefs.value![0]];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    collapsedBreadcrumbMenu.value = false;\n  }\n};\n//#region\n\n//#region Lifecycle hooks\nonMounted(() => {\n  initClickOutsideEventListener();\n  resizeObserver.observe(ulRef.value!);\n\n  breadcrumbItems.value = props.items.map(\n    (item) =>\n      ({\n        ...item,\n        hidden: false,\n        width: 0,\n      }) as BBreadcrumbItemInternal,\n  );\n  nextTick(() => {\n    breadcrumbItems.value.forEach((item, index) => {\n      item.width = liRefs.value![index].clientWidth;\n    });\n  });\n});\nonUnmounted(() => {\n  removeClickOutsideEventListener();\n  resizeObserver.unobserve(ulRef.value!);\n});\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"nav\", null, [\n    _createElementVNode(\"ol\", {\n      ref_key: \"ulRef\",\n      ref: ulRef,\n      class: _normalizeClass([{ collapsed: isCollapsed.value }, \"ds-relative ds-flex\"])\n    }, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(breadcrumbItems.value, (item, index) => {\n        return (_openBlock(), _createElementBlock(_Fragment, {\n          key: `item${item.text}`\n        }, [\n          (index === 0)\n            ? (_openBlock(), _createElementBlock(\"li\", {\n                key: 0,\n                ref_for: true,\n                ref_key: \"liRefs\",\n                ref: liRefs,\n                class: \"ds-whitespace-nowrap ds-text-black/[0.85]\"\n              }, [\n                _renderSlot(_ctx.$slots, `item-${index}`, { item: item }, () => [\n                  _createElementVNode(\"a\", {\n                    href: item.href,\n                    title: item.href,\n                    class: \"ds-transition-colors hover:ds-text-primary-t\"\n                  }, _toDisplayString(item.text), 9, _hoisted_1)\n                ]),\n                _createElementVNode(\"span\", _hoisted_2, [\n                  _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                    _createVNode(BBreadcrumbSeparator)\n                  ])\n                ]),\n                _createElementVNode(\"div\", {\n                  ref_for: true,\n                  ref_key: \"ellipsisRefs\",\n                  ref: ellipsisRefs,\n                  class: \"ds-inline-block\"\n                }, [\n                  _withDirectives(_createElementVNode(\"button\", {\n                    class: _normalizeClass([{ 'ds-bg-slate-50': collapsedBreadcrumbMenu.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\"]),\n                    onClick: toggleCollapedBreadcrumbMenu\n                  }, \" ... \", 2), [\n                    [_vShow, isCollapsed.value]\n                  ]),\n                  _withDirectives(_createElementVNode(\"ol\", {\n                    id: ellipsisMenuId.value,\n                    ref_for: true,\n                    ref_key: \"ellipsisMenuRefs\",\n                    ref: ellipsisMenuRefs,\n                    class: \"ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow\"\n                  }, null, 8, _hoisted_3), [\n                    [_vShow, isCollapsed.value && collapsedBreadcrumbMenu.value]\n                  ])\n                ], 512)\n              ], 512))\n            : (_openBlock(), _createBlock(_Teleport, {\n                key: 1,\n                disabled: !item.hidden,\n                to: `#${ellipsisMenuId.value}`\n              }, [\n                _createElementVNode(\"li\", {\n                  ref_for: true,\n                  ref_key: \"liRefs\",\n                  ref: liRefs,\n                  class: \"ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]\"\n                }, [\n                  _renderSlot(_ctx.$slots, `item-${index}`, { item: item }, () => [\n                    _createElementVNode(\"a\", {\n                      href: item.href,\n                      title: item.href,\n                      class: \"ds-transition-colors hover:ds-text-primary-t\"\n                    }, _toDisplayString(item.text), 9, _hoisted_4)\n                  ]),\n                  (index < _ctx.items?.length - 1)\n                    ? (_openBlock(), _createElementBlock(\"span\", _hoisted_5, [\n                        _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                          _createVNode(BBreadcrumbSeparator)\n                        ])\n                      ]))\n                    : _createCommentVNode(\"\", true)\n                ], 512)\n              ], 8, [\"disabled\", \"to\"]))\n        ], 64))\n      }), 128))\n    ], 2)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","props","collapsedBreadcrumbMenu","ref","ulRef","liRefs","ellipsisRefs","ellipsisMenuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","ellipsisMenuId","uuid","toggleCollapedBreadcrumbMenu","initClickOutsideEventListener","closeOnClickOutside","removeClickOutsideEventListener","event","r","onMounted","nextTick","index","onUnmounted","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_Fragment","_renderList","_renderSlot","_toDisplayString","_createVNode","BBreadcrumbSeparator","_withDirectives","_vShow","_createBlock","_Teleport","_a","_createCommentVNode"],"mappings":"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"}

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, normalizeClass as g, Fragment as y, renderList as D, renderSlot as f, createElementVNode as o, toDisplayString as R, createVNode as B, withDirectives as $, vShow as C, createBlock as I, Teleport as T, createCommentVNode as F } from "vue";
+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-system105.mjs";
+import P from "./design-system102.mjs";
 const U = ["href", "title"], j = {
   "aria-hidden": "true",
   class: "ds-pl-2"
@@ -55,85 +55,87 @@ const U = ["href", "title"], j = {
       });
     }), V(() => {
       S(), k.unobserve(c.value);
-    }), (s, a) => (d(), u("ul", {
-      ref_key: "ulRef",
-      ref: c,
-      class: g([{ collapsed: p.value }, "ds-relative ds-flex"])
-    }, [
-      (d(!0), u(y, null, D(l.value, (e, t) => {
-        var r;
-        return d(), u(y, {
-          key: `item${e.text}`
-        }, [
-          t === 0 ? (d(), u("li", {
-            key: 0,
-            ref_for: !0,
-            ref_key: "liRefs",
-            ref: h,
-            class: "ds-whitespace-nowrap ds-text-black/[0.85]"
+    }), (s, a) => (d(), u("nav", null, [
+      o("ol", {
+        ref_key: "ulRef",
+        ref: c,
+        class: g([{ collapsed: p.value }, "ds-relative ds-flex"])
+      }, [
+        (d(!0), u(y, null, D(l.value, (e, t) => {
+          var r;
+          return d(), u(y, {
+            key: `item${e.text}`
           }, [
-            f(s.$slots, `item-${t}`, { item: e }, () => [
-              o("a", {
-                href: e.href,
-                title: e.href,
-                class: "ds-transition-colors hover:ds-text-primary-t"
-              }, R(e.text), 9, U)
-            ]),
-            o("span", j, [
-              f(s.$slots, `separator-${t}`, { item: e }, () => [
-                B(E)
-              ])
-            ]),
-            o("div", {
-              ref_for: !0,
-              ref_key: "ellipsisRefs",
-              ref: v,
-              class: "ds-inline-block"
-            }, [
-              $(o("button", {
-                class: g([{ "ds-bg-slate-50": i.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: L
-              }, " ... ", 2), [
-                [C, p.value]
-              ]),
-              $(o("ul", {
-                id: b.value,
-                ref_for: !0,
-                ref_key: "ellipsisMenuRefs",
-                ref: m,
-                class: "ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow"
-              }, null, 8, q), [
-                [C, p.value && i.value]
-              ])
-            ], 512)
-          ], 512)) : (d(), I(T, {
-            key: 1,
-            disabled: !e.hidden,
-            to: `#${b.value}`
-          }, [
-            o("li", {
+            t === 0 ? (d(), u("li", {
+              key: 0,
               ref_for: !0,
               ref_key: "liRefs",
               ref: h,
-              class: "ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]"
+              class: "ds-whitespace-nowrap ds-text-black/[0.85]"
             }, [
               f(s.$slots, `item-${t}`, { item: e }, () => [
                 o("a", {
                   href: e.href,
                   title: e.href,
                   class: "ds-transition-colors hover:ds-text-primary-t"
-                }, R(e.text), 9, A)
+                }, R(e.text), 9, U)
               ]),
-              t < ((r = s.items) == null ? void 0 : r.length) - 1 ? (d(), u("span", G, [
+              o("span", j, [
                 f(s.$slots, `separator-${t}`, { item: e }, () => [
                   B(E)
                 ])
-              ])) : F("", !0)
-            ], 512)
-          ], 8, ["disabled", "to"]))
-        ], 64);
-      }), 128))
-    ], 2));
+              ]),
+              o("div", {
+                ref_for: !0,
+                ref_key: "ellipsisRefs",
+                ref: v,
+                class: "ds-inline-block"
+              }, [
+                $(o("button", {
+                  class: g([{ "ds-bg-slate-50": i.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: L
+                }, " ... ", 2), [
+                  [C, p.value]
+                ]),
+                $(o("ol", {
+                  id: b.value,
+                  ref_for: !0,
+                  ref_key: "ellipsisMenuRefs",
+                  ref: m,
+                  class: "ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow"
+                }, null, 8, q), [
+                  [C, p.value && i.value]
+                ])
+              ], 512)
+            ], 512)) : (d(), I(T, {
+              key: 1,
+              disabled: !e.hidden,
+              to: `#${b.value}`
+            }, [
+              o("li", {
+                ref_for: !0,
+                ref_key: "liRefs",
+                ref: h,
+                class: "ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]"
+              }, [
+                f(s.$slots, `item-${t}`, { item: e }, () => [
+                  o("a", {
+                    href: e.href,
+                    title: e.href,
+                    class: "ds-transition-colors hover:ds-text-primary-t"
+                  }, R(e.text), 9, A)
+                ]),
+                t < ((r = s.items) == null ? void 0 : r.length) - 1 ? (d(), u("span", G, [
+                  f(s.$slots, `separator-${t}`, { item: e }, () => [
+                    B(E)
+                  ])
+                ])) : F("", !0)
+              ], 512)
+            ], 8, ["disabled", "to"]))
+          ], 64);
+        }), 128))
+      ], 2)
+    ]));
   }
 });
 export {

package/dist/design-system26.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system26.mjs","sources":["../src/components/BBreadcrumb/BBreadcrumb.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createVNode as _createVNode, vShow as _vShow, normalizeClass as _normalizeClass, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = [\"href\", \"title\"]\nconst _hoisted_2 = {\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"href\", \"title\"]\nconst _hoisted_5 = {\n  key: 0,\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\n\nimport { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport type { BBreadcrumbItem } from '@/types';\nimport BBreadcrumbSeparator from '@/components/BBreadcrumb/BBreadcrumbSeparator.vue';\n\ninterface BBreadcrumbItemInternal extends BBreadcrumbItem {\n  hidden: boolean;\n  width: number;\n}\n\n//#region Props\nexport interface BBreadcrumbProps {\n  /**\n   * Array of breadcrumb items.\n   */\n  items?: BBreadcrumbItem[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BBreadcrumb',\n  props: {\n    items: { default: () => [] }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst collapsedBreadcrumbMenu = ref(false);\nconst ulRef = ref<HTMLUListElement | null>(null);\nconst liRefs = ref<HTMLLIElement[] | null>(null);\nconst ellipsisRefs = ref<HTMLSpanElement[] | null>(null);\nconst ellipsisMenuRefs = ref<HTMLUListElement[] | null>(null);\nconst breadcrumbItems = ref<BBreadcrumbItemInternal[]>([]);\nconst resizeObserver = new ResizeObserver(() => {\n  if (breadcrumbItems.value.length <= 1) {\n    return;\n  }\n\n  const ulRefWidth = ulRef.value!.clientWidth;\n  const ellipsisRefWidth = ellipsisRefs.value![0].clientWidth;\n\n  for (let i = 1; i < breadcrumbItems.value.length; i++) {\n    if (\n      breadcrumbItems.value.reduce(\n        (acc, item) => (!item.hidden ? acc + item.width : acc),\n        0,\n      ) +\n        ellipsisRefWidth >\n      ulRefWidth\n    ) {\n      breadcrumbItems.value[i].hidden = true;\n    } else {\n      break;\n    }\n  }\n\n  for (let i = breadcrumbItems.value.length - 1; i >= 1; i--) {\n    if (breadcrumbItems.value[i].hidden) {\n      if (\n        breadcrumbItems.value.reduce(\n          (acc, item) => (!item.hidden ? acc + item.width : acc),\n          0,\n        ) +\n          breadcrumbItems.value[i].width +\n          ellipsisRefWidth <=\n        ulRefWidth\n      ) {\n        breadcrumbItems.value[i].hidden = false;\n      } else {\n        break;\n      }\n    }\n  }\n});\nconst isCollapsed = computed(() => breadcrumbItems.value.some((i) => i.hidden));\nconst ellipsisMenuId = computed(() => `menu-id-${uuid()}`);\n//#region\n\n//#region Methods\nconst toggleCollapedBreadcrumbMenu = () => {\n  collapsedBreadcrumbMenu.value = !collapsedBreadcrumbMenu.value;\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst removeClickOutsideEventListener = () => {\n  document.removeEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [ellipsisRefs.value![0], ellipsisMenuRefs.value![0]];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    collapsedBreadcrumbMenu.value = false;\n  }\n};\n//#region\n\n//#region Lifecycle hooks\nonMounted(() => {\n  initClickOutsideEventListener();\n  resizeObserver.observe(ulRef.value!);\n\n  breadcrumbItems.value = props.items.map(\n    (item) =>\n      ({\n        ...item,\n        hidden: false,\n        width: 0,\n      }) as BBreadcrumbItemInternal,\n  );\n  nextTick(() => {\n    breadcrumbItems.value.forEach((item, index) => {\n      item.width = liRefs.value![index].clientWidth;\n    });\n  });\n});\nonUnmounted(() => {\n  removeClickOutsideEventListener();\n  resizeObserver.unobserve(ulRef.value!);\n});\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"ul\", {\n    ref_key: \"ulRef\",\n    ref: ulRef,\n    class: _normalizeClass([{ collapsed: isCollapsed.value }, \"ds-relative ds-flex\"])\n  }, [\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(breadcrumbItems.value, (item, index) => {\n      return (_openBlock(), _createElementBlock(_Fragment, {\n        key: `item${item.text}`\n      }, [\n        (index === 0)\n          ? (_openBlock(), _createElementBlock(\"li\", {\n              key: 0,\n              ref_for: true,\n              ref_key: \"liRefs\",\n              ref: liRefs,\n              class: \"ds-whitespace-nowrap ds-text-black/[0.85]\"\n            }, [\n              _renderSlot(_ctx.$slots, `item-${index}`, { item: item }, () => [\n                _createElementVNode(\"a\", {\n                  href: item.href,\n                  title: item.href,\n                  class: \"ds-transition-colors hover:ds-text-primary-t\"\n                }, _toDisplayString(item.text), 9, _hoisted_1)\n              ]),\n              _createElementVNode(\"span\", _hoisted_2, [\n                _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                  _createVNode(BBreadcrumbSeparator)\n                ])\n              ]),\n              _createElementVNode(\"div\", {\n                ref_for: true,\n                ref_key: \"ellipsisRefs\",\n                ref: ellipsisRefs,\n                class: \"ds-inline-block\"\n              }, [\n                _withDirectives(_createElementVNode(\"button\", {\n                  class: _normalizeClass([{ 'ds-bg-slate-50': collapsedBreadcrumbMenu.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\"]),\n                  onClick: toggleCollapedBreadcrumbMenu\n                }, \" ... \", 2), [\n                  [_vShow, isCollapsed.value]\n                ]),\n                _withDirectives(_createElementVNode(\"ul\", {\n                  id: ellipsisMenuId.value,\n                  ref_for: true,\n                  ref_key: \"ellipsisMenuRefs\",\n                  ref: ellipsisMenuRefs,\n                  class: \"ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow\"\n                }, null, 8, _hoisted_3), [\n                  [_vShow, isCollapsed.value && collapsedBreadcrumbMenu.value]\n                ])\n              ], 512)\n            ], 512))\n          : (_openBlock(), _createBlock(_Teleport, {\n              key: 1,\n              disabled: !item.hidden,\n              to: `#${ellipsisMenuId.value}`\n            }, [\n              _createElementVNode(\"li\", {\n                ref_for: true,\n                ref_key: \"liRefs\",\n                ref: liRefs,\n                class: \"ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]\"\n              }, [\n                _renderSlot(_ctx.$slots, `item-${index}`, { item: item }, () => [\n                  _createElementVNode(\"a\", {\n                    href: item.href,\n                    title: item.href,\n                    class: \"ds-transition-colors hover:ds-text-primary-t\"\n                  }, _toDisplayString(item.text), 9, _hoisted_4)\n                ]),\n                (index < _ctx.items?.length - 1)\n                  ? (_openBlock(), _createElementBlock(\"span\", _hoisted_5, [\n                      _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                        _createVNode(BBreadcrumbSeparator)\n                      ])\n                    ]))\n                  : _createCommentVNode(\"\", true)\n              ], 512)\n            ], 8, [\"disabled\", \"to\"]))\n      ], 64))\n    }), 128))\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","props","collapsedBreadcrumbMenu","ref","ulRef","liRefs","ellipsisRefs","ellipsisMenuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","ellipsisMenuId","uuid","toggleCollapedBreadcrumbMenu","initClickOutsideEventListener","closeOnClickOutside","removeClickOutsideEventListener","event","r","onMounted","nextTick","index","onUnmounted","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_renderSlot","_createElementVNode","_toDisplayString","_createVNode","BBreadcrumbSeparator","_withDirectives","_vShow","_createBlock","_Teleport","_a","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"design-system26.mjs","sources":["../src/components/BBreadcrumb/BBreadcrumb.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createVNode as _createVNode, vShow as _vShow, normalizeClass as _normalizeClass, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = [\"href\", \"title\"]\nconst _hoisted_2 = {\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"href\", \"title\"]\nconst _hoisted_5 = {\n  key: 0,\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\n\nimport { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport type { BBreadcrumbItem } from '@/types';\nimport BBreadcrumbSeparator from '@/components/BBreadcrumb/BBreadcrumbSeparator.vue';\n\ninterface BBreadcrumbItemInternal extends BBreadcrumbItem {\n  hidden: boolean;\n  width: number;\n}\n\n//#region Props\nexport interface BBreadcrumbProps {\n  /**\n   * Array of breadcrumb items.\n   */\n  items?: BBreadcrumbItem[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BBreadcrumb',\n  props: {\n    items: { default: () => [] }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst collapsedBreadcrumbMenu = ref(false);\nconst ulRef = ref<HTMLUListElement | null>(null);\nconst liRefs = ref<HTMLLIElement[] | null>(null);\nconst ellipsisRefs = ref<HTMLSpanElement[] | null>(null);\nconst ellipsisMenuRefs = ref<HTMLUListElement[] | null>(null);\nconst breadcrumbItems = ref<BBreadcrumbItemInternal[]>([]);\nconst resizeObserver = new ResizeObserver(() => {\n  if (breadcrumbItems.value.length <= 1) {\n    return;\n  }\n\n  const ulRefWidth = ulRef.value!.clientWidth;\n  const ellipsisRefWidth = ellipsisRefs.value![0].clientWidth;\n\n  for (let i = 1; i < breadcrumbItems.value.length; i++) {\n    if (\n      breadcrumbItems.value.reduce(\n        (acc, item) => (!item.hidden ? acc + item.width : acc),\n        0,\n      ) +\n        ellipsisRefWidth >\n      ulRefWidth\n    ) {\n      breadcrumbItems.value[i].hidden = true;\n    } else {\n      break;\n    }\n  }\n\n  for (let i = breadcrumbItems.value.length - 1; i >= 1; i--) {\n    if (breadcrumbItems.value[i].hidden) {\n      if (\n        breadcrumbItems.value.reduce(\n          (acc, item) => (!item.hidden ? acc + item.width : acc),\n          0,\n        ) +\n          breadcrumbItems.value[i].width +\n          ellipsisRefWidth <=\n        ulRefWidth\n      ) {\n        breadcrumbItems.value[i].hidden = false;\n      } else {\n        break;\n      }\n    }\n  }\n});\nconst isCollapsed = computed(() => breadcrumbItems.value.some((i) => i.hidden));\nconst ellipsisMenuId = computed(() => `menu-id-${uuid()}`);\n//#region\n\n//#region Methods\nconst toggleCollapedBreadcrumbMenu = () => {\n  collapsedBreadcrumbMenu.value = !collapsedBreadcrumbMenu.value;\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst removeClickOutsideEventListener = () => {\n  document.removeEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [ellipsisRefs.value![0], ellipsisMenuRefs.value![0]];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    collapsedBreadcrumbMenu.value = false;\n  }\n};\n//#region\n\n//#region Lifecycle hooks\nonMounted(() => {\n  initClickOutsideEventListener();\n  resizeObserver.observe(ulRef.value!);\n\n  breadcrumbItems.value = props.items.map(\n    (item) =>\n      ({\n        ...item,\n        hidden: false,\n        width: 0,\n      }) as BBreadcrumbItemInternal,\n  );\n  nextTick(() => {\n    breadcrumbItems.value.forEach((item, index) => {\n      item.width = liRefs.value![index].clientWidth;\n    });\n  });\n});\nonUnmounted(() => {\n  removeClickOutsideEventListener();\n  resizeObserver.unobserve(ulRef.value!);\n});\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"nav\", null, [\n    _createElementVNode(\"ol\", {\n      ref_key: \"ulRef\",\n      ref: ulRef,\n      class: _normalizeClass([{ collapsed: isCollapsed.value }, \"ds-relative ds-flex\"])\n    }, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(breadcrumbItems.value, (item, index) => {\n        return (_openBlock(), _createElementBlock(_Fragment, {\n          key: `item${item.text}`\n        }, [\n          (index === 0)\n            ? (_openBlock(), _createElementBlock(\"li\", {\n                key: 0,\n                ref_for: true,\n                ref_key: \"liRefs\",\n                ref: liRefs,\n                class: \"ds-whitespace-nowrap ds-text-black/[0.85]\"\n              }, [\n                _renderSlot(_ctx.$slots, `item-${index}`, { item: item }, () => [\n                  _createElementVNode(\"a\", {\n                    href: item.href,\n                    title: item.href,\n                    class: \"ds-transition-colors hover:ds-text-primary-t\"\n                  }, _toDisplayString(item.text), 9, _hoisted_1)\n                ]),\n                _createElementVNode(\"span\", _hoisted_2, [\n                  _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                    _createVNode(BBreadcrumbSeparator)\n                  ])\n                ]),\n                _createElementVNode(\"div\", {\n                  ref_for: true,\n                  ref_key: \"ellipsisRefs\",\n                  ref: ellipsisRefs,\n                  class: \"ds-inline-block\"\n                }, [\n                  _withDirectives(_createElementVNode(\"button\", {\n                    class: _normalizeClass([{ 'ds-bg-slate-50': collapsedBreadcrumbMenu.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\"]),\n                    onClick: toggleCollapedBreadcrumbMenu\n                  }, \" ... \", 2), [\n                    [_vShow, isCollapsed.value]\n                  ]),\n                  _withDirectives(_createElementVNode(\"ol\", {\n                    id: ellipsisMenuId.value,\n                    ref_for: true,\n                    ref_key: \"ellipsisMenuRefs\",\n                    ref: ellipsisMenuRefs,\n                    class: \"ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow\"\n                  }, null, 8, _hoisted_3), [\n                    [_vShow, isCollapsed.value && collapsedBreadcrumbMenu.value]\n                  ])\n                ], 512)\n              ], 512))\n            : (_openBlock(), _createBlock(_Teleport, {\n                key: 1,\n                disabled: !item.hidden,\n                to: `#${ellipsisMenuId.value}`\n              }, [\n                _createElementVNode(\"li\", {\n                  ref_for: true,\n                  ref_key: \"liRefs\",\n                  ref: liRefs,\n                  class: \"ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]\"\n                }, [\n                  _renderSlot(_ctx.$slots, `item-${index}`, { item: item }, () => [\n                    _createElementVNode(\"a\", {\n                      href: item.href,\n                      title: item.href,\n                      class: \"ds-transition-colors hover:ds-text-primary-t\"\n                    }, _toDisplayString(item.text), 9, _hoisted_4)\n                  ]),\n                  (index < _ctx.items?.length - 1)\n                    ? (_openBlock(), _createElementBlock(\"span\", _hoisted_5, [\n                        _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                          _createVNode(BBreadcrumbSeparator)\n                        ])\n                      ]))\n                    : _createCommentVNode(\"\", true)\n                ], 512)\n              ], 8, [\"disabled\", \"to\"]))\n        ], 64))\n      }), 128))\n    ], 2)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","props","collapsedBreadcrumbMenu","ref","ulRef","liRefs","ellipsisRefs","ellipsisMenuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","ellipsisMenuId","uuid","toggleCollapedBreadcrumbMenu","initClickOutsideEventListener","closeOnClickOutside","removeClickOutsideEventListener","event","r","onMounted","nextTick","index","onUnmounted","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_Fragment","_renderList","_renderSlot","_toDisplayString","_createVNode","BBreadcrumbSeparator","_withDirectives","_vShow","_createBlock","_Teleport","_a","_createCommentVNode"],"mappings":"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"}

package/dist/design-system48.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),u=require("./design-system107.js"),l=require("./design-system6.js"),i=require("./design-system38.js"),m=e.defineComponent({__name:"BImagePreview",props:{modelValue:{type:Boolean},url:{}},emits:["update:modelValue"],setup(s,{emit:a}){const n=s,d=a,o=e.computed({get(){return n.modelValue},set(t){d("update:modelValue",t)}});e.watch(o,t=>{t?l.lockScrollBody():l.unlockScrollBody()});const c=()=>{o.value=!1},r=t=>{t.key==="Escape"&&c()};return e.onMounted(()=>{document.addEventListener("keydown",r)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",r)}),(t,p)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[o.value?(e.openBlock(),e.createBlock(i,{key:0},{default:e.withCtx(()=>[e.createVNode(u,{class:"ds-right-4 ds-top-4 ds-h-8 ds-w-8",onClick:c}),e.createElementVNode("div",{style:e.normalizeStyle({backgroundImage:`url('${n.url}')`,height:"calc(100vh - 16px)",width:"calc(100vw - 16px)"}),class:"ds-bg-contain ds-bg-center ds-bg-no-repeat"},null,4)]),_:1})):e.createCommentVNode("",!0)]),_:1})]))}});module.exports=m;
+"use strict";const e=require("vue"),u=require("./design-system109.js"),l=require("./design-system6.js"),i=require("./design-system38.js"),m=e.defineComponent({__name:"BImagePreview",props:{modelValue:{type:Boolean},url:{}},emits:["update:modelValue"],setup(s,{emit:a}){const n=s,d=a,o=e.computed({get(){return n.modelValue},set(t){d("update:modelValue",t)}});e.watch(o,t=>{t?l.lockScrollBody():l.unlockScrollBody()});const c=()=>{o.value=!1},r=t=>{t.key==="Escape"&&c()};return e.onMounted(()=>{document.addEventListener("keydown",r)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",r)}),(t,p)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[o.value?(e.openBlock(),e.createBlock(i,{key:0},{default:e.withCtx(()=>[e.createVNode(u,{class:"ds-right-4 ds-top-4 ds-h-8 ds-w-8",onClick:c}),e.createElementVNode("div",{style:e.normalizeStyle({backgroundImage:`url('${n.url}')`,height:"calc(100vh - 16px)",width:"calc(100vw - 16px)"}),class:"ds-bg-contain ds-bg-center ds-bg-no-repeat"},null,4)]),_:1})):e.createCommentVNode("",!0)]),_:1})]))}});module.exports=m;
 //# sourceMappingURL=design-system48.js.map

package/dist/design-system48.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as i, computed as p, watch as f, onMounted as v, onBeforeUnmount as k, openBlock as r, createBlock as a, Teleport as y, createVNode as c, Transition as g, withCtx as s, createElementVNode as B, normalizeStyle as h, createCommentVNode as w } from "vue";
-import _ from "./design-system107.mjs";
+import _ from "./design-system109.mjs";
 import { lockScrollBody as V, unlockScrollBody as b } from "./design-system6.mjs";
 import x from "./design-system38.mjs";
 const S = /* @__PURE__ */ i({

package/dist/design-system59.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),s=require("./design-system5.js"),m=require("./design-system105.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-system105.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-system105.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-system105.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-system105.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-system105.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-system105.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