@7pmlabs/design-system 0.4.8 → 0.4.10

package/dist/design-system56.mjs

@@ -1,5 +1,77 @@
-const e = "";
+import { defineComponent as h, computed as s, openBlock as u, createElementBlock as i, normalizeClass as t, withDirectives as v, createElementVNode as n, vModelCheckbox as k, renderSlot as C, createTextVNode as y, toDisplayString as V, createCommentVNode as B } from "vue";
+import { BCheckboxSize as d } from "./design-system5.mjs";
+import g from "./design-system95.mjs";
+const x = ["id", "disabled", "value"], z = ["for"], S = ["for"], _ = `
+  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t
+  peer-checked:after:ds-opacity-100
+`, N = /* @__PURE__ */ h({
+  __name: "BCheckbox",
+  props: {
+    inputId: { default: "" },
+    inputCssClass: { default: "" },
+    modelValue: { type: [Boolean, Array], default: !1 },
+    label: { default: "" },
+    labelOrphan: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    size: { default: d.Medium }
+  },
+  emits: ["update:modelValue"],
+  setup(c, { emit: p }) {
+    const l = c, a = s(() => l.inputId || `id-${g()}`), o = s({
+      get() {
+        return l.modelValue;
+      },
+      set(e) {
+        p("update:modelValue", e);
+      }
+    }), m = s(() => {
+      let e = "";
+      switch (l.size) {
+        case d.Small:
+          e += "size-sm ";
+          break;
+        case d.Medium:
+        default:
+          e += " ";
+          break;
+      }
+      return e;
+    }), f = s(() => [
+      l.inputCssClass,
+      {
+        "ds-cursor-not-allowed": l.disabled
+      }
+    ]);
+    return (e, r) => (u(), i("div", {
+      class: t([m.value, "b-checkbox ds-flex ds-items-center"])
+    }, [
+      v(n("input", {
+        id: a.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (b) => o.value = b),
+        class: t([f.value, "ds-peer ds-invisible"]),
+        disabled: e.disabled,
+        value: e.$attrs.value,
+        type: "checkbox"
+      }, null, 10, x), [
+        [k, o.value]
+      ]),
+      n("label", {
+        class: t([_, "input-label"]),
+        for: a.value
+      }, null, 8, z),
+      e.label || e.$slots.default ? (u(), i("label", {
+        key: 0,
+        for: e.labelOrphan ? void 0 : a.value,
+        class: "ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"
+      }, [
+        C(e.$slots, "default", {}, () => [
+          y(V(l.label), 1)
+        ], !0)
+      ], 8, S)) : B("", !0)
+    ], 2));
+  }
+});
 export {
-  e as default
+  N as default
 };
 //# sourceMappingURL=design-system56.mjs.map

package/dist/design-system56.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system56.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system56.mjs","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-897b98c2\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  inputCssClass?: string;\n  modelValue: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not check on checkbox.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  size?: `${BCheckboxSize}`;\n}\n\nconst SiblingCssClass = `\n  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t\n  peer-checked:after:ds-opacity-100\n`;\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst cssClassValue = computed(() => {\n  let result = ``;\n\n  switch (props.size) {\n    case BCheckboxSize.Small:\n      result += `size-sm `;\n      break;\n    case BCheckboxSize.Medium:\n    default:\n      result += ` `;\n      break;\n  }\n\n  return result;\n});\nconst inputCssClassValue = computed(() => [\n  props.inputCssClass,\n  {\n    'ds-cursor-not-allowed': props.disabled,\n  },\n]);\n//#endregion\n\n/**\n * Customize checkbox styles, need to hide input tag and style a label which stands for that input\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\n * Support input type=checkbox in Vue\n * https://vuejs.org/guide/essentials/forms#checkbox-1\n */\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([cssClassValue.value, \"b-checkbox ds-flex ds-items-center\"])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      class: _normalizeClass([inputCssClassValue.value, \"ds-peer ds-invisible\"]),\n      disabled: _ctx.disabled,\n      value: _ctx.$attrs.value,\n      type: \"checkbox\"\n    }, null, 10, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      class: _normalizeClass([SiblingCssClass, \"input-label\"]),\n      for: id.value\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","SiblingCssClass","_sfc_main","_defineComponent","BCheckboxSize","__props","emit","props","id","computed","uuid","value","val","cssClassValue","result","inputCssClassValue","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AAIA,MAAMA,IAAa,CAAC,MAAM,YAAY,OAAO,GACvCC,IAAa,CAAC,KAAK,GACnBC,IAAa,CAAC,KAAK,GAoBnBC,IAAkB;AAAA;AAAA;AAAA,GAKIC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,eAAe,EAAE,SAAS,GAAG;AAAA,IAC7B,YAAY,EAAE,MAAM,CAAC,SAAS,KAAK,GAAG,SAAS,GAAM;AAAA,IACrD,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,aAAa,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC7C,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,MAAM,EAAE,SAASC,EAAc,OAAO;AAAA,EACxC;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAKC,EAAS,MAAMF,EAAM,WAAW,MAAMG,GAAM,EAAE,GACnDC,IAAQF,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIK,GAAK;AACP,QAAAN,EAAK,qBAAqBM,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GACKC,IAAgBJ,EAAS,MAAM;AACnC,UAAIK,IAAS;AAEb,cAAQP,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAc;AACP,UAAAU,KAAA;AACV;AAAA,QACF,KAAKV,EAAc;AAAA,QACnB;AACY,UAAAU,KAAA;AACV;AAAA,MACJ;AAEO,aAAAA;AAAA,IAAA,CACR,GACKC,IAAqBN,EAAS,MAAM;AAAA,MACxCF,EAAM;AAAA,MACN;AAAA,QACE,yBAAyBA,EAAM;AAAA,MACjC;AAAA,IAAA,CACD;AAUM,WAAA,CAACS,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgB,CAACP,EAAc,OAAO,oCAAoC,CAAC;AAAA,IAAA,GACjF;AAAA,MACDQ,EAAgBC,EAAoB,SAAS;AAAA,QAC3C,IAAId,EAAG;AAAA,QACP,uBAAuBS,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACM,MAAkBZ,EAAO,QAAQY;AAAA,QACnF,OAAOH,EAAgB,CAACL,EAAmB,OAAO,sBAAsB,CAAC;AAAA,QACzE,UAAUC,EAAK;AAAA,QACf,OAAOA,EAAK,OAAO;AAAA,QACnB,MAAM;AAAA,MAAA,GACL,MAAM,IAAIlB,CAAU,GAAG;AAAA,QACxB,CAAC0B,GAAiBb,EAAM,KAAK;AAAA,MAAA,CAC9B;AAAA,MACDW,EAAoB,SAAS;AAAA,QAC3B,OAAOF,EAAgB,CAACnB,GAAiB,aAAa,CAAC;AAAA,QACvD,KAAKO,EAAG;AAAA,MAAA,GACP,MAAM,GAAGT,CAAU;AAAA,MACrBiB,EAAK,SAASA,EAAK,OAAO,WACtBE,EAAW,GAAGC,EAAoB,SAAS;AAAA,QAC1C,KAAK;AAAA,QACL,KAAKH,EAAK,cAAc,SAAYR,EAAG;AAAA,QACvC,OAAO;AAAA,MAAA,GACN;AAAA,QACDiB,EAAYT,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CU,EAAiBC,EAAiBpB,EAAM,KAAK,GAAG,CAAC;AAAA,WAChD,EAAI;AAAA,SACN,GAAGP,CAAU,KAChB4B,EAAoB,IAAI,EAAI;AAAA,OAC/B,CAAC;AAAA,EAEN;AAEA,CAAC;"}

package/dist/design-system58.js

@@ -1,5 +1,2 @@
-"use strict";const e=require("vue"),a=require("./design-system5.js"),p=require("./design-system94.js"),m=["id","disabled","value"],b=["for"],f=["for"],k=`
-  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t
-  peer-checked:after:ds-opacity-100
-`,h=e.defineComponent({__name:"BCheckbox",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{type:[Boolean,Array],default:!1},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:a.BCheckboxSize.Medium}},emits:["update:modelValue"],setup(r,{emit:u}){const l=r,t=e.computed(()=>l.inputId||`id-${p()}`),o=e.computed({get(){return l.modelValue},set(s){u("update:modelValue",s)}}),n=e.computed(()=>{let s="";switch(l.size){case a.BCheckboxSize.Small:s+="size-sm ";break;case a.BCheckboxSize.Medium:default:s+=" ";break}return s}),i=e.computed(()=>[l.inputCssClass,{"ds-cursor-not-allowed":l.disabled}]);return(s,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([n.value,"b-checkbox ds-flex ds-items-center"])},[e.withDirectives(e.createElementVNode("input",{id:t.value,"onUpdate:modelValue":d[0]||(d[0]=c=>o.value=c),class:e.normalizeClass([i.value,"ds-peer ds-invisible"]),disabled:s.disabled,value:s.$attrs.value,type:"checkbox"},null,10,m),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{class:e.normalizeClass([k,"input-label"]),for:t.value},null,8,b),s.label||s.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:s.labelOrphan?void 0:t.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.label),1)],!0)],8,f)):e.createCommentVNode("",!0)],2))}});module.exports=h;
+"use strict";const e=require("./design-system12.js");module.exports=e;
 //# sourceMappingURL=design-system58.js.map

package/dist/design-system58.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system58.js","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-897b98c2\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  inputCssClass?: string;\n  modelValue: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not check on checkbox.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  size?: `${BCheckboxSize}`;\n}\n\nconst SiblingCssClass = `\n  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t\n  peer-checked:after:ds-opacity-100\n`;\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst cssClassValue = computed(() => {\n  let result = ``;\n\n  switch (props.size) {\n    case BCheckboxSize.Small:\n      result += `size-sm `;\n      break;\n    case BCheckboxSize.Medium:\n    default:\n      result += ` `;\n      break;\n  }\n\n  return result;\n});\nconst inputCssClassValue = computed(() => [\n  props.inputCssClass,\n  {\n    'ds-cursor-not-allowed': props.disabled,\n  },\n]);\n//#endregion\n\n/**\n * Customize checkbox styles, need to hide input tag and style a label which stands for that input\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\n * Support input type=checkbox in Vue\n * https://vuejs.org/guide/essentials/forms#checkbox-1\n */\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([cssClassValue.value, \"b-checkbox ds-flex ds-items-center\"])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      class: _normalizeClass([inputCssClassValue.value, \"ds-peer ds-invisible\"]),\n      disabled: _ctx.disabled,\n      value: _ctx.$attrs.value,\n      type: \"checkbox\"\n    }, null, 10, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      class: _normalizeClass([SiblingCssClass, \"input-label\"]),\n      for: id.value\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","SiblingCssClass","_sfc_main","_defineComponent","BCheckboxSize","__props","emit","props","id","computed","uuid","value","val","cssClassValue","result","inputCssClassValue","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"uGAIMA,EAAa,CAAC,KAAM,WAAY,OAAO,EACvCC,EAAa,CAAC,KAAK,EACnBC,EAAa,CAAC,KAAK,EAoBnBC,EAAkB;AAAA;AAAA;AAAA,EAKIC,EAAiBC,kBAAA,CAC3C,OAAQ,YACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,cAAe,CAAE,QAAS,EAAG,EAC7B,WAAY,CAAE,KAAM,CAAC,QAAS,KAAK,EAAG,QAAS,EAAM,EACrD,MAAO,CAAE,QAAS,EAAG,EACrB,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,EAC7C,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,KAAM,CAAE,QAASC,EAAA,cAAc,MAAO,CACxC,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAKC,WAAS,IAAMF,EAAM,SAAW,MAAMG,GAAM,EAAE,EACnDC,EAAQF,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIK,EAAK,CACPN,EAAK,oBAAqBM,CAAG,CAC/B,CAAA,CACD,EACKC,EAAgBJ,EAAAA,SAAS,IAAM,CACnC,IAAIK,EAAS,GAEb,OAAQP,EAAM,KAAM,CAClB,KAAKH,EAAc,cAAA,MACPU,GAAA,WACV,MACF,KAAKV,EAAAA,cAAc,OACnB,QACYU,GAAA,IACV,KACJ,CAEO,OAAAA,CAAA,CACR,EACKC,EAAqBN,EAAAA,SAAS,IAAM,CACxCF,EAAM,cACN,CACE,wBAAyBA,EAAM,QACjC,CAAA,CACD,EAUM,MAAA,CAACS,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgB,CAACP,EAAc,MAAO,oCAAoC,CAAC,CAAA,EACjF,CACDQ,EAAA,eAAgBC,qBAAoB,QAAS,CAC3C,GAAId,EAAG,MACP,sBAAuBS,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKM,GAAkBZ,EAAO,MAAQY,GACnF,MAAOH,EAAAA,eAAgB,CAACL,EAAmB,MAAO,sBAAsB,CAAC,EACzE,SAAUC,EAAK,SACf,MAAOA,EAAK,OAAO,MACnB,KAAM,UAAA,EACL,KAAM,GAAIlB,CAAU,EAAG,CACxB,CAAC0B,EAAiB,eAAAb,EAAM,KAAK,CAAA,CAC9B,EACDW,EAAAA,mBAAoB,QAAS,CAC3B,MAAOF,EAAA,eAAgB,CAACnB,EAAiB,aAAa,CAAC,EACvD,IAAKO,EAAG,KAAA,EACP,KAAM,EAAGT,CAAU,EACrBiB,EAAK,OAASA,EAAK,OAAO,SACtBE,YAAW,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKH,EAAK,YAAc,OAAYR,EAAG,MACvC,MAAO,oDAAA,EACN,CACDiB,EAAAA,WAAYT,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CU,EAAAA,gBAAiBC,EAAAA,gBAAiBpB,EAAM,KAAK,EAAG,CAAC,GAChD,EAAI,GACN,EAAGP,CAAU,GAChB4B,EAAAA,mBAAoB,GAAI,EAAI,GAC/B,CAAC,EAEN,CAEA,CAAC"}
+{"version":3,"file":"design-system58.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system58.mjs

@@ -1,77 +1,5 @@
-import { defineComponent as h, computed as s, openBlock as u, createElementBlock as i, normalizeClass as t, withDirectives as v, createElementVNode as n, vModelCheckbox as k, renderSlot as C, createTextVNode as y, toDisplayString as V, createCommentVNode as B } from "vue";
-import { BCheckboxSize as d } from "./design-system5.mjs";
-import g from "./design-system94.mjs";
-const x = ["id", "disabled", "value"], z = ["for"], S = ["for"], _ = `
-  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t
-  peer-checked:after:ds-opacity-100
-`, N = /* @__PURE__ */ h({
-  __name: "BCheckbox",
-  props: {
-    inputId: { default: "" },
-    inputCssClass: { default: "" },
-    modelValue: { type: [Boolean, Array], default: !1 },
-    label: { default: "" },
-    labelOrphan: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    size: { default: d.Medium }
-  },
-  emits: ["update:modelValue"],
-  setup(c, { emit: p }) {
-    const l = c, a = s(() => l.inputId || `id-${g()}`), o = s({
-      get() {
-        return l.modelValue;
-      },
-      set(e) {
-        p("update:modelValue", e);
-      }
-    }), m = s(() => {
-      let e = "";
-      switch (l.size) {
-        case d.Small:
-          e += "size-sm ";
-          break;
-        case d.Medium:
-        default:
-          e += " ";
-          break;
-      }
-      return e;
-    }), f = s(() => [
-      l.inputCssClass,
-      {
-        "ds-cursor-not-allowed": l.disabled
-      }
-    ]);
-    return (e, r) => (u(), i("div", {
-      class: t([m.value, "b-checkbox ds-flex ds-items-center"])
-    }, [
-      v(n("input", {
-        id: a.value,
-        "onUpdate:modelValue": r[0] || (r[0] = (b) => o.value = b),
-        class: t([f.value, "ds-peer ds-invisible"]),
-        disabled: e.disabled,
-        value: e.$attrs.value,
-        type: "checkbox"
-      }, null, 10, x), [
-        [k, o.value]
-      ]),
-      n("label", {
-        class: t([_, "input-label"]),
-        for: a.value
-      }, null, 8, z),
-      e.label || e.$slots.default ? (u(), i("label", {
-        key: 0,
-        for: e.labelOrphan ? void 0 : a.value,
-        class: "ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"
-      }, [
-        C(e.$slots, "default", {}, () => [
-          y(V(l.label), 1)
-        ], !0)
-      ], 8, S)) : B("", !0)
-    ], 2));
-  }
-});
+import f from "./design-system12.mjs";
 export {
-  N as default
+  f as default
 };
 //# sourceMappingURL=design-system58.mjs.map

package/dist/design-system58.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system58.mjs","sources":["../src/components/BCheckbox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelCheckbox as _vModelCheckbox, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-897b98c2\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = [\"id\", \"disabled\", \"value\"]\nconst _hoisted_2 = [\"for\"]\nconst _hoisted_3 = [\"for\"]\n\nimport { BCheckboxSize } from '@/constants/Enums';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BCheckboxProps {\n  inputId?: string;\n  inputCssClass?: string;\n  modelValue: boolean | Array<string | number>;\n  label?: string;\n  /**\n   * Clicking on label will not check on checkbox.\n   */\n  labelOrphan?: boolean;\n  disabled?: boolean;\n  size?: `${BCheckboxSize}`;\n}\n\nconst SiblingCssClass = `\n  peer-checked:ds-text-transparent peer-checked:ds-bg-gradient-to-r peer-checked:ds-from-primary-f-stop peer-checked:ds-from-primary-f peer-checked:ds-to-primary-t\n  peer-checked:after:ds-opacity-100\n`;\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BCheckbox',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: { type: [Boolean, Array], default: false },\n    label: { default: '' },\n    labelOrphan: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    size: { default: BCheckboxSize.Medium }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst cssClassValue = computed(() => {\n  let result = ``;\n\n  switch (props.size) {\n    case BCheckboxSize.Small:\n      result += `size-sm `;\n      break;\n    case BCheckboxSize.Medium:\n    default:\n      result += ` `;\n      break;\n  }\n\n  return result;\n});\nconst inputCssClassValue = computed(() => [\n  props.inputCssClass,\n  {\n    'ds-cursor-not-allowed': props.disabled,\n  },\n]);\n//#endregion\n\n/**\n * Customize checkbox styles, need to hide input tag and style a label which stands for that input\n * Example: https://codepen.io/AllThingsSmitty/pen/WjZVjo\n * Support input type=checkbox in Vue\n * https://vuejs.org/guide/essentials/forms#checkbox-1\n */\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([cssClassValue.value, \"b-checkbox ds-flex ds-items-center\"])\n  }, [\n    _withDirectives(_createElementVNode(\"input\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      class: _normalizeClass([inputCssClassValue.value, \"ds-peer ds-invisible\"]),\n      disabled: _ctx.disabled,\n      value: _ctx.$attrs.value,\n      type: \"checkbox\"\n    }, null, 10, _hoisted_1), [\n      [_vModelCheckbox, value.value]\n    ]),\n    _createElementVNode(\"label\", {\n      class: _normalizeClass([SiblingCssClass, \"input-label\"]),\n      for: id.value\n    }, null, 8, _hoisted_2),\n    (_ctx.label || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"label\", {\n          key: 0,\n          for: _ctx.labelOrphan ? undefined : id.value,\n          class: \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"\n        }, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ], true)\n        ], 8, _hoisted_3))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","SiblingCssClass","_sfc_main","_defineComponent","BCheckboxSize","__props","emit","props","id","computed","uuid","value","val","cssClassValue","result","inputCssClassValue","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","$event","_vModelCheckbox","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;AAIA,MAAMA,IAAa,CAAC,MAAM,YAAY,OAAO,GACvCC,IAAa,CAAC,KAAK,GACnBC,IAAa,CAAC,KAAK,GAoBnBC,IAAkB;AAAA;AAAA;AAAA,GAKIC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,eAAe,EAAE,SAAS,GAAG;AAAA,IAC7B,YAAY,EAAE,MAAM,CAAC,SAAS,KAAK,GAAG,SAAS,GAAM;AAAA,IACrD,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,aAAa,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC7C,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,MAAM,EAAE,SAASC,EAAc,OAAO;AAAA,EACxC;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAKC,EAAS,MAAMF,EAAM,WAAW,MAAMG,GAAM,EAAE,GACnDC,IAAQF,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIK,GAAK;AACP,QAAAN,EAAK,qBAAqBM,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GACKC,IAAgBJ,EAAS,MAAM;AACnC,UAAIK,IAAS;AAEb,cAAQP,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAc;AACP,UAAAU,KAAA;AACV;AAAA,QACF,KAAKV,EAAc;AAAA,QACnB;AACY,UAAAU,KAAA;AACV;AAAA,MACJ;AAEO,aAAAA;AAAA,IAAA,CACR,GACKC,IAAqBN,EAAS,MAAM;AAAA,MACxCF,EAAM;AAAA,MACN;AAAA,QACE,yBAAyBA,EAAM;AAAA,MACjC;AAAA,IAAA,CACD;AAUM,WAAA,CAACS,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgB,CAACP,EAAc,OAAO,oCAAoC,CAAC;AAAA,IAAA,GACjF;AAAA,MACDQ,EAAgBC,EAAoB,SAAS;AAAA,QAC3C,IAAId,EAAG;AAAA,QACP,uBAAuBS,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACM,MAAkBZ,EAAO,QAAQY;AAAA,QACnF,OAAOH,EAAgB,CAACL,EAAmB,OAAO,sBAAsB,CAAC;AAAA,QACzE,UAAUC,EAAK;AAAA,QACf,OAAOA,EAAK,OAAO;AAAA,QACnB,MAAM;AAAA,MAAA,GACL,MAAM,IAAIlB,CAAU,GAAG;AAAA,QACxB,CAAC0B,GAAiBb,EAAM,KAAK;AAAA,MAAA,CAC9B;AAAA,MACDW,EAAoB,SAAS;AAAA,QAC3B,OAAOF,EAAgB,CAACnB,GAAiB,aAAa,CAAC;AAAA,QACvD,KAAKO,EAAG;AAAA,MAAA,GACP,MAAM,GAAGT,CAAU;AAAA,MACrBiB,EAAK,SAASA,EAAK,OAAO,WACtBE,EAAW,GAAGC,EAAoB,SAAS;AAAA,QAC1C,KAAK;AAAA,QACL,KAAKH,EAAK,cAAc,SAAYR,EAAG;AAAA,QACvC,OAAO;AAAA,MAAA,GACN;AAAA,QACDiB,EAAYT,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CU,EAAiBC,EAAiBpB,EAAM,KAAK,GAAG,CAAC;AAAA,WAChD,EAAI;AAAA,SACN,GAAGP,CAAU,KAChB4B,EAAoB,IAAI,EAAI;AAAA,OAC/B,CAAC;AAAA,EAEN;AAEA,CAAC;"}
+{"version":3,"file":"design-system58.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system59.js

@@ -1,2 +1,2 @@
-"use strict";const e="";module.exports=e;
+"use strict";const e=require("./design-system13.js");require("./design-system14.js");module.exports=e;
 //# sourceMappingURL=design-system59.js.map

package/dist/design-system59.mjs

@@ -1,5 +1,6 @@
-const e = "";
+import o from "./design-system13.mjs";
+import "./design-system14.mjs";
 export {
-  e as default
+  o as default
 };
 //# sourceMappingURL=design-system59.mjs.map

package/dist/design-system59.mjs.map

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

package/dist/design-system60.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system12.js");module.exports=e;
+"use strict";const e=require("./design-system15.js");module.exports=e;
 //# sourceMappingURL=design-system60.js.map

package/dist/design-system60.mjs

@@ -1,4 +1,4 @@
-import f from "./design-system12.mjs";
+import f from "./design-system15.mjs";
 export {
   f as default
 };

package/dist/design-system61.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system13.js");module.exports=e;
+"use strict";const e=require("./design-system16.js");module.exports=e;
 //# sourceMappingURL=design-system61.js.map

package/dist/design-system61.mjs

@@ -1,4 +1,4 @@
-import f from "./design-system13.mjs";
+import f from "./design-system16.mjs";
 export {
   f as default
 };

package/dist/design-system62.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system14.js");module.exports=e;
+"use strict";const e=require("./design-system17.js");module.exports=e;
 //# sourceMappingURL=design-system62.js.map

package/dist/design-system62.mjs

@@ -1,4 +1,4 @@
-import f from "./design-system14.mjs";
+import f from "./design-system17.mjs";
 export {
   f as default
 };

package/dist/design-system63.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system15.js");module.exports=e;
+"use strict";const e=require("./design-system30.js");module.exports=e;
 //# sourceMappingURL=design-system63.js.map

package/dist/design-system63.mjs

@@ -1,4 +1,4 @@
-import f from "./design-system15.mjs";
+import f from "./design-system30.mjs";
 export {
   f as default
 };

package/dist/design-system64.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system16.js");module.exports=e;
+"use strict";const e=require("./design-system31.js");module.exports=e;
 //# sourceMappingURL=design-system64.js.map

package/dist/design-system64.mjs

@@ -1,4 +1,4 @@
-import f from "./design-system16.mjs";
+import f from "./design-system31.mjs";
 export {
   f as default
 };

package/dist/design-system65.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system29.js");module.exports=e;
+"use strict";const e=require("vue"),i=o=>(e.pushScopeId("data-v-31348ccc"),o=o(),e.popScopeId(),o),r=i(()=>e.createElementVNode("div",{class:"b-loading-bar-indeterminate"},null,-1)),d=[r],n=e.defineComponent({__name:"BLoadingBar",props:{loading:{type:Boolean},height:{default:""},borderRadius:{default:""},absolute:{type:Boolean,default:!1}},setup(o){const t=o,a=e.computed(()=>{const s={opacity:+t.loading,height:"",borderRadius:"",position:"relative"};return t.height&&(s.height=t.height),t.borderRadius&&(s.borderRadius=t.borderRadius),t.absolute&&(s.position="absolute"),s});return(s,c)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(a.value),class:"b-loading-bar"},d,4))}});module.exports=n;
 //# sourceMappingURL=design-system65.js.map

package/dist/design-system65.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system65.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system65.js","sources":["../src/components/BLoadingBar.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-31348ccc\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"b-loading-bar-indeterminate\" }, null, -1))\nconst _hoisted_2 = [\n  _hoisted_1\n]\n\nimport { computed, type StyleValue } from 'vue';\n\n//#region Props\nexport interface BLoadingBarProps {\n  loading: boolean;\n  height?: string;\n  borderRadius?: string;\n  absolute?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingBar',\n  props: {\n    loading: { type: Boolean },\n    height: { default: '' },\n    borderRadius: { default: '' },\n    absolute: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst cssStyle = computed(() => {\n  const result: StyleValue = {\n    opacity: +props.loading,\n    height: '',\n    borderRadius: '',\n    position: 'relative',\n  };\n\n  if (props.height) {\n    result.height = props.height;\n  }\n  if (props.borderRadius) {\n    result.borderRadius = props.borderRadius;\n  }\n  if (props.absolute) {\n    result.position = 'absolute';\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    style: _normalizeStyle(cssStyle.value),\n    class: \"b-loading-bar\"\n  }, _hoisted_2, 4))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_createElementVNode","_hoisted_2","_sfc_main","_defineComponent","__props","props","cssStyle","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":"oCAGMA,MAAqBC,EAAa,YAAA,iBAAiB,EAAEC,EAAEA,IAAIC,EAAAA,aAAcD,GACzEE,EAAwCJ,EAAA,IAAuCK,EAAA,mBAAA,MAAO,CAAE,MAAO,+BAAiC,KAAM,EAAE,CAAC,EACzIC,EAAa,CACjBF,CACF,EAa4BG,EAAiBC,kBAAA,CAC3C,OAAQ,cACR,MAAO,CACL,QAAS,CAAE,KAAM,OAAQ,EACzB,OAAQ,CAAE,QAAS,EAAG,EACtB,aAAc,CAAE,QAAS,EAAG,EAC5B,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAMRE,EAAWC,EAAAA,SAAS,IAAM,CAC9B,MAAMC,EAAqB,CACzB,QAAS,CAACH,EAAM,QAChB,OAAQ,GACR,aAAc,GACd,SAAU,UAAA,EAGZ,OAAIA,EAAM,SACRG,EAAO,OAASH,EAAM,QAEpBA,EAAM,eACRG,EAAO,aAAeH,EAAM,cAE1BA,EAAM,WACRG,EAAO,SAAW,YAGbA,CAAA,CACR,EAGM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgBP,EAAS,KAAK,EACrC,MAAO,eAAA,EACNL,EAAY,CAAC,EAElB,CAEA,CAAC"}

package/dist/design-system65.mjs

@@ -1,5 +1,31 @@
-import f from "./design-system29.mjs";
+import { defineComponent as i, computed as s, openBlock as d, createElementBlock as r, normalizeStyle as l, pushScopeId as n, popScopeId as c, createElementVNode as p } from "vue";
+const u = (o) => (n("data-v-31348ccc"), o = o(), c(), o), h = /* @__PURE__ */ u(() => /* @__PURE__ */ p("div", { class: "b-loading-bar-indeterminate" }, null, -1)), b = [
+  h
+], g = /* @__PURE__ */ i({
+  __name: "BLoadingBar",
+  props: {
+    loading: { type: Boolean },
+    height: { default: "" },
+    borderRadius: { default: "" },
+    absolute: { type: Boolean, default: !1 }
+  },
+  setup(o) {
+    const e = o, a = s(() => {
+      const t = {
+        opacity: +e.loading,
+        height: "",
+        borderRadius: "",
+        position: "relative"
+      };
+      return e.height && (t.height = e.height), e.borderRadius && (t.borderRadius = e.borderRadius), e.absolute && (t.position = "absolute"), t;
+    });
+    return (t, f) => (d(), r("div", {
+      style: l(a.value),
+      class: "b-loading-bar"
+    }, b, 4));
+  }
+});
 export {
-  f as default
+  g as default
 };
 //# sourceMappingURL=design-system65.mjs.map

package/dist/design-system65.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system65.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system65.mjs","sources":["../src/components/BLoadingBar.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-31348ccc\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"b-loading-bar-indeterminate\" }, null, -1))\nconst _hoisted_2 = [\n  _hoisted_1\n]\n\nimport { computed, type StyleValue } from 'vue';\n\n//#region Props\nexport interface BLoadingBarProps {\n  loading: boolean;\n  height?: string;\n  borderRadius?: string;\n  absolute?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingBar',\n  props: {\n    loading: { type: Boolean },\n    height: { default: '' },\n    borderRadius: { default: '' },\n    absolute: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst cssStyle = computed(() => {\n  const result: StyleValue = {\n    opacity: +props.loading,\n    height: '',\n    borderRadius: '',\n    position: 'relative',\n  };\n\n  if (props.height) {\n    result.height = props.height;\n  }\n  if (props.borderRadius) {\n    result.borderRadius = props.borderRadius;\n  }\n  if (props.absolute) {\n    result.position = 'absolute';\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    style: _normalizeStyle(cssStyle.value),\n    class: \"b-loading-bar\"\n  }, _hoisted_2, 4))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_createElementVNode","_hoisted_2","_sfc_main","_defineComponent","__props","props","cssStyle","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";AAGA,MAAMA,IAAe,QAAMC,EAAa,iBAAiB,GAAEC,IAAEA,KAAIC,KAAcD,IACzEE,IAAwC,gBAAAJ,EAAA,MAAuCK,gBAAAA,EAAA,OAAO,EAAE,OAAO,iCAAiC,MAAM,EAAE,CAAC,GACzIC,IAAa;AAAA,EACjBF;AACF,GAa4BG,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,QAAQ,EAAE,SAAS,GAAG;AAAA,IACtB,cAAc,EAAE,SAAS,GAAG;AAAA,IAC5B,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAMRE,IAAWC,EAAS,MAAM;AAC9B,YAAMC,IAAqB;AAAA,QACzB,SAAS,CAACH,EAAM;AAAA,QAChB,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,UAAU;AAAA,MAAA;AAGZ,aAAIA,EAAM,WACRG,EAAO,SAASH,EAAM,SAEpBA,EAAM,iBACRG,EAAO,eAAeH,EAAM,eAE1BA,EAAM,aACRG,EAAO,WAAW,aAGbA;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgBP,EAAS,KAAK;AAAA,MACrC,OAAO;AAAA,IAAA,GACNL,GAAY,CAAC;AAAA,EAElB;AAEA,CAAC;"}

package/dist/design-system66.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system30.js");module.exports=e;
+"use strict";const _="";module.exports=_;
 //# sourceMappingURL=design-system66.js.map

package/dist/design-system66.mjs

@@ -1,5 +1,5 @@
-import f from "./design-system30.mjs";
+const _ = "";
 export {
-  f as default
+  _ as default
 };
 //# sourceMappingURL=design-system66.mjs.map

package/dist/design-system67.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),i=o=>(e.pushScopeId("data-v-31348ccc"),o=o(),e.popScopeId(),o),r=i(()=>e.createElementVNode("div",{class:"b-loading-bar-indeterminate"},null,-1)),d=[r],n=e.defineComponent({__name:"BLoadingBar",props:{loading:{type:Boolean},height:{default:""},borderRadius:{default:""},absolute:{type:Boolean,default:!1}},setup(o){const t=o,a=e.computed(()=>{const s={opacity:+t.loading,height:"",borderRadius:"",position:"relative"};return t.height&&(s.height=t.height),t.borderRadius&&(s.borderRadius=t.borderRadius),t.absolute&&(s.position="absolute"),s});return(s,c)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(a.value),class:"b-loading-bar"},d,4))}});module.exports=n;
+"use strict";const e=require("vue"),a=require("./design-system5.js"),t=require("./design-system37.js"),i=e.defineComponent({__name:"BLoadingOverlay",props:{loading:{type:Boolean},absolute:{type:Boolean,default:!1},spinnerSize:{default:a.BLoadingOverlaySpinnerSize.Medium}},setup(o){const l=o,n=e.computed(()=>l.absolute?"ds-absolute ":"ds-fixed "),r=e.computed(()=>{let s="spinner ";switch(l.spinnerSize){case a.BLoadingOverlaySpinnerSize.Small:s+="ds-w-4 ds-h-4 ";break;case a.BLoadingOverlaySpinnerSize.Large:s+="ds-w-12 ds-h-12 ";break;case a.BLoadingOverlaySpinnerSize.Medium:default:s+="ds-w-8 ds-h-8 "}return s});return(s,c)=>l.absolute?e.withDirectives((e.openBlock(),e.createBlock(t,{key:1,class:e.normalizeClass(n.value)},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(r.value)},null,2)]),_:1},8,["class"])),[[e.vShow,s.loading]]):(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.withDirectives(e.createVNode(t,{class:e.normalizeClass(n.value)},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(r.value)},null,2)]),_:1},8,["class"]),[[e.vShow,s.loading]])]))}});module.exports=i;
 //# sourceMappingURL=design-system67.js.map

package/dist/design-system67.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system67.js","sources":["../src/components/BLoadingBar.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-31348ccc\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"b-loading-bar-indeterminate\" }, null, -1))\nconst _hoisted_2 = [\n  _hoisted_1\n]\n\nimport { computed, type StyleValue } from 'vue';\n\n//#region Props\nexport interface BLoadingBarProps {\n  loading: boolean;\n  height?: string;\n  borderRadius?: string;\n  absolute?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingBar',\n  props: {\n    loading: { type: Boolean },\n    height: { default: '' },\n    borderRadius: { default: '' },\n    absolute: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst cssStyle = computed(() => {\n  const result: StyleValue = {\n    opacity: +props.loading,\n    height: '',\n    borderRadius: '',\n    position: 'relative',\n  };\n\n  if (props.height) {\n    result.height = props.height;\n  }\n  if (props.borderRadius) {\n    result.borderRadius = props.borderRadius;\n  }\n  if (props.absolute) {\n    result.position = 'absolute';\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    style: _normalizeStyle(cssStyle.value),\n    class: \"b-loading-bar\"\n  }, _hoisted_2, 4))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_createElementVNode","_hoisted_2","_sfc_main","_defineComponent","__props","props","cssStyle","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":"oCAGMA,MAAqBC,EAAa,YAAA,iBAAiB,EAAEC,EAAEA,IAAIC,EAAAA,aAAcD,GACzEE,EAAwCJ,EAAA,IAAuCK,EAAA,mBAAA,MAAO,CAAE,MAAO,+BAAiC,KAAM,EAAE,CAAC,EACzIC,EAAa,CACjBF,CACF,EAa4BG,EAAiBC,kBAAA,CAC3C,OAAQ,cACR,MAAO,CACL,QAAS,CAAE,KAAM,OAAQ,EACzB,OAAQ,CAAE,QAAS,EAAG,EACtB,aAAc,CAAE,QAAS,EAAG,EAC5B,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAMRE,EAAWC,EAAAA,SAAS,IAAM,CAC9B,MAAMC,EAAqB,CACzB,QAAS,CAACH,EAAM,QAChB,OAAQ,GACR,aAAc,GACd,SAAU,UAAA,EAGZ,OAAIA,EAAM,SACRG,EAAO,OAASH,EAAM,QAEpBA,EAAM,eACRG,EAAO,aAAeH,EAAM,cAE1BA,EAAM,WACRG,EAAO,SAAW,YAGbA,CAAA,CACR,EAGM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgBP,EAAS,KAAK,EACrC,MAAO,eAAA,EACNL,EAAY,CAAC,EAElB,CAEA,CAAC"}
+{"version":3,"file":"design-system67.js","sources":["../src/components/BLoadingOverlay.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withCtx as _withCtx, createVNode as _createVNode, withDirectives as _withDirectives, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nimport { BLoadingOverlaySpinnerSize } from '@/constants/Enums';\nimport { computed } from 'vue';\nimport BOverlay from './BOverlay.vue';\n\n//#region Props\nexport interface BLoadingOverlayProps {\n  loading: boolean;\n  absolute?: boolean;\n  spinnerSize?: `${BLoadingOverlaySpinnerSize}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingOverlay',\n  props: {\n    loading: { type: Boolean },\n    absolute: { type: Boolean, default: false },\n    spinnerSize: { default: BLoadingOverlaySpinnerSize.Medium }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst overlayCssClass = computed(() => {\n  let result = props.absolute ? `ds-absolute ` : `ds-fixed `;\n  return result;\n});\nconst spinnerCssClass = computed(() => {\n  let result = `spinner `;\n\n  switch (props.spinnerSize) {\n    case BLoadingOverlaySpinnerSize.Small:\n      result += `ds-w-4 ds-h-4 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Large:\n      result += `ds-w-12 ds-h-12 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Medium:\n    default:\n      result += `ds-w-8 ds-h-8 `;\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (!props.absolute)\n    ? (_openBlock(), _createBlock(_Teleport, {\n        key: 0,\n        to: \"body\"\n      }, [\n        _withDirectives(_createVNode(BOverlay, {\n          class: _normalizeClass(overlayCssClass.value)\n        }, {\n          default: _withCtx(() => [\n            _createElementVNode(\"div\", {\n              class: _normalizeClass(spinnerCssClass.value)\n            }, null, 2)\n          ]),\n          _: 1\n        }, 8, [\"class\"]), [\n          [_vShow, _ctx.loading]\n        ])\n      ]))\n    : _withDirectives((_openBlock(), _createBlock(BOverlay, {\n        key: 1,\n        class: _normalizeClass(overlayCssClass.value)\n      }, {\n        default: _withCtx(() => [\n          _createElementVNode(\"div\", {\n            class: _normalizeClass(spinnerCssClass.value)\n          }, null, 2)\n        ]),\n        _: 1\n      }, 8, [\"class\"])), [\n        [_vShow, _ctx.loading]\n      ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","BLoadingOverlaySpinnerSize","__props","props","overlayCssClass","computed","spinnerCssClass","result","_ctx","_cache","_withDirectives","_openBlock","_createBlock","BOverlay","_normalizeClass","_withCtx","_createElementVNode","_vShow","_Teleport","_createVNode"],"mappings":"uGAe4BA,EAAiBC,kBAAA,CAC3C,OAAQ,kBACR,MAAO,CACL,QAAS,CAAE,KAAM,OAAQ,EACzB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,YAAa,CAAE,QAASC,EAAA,2BAA2B,MAAO,CAC5D,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAMRE,EAAkBC,EAAAA,SAAS,IAClBF,EAAM,SAAW,eAAiB,WAEhD,EACKG,EAAkBD,EAAAA,SAAS,IAAM,CACrC,IAAIE,EAAS,WAEb,OAAQJ,EAAM,YAAa,CACzB,KAAKF,EAA2B,2BAAA,MACpBM,GAAA,iBACV,MACF,KAAKN,EAA2B,2BAAA,MACpBM,GAAA,mBACV,MACF,KAAKN,EAAAA,2BAA2B,OAChC,QACYM,GAAA,gBACd,CAEO,OAAAA,CAAA,CACR,EAGM,MAAA,CAACC,EAAUC,IACPN,EAAM,SAkBXO,EAAAA,gBAAiBC,EAAAA,YAAcC,EAAAA,YAAaC,EAAU,CACpD,IAAK,EACL,MAAOC,EAAAA,eAAgBV,EAAgB,KAAK,CAAA,EAC3C,CACD,QAASW,UAAS,IAAM,CACtBC,EAAAA,mBAAoB,MAAO,CACzB,MAAOF,EAAAA,eAAgBR,EAAgB,KAAK,CAAA,EAC3C,KAAM,CAAC,CAAA,CACX,EACD,EAAG,CAAA,EACF,EAAG,CAAC,OAAO,CAAC,GAAI,CACjB,CAACW,EAAQ,MAAAT,EAAK,OAAO,CAAA,CACtB,GA7BAG,EAAW,UAAA,EAAGC,EAAAA,YAAaM,EAAAA,SAAW,CACrC,IAAK,EACL,GAAI,MAAA,EACH,CACDR,EAAA,eAAgBS,cAAaN,EAAU,CACrC,MAAOC,EAAAA,eAAgBV,EAAgB,KAAK,CAAA,EAC3C,CACD,QAASW,UAAS,IAAM,CACtBC,EAAAA,mBAAoB,MAAO,CACzB,MAAOF,EAAAA,eAAgBR,EAAgB,KAAK,CAAA,EAC3C,KAAM,CAAC,CAAA,CACX,EACD,EAAG,CAAA,EACF,EAAG,CAAC,OAAO,CAAC,EAAG,CAChB,CAACW,EAAQ,MAAAT,EAAK,OAAO,CAAA,CACtB,CACF,CAAA,EAeP,CAEA,CAAC"}

package/dist/design-system67.mjs

@@ -1,28 +1,58 @@
-import { defineComponent as i, computed as s, openBlock as d, createElementBlock as r, normalizeStyle as l, pushScopeId as n, popScopeId as c, createElementVNode as p } from "vue";
-const u = (o) => (n("data-v-31348ccc"), o = o(), c(), o), h = /* @__PURE__ */ u(() => /* @__PURE__ */ p("div", { class: "b-loading-bar-indeterminate" }, null, -1)), b = [
-  h
-], g = /* @__PURE__ */ i({
-  __name: "BLoadingBar",
+import { defineComponent as v, computed as r, openBlock as n, createBlock as d, Teleport as y, withDirectives as i, createVNode as h, normalizeClass as s, withCtx as u, createElementVNode as c, vShow as p } from "vue";
+import { BLoadingOverlaySpinnerSize as a } from "./design-system5.mjs";
+import m from "./design-system37.mjs";
+const g = /* @__PURE__ */ v({
+  __name: "BLoadingOverlay",
   props: {
     loading: { type: Boolean },
-    height: { default: "" },
-    borderRadius: { default: "" },
-    absolute: { type: Boolean, default: !1 }
+    absolute: { type: Boolean, default: !1 },
+    spinnerSize: { default: a.Medium }
   },
-  setup(o) {
-    const e = o, a = s(() => {
-      const t = {
-        opacity: +e.loading,
-        height: "",
-        borderRadius: "",
-        position: "relative"
-      };
-      return e.height && (t.height = e.height), e.borderRadius && (t.borderRadius = e.borderRadius), e.absolute && (t.position = "absolute"), t;
+  setup(f) {
+    const l = f, t = r(() => l.absolute ? "ds-absolute " : "ds-fixed "), o = r(() => {
+      let e = "spinner ";
+      switch (l.spinnerSize) {
+        case a.Small:
+          e += "ds-w-4 ds-h-4 ";
+          break;
+        case a.Large:
+          e += "ds-w-12 ds-h-12 ";
+          break;
+        case a.Medium:
+        default:
+          e += "ds-w-8 ds-h-8 ";
+      }
+      return e;
     });
-    return (t, f) => (d(), r("div", {
-      style: l(a.value),
-      class: "b-loading-bar"
-    }, b, 4));
+    return (e, b) => l.absolute ? i((n(), d(m, {
+      key: 1,
+      class: s(t.value)
+    }, {
+      default: u(() => [
+        c("div", {
+          class: s(o.value)
+        }, null, 2)
+      ]),
+      _: 1
+    }, 8, ["class"])), [
+      [p, e.loading]
+    ]) : (n(), d(y, {
+      key: 0,
+      to: "body"
+    }, [
+      i(h(m, {
+        class: s(t.value)
+      }, {
+        default: u(() => [
+          c("div", {
+            class: s(o.value)
+          }, null, 2)
+        ]),
+        _: 1
+      }, 8, ["class"]), [
+        [p, e.loading]
+      ])
+    ]));
   }
 });
 export {

package/dist/design-system67.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system67.mjs","sources":["../src/components/BLoadingBar.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-31348ccc\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = /*#__PURE__*/ _withScopeId(() => /*#__PURE__*/_createElementVNode(\"div\", { class: \"b-loading-bar-indeterminate\" }, null, -1))\nconst _hoisted_2 = [\n  _hoisted_1\n]\n\nimport { computed, type StyleValue } from 'vue';\n\n//#region Props\nexport interface BLoadingBarProps {\n  loading: boolean;\n  height?: string;\n  borderRadius?: string;\n  absolute?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingBar',\n  props: {\n    loading: { type: Boolean },\n    height: { default: '' },\n    borderRadius: { default: '' },\n    absolute: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst cssStyle = computed(() => {\n  const result: StyleValue = {\n    opacity: +props.loading,\n    height: '',\n    borderRadius: '',\n    position: 'relative',\n  };\n\n  if (props.height) {\n    result.height = props.height;\n  }\n  if (props.borderRadius) {\n    result.borderRadius = props.borderRadius;\n  }\n  if (props.absolute) {\n    result.position = 'absolute';\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    style: _normalizeStyle(cssStyle.value),\n    class: \"b-loading-bar\"\n  }, _hoisted_2, 4))\n}\n}\n\n})"],"names":["_withScopeId","_pushScopeId","n","_popScopeId","_hoisted_1","_createElementVNode","_hoisted_2","_sfc_main","_defineComponent","__props","props","cssStyle","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeStyle"],"mappings":";AAGA,MAAMA,IAAe,QAAMC,EAAa,iBAAiB,GAAEC,IAAEA,KAAIC,KAAcD,IACzEE,IAAwC,gBAAAJ,EAAA,MAAuCK,gBAAAA,EAAA,OAAO,EAAE,OAAO,iCAAiC,MAAM,EAAE,CAAC,GACzIC,IAAa;AAAA,EACjBF;AACF,GAa4BG,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,QAAQ,EAAE,SAAS,GAAG;AAAA,IACtB,cAAc,EAAE,SAAS,GAAG;AAAA,IAC5B,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAMRE,IAAWC,EAAS,MAAM;AAC9B,YAAMC,IAAqB;AAAA,QACzB,SAAS,CAACH,EAAM;AAAA,QAChB,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,UAAU;AAAA,MAAA;AAGZ,aAAIA,EAAM,WACRG,EAAO,SAASH,EAAM,SAEpBA,EAAM,iBACRG,EAAO,eAAeH,EAAM,eAE1BA,EAAM,aACRG,EAAO,WAAW,aAGbA;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgBP,EAAS,KAAK;AAAA,MACrC,OAAO;AAAA,IAAA,GACNL,GAAY,CAAC;AAAA,EAElB;AAEA,CAAC;"}
+{"version":3,"file":"design-system67.mjs","sources":["../src/components/BLoadingOverlay.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withCtx as _withCtx, createVNode as _createVNode, withDirectives as _withDirectives, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nimport { BLoadingOverlaySpinnerSize } from '@/constants/Enums';\nimport { computed } from 'vue';\nimport BOverlay from './BOverlay.vue';\n\n//#region Props\nexport interface BLoadingOverlayProps {\n  loading: boolean;\n  absolute?: boolean;\n  spinnerSize?: `${BLoadingOverlaySpinnerSize}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingOverlay',\n  props: {\n    loading: { type: Boolean },\n    absolute: { type: Boolean, default: false },\n    spinnerSize: { default: BLoadingOverlaySpinnerSize.Medium }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst overlayCssClass = computed(() => {\n  let result = props.absolute ? `ds-absolute ` : `ds-fixed `;\n  return result;\n});\nconst spinnerCssClass = computed(() => {\n  let result = `spinner `;\n\n  switch (props.spinnerSize) {\n    case BLoadingOverlaySpinnerSize.Small:\n      result += `ds-w-4 ds-h-4 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Large:\n      result += `ds-w-12 ds-h-12 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Medium:\n    default:\n      result += `ds-w-8 ds-h-8 `;\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (!props.absolute)\n    ? (_openBlock(), _createBlock(_Teleport, {\n        key: 0,\n        to: \"body\"\n      }, [\n        _withDirectives(_createVNode(BOverlay, {\n          class: _normalizeClass(overlayCssClass.value)\n        }, {\n          default: _withCtx(() => [\n            _createElementVNode(\"div\", {\n              class: _normalizeClass(spinnerCssClass.value)\n            }, null, 2)\n          ]),\n          _: 1\n        }, 8, [\"class\"]), [\n          [_vShow, _ctx.loading]\n        ])\n      ]))\n    : _withDirectives((_openBlock(), _createBlock(BOverlay, {\n        key: 1,\n        class: _normalizeClass(overlayCssClass.value)\n      }, {\n        default: _withCtx(() => [\n          _createElementVNode(\"div\", {\n            class: _normalizeClass(spinnerCssClass.value)\n          }, null, 2)\n        ]),\n        _: 1\n      }, 8, [\"class\"])), [\n        [_vShow, _ctx.loading]\n      ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","BLoadingOverlaySpinnerSize","__props","props","overlayCssClass","computed","spinnerCssClass","result","_ctx","_cache","_withDirectives","_openBlock","_createBlock","BOverlay","_normalizeClass","_withCtx","_createElementVNode","_vShow","_Teleport","_createVNode"],"mappings":";;;AAeA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,aAAa,EAAE,SAASC,EAA2B,OAAO;AAAA,EAC5D;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAMRE,IAAkBC,EAAS,MAClBF,EAAM,WAAW,iBAAiB,WAEhD,GACKG,IAAkBD,EAAS,MAAM;AACrC,UAAIE,IAAS;AAEb,cAAQJ,EAAM,aAAa;AAAA,QACzB,KAAKF,EAA2B;AACpB,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAA2B;AACpB,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAA2B;AAAA,QAChC;AACY,UAAAM,KAAA;AAAA,MACd;AAEO,aAAAA;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,MACPN,EAAM,WAkBXO,GAAiBC,KAAcC,EAAaC,GAAU;AAAA,MACpD,KAAK;AAAA,MACL,OAAOC,EAAgBV,EAAgB,KAAK;AAAA,IAAA,GAC3C;AAAA,MACD,SAASW,EAAS,MAAM;AAAA,QACtBC,EAAoB,OAAO;AAAA,UACzB,OAAOF,EAAgBR,EAAgB,KAAK;AAAA,QAAA,GAC3C,MAAM,CAAC;AAAA,MAAA,CACX;AAAA,MACD,GAAG;AAAA,IAAA,GACF,GAAG,CAAC,OAAO,CAAC,IAAI;AAAA,MACjB,CAACW,GAAQT,EAAK,OAAO;AAAA,IAAA,CACtB,KA7BAG,EAAW,GAAGC,EAAaM,GAAW;AAAA,MACrC,KAAK;AAAA,MACL,IAAI;AAAA,IAAA,GACH;AAAA,MACDR,EAAgBS,EAAaN,GAAU;AAAA,QACrC,OAAOC,EAAgBV,EAAgB,KAAK;AAAA,MAAA,GAC3C;AAAA,QACD,SAASW,EAAS,MAAM;AAAA,UACtBC,EAAoB,OAAO;AAAA,YACzB,OAAOF,EAAgBR,EAAgB,KAAK;AAAA,UAAA,GAC3C,MAAM,CAAC;AAAA,QAAA,CACX;AAAA,QACD,GAAG;AAAA,MAAA,GACF,GAAG,CAAC,OAAO,CAAC,GAAG;AAAA,QAChB,CAACW,GAAQT,EAAK,OAAO;AAAA,MAAA,CACtB;AAAA,IACF,CAAA;AAAA,EAeP;AAEA,CAAC;"}

package/dist/design-system68.js

@@ -1,2 +1,2 @@
-"use strict";const _="";module.exports=_;
+"use strict";const e="";module.exports=e;
 //# sourceMappingURL=design-system68.js.map

package/dist/design-system68.mjs

@@ -1,5 +1,5 @@
-const _ = "";
+const e = "";
 export {
-  _ as default
+  e as default
 };
 //# sourceMappingURL=design-system68.mjs.map

package/dist/design-system69.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),a=require("./design-system5.js"),t=require("./design-system36.js"),i=e.defineComponent({__name:"BLoadingOverlay",props:{loading:{type:Boolean},absolute:{type:Boolean,default:!1},spinnerSize:{default:a.BLoadingOverlaySpinnerSize.Medium}},setup(o){const l=o,n=e.computed(()=>l.absolute?"ds-absolute ":"ds-fixed "),r=e.computed(()=>{let s="spinner ";switch(l.spinnerSize){case a.BLoadingOverlaySpinnerSize.Small:s+="ds-w-4 ds-h-4 ";break;case a.BLoadingOverlaySpinnerSize.Large:s+="ds-w-12 ds-h-12 ";break;case a.BLoadingOverlaySpinnerSize.Medium:default:s+="ds-w-8 ds-h-8 "}return s});return(s,c)=>l.absolute?e.withDirectives((e.openBlock(),e.createBlock(t,{key:1,class:e.normalizeClass(n.value)},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(r.value)},null,2)]),_:1},8,["class"])),[[e.vShow,s.loading]]):(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:"body"},[e.withDirectives(e.createVNode(t,{class:e.normalizeClass(n.value)},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(r.value)},null,2)]),_:1},8,["class"]),[[e.vShow,s.loading]])]))}});module.exports=i;
+"use strict";const e=require("./design-system18.js");module.exports=e;
 //# sourceMappingURL=design-system69.js.map

package/dist/design-system69.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system69.js","sources":["../src/components/BLoadingOverlay.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, vShow as _vShow, withCtx as _withCtx, createVNode as _createVNode, withDirectives as _withDirectives, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nimport { BLoadingOverlaySpinnerSize } from '@/constants/Enums';\nimport { computed } from 'vue';\nimport BOverlay from './BOverlay.vue';\n\n//#region Props\nexport interface BLoadingOverlayProps {\n  loading: boolean;\n  absolute?: boolean;\n  spinnerSize?: `${BLoadingOverlaySpinnerSize}`;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLoadingOverlay',\n  props: {\n    loading: { type: Boolean },\n    absolute: { type: Boolean, default: false },\n    spinnerSize: { default: BLoadingOverlaySpinnerSize.Medium }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst overlayCssClass = computed(() => {\n  let result = props.absolute ? `ds-absolute ` : `ds-fixed `;\n  return result;\n});\nconst spinnerCssClass = computed(() => {\n  let result = `spinner `;\n\n  switch (props.spinnerSize) {\n    case BLoadingOverlaySpinnerSize.Small:\n      result += `ds-w-4 ds-h-4 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Large:\n      result += `ds-w-12 ds-h-12 `;\n      break;\n    case BLoadingOverlaySpinnerSize.Medium:\n    default:\n      result += `ds-w-8 ds-h-8 `;\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (!props.absolute)\n    ? (_openBlock(), _createBlock(_Teleport, {\n        key: 0,\n        to: \"body\"\n      }, [\n        _withDirectives(_createVNode(BOverlay, {\n          class: _normalizeClass(overlayCssClass.value)\n        }, {\n          default: _withCtx(() => [\n            _createElementVNode(\"div\", {\n              class: _normalizeClass(spinnerCssClass.value)\n            }, null, 2)\n          ]),\n          _: 1\n        }, 8, [\"class\"]), [\n          [_vShow, _ctx.loading]\n        ])\n      ]))\n    : _withDirectives((_openBlock(), _createBlock(BOverlay, {\n        key: 1,\n        class: _normalizeClass(overlayCssClass.value)\n      }, {\n        default: _withCtx(() => [\n          _createElementVNode(\"div\", {\n            class: _normalizeClass(spinnerCssClass.value)\n          }, null, 2)\n        ]),\n        _: 1\n      }, 8, [\"class\"])), [\n        [_vShow, _ctx.loading]\n      ])\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","BLoadingOverlaySpinnerSize","__props","props","overlayCssClass","computed","spinnerCssClass","result","_ctx","_cache","_withDirectives","_openBlock","_createBlock","BOverlay","_normalizeClass","_withCtx","_createElementVNode","_vShow","_Teleport","_createVNode"],"mappings":"uGAe4BA,EAAiBC,kBAAA,CAC3C,OAAQ,kBACR,MAAO,CACL,QAAS,CAAE,KAAM,OAAQ,EACzB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,YAAa,CAAE,QAASC,EAAA,2BAA2B,MAAO,CAC5D,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAMRE,EAAkBC,EAAAA,SAAS,IAClBF,EAAM,SAAW,eAAiB,WAEhD,EACKG,EAAkBD,EAAAA,SAAS,IAAM,CACrC,IAAIE,EAAS,WAEb,OAAQJ,EAAM,YAAa,CACzB,KAAKF,EAA2B,2BAAA,MACpBM,GAAA,iBACV,MACF,KAAKN,EAA2B,2BAAA,MACpBM,GAAA,mBACV,MACF,KAAKN,EAAAA,2BAA2B,OAChC,QACYM,GAAA,gBACd,CAEO,OAAAA,CAAA,CACR,EAGM,MAAA,CAACC,EAAUC,IACPN,EAAM,SAkBXO,EAAAA,gBAAiBC,EAAAA,YAAcC,EAAAA,YAAaC,EAAU,CACpD,IAAK,EACL,MAAOC,EAAAA,eAAgBV,EAAgB,KAAK,CAAA,EAC3C,CACD,QAASW,UAAS,IAAM,CACtBC,EAAAA,mBAAoB,MAAO,CACzB,MAAOF,EAAAA,eAAgBR,EAAgB,KAAK,CAAA,EAC3C,KAAM,CAAC,CAAA,CACX,EACD,EAAG,CAAA,EACF,EAAG,CAAC,OAAO,CAAC,GAAI,CACjB,CAACW,EAAQ,MAAAT,EAAK,OAAO,CAAA,CACtB,GA7BAG,EAAW,UAAA,EAAGC,EAAAA,YAAaM,EAAAA,SAAW,CACrC,IAAK,EACL,GAAI,MAAA,EACH,CACDR,EAAA,eAAgBS,cAAaN,EAAU,CACrC,MAAOC,EAAAA,eAAgBV,EAAgB,KAAK,CAAA,EAC3C,CACD,QAASW,UAAS,IAAM,CACtBC,EAAAA,mBAAoB,MAAO,CACzB,MAAOF,EAAAA,eAAgBR,EAAgB,KAAK,CAAA,EAC3C,KAAM,CAAC,CAAA,CACX,EACD,EAAG,CAAA,EACF,EAAG,CAAC,OAAO,CAAC,EAAG,CAChB,CAACW,EAAQ,MAAAT,EAAK,OAAO,CAAA,CACtB,CACF,CAAA,EAeP,CAEA,CAAC"}
+{"version":3,"file":"design-system69.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}