@7pmlabs/design-system 0.8.1 → 1.0.0

package/dist/design-system.mjs

@@ -45,52 +45,52 @@ import { default as to } from "./design-system45.mjs";
 import { default as ao } from "./design-system46.mjs";
 import { default as lo } from "./design-system47.mjs";
 export {
-  xe as BBreadcrumb,
+  Be as BBreadcrumb,
   K as BButton,
   u as BButtonSize,
   x as BButtonType,
-  ce as BCarousel,
-  be as BCarouselItem,
-  ge as BCheckbox,
+  Se as BCarousel,
+  ce as BCarouselItem,
+  be as BCheckbox,
   n as BCheckboxSize,
   U as BCollapse,
   ao as BCurrencyField,
-  Se as BDatePicker,
+  xe as BDatePicker,
   S as BDatePickerView,
   Y as BDropdown,
-  De as BDropdownContent,
+  ge as BDropdownContent,
   A as BDropdownItem,
-  J as BErrorMessage,
+  De as BErrorMessage,
   eo as BImagePicker,
   to as BImagePreview,
-  W as BLabel,
+  J as BLabel,
   ze as BLoadingBar,
   Fe as BLoadingOverlay,
   T as BLoadingOverlaySpinnerSize,
-  _ as BModal,
+  W as BModal,
   Ve as BModalBody,
   we as BModalFooter,
   Oe as BModalHeader,
   c as BModalSize,
-  ee as BMultiSelect,
-  te as BOtpField,
+  _ as BMultiSelect,
+  ee as BOtpField,
   he as BOverlay,
-  ae as BPagination,
+  te as BPagination,
   y as BPaginationSize,
   qe as BRadio,
   b as BRadioSize,
-  le as BSelect,
+  ae as BSelect,
   P as BSelectSize,
-  Be as BStepper,
+  me as BStepper,
   lo as BSwitch,
   Ke as BTab,
   Ue as BTabs,
   g as BTextEditorExtension,
   Ye as BTextField,
-  se as BTextarea,
+  le as BTextarea,
   We as BTimeline,
   _e as BTimelineItem,
-  me as BToast,
+  se as BToast,
   Ae as BToastItem,
   I as BToastItemType,
   Je as BTooltip,

package/dist/design-system10.mjs

@@ -34,7 +34,7 @@ const m = ["disabled"], f = { key: 0 }, y = { class: "ds-flex-auto" }, g = { key
           break;
         case o.Medium:
         default:
-          e += d.type !== s.Icon ? "ds-text-sm ds-leading-4 ds-py-3.5 lg:ds-py-3 ds-px-4 " : "ds-text-2xl ds-leading-4 ds-h-11 ds-w-11 lg:ds-h-10 lg:ds-w-10 ";
+          e += d.type !== s.Icon ? "ds-text-sm ds-leading-4 ds-py-3 ds-px-4 " : "ds-text-2xl ds-leading-4 ds-h-10 ds-w-10 ";
           break;
       }
       return e;

package/dist/design-system10.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system10.mjs","sources":["../src/components/BButton.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = [\"disabled\"]\nconst _hoisted_2 = { key: 0 }\nconst _hoisted_3 = { class: \"ds-flex-auto\" }\nconst _hoisted_4 = { key: 1 }\n\nimport { BButtonSize, BButtonType } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BButtonProps {\n  /**\n   * Button type.\n   */\n  type?: `${BButtonType}`;\n  /**\n   * Button size.\n   */\n  size?: `${BButtonSize}`;\n  disabled?: boolean;\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BButton',\n  props: {\n    type: { default: BButtonType.Secondary },\n    size: { default: BButtonSize.Medium },\n    disabled: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst btnCssClass = computed(() => {\n  let result = 'ds-font-semibold ds-text-center ds-transition-all ';\n  result += 'disabled:ds-cursor-not-allowed ';\n\n  switch (props.type) {\n    case BButtonType.Primary:\n    default:\n      result += `ds-bg-gradient-to-r ds-from-primary-f-stop enabled:hover:ds-from-primary-f/90 enabled:hover:ds-to-primary-t/90 disabled:ds-text-black/40 ds-rounded-lg ds-text-white focus-visible:ds-to-primary-t/90 `;\n      result += props.disabled\n        ? `ds-bg-gray-150 `\n        : `ds-from-primary-f ds-to-primary-t `;\n      break;\n    case BButtonType.Secondary:\n      result += `ds-rounded-lg ds-bg-transparent ds-text-primary-t enabled:hover:ds-bg-blue-light disabled:ds-text-black/[0.4] focus-visible:ds-bg-blue-light `;\n      result += props.disabled\n        ? `ds-border-inner-secondary--disabled `\n        : `ds-border-inner-secondary `;\n      break;\n    case BButtonType.Additional:\n      result += `ds-rounded-lg ds-bg-transparent ds-text-black/[0.85] enabled:hover:ds-bg-gray-150 disabled:ds-text-black/[0.4] focus-visible:ds-bg-gray-150 `;\n      result += props.disabled\n        ? `ds-border-inner-additional--disabled `\n        : `ds-border-inner-additional `;\n      break;\n    case BButtonType.Clear:\n      result += `ds-rounded-lg ds-bg-transparent ds-text-primary-t enabled:hover:ds-bg-blue-light disabled:ds-text-black/[0.4] focus-visible:ds-bg-blue-light `;\n      break;\n    case BButtonType.Icon:\n      result += `ds-bg-gradient-to-r ds-from-primary-f-stop enabled:hover:ds-from-primary-f/90 enabled:hover:ds-to-primary-t/90 disabled:ds-text-black/40 ds-rounded-full ds-rounded-full ds-text-white focus-visible:ds-from-primary-f/90 focus-visible:ds-to-primary-t/90 `;\n      result += props.disabled\n        ? `disabled:ds-bg-gray-150 `\n        : `ds-from-primary-f ds-to-primary-t `;\n      break;\n  }\n\n  switch (props.size) {\n    case BButtonSize.Small:\n      result +=\n        props.type !== BButtonType.Icon\n          ? `ds-text-sm ds-leading-4 ds-py-2 ds-px-3 `\n          : `ds-text-base ds-leading-4 ds-h-8 ds-w-8 `;\n      break;\n    case BButtonSize.Medium:\n    default:\n      result +=\n        props.type !== BButtonType.Icon\n          ? `ds-text-sm ds-leading-4 ds-py-3.5 lg:ds-py-3 ds-px-4 `\n          : `ds-text-2xl ds-leading-4 ds-h-11 ds-w-11 lg:ds-h-10 lg:ds-w-10 `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"button\", {\n    class: _normalizeClass([btnCssClass.value, \"ds-inline-flex ds-items-center ds-justify-center ds-gap-x-2\"]),\n    disabled: _ctx.disabled,\n    type: \"button\"\n  }, [\n    (_ctx.$slots['prependIcon'])\n      ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, [\n          _renderSlot(_ctx.$slots, \"prependIcon\")\n        ]))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"span\", _hoisted_3, [\n      _renderSlot(_ctx.$slots, \"default\")\n    ]),\n    (_ctx.$slots['appendIcon'])\n      ? (_openBlock(), _createElementBlock(\"span\", _hoisted_4, [\n          _renderSlot(_ctx.$slots, \"appendIcon\")\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 10, _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","BButtonType","BButtonSize","__props","props","btnCssClass","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createCommentVNode","_createElementVNode"],"mappings":";;AAGA,MAAMA,IAAa,CAAC,UAAU,GACxBC,IAAa,EAAE,KAAK,KACpBC,IAAa,EAAE,OAAO,kBACtBC,IAAa,EAAE,KAAK,KAmBEC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,EAAE,SAASC,EAAY,UAAU;AAAA,IACvC,MAAM,EAAE,SAASC,EAAY,OAAO;AAAA,IACpC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAcC,EAAS,MAAM;AACjC,UAAIC,IAAS;AAGb,cAFUA,KAAA,mCAEFH,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAY;AAAA,QACjB;AACY,UAAAM,KAAA,0MACAA,KAAAH,EAAM,WACZ,oBACA;AACJ;AAAA,QACF,KAAKH,EAAY;AACL,UAAAM,KAAA,iJACAA,KAAAH,EAAM,WACZ,yCACA;AACJ;AAAA,QACF,KAAKH,EAAY;AACL,UAAAM,KAAA,gJACAA,KAAAH,EAAM,WACZ,0CACA;AACJ;AAAA,QACF,KAAKH,EAAY;AACL,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAAY;AACL,UAAAM,KAAA,+PACAA,KAAAH,EAAM,WACZ,6BACA;AACJ;AAAA,MACJ;AAEA,cAAQA,EAAM,MAAM;AAAA,QAClB,KAAKF,EAAY;AACf,UAAAK,KACEH,EAAM,SAASH,EAAY,OACvB,6CACA;AACN;AAAA,QACF,KAAKC,EAAY;AAAA,QACjB;AACE,UAAAK,KACEH,EAAM,SAASH,EAAY,OACvB,0DACA;AACN;AAAA,MACJ;AAEO,aAAAM;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,UAAU;AAAA,MAClD,OAAOC,EAAgB,CAACP,EAAY,OAAO,6DAA6D,CAAC;AAAA,MACzG,UAAUG,EAAK;AAAA,MACf,MAAM;AAAA,IAAA,GACL;AAAA,MACAA,EAAK,OAAO,eACRE,KAAcC,EAAoB,QAAQf,GAAY;AAAA,QACrDiB,EAAYL,EAAK,QAAQ,aAAa;AAAA,MAAA,CACvC,KACDM,EAAoB,IAAI,EAAI;AAAA,MAChCC,EAAoB,QAAQlB,GAAY;AAAA,QACtCgB,EAAYL,EAAK,QAAQ,SAAS;AAAA,MAAA,CACnC;AAAA,MACAA,EAAK,OAAO,cACRE,KAAcC,EAAoB,QAAQb,GAAY;AAAA,QACrDe,EAAYL,EAAK,QAAQ,YAAY;AAAA,MAAA,CACtC,KACDM,EAAoB,IAAI,EAAI;AAAA,IAAA,GAC/B,IAAInB,CAAU;AAAA,EAEnB;AAEA,CAAC;"}
+{"version":3,"file":"design-system10.mjs","sources":["../src/components/BButton.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = [\"disabled\"]\nconst _hoisted_2 = { key: 0 }\nconst _hoisted_3 = { class: \"ds-flex-auto\" }\nconst _hoisted_4 = { key: 1 }\n\nimport { BButtonSize, BButtonType } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BButtonProps {\n  /**\n   * Button type.\n   */\n  type?: `${BButtonType}`;\n  /**\n   * Button size.\n   */\n  size?: `${BButtonSize}`;\n  disabled?: boolean;\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BButton',\n  props: {\n    type: { default: BButtonType.Secondary },\n    size: { default: BButtonSize.Medium },\n    disabled: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst btnCssClass = computed(() => {\n  let result = 'ds-font-semibold ds-text-center ds-transition-all ';\n  result += 'disabled:ds-cursor-not-allowed ';\n\n  switch (props.type) {\n    case BButtonType.Primary:\n    default:\n      result += `ds-bg-gradient-to-r ds-from-primary-f-stop enabled:hover:ds-from-primary-f/90 enabled:hover:ds-to-primary-t/90 disabled:ds-text-black/40 ds-rounded-lg ds-text-white focus-visible:ds-to-primary-t/90 `;\n      result += props.disabled\n        ? `ds-bg-gray-150 `\n        : `ds-from-primary-f ds-to-primary-t `;\n      break;\n    case BButtonType.Secondary:\n      result += `ds-rounded-lg ds-bg-transparent ds-text-primary-t enabled:hover:ds-bg-blue-light disabled:ds-text-black/[0.4] focus-visible:ds-bg-blue-light `;\n      result += props.disabled\n        ? `ds-border-inner-secondary--disabled `\n        : `ds-border-inner-secondary `;\n      break;\n    case BButtonType.Additional:\n      result += `ds-rounded-lg ds-bg-transparent ds-text-black/[0.85] enabled:hover:ds-bg-gray-150 disabled:ds-text-black/[0.4] focus-visible:ds-bg-gray-150 `;\n      result += props.disabled\n        ? `ds-border-inner-additional--disabled `\n        : `ds-border-inner-additional `;\n      break;\n    case BButtonType.Clear:\n      result += `ds-rounded-lg ds-bg-transparent ds-text-primary-t enabled:hover:ds-bg-blue-light disabled:ds-text-black/[0.4] focus-visible:ds-bg-blue-light `;\n      break;\n    case BButtonType.Icon:\n      result += `ds-bg-gradient-to-r ds-from-primary-f-stop enabled:hover:ds-from-primary-f/90 enabled:hover:ds-to-primary-t/90 disabled:ds-text-black/40 ds-rounded-full ds-rounded-full ds-text-white focus-visible:ds-from-primary-f/90 focus-visible:ds-to-primary-t/90 `;\n      result += props.disabled\n        ? `disabled:ds-bg-gray-150 `\n        : `ds-from-primary-f ds-to-primary-t `;\n      break;\n  }\n\n  switch (props.size) {\n    case BButtonSize.Small:\n      result +=\n        props.type !== BButtonType.Icon\n          ? `ds-text-sm ds-leading-4 ds-py-2 ds-px-3 `\n          : `ds-text-base ds-leading-4 ds-h-8 ds-w-8 `;\n      break;\n    case BButtonSize.Medium:\n    default:\n      result +=\n        props.type !== BButtonType.Icon\n          ? `ds-text-sm ds-leading-4 ds-py-3 ds-px-4 `\n          : `ds-text-2xl ds-leading-4 ds-h-10 ds-w-10 `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"button\", {\n    class: _normalizeClass([btnCssClass.value, \"ds-inline-flex ds-items-center ds-justify-center ds-gap-x-2\"]),\n    disabled: _ctx.disabled,\n    type: \"button\"\n  }, [\n    (_ctx.$slots['prependIcon'])\n      ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, [\n          _renderSlot(_ctx.$slots, \"prependIcon\")\n        ]))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"span\", _hoisted_3, [\n      _renderSlot(_ctx.$slots, \"default\")\n    ]),\n    (_ctx.$slots['appendIcon'])\n      ? (_openBlock(), _createElementBlock(\"span\", _hoisted_4, [\n          _renderSlot(_ctx.$slots, \"appendIcon\")\n        ]))\n      : _createCommentVNode(\"\", true)\n  ], 10, _hoisted_1))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","BButtonType","BButtonSize","__props","props","btnCssClass","computed","result","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createCommentVNode","_createElementVNode"],"mappings":";;AAGA,MAAMA,IAAa,CAAC,UAAU,GACxBC,IAAa,EAAE,KAAK,KACpBC,IAAa,EAAE,OAAO,kBACtBC,IAAa,EAAE,KAAK,KAmBEC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,EAAE,SAASC,EAAY,UAAU;AAAA,IACvC,MAAM,EAAE,SAASC,EAAY,OAAO;AAAA,IACpC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAcC,EAAS,MAAM;AACjC,UAAIC,IAAS;AAGb,cAFUA,KAAA,mCAEFH,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAY;AAAA,QACjB;AACY,UAAAM,KAAA,0MACAA,KAAAH,EAAM,WACZ,oBACA;AACJ;AAAA,QACF,KAAKH,EAAY;AACL,UAAAM,KAAA,iJACAA,KAAAH,EAAM,WACZ,yCACA;AACJ;AAAA,QACF,KAAKH,EAAY;AACL,UAAAM,KAAA,gJACAA,KAAAH,EAAM,WACZ,0CACA;AACJ;AAAA,QACF,KAAKH,EAAY;AACL,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAAY;AACL,UAAAM,KAAA,+PACAA,KAAAH,EAAM,WACZ,6BACA;AACJ;AAAA,MACJ;AAEA,cAAQA,EAAM,MAAM;AAAA,QAClB,KAAKF,EAAY;AACf,UAAAK,KACEH,EAAM,SAASH,EAAY,OACvB,6CACA;AACN;AAAA,QACF,KAAKC,EAAY;AAAA,QACjB;AACE,UAAAK,KACEH,EAAM,SAASH,EAAY,OACvB,6CACA;AACN;AAAA,MACJ;AAEO,aAAAM;AAAA,IAAA,CACR;AAGM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,UAAU;AAAA,MAClD,OAAOC,EAAgB,CAACP,EAAY,OAAO,6DAA6D,CAAC;AAAA,MACzG,UAAUG,EAAK;AAAA,MACf,MAAM;AAAA,IAAA,GACL;AAAA,MACAA,EAAK,OAAO,eACRE,KAAcC,EAAoB,QAAQf,GAAY;AAAA,QACrDiB,EAAYL,EAAK,QAAQ,aAAa;AAAA,MAAA,CACvC,KACDM,EAAoB,IAAI,EAAI;AAAA,MAChCC,EAAoB,QAAQlB,GAAY;AAAA,QACtCgB,EAAYL,EAAK,QAAQ,SAAS;AAAA,MAAA,CACnC;AAAA,MACAA,EAAK,OAAO,cACRE,KAAcC,EAAoB,QAAQb,GAAY;AAAA,QACrDe,EAAYL,EAAK,QAAQ,YAAY;AAAA,MAAA,CACtC,KACDM,EAAoB,IAAI,EAAI;AAAA,IAAA,GAC/B,IAAInB,CAAU;AAAA,EAEnB;AAEA,CAAC;"}

package/dist/design-system100.mjs

@@ -1,9 +1,71 @@
-import o from "./design-system128.mjs";
-var r = 1, n = 4;
-function L(e) {
-  return o(e, r | n);
-}
+import { defineComponent as w, ref as a, watch as c, onMounted as B, withDirectives as b, openBlock as D, createElementBlock as O, vModelText as x } from "vue";
+const _ = ["disabled"], K = /* @__PURE__ */ w({
+  __name: "BOtpFieldBox",
+  props: {
+    value: { default: "" },
+    focus: { type: Boolean, default: !1 },
+    isDisabled: { type: Boolean, default: !1 }
+  },
+  emits: ["on-change", "on-keydown", "on-keyup", "on-paste", "on-focus", "on-blur"],
+  setup(d, { expose: i, emit: r }) {
+    const t = d, s = r, n = a(t.value || ""), o = a(null), u = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], f = () => {
+      if (!u.includes(n.value)) {
+        n.value = "";
+        return;
+      }
+      return n.value = n.value.toString(), n.value.length > 1 && (n.value = n.value.slice(0, 1)), s("on-change", n.value);
+    }, p = (e) => {
+      t.isDisabled && e.preventDefault();
+      const l = e;
+      [
+        "Alt",
+        "Control",
+        "Meta",
+        "Backspace",
+        "ArrowLeft",
+        "ArrowRight",
+        "v",
+        ...u
+      ].includes(l.key) ? s("on-keydown", e) : l.preventDefault();
+    }, v = (e) => {
+      s("on-keyup", e);
+    }, h = (e) => {
+      s("on-paste", e);
+    }, m = () => (o.value.select(), s("on-focus")), y = () => s("on-blur"), g = () => {
+      o.value.focus(), o.value.select();
+    };
+    return c(
+      () => t.value,
+      (e, l) => {
+        e !== l && (n.value = e);
+      }
+    ), c(
+      () => t.focus,
+      (e, l) => {
+        l !== e && o.value && t.focus && (o.value.focus(), o.value.select());
+      }
+    ), B(() => {
+      o.value && t.focus && (o.value.focus(), o.value.select());
+    }), i({ focus: g }), (e, l) => b((D(), O("input", {
+      ref_key: "inputRef",
+      ref: o,
+      "onUpdate:modelValue": l[0] || (l[0] = (k) => n.value = k),
+      disabled: e.isDisabled,
+      class: "ds-h-11 ds-w-11 ds-rounded-lg ds-border ds-text-center ds-drop-shadow-light ds-transition-all ds-duration-200",
+      inputmode: "numeric",
+      maxlength: "1",
+      onBlur: y,
+      onFocus: m,
+      onInput: f,
+      onKeydown: p,
+      onKeyup: v,
+      onPaste: h
+    }, null, 40, _)), [
+      [x, n.value]
+    ]);
+  }
+});
 export {
-  L as default
+  K as default
 };
 //# sourceMappingURL=design-system100.mjs.map

package/dist/design-system100.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system100.mjs","sources":["../node_modules/lodash-es/cloneDeep.js"],"sourcesContent":["import baseClone from './_baseClone.js';\n\n/** Used to compose bitmasks for cloning. */\nvar CLONE_DEEP_FLAG = 1,\n    CLONE_SYMBOLS_FLAG = 4;\n\n/**\n * This method is like `_.clone` except that it recursively clones `value`.\n *\n * @static\n * @memberOf _\n * @since 1.0.0\n * @category Lang\n * @param {*} value The value to recursively clone.\n * @returns {*} Returns the deep cloned value.\n * @see _.clone\n * @example\n *\n * var objects = [{ 'a': 1 }, { 'b': 2 }];\n *\n * var deep = _.cloneDeep(objects);\n * console.log(deep[0] === objects[0]);\n * // => false\n */\nfunction cloneDeep(value) {\n  return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);\n}\n\nexport default cloneDeep;\n"],"names":["CLONE_DEEP_FLAG","CLONE_SYMBOLS_FLAG","cloneDeep","value","baseClone"],"mappings":";AAGA,IAAIA,IAAkB,GAClBC,IAAqB;AAoBzB,SAASC,EAAUC,GAAO;AACxB,SAAOC,EAAUD,GAAOH,IAAkBC,CAAkB;AAC9D;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system100.mjs","sources":["../src/components/BOtpField/BOtpFieldBox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelText as _vModelText, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = [\"disabled\"]\n\nimport { onMounted, ref, type Ref, watch } from 'vue';\n\n//#region Props\nexport interface Props {\n  value?: string;\n  focus?: boolean;\n  isDisabled?: boolean;\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BOtpFieldBox',\n  props: {\n    value: { default: '' },\n    focus: { type: Boolean, default: false },\n    isDisabled: { type: Boolean, default: false }\n  },\n  emits: [\"on-change\", \"on-keydown\", \"on-keyup\", \"on-paste\", \"on-focus\", \"on-blur\"],\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst model = ref(props.value || '');\nconst inputRef = ref<HTMLInputElement | null>(null) as Ref<HTMLInputElement>;\nconst digits = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];\n//#endregion\n\n//#region Methods\nconst handleOnChange = () => {\n  if (!digits.includes(model.value)) {\n    model.value = '';\n    return;\n  }\n\n  model.value = model.value.toString();\n  if (model.value.length > 1) {\n    model.value = model.value.slice(0, 1);\n  }\n  return emit('on-change', model.value);\n};\n\nconst handleOnKeyDown = (event: KeyboardEvent) => {\n  if (props.isDisabled) {\n    event.preventDefault();\n  }\n  // Only allow characters 0-9, DEL, Backspace, Enter, Right and Left Arrows, and Pasting\n  const keyEvent = event;\n  if (\n    [\n      'Alt',\n      'Control',\n      'Meta',\n      'Backspace',\n      'ArrowLeft',\n      'ArrowRight',\n      'v',\n      ...digits,\n    ].includes(keyEvent.key)\n  ) {\n    emit('on-keydown', event);\n  } else {\n    keyEvent.preventDefault();\n  }\n};\nconst handleOnKeyUp = (event: KeyboardEvent) => {\n  emit('on-keyup', event);\n};\nconst handleOnPaste = (event: ClipboardEvent) => {\n  emit('on-paste', event);\n};\nconst handleOnFocus = () => {\n  inputRef.value.select();\n  return emit('on-focus');\n};\nconst handleOnBlur = () => emit('on-blur');\nconst focusFn = () => {\n  inputRef.value.focus();\n  inputRef.value.select();\n};\n//#endregion\n\n//#region Watchers\nwatch(\n  () => props.value,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      model.value = newValue;\n    }\n  },\n);\nwatch(\n  () => props.focus,\n  (newFocusValue, oldFocusValue) => {\n    // Check if focusedInput changed\n    // Prevent calling function if input already in focus\n    if (oldFocusValue !== newFocusValue && inputRef.value && props.focus) {\n      inputRef.value.focus();\n      inputRef.value.select();\n    }\n  },\n);\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  if (inputRef.value && props.focus) {\n    inputRef.value.focus();\n    inputRef.value.select();\n  }\n});\n//#endregion\n\n__expose({ focus: focusFn });\n\nreturn (_ctx: any,_cache: any) => {\n  return _withDirectives((_openBlock(), _createElementBlock(\"input\", {\n    ref_key: \"inputRef\",\n    ref: inputRef,\n    \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((model).value = $event)),\n    disabled: _ctx.isDisabled,\n    class: \"ds-h-11 ds-w-11 ds-rounded-lg ds-border ds-text-center ds-drop-shadow-light ds-transition-all ds-duration-200\",\n    inputmode: \"numeric\",\n    maxlength: \"1\",\n    onBlur: handleOnBlur,\n    onFocus: handleOnFocus,\n    onInput: handleOnChange,\n    onKeydown: handleOnKeyDown,\n    onKeyup: handleOnKeyUp,\n    onPaste: handleOnPaste\n  }, null, 40, _hoisted_1)), [\n    [_vModelText, model.value]\n  ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","__emit","props","emit","model","ref","inputRef","digits","handleOnChange","handleOnKeyDown","event","keyEvent","handleOnKeyUp","handleOnPaste","handleOnFocus","handleOnBlur","focusFn","watch","newValue","oldValue","newFocusValue","oldFocusValue","onMounted","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","$event","_vModelText"],"mappings":";AAGA,MAAMA,IAAa,CAAC,UAAU,GAYFC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,OAAO,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IACvC,YAAY,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC9C;AAAA,EACA,OAAO,CAAC,aAAa,cAAc,YAAY,YAAY,YAAY,SAAS;AAAA,EAChF,MAAMC,GAAc,EAAE,QAAQC,GAAU,MAAMC,KAAU;AAE1D,UAAMC,IAAQH,GAIRI,IAAOF,GAIPG,IAAQC,EAAIH,EAAM,SAAS,EAAE,GAC7BI,IAAWD,EAA6B,IAAI,GAC5CE,IAAS,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG,GAI1DC,IAAiB,MAAM;AAC3B,UAAI,CAACD,EAAO,SAASH,EAAM,KAAK,GAAG;AACjC,QAAAA,EAAM,QAAQ;AACd;AAAA,MACF;AAEM,aAAAA,EAAA,QAAQA,EAAM,MAAM,SAAS,GAC/BA,EAAM,MAAM,SAAS,MACvBA,EAAM,QAAQA,EAAM,MAAM,MAAM,GAAG,CAAC,IAE/BD,EAAK,aAAaC,EAAM,KAAK;AAAA,IAAA,GAGhCK,IAAkB,CAACC,MAAyB;AAChD,MAAIR,EAAM,cACRQ,EAAM,eAAe;AAGvB,YAAMC,IAAWD;AAEf,MAAA;AAAA,QACE;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAGH;AAAA,MAAA,EACH,SAASI,EAAS,GAAG,IAEvBR,EAAK,cAAcO,CAAK,IAExBC,EAAS,eAAe;AAAA,IAC1B,GAEIC,IAAgB,CAACF,MAAyB;AAC9C,MAAAP,EAAK,YAAYO,CAAK;AAAA,IAAA,GAElBG,IAAgB,CAACH,MAA0B;AAC/C,MAAAP,EAAK,YAAYO,CAAK;AAAA,IAAA,GAElBI,IAAgB,OACpBR,EAAS,MAAM,UACRH,EAAK,UAAU,IAElBY,IAAe,MAAMZ,EAAK,SAAS,GACnCa,IAAU,MAAM;AACpB,MAAAV,EAAS,MAAM,SACfA,EAAS,MAAM;IAAO;AAKxB,WAAAW;AAAA,MACE,MAAMf,EAAM;AAAA,MACZ,CAACgB,GAAUC,MAAa;AACtB,QAAID,MAAaC,MACff,EAAM,QAAQc;AAAA,MAElB;AAAA,IAAA,GAEFD;AAAA,MACE,MAAMf,EAAM;AAAA,MACZ,CAACkB,GAAeC,MAAkB;AAGhC,QAAIA,MAAkBD,KAAiBd,EAAS,SAASJ,EAAM,UAC7DI,EAAS,MAAM,SACfA,EAAS,MAAM;MAEnB;AAAA,IAAA,GAKFgB,EAAU,MAAM;AACV,MAAAhB,EAAS,SAASJ,EAAM,UAC1BI,EAAS,MAAM,SACfA,EAAS,MAAM;IACjB,CACD,GAGQN,EAAA,EAAE,OAAOgB,EAAA,CAAS,GAEpB,CAACO,GAAUC,MACTC,GAAiBC,KAAcC,EAAoB,SAAS;AAAA,MACjE,SAAS;AAAA,MACT,KAAKrB;AAAA,MACL,uBAAuBkB,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACI,MAAkBxB,EAAO,QAAQwB;AAAA,MACnF,UAAUL,EAAK;AAAA,MACf,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,MACX,QAAQR;AAAA,MACR,SAASD;AAAA,MACT,SAASN;AAAA,MACT,WAAWC;AAAA,MACX,SAASG;AAAA,MACT,SAASC;AAAA,IAAA,GACR,MAAM,IAAIjB,CAAU,IAAI;AAAA,MACzB,CAACiC,GAAazB,EAAM,KAAK;AAAA,IAAA,CAC1B;AAAA,EAEH;AAEA,CAAC;"}

package/dist/design-system101.mjs

@@ -1,70 +1,9 @@
-import { defineComponent as C, ref as h, computed as a, onMounted as B, onBeforeUnmount as E, openBlock as x, createBlock as y, withCtx as L, createElementVNode as d, normalizeClass as c, renderSlot as _ } from "vue";
-import { BModalSize as t } from "./design-system5.mjs";
-import M from "./design-system35.mjs";
-const P = /* @__PURE__ */ C({
-  __name: "BModalContainer",
-  props: {
-    size: { default: t.Medium },
-    fullscreen: { type: Boolean, default: !1 },
-    persistent: { type: Boolean, default: !1 }
-  },
-  emits: ["close"],
-  setup(i, { emit: u }) {
-    const s = i, n = u, o = h(null), m = a(() => {
-      let e = "ds-relative ds-w-full ds-h-auto ds-m-auto ds-flex ds-items-center ";
-      if (s.fullscreen)
-        e += "ds-w-screen ds-h-screen ";
-      else
-        switch (e += "ds-p-4 ", s.size) {
-          case t.Small:
-            e += "ds-max-w-md ";
-            break;
-          case t.Large:
-            e += "ds-max-w-4xl ";
-            break;
-          case t.Medium:
-          default:
-            e += "ds-max-w-2xl ";
-            break;
-        }
-      return e;
-    }), p = a(() => {
-      let e = "ds-relative ds-rounded-lg ds-shadow ";
-      return e += s.fullscreen ? "ds-w-screen ds-h-screen ds-rounded-none " : "", e;
-    }), f = () => {
-      document.addEventListener("keydown", r);
-    }, r = (e) => {
-      e.key === "Escape" && n("close");
-    }, v = () => {
-      document.addEventListener("click", l);
-    }, l = (e) => {
-      [o.value].some((k) => e.composedPath().includes(k)) || n("close");
-    };
-    return B(() => {
-      s.persistent || setTimeout(() => {
-        f(), v();
-      }, 200);
-    }), E(() => {
-      s.persistent || (document.removeEventListener("keydown", r), document.removeEventListener("click", l));
-    }), (e, w) => (x(), y(M, null, {
-      default: L(() => [
-        d("div", {
-          class: c([m.value, "modal-wrapper"])
-        }, [
-          d("div", {
-            ref_key: "modalWrapperContentRef",
-            ref: o,
-            class: c([p.value, "modal-wrapper-content ds-w-full"])
-          }, [
-            _(e.$slots, "default")
-          ], 2)
-        ], 2)
-      ]),
-      _: 3
-    }));
-  }
-});
+import o from "./design-system128.mjs";
+var r = 1, n = 4;
+function L(e) {
+  return o(e, r | n);
+}
 export {
-  P as default
+  L as default
 };
 //# sourceMappingURL=design-system101.mjs.map

package/dist/design-system101.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system101.mjs","sources":["../src/components/BModal/BModalContainer.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { BModalSize } from '@/constants/Enums';\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue';\nimport BOverlay from '../BOverlay.vue';\n\n//#region Props\nexport interface Props {\n  size?: BModalSize;\n  fullscreen?: boolean;\n  persistent?: boolean;\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BModalContainer',\n  props: {\n    size: { default: BModalSize.Medium },\n    fullscreen: { type: Boolean, default: false },\n    persistent: { type: Boolean, default: false }\n  },\n  emits: [\"close\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst modalWrapperContentRef = ref<HTMLDivElement | null>(null);\nconst modalWrapperCssClass = computed(() => {\n  let result = `ds-relative ds-w-full ds-h-auto ds-m-auto ds-flex ds-items-center `;\n\n  if (props.fullscreen) {\n    result += `ds-w-screen ds-h-screen `;\n  } else {\n    result += `ds-p-4 `;\n    switch (props.size) {\n      case BModalSize.Small:\n        result += `ds-max-w-md `;\n        break;\n      case BModalSize.Large:\n        result += `ds-max-w-4xl `;\n        break;\n      case BModalSize.Medium:\n      default:\n        result += `ds-max-w-2xl `;\n        break;\n    }\n  }\n\n  return result;\n});\nconst modalWrapperContentCssClass = computed(() => {\n  let result = `ds-relative ds-rounded-lg ds-shadow `;\n  result += props.fullscreen ? `ds-w-screen ds-h-screen ds-rounded-none ` : ``;\n\n  return result;\n});\n//#endregion\n\n//#region Methods\nconst initPressEscapeEventListener = () => {\n  document.addEventListener('keydown', closeOnEscapePressed);\n};\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\n  if (event.key === 'Escape') {\n    emit('close');\n  }\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [modalWrapperContentRef.value];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    emit('close');\n  }\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  if (!props.persistent) {\n    setTimeout(() => {\n      initPressEscapeEventListener();\n      initClickOutsideEventListener();\n    }, 200);\n  }\n});\nonBeforeUnmount(() => {\n  if (!props.persistent) {\n    document.removeEventListener('keydown', closeOnEscapePressed);\n    document.removeEventListener('click', closeOnClickOutside);\n  }\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(BOverlay, null, {\n    default: _withCtx(() => [\n      _createElementVNode(\"div\", {\n        class: _normalizeClass([modalWrapperCssClass.value, \"modal-wrapper\"])\n      }, [\n        _createElementVNode(\"div\", {\n          ref_key: \"modalWrapperContentRef\",\n          ref: modalWrapperContentRef,\n          class: _normalizeClass([modalWrapperContentCssClass.value, \"modal-wrapper-content ds-w-full\"])\n        }, [\n          _renderSlot(_ctx.$slots, \"default\")\n        ], 2)\n      ], 2)\n    ]),\n    _: 3\n  }))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","BModalSize","__props","__emit","props","emit","modalWrapperContentRef","ref","modalWrapperCssClass","computed","result","modalWrapperContentCssClass","initPressEscapeEventListener","closeOnEscapePressed","event","initClickOutsideEventListener","closeOnClickOutside","r","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createBlock","BOverlay","_withCtx","_createElementVNode","_normalizeClass","_renderSlot"],"mappings":";;;AAeA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,EAAE,SAASC,EAAW,OAAO;AAAA,IACnC,YAAY,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC5C,YAAY,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC9C;AAAA,EACA,OAAO,CAAC,OAAO;AAAA,EACf,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAOF,GAIPG,IAAyBC,EAA2B,IAAI,GACxDC,IAAuBC,EAAS,MAAM;AAC1C,UAAIC,IAAS;AAEb,UAAIN,EAAM;AACE,QAAAM,KAAA;AAAA;AAGV,gBADUA,KAAA,WACFN,EAAM,MAAM;AAAA,UAClB,KAAKH,EAAW;AACJ,YAAAS,KAAA;AACV;AAAA,UACF,KAAKT,EAAW;AACJ,YAAAS,KAAA;AACV;AAAA,UACF,KAAKT,EAAW;AAAA,UAChB;AACY,YAAAS,KAAA;AACV;AAAA,QACJ;AAGK,aAAAA;AAAA,IAAA,CACR,GACKC,IAA8BF,EAAS,MAAM;AACjD,UAAIC,IAAS;AACH,aAAAA,KAAAN,EAAM,aAAa,6CAA6C,IAEnEM;AAAA,IAAA,CACR,GAIKE,IAA+B,MAAM;AAChC,eAAA,iBAAiB,WAAWC,CAAoB;AAAA,IAAA,GAErDA,IAAuB,CAACC,MAAyB;AACjD,MAAAA,EAAM,QAAQ,YAChBT,EAAK,OAAO;AAAA,IACd,GAEIU,IAAgC,MAAM;AACjC,eAAA,iBAAiB,SAASC,CAAmB;AAAA,IAAA,GAElDA,IAAsB,CAACF,MAAe;AAG1C,MAFa,CAACR,EAAuB,KAAK,EACZ,KAAK,CAACW,MAAMH,EAAM,eAAe,SAASG,CAAC,CAAC,KAExEZ,EAAK,OAAO;AAAA,IACd;AAKF,WAAAa,EAAU,MAAM;AACV,MAACd,EAAM,cACT,WAAW,MAAM;AACc,QAAAQ,KACCG;SAC7B,GAAG;AAAA,IACR,CACD,GACDI,EAAgB,MAAM;AAChB,MAACf,EAAM,eACA,SAAA,oBAAoB,WAAWS,CAAoB,GACnD,SAAA,oBAAoB,SAASG,CAAmB;AAAA,IAC3D,CACD,GAGM,CAACI,GAAUC,OACRC,EAAW,GAAGC,EAAaC,GAAU,MAAM;AAAA,MACjD,SAASC,EAAS,MAAM;AAAA,QACtBC,EAAoB,OAAO;AAAA,UACzB,OAAOC,EAAgB,CAACnB,EAAqB,OAAO,eAAe,CAAC;AAAA,QAAA,GACnE;AAAA,UACDkB,EAAoB,OAAO;AAAA,YACzB,SAAS;AAAA,YACT,KAAKpB;AAAA,YACL,OAAOqB,EAAgB,CAAChB,EAA4B,OAAO,iCAAiC,CAAC;AAAA,UAAA,GAC5F;AAAA,YACDiB,EAAYR,EAAK,QAAQ,SAAS;AAAA,aACjC,CAAC;AAAA,WACH,CAAC;AAAA,MAAA,CACL;AAAA,MACD,GAAG;AAAA,IAAA,CACJ;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system101.mjs","sources":["../node_modules/lodash-es/cloneDeep.js"],"sourcesContent":["import baseClone from './_baseClone.js';\n\n/** Used to compose bitmasks for cloning. */\nvar CLONE_DEEP_FLAG = 1,\n    CLONE_SYMBOLS_FLAG = 4;\n\n/**\n * This method is like `_.clone` except that it recursively clones `value`.\n *\n * @static\n * @memberOf _\n * @since 1.0.0\n * @category Lang\n * @param {*} value The value to recursively clone.\n * @returns {*} Returns the deep cloned value.\n * @see _.clone\n * @example\n *\n * var objects = [{ 'a': 1 }, { 'b': 2 }];\n *\n * var deep = _.cloneDeep(objects);\n * console.log(deep[0] === objects[0]);\n * // => false\n */\nfunction cloneDeep(value) {\n  return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);\n}\n\nexport default cloneDeep;\n"],"names":["CLONE_DEEP_FLAG","CLONE_SYMBOLS_FLAG","cloneDeep","value","baseClone"],"mappings":";AAGA,IAAIA,IAAkB,GAClBC,IAAqB;AAoBzB,SAASC,EAAUC,GAAO;AACxB,SAAOC,EAAUD,GAAOH,IAAkBC,CAAkB;AAC9D;","x_google_ignoreList":[0]}

package/dist/design-system116.mjs

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

package/dist/design-system117.mjs

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

package/dist/design-system14.mjs

@@ -1,26 +1,32 @@
-import { defineComponent as a, computed as c, openBlock as r, createElementBlock as o, renderSlot as d, createTextVNode as l, toDisplayString as i, createCommentVNode as p } from "vue";
-const u = { class: "ds-min-h-[1rem]" }, m = {
+import { defineComponent as d, openBlock as o, createElementBlock as l, createElementVNode as n, renderSlot as u, createTextVNode as f, toDisplayString as s, unref as p, createCommentVNode as r } from "vue";
+import { RequiredSymbol as c } from "./design-system4.mjs";
+const i = ["for"], m = {
   key: 0,
-  class: "ds-text-xs ds-text-red-500"
-}, _ = /* @__PURE__ */ a({
-  __name: "BErrorMessage",
+  class: "ds-ml-1 ds-text-red-500"
+}, k = /* @__PURE__ */ d({
+  __name: "BLabel",
   props: {
-    errorMessage: { type: [String, Function], default: "" }
+    id: { default: "" },
+    label: { default: "" },
+    required: { type: Boolean, default: !1 }
   },
-  setup(n) {
-    const e = n, t = c(
-      () => typeof e.errorMessage == "function" ? e.errorMessage() : e.errorMessage
-    );
-    return (s, f) => (r(), o("div", u, [
-      t.value || s.$slots.default ? (r(), o("div", m, [
-        d(s.$slots, "default", {}, () => [
-          l(i(t.value), 1)
+  setup(a) {
+    const e = a;
+    return (t, b) => e.label || t.$slots.default ? (o(), l("label", {
+      key: 0,
+      for: t.id,
+      class: "ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500"
+    }, [
+      n("span", null, [
+        u(t.$slots, "default", {}, () => [
+          f(s(e.label), 1)
         ])
-      ])) : p("", !0)
-    ]));
+      ]),
+      e.required ? (o(), l("span", m, s(p(c)), 1)) : r("", !0)
+    ], 8, i)) : r("", !0);
   }
 });
 export {
-  _ as default
+  k as default
 };
 //# sourceMappingURL=design-system14.mjs.map

package/dist/design-system14.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system14.mjs","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//#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":";AAGA,MAAMA,IAAa,EAAE,OAAO,qBACtBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAc4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,cAAc,EAAE,MAAM,CAAC,QAAQ,QAAQ,GAAG,SAAS,GAAG;AAAA,EACxD;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAUC;AAAA,MAAS,MACvB,OAAOF,EAAM,gBAAiB,aAC1BA,EAAM,aAAA,IACNA,EAAM;AAAA,IAAA;AAIL,WAAA,CAACG,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOX,GAAY;AAAA,MAC1DM,EAAQ,SAASE,EAAK,OAAO,WACzBE,KAAcC,EAAoB,OAAOV,GAAY;AAAA,QACpDW,EAAYJ,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CK,EAAiBC,EAAiBR,EAAQ,KAAK,GAAG,CAAC;AAAA,QAAA,CACpD;AAAA,MAAA,CACF,KACDS,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system14.mjs","sources":["../src/components/BLabel.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, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-ml-1 ds-text-red-500\"\n}\n\nimport { RequiredSymbol } from '@/constants/Common';\n\n//#region Props\nexport interface BLabelProps {\n  id?: string;\n  label?: string;\n  /**\n   * Show \"*\" beside the label\n   */\n  required?: boolean;\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BLabel',\n  props: {\n    id: { default: '' },\n    label: { default: '' },\n    required: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (props.label || _ctx.$slots.default)\n    ? (_openBlock(), _createElementBlock(\"label\", {\n        key: 0,\n        for: _ctx.id,\n        class: \"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500\"\n      }, [\n        _createElementVNode(\"span\", null, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ])\n        ]),\n        (props.required)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, _toDisplayString(_unref(RequiredSymbol)), 1))\n          : _createCommentVNode(\"\", true)\n      ], 8, _hoisted_1))\n    : _createCommentVNode(\"\", true)\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_unref","RequiredSymbol","_createCommentVNode"],"mappings":";;AAGA,MAAMA,IAAa,CAAC,KAAK,GACnBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAe4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,IAAI,EAAE,SAAS,GAAG;AAAA,IAClB,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD;AAGP,WAAA,CAACE,GAAUC,MACRF,EAAM,SAASC,EAAK,OAAO,WAC9BE,EAAW,GAAGC,EAAoB,SAAS;AAAA,MAC1C,KAAK;AAAA,MACL,KAAKH,EAAK;AAAA,MACV,OAAO;AAAA,IAAA,GACN;AAAA,MACDI,EAAoB,QAAQ,MAAM;AAAA,QAChCC,EAAYL,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CM,EAAiBC,EAAiBR,EAAM,KAAK,GAAG,CAAC;AAAA,QAAA,CAClD;AAAA,MAAA,CACF;AAAA,MACAA,EAAM,YACFG,EAAA,GAAcC,EAAoB,QAAQR,GAAYY,EAAiBC,EAAOC,CAAc,CAAC,GAAG,CAAC,KAClGC,EAAoB,IAAI,EAAI;AAAA,IAAA,GAC/B,GAAGhB,CAAU,KAChBgB,EAAoB,IAAI,EAAI;AAAA,EAElC;AAEA,CAAC;"}

package/dist/design-system15.mjs

@@ -1,32 +1,67 @@
-import { defineComponent as d, openBlock as o, createElementBlock as l, createElementVNode as n, renderSlot as u, createTextVNode as f, toDisplayString as s, unref as p, createCommentVNode as r } from "vue";
-import { RequiredSymbol as c } from "./design-system4.mjs";
-const i = ["for"], m = {
-  key: 0,
-  class: "ds-ml-1 ds-text-red-500"
-}, k = /* @__PURE__ */ d({
-  __name: "BLabel",
+import { defineComponent as u, computed as m, watch as f, onBeforeUnmount as p, openBlock as o, createBlock as a, Teleport as y, createVNode as B, Transition as _, withCtx as r, normalizeClass as v, renderSlot as z, createCommentVNode as V } from "vue";
+import { BModalSize as k } from "./design-system5.mjs";
+import { lockScrollBody as C, unlockScrollBody as n } from "./design-system6.mjs";
+import S from "./design-system99.mjs";
+const $ = {
+  // https://vuejs.org/guide/components/attrs.html#disabling-attribute-inheritance
+  inheritAttrs: !1
+}, b = /* @__PURE__ */ u({
+  ...$,
+  __name: "BModal",
   props: {
-    id: { default: "" },
-    label: { default: "" },
-    required: { type: Boolean, default: !1 }
+    modelValue: { type: Boolean },
+    size: { default: k.Medium },
+    fullscreen: { type: Boolean, default: !1 },
+    persistent: { type: Boolean, default: !1 }
   },
-  setup(a) {
-    const e = a;
-    return (t, b) => e.label || t.$slots.default ? (o(), l("label", {
-      key: 0,
-      for: t.id,
-      class: "ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500"
-    }, [
-      n("span", null, [
-        u(t.$slots, "default", {}, () => [
-          f(s(e.label), 1)
-        ])
-      ]),
-      e.required ? (o(), l("span", m, s(p(c)), 1)) : r("", !0)
-    ], 8, i)) : r("", !0);
+  emits: ["update:modelValue"],
+  setup(i, { emit: c }) {
+    const t = i, d = c, s = m({
+      get() {
+        return t.modelValue;
+      },
+      set(e) {
+        d("update:modelValue", e);
+      }
+    });
+    return f(
+      s,
+      (e) => {
+        e ? C() : n();
+      },
+      { immediate: !0 }
+    ), p(() => {
+      n();
+    }), (e, l) => (o(), a(y, { to: "body" }, [
+      B(_, {
+        "enter-active-class": "ds-transition-all ds-ease-in-out",
+        "enter-from-class": "ds-opacity-0",
+        "enter-to-class": "ds-opacity-1",
+        "leave-active-class": "ds-transition-all ds-ease-in-out",
+        "leave-from-class": "ds-opacity-1",
+        "leave-to-class": "ds-opacity-0"
+      }, {
+        default: r(() => [
+          s.value ? (o(), a(S, {
+            key: 0,
+            class: v(e.$attrs.class),
+            fullscreen: t.fullscreen,
+            persistent: t.persistent,
+            size: t.size,
+            onClose: l[0] || (l[0] = (M) => s.value = !1)
+          }, {
+            default: r(() => [
+              z(e.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["class", "fullscreen", "persistent", "size"])) : V("", !0)
+        ]),
+        _: 3
+      })
+    ]));
   }
 });
 export {
-  k as default
+  b as default
 };
 //# sourceMappingURL=design-system15.mjs.map

package/dist/design-system15.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system15.mjs","sources":["../src/components/BLabel.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, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-ml-1 ds-text-red-500\"\n}\n\nimport { RequiredSymbol } from '@/constants/Common';\n\n//#region Props\nexport interface BLabelProps {\n  id?: string;\n  label?: string;\n  /**\n   * Show \"*\" beside the label\n   */\n  required?: boolean;\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BLabel',\n  props: {\n    id: { default: '' },\n    label: { default: '' },\n    required: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (props.label || _ctx.$slots.default)\n    ? (_openBlock(), _createElementBlock(\"label\", {\n        key: 0,\n        for: _ctx.id,\n        class: \"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500\"\n      }, [\n        _createElementVNode(\"span\", null, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ])\n        ]),\n        (props.required)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, _toDisplayString(_unref(RequiredSymbol)), 1))\n          : _createCommentVNode(\"\", true)\n      ], 8, _hoisted_1))\n    : _createCommentVNode(\"\", true)\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_unref","RequiredSymbol","_createCommentVNode"],"mappings":";;AAGA,MAAMA,IAAa,CAAC,KAAK,GACnBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAe4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,IAAI,EAAE,SAAS,GAAG;AAAA,IAClB,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD;AAGP,WAAA,CAACE,GAAUC,MACRF,EAAM,SAASC,EAAK,OAAO,WAC9BE,EAAW,GAAGC,EAAoB,SAAS;AAAA,MAC1C,KAAK;AAAA,MACL,KAAKH,EAAK;AAAA,MACV,OAAO;AAAA,IAAA,GACN;AAAA,MACDI,EAAoB,QAAQ,MAAM;AAAA,QAChCC,EAAYL,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CM,EAAiBC,EAAiBR,EAAM,KAAK,GAAG,CAAC;AAAA,QAAA,CAClD;AAAA,MAAA,CACF;AAAA,MACAA,EAAM,YACFG,EAAA,GAAcC,EAAoB,QAAQR,GAAYY,EAAiBC,EAAOC,CAAc,CAAC,GAAG,CAAC,KAClGC,EAAoB,IAAI,EAAI;AAAA,IAAA,GAC/B,GAAGhB,CAAU,KAChBgB,EAAoB,IAAI,EAAI;AAAA,EAElC;AAEA,CAAC;"}
+{"version":3,"file":"design-system15.mjs","sources":["../src/components/BModal/BModal.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, createVNode as _createVNode, Teleport as _Teleport } from \"vue\"\n\nimport { BModalSize } from '@/constants/Enums';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport { computed, onBeforeUnmount, watch } from 'vue';\nimport BModalContainer from './BModalContainer.vue';\n\n//#region Props\n\n/**\n * [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes\n */\nconst __default__ = {\n  // https://vuejs.org/guide/components/attrs.html#disabling-attribute-inheritance\n  inheritAttrs: false,\n};\n\nexport interface BModalProps {\n  modelValue: boolean;\n  /**\n   * Modal size.\n   */\n  size?: BModalSize;\n  /**\n   * Fullscreen modal.\n   */\n  fullscreen?: boolean;\n  /**\n   * Prevent modal from closing when clicking outside or pressing \"Esc\".\n   */\n  persistent?: boolean;\n}\n\n\nexport default /*@__PURE__*/_defineComponent({\n  ...__default__,\n  __name: 'BModal',\n  props: {\n    modelValue: { type: Boolean },\n    size: { default: BModalSize.Medium },\n    fullscreen: { type: Boolean, default: false },\n    persistent: { type: Boolean, default: false }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\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: boolean) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\n//#region Watchers\nwatch(\n  value,\n  (val) => {\n    if (val) {\n      lockScrollBody();\n    } else {\n      unlockScrollBody();\n    }\n  },\n  { immediate: true },\n);\n//#endregion\n\n//#region Lifecycle Hooks\nonBeforeUnmount(() => {\n  unlockScrollBody();\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n    _createVNode(_Transition, {\n      \"enter-active-class\": \"ds-transition-all 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-ease-in-out\",\n      \"leave-from-class\": \"ds-opacity-1\",\n      \"leave-to-class\": \"ds-opacity-0\"\n    }, {\n      default: _withCtx(() => [\n        (value.value)\n          ? (_openBlock(), _createBlock(BModalContainer, {\n              key: 0,\n              class: _normalizeClass(_ctx.$attrs.class),\n              fullscreen: props.fullscreen,\n              persistent: props.persistent,\n              size: props.size,\n              onClose: _cache[0] || (_cache[0] = ($event: any) => (value.value = false))\n            }, {\n              default: _withCtx(() => [\n                _renderSlot(_ctx.$slots, \"default\")\n              ]),\n              _: 3\n            }, 8, [\"class\", \"fullscreen\", \"persistent\", \"size\"]))\n          : _createCommentVNode(\"\", true)\n      ]),\n      _: 3\n    })\n  ]))\n}\n}\n\n})"],"names":["__default__","_sfc_main","_defineComponent","BModalSize","__props","__emit","props","emit","value","computed","val","watch","lockScrollBody","unlockScrollBody","onBeforeUnmount","_ctx","_cache","_openBlock","_createBlock","_Teleport","_createVNode","_Transition","_withCtx","BModalContainer","_normalizeClass","$event","_renderSlot","_createCommentVNode"],"mappings":";;;;AAaA,MAAMA,IAAc;AAAA;AAAA,EAElB,cAAc;AAChB,GAmB4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,GAAGF;AAAA,EACH,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,MAAM,EAAE,SAASG,EAAW,OAAO;AAAA,IACnC,YAAY,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC5C,YAAY,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC9C;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,GAAc;AAChB,QAAAH,EAAK,qBAAqBG,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD;AAID,WAAAC;AAAA,MACEH;AAAA,MACA,CAACE,MAAQ;AACP,QAAIA,IACaE,MAEEC;MAErB;AAAA,MACA,EAAE,WAAW,GAAK;AAAA,IAAA,GAKpBC,EAAgB,MAAM;AACH,MAAAD;IAAA,CAClB,GAGM,CAACE,GAAUC,OACRC,EAAc,GAAAC,EAAaC,GAAW,EAAE,IAAI,UAAU;AAAA,MAC5DC,EAAaC,GAAa;AAAA,QACxB,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,UACrBd,EAAM,SACFS,KAAcC,EAAaK,GAAiB;AAAA,YAC3C,KAAK;AAAA,YACL,OAAOC,EAAgBT,EAAK,OAAO,KAAK;AAAA,YACxC,YAAYT,EAAM;AAAA,YAClB,YAAYA,EAAM;AAAA,YAClB,MAAMA,EAAM;AAAA,YACZ,SAASU,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACS,MAAiBjB,EAAM,QAAQ;AAAA,UAAA,GAClE;AAAA,YACD,SAASc,EAAS,MAAM;AAAA,cACtBI,EAAYX,EAAK,QAAQ,SAAS;AAAA,YAAA,CACnC;AAAA,YACD,GAAG;AAAA,UAAA,GACF,GAAG,CAAC,SAAS,cAAc,cAAc,MAAM,CAAC,KACnDY,EAAoB,IAAI,EAAI;AAAA,QAAA,CACjC;AAAA,QACD,GAAG;AAAA,MAAA,CACJ;AAAA,IAAA,CACF;AAAA,EAEH;AAEA,CAAC;"}