@7pmlabs/design-system 0.3.8 → 0.4.0

package/dist/design-system29.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system56.js"),n={},o={class:"ds-rounded-lg ds-bg-white ds-p-2 ds-shadow"};function r(s,d){return e.openBlock(),e.createElementBlock("ul",o,[e.renderSlot(s.$slots,"default")])}const c=t(n,[["render",r]]);module.exports=c;
+"use strict";const e=require("vue"),o={class:"ds-min-h-[1rem]"},n={key:0,class:"ds-text-xs ds-text-red-500"},c=e.defineComponent({__name:"BErrorMessage",props:{errorMessage:{type:[String,Function],default:""}},setup(r){const s=r,t=e.computed(()=>typeof s.errorMessage=="function"?s.errorMessage():s.errorMessage);return(a,i)=>(e.openBlock(),e.createElementBlock("div",o,[t.value?(e.openBlock(),e.createElementBlock("div",n,e.toDisplayString(t.value),1)):e.createCommentVNode("",!0)]))}});module.exports=c;
 //# sourceMappingURL=design-system29.js.map

package/dist/design-system29.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system29.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system29.js","sources":["../src/components/BErrorMessage.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, 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';\r\nimport { computed } from 'vue';\r\n\r\n//#region Props\r\nexport interface BErrorMessageProps {\r\n  /**\r\n   * A text or a function returning a text.\r\n   */\r\n  errorMessage?: string | ErrorMessageFunction;\r\n}\r\n\r\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\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst message = computed(() =>\r\n  typeof props.errorMessage === 'function'\r\n    ? props.errorMessage()\r\n    : props.errorMessage,\r\n);\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (message.value)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, _toDisplayString(message.value), 1))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","message","computed","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode"],"mappings":"oCAGMA,EAAa,CAAE,MAAO,mBACtBC,EAAa,CACjB,IAAK,EACL,MAAO,4BACT,EAc4BC,EAAiBC,kBAAA,CAC3C,OAAQ,gBACR,MAAO,CACL,aAAc,CAAE,KAAM,CAAC,OAAQ,QAAQ,EAAG,QAAS,EAAG,CACxD,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAMRE,EAAUC,EAAA,SAAS,IACvB,OAAOF,EAAM,cAAiB,WAC1BA,EAAM,aAAA,EACNA,EAAM,YAAA,EAIL,MAAA,CAACG,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOX,EAAY,CAC1DM,EAAQ,OACJI,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAOV,EAAYW,EAAAA,gBAAiBN,EAAQ,KAAK,EAAG,CAAC,GACxFO,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EAEH,CAEA,CAAC"}

package/dist/design-system29.mjs

@@ -1,13 +1,22 @@
-import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
-import s from "./design-system56.mjs";
-const n = {}, d = { class: "ds-rounded-lg ds-bg-white ds-p-2 ds-shadow" };
-function c(e, l) {
-  return o(), t("ul", d, [
-    r(e.$slots, "default")
-  ]);
-}
-const f = /* @__PURE__ */ s(n, [["render", c]]);
+import { defineComponent as n, computed as a, openBlock as t, createElementBlock as r, toDisplayString as c, createCommentVNode as d } from "vue";
+const i = { class: "ds-min-h-[1rem]" }, p = {
+  key: 0,
+  class: "ds-text-xs ds-text-red-500"
+}, _ = /* @__PURE__ */ n({
+  __name: "BErrorMessage",
+  props: {
+    errorMessage: { type: [String, Function], default: "" }
+  },
+  setup(o) {
+    const e = o, s = a(
+      () => typeof e.errorMessage == "function" ? e.errorMessage() : e.errorMessage
+    );
+    return (m, u) => (t(), r("div", i, [
+      s.value ? (t(), r("div", p, c(s.value), 1)) : d("", !0)
+    ]));
+  }
+});
 export {
-  f as default
+  _ as default
 };
 //# sourceMappingURL=design-system29.mjs.map

package/dist/design-system29.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system29.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"design-system29.mjs","sources":["../src/components/BErrorMessage.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, 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';\r\nimport { computed } from 'vue';\r\n\r\n//#region Props\r\nexport interface BErrorMessageProps {\r\n  /**\r\n   * A text or a function returning a text.\r\n   */\r\n  errorMessage?: string | ErrorMessageFunction;\r\n}\r\n\r\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\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst message = computed(() =>\r\n  typeof props.errorMessage === 'function'\r\n    ? props.errorMessage()\r\n    : props.errorMessage,\r\n);\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (message.value)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, _toDisplayString(message.value), 1))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","message","computed","_ctx","_cache","_openBlock","_createElementBlock","_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,GAMRE,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,SACJI,EAAW,GAAGC,EAAoB,OAAOV,GAAYW,EAAiBN,EAAQ,KAAK,GAAG,CAAC,KACxFO,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}

package/dist/design-system3.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system3.js","sources":["../src/composables/Validation.ts"],"sourcesContent":["import { inject, onBeforeUnmount, provide, ref, type Ref } from 'vue';\nimport { PIKey } from '@/constants/Common';\n\n/**\n * Types\n */\n// eslint-disable-next-line no-unused-vars\nexport type ValidationRuleFunction = (val: any) => boolean;\nexport type ValidationErrorMessageFunction = () => string;\nexport interface ValidationRule {\n  validateRule: ValidationRuleFunction;\n  errorMessage: ValidationErrorMessageFunction;\n}\nexport interface ValidationResult {\n  validate: () => void;\n  fieldValue: Ref<any>;\n  valid: boolean;\n  errorMessage: ValidationErrorMessageFunction;\n}\n\n/**\n * ValidationForm\n * @returns\n */\nexport function useValidationForm() {\n  let validationForm = inject(PIKey.FormValidation, undefined);\n  if (!validationForm) {\n    validationForm = {};\n    provide(PIKey.FormValidation, validationForm);\n  }\n\n  const validateAll = (): boolean => {\n    if (validationForm) {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const vList = Object.entries(validationForm).map(([key, value]) => {\n        value.value.validate();\n        return value.value.valid;\n      });\n      return vList.every((v) => v);\n    }\n    return false;\n  };\n  const resetAll = () => {\n    if (validationForm) {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      Object.entries(validationForm).forEach(([key, value]) => {\n        value.value.valid = true;\n        value.value.errorMessage = () => '';\n      });\n    }\n  };\n\n  return {\n    validationForm,\n    validateAll,\n    resetAll,\n  };\n}\n\n/**\n * Validation Field\n * @param key\n * @param fieldValue\n * @param validationRules\n * @returns\n */\nexport function useValidationField(\n  key: string,\n  fieldValue: Ref<any>,\n  validationRules: ValidationRule[] | undefined,\n) {\n  const validationResult = ref<ValidationResult>({\n    validate: () => {},\n    fieldValue,\n    valid: true,\n    errorMessage: () => '',\n  });\n\n  const formValidations = inject(PIKey.FormValidation, undefined);\n  if (formValidations) {\n    formValidations[key] = validationResult;\n  }\n\n  onBeforeUnmount(() => {\n    if (formValidations) {\n      delete formValidations[key];\n    }\n  });\n\n  /**\n   * Validate field value by a list of rules\n   * @returns\n   */\n  const validate = () => {\n    if (!validationRules) {\n      return;\n    }\n\n    validationResult.value.valid = true;\n    validationResult.value.errorMessage = () => '';\n\n    for (let i = 0; i < validationRules.length; i++) {\n      const result = validationRules[i].validateRule(fieldValue.value);\n\n      if (!result) {\n        validationResult.value.valid = false;\n        validationResult.value.errorMessage = validationRules[i].errorMessage;\n        return;\n      }\n    }\n  };\n\n  validationResult.value.validate = validate;\n\n  return {\n    validate,\n    validationResult,\n  };\n}\n"],"names":["useValidationForm","validationForm","inject","PIKey","provide","key","value","v","useValidationField","fieldValue","validationRules","validationResult","ref","formValidations","onBeforeUnmount","validate","i"],"mappings":"wIAwBO,SAASA,GAAoB,CAClC,IAAIC,EAAiBC,EAAAA,OAAOC,EAAAA,MAAM,eAAgB,MAAS,EAC3D,OAAKF,IACHA,EAAiB,CAAA,EACTG,EAAAA,QAAAD,EAAA,MAAM,eAAgBF,CAAc,GAwBvC,CACL,eAAAA,EACA,YAvBkB,IACdA,EAEY,OAAO,QAAQA,CAAc,EAAE,IAAI,CAAC,CAACI,EAAKC,CAAK,KAC3DA,EAAM,MAAM,WACLA,EAAM,MAAM,MACpB,EACY,MAAOC,GAAMA,CAAC,EAEtB,GAeP,SAbe,IAAM,CACjBN,GAEK,OAAA,QAAQA,CAAc,EAAE,QAAQ,CAAC,CAACI,EAAKC,CAAK,IAAM,CACvDA,EAAM,MAAM,MAAQ,GACdA,EAAA,MAAM,aAAe,IAAM,EAAA,CAClC,CACH,CAMA,CAEJ,CASgB,SAAAE,EACdH,EACAI,EACAC,EACA,CACA,MAAMC,EAAmBC,EAAAA,IAAsB,CAC7C,SAAU,IAAM,CAAC,EACjB,WAAAH,EACA,MAAO,GACP,aAAc,IAAM,EAAA,CACrB,EAEKI,EAAkBX,EAAAA,OAAOC,EAAAA,MAAM,eAAgB,MAAS,EAC1DU,IACFA,EAAgBR,CAAG,EAAIM,GAGzBG,EAAAA,gBAAgB,IAAM,CAChBD,GACF,OAAOA,EAAgBR,CAAG,CAC5B,CACD,EAMD,MAAMU,EAAW,IAAM,CACrB,GAAKL,EAIL,CAAAC,EAAiB,MAAM,MAAQ,GACdA,EAAA,MAAM,aAAe,IAAM,GAE5C,QAASK,EAAI,EAAGA,EAAIN,EAAgB,OAAQM,IAG1C,GAAI,CAFWN,EAAgBM,CAAC,EAAE,aAAaP,EAAW,KAAK,EAElD,CACXE,EAAiB,MAAM,MAAQ,GAC/BA,EAAiB,MAAM,aAAeD,EAAgBM,CAAC,EAAE,aACzD,MACF,EACF,EAGF,OAAAL,EAAiB,MAAM,SAAWI,EAE3B,CACL,SAAAA,EACA,iBAAAJ,CAAA,CAEJ"}
+{"version":3,"file":"design-system3.js","sources":["../src/composables/Validation.ts"],"sourcesContent":["import { inject, onBeforeUnmount, provide, ref, type Ref } from 'vue';\r\nimport { PIKey } from '@/constants/Common';\r\n\r\n/**\r\n * Types\r\n */\r\n// eslint-disable-next-line no-unused-vars\r\nexport type ValidationRuleFunction = (val: any) => boolean;\r\nexport type ValidationErrorMessageFunction = () => string;\r\nexport interface ValidationRule {\r\n  validateRule: ValidationRuleFunction;\r\n  errorMessage: ValidationErrorMessageFunction;\r\n}\r\nexport interface ValidationResult {\r\n  validate: () => void;\r\n  fieldValue: Ref<any>;\r\n  valid: boolean;\r\n  errorMessage: ValidationErrorMessageFunction;\r\n}\r\n\r\n/**\r\n * ValidationForm\r\n * @returns\r\n */\r\nexport function useValidationForm() {\r\n  let validationForm = inject(PIKey.FormValidation, undefined);\r\n  if (!validationForm) {\r\n    validationForm = {};\r\n    provide(PIKey.FormValidation, validationForm);\r\n  }\r\n\r\n  const validateAll = (): boolean => {\r\n    if (validationForm) {\r\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n      const vList = Object.entries(validationForm).map(([key, value]) => {\r\n        value.value.validate();\r\n        return value.value.valid;\r\n      });\r\n      return vList.every((v) => v);\r\n    }\r\n    return false;\r\n  };\r\n  const resetAll = () => {\r\n    if (validationForm) {\r\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n      Object.entries(validationForm).forEach(([key, value]) => {\r\n        value.value.valid = true;\r\n        value.value.errorMessage = () => '';\r\n      });\r\n    }\r\n  };\r\n\r\n  return {\r\n    validationForm,\r\n    validateAll,\r\n    resetAll,\r\n  };\r\n}\r\n\r\n/**\r\n * Validation Field\r\n * @param key\r\n * @param fieldValue\r\n * @param validationRules\r\n * @returns\r\n */\r\nexport function useValidationField(\r\n  key: string,\r\n  fieldValue: Ref<any>,\r\n  validationRules: ValidationRule[] | undefined,\r\n) {\r\n  const validationResult = ref<ValidationResult>({\r\n    validate: () => {},\r\n    fieldValue,\r\n    valid: true,\r\n    errorMessage: () => '',\r\n  });\r\n\r\n  const formValidations = inject(PIKey.FormValidation, undefined);\r\n  if (formValidations) {\r\n    formValidations[key] = validationResult;\r\n  }\r\n\r\n  onBeforeUnmount(() => {\r\n    if (formValidations) {\r\n      delete formValidations[key];\r\n    }\r\n  });\r\n\r\n  /**\r\n   * Validate field value by a list of rules\r\n   * @returns\r\n   */\r\n  const validate = () => {\r\n    if (!validationRules) {\r\n      return;\r\n    }\r\n\r\n    validationResult.value.valid = true;\r\n    validationResult.value.errorMessage = () => '';\r\n\r\n    for (let i = 0; i < validationRules.length; i++) {\r\n      const result = validationRules[i].validateRule(fieldValue.value);\r\n\r\n      if (!result) {\r\n        validationResult.value.valid = false;\r\n        validationResult.value.errorMessage = validationRules[i].errorMessage;\r\n        return;\r\n      }\r\n    }\r\n  };\r\n\r\n  validationResult.value.validate = validate;\r\n\r\n  return {\r\n    validate,\r\n    validationResult,\r\n  };\r\n}\r\n"],"names":["useValidationForm","validationForm","inject","PIKey","provide","key","value","v","useValidationField","fieldValue","validationRules","validationResult","ref","formValidations","onBeforeUnmount","validate","i"],"mappings":"wIAwBO,SAASA,GAAoB,CAClC,IAAIC,EAAiBC,EAAAA,OAAOC,EAAAA,MAAM,eAAgB,MAAS,EAC3D,OAAKF,IACHA,EAAiB,CAAA,EACTG,EAAAA,QAAAD,EAAA,MAAM,eAAgBF,CAAc,GAwBvC,CACL,eAAAA,EACA,YAvBkB,IACdA,EAEY,OAAO,QAAQA,CAAc,EAAE,IAAI,CAAC,CAACI,EAAKC,CAAK,KAC3DA,EAAM,MAAM,WACLA,EAAM,MAAM,MACpB,EACY,MAAOC,GAAMA,CAAC,EAEtB,GAeP,SAbe,IAAM,CACjBN,GAEK,OAAA,QAAQA,CAAc,EAAE,QAAQ,CAAC,CAACI,EAAKC,CAAK,IAAM,CACvDA,EAAM,MAAM,MAAQ,GACdA,EAAA,MAAM,aAAe,IAAM,EAAA,CAClC,CACH,CAMA,CAEJ,CASgB,SAAAE,EACdH,EACAI,EACAC,EACA,CACA,MAAMC,EAAmBC,EAAAA,IAAsB,CAC7C,SAAU,IAAM,CAAC,EACjB,WAAAH,EACA,MAAO,GACP,aAAc,IAAM,EAAA,CACrB,EAEKI,EAAkBX,EAAAA,OAAOC,EAAAA,MAAM,eAAgB,MAAS,EAC1DU,IACFA,EAAgBR,CAAG,EAAIM,GAGzBG,EAAAA,gBAAgB,IAAM,CAChBD,GACF,OAAOA,EAAgBR,CAAG,CAC5B,CACD,EAMD,MAAMU,EAAW,IAAM,CACrB,GAAKL,EAIL,CAAAC,EAAiB,MAAM,MAAQ,GACdA,EAAA,MAAM,aAAe,IAAM,GAE5C,QAASK,EAAI,EAAGA,EAAIN,EAAgB,OAAQM,IAG1C,GAAI,CAFWN,EAAgBM,CAAC,EAAE,aAAaP,EAAW,KAAK,EAElD,CACXE,EAAiB,MAAM,MAAQ,GAC/BA,EAAiB,MAAM,aAAeD,EAAgBM,CAAC,EAAE,aACzD,MACF,EACF,EAGF,OAAAL,EAAiB,MAAM,SAAWI,EAE3B,CACL,SAAAA,EACA,iBAAAJ,CAAA,CAEJ"}

package/dist/design-system3.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system3.mjs","sources":["../src/composables/Validation.ts"],"sourcesContent":["import { inject, onBeforeUnmount, provide, ref, type Ref } from 'vue';\nimport { PIKey } from '@/constants/Common';\n\n/**\n * Types\n */\n// eslint-disable-next-line no-unused-vars\nexport type ValidationRuleFunction = (val: any) => boolean;\nexport type ValidationErrorMessageFunction = () => string;\nexport interface ValidationRule {\n  validateRule: ValidationRuleFunction;\n  errorMessage: ValidationErrorMessageFunction;\n}\nexport interface ValidationResult {\n  validate: () => void;\n  fieldValue: Ref<any>;\n  valid: boolean;\n  errorMessage: ValidationErrorMessageFunction;\n}\n\n/**\n * ValidationForm\n * @returns\n */\nexport function useValidationForm() {\n  let validationForm = inject(PIKey.FormValidation, undefined);\n  if (!validationForm) {\n    validationForm = {};\n    provide(PIKey.FormValidation, validationForm);\n  }\n\n  const validateAll = (): boolean => {\n    if (validationForm) {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const vList = Object.entries(validationForm).map(([key, value]) => {\n        value.value.validate();\n        return value.value.valid;\n      });\n      return vList.every((v) => v);\n    }\n    return false;\n  };\n  const resetAll = () => {\n    if (validationForm) {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      Object.entries(validationForm).forEach(([key, value]) => {\n        value.value.valid = true;\n        value.value.errorMessage = () => '';\n      });\n    }\n  };\n\n  return {\n    validationForm,\n    validateAll,\n    resetAll,\n  };\n}\n\n/**\n * Validation Field\n * @param key\n * @param fieldValue\n * @param validationRules\n * @returns\n */\nexport function useValidationField(\n  key: string,\n  fieldValue: Ref<any>,\n  validationRules: ValidationRule[] | undefined,\n) {\n  const validationResult = ref<ValidationResult>({\n    validate: () => {},\n    fieldValue,\n    valid: true,\n    errorMessage: () => '',\n  });\n\n  const formValidations = inject(PIKey.FormValidation, undefined);\n  if (formValidations) {\n    formValidations[key] = validationResult;\n  }\n\n  onBeforeUnmount(() => {\n    if (formValidations) {\n      delete formValidations[key];\n    }\n  });\n\n  /**\n   * Validate field value by a list of rules\n   * @returns\n   */\n  const validate = () => {\n    if (!validationRules) {\n      return;\n    }\n\n    validationResult.value.valid = true;\n    validationResult.value.errorMessage = () => '';\n\n    for (let i = 0; i < validationRules.length; i++) {\n      const result = validationRules[i].validateRule(fieldValue.value);\n\n      if (!result) {\n        validationResult.value.valid = false;\n        validationResult.value.errorMessage = validationRules[i].errorMessage;\n        return;\n      }\n    }\n  };\n\n  validationResult.value.validate = validate;\n\n  return {\n    validate,\n    validationResult,\n  };\n}\n"],"names":["useValidationForm","validationForm","inject","PIKey","provide","key","value","v","useValidationField","fieldValue","validationRules","validationResult","ref","formValidations","onBeforeUnmount","validate","i"],"mappings":";;AAwBO,SAASA,IAAoB;AAClC,MAAIC,IAAiBC,EAAOC,EAAM,gBAAgB,MAAS;AAC3D,SAAKF,MACHA,IAAiB,CAAA,GACTG,EAAAD,EAAM,gBAAgBF,CAAc,IAwBvC;AAAA,IACL,gBAAAA;AAAA,IACA,aAvBkB,MACdA,IAEY,OAAO,QAAQA,CAAc,EAAE,IAAI,CAAC,CAACI,GAAKC,CAAK,OAC3DA,EAAM,MAAM,YACLA,EAAM,MAAM,MACpB,EACY,MAAM,CAACC,MAAMA,CAAC,IAEtB;AAAA,IAeP,UAbe,MAAM;AACrB,MAAIN,KAEK,OAAA,QAAQA,CAAc,EAAE,QAAQ,CAAC,CAACI,GAAKC,CAAK,MAAM;AACvD,QAAAA,EAAM,MAAM,QAAQ,IACdA,EAAA,MAAM,eAAe,MAAM;AAAA,MAAA,CAClC;AAAA,IACH;AAAA,EAMA;AAEJ;AASgB,SAAAE,EACdH,GACAI,GACAC,GACA;AACA,QAAMC,IAAmBC,EAAsB;AAAA,IAC7C,UAAU,MAAM;AAAA,IAAC;AAAA,IACjB,YAAAH;AAAA,IACA,OAAO;AAAA,IACP,cAAc,MAAM;AAAA,EAAA,CACrB,GAEKI,IAAkBX,EAAOC,EAAM,gBAAgB,MAAS;AAC9D,EAAIU,MACFA,EAAgBR,CAAG,IAAIM,IAGzBG,EAAgB,MAAM;AACpB,IAAID,KACF,OAAOA,EAAgBR,CAAG;AAAA,EAC5B,CACD;AAMD,QAAMU,IAAW,MAAM;AACrB,QAAKL,GAIL;AAAA,MAAAC,EAAiB,MAAM,QAAQ,IACdA,EAAA,MAAM,eAAe,MAAM;AAE5C,eAASK,IAAI,GAAGA,IAAIN,EAAgB,QAAQM;AAG1C,YAAI,CAFWN,EAAgBM,CAAC,EAAE,aAAaP,EAAW,KAAK,GAElD;AACX,UAAAE,EAAiB,MAAM,QAAQ,IAC/BA,EAAiB,MAAM,eAAeD,EAAgBM,CAAC,EAAE;AACzD;AAAA,QACF;AAAA;AAAA,EACF;AAGF,SAAAL,EAAiB,MAAM,WAAWI,GAE3B;AAAA,IACL,UAAAA;AAAA,IACA,kBAAAJ;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"design-system3.mjs","sources":["../src/composables/Validation.ts"],"sourcesContent":["import { inject, onBeforeUnmount, provide, ref, type Ref } from 'vue';\r\nimport { PIKey } from '@/constants/Common';\r\n\r\n/**\r\n * Types\r\n */\r\n// eslint-disable-next-line no-unused-vars\r\nexport type ValidationRuleFunction = (val: any) => boolean;\r\nexport type ValidationErrorMessageFunction = () => string;\r\nexport interface ValidationRule {\r\n  validateRule: ValidationRuleFunction;\r\n  errorMessage: ValidationErrorMessageFunction;\r\n}\r\nexport interface ValidationResult {\r\n  validate: () => void;\r\n  fieldValue: Ref<any>;\r\n  valid: boolean;\r\n  errorMessage: ValidationErrorMessageFunction;\r\n}\r\n\r\n/**\r\n * ValidationForm\r\n * @returns\r\n */\r\nexport function useValidationForm() {\r\n  let validationForm = inject(PIKey.FormValidation, undefined);\r\n  if (!validationForm) {\r\n    validationForm = {};\r\n    provide(PIKey.FormValidation, validationForm);\r\n  }\r\n\r\n  const validateAll = (): boolean => {\r\n    if (validationForm) {\r\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n      const vList = Object.entries(validationForm).map(([key, value]) => {\r\n        value.value.validate();\r\n        return value.value.valid;\r\n      });\r\n      return vList.every((v) => v);\r\n    }\r\n    return false;\r\n  };\r\n  const resetAll = () => {\r\n    if (validationForm) {\r\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n      Object.entries(validationForm).forEach(([key, value]) => {\r\n        value.value.valid = true;\r\n        value.value.errorMessage = () => '';\r\n      });\r\n    }\r\n  };\r\n\r\n  return {\r\n    validationForm,\r\n    validateAll,\r\n    resetAll,\r\n  };\r\n}\r\n\r\n/**\r\n * Validation Field\r\n * @param key\r\n * @param fieldValue\r\n * @param validationRules\r\n * @returns\r\n */\r\nexport function useValidationField(\r\n  key: string,\r\n  fieldValue: Ref<any>,\r\n  validationRules: ValidationRule[] | undefined,\r\n) {\r\n  const validationResult = ref<ValidationResult>({\r\n    validate: () => {},\r\n    fieldValue,\r\n    valid: true,\r\n    errorMessage: () => '',\r\n  });\r\n\r\n  const formValidations = inject(PIKey.FormValidation, undefined);\r\n  if (formValidations) {\r\n    formValidations[key] = validationResult;\r\n  }\r\n\r\n  onBeforeUnmount(() => {\r\n    if (formValidations) {\r\n      delete formValidations[key];\r\n    }\r\n  });\r\n\r\n  /**\r\n   * Validate field value by a list of rules\r\n   * @returns\r\n   */\r\n  const validate = () => {\r\n    if (!validationRules) {\r\n      return;\r\n    }\r\n\r\n    validationResult.value.valid = true;\r\n    validationResult.value.errorMessage = () => '';\r\n\r\n    for (let i = 0; i < validationRules.length; i++) {\r\n      const result = validationRules[i].validateRule(fieldValue.value);\r\n\r\n      if (!result) {\r\n        validationResult.value.valid = false;\r\n        validationResult.value.errorMessage = validationRules[i].errorMessage;\r\n        return;\r\n      }\r\n    }\r\n  };\r\n\r\n  validationResult.value.validate = validate;\r\n\r\n  return {\r\n    validate,\r\n    validationResult,\r\n  };\r\n}\r\n"],"names":["useValidationForm","validationForm","inject","PIKey","provide","key","value","v","useValidationField","fieldValue","validationRules","validationResult","ref","formValidations","onBeforeUnmount","validate","i"],"mappings":";;AAwBO,SAASA,IAAoB;AAClC,MAAIC,IAAiBC,EAAOC,EAAM,gBAAgB,MAAS;AAC3D,SAAKF,MACHA,IAAiB,CAAA,GACTG,EAAAD,EAAM,gBAAgBF,CAAc,IAwBvC;AAAA,IACL,gBAAAA;AAAA,IACA,aAvBkB,MACdA,IAEY,OAAO,QAAQA,CAAc,EAAE,IAAI,CAAC,CAACI,GAAKC,CAAK,OAC3DA,EAAM,MAAM,YACLA,EAAM,MAAM,MACpB,EACY,MAAM,CAACC,MAAMA,CAAC,IAEtB;AAAA,IAeP,UAbe,MAAM;AACrB,MAAIN,KAEK,OAAA,QAAQA,CAAc,EAAE,QAAQ,CAAC,CAACI,GAAKC,CAAK,MAAM;AACvD,QAAAA,EAAM,MAAM,QAAQ,IACdA,EAAA,MAAM,eAAe,MAAM;AAAA,MAAA,CAClC;AAAA,IACH;AAAA,EAMA;AAEJ;AASgB,SAAAE,EACdH,GACAI,GACAC,GACA;AACA,QAAMC,IAAmBC,EAAsB;AAAA,IAC7C,UAAU,MAAM;AAAA,IAAC;AAAA,IACjB,YAAAH;AAAA,IACA,OAAO;AAAA,IACP,cAAc,MAAM;AAAA,EAAA,CACrB,GAEKI,IAAkBX,EAAOC,EAAM,gBAAgB,MAAS;AAC9D,EAAIU,MACFA,EAAgBR,CAAG,IAAIM,IAGzBG,EAAgB,MAAM;AACpB,IAAID,KACF,OAAOA,EAAgBR,CAAG;AAAA,EAC5B,CACD;AAMD,QAAMU,IAAW,MAAM;AACrB,QAAKL,GAIL;AAAA,MAAAC,EAAiB,MAAM,QAAQ,IACdA,EAAA,MAAM,eAAe,MAAM;AAE5C,eAASK,IAAI,GAAGA,IAAIN,EAAgB,QAAQM;AAG1C,YAAI,CAFWN,EAAgBM,CAAC,EAAE,aAAaP,EAAW,KAAK,GAElD;AACX,UAAAE,EAAiB,MAAM,QAAQ,IAC/BA,EAAiB,MAAM,eAAeD,EAAgBM,CAAC,EAAE;AACzD;AAAA,QACF;AAAA;AAAA,EACF;AAGF,SAAAL,EAAiB,MAAM,WAAWI,GAE3B;AAAA,IACL,UAAAA;AAAA,IACA,kBAAAJ;AAAA,EAAA;AAEJ;"}

package/dist/design-system30.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),o={class:"ds-min-h-[1rem]"},n={key:0,class:"ds-text-xs ds-text-red-500"},c=e.defineComponent({__name:"BErrorMessage",props:{errorMessage:{type:[String,Function],default:""}},setup(r){const s=r,t=e.computed(()=>typeof s.errorMessage=="function"?s.errorMessage():s.errorMessage);return(a,i)=>(e.openBlock(),e.createElementBlock("div",o,[t.value?(e.openBlock(),e.createElementBlock("div",n,e.toDisplayString(t.value),1)):e.createCommentVNode("",!0)]))}});module.exports=c;
+"use strict";const e=require("vue"),s=require("./design-system4.js"),r=["for"],n={key:0,class:"ds-ml-1 ds-text-red-500"},a=e.defineComponent({__name:"BLabel",props:{id:{default:""},label:{default:""},required:{type:Boolean,default:!1}},setup(l){const t=l;return(o,d)=>t.label||o.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.id,class:"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500"},[e.createElementVNode("span",null,[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),t.required?(e.openBlock(),e.createElementBlock("span",n,e.toDisplayString(e.unref(s.RequiredSymbol)),1)):e.createCommentVNode("",!0)],8,r)):e.createCommentVNode("",!0)}});module.exports=a;
 //# sourceMappingURL=design-system30.js.map

package/dist/design-system30.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system30.js","sources":["../src/components/BErrorMessage.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, 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/**\n * Props\n */\nexport interface BErrorMessageProps {\n  /**\n   * A text or a function returning a text.\n   */\n  errorMessage?: string | ErrorMessageFunction;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BErrorMessage',\n  props: {\n    errorMessage: { type: [String, Function], default: '' }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\n/**\n * Data\n */\nconst message = computed(() =>\n  typeof props.errorMessage === 'function'\n    ? props.errorMessage()\n    : props.errorMessage,\n);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (message.value)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, _toDisplayString(message.value), 1))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","message","computed","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode"],"mappings":"oCAGMA,EAAa,CAAE,MAAO,mBACtBC,EAAa,CACjB,IAAK,EACL,MAAO,4BACT,EAe4BC,EAAiBC,kBAAA,CAC3C,OAAQ,gBACR,MAAO,CACL,aAAc,CAAE,KAAM,CAAC,OAAQ,QAAQ,EAAG,QAAS,EAAG,CACxD,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAORE,EAAUC,EAAA,SAAS,IACvB,OAAOF,EAAM,cAAiB,WAC1BA,EAAM,aAAA,EACNA,EAAM,YAAA,EAGL,MAAA,CAACG,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOX,EAAY,CAC1DM,EAAQ,OACJI,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAOV,EAAYW,EAAAA,gBAAiBN,EAAQ,KAAK,EAAG,CAAC,GACxFO,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system30.js","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';\r\n\r\n//#region Props\r\nexport interface BLabelProps {\r\n  id?: string;\r\n  label?: string;\r\n  /**\r\n   * Show \"*\" beside the label\r\n   */\r\n  required?: boolean;\r\n}\r\n\r\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\r\n\r\n//#endregion\r\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":"qEAGMA,EAAa,CAAC,KAAK,EACnBC,EAAa,CACjB,IAAK,EACL,MAAO,yBACT,EAe4BC,EAAiBC,kBAAA,CAC3C,OAAQ,SACR,MAAO,CACL,GAAI,CAAE,QAAS,EAAG,EAClB,MAAO,CAAE,QAAS,EAAG,EACrB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAKP,MAAA,CAACE,EAAUC,IACRF,EAAM,OAASC,EAAK,OAAO,SAC9BE,EAAW,UAAA,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKH,EAAK,GACV,MAAO,2DAAA,EACN,CACDI,EAAA,mBAAoB,OAAQ,KAAM,CAChCC,EAAAA,WAAYL,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CM,EAAAA,gBAAiBC,EAAAA,gBAAiBR,EAAM,KAAK,EAAG,CAAC,CAAA,CAClD,CAAA,CACF,EACAA,EAAM,UACFG,EAAA,UAAA,EAAcC,EAAAA,mBAAoB,OAAQR,EAAYY,EAAAA,gBAAiBC,EAAAA,MAAOC,EAAAA,cAAc,CAAC,EAAG,CAAC,GAClGC,EAAA,mBAAoB,GAAI,EAAI,CAAA,EAC/B,EAAGhB,CAAU,GAChBgB,EAAA,mBAAoB,GAAI,EAAI,CAElC,CAEA,CAAC"}

package/dist/design-system30.mjs

@@ -1,22 +1,32 @@
-import { defineComponent as n, computed as a, openBlock as t, createElementBlock as r, toDisplayString as c, createCommentVNode as d } from "vue";
-const i = { class: "ds-min-h-[1rem]" }, p = {
+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__ */ n({
-  __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(o) {
-    const e = o, s = a(
-      () => typeof e.errorMessage == "function" ? e.errorMessage() : e.errorMessage
-    );
-    return (m, u) => (t(), r("div", i, [
-      s.value ? (t(), r("div", p, c(s.value), 1)) : d("", !0)
-    ]));
+  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);
   }
 });
 export {
-  _ as default
+  k as default
 };
 //# sourceMappingURL=design-system30.mjs.map

package/dist/design-system30.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system30.mjs","sources":["../src/components/BErrorMessage.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, 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/**\n * Props\n */\nexport interface BErrorMessageProps {\n  /**\n   * A text or a function returning a text.\n   */\n  errorMessage?: string | ErrorMessageFunction;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BErrorMessage',\n  props: {\n    errorMessage: { type: [String, Function], default: '' }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n\n/**\n * Data\n */\nconst message = computed(() =>\n  typeof props.errorMessage === 'function'\n    ? props.errorMessage()\n    : props.errorMessage,\n);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (message.value)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, _toDisplayString(message.value), 1))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","message","computed","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,qBACtBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAe4BC,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,GAORE,IAAUC;AAAA,MAAS,MACvB,OAAOF,EAAM,gBAAiB,aAC1BA,EAAM,aAAA,IACNA,EAAM;AAAA,IAAA;AAGL,WAAA,CAACG,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOX,GAAY;AAAA,MAC1DM,EAAQ,SACJI,EAAW,GAAGC,EAAoB,OAAOV,GAAYW,EAAiBN,EAAQ,KAAK,GAAG,CAAC,KACxFO,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system30.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';\r\n\r\n//#region Props\r\nexport interface BLabelProps {\r\n  id?: string;\r\n  label?: string;\r\n  /**\r\n   * Show \"*\" beside the label\r\n   */\r\n  required?: boolean;\r\n}\r\n\r\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\r\n\r\n//#endregion\r\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;AAKP,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-system31.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),s=require("./design-system4.js"),r=["for"],n={key:0,class:"ds-ml-1 ds-text-red-500"},a=e.defineComponent({__name:"BLabel",props:{id:{default:""},label:{default:""},required:{type:Boolean,default:!1}},setup(l){const t=l;return(o,d)=>t.label||o.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.id,class:"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500"},[e.createElementVNode("span",null,[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),t.required?(e.openBlock(),e.createElementBlock("span",n,e.toDisplayString(e.unref(s.RequiredSymbol)),1)):e.createCommentVNode("",!0)],8,r)):e.createCommentVNode("",!0)}});module.exports=a;
+"use strict";const e=require("./design-system68.js");require("./design-system69.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-871b9c1c"]]);module.exports=t;
 //# sourceMappingURL=design-system31.js.map

package/dist/design-system31.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system31.js","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/**\n * Props\n */\nexport interface BLabelProps {\n  id?: string;\n  label?: string;\n  /**\n   * Show \"*\" beside the label\n   */\n  required?: boolean;\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\n\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":"qEAGMA,EAAa,CAAC,KAAK,EACnBC,EAAa,CACjB,IAAK,EACL,MAAO,yBACT,EAgB4BC,EAAiBC,kBAAA,CAC3C,OAAQ,SACR,MAAO,CACL,GAAI,CAAE,QAAS,EAAG,EAClB,MAAO,CAAE,QAAS,EAAG,EACrB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAIP,MAAA,CAACE,EAAUC,IACRF,EAAM,OAASC,EAAK,OAAO,SAC9BE,EAAW,UAAA,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKH,EAAK,GACV,MAAO,2DAAA,EACN,CACDI,EAAA,mBAAoB,OAAQ,KAAM,CAChCC,EAAAA,WAAYL,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CM,EAAAA,gBAAiBC,EAAAA,gBAAiBR,EAAM,KAAK,EAAG,CAAC,CAAA,CAClD,CAAA,CACF,EACAA,EAAM,UACFG,EAAA,UAAA,EAAcC,EAAAA,mBAAoB,OAAQR,EAAYY,EAAAA,gBAAiBC,EAAAA,MAAOC,EAAAA,cAAc,CAAC,EAAG,CAAC,GAClGC,EAAA,mBAAoB,GAAI,EAAI,CAAA,EAC/B,EAAGhB,CAAU,GAChBgB,EAAA,mBAAoB,GAAI,EAAI,CAElC,CAEA,CAAC"}
+{"version":3,"file":"design-system31.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system31.mjs

@@ -1,32 +1,8 @@
-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",
-  props: {
-    id: { default: "" },
-    label: { default: "" },
-    required: { 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);
-  }
-});
+import o from "./design-system68.mjs";
+import "./design-system69.mjs";
+import r from "./design-system56.mjs";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-871b9c1c"]]);
 export {
-  k as default
+  m as default
 };
 //# sourceMappingURL=design-system31.mjs.map

package/dist/design-system31.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system31.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/**\n * Props\n */\nexport interface BLabelProps {\n  id?: string;\n  label?: string;\n  /**\n   * Show \"*\" beside the label\n   */\n  required?: boolean;\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\n\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,GAgB4BC,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;AAIP,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-system31.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/design-system32.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system70.js");require("./design-system71.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-a22c2003"]]);module.exports=t;
+"use strict";const e=require("./design-system70.js");require("./design-system71.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-6de456a5"]]);module.exports=t;
 //# sourceMappingURL=design-system32.js.map

package/dist/design-system32.mjs

@@ -1,8 +1,8 @@
 import o from "./design-system70.mjs";
 import "./design-system71.mjs";
 import a from "./design-system56.mjs";
-const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-a22c2003"]]);
+const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-6de456a5"]]);
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=design-system32.mjs.map

package/dist/design-system33.js

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

package/dist/design-system33.mjs

@@ -1,8 +1,13 @@
-import o from "./design-system72.mjs";
-import "./design-system73.mjs";
-import a from "./design-system56.mjs";
-const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-324af178"]]);
+import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
+import c from "./design-system56.mjs";
+const s = {}, n = { class: "ds-p-4" };
+function d(e, l) {
+  return o(), t("div", n, [
+    r(e.$slots, "default")
+  ]);
+}
+const f = /* @__PURE__ */ c(s, [["render", d]]);
 export {
-  m as default
+  f as default
 };
 //# sourceMappingURL=design-system33.mjs.map

package/dist/design-system33.mjs.map

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

package/dist/design-system34.js

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

package/dist/design-system34.mjs

@@ -1,13 +1,13 @@
-import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
-import c from "./design-system56.mjs";
-const s = {}, n = { class: "ds-p-4" };
-function d(e, l) {
+import { openBlock as o, createElementBlock as t, renderSlot as s } from "vue";
+import r from "./design-system56.mjs";
+const d = {}, n = { class: "ds-flex ds-items-center ds-justify-end ds-rounded-b-lg ds-p-4" };
+function c(e, l) {
   return o(), t("div", n, [
-    r(e.$slots, "default")
+    s(e.$slots, "default")
   ]);
 }
-const f = /* @__PURE__ */ c(s, [["render", d]]);
+const a = /* @__PURE__ */ r(d, [["render", c]]);
 export {
-  f as default
+  a as default
 };
 //# sourceMappingURL=design-system34.mjs.map

package/dist/design-system35.js

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

package/dist/design-system35.mjs

@@ -1,13 +1,13 @@
-import { openBlock as o, createElementBlock as t, renderSlot as s } from "vue";
+import { openBlock as t, createElementBlock as s, renderSlot as o } from "vue";
 import r from "./design-system56.mjs";
-const d = {}, n = { class: "ds-flex ds-items-center ds-justify-end ds-rounded-b-lg ds-p-4" };
+const d = {}, n = { class: "ds-flex ds-items-start ds-justify-between ds-rounded-t-lg ds-p-4" };
 function c(e, l) {
-  return o(), t("div", n, [
-    s(e.$slots, "default")
+  return t(), s("div", n, [
+    o(e.$slots, "default")
   ]);
 }
-const a = /* @__PURE__ */ r(d, [["render", c]]);
+const _ = /* @__PURE__ */ r(d, [["render", c]]);
 export {
-  a as default
+  _ as default
 };
 //# sourceMappingURL=design-system35.mjs.map

package/dist/design-system36.js

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

package/dist/design-system36.mjs

@@ -1,13 +1,13 @@
-import { openBlock as t, createElementBlock as s, renderSlot as o } from "vue";
-import r from "./design-system56.mjs";
-const d = {}, n = { class: "ds-flex ds-items-start ds-justify-between ds-rounded-t-lg ds-p-4" };
-function c(e, l) {
-  return t(), s("div", n, [
-    o(e.$slots, "default")
+import { openBlock as s, createElementBlock as d, renderSlot as t } from "vue";
+import o from "./design-system56.mjs";
+const r = {}, l = { class: "ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm" };
+function c(e, f) {
+  return s(), d("div", l, [
+    t(e.$slots, "default")
   ]);
 }
-const _ = /* @__PURE__ */ r(d, [["render", c]]);
+const i = /* @__PURE__ */ o(r, [["render", c]]);
 export {
-  _ as default
+  i as default
 };
 //# sourceMappingURL=design-system36.mjs.map

package/dist/design-system37.js

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

package/dist/design-system37.mjs

@@ -1,13 +1,14 @@
-import { openBlock as s, createElementBlock as d, renderSlot as t } from "vue";
-import o from "./design-system56.mjs";
-const r = {}, l = { class: "ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm" };
-function c(e, f) {
-  return s(), d("div", l, [
-    t(e.$slots, "default")
+import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
+import "./design-system78.mjs";
+import c from "./design-system56.mjs";
+const n = {}, s = { class: "tab" };
+function a(e, d) {
+  return t(), o("div", s, [
+    r(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const i = /* @__PURE__ */ o(r, [["render", c]]);
+const l = /* @__PURE__ */ c(n, [["render", a], ["__scopeId", "data-v-5da59e73"]]);
 export {
-  i as default
+  l as default
 };
 //# sourceMappingURL=design-system37.mjs.map

package/dist/design-system37.mjs.map

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

package/dist/design-system38.js

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

package/dist/design-system38.mjs

@@ -1,14 +1,8 @@
-import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
+import o from "./design-system79.mjs";
 import "./design-system80.mjs";
-import c from "./design-system56.mjs";
-const n = {}, d = { class: "tab" };
-function s(e, a) {
-  return t(), o("div", d, [
-    r(e.$slots, "default", {}, void 0, !0)
-  ]);
-}
-const l = /* @__PURE__ */ c(n, [["render", s], ["__scopeId", "data-v-c57e2dad"]]);
+import t from "./design-system56.mjs";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cb1627f0"]]);
 export {
-  l as default
+  m as default
 };
 //# sourceMappingURL=design-system38.mjs.map

package/dist/design-system38.mjs.map

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

package/dist/design-system39.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system81.js");require("./design-system82.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-0e61b97f"]]);module.exports=t;
+"use strict";const e=require("./design-system82.js");require("./design-system83.js");const t=require("./design-system56.js"),r=t(e,[["__scopeId","data-v-67b64925"]]);module.exports=r;
 //# sourceMappingURL=design-system39.js.map

package/dist/design-system39.mjs

@@ -1,8 +1,8 @@
-import o from "./design-system81.mjs";
-import "./design-system82.mjs";
+import o from "./design-system82.mjs";
+import "./design-system83.mjs";
 import t from "./design-system56.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0e61b97f"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-67b64925"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=design-system39.mjs.map

package/dist/design-system4.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system4.js","sources":["../src/constants/Common.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\nimport type { ValidationResult } from '@/composables/Validation';\n\nexport const DateDelimiter = '/';\nexport const RequiredSymbol = '*';\nexport const PIKey = {\n  FormValidation: Symbol() as InjectionKey<\n    Record<string, Ref<ValidationResult>>\n  >,\n  CloseDropdown: Symbol() as InjectionKey<() => void>,\n};\nexport const FileImageTypes = ['image/png', 'image/jpeg', 'image/webp'];\n"],"names":["DateDelimiter","RequiredSymbol","PIKey","FileImageTypes"],"mappings":"gFAGO,MAAMA,EAAgB,IAChBC,EAAiB,IACjBC,EAAQ,CACnB,eAAgB,OAAO,EAGvB,cAAe,OAAO,CACxB,EACaC,EAAiB,CAAC,YAAa,aAAc,YAAY"}
+{"version":3,"file":"design-system4.js","sources":["../src/constants/Common.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\r\nimport type { ValidationResult } from '@/composables/Validation';\r\n\r\nexport const DateDelimiter = '/';\r\nexport const RequiredSymbol = '*';\r\nexport const PIKey = {\r\n  FormValidation: Symbol() as InjectionKey<\r\n    Record<string, Ref<ValidationResult>>\r\n  >,\r\n  CloseDropdown: Symbol() as InjectionKey<() => void>,\r\n};\r\nexport const FileImageTypes = ['image/png', 'image/jpeg', 'image/webp'];\r\n"],"names":["DateDelimiter","RequiredSymbol","PIKey","FileImageTypes"],"mappings":"gFAGO,MAAMA,EAAgB,IAChBC,EAAiB,IACjBC,EAAQ,CACnB,eAAgB,OAAO,EAGvB,cAAe,OAAO,CACxB,EACaC,EAAiB,CAAC,YAAa,aAAc,YAAY"}

package/dist/design-system4.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system4.mjs","sources":["../src/constants/Common.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\nimport type { ValidationResult } from '@/composables/Validation';\n\nexport const DateDelimiter = '/';\nexport const RequiredSymbol = '*';\nexport const PIKey = {\n  FormValidation: Symbol() as InjectionKey<\n    Record<string, Ref<ValidationResult>>\n  >,\n  CloseDropdown: Symbol() as InjectionKey<() => void>,\n};\nexport const FileImageTypes = ['image/png', 'image/jpeg', 'image/webp'];\n"],"names":["DateDelimiter","RequiredSymbol","PIKey","FileImageTypes"],"mappings":"AAGO,MAAMA,IAAgB,KAChBC,IAAiB,KACjBC,IAAQ;AAAA,EACnB,gBAAgB,OAAO;AAAA,EAGvB,eAAe,OAAO;AACxB,GACaC,IAAiB,CAAC,aAAa,cAAc,YAAY;"}
+{"version":3,"file":"design-system4.mjs","sources":["../src/constants/Common.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue';\r\nimport type { ValidationResult } from '@/composables/Validation';\r\n\r\nexport const DateDelimiter = '/';\r\nexport const RequiredSymbol = '*';\r\nexport const PIKey = {\r\n  FormValidation: Symbol() as InjectionKey<\r\n    Record<string, Ref<ValidationResult>>\r\n  >,\r\n  CloseDropdown: Symbol() as InjectionKey<() => void>,\r\n};\r\nexport const FileImageTypes = ['image/png', 'image/jpeg', 'image/webp'];\r\n"],"names":["DateDelimiter","RequiredSymbol","PIKey","FileImageTypes"],"mappings":"AAGO,MAAMA,IAAgB,KAChBC,IAAiB,KACjBC,IAAQ;AAAA,EACnB,gBAAgB,OAAO;AAAA,EAGvB,eAAe,OAAO;AACxB,GACaC,IAAiB,CAAC,aAAa,cAAc,YAAY;"}

package/dist/design-system40.js

@@ -1,2 +1,2 @@
-"use strict";const o=require("vue"),C=require("./design-system3.js"),V=require("./design-system48.js"),q=require("./design-system30.js"),_=require("./design-system31.js"),E=require("./design-system98.js"),w={class:"ds-relative"},R={key:0,class:"ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},$=["id"],N=["id","autocomplete","disabled","inputmode","placeholder","readonly","type","onKeyup"],D={key:1,class:"ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},M=["id"],z=o.defineComponent({__name:"BTextField",props:{inputId:{default:""},inputCssClass:{default:""},validationRules:{default:void 0},modelValue:{},label:{default:""},prependIcon:{default:""},hidePrependIcon:{type:Boolean,default:!1},appendIcon:{default:""},hideAppendIcon:{type:Boolean,default:!1},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},type:{default:"text"},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},inputHandler:{default:void 0},inputmode:{default:"text"}},emits:["focus","blur","click:prepend","click:append","press:enter","update:modelValue"],setup(i,{expose:c,emit:l}){const s=i,{t:f}=V.useI18n(),n=o.ref(null),m={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||f("ds.global.field_required")},d=o.computed(()=>s.inputId||`id-${E()}`),r=o.computed({get(){return s.modelValue},set(e){l("update:modelValue",e)}}),v=o.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!a.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":a.value.valid},s.inputCssClass]),y=o.computed(()=>{let e=[];return s.required&&e.push(m),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:p,validationResult:a}=C.useValidationField(d.value,r,y.value),b=()=>{l("click:prepend")},h=()=>{l("click:append")},I=()=>{l("press:enter")},k=()=>{l("focus")},g=()=>{l("blur")},B=()=>{p()};return c({validate:p,focus:()=>{var e;(e=n.value)==null||e.focus()},blur:()=>{var e;(e=n.value)==null||e.blur()}}),(e,t)=>(o.openBlock(),o.createElementBlock("div",null,[o.createVNode(_,{id:d.value,label:e.label,required:e.required},null,8,["id","label","required"]),o.createElementVNode("div",w,[e.$slots.prependIcon||e.prependIcon?o.withDirectives((o.openBlock(),o.createElementBlock("div",R,[o.renderSlot(e.$slots,"prependIcon",{},()=>[o.createElementVNode("span",{id:`${d.value}prependIcon`,class:o.normalizeClass(e.prependIcon),onClick:b},null,10,$)])],512)),[[o.vShow,!e.hidePrependIcon]]):o.createCommentVNode("",!0),o.withDirectives(o.createElementVNode("input",{id:d.value,ref_key:"inputRef",ref:n,"onUpdate:modelValue":t[0]||(t[0]=u=>r.value=u),autocomplete:s.autocomplete?"on":"off",class:o.normalizeClass([[v.value,{"ds-pl-9":e.$slots.prependIcon||s.prependIcon,"ds-pr-9":e.$slots.appendIcon||s.appendIcon}],"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),disabled:s.disabled,inputmode:s.inputmode,placeholder:s.placeholder,readonly:s.readonly,type:s.type,onBlur:g,onFocus:k,onInput:t[1]||(t[1]=(...u)=>e.inputHandler&&e.inputHandler(...u)),onKeyup:[B,o.withKeys(I,["enter"])]},null,42,N),[[o.vModelDynamic,r.value]]),e.$slots.appendIcon||e.appendIcon?o.withDirectives((o.openBlock(),o.createElementBlock("div",D,[o.renderSlot(e.$slots,"appendIcon",{},()=>[o.createElementVNode("span",{id:`${d.value}appendIcon`,class:o.normalizeClass(e.appendIcon),onClick:h},null,10,M)])],512)),[[o.vShow,!e.hideAppendIcon]]):o.createCommentVNode("",!0)]),e.hideDetails?o.createCommentVNode("",!0):(o.openBlock(),o.createBlock(q,{key:0,"error-message":o.unref(a).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=z;
+"use strict";const e=require("vue"),t=require("./design-system5.js"),a={key:0,class:"ds-flex ds-flex-initial ds-items-center ds-pr-1"},r=e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-fill-white",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"})],-1),i=[r],m={key:1,class:"ds-flex ds-flex-initial ds-items-center ds-pr-1"},p=e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-fill-white",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"})],-1),u=[p],h={class:"ds-flex-auto ds-text-sm ds-font-normal"},f=["innerHTML"],w=e.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},null,-1),x=[w],B=e.defineComponent({__name:"BToastItem",props:{text:{default:""},type:{default:t.BToastItemType.Default},hideClose:{type:Boolean,default:!1}},emits:["close"],setup(d,{emit:c}){const o=d,n=e.computed(()=>{let s="ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl ";switch(o.type){case t.BToastItemType.Success:s+="ds-bg-[#00a86b] ds-text-white ";break;case t.BToastItemType.Error:s+="ds-bg-red-600 ds-text-white ";break;case t.BToastItemType.Default:default:s+="ds-bg-white ds-text-primary-t "}return s});return(s,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value)},[e.unref(t.BToastItemType).Success===o.type?(e.openBlock(),e.createElementBlock("div",a,i)):e.unref(t.BToastItemType).Error===o.type?(e.openBlock(),e.createElementBlock("div",m,u)):e.createCommentVNode("",!0),e.createElementVNode("div",h,[e.renderSlot(s.$slots,"default",{},()=>[e.createElementVNode("div",{innerHTML:s.text},null,8,f)])]),o.hideClose?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:2,class:"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1",onClick:l[0]||(l[0]=_=>c("close"))},[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[e.unref(t.BToastItemType).Default===o.type?"ds-fill-primary-t":"ds-fill-white"],"ds-h-5 ds-w-5"]),viewBox:"0 0 384 512",xmlns:"http://www.w3.org/2000/svg"},x,2))]))],2))}});module.exports=B;
 //# sourceMappingURL=design-system40.js.map