@7pmlabs/design-system 0.5.1 → 0.5.2

package/dist/design-system227.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system227.mjs","sources":["../node_modules/lodash-es/_nativeCreate.js"],"sourcesContent":["import getNative from './_getNative.js';\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nexport default nativeCreate;\n"],"names":["nativeCreate","getNative","nativeCreate$1"],"mappings":";AAGA,IAAIA,IAAeC,EAAU,QAAQ,QAAQ;AAE7C,MAAAC,IAAeF;","x_google_ignoreList":[0]}

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-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;
+"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;
 //# 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-system102.mjs";
+import I from "./design-system105.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"),g=require("./design-system102.js"),B=["href","title"],E={"aria-hidden":"true",class:"ds-pl-2"},y=e.createElementVNode("svg",{class:"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})],-1),R=["id"],N=["href","title"],V={key:0,"aria-hidden":"true",class:"ds-pl-2"},$=e.createElementVNode("svg",{class:"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4",viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})],-1),C=e.defineComponent({__name:"BBreadcrumb",props:{items:{default:()=>[]}},setup(m){const k=m,d=e.ref(!1),a=e.ref(null),c=e.ref(null),i=e.ref(null),f=e.ref(null),r=e.ref([]),h=new ResizeObserver(()=>{if(r.value.length<=1)return;const t=a.value.clientWidth,n=i.value[0].clientWidth;for(let s=1;s<r.value.length&&r.value.reduce((l,o)=>o.hidden?l:l+o.width,0)+n>t;s++)r.value[s].hidden=!0;for(let s=r.value.length-1;s>=1;s--)if(r.value[s].hidden)if(r.value.reduce((l,o)=>o.hidden?l:l+o.width,0)+r.value[s].width+n<=t)r.value[s].hidden=!1;else break}),u=e.computed(()=>r.value.some(t=>t.hidden)),v=e.computed(()=>`menu-id-${g()}`),w=()=>{d.value=!d.value},b=()=>{document.addEventListener("click",p)},_=()=>{document.removeEventListener("click",p)},p=t=>{[i.value[0],f.value[0]].some(l=>t.composedPath().includes(l))||(d.value=!1)};return e.onMounted(()=>{b(),h.observe(a.value),r.value=k.items.map(t=>({...t,hidden:!1,width:0})),e.nextTick(()=>{r.value.forEach((t,n)=>{t.width=c.value[n].clientWidth})})}),e.onUnmounted(()=>{_(),h.unobserve(a.value)}),(t,n)=>(e.openBlock(),e.createElementBlock("ul",{ref_key:"ulRef",ref:a,class:e.normalizeClass([{collapsed:u.value},"ds-relative ds-flex"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(s,l)=>{var o;return e.openBlock(),e.createElementBlock(e.Fragment,{key:`item${s.text}`},[l===0?(e.openBlock(),e.createElementBlock("li",{key:0,ref_for:!0,ref_key:"liRefs",ref:c,class:"ds-whitespace-nowrap ds-text-black/[0.85]"},[e.renderSlot(t.$slots,`item-${l}`,{item:s},()=>[e.createElementVNode("a",{href:s.href,title:s.href,class:"hover:ds-text-primary-t"},e.toDisplayString(s.text),9,B)]),e.createElementVNode("span",E,[e.renderSlot(t.$slots,`separator-${l}`,{item:s},()=>[y])]),e.withDirectives(e.createElementVNode("button",{ref_for:!0,ref_key:"ellipsisRefs",ref:i,class:e.normalizeClass([{"ds-bg-slate-50":d.value},"ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t hover:ds-bg-slate-50"]),onClick:w}," ... ",2),[[e.vShow,u.value]]),e.withDirectives(e.createElementVNode("ul",{id:v.value,ref_for:!0,ref_key:"menuRefs",ref:f,class:"ds-absolute ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow"},null,8,R),[[e.vShow,u.value&&d.value]])],512)):(e.openBlock(),e.createBlock(e.Teleport,{key:1,disabled:!s.hidden,to:`#${v.value}`},[e.createElementVNode("li",{ref_for:!0,ref_key:"liRefs",ref:c,class:"ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]"},[e.renderSlot(t.$slots,`item-${l}`,{item:s},()=>[e.createElementVNode("a",{href:s.href,title:s.href,class:"hover:ds-text-primary-t"},e.toDisplayString(s.text),9,N)]),l<((o=t.items)==null?void 0:o.length)-1?(e.openBlock(),e.createElementBlock("span",V,[e.renderSlot(t.$slots,`separator-${l}`,{item:s},()=>[$])])):e.createCommentVNode("",!0)],512)],8,["disabled","to"]))],64)}),128))],2))}});module.exports=C;
+"use strict";const e=require("vue"),m=require("./design-system170.js"),g=require("./design-system105.js"),E=["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-${g()}`),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:"hover:ds-text-primary-t"},e.toDisplayString(t.text),9,E)]),e.createElementVNode("span",y,[e.renderSlot(s.$slots,`separator-${l}`,{item:t},()=>[e.createVNode(m)])]),e.withDirectives(e.createElementVNode("button",{ref_for:!0,ref_key:"ellipsisRefs",ref:c,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 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:"menuRefs",ref:f,class:"ds-absolute 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)):(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:"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;
 //# sourceMappingURL=design-system26.js.map

package/dist/design-system26.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system26.js","sources":["../src/components/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, 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 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n], -1)\nconst _hoisted_4 = [\"id\"]\nconst _hoisted_5 = [\"href\", \"title\"]\nconst _hoisted_6 = {\n  key: 0,\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_7 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n], -1)\n\nimport { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport type { BBreadcrumbItem } from '@/types';\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 menuRefs = 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 menuId = 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], menuRefs.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: \"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                  _hoisted_3\n                ])\n              ]),\n              _withDirectives(_createElementVNode(\"button\", {\n                ref_for: true,\n                ref_key: \"ellipsisRefs\",\n                ref: ellipsisRefs,\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 hover:ds-bg-slate-50\"]),\n                onClick: toggleCollapedBreadcrumbMenu\n              }, \" ... \", 2), [\n                [_vShow, isCollapsed.value]\n              ]),\n              _withDirectives(_createElementVNode(\"ul\", {\n                id: menuId.value,\n                ref_for: true,\n                ref_key: \"menuRefs\",\n                ref: menuRefs,\n                class: \"ds-absolute ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow\"\n              }, null, 8, _hoisted_4), [\n                [_vShow, isCollapsed.value && collapsedBreadcrumbMenu.value]\n              ])\n            ], 512))\n          : (_openBlock(), _createBlock(_Teleport, {\n              key: 1,\n              disabled: !item.hidden,\n              to: `#${menuId.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: \"hover:ds-text-primary-t\"\n                  }, _toDisplayString(item.text), 9, _hoisted_5)\n                ]),\n                (index < _ctx.items?.length - 1)\n                  ? (_openBlock(), _createElementBlock(\"span\", _hoisted_6, [\n                      _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                        _hoisted_7\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","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","props","collapsedBreadcrumbMenu","ref","ulRef","liRefs","ellipsisRefs","menuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","menuId","uuid","toggleCollapedBreadcrumbMenu","initClickOutsideEventListener","closeOnClickOutside","removeClickOutsideEventListener","event","r","onMounted","nextTick","index","onUnmounted","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_renderSlot","_toDisplayString","_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 menuRefs = 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 menuId = 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], menuRefs.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: \"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              _withDirectives(_createElementVNode(\"button\", {\n                ref_for: true,\n                ref_key: \"ellipsisRefs\",\n                ref: ellipsisRefs,\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 hover:ds-bg-slate-50\"]),\n                onClick: toggleCollapedBreadcrumbMenu\n              }, \" ... \", 2), [\n                [_vShow, isCollapsed.value]\n              ]),\n              _withDirectives(_createElementVNode(\"ul\", {\n                id: menuId.value,\n                ref_for: true,\n                ref_key: \"menuRefs\",\n                ref: menuRefs,\n                class: \"ds-absolute 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          : (_openBlock(), _createBlock(_Teleport, {\n              key: 1,\n              disabled: !item.hidden,\n              to: `#${menuId.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: \"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","menuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","menuId","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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"}

package/dist/design-system26.mjs

@@ -1,82 +1,71 @@
-import { defineComponent as z, ref as n, computed as _, onMounted as M, nextTick as W, onUnmounted as S, openBlock as a, createElementBlock as u, normalizeClass as g, Fragment as y, renderList as D, renderSlot as f, createElementVNode as r, toDisplayString as R, withDirectives as B, vShow as $, createBlock as I, Teleport as N, createCommentVNode as T } from "vue";
-import V from "./design-system102.mjs";
-const F = ["href", "title"], P = {
+import { defineComponent as z, ref as o, computed as w, onMounted as M, 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 n, 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-system170.mjs";
+import P from "./design-system105.mjs";
+const U = ["href", "title"], j = {
   "aria-hidden": "true",
   class: "ds-pl-2"
-}, U = /* @__PURE__ */ r("svg", {
-  class: "ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4",
-  viewBox: "0 0 320 512",
-  xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ r("path", { d: "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" })
-], -1), j = ["id"], q = ["href", "title"], A = {
+}, q = ["id"], A = ["href", "title"], G = {
   key: 0,
   "aria-hidden": "true",
   class: "ds-pl-2"
-}, G = /* @__PURE__ */ r("svg", {
-  class: "ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4",
-  viewBox: "0 0 320 512",
-  xmlns: "http://www.w3.org/2000/svg"
-}, [
-  /* @__PURE__ */ r("path", { d: "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" })
-], -1), K = /* @__PURE__ */ z({
+}, Q = /* @__PURE__ */ z({
   __name: "BBreadcrumb",
   props: {
     items: { default: () => [] }
   },
-  setup(C) {
-    const x = C, i = n(!1), c = n(null), h = n(null), v = n(null), m = n(null), l = n([]), w = new ResizeObserver(() => {
+  setup(O) {
+    const L = O, i = o(!1), c = o(null), h = o(null), v = o(null), m = o(null), l = o([]), k = new ResizeObserver(() => {
       if (l.value.length <= 1)
         return;
-      const s = c.value.clientWidth, o = v.value[0].clientWidth;
+      const s = c.value.clientWidth, a = v.value[0].clientWidth;
       for (let e = 1; e < l.value.length && l.value.reduce(
-        (t, d) => d.hidden ? t : t + d.width,
+        (t, r) => r.hidden ? t : t + r.width,
         0
-      ) + o > s; e++)
+      ) + a > s; e++)
         l.value[e].hidden = !0;
       for (let e = l.value.length - 1; e >= 1; e--)
         if (l.value[e].hidden)
           if (l.value.reduce(
-            (t, d) => d.hidden ? t : t + d.width,
+            (t, r) => r.hidden ? t : t + r.width,
             0
-          ) + l.value[e].width + o <= s)
+          ) + l.value[e].width + a <= s)
             l.value[e].hidden = !1;
           else
             break;
-    }), p = _(() => l.value.some((s) => s.hidden)), b = _(() => `menu-id-${V()}`), E = () => {
+    }), p = w(() => l.value.some((s) => s.hidden)), b = w(() => `menu-id-${P()}`), W = () => {
       i.value = !i.value;
-    }, L = () => {
-      document.addEventListener("click", k);
-    }, O = () => {
-      document.removeEventListener("click", k);
-    }, k = (s) => {
+    }, S = () => {
+      document.addEventListener("click", _);
+    }, x = () => {
+      document.removeEventListener("click", _);
+    }, _ = (s) => {
       [v.value[0], m.value[0]].some((t) => s.composedPath().includes(t)) || (i.value = !1);
     };
     return M(() => {
-      L(), w.observe(c.value), l.value = x.items.map(
+      S(), k.observe(c.value), l.value = L.items.map(
         (s) => ({
           ...s,
           hidden: !1,
           width: 0
         })
-      ), W(() => {
-        l.value.forEach((s, o) => {
-          s.width = h.value[o].clientWidth;
+      ), N(() => {
+        l.value.forEach((s, a) => {
+          s.width = h.value[a].clientWidth;
         });
       });
-    }), S(() => {
-      O(), w.unobserve(c.value);
-    }), (s, o) => (a(), u("ul", {
+    }), V(() => {
+      x(), k.unobserve(c.value);
+    }), (s, a) => (d(), u("ul", {
       ref_key: "ulRef",
       ref: c,
       class: g([{ collapsed: p.value }, "ds-relative ds-flex"])
     }, [
-      (a(!0), u(y, null, D(l.value, (e, t) => {
-        var d;
-        return a(), u(y, {
+      (d(!0), u(y, null, D(l.value, (e, t) => {
+        var r;
+        return d(), u(y, {
           key: `item${e.text}`
         }, [
-          t === 0 ? (a(), u("li", {
+          t === 0 ? (d(), u("li", {
             key: 0,
             ref_for: !0,
             ref_key: "liRefs",
@@ -84,58 +73,58 @@ const F = ["href", "title"], P = {
             class: "ds-whitespace-nowrap ds-text-black/[0.85]"
           }, [
             f(s.$slots, `item-${t}`, { item: e }, () => [
-              r("a", {
+              n("a", {
                 href: e.href,
                 title: e.href,
                 class: "hover:ds-text-primary-t"
-              }, R(e.text), 9, F)
+              }, R(e.text), 9, U)
             ]),
-            r("span", P, [
+            n("span", j, [
               f(s.$slots, `separator-${t}`, { item: e }, () => [
-                U
+                B(E)
               ])
             ]),
-            B(r("button", {
+            $(n("button", {
               ref_for: !0,
               ref_key: "ellipsisRefs",
               ref: v,
               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 hover:ds-bg-slate-50"]),
-              onClick: E
+              onClick: W
             }, " ... ", 2), [
-              [$, p.value]
+              [C, p.value]
             ]),
-            B(r("ul", {
+            $(n("ul", {
               id: b.value,
               ref_for: !0,
               ref_key: "menuRefs",
               ref: m,
               class: "ds-absolute ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow"
-            }, null, 8, j), [
-              [$, p.value && i.value]
+            }, null, 8, q), [
+              [C, p.value && i.value]
             ])
-          ], 512)) : (a(), I(N, {
+          ], 512)) : (d(), I(T, {
             key: 1,
             disabled: !e.hidden,
             to: `#${b.value}`
           }, [
-            r("li", {
+            n("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 }, () => [
-                r("a", {
+                n("a", {
                   href: e.href,
                   title: e.href,
                   class: "hover:ds-text-primary-t"
-                }, R(e.text), 9, q)
+                }, R(e.text), 9, A)
               ]),
-              t < ((d = s.items) == null ? void 0 : d.length) - 1 ? (a(), u("span", A, [
+              t < ((r = s.items) == null ? void 0 : r.length) - 1 ? (d(), u("span", G, [
                 f(s.$slots, `separator-${t}`, { item: e }, () => [
-                  G
+                  B(E)
                 ])
-              ])) : T("", !0)
+              ])) : F("", !0)
             ], 512)
           ], 8, ["disabled", "to"]))
         ], 64);
@@ -144,6 +133,6 @@ const F = ["href", "title"], P = {
   }
 });
 export {
-  K as default
+  Q as default
 };
 //# sourceMappingURL=design-system26.mjs.map

package/dist/design-system26.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system26.mjs","sources":["../src/components/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, 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 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n], -1)\nconst _hoisted_4 = [\"id\"]\nconst _hoisted_5 = [\"href\", \"title\"]\nconst _hoisted_6 = {\n  key: 0,\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_7 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n], -1)\n\nimport { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport type { BBreadcrumbItem } from '@/types';\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 menuRefs = 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 menuId = 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], menuRefs.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: \"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                  _hoisted_3\n                ])\n              ]),\n              _withDirectives(_createElementVNode(\"button\", {\n                ref_for: true,\n                ref_key: \"ellipsisRefs\",\n                ref: ellipsisRefs,\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 hover:ds-bg-slate-50\"]),\n                onClick: toggleCollapedBreadcrumbMenu\n              }, \" ... \", 2), [\n                [_vShow, isCollapsed.value]\n              ]),\n              _withDirectives(_createElementVNode(\"ul\", {\n                id: menuId.value,\n                ref_for: true,\n                ref_key: \"menuRefs\",\n                ref: menuRefs,\n                class: \"ds-absolute ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow\"\n              }, null, 8, _hoisted_4), [\n                [_vShow, isCollapsed.value && collapsedBreadcrumbMenu.value]\n              ])\n            ], 512))\n          : (_openBlock(), _createBlock(_Teleport, {\n              key: 1,\n              disabled: !item.hidden,\n              to: `#${menuId.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: \"hover:ds-text-primary-t\"\n                  }, _toDisplayString(item.text), 9, _hoisted_5)\n                ]),\n                (index < _ctx.items?.length - 1)\n                  ? (_openBlock(), _createElementBlock(\"span\", _hoisted_6, [\n                      _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                        _hoisted_7\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","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","props","collapsedBreadcrumbMenu","ref","ulRef","liRefs","ellipsisRefs","menuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","menuId","uuid","toggleCollapedBreadcrumbMenu","initClickOutsideEventListener","closeOnClickOutside","removeClickOutsideEventListener","event","r","onMounted","nextTick","index","onUnmounted","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_renderSlot","_toDisplayString","_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 menuRefs = 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 menuId = 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], menuRefs.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: \"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              _withDirectives(_createElementVNode(\"button\", {\n                ref_for: true,\n                ref_key: \"ellipsisRefs\",\n                ref: ellipsisRefs,\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 hover:ds-bg-slate-50\"]),\n                onClick: toggleCollapedBreadcrumbMenu\n              }, \" ... \", 2), [\n                [_vShow, isCollapsed.value]\n              ]),\n              _withDirectives(_createElementVNode(\"ul\", {\n                id: menuId.value,\n                ref_for: true,\n                ref_key: \"menuRefs\",\n                ref: menuRefs,\n                class: \"ds-absolute 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          : (_openBlock(), _createBlock(_Teleport, {\n              key: 1,\n              disabled: !item.hidden,\n              to: `#${menuId.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: \"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","menuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","menuId","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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"}

package/dist/design-system27.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system54.js");require("./design-system55.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-826818c4"]]);module.exports=t;
+"use strict";const e=require("./design-system58.js");require("./design-system59.js");const r=require("./design-system60.js"),t=r(e,[["__scopeId","data-v-826818c4"]]);module.exports=t;
 //# sourceMappingURL=design-system27.js.map

package/dist/design-system27.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system54.mjs";
-import "./design-system55.mjs";
-import r from "./design-system56.mjs";
+import o from "./design-system58.mjs";
+import "./design-system59.mjs";
+import r from "./design-system60.mjs";
 const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-826818c4"]]);
 export {
   p as default

package/dist/design-system28.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue");require("./design-system57.js");require("./design-system58.js");const t=require("./design-system56.js"),s={},c={class:"carousel-item"};function n(r,u){return e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(s,[["render",n],["__scopeId","data-v-a82242b4"]]);module.exports=o;
+"use strict";const e=require("vue");require("./design-system61.js");require("./design-system62.js");const t=require("./design-system60.js"),s={},c={class:"carousel-item"};function n(r,u){return e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(s,[["render",n],["__scopeId","data-v-a82242b4"]]);module.exports=o;
 //# sourceMappingURL=design-system28.js.map

package/dist/design-system28.mjs

@@ -1,7 +1,7 @@
 import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
-import "./design-system57.mjs";
-import "./design-system58.mjs";
-import c from "./design-system56.mjs";
+import "./design-system61.mjs";
+import "./design-system62.mjs";
+import c from "./design-system60.mjs";
 const s = {}, n = { class: "carousel-item" };
 function a(e, d) {
   return t(), o("div", n, [

package/dist/design-system29.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system59.js");require("./design-system60.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-2082b68c"]]);module.exports=t;
+"use strict";const e=require("./design-system63.js");require("./design-system64.js");const r=require("./design-system60.js"),t=r(e,[["__scopeId","data-v-2082b68c"]]);module.exports=t;
 //# sourceMappingURL=design-system29.js.map

package/dist/design-system29.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system59.mjs";
-import "./design-system60.mjs";
-import t from "./design-system56.mjs";
+import o from "./design-system63.mjs";
+import "./design-system64.mjs";
+import t from "./design-system60.mjs";
 const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2082b68c"]]);
 export {
   p as default

package/dist/design-system30.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system56.js"),n={},o={class:"ds-rounded-lg ds-bg-white ds-p-2 ds-shadow"};function r(s,d){return e.openBlock(),e.createElementBlock("ul",o,[e.renderSlot(s.$slots,"default")])}const c=t(n,[["render",r]]);module.exports=c;
+"use strict";const e=require("vue"),t=require("./design-system60.js"),n={},o={class:"ds-rounded-lg ds-bg-white ds-p-2 ds-shadow"};function r(s,d){return e.openBlock(),e.createElementBlock("ul",o,[e.renderSlot(s.$slots,"default")])}const c=t(n,[["render",r]]);module.exports=c;
 //# sourceMappingURL=design-system30.js.map

package/dist/design-system30.mjs

@@ -1,5 +1,5 @@
 import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
-import s from "./design-system56.mjs";
+import s from "./design-system60.mjs";
 const n = {}, d = { class: "ds-rounded-lg ds-bg-white ds-p-2 ds-shadow" };
 function c(e, l) {
   return o(), t("ul", d, [

package/dist/design-system33.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system68.js");require("./design-system69.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-31348ccc"]]);module.exports=t;
+"use strict";const e=require("./design-system72.js");require("./design-system73.js");const r=require("./design-system60.js"),t=r(e,[["__scopeId","data-v-31348ccc"]]);module.exports=t;
 //# sourceMappingURL=design-system33.js.map

package/dist/design-system33.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system68.mjs";
-import "./design-system69.mjs";
-import r from "./design-system56.mjs";
+import o from "./design-system72.mjs";
+import "./design-system73.mjs";
+import r from "./design-system60.mjs";
 const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-31348ccc"]]);
 export {
   m as default

package/dist/design-system34.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system70.js");require("./design-system71.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-c49c635e"]]);module.exports=t;
+"use strict";const e=require("./design-system74.js");require("./design-system75.js");const r=require("./design-system60.js"),t=r(e,[["__scopeId","data-v-c49c635e"]]);module.exports=t;
 //# sourceMappingURL=design-system34.js.map

package/dist/design-system34.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system70.mjs";
-import "./design-system71.mjs";
-import r from "./design-system56.mjs";
+import o from "./design-system74.mjs";
+import "./design-system75.mjs";
+import r from "./design-system60.mjs";
 const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c49c635e"]]);
 export {
   e as default

package/dist/design-system35.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system56.js"),o={},s={class:"ds-p-4"};function c(r,l){return e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(r.$slots,"default")])}const n=t(o,[["render",c]]);module.exports=n;
+"use strict";const e=require("vue"),t=require("./design-system60.js"),o={},s={class:"ds-p-4"};function c(r,l){return e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(r.$slots,"default")])}const n=t(o,[["render",c]]);module.exports=n;
 //# sourceMappingURL=design-system35.js.map

package/dist/design-system35.mjs

@@ -1,5 +1,5 @@
 import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
-import c from "./design-system56.mjs";
+import c from "./design-system60.mjs";
 const s = {}, n = { class: "ds-p-4" };
 function d(e, l) {
   return o(), t("div", n, [

package/dist/design-system36.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system56.js"),r={},n={class:"ds-flex ds-items-center ds-justify-end ds-rounded-b-lg ds-p-4"};function o(s,d){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(s.$slots,"default")])}const c=t(r,[["render",o]]);module.exports=c;
+"use strict";const e=require("vue"),t=require("./design-system60.js"),r={},n={class:"ds-flex ds-items-center ds-justify-end ds-rounded-b-lg ds-p-4"};function o(s,d){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(s.$slots,"default")])}const c=t(r,[["render",o]]);module.exports=c;
 //# sourceMappingURL=design-system36.js.map

package/dist/design-system36.mjs

@@ -1,5 +1,5 @@
 import { openBlock as o, createElementBlock as t, renderSlot as s } from "vue";
-import r from "./design-system56.mjs";
+import r from "./design-system60.mjs";
 const d = {}, n = { class: "ds-flex ds-items-center ds-justify-end ds-rounded-b-lg ds-p-4" };
 function c(e, l) {
   return o(), t("div", n, [

package/dist/design-system37.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system56.js"),r={},n={class:"ds-flex ds-items-start ds-justify-between ds-rounded-t-lg ds-p-4"};function o(s,d){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(s.$slots,"default")])}const c=t(r,[["render",o]]);module.exports=c;
+"use strict";const e=require("vue"),t=require("./design-system60.js"),r={},n={class:"ds-flex ds-items-start ds-justify-between ds-rounded-t-lg ds-p-4"};function o(s,d){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(s.$slots,"default")])}const c=t(r,[["render",o]]);module.exports=c;
 //# sourceMappingURL=design-system37.js.map

package/dist/design-system37.mjs

@@ -1,5 +1,5 @@
 import { openBlock as t, createElementBlock as s, renderSlot as o } from "vue";
-import r from "./design-system56.mjs";
+import r from "./design-system60.mjs";
 const d = {}, n = { class: "ds-flex ds-items-start ds-justify-between ds-rounded-t-lg ds-p-4" };
 function c(e, l) {
   return t(), s("div", n, [

package/dist/design-system38.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),r=require("./design-system56.js"),t={},d={class:"ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm"};function o(s,c){return e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(s.$slots,"default")])}const l=r(t,[["render",o]]);module.exports=l;
+"use strict";const e=require("vue"),r=require("./design-system60.js"),t={},d={class:"ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm"};function o(s,c){return e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(s.$slots,"default")])}const l=r(t,[["render",o]]);module.exports=l;
 //# sourceMappingURL=design-system38.js.map

package/dist/design-system38.mjs

@@ -1,5 +1,5 @@
 import { openBlock as s, createElementBlock as d, renderSlot as t } from "vue";
-import o from "./design-system56.mjs";
+import o from "./design-system60.mjs";
 const r = {}, l = { class: "ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm" };
 function c(e, f) {
   return s(), d("div", l, [

package/dist/design-system39.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system76.js");require("./design-system77.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-98637356"]]);module.exports=t;
+"use strict";const e=require("./design-system80.js");require("./design-system81.js");const r=require("./design-system60.js"),t=r(e,[["__scopeId","data-v-98637356"]]);module.exports=t;
 //# sourceMappingURL=design-system39.js.map

package/dist/design-system39.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system76.mjs";
-import "./design-system77.mjs";
-import t from "./design-system56.mjs";
+import o from "./design-system80.mjs";
+import "./design-system81.mjs";
+import t from "./design-system60.mjs";
 const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-98637356"]]);
 export {
   p as default

package/dist/design-system40.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue");require("./design-system79.js");const t=require("./design-system56.js"),c={},n={class:"tab"};function s(r,u){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(c,[["render",s],["__scopeId","data-v-797a82dc"]]);module.exports=o;
+"use strict";const e=require("vue");require("./design-system83.js");const t=require("./design-system60.js"),c={},n={class:"tab"};function s(r,u){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(c,[["render",s],["__scopeId","data-v-797a82dc"]]);module.exports=o;
 //# sourceMappingURL=design-system40.js.map

package/dist/design-system40.mjs

@@ -1,6 +1,6 @@
 import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
-import "./design-system79.mjs";
-import c from "./design-system56.mjs";
+import "./design-system83.mjs";
+import c from "./design-system60.mjs";
 const n = {}, s = { class: "tab" };
 function a(e, d) {
   return t(), o("div", s, [

package/dist/design-system41.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system80.js");require("./design-system81.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-646ae8c4"]]);module.exports=t;
+"use strict";const e=require("./design-system84.js");require("./design-system85.js");const r=require("./design-system60.js"),t=r(e,[["__scopeId","data-v-646ae8c4"]]);module.exports=t;
 //# sourceMappingURL=design-system41.js.map

package/dist/design-system41.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system80.mjs";
-import "./design-system81.mjs";
-import t from "./design-system56.mjs";
+import o from "./design-system84.mjs";
+import "./design-system85.mjs";
+import t from "./design-system60.mjs";
 const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-646ae8c4"]]);
 export {
   p as default