@7pmlabs/design-system 0.1.2 → 0.1.3

package/dist/design-system22.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system22.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-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"}

package/dist/design-system22.mjs

@@ -1,81 +1,60 @@
-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-system31.mjs";
-import E from "./design-system32.mjs";
-import D from "./design-system80.mjs";
-const I = ["id", "rows", "placeholder", "autocomplete", "disabled", "readonly"], j = /* @__PURE__ */ g({
-  __name: "BTextarea",
+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: {
-    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 }
+    text: { default: "" },
+    icon: { default: "" },
+    type: { default: t.Default },
+    hideClose: { 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);
+  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 ";
       }
-    }), 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"]))
-    ]));
+      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));
   }
 });
 export {
-  j as default
+  g as default
 };
 //# sourceMappingURL=design-system22.mjs.map

package/dist/design-system22.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system22.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-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;"}

package/dist/design-system23.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("./design-system45.js");require("./design-system46.js");const r=require("./design-system47.js"),t=r(e,[["__scopeId","data-v-2c7946bd"]]);module.exports=t;
 //# sourceMappingURL=design-system23.js.map

package/dist/design-system23.js.map

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

package/dist/design-system23.mjs

@@ -1,60 +1,8 @@
-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 o from "./design-system45.mjs";
+import "./design-system46.mjs";
+import t from "./design-system47.mjs";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2c7946bd"]]);
 export {
-  g as default
+  p as default
 };
 //# sourceMappingURL=design-system23.mjs.map

package/dist/design-system23.mjs.map

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

package/dist/design-system24.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-2c7946bd"]]);module.exports=t;
+"use strict";const e=require("./design-system48.js");require("./design-system49.js");const r=require("./design-system47.js"),t=r(e,[["__scopeId","data-v-adc2050e"]]);module.exports=t;
 //# sourceMappingURL=design-system24.js.map

package/dist/design-system24.mjs

@@ -1,8 +1,8 @@
-import o from "./design-system46.mjs";
-import "./design-system47.mjs";
-import t from "./design-system48.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2c7946bd"]]);
+import o from "./design-system48.mjs";
+import "./design-system49.mjs";
+import r from "./design-system47.mjs";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-adc2050e"]]);
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=design-system24.mjs.map

package/dist/design-system25.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("vue");require("./design-system50.js");require("./design-system51.js");const t=require("./design-system47.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-system25.js.map

package/dist/design-system25.mjs

@@ -1,7 +1,14 @@
-import o from "./design-system49.mjs";
+import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
 import "./design-system50.mjs";
-import r from "./design-system48.mjs";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-adc2050e"]]);
+import "./design-system51.mjs";
+import c from "./design-system47.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 {
   m as default
 };

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");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-system47.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-system26.js.map

package/dist/design-system26.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 t, createElementBlock as s, renderSlot as o } from "vue";
+import r from "./design-system47.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 m = /* @__PURE__ */ c(s, [["render", a], ["__scopeId", "data-v-36f0b6c6"]]);
+const _ = /* @__PURE__ */ r(d, [["render", c]]);
 export {
-  m as default
+  _ as default
 };
 //# sourceMappingURL=design-system26.mjs.map

package/dist/design-system26.mjs.map

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

package/dist/design-system27.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"),t=require("./design-system47.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-system27.js.map

package/dist/design-system27.mjs

@@ -1,13 +1,13 @@
-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")
+import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
+import c from "./design-system47.mjs";
+const s = {}, n = { class: "ds-p-4" };
+function d(e, l) {
+  return o(), t("div", n, [
+    r(e.$slots, "default")
   ]);
 }
-const _ = /* @__PURE__ */ r(d, [["render", c]]);
+const f = /* @__PURE__ */ c(s, [["render", d]]);
 export {
-  _ as default
+  f as default
 };
 //# sourceMappingURL=design-system27.mjs.map

package/dist/design-system28.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"),t=require("./design-system47.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-system28.js.map

package/dist/design-system28.mjs

@@ -1,13 +1,13 @@
-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) {
+import { openBlock as o, createElementBlock as t, renderSlot as s } from "vue";
+import r from "./design-system47.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-system28.mjs.map

package/dist/design-system29.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-system57.js");require("./design-system58.js");const r=require("./design-system47.js"),t=r(e,[["__scopeId","data-v-391e5ff1"]]);module.exports=t;
 //# sourceMappingURL=design-system29.js.map

package/dist/design-system29.mjs

@@ -1,13 +1,8 @@
-import { openBlock as o, createElementBlock as t, renderSlot as 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-system57.mjs";
+import "./design-system58.mjs";
+import r from "./design-system47.mjs";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-391e5ff1"]]);
 export {
-  a as default
+  m as default
 };
 //# sourceMappingURL=design-system29.mjs.map

package/dist/design-system29.mjs.map

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

package/dist/design-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 a=require("./design-system37.js"),d=require("vue"),g=require("./design-system38.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=$;
 //# sourceMappingURL=design-system3.js.map

package/dist/design-system3.mjs

@@ -1,6 +1,6 @@
-import { padStartZero as a } from "./design-system38.mjs";
+import { padStartZero as a } from "./design-system37.mjs";
 import { computed as m } from "vue";
-import { useI18n as g } from "./design-system39.mjs";
+import { useI18n as g } from "./design-system38.mjs";
 function D() {
   const { t: e, locale: d } = g(), h = m(() => ({
     0: e("ds.components.base.date_picker.days.sunday"),

package/dist/design-system30.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("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(o){const l=o;return(t,d)=>t.label||t.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.id,class:"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500"},[e.createElementVNode("span",null,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),l.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":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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';\n\nexport interface Props {\n  id?: string;\n  label?: string;\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 (_ctx.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(_ctx.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,EAU4BC,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,IACRD,EAAK,OAASA,EAAK,OAAO,SAC7BE,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,gBAAiBP,EAAK,KAAK,EAAG,CAAC,CAAA,CACjD,CAAA,CACF,EACAD,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"}