@7pmlabs/design-system 0.4.17 → 0.5.1

package/dist/design-system24.mjs

@@ -1,24 +1,24 @@
-import { defineComponent as d, computed as u, withDirectives as p, openBlock as o, createElementBlock as l, createVNode as m, TransitionGroup as v, withCtx as _, Fragment as f, renderList as y, createBlock as h, vShow as x } from "vue";
-import C from "./design-system42.mjs";
-const V = { class: "ds-fixed ds-right-4 ds-top-4 ds-z-[110]" }, T = /* @__PURE__ */ d({
+import { defineComponent as u, computed as p, withDirectives as m, openBlock as o, createElementBlock as l, createVNode as v, TransitionGroup as _, withCtx as f, Fragment as y, renderList as h, createBlock as x, vShow as C } from "vue";
+import V from "./design-system43.mjs";
+const g = { class: "ds-fixed ds-right-4 ds-top-4 ds-z-[110]" }, $ = /* @__PURE__ */ u({
   __name: "BToast",
   props: {
     modelValue: {}
   },
   emits: ["update:modelValue"],
   setup(n, { emit: c }) {
-    const r = n, t = u({
+    const i = n, t = p({
       get() {
-        return r.modelValue;
+        return i.modelValue;
       },
       set(e) {
-        c("update:modelValue", e);
+        r("update:modelValue", e);
       }
-    }), i = (e) => {
+    }), r = c, d = (e) => {
       t.value.splice(e, 1);
     };
-    return (e, g) => p((o(), l("div", V, [
-      m(v, {
+    return (e, k) => m((o(), l("div", g, [
+      v(_, {
         "enter-active-class": "ds-transition-all ds-duration-300 ds-ease-in-out",
         "enter-from-class": "ds-opacity-0",
         "enter-to-class": "ds-opacity-1",
@@ -26,24 +26,24 @@ const V = { class: "ds-fixed ds-right-4 ds-top-4 ds-z-[110]" }, T = /* @__PURE__
         "leave-from-class": "ds-opacity-1",
         "leave-to-class": "ds-opacity-0"
       }, {
-        default: _(() => [
-          (o(!0), l(f, null, y(t.value, (s, a) => (o(), h(C, {
+        default: f(() => [
+          (o(!0), l(y, null, h(t.value, (s, a) => (o(), x(V, {
             key: `toastItem${a}`,
             icon: s.icon,
             text: s.text,
             type: s.type,
             class: "ds-my-2",
-            onClose: (k) => i(a)
+            onClose: (B) => d(a)
           }, null, 8, ["icon", "text", "type", "onClose"]))), 128))
         ]),
         _: 1
       })
     ], 512)), [
-      [x, t.value.length > 0]
+      [C, t.value.length > 0]
     ]);
   }
 });
 export {
-  T as default
+  $ as default
 };
 //# sourceMappingURL=design-system24.mjs.map

package/dist/design-system24.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system24.mjs","sources":["../src/components/BToast/BToast.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, createBlock as _createBlock, TransitionGroup as _TransitionGroup, withCtx as _withCtx, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-fixed ds-right-4 ds-top-4 ds-z-[110]\" }\n\nimport type { BToastItemModel } from '@/types';\nimport { computed } from 'vue';\nimport BToastItem from './BToastItem.vue';\n\n//#region Props\nexport interface Props {\n  modelValue: BToastItemModel[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToast',\n  props: {\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Methods\nconst onCloseToastItem = (i: number) => {\n  value.value.splice(i, 1);\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(_TransitionGroup, {\n      \"enter-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"enter-from-class\": \"ds-opacity-0\",\n      \"enter-to-class\": \"ds-opacity-1\",\n      \"leave-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"leave-from-class\": \"ds-opacity-1\",\n      \"leave-to-class\": \"ds-opacity-0\"\n    }, {\n      default: _withCtx(() => [\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(value.value, (toastItem, index) => {\n          return (_openBlock(), _createBlock(BToastItem, {\n            key: `toastItem${index}`,\n            icon: toastItem.icon,\n            text: toastItem.text,\n            type: toastItem.type,\n            class: \"ds-my-2\",\n            onClose: ($event: any) => (onCloseToastItem(index))\n          }, null, 8, [\"icon\", \"text\", \"type\", \"onClose\"]))\n        }), 128))\n      ]),\n      _: 1\n    })\n  ], 512)), [\n    [_vShow, value.value.length > 0]\n  ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","emit","props","value","computed","val","onCloseToastItem","i","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","_createVNode","_TransitionGroup","_withCtx","_Fragment","_renderList","toastItem","index","_createBlock","BToastItem","$event","_vShow"],"mappings":";;AAGA,MAAMA,IAAa,EAAE,OAAO,6CAYAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,CAAC;AAAA,EACf;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAMRG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIG,GAAK;AACP,QAAAJ,EAAK,qBAAqBI,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GAQKC,IAAmB,CAACC,MAAc;AAChC,MAAAJ,EAAA,MAAM,OAAOI,GAAG,CAAC;AAAA,IAAA;AAIlB,WAAA,CAACC,GAAUC,MACTC,GAAiBC,EAAA,GAAcC,EAAoB,OAAOf,GAAY;AAAA,MAC3EgB,EAAaC,GAAkB;AAAA,QAC7B,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,QAClB,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,MAAA,GACjB;AAAA,QACD,SAASC,EAAS,MAAM;AAAA,WACrBJ,EAAW,EAAI,GAAGC,EAAoBI,GAAW,MAAMC,EAAYd,EAAM,OAAO,CAACe,GAAWC,OACnFR,EAAA,GAAcS,EAAaC,GAAY;AAAA,YAC7C,KAAK,YAAYF,CAAK;AAAA,YACtB,MAAMD,EAAU;AAAA,YAChB,MAAMA,EAAU;AAAA,YAChB,MAAMA,EAAU;AAAA,YAChB,OAAO;AAAA,YACP,SAAS,CAACI,MAAiBhB,EAAiBa,CAAK;AAAA,UAAA,GAChD,MAAM,GAAG,CAAC,QAAQ,QAAQ,QAAQ,SAAS,CAAC,EAChD,GAAG,GAAG;AAAA,QAAA,CACR;AAAA,QACD,GAAG;AAAA,MAAA,CACJ;AAAA,IACH,GAAG,GAAG,IAAI;AAAA,MACR,CAACI,GAAQpB,EAAM,MAAM,SAAS,CAAC;AAAA,IAAA,CAChC;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system24.mjs","sources":["../src/components/BToast/BToast.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, createBlock as _createBlock, TransitionGroup as _TransitionGroup, withCtx as _withCtx, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-fixed ds-right-4 ds-top-4 ds-z-[110]\" }\n\nimport type { BToastItemModel } from '@/types';\nimport { computed } from 'vue';\nimport BToastItem from './BToastItem.vue';\n\n//#region Props\nexport interface Props {\n  modelValue: BToastItemModel[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToast',\n  props: {\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Methods\nconst onCloseToastItem = (i: number) => {\n  value.value.splice(i, 1);\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(_TransitionGroup, {\n      \"enter-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"enter-from-class\": \"ds-opacity-0\",\n      \"enter-to-class\": \"ds-opacity-1\",\n      \"leave-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"leave-from-class\": \"ds-opacity-1\",\n      \"leave-to-class\": \"ds-opacity-0\"\n    }, {\n      default: _withCtx(() => [\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(value.value, (toastItem, index) => {\n          return (_openBlock(), _createBlock(BToastItem, {\n            key: `toastItem${index}`,\n            icon: toastItem.icon,\n            text: toastItem.text,\n            type: toastItem.type,\n            class: \"ds-my-2\",\n            onClose: ($event: any) => (onCloseToastItem(index))\n          }, null, 8, [\"icon\", \"text\", \"type\", \"onClose\"]))\n        }), 128))\n      ]),\n      _: 1\n    })\n  ], 512)), [\n    [_vShow, value.value.length > 0]\n  ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__emit","props","value","computed","val","emit","onCloseToastItem","i","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","_createVNode","_TransitionGroup","_withCtx","_Fragment","_renderList","toastItem","index","_createBlock","BToastItem","$event","_vShow"],"mappings":";;AAGA,MAAMA,IAAa,EAAE,OAAO,6CAYAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,CAAC;AAAA,EACf;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIG,GAAK;AACP,QAAAC,EAAK,qBAAqBD,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GAIKC,IAAOL,GAIPM,IAAmB,CAACC,MAAc;AAChC,MAAAL,EAAA,MAAM,OAAOK,GAAG,CAAC;AAAA,IAAA;AAIlB,WAAA,CAACC,GAAUC,MACTC,GAAiBC,EAAA,GAAcC,EAAoB,OAAOhB,GAAY;AAAA,MAC3EiB,EAAaC,GAAkB;AAAA,QAC7B,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,QAClB,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,MAAA,GACjB;AAAA,QACD,SAASC,EAAS,MAAM;AAAA,WACrBJ,EAAW,EAAI,GAAGC,EAAoBI,GAAW,MAAMC,EAAYf,EAAM,OAAO,CAACgB,GAAWC,OACnFR,EAAA,GAAcS,EAAaC,GAAY;AAAA,YAC7C,KAAK,YAAYF,CAAK;AAAA,YACtB,MAAMD,EAAU;AAAA,YAChB,MAAMA,EAAU;AAAA,YAChB,MAAMA,EAAU;AAAA,YAChB,OAAO;AAAA,YACP,SAAS,CAACI,MAAiBhB,EAAiBa,CAAK;AAAA,UAAA,GAChD,MAAM,GAAG,CAAC,QAAQ,QAAQ,QAAQ,SAAS,CAAC,EAChD,GAAG,GAAG;AAAA,QAAA,CACR;AAAA,QACD,GAAG;AAAA,MAAA,CACJ;AAAA,IACH,GAAG,GAAG,IAAI;AAAA,MACR,CAACI,GAAQrB,EAAM,MAAM,SAAS,CAAC;AAAA,IAAA,CAChC;AAAA,EAEH;AAEA,CAAC;"}

package/dist/design-system25.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),u={class:"ds-flex"},p=["onClick"],i=e.defineComponent({__name:"BStepper",props:{headers:{},modelValue:{}},emits:["update:modelValue"],setup(a,{emit:d}){const n=a,l=e.computed({get(){return n.modelValue},set(t){d("update:modelValue",t)}}),c=(t,o)=>{t.clickable&&(l.value=o)};return(t,o)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("ul",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.headers,(r,s)=>(e.openBlock(),e.createElementBlock("li",{key:r.text,class:e.normalizeClass([{"ds-cursor-pointer":r.clickable,"ds-pointer-events-none ds-text-black/40":r.disabled,"ds-text-primary-t":s<l.value,"after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200":s<t.headers.length-1},"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium"]),onClick:m=>c(r,s)},[e.renderSlot(t.$slots,`step-header-${s}`,{text:r.text},()=>[e.createTextVNode(e.toDisplayString(r.text),1)])],10,p))),128))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.headers,(r,s)=>(e.openBlock(),e.createElementBlock("div",{key:r.text,class:e.normalizeClass({"ds-hidden":l.value!==s})},[e.renderSlot(t.$slots,`step-content-${s}`)],2))),128))]))}});module.exports=i;
+"use strict";const e=require("vue"),i={class:"ds-flex"},m=["onClick"],p=e.defineComponent({__name:"BStepper",props:{headers:{},modelValue:{}},emits:["update:modelValue"],setup(a,{emit:d}){const n=a,c=d,l=e.computed({get(){return n.modelValue},set(t){c("update:modelValue",t)}}),u=(t,o)=>{t.clickable&&(l.value=o)};return(t,o)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("ul",i,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.headers,(s,r)=>(e.openBlock(),e.createElementBlock("li",{key:s.text,class:e.normalizeClass([{"ds-cursor-pointer":s.clickable,"ds-pointer-events-none ds-text-black/40":s.disabled,"ds-text-primary-t":r<l.value,"after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200":r<t.headers.length-1},"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium"]),onClick:k=>u(s,r)},[e.renderSlot(t.$slots,`step-header-${r}`,{text:s.text},()=>[e.createTextVNode(e.toDisplayString(s.text),1)])],10,m))),128))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.headers,(s,r)=>(e.openBlock(),e.createElementBlock("div",{key:s.text,class:e.normalizeClass({"ds-hidden":l.value!==r})},[e.renderSlot(t.$slots,`step-content-${r}`)],2))),128))]))}});module.exports=p;
 //# sourceMappingURL=design-system25.js.map

package/dist/design-system25.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system25.js","sources":["../src/components/BStepper.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, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex\" }\nconst _hoisted_2 = [\"onClick\"]\n\nimport type { BStepperHeader } from '@/types';\r\nimport { computed } from 'vue';\r\n\r\n//#region Props\r\ninterface Props {\r\n  /**\r\n   * Array of header objects.\r\n   */\r\n  headers: BStepperHeader[];\r\n  /**\r\n   * Index of step.\r\n   */\r\n  modelValue: number;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BStepper',\n  props: {\n    headers: {},\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\r\n\r\n//#region\r\n\r\n//#region Events\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(val) {\r\n    emit('update:modelValue', val);\r\n  },\r\n});\r\n//#region\r\n\r\n//#region Methods\r\nconst onClickStepperHeader = (header: BStepperHeader, index: number) => {\r\n  if (!header.clickable) {\r\n    return;\r\n  }\r\n  value.value = index;\r\n};\r\n//#region\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.headers, (header, i) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: header.text,\n          class: _normalizeClass([{\r\n          'ds-cursor-pointer': header.clickable,\r\n          'ds-pointer-events-none ds-text-black/40': header.disabled,\r\n          'ds-text-primary-t': i < value.value,\r\n          'after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200':\r\n            i < _ctx.headers.length - 1,\r\n        }, \"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium\"]),\n          onClick: ($event: any) => (onClickStepperHeader(header, i))\n        }, [\n          _renderSlot(_ctx.$slots, `step-header-${i}`, {\n            text: header.text\n          }, () => [\n            _createTextVNode(_toDisplayString(header.text), 1)\n          ])\n        ], 10, _hoisted_2))\n      }), 128))\n    ]),\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (step, i) => {\n      return (_openBlock(), _createElementBlock(\"div\", {\n        key: step.text,\n        class: _normalizeClass({\r\n        'ds-hidden': value.value !== i,\r\n      })\n      }, [\n        _renderSlot(_ctx.$slots, `step-content-${i}`)\n      ], 2))\n    }), 128))\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","emit","props","value","computed","val","onClickStepperHeader","header","index","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","i","_normalizeClass","$event","_renderSlot","_createTextVNode","_toDisplayString","step"],"mappings":"oCAGMA,EAAa,CAAE,MAAO,WACtBC,EAAa,CAAC,SAAS,EAkBDC,EAAiBC,kBAAA,CAC3C,OAAQ,WACR,MAAO,CACL,QAAS,CAAC,EACV,WAAY,CAAC,CACf,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAK,CACPJ,EAAK,oBAAqBI,CAAG,CAC/B,CAAA,CACD,EAIKC,EAAuB,CAACC,EAAwBC,IAAkB,CACjED,EAAO,YAGZJ,EAAM,MAAQK,EAAA,EAIT,MAAA,CAACC,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAO,KAAM,CACrDC,EAAA,mBAAoB,KAAMjB,EAAY,EACnCe,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAE,WAAW,KAAMC,EAAA,WAAYb,EAAM,QAAS,CAACK,EAAQS,KAClFL,EAAA,UAAA,EAAcC,EAAA,mBAAoB,KAAM,CAC9C,IAAKL,EAAO,KACZ,MAAOU,iBAAgB,CAAC,CACxB,oBAAqBV,EAAO,UAC5B,0CAA2CA,EAAO,SAClD,oBAAqBS,EAAIb,EAAM,MAC/B,0IACEa,EAAIP,EAAK,QAAQ,OAAS,CAC9B,EAAG,wEAAwE,CAAC,EAC1E,QAAUS,GAAiBZ,EAAqBC,EAAQS,CAAC,CAAA,EACxD,CACDG,EAAY,WAAAV,EAAK,OAAQ,eAAeO,CAAC,GAAI,CAC3C,KAAMT,EAAO,IAAA,EACZ,IAAM,CACPa,EAAAA,gBAAiBC,EAAAA,gBAAiBd,EAAO,IAAI,EAAG,CAAC,CAAA,CAClD,CAAA,EACA,GAAIV,CAAU,EAClB,EAAG,GAAG,EAAA,CACR,GACAc,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAE,WAAW,KAAMC,EAAA,WAAYN,EAAK,QAAS,CAACa,EAAMN,KAC/EL,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,IAAKU,EAAK,KACV,MAAOL,EAAAA,eAAgB,CACvB,YAAad,EAAM,QAAUa,CAAA,CAC9B,CAAA,EACE,CACDG,EAAY,WAAAV,EAAK,OAAQ,gBAAgBO,CAAC,EAAE,GAC3C,CAAC,EACL,EAAG,GAAG,EAAA,CACR,EAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system25.js","sources":["../src/components/BStepper.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, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex\" }\nconst _hoisted_2 = [\"onClick\"]\n\nimport type { BStepperHeader } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\ninterface Props {\n  /**\n   * Array of header objects.\n   */\n  headers: BStepperHeader[];\n  /**\n   * Index of step.\n   */\n  modelValue: number;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BStepper',\n  props: {\n    headers: {},\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#region\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#region\n\n//#region Methods\nconst onClickStepperHeader = (header: BStepperHeader, index: number) => {\n  if (!header.clickable) {\n    return;\n  }\n  value.value = index;\n};\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.headers, (header, i) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: header.text,\n          class: _normalizeClass([{\n          'ds-cursor-pointer': header.clickable,\n          'ds-pointer-events-none ds-text-black/40': header.disabled,\n          'ds-text-primary-t': i < value.value,\n          'after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200':\n            i < _ctx.headers.length - 1,\n        }, \"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium\"]),\n          onClick: ($event: any) => (onClickStepperHeader(header, i))\n        }, [\n          _renderSlot(_ctx.$slots, `step-header-${i}`, {\n            text: header.text\n          }, () => [\n            _createTextVNode(_toDisplayString(header.text), 1)\n          ])\n        ], 10, _hoisted_2))\n      }), 128))\n    ]),\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (step, i) => {\n      return (_openBlock(), _createElementBlock(\"div\", {\n        key: step.text,\n        class: _normalizeClass({\n        'ds-hidden': value.value !== i,\n      })\n      }, [\n        _renderSlot(_ctx.$slots, `step-content-${i}`)\n      ], 2))\n    }), 128))\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","__emit","props","emit","value","computed","val","onClickStepperHeader","header","index","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","i","_normalizeClass","$event","_renderSlot","_createTextVNode","_toDisplayString","step"],"mappings":"oCAGMA,EAAa,CAAE,MAAO,WACtBC,EAAa,CAAC,SAAS,EAkBDC,EAAiBC,kBAAA,CAC3C,OAAQ,WACR,MAAO,CACL,QAAS,CAAC,EACV,WAAY,CAAC,CACf,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAMC,GAAU,CAExC,MAAMC,EAAQF,EAIRG,EAAOF,EAIPG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOH,EAAM,UACf,EACA,IAAII,EAAK,CACPH,EAAK,oBAAqBG,CAAG,CAC/B,CAAA,CACD,EAIKC,EAAuB,CAACC,EAAwBC,IAAkB,CACjED,EAAO,YAGZJ,EAAM,MAAQK,EAAA,EAIT,MAAA,CAACC,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAO,KAAM,CACrDC,EAAA,mBAAoB,KAAMlB,EAAY,EACnCgB,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAE,WAAW,KAAMC,EAAA,WAAYd,EAAM,QAAS,CAACM,EAAQS,KAClFL,EAAA,UAAA,EAAcC,EAAA,mBAAoB,KAAM,CAC9C,IAAKL,EAAO,KACZ,MAAOU,iBAAgB,CAAC,CACxB,oBAAqBV,EAAO,UAC5B,0CAA2CA,EAAO,SAClD,oBAAqBS,EAAIb,EAAM,MAC/B,0IACEa,EAAIP,EAAK,QAAQ,OAAS,CAC9B,EAAG,wEAAwE,CAAC,EAC1E,QAAUS,GAAiBZ,EAAqBC,EAAQS,CAAC,CAAA,EACxD,CACDG,EAAY,WAAAV,EAAK,OAAQ,eAAeO,CAAC,GAAI,CAC3C,KAAMT,EAAO,IAAA,EACZ,IAAM,CACPa,EAAAA,gBAAiBC,EAAAA,gBAAiBd,EAAO,IAAI,EAAG,CAAC,CAAA,CAClD,CAAA,EACA,GAAIX,CAAU,EAClB,EAAG,GAAG,EAAA,CACR,GACAe,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAE,WAAW,KAAMC,EAAA,WAAYN,EAAK,QAAS,CAACa,EAAMN,KAC/EL,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,IAAKU,EAAK,KACV,MAAOL,EAAAA,eAAgB,CACvB,YAAad,EAAM,QAAUa,CAAA,CAC9B,CAAA,EACE,CACDG,EAAY,WAAAV,EAAK,OAAQ,gBAAgBO,CAAC,EAAE,GAC3C,CAAC,EACL,EAAG,GAAG,EAAA,CACR,EAEH,CAEA,CAAC"}

package/dist/design-system25.mjs

@@ -1,53 +1,53 @@
-import { defineComponent as x, computed as k, openBlock as r, createElementBlock as l, createElementVNode as b, Fragment as a, renderList as u, normalizeClass as c, renderSlot as p, createTextVNode as v, toDisplayString as h } from "vue";
-const V = { class: "ds-flex" }, _ = ["onClick"], C = /* @__PURE__ */ x({
+import { defineComponent as k, computed as b, openBlock as r, createElementBlock as l, createElementVNode as v, Fragment as a, renderList as c, normalizeClass as u, renderSlot as i, createTextVNode as h, toDisplayString as V } from "vue";
+const _ = { class: "ds-flex" }, g = ["onClick"], $ = /* @__PURE__ */ k({
   __name: "BStepper",
   props: {
     headers: {},
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(i, { emit: m }) {
-    const o = i, n = k({
+  setup(p, { emit: m }) {
+    const o = p, f = m, n = b({
       get() {
         return o.modelValue;
       },
       set(e) {
-        m("update:modelValue", e);
+        f("update:modelValue", e);
       }
-    }), f = (e, d) => {
+    }), x = (e, d) => {
       e.clickable && (n.value = d);
     };
     return (e, d) => (r(), l("div", null, [
-      b("ul", V, [
-        (r(!0), l(a, null, u(o.headers, (t, s) => (r(), l("li", {
+      v("ul", _, [
+        (r(!0), l(a, null, c(o.headers, (t, s) => (r(), l("li", {
           key: t.text,
-          class: c([{
+          class: u([{
             "ds-cursor-pointer": t.clickable,
             "ds-pointer-events-none ds-text-black/40": t.disabled,
             "ds-text-primary-t": s < n.value,
             "after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200": s < e.headers.length - 1
           }, "ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium"]),
-          onClick: (g) => f(t, s)
+          onClick: (y) => x(t, s)
         }, [
-          p(e.$slots, `step-header-${s}`, {
+          i(e.$slots, `step-header-${s}`, {
             text: t.text
           }, () => [
-            v(h(t.text), 1)
+            h(V(t.text), 1)
           ])
-        ], 10, _))), 128))
+        ], 10, g))), 128))
       ]),
-      (r(!0), l(a, null, u(e.headers, (t, s) => (r(), l("div", {
+      (r(!0), l(a, null, c(e.headers, (t, s) => (r(), l("div", {
         key: t.text,
-        class: c({
+        class: u({
           "ds-hidden": n.value !== s
         })
       }, [
-        p(e.$slots, `step-content-${s}`)
+        i(e.$slots, `step-content-${s}`)
       ], 2))), 128))
     ]));
   }
 });
 export {
-  C as default
+  $ as default
 };
 //# sourceMappingURL=design-system25.mjs.map

package/dist/design-system25.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system25.mjs","sources":["../src/components/BStepper.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, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex\" }\nconst _hoisted_2 = [\"onClick\"]\n\nimport type { BStepperHeader } from '@/types';\r\nimport { computed } from 'vue';\r\n\r\n//#region Props\r\ninterface Props {\r\n  /**\r\n   * Array of header objects.\r\n   */\r\n  headers: BStepperHeader[];\r\n  /**\r\n   * Index of step.\r\n   */\r\n  modelValue: number;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BStepper',\n  props: {\n    headers: {},\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\r\n\r\n//#region\r\n\r\n//#region Events\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(val) {\r\n    emit('update:modelValue', val);\r\n  },\r\n});\r\n//#region\r\n\r\n//#region Methods\r\nconst onClickStepperHeader = (header: BStepperHeader, index: number) => {\r\n  if (!header.clickable) {\r\n    return;\r\n  }\r\n  value.value = index;\r\n};\r\n//#region\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.headers, (header, i) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: header.text,\n          class: _normalizeClass([{\r\n          'ds-cursor-pointer': header.clickable,\r\n          'ds-pointer-events-none ds-text-black/40': header.disabled,\r\n          'ds-text-primary-t': i < value.value,\r\n          'after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200':\r\n            i < _ctx.headers.length - 1,\r\n        }, \"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium\"]),\n          onClick: ($event: any) => (onClickStepperHeader(header, i))\n        }, [\n          _renderSlot(_ctx.$slots, `step-header-${i}`, {\n            text: header.text\n          }, () => [\n            _createTextVNode(_toDisplayString(header.text), 1)\n          ])\n        ], 10, _hoisted_2))\n      }), 128))\n    ]),\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (step, i) => {\n      return (_openBlock(), _createElementBlock(\"div\", {\n        key: step.text,\n        class: _normalizeClass({\r\n        'ds-hidden': value.value !== i,\r\n      })\n      }, [\n        _renderSlot(_ctx.$slots, `step-content-${i}`)\n      ], 2))\n    }), 128))\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","emit","props","value","computed","val","onClickStepperHeader","header","index","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","i","_normalizeClass","$event","_renderSlot","_createTextVNode","_toDisplayString","step"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,aACtBC,IAAa,CAAC,SAAS,GAkBDC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,CAAC;AAAA,IACV,YAAY,CAAC;AAAA,EACf;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIG,GAAK;AACP,QAAAJ,EAAK,qBAAqBI,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GAIKC,IAAuB,CAACC,GAAwBC,MAAkB;AAClE,MAACD,EAAO,cAGZJ,EAAM,QAAQK;AAAA,IAAA;AAIT,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO,MAAM;AAAA,MACrDC,EAAoB,MAAMjB,GAAY;AAAA,SACnCe,EAAW,EAAI,GAAGC,EAAoBE,GAAW,MAAMC,EAAYb,EAAM,SAAS,CAACK,GAAQS,OAClFL,EAAA,GAAcC,EAAoB,MAAM;AAAA,UAC9C,KAAKL,EAAO;AAAA,UACZ,OAAOU,EAAgB,CAAC;AAAA,YACxB,qBAAqBV,EAAO;AAAA,YAC5B,2CAA2CA,EAAO;AAAA,YAClD,qBAAqBS,IAAIb,EAAM;AAAA,YAC/B,2IACEa,IAAIP,EAAK,QAAQ,SAAS;AAAA,UAC9B,GAAG,wEAAwE,CAAC;AAAA,UAC1E,SAAS,CAACS,MAAiBZ,EAAqBC,GAAQS,CAAC;AAAA,QAAA,GACxD;AAAA,UACDG,EAAYV,EAAK,QAAQ,eAAeO,CAAC,IAAI;AAAA,YAC3C,MAAMT,EAAO;AAAA,UAAA,GACZ,MAAM;AAAA,YACPa,EAAiBC,EAAiBd,EAAO,IAAI,GAAG,CAAC;AAAA,UAAA,CAClD;AAAA,QAAA,GACA,IAAIV,CAAU,EAClB,GAAG,GAAG;AAAA,MAAA,CACR;AAAA,OACAc,EAAW,EAAI,GAAGC,EAAoBE,GAAW,MAAMC,EAAYN,EAAK,SAAS,CAACa,GAAMN,OAC/EL,EAAA,GAAcC,EAAoB,OAAO;AAAA,QAC/C,KAAKU,EAAK;AAAA,QACV,OAAOL,EAAgB;AAAA,UACvB,aAAad,EAAM,UAAUa;AAAA,QAAA,CAC9B;AAAA,MAAA,GACE;AAAA,QACDG,EAAYV,EAAK,QAAQ,gBAAgBO,CAAC,EAAE;AAAA,SAC3C,CAAC,EACL,GAAG,GAAG;AAAA,IAAA,CACR;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system25.mjs","sources":["../src/components/BStepper.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, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex\" }\nconst _hoisted_2 = [\"onClick\"]\n\nimport type { BStepperHeader } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\ninterface Props {\n  /**\n   * Array of header objects.\n   */\n  headers: BStepperHeader[];\n  /**\n   * Index of step.\n   */\n  modelValue: number;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BStepper',\n  props: {\n    headers: {},\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#region\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#region\n\n//#region Methods\nconst onClickStepperHeader = (header: BStepperHeader, index: number) => {\n  if (!header.clickable) {\n    return;\n  }\n  value.value = index;\n};\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.headers, (header, i) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: header.text,\n          class: _normalizeClass([{\n          'ds-cursor-pointer': header.clickable,\n          'ds-pointer-events-none ds-text-black/40': header.disabled,\n          'ds-text-primary-t': i < value.value,\n          'after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200':\n            i < _ctx.headers.length - 1,\n        }, \"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium\"]),\n          onClick: ($event: any) => (onClickStepperHeader(header, i))\n        }, [\n          _renderSlot(_ctx.$slots, `step-header-${i}`, {\n            text: header.text\n          }, () => [\n            _createTextVNode(_toDisplayString(header.text), 1)\n          ])\n        ], 10, _hoisted_2))\n      }), 128))\n    ]),\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (step, i) => {\n      return (_openBlock(), _createElementBlock(\"div\", {\n        key: step.text,\n        class: _normalizeClass({\n        'ds-hidden': value.value !== i,\n      })\n      }, [\n        _renderSlot(_ctx.$slots, `step-content-${i}`)\n      ], 2))\n    }), 128))\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","__emit","props","emit","value","computed","val","onClickStepperHeader","header","index","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","i","_normalizeClass","$event","_renderSlot","_createTextVNode","_toDisplayString","step"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,aACtBC,IAAa,CAAC,SAAS,GAkBDC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,CAAC;AAAA,IACV,YAAY,CAAC;AAAA,EACf;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAOF,GAIPG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOH,EAAM;AAAA,MACf;AAAA,MACA,IAAII,GAAK;AACP,QAAAH,EAAK,qBAAqBG,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GAIKC,IAAuB,CAACC,GAAwBC,MAAkB;AAClE,MAACD,EAAO,cAGZJ,EAAM,QAAQK;AAAA,IAAA;AAIT,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO,MAAM;AAAA,MACrDC,EAAoB,MAAMlB,GAAY;AAAA,SACnCgB,EAAW,EAAI,GAAGC,EAAoBE,GAAW,MAAMC,EAAYd,EAAM,SAAS,CAACM,GAAQS,OAClFL,EAAA,GAAcC,EAAoB,MAAM;AAAA,UAC9C,KAAKL,EAAO;AAAA,UACZ,OAAOU,EAAgB,CAAC;AAAA,YACxB,qBAAqBV,EAAO;AAAA,YAC5B,2CAA2CA,EAAO;AAAA,YAClD,qBAAqBS,IAAIb,EAAM;AAAA,YAC/B,2IACEa,IAAIP,EAAK,QAAQ,SAAS;AAAA,UAC9B,GAAG,wEAAwE,CAAC;AAAA,UAC1E,SAAS,CAACS,MAAiBZ,EAAqBC,GAAQS,CAAC;AAAA,QAAA,GACxD;AAAA,UACDG,EAAYV,EAAK,QAAQ,eAAeO,CAAC,IAAI;AAAA,YAC3C,MAAMT,EAAO;AAAA,UAAA,GACZ,MAAM;AAAA,YACPa,EAAiBC,EAAiBd,EAAO,IAAI,GAAG,CAAC;AAAA,UAAA,CAClD;AAAA,QAAA,GACA,IAAIX,CAAU,EAClB,GAAG,GAAG;AAAA,MAAA,CACR;AAAA,OACAe,EAAW,EAAI,GAAGC,EAAoBE,GAAW,MAAMC,EAAYN,EAAK,SAAS,CAACa,GAAMN,OAC/EL,EAAA,GAAcC,EAAoB,OAAO;AAAA,QAC/C,KAAKU,EAAK;AAAA,QACV,OAAOL,EAAgB;AAAA,UACvB,aAAad,EAAM,UAAUa;AAAA,QAAA,CAC9B;AAAA,MAAA,GACE;AAAA,QACDG,EAAYV,EAAK,QAAQ,gBAAgBO,CAAC,EAAE;AAAA,SAC3C,CAAC,EACL,GAAG,GAAG;AAAA,IAAA,CACR;AAAA,EAEH;AAEA,CAAC;"}

package/dist/design-system26.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system56.js");require("./design-system57.js");const r=require("./design-system58.js"),t=r(e,[["__scopeId","data-v-826818c4"]]);module.exports=t;
+"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;
 //# sourceMappingURL=design-system26.js.map

package/dist/design-system26.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system26.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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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"}

package/dist/design-system26.mjs

@@ -1,8 +1,149 @@
-import o from "./design-system56.mjs";
-import "./design-system57.mjs";
-import r from "./design-system58.mjs";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-826818c4"]]);
+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 = {
+  "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 = {
+  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({
+  __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(() => {
+      if (l.value.length <= 1)
+        return;
+      const s = c.value.clientWidth, o = v.value[0].clientWidth;
+      for (let e = 1; e < l.value.length && l.value.reduce(
+        (t, d) => d.hidden ? t : t + d.width,
+        0
+      ) + o > 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,
+            0
+          ) + l.value[e].width + o <= s)
+            l.value[e].hidden = !1;
+          else
+            break;
+    }), p = _(() => l.value.some((s) => s.hidden)), b = _(() => `menu-id-${V()}`), E = () => {
+      i.value = !i.value;
+    }, L = () => {
+      document.addEventListener("click", k);
+    }, O = () => {
+      document.removeEventListener("click", k);
+    }, k = (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) => ({
+          ...s,
+          hidden: !1,
+          width: 0
+        })
+      ), W(() => {
+        l.value.forEach((s, o) => {
+          s.width = h.value[o].clientWidth;
+        });
+      });
+    }), S(() => {
+      O(), w.unobserve(c.value);
+    }), (s, o) => (a(), 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, {
+          key: `item${e.text}`
+        }, [
+          t === 0 ? (a(), u("li", {
+            key: 0,
+            ref_for: !0,
+            ref_key: "liRefs",
+            ref: h,
+            class: "ds-whitespace-nowrap ds-text-black/[0.85]"
+          }, [
+            f(s.$slots, `item-${t}`, { item: e }, () => [
+              r("a", {
+                href: e.href,
+                title: e.href,
+                class: "hover:ds-text-primary-t"
+              }, R(e.text), 9, F)
+            ]),
+            r("span", P, [
+              f(s.$slots, `separator-${t}`, { item: e }, () => [
+                U
+              ])
+            ]),
+            B(r("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
+            }, " ... ", 2), [
+              [$, p.value]
+            ]),
+            B(r("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]
+            ])
+          ], 512)) : (a(), I(N, {
+            key: 1,
+            disabled: !e.hidden,
+            to: `#${b.value}`
+          }, [
+            r("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", {
+                  href: e.href,
+                  title: e.href,
+                  class: "hover:ds-text-primary-t"
+                }, R(e.text), 9, q)
+              ]),
+              t < ((d = s.items) == null ? void 0 : d.length) - 1 ? (a(), u("span", A, [
+                f(s.$slots, `separator-${t}`, { item: e }, () => [
+                  G
+                ])
+              ])) : T("", !0)
+            ], 512)
+          ], 8, ["disabled", "to"]))
+        ], 64);
+      }), 128))
+    ], 2));
+  }
+});
 export {
-  p as default
+  K as default
 };
 //# sourceMappingURL=design-system26.mjs.map

package/dist/design-system26.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system26.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"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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"}

package/dist/design-system27.js

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

package/dist/design-system27.mjs

@@ -1,15 +1,8 @@
-import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
-import "./design-system59.mjs";
-import "./design-system60.mjs";
-import c from "./design-system58.mjs";
-const s = {}, n = { class: "carousel-item" };
-function a(e, d) {
-  return t(), o("div", n, [
-    r(e.$slots, "default", {}, void 0, !0)
-  ]);
-}
-const f = /* @__PURE__ */ c(s, [["render", a], ["__scopeId", "data-v-a82242b4"]]);
+import o from "./design-system54.mjs";
+import "./design-system55.mjs";
+import r from "./design-system56.mjs";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-826818c4"]]);
 export {
-  f as default
+  p as default
 };
 //# sourceMappingURL=design-system27.mjs.map

package/dist/design-system27.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system27.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"design-system27.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/design-system28.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system61.js");require("./design-system62.js");const r=require("./design-system58.js"),t=r(e,[["__scopeId","data-v-2082b68c"]]);module.exports=t;
+"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;
 //# sourceMappingURL=design-system28.js.map

package/dist/design-system28.mjs

@@ -1,8 +1,15 @@
-import o from "./design-system61.mjs";
-import "./design-system62.mjs";
-import t from "./design-system58.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2082b68c"]]);
+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";
+const s = {}, n = { class: "carousel-item" };
+function a(e, d) {
+  return t(), o("div", n, [
+    r(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const f = /* @__PURE__ */ c(s, [["render", a], ["__scopeId", "data-v-a82242b4"]]);
 export {
-  p as default
+  f as default
 };
 //# sourceMappingURL=design-system28.mjs.map

package/dist/design-system28.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system28.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"design-system28.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/design-system29.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system58.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("./design-system59.js");require("./design-system60.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-2082b68c"]]);module.exports=t;
 //# sourceMappingURL=design-system29.js.map

package/dist/design-system29.mjs

@@ -1,13 +1,8 @@
-import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
-import s from "./design-system58.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, [
-    r(e.$slots, "default")
-  ]);
-}
-const f = /* @__PURE__ */ s(n, [["render", c]]);
+import o from "./design-system59.mjs";
+import "./design-system60.mjs";
+import t from "./design-system56.mjs";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2082b68c"]]);
 export {
-  f as default
+  p as default
 };
 //# sourceMappingURL=design-system29.mjs.map

package/dist/design-system29.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system29.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"design-system29.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/design-system30.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),n={class:"ds-min-h-[1rem]"},c={key:0,class:"ds-text-xs ds-text-red-500"},a=e.defineComponent({__name:"BErrorMessage",props:{errorMessage:{type:[String,Function],default:""}},setup(o){const t=o,s=e.computed(()=>typeof t.errorMessage=="function"?t.errorMessage():t.errorMessage);return(r,l)=>(e.openBlock(),e.createElementBlock("div",n,[s.value||r.$slots.default?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(s.value),1)])])):e.createCommentVNode("",!0)]))}});module.exports=a;
+"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;
 //# sourceMappingURL=design-system30.js.map

package/dist/design-system30.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system30.js","sources":["../src/components/BErrorMessage.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-min-h-[1rem]\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-text-xs ds-text-red-500\"\n}\n\nimport type { ErrorMessageFunction } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BErrorMessageProps {\n  /**\n   * A text or a function returning a text.\n   */\n  errorMessage?: string | ErrorMessageFunction;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BErrorMessage',\n  props: {\n    errorMessage: { type: [String, Function], default: '' }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst message = computed(() =>\n  typeof props.errorMessage === 'function'\n    ? props.errorMessage()\n    : props.errorMessage,\n);\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (message.value || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(message.value), 1)\n          ])\n        ]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","message","computed","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"oCAGMA,EAAa,CAAE,MAAO,mBACtBC,EAAa,CACjB,IAAK,EACL,MAAO,4BACT,EAc4BC,EAAiBC,kBAAA,CAC3C,OAAQ,gBACR,MAAO,CACL,aAAc,CAAE,KAAM,CAAC,OAAQ,QAAQ,EAAG,QAAS,EAAG,CACxD,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAMRE,EAAUC,EAAA,SAAS,IACvB,OAAOF,EAAM,cAAiB,WAC1BA,EAAM,aAAA,EACNA,EAAM,YAAA,EAIL,MAAA,CAACG,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOX,EAAY,CAC1DM,EAAQ,OAASE,EAAK,OAAO,SACzBE,EAAAA,YAAcC,EAAAA,mBAAoB,MAAOV,EAAY,CACpDW,EAAAA,WAAYJ,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CK,EAAAA,gBAAiBC,EAAAA,gBAAiBR,EAAQ,KAAK,EAAG,CAAC,CAAA,CACpD,CAAA,CACF,GACDS,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system30.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}