@7pmlabs/design-system 0.1.8 → 0.2.0

package/dist/design-system21.js

@@ -1,2 +1,2 @@
-"use strict";const l=require("vue"),b=require("./design-system2.js"),g=require("./design-system39.js"),_=require("./design-system30.js"),q=require("./design-system31.js"),y=require("./design-system79.js"),B=["id","rows","placeholder","autocomplete","disabled","readonly"],h=l.defineComponent({__name:"BTextarea",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},validationRules:{default:void 0},label:{default:""},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},rows:{default:3},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(a,{expose:u,emit:i}){const s=a,{t:n}=g.useI18n(),c={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||n("ds.global.field_required")},r=l.computed(()=>s.inputId||`id-${y()}`),t=l.computed({get(){return s.modelValue},set(e){i("update:modelValue",e)}}),p=l.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!d.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":d.value.valid},s.inputCssClass]),f=l.computed(()=>{let e=[];return s.required&&e.push(c),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:m,validationResult:d}=b.useValidationField(r.value,t,f.value);return u({validate:m}),(e,o)=>(l.openBlock(),l.createElementBlock("div",null,[l.createVNode(_,{id:r.value,label:e.label,required:e.required},null,8,["id","label","required"]),l.withDirectives(l.createElementVNode("textarea",{id:r.value,"onUpdate:modelValue":o[0]||(o[0]=v=>t.value=v),class:l.normalizeClass(["ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light",p.value]),rows:s.rows,placeholder:s.placeholder,autocomplete:s.autocomplete?"on":"off",disabled:s.disabled,readonly:s.readonly},null,10,B),[[l.vModelText,t.value]]),e.hideDetails?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(q,{key:0,class:"ds-mt-1","error-message":l.unref(d).errorMessage()},null,8,["error-message"]))]))}});module.exports=h;
+"use strict";const e=require("./design-system44.js");require("./design-system45.js");const r=require("./design-system46.js"),t=r(e,[["__scopeId","data-v-9932b96f"]]);module.exports=t;
 //# sourceMappingURL=design-system21.js.map

package/dist/design-system21.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system21.js","sources":["../src/components/BTextarea.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, vModelText as _vModelText, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = [\"id\", \"rows\", \"placeholder\", \"autocomplete\", \"disabled\", \"readonly\"]\n\nimport { v4 as uuid } from 'uuid';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BLabel from './BLabel.vue';\nimport BErrorMessage from './BErrorMessage.vue';\n\n/**\n * Props\n */\nexport interface Props {\n  inputId?: string;\n  inputCssClass?: string;\n  modelValue: string;\n  validationRules?: ValidationRule[];\n  label?: string;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  rows?: number;\n  required?: boolean;\n  requiredErrorMessage?: string;\n  hideDetails?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextarea',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: {},\n    validationRules: { default: undefined },\n    label: { default: '' },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    rows: { default: 3 },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => {\n    if (typeof val === 'number') {\n      return !!val;\n    }\n    return !!(val && val?.trim());\n  },\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst inputCssClassValue = computed(() => [\n  {\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n  },\n  props.inputCssClass,\n]);\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value\n);\n\n__expose({ validate });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _withDirectives(_createElementVNode(\"textarea\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      class: _normalizeClass([\"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light\", inputCssClassValue.value]),\n      rows: props.rows,\n      placeholder: props.placeholder,\n      autocomplete: props.autocomplete ? 'on' : 'off',\n      disabled: props.disabled,\n      readonly: props.readonly\n    }, null, 10, _hoisted_1), [\n      [_vModelText, value.value]\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          class: \"ds-mt-1\",\n          \"error-message\": _unref(validationResult).errorMessage()\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_withDirectives","_createElementVNode","$event","_normalizeClass","_vModelText","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system21.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system21.mjs

@@ -1,81 +1,8 @@
-import { defineComponent as g, computed as o, openBlock as t, createElementBlock as y, createVNode as h, withDirectives as V, createElementVNode as q, normalizeClass as B, vModelText as C, createBlock as k, unref as w, createCommentVNode as _ } from "vue";
-import { useValidationField as x } from "./design-system2.mjs";
-import { useI18n as R } from "./design-system39.mjs";
-import M from "./design-system30.mjs";
-import E from "./design-system31.mjs";
-import D from "./design-system79.mjs";
-const I = ["id", "rows", "placeholder", "autocomplete", "disabled", "readonly"], j = /* @__PURE__ */ g({
-  __name: "BTextarea",
-  props: {
-    inputId: { default: "" },
-    inputCssClass: { default: "" },
-    modelValue: {},
-    validationRules: { default: void 0 },
-    label: { default: "" },
-    placeholder: { default: "" },
-    autocomplete: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    rows: { default: 3 },
-    required: { type: Boolean, default: !1 },
-    requiredErrorMessage: { default: "" },
-    hideDetails: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue"],
-  setup(u, { expose: i, emit: n }) {
-    const l = u, { t: f } = R(), c = {
-      validateRule: (e) => typeof e == "number" ? !!e : !!(e && (e != null && e.trim())),
-      errorMessage: () => l.requiredErrorMessage || f("ds.global.field_required")
-    }, d = o(() => l.inputId || `id-${D()}`), a = o({
-      get() {
-        return l.modelValue;
-      },
-      set(e) {
-        n("update:modelValue", e);
-      }
-    }), p = o(() => [
-      {
-        "ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40": l.disabled,
-        "ds-text-black/[0.85]": !l.disabled,
-        "ds-border-error focus:ds-ring-1 focus:ds-ring-error": !r.value.valid,
-        "ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus": r.value.valid
-      },
-      l.inputCssClass
-    ]), m = o(() => {
-      let e = [];
-      return l.required && e.push(c), l.validationRules && (e = e.concat(l.validationRules)), e.length ? e : void 0;
-    }), { validate: b, validationResult: r } = x(
-      d.value,
-      a,
-      m.value
-    );
-    return i({ validate: b }), (e, s) => (t(), y("div", null, [
-      h(M, {
-        id: d.value,
-        label: e.label,
-        required: e.required
-      }, null, 8, ["id", "label", "required"]),
-      V(q("textarea", {
-        id: d.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (v) => a.value = v),
-        class: B(["ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light", p.value]),
-        rows: l.rows,
-        placeholder: l.placeholder,
-        autocomplete: l.autocomplete ? "on" : "off",
-        disabled: l.disabled,
-        readonly: l.readonly
-      }, null, 10, I), [
-        [C, a.value]
-      ]),
-      e.hideDetails ? _("", !0) : (t(), k(E, {
-        key: 0,
-        class: "ds-mt-1",
-        "error-message": w(r).errorMessage()
-      }, null, 8, ["error-message"]))
-    ]));
-  }
-});
+import o from "./design-system44.mjs";
+import "./design-system45.mjs";
+import r from "./design-system46.mjs";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9932b96f"]]);
 export {
-  j as default
+  m as default
 };
 //# sourceMappingURL=design-system21.mjs.map

package/dist/design-system21.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system21.mjs","sources":["../src/components/BTextarea.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, vModelText as _vModelText, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = [\"id\", \"rows\", \"placeholder\", \"autocomplete\", \"disabled\", \"readonly\"]\n\nimport { v4 as uuid } from 'uuid';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BLabel from './BLabel.vue';\nimport BErrorMessage from './BErrorMessage.vue';\n\n/**\n * Props\n */\nexport interface Props {\n  inputId?: string;\n  inputCssClass?: string;\n  modelValue: string;\n  validationRules?: ValidationRule[];\n  label?: string;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  rows?: number;\n  required?: boolean;\n  requiredErrorMessage?: string;\n  hideDetails?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextarea',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: {},\n    validationRules: { default: undefined },\n    label: { default: '' },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    rows: { default: 3 },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => {\n    if (typeof val === 'number') {\n      return !!val;\n    }\n    return !!(val && val?.trim());\n  },\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst inputCssClassValue = computed(() => [\n  {\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n  },\n  props.inputCssClass,\n]);\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value\n);\n\n__expose({ validate });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _withDirectives(_createElementVNode(\"textarea\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      class: _normalizeClass([\"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light\", inputCssClassValue.value]),\n      rows: props.rows,\n      placeholder: props.placeholder,\n      autocomplete: props.autocomplete ? 'on' : 'off',\n      disabled: props.disabled,\n      readonly: props.readonly\n    }, null, 10, _hoisted_1), [\n      [_vModelText, value.value]\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          class: \"ds-mt-1\",\n          \"error-message\": _unref(validationResult).errorMessage()\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_withDirectives","_createElementVNode","$event","_normalizeClass","_vModelText","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system21.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/design-system22.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),l=require("./design-system5.js"),r={key:0,class:"ds-flex ds-flex-initial ds-items-center ds-pr-1"},i=["innerHTML"],u=e.createElementVNode("i",{class:"fa-solid fa-xmark ds-text-lg"},null,-1),m=[u],f=e.defineComponent({__name:"BToastItem",props:{text:{default:""},icon:{default:""},type:{default:l.BToastItemType.Default},hideClose:{type:Boolean,default:!1}},emits:["close"],setup(c,{emit:d}){const t=c,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(t.type){case l.BToastItemType.Success:s+="ds-bg-[#00a86b] ds-text-white ";break;case l.BToastItemType.Error:s+="ds-bg-red-600 ds-text-white ";break;case l.BToastItemType.Default:default:s+="ds-bg-white ds-text-primary-t "}return s}),o=e.ref({success:"fa-solid fa-circle-check",error:"fa-solid fa-circle-exclamation",default:""});return(s,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(n.value)},[t.icon||o.value[t.type]?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("i",{class:e.normalizeClass([t.icon||o.value[t.type],"ds-text-lg"])},null,2)])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"ds-flex-auto ds-text-sm ds-font-normal",innerHTML:s.text},null,8,i),t.hideClose?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1",onClick:a[0]||(a[0]=p=>d("close"))},m))],2))}});module.exports=f;
+"use strict";const e=require("vue");require("./design-system47.js");require("./design-system48.js");const t=require("./design-system46.js"),c={},s={class:"carousel-item"};function n(r,u){return e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(c,[["render",n],["__scopeId","data-v-36f0b6c6"]]);module.exports=o;
 //# sourceMappingURL=design-system22.js.map

package/dist/design-system22.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system22.js","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = [\"innerHTML\"]\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"i\", { class: \"fa-solid fa-xmark ds-text-lg\" }, null, -1)\nconst _hoisted_4 = [\n  _hoisted_3\n]\n\nimport { BToastItemType } from '@/constants/Enums';\nimport { computed, ref } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n  text?: string;\n  icon?: string;\n  type?: `${BToastItemType}`;\n  hideClose?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToastItem',\n  props: {\n    text: { default: '' },\n    icon: { default: '' },\n    type: { default: BToastItemType.Default },\n    hideClose: { type: Boolean, default: false }\n  },\n  emits: ['close'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst cssClass = computed<string>(() => {\n  let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\n\n  switch (props.type) {\n    case BToastItemType.Success:\n      result += `ds-bg-[#00a86b] ds-text-white `;\n      break;\n    case BToastItemType.Error:\n      result += `ds-bg-red-600 ds-text-white `;\n      break;\n    case BToastItemType.Default:\n    default:\n      result += `ds-bg-white ds-text-primary-t `;\n  }\n\n  return result;\n});\nconst defaultIcon = ref<Record<BToastItemType, string>>({\n  success: 'fa-solid fa-circle-check',\n  error: 'fa-solid fa-circle-exclamation',\n  default: '',\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass(cssClass.value)\n  }, [\n    (props.icon || defaultIcon.value[props.type])\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n          _createElementVNode(\"i\", {\n            class: _normalizeClass([props.icon || defaultIcon.value[props.type], \"ds-text-lg\"])\n          }, null, 2)\n        ]))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", {\n      class: \"ds-flex-auto ds-text-sm ds-font-normal\",\n      innerHTML: _ctx.text\n    }, null, 8, _hoisted_2),\n    (!props.hideClose)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 1,\n          class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n          onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n        }, _hoisted_4))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","BToastItemType","__props","emit","props","cssClass","computed","result","defaultIcon","ref","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createCommentVNode","$event"],"mappings":"qEAGMA,EAAa,CACjB,IAAK,EACL,MAAO,iDACT,EACMC,EAAa,CAAC,WAAW,EACzBC,uBAA8C,IAAK,CAAE,MAAO,gCAAkC,KAAM,EAAE,EACtGC,EAAa,CACjBD,CACF,EAe4BE,EAAiBC,kBAAA,CAC3C,OAAQ,aACR,MAAO,CACL,KAAM,CAAE,QAAS,EAAG,EACpB,KAAM,CAAE,QAAS,EAAG,EACpB,KAAM,CAAE,QAASC,EAAA,eAAe,OAAQ,EACxC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAM,CAC7C,EACA,MAAO,CAAC,OAAO,EACf,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAYRG,EAAWC,EAAAA,SAAiB,IAAM,CACtC,IAAIC,EAAS,+EAEb,OAAQH,EAAM,KAAM,CAClB,KAAKH,EAAe,eAAA,QACRM,GAAA,iCACV,MACF,KAAKN,EAAe,eAAA,MACRM,GAAA,+BACV,MACF,KAAKN,EAAAA,eAAe,QACpB,QACYM,GAAA,gCACd,CAEO,OAAAA,CAAA,CACR,EACKC,EAAcC,EAAAA,IAAoC,CACtD,QAAS,2BACT,MAAO,iCACP,QAAS,EAAA,CACV,EAEM,MAAA,CAACC,EAAUC,KACRC,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,MAAOC,EAAAA,eAAgBT,EAAS,KAAK,CAAA,EACpC,CACAD,EAAM,MAAQI,EAAY,MAAMJ,EAAM,IAAI,GACtCQ,YAAW,EAAGC,qBAAoB,MAAOlB,EAAY,CACpDoB,EAAAA,mBAAoB,IAAK,CACvB,MAAOD,EAAgB,eAAA,CAACV,EAAM,MAAQI,EAAY,MAAMJ,EAAM,IAAI,EAAG,YAAY,CAAC,CAAA,EACjF,KAAM,CAAC,CAAA,CACX,GACDY,EAAAA,mBAAoB,GAAI,EAAI,EAChCD,EAAAA,mBAAoB,MAAO,CACzB,MAAO,yCACP,UAAWL,EAAK,IAAA,EACf,KAAM,EAAGd,CAAU,EACpBQ,EAAM,UAMJY,qBAAoB,GAAI,EAAI,GAL3BJ,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAO,CACxC,IAAK,EACL,MAAO,oEACP,QAASF,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKM,GAAiBd,EAAK,OAAO,EAChE,EAAAL,CAAU,IAEhB,CAAC,EAEN,CAEA,CAAC"}
+{"version":3,"file":"design-system22.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system22.mjs

@@ -1,60 +1,15 @@
-import { defineComponent as m, computed as p, ref as x, openBlock as l, createElementBlock as d, normalizeClass as r, createElementVNode as o, createCommentVNode as i } from "vue";
-import { BToastItemType as t } from "./design-system5.mjs";
-const h = {
-  key: 0,
-  class: "ds-flex ds-flex-initial ds-items-center ds-pr-1"
-}, _ = ["innerHTML"], y = /* @__PURE__ */ o("i", { class: "fa-solid fa-xmark ds-text-lg" }, null, -1), k = [
-  y
-], g = /* @__PURE__ */ m({
-  __name: "BToastItem",
-  props: {
-    text: { default: "" },
-    icon: { default: "" },
-    type: { default: t.Default },
-    hideClose: { type: Boolean, default: !1 }
-  },
-  emits: ["close"],
-  setup(n, { emit: f }) {
-    const e = n, u = p(() => {
-      let s = "ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl ";
-      switch (e.type) {
-        case t.Success:
-          s += "ds-bg-[#00a86b] ds-text-white ";
-          break;
-        case t.Error:
-          s += "ds-bg-red-600 ds-text-white ";
-          break;
-        case t.Default:
-        default:
-          s += "ds-bg-white ds-text-primary-t ";
-      }
-      return s;
-    }), a = x({
-      success: "fa-solid fa-circle-check",
-      error: "fa-solid fa-circle-exclamation",
-      default: ""
-    });
-    return (s, c) => (l(), d("div", {
-      class: r(u.value)
-    }, [
-      e.icon || a.value[e.type] ? (l(), d("div", h, [
-        o("i", {
-          class: r([e.icon || a.value[e.type], "ds-text-lg"])
-        }, null, 2)
-      ])) : i("", !0),
-      o("div", {
-        class: "ds-flex-auto ds-text-sm ds-font-normal",
-        innerHTML: s.text
-      }, null, 8, _),
-      e.hideClose ? i("", !0) : (l(), d("div", {
-        key: 1,
-        class: "ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1",
-        onClick: c[0] || (c[0] = (v) => f("close"))
-      }, k))
-    ], 2));
-  }
-});
+import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
+import "./design-system47.mjs";
+import "./design-system48.mjs";
+import c from "./design-system46.mjs";
+const s = {}, n = { class: "carousel-item" };
+function a(e, d) {
+  return t(), o("div", n, [
+    r(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const m = /* @__PURE__ */ c(s, [["render", a], ["__scopeId", "data-v-36f0b6c6"]]);
 export {
-  g as default
+  m as default
 };
 //# sourceMappingURL=design-system22.mjs.map

package/dist/design-system22.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system22.mjs","sources":["../src/components/BToast/BToastItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = {\n  key: 0,\n  class: \"ds-flex ds-flex-initial ds-items-center ds-pr-1\"\n}\nconst _hoisted_2 = [\"innerHTML\"]\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"i\", { class: \"fa-solid fa-xmark ds-text-lg\" }, null, -1)\nconst _hoisted_4 = [\n  _hoisted_3\n]\n\nimport { BToastItemType } from '@/constants/Enums';\nimport { computed, ref } from 'vue';\n\n/**\n * Props\n */\nexport interface Props {\n  text?: string;\n  icon?: string;\n  type?: `${BToastItemType}`;\n  hideClose?: boolean;\n}\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToastItem',\n  props: {\n    text: { default: '' },\n    icon: { default: '' },\n    type: { default: BToastItemType.Default },\n    hideClose: { type: Boolean, default: false }\n  },\n  emits: ['close'],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\nconst cssClass = computed<string>(() => {\n  let result = `ds-flex ds-items-center ds-w-80 ds-px-4 ds-py-5 ds-rounded-lg ds-shadow-2xl `;\n\n  switch (props.type) {\n    case BToastItemType.Success:\n      result += `ds-bg-[#00a86b] ds-text-white `;\n      break;\n    case BToastItemType.Error:\n      result += `ds-bg-red-600 ds-text-white `;\n      break;\n    case BToastItemType.Default:\n    default:\n      result += `ds-bg-white ds-text-primary-t `;\n  }\n\n  return result;\n});\nconst defaultIcon = ref<Record<BToastItemType, string>>({\n  success: 'fa-solid fa-circle-check',\n  error: 'fa-solid fa-circle-exclamation',\n  default: '',\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass(cssClass.value)\n  }, [\n    (props.icon || defaultIcon.value[props.type])\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n          _createElementVNode(\"i\", {\n            class: _normalizeClass([props.icon || defaultIcon.value[props.type], \"ds-text-lg\"])\n          }, null, 2)\n        ]))\n      : _createCommentVNode(\"\", true),\n    _createElementVNode(\"div\", {\n      class: \"ds-flex-auto ds-text-sm ds-font-normal\",\n      innerHTML: _ctx.text\n    }, null, 8, _hoisted_2),\n    (!props.hideClose)\n      ? (_openBlock(), _createElementBlock(\"div\", {\n          key: 1,\n          class: \"ds-flex ds-flex-initial ds-cursor-pointer ds-items-center ds-pl-1\",\n          onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('close')))\n        }, _hoisted_4))\n      : _createCommentVNode(\"\", true)\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","BToastItemType","__props","emit","props","cssClass","computed","result","defaultIcon","ref","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createCommentVNode","$event"],"mappings":";;AAGA,MAAMA,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GACMC,IAAa,CAAC,WAAW,GACzBC,sBAA8C,KAAK,EAAE,OAAO,kCAAkC,MAAM,EAAE,GACtGC,IAAa;AAAA,EACjBD;AACF,GAe4BE,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,EAAE,SAAS,GAAG;AAAA,IACpB,MAAM,EAAE,SAAS,GAAG;AAAA,IACpB,MAAM,EAAE,SAASC,EAAe,QAAQ;AAAA,IACxC,WAAW,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC7C;AAAA,EACA,OAAO,CAAC,OAAO;AAAA,EACf,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAYRG,IAAWC,EAAiB,MAAM;AACtC,UAAIC,IAAS;AAEb,cAAQH,EAAM,MAAM;AAAA,QAClB,KAAKH,EAAe;AACR,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAAe;AACR,UAAAM,KAAA;AACV;AAAA,QACF,KAAKN,EAAe;AAAA,QACpB;AACY,UAAAM,KAAA;AAAA,MACd;AAEO,aAAAA;AAAA,IAAA,CACR,GACKC,IAAcC,EAAoC;AAAA,MACtD,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,CACV;AAEM,WAAA,CAACC,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgBT,EAAS,KAAK;AAAA,IAAA,GACpC;AAAA,MACAD,EAAM,QAAQI,EAAY,MAAMJ,EAAM,IAAI,KACtCQ,EAAW,GAAGC,EAAoB,OAAOlB,GAAY;AAAA,QACpDoB,EAAoB,KAAK;AAAA,UACvB,OAAOD,EAAgB,CAACV,EAAM,QAAQI,EAAY,MAAMJ,EAAM,IAAI,GAAG,YAAY,CAAC;AAAA,QAAA,GACjF,MAAM,CAAC;AAAA,MAAA,CACX,KACDY,EAAoB,IAAI,EAAI;AAAA,MAChCD,EAAoB,OAAO;AAAA,QACzB,OAAO;AAAA,QACP,WAAWL,EAAK;AAAA,MAAA,GACf,MAAM,GAAGd,CAAU;AAAA,MACpBQ,EAAM,YAMJY,EAAoB,IAAI,EAAI,KAL3BJ,EAAW,GAAGC,EAAoB,OAAO;AAAA,QACxC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,SAASF,EAAO,CAAC,MAAMA,EAAO,CAAC,IAAI,CAACM,MAAiBd,EAAK,OAAO;AAAA,MAChE,GAAAL,CAAU;AAAA,OAEhB,CAAC;AAAA,EAEN;AAEA,CAAC;"}
+{"version":3,"file":"design-system22.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/design-system23.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system46.js");require("./design-system47.js");const r=require("./design-system48.js"),t=r(e,[["__scopeId","data-v-99a307cd"]]);module.exports=t;
+"use strict";const e=require("./design-system49.js");require("./design-system50.js");const r=require("./design-system46.js"),t=r(e,[["__scopeId","data-v-99a307cd"]]);module.exports=t;
 //# sourceMappingURL=design-system23.js.map

package/dist/design-system23.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system46.mjs";
-import "./design-system47.mjs";
-import t from "./design-system48.mjs";
+import o from "./design-system49.mjs";
+import "./design-system50.mjs";
+import t from "./design-system46.mjs";
 const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-99a307cd"]]);
 export {
   m as default

package/dist/design-system24.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system49.js");require("./design-system50.js");const r=require("./design-system48.js"),t=r(e,[["__scopeId","data-v-adc2050e"]]);module.exports=t;
+"use strict";const e=require("./design-system51.js");require("./design-system52.js");require("./design-system53.js");const r=require("./design-system46.js"),t=r(e,[["__scopeId","data-v-7eb7984f"]]);module.exports=t;
 //# sourceMappingURL=design-system24.js.map

package/dist/design-system24.mjs

@@ -1,8 +1,9 @@
-import o from "./design-system49.mjs";
-import "./design-system50.mjs";
-import r from "./design-system48.mjs";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-adc2050e"]]);
+import o from "./design-system51.mjs";
+import "./design-system52.mjs";
+import "./design-system53.mjs";
+import t from "./design-system46.mjs";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7eb7984f"]]);
 export {
-  m as default
+  e as default
 };
 //# sourceMappingURL=design-system24.mjs.map

package/dist/design-system24.mjs.map

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

package/dist/design-system25.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue");require("./design-system51.js");require("./design-system52.js");const t=require("./design-system48.js"),c={},s={class:"carousel-item"};function n(r,u){return e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(c,[["render",n],["__scopeId","data-v-36f0b6c6"]]);module.exports=o;
+"use strict";const e=require("vue"),t=require("./design-system46.js"),n={},o={class:"ds-rounded-lg ds-bg-white ds-p-2 ds-shadow"};function r(s,d){return e.openBlock(),e.createElementBlock("ul",o,[e.renderSlot(s.$slots,"default")])}const c=t(n,[["render",r]]);module.exports=c;
 //# sourceMappingURL=design-system25.js.map

package/dist/design-system25.mjs

@@ -1,15 +1,13 @@
-import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
-import "./design-system51.mjs";
-import "./design-system52.mjs";
-import c from "./design-system48.mjs";
-const s = {}, n = { class: "carousel-item" };
-function a(e, d) {
-  return t(), o("div", n, [
-    r(e.$slots, "default", {}, void 0, !0)
+import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
+import s from "./design-system46.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 m = /* @__PURE__ */ c(s, [["render", a], ["__scopeId", "data-v-36f0b6c6"]]);
+const f = /* @__PURE__ */ s(n, [["render", c]]);
 export {
-  m as default
+  f as default
 };
 //# sourceMappingURL=design-system25.mjs.map

package/dist/design-system25.mjs.map

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

package/dist/design-system26.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system48.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"),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-system26.js.map

package/dist/design-system26.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system26.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system26.js","sources":["../src/components/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 { BErrorMessageProps } from '@/types';\nimport { computed } from 'vue';\n\n/**\n * Props\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 * Computed\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,EAS4BC,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"}

package/dist/design-system26.mjs

@@ -1,12 +1,21 @@
-import { openBlock as t, createElementBlock as s, renderSlot as o } from "vue";
-import r from "./design-system48.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")
-  ]);
-}
-const _ = /* @__PURE__ */ r(d, [["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 {
   _ as default
 };

package/dist/design-system26.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system26.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"design-system26.mjs","sources":["../src/components/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 { BErrorMessageProps } from '@/types';\nimport { computed } from 'vue';\n\n/**\n * Props\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 * Computed\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,GAS4BC,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;"}

package/dist/design-system27.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system48.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"),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-system27.js.map

package/dist/design-system27.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system27.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system27.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';\nimport type { BLabelProps } from '@/types';\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,EAM4BC,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"}

package/dist/design-system27.mjs

@@ -1,13 +1,32 @@
-import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
-import c from "./design-system48.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]]);
+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);
+  }
+});
 export {
-  f as default
+  k as default
 };
 //# sourceMappingURL=design-system27.mjs.map

package/dist/design-system27.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system27.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"design-system27.mjs","sources":["../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';\nimport type { BLabelProps } from '@/types';\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,GAM4BC,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;"}

package/dist/design-system28.js

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

package/dist/design-system28.mjs

@@ -1,13 +1,8 @@
-import { openBlock as o, createElementBlock as t, renderSlot as s } from "vue";
-import r from "./design-system48.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, [
-    s(e.$slots, "default")
-  ]);
-}
-const a = /* @__PURE__ */ r(d, [["render", c]]);
+import o from "./design-system59.mjs";
+import "./design-system60.mjs";
+import r from "./design-system46.mjs";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-119e439f"]]);
 export {
-  a as default
+  m as default
 };
 //# sourceMappingURL=design-system28.mjs.map

package/dist/design-system28.mjs.map

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

package/dist/design-system29.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system58.js");require("./design-system59.js");const r=require("./design-system48.js"),t=r(e,[["__scopeId","data-v-391e5ff1"]]);module.exports=t;
+"use strict";const e=require("./design-system61.js");require("./design-system62.js");const r=require("./design-system46.js"),t=r(e,[["__scopeId","data-v-2ddefae6"]]);module.exports=t;
 //# sourceMappingURL=design-system29.js.map

package/dist/design-system29.mjs

@@ -1,8 +1,8 @@
-import o from "./design-system58.mjs";
-import "./design-system59.mjs";
-import r from "./design-system48.mjs";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-391e5ff1"]]);
+import o from "./design-system61.mjs";
+import "./design-system62.mjs";
+import a from "./design-system46.mjs";
+const d = /* @__PURE__ */ a(o, [["__scopeId", "data-v-2ddefae6"]]);
 export {
-  m as default
+  d as default
 };
 //# sourceMappingURL=design-system29.mjs.map

package/dist/design-system3.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./design-system38.js"),d=require("vue"),g=require("./design-system39.js");function $(){const{t:e,locale:m}=g.useI18n(),u=d.computed(()=>({0:e("ds.components.base.date_picker.days.sunday"),1:e("ds.components.base.date_picker.days.monday"),2:e("ds.components.base.date_picker.days.tuesday"),3:e("ds.components.base.date_picker.days.wednesday"),4:e("ds.components.base.date_picker.days.thursday"),5:e("ds.components.base.date_picker.days.friday"),6:e("ds.components.base.date_picker.days.saturday")})),p=d.computed(()=>({0:e("ds.components.base.date_picker.months.january"),1:e("ds.components.base.date_picker.months.february"),2:e("ds.components.base.date_picker.months.march"),3:e("ds.components.base.date_picker.months.april"),4:e("ds.components.base.date_picker.months.may"),5:e("ds.components.base.date_picker.months.june"),6:e("ds.components.base.date_picker.months.july"),7:e("ds.components.base.date_picker.months.august"),8:e("ds.components.base.date_picker.months.september"),9:e("ds.components.base.date_picker.months.october"),10:e("ds.components.base.date_picker.months.november"),11:e("ds.components.base.date_picker.months.december")})),h=d.computed(()=>({0:e("ds.components.base.date_picker.months_short.january"),1:e("ds.components.base.date_picker.months_short.february"),2:e("ds.components.base.date_picker.months_short.march"),3:e("ds.components.base.date_picker.months_short.april"),4:e("ds.components.base.date_picker.months_short.may"),5:e("ds.components.base.date_picker.months_short.june"),6:e("ds.components.base.date_picker.months_short.july"),7:e("ds.components.base.date_picker.months_short.august"),8:e("ds.components.base.date_picker.months_short.september"),9:e("ds.components.base.date_picker.months_short.october"),10:e("ds.components.base.date_picker.months_short.november"),11:e("ds.components.base.date_picker.months_short.december")})),i=d.computed(()=>({0:e("ds.components.base.date_picker.days_short.sunday"),1:e("ds.components.base.date_picker.days_short.monday"),2:e("ds.components.base.date_picker.days_short.tuesday"),3:e("ds.components.base.date_picker.days_short.wednesday"),4:e("ds.components.base.date_picker.days_short.thursday"),5:e("ds.components.base.date_picker.days_short.friday"),6:e("ds.components.base.date_picker.days_short.saturday")})),_=s=>{if(!r(s))return s;const t=u.value[s.getDay()],c=p.value[s.getMonth()],o=`${t}, ${c} ${s.getDate()}, ${s.getFullYear()}`,n=`${t}, ${s.getDate()}/${s.getMonth()+1}/${s.getFullYear()}`;return{"en-US":o,"vi-VN":n}[m.value]||o},b=s=>r(s)?{"vi-VN":`${a.padStartZero(s.getDate(),2)}/${a.padStartZero(s.getMonth()+1,2)}/${a.padStartZero(s.getFullYear(),4)}`,"en-US":`${p.value[s.getMonth()]} ${a.padStartZero(s.getDate(),2)}, ${s.getFullYear()}`}[m.value]:s,l=s=>{if(!r(s))return s;const t=new Date(s),c=t.getHours(),o=t.getMinutes(),n=`${a.padStartZero(c,2)}:${a.padStartZero(o,2)}`;return{"vi-VN":n,"en-US":n}[m.value]},y=(s,t="full")=>{if(!r(s))return s;const o={full:p.value,short:h.value,number:["01","02","03","04","05","06","07","08","09","10","11","12"]}[t][s.getMonth()],n=s.getFullYear();return`${t==="number"?`${o}/`:`${o} `}${n}`},r=s=>s?s.toString()!=="Invalid Date":!1;return{formatTime:l,formatDate:b,formatDateHuge:_,formatMonthYear:y,dayShortNames:i}}exports.useDate=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),n="formValidation";function u(){let e=l.inject(n,void 0);return e||(e={},l.provide(n,e)),{validationForm:e,validateAll:()=>e?Object.entries(e).map(([r,i])=>(i.value.validate(),i.value.valid)).every(r=>r):!1,resetAll:()=>{e&&Object.entries(e).forEach(([t,r])=>{r.value.valid=!0,r.value.errorMessage=()=>""})}}}function v(e,s,a){const t=l.ref({validate:()=>{},fieldValue:s,valid:!0,errorMessage:()=>""}),r=l.inject(n,void 0);r&&(r[e]=t),l.onBeforeUnmount(()=>{r&&delete r[e]});const i=()=>{if(a){t.value.valid=!0,t.value.errorMessage=()=>"";for(let o=0;o<a.length;o++)if(!a[o].validateRule(s.value)){t.value.valid=!1,t.value.errorMessage=a[o].errorMessage;return}}};return t.value.validate=i,{validate:i,validationResult:t}}exports.FormValidationProviderName=n;exports.useValidationField=v;exports.useValidationForm=u;
 //# sourceMappingURL=design-system3.js.map

package/dist/design-system3.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system3.js","sources":["../src/composables/Date.ts"],"sourcesContent":["import { padStartZero } from '@/helpers/DateHelper';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\nexport function useDate() {\n  /**\n   * Data\n   */\n  const { t, locale } = useI18n();\n  const dayNames = computed<Record<number, string>>(() => ({\n    0: t('ds.components.base.date_picker.days.sunday'),\n    1: t('ds.components.base.date_picker.days.monday'),\n    2: t('ds.components.base.date_picker.days.tuesday'),\n    3: t('ds.components.base.date_picker.days.wednesday'),\n    4: t('ds.components.base.date_picker.days.thursday'),\n    5: t('ds.components.base.date_picker.days.friday'),\n    6: t('ds.components.base.date_picker.days.saturday'),\n  }));\n  const monthNames = computed<Record<number, string>>(() => ({\n    0: t('ds.components.base.date_picker.months.january'),\n    1: t('ds.components.base.date_picker.months.february'),\n    2: t('ds.components.base.date_picker.months.march'),\n    3: t('ds.components.base.date_picker.months.april'),\n    4: t('ds.components.base.date_picker.months.may'),\n    5: t('ds.components.base.date_picker.months.june'),\n    6: t('ds.components.base.date_picker.months.july'),\n    7: t('ds.components.base.date_picker.months.august'),\n    8: t('ds.components.base.date_picker.months.september'),\n    9: t('ds.components.base.date_picker.months.october'),\n    10: t('ds.components.base.date_picker.months.november'),\n    11: t('ds.components.base.date_picker.months.december'),\n  }));\n  const monthShortNames = computed<Record<number, string>>(() => ({\n    0: t('ds.components.base.date_picker.months_short.january'),\n    1: t('ds.components.base.date_picker.months_short.february'),\n    2: t('ds.components.base.date_picker.months_short.march'),\n    3: t('ds.components.base.date_picker.months_short.april'),\n    4: t('ds.components.base.date_picker.months_short.may'),\n    5: t('ds.components.base.date_picker.months_short.june'),\n    6: t('ds.components.base.date_picker.months_short.july'),\n    7: t('ds.components.base.date_picker.months_short.august'),\n    8: t('ds.components.base.date_picker.months_short.september'),\n    9: t('ds.components.base.date_picker.months_short.october'),\n    10: t('ds.components.base.date_picker.months_short.november'),\n    11: t('ds.components.base.date_picker.months_short.december'),\n  }));\n  const dayShortNames = computed<Record<number, string>>(() => ({\n    0: t('ds.components.base.date_picker.days_short.sunday'),\n    1: t('ds.components.base.date_picker.days_short.monday'),\n    2: t('ds.components.base.date_picker.days_short.tuesday'),\n    3: t('ds.components.base.date_picker.days_short.wednesday'),\n    4: t('ds.components.base.date_picker.days_short.thursday'),\n    5: t('ds.components.base.date_picker.days_short.friday'),\n    6: t('ds.components.base.date_picker.days_short.saturday'),\n  }));\n\n  /**\n   * Methods\n   */\n  const formatDateHuge = (date: Date) => {\n    if (!validateDate(date)) {\n      return date;\n    }\n\n    const dayName = dayNames.value[date.getDay()];\n    const monthName = monthNames.value[date.getMonth()];\n    const enUSResult = `${dayName}, ${monthName} ${date.getDate()}, ${date.getFullYear()}`;\n    const viVNResult = `${dayName}, ${date.getDate()}/${\n      date.getMonth() + 1\n    }/${date.getFullYear()}`;\n\n    const result: Record<string, string> = {\n      'en-US': enUSResult,\n      'vi-VN': viVNResult,\n    };\n\n    return result[locale.value] || enUSResult;\n  };\n  const formatDate = (date: Date) => {\n    if (!validateDate(date)) {\n      return date;\n    }\n\n    const result: Record<string, string> = {\n      'vi-VN': `${padStartZero(date.getDate(), 2)}/${padStartZero(\n        date.getMonth() + 1,\n        2\n      )}/${padStartZero(date.getFullYear(), 4)}`,\n      'en-US': `${monthNames.value[date.getMonth()]} ${padStartZero(\n        date.getDate(),\n        2\n      )}, ${date.getFullYear()}`,\n    };\n\n    return result[locale.value];\n  };\n  const formatTime = (date: Date) => {\n    if (!validateDate(date)) {\n      return date;\n    }\n\n    const d = new Date(date);\n    const h = d.getHours();\n    const m = d.getMinutes();\n    const formattedStr = `${padStartZero(h, 2)}:${padStartZero(m, 2)}`;\n\n    const result: Record<string, string> = {\n      'vi-VN': formattedStr,\n      'en-US': formattedStr,\n    };\n\n    return result[locale.value];\n  };\n  const formatMonthYear = (\n    date: Date,\n    type: 'full' | 'short' | 'number' = 'full'\n  ) => {\n    if (!validateDate(date)) {\n      return date;\n    }\n\n    const months = {\n      full: monthNames.value,\n      short: monthShortNames.value,\n      number: [\n        '01',\n        '02',\n        '03',\n        '04',\n        '05',\n        '06',\n        '07',\n        '08',\n        '09',\n        '10',\n        '11',\n        '12',\n      ],\n    };\n\n    const monthName = months[type][date.getMonth()];\n    const year = date.getFullYear();\n    return `${type === 'number' ? `${monthName}/` : `${monthName} `}${year}`;\n  };\n  const validateDate = (date: Date) =>\n    date ? date.toString() !== 'Invalid Date' : false;\n\n  return {\n    formatTime,\n    formatDate,\n    formatDateHuge,\n    formatMonthYear,\n    dayShortNames,\n  };\n}\n"],"names":["useDate","t","locale","useI18n","dayNames","computed","monthNames","monthShortNames","dayShortNames","formatDateHuge","date","validateDate","dayName","monthName","enUSResult","viVNResult","formatDate","padStartZero","formatTime","d","h","m","formattedStr","formatMonthYear","type","year"],"mappings":"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"}
+{"version":3,"file":"design-system3.js","sources":["../src/composables/Validation.ts"],"sourcesContent":["import { inject, onBeforeUnmount, provide, ref, type Ref } from 'vue';\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\nexport const FormValidationProviderName = 'formValidation';\n\n/**\n * ValidationForm\n * @returns\n */\nexport function useValidationForm() {\n  let validationForm = inject<\n    Record<string, Ref<ValidationResult>> | undefined\n  >(FormValidationProviderName, undefined);\n  if (!validationForm) {\n    validationForm = {};\n    provide<Record<string, Ref<ValidationResult>>>(\n      FormValidationProviderName,\n      validationForm\n    );\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<\n    Record<string, Ref<ValidationResult>> | undefined\n  >(FormValidationProviderName, 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":["FormValidationProviderName","useValidationForm","validationForm","inject","provide","key","value","v","useValidationField","fieldValue","validationRules","validationResult","ref","formValidations","onBeforeUnmount","validate","i"],"mappings":"uGAmBaA,EAA6B,iBAMnC,SAASC,GAAoB,CAC9B,IAAAC,EAAiBC,EAEnB,OAAAH,EAA4B,MAAS,EACvC,OAAKE,IACHA,EAAiB,CAAA,EACjBE,EAAA,QACEJ,EACAE,CAAA,GAyBG,CACL,eAAAA,EACA,YAvBkB,IACdA,EAEY,OAAO,QAAQA,CAAc,EAAE,IAAI,CAAC,CAACG,EAAKC,CAAK,KAC3DA,EAAM,MAAM,WACLA,EAAM,MAAM,MACpB,EACY,MAAOC,GAAMA,CAAC,EAEtB,GAeP,SAbe,IAAM,CACjBL,GAEK,OAAA,QAAQA,CAAc,EAAE,QAAQ,CAAC,CAACG,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,EAAkBV,EAEtB,OAAAH,EAA4B,MAAS,EACnCa,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"}