@7pmlabs/design-system 0.4.0 → 0.4.1

package/dist/design-system22.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system22.mjs","sources":["../src/components/BSelect.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, renderList as _renderList, Fragment as _Fragment, vShow as _vShow, withDirectives as _withDirectives, unref as _unref } from \"vue\"\n\nconst _hoisted_1 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\" }, null, -1)\nconst _hoisted_2 = [\n  _hoisted_1\n]\nconst _hoisted_3 = [\"id\", \"disabled\"]\nconst _hoisted_4 = { key: 0 }\nconst _hoisted_5 = {\n  key: 1,\n  class: \"ds-text-black/[0.4]\"\n}\nconst _hoisted_6 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\" }, null, -1)\nconst _hoisted_7 = [\n  _hoisted_6\n]\nconst _hoisted_8 = [\"id\", \"data-cy\", \"data-ut\"]\nconst _hoisted_9 = { class: \"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow\" }\nconst _hoisted_10 = { class: \"ds-py-1 ds-text-sm ds-text-black/[0.85]\" }\nconst _hoisted_11 = [\"onClick\"]\n\nimport {\r\n  useValidationField,\r\n  type ValidationRule,\r\n} from '@/composables/Validation';\r\nimport {\r\n  ensureVisiblePosition,\r\n  lockScrollBody,\r\n  resetPosition,\r\n  unlockScrollBody,\r\n} from '@/helpers/ComponentHelper';\r\nimport type { DisplayItem } from '@/types';\r\nimport { v4 as uuid } from 'uuid';\r\nimport {\r\n  computed,\r\n  nextTick,\r\n  onBeforeUnmount,\r\n  onMounted,\r\n  ref,\r\n  watch,\r\n} from 'vue';\r\nimport { useI18n } from 'vue-i18n';\r\nimport BErrorMessage from './BErrorMessage.vue';\r\nimport BLabel from './BLabel.vue';\r\nimport BTextField from './BTextField.vue';\r\n\r\n//#region Props\r\nexport interface BSelectProps {\r\n  inputId?: string;\r\n  modelValue: string | number;\r\n  label?: string;\r\n  items: DisplayItem[];\r\n  disabled?: boolean;\r\n  placeholder?: string;\r\n  valueCssClass?: string;\r\n  menuCssClass?: string;\r\n  /**\r\n   * Array of custom validation rules.\r\n   */\r\n  validationRules?: ValidationRule[];\r\n  /**\r\n   * Validate if the field is left empty.\r\n   */\r\n  required?: boolean;\r\n  requiredErrorMessage?: string;\r\n  /**\r\n   * Hide the validation error message.\r\n   */\r\n  hideDetails?: boolean;\r\n  /**\r\n   * Allow to type to search.\r\n   */\r\n  allowInput?: boolean;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BSelect',\n  props: {\n    inputId: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    items: {},\n    disabled: { type: Boolean, default: false },\n    placeholder: { default: '' },\n    valueCssClass: { default: '' },\n    menuCssClass: { default: '' },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    allowInput: { type: Boolean, default: false }\n  },\n  emits: [\"change\", \"open\", \"close\", \"change:input\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Events\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst selectEl = ref<HTMLElement | null>(null);\r\nconst inputRef = ref<InstanceType<typeof BTextField> | null>(null);\r\nconst selectMenuEl = ref<HTMLElement | null>(null);\r\nconst selectMenu = ref(false);\r\nconst { t } = useI18n();\r\nconst validateRequired: ValidationRule = {\r\n  validateRule: (val) => !!val,\r\n  errorMessage: () =>\r\n    props.requiredErrorMessage || t('ds.global.field_required'),\r\n};\r\nconst inputText = ref('');\r\nconst selectedItem = ref<DisplayItem>();\r\nconst id = computed(() => props.inputId || `id-${uuid()}`);\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(val) {\r\n    emit('update:modelValue', val);\r\n  },\r\n});\r\nconst btnCssClass = computed(() => {\r\n  let result = `ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between `;\r\n  result += props.disabled\r\n    ? `ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] `\r\n    : `ds-bg-white ds-text-black/[0.85] `;\r\n  result += !validationResult.value.valid\r\n    ? `ds-border-error focus:ds-ring-1 focus:ds-ring-error `\r\n    : `ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus `;\r\n\r\n  return result;\r\n});\r\nconst vRules = computed(() => {\r\n  let result: ValidationRule[] = [];\r\n\r\n  if (props.required) {\r\n    result.push(validateRequired);\r\n  }\r\n  if (props.validationRules) {\r\n    result = result.concat(props.validationRules);\r\n  }\r\n\r\n  return result.length ? result : undefined;\r\n});\r\n\r\nconst { validate, validationResult } = useValidationField(\r\n  id.value,\r\n  value,\r\n  vRules.value,\r\n);\r\n//#endregion\r\n\r\n//#region Watchers\r\nwatch(selectMenu, (val) => {\r\n  if (val) {\r\n    lockScrollBody();\r\n    ensureMenuPosition();\r\n    emit('open');\r\n  } else {\r\n    unlockScrollBody();\r\n    resetMenuPosition();\r\n    emit('close');\r\n  }\r\n});\r\nwatch(value, () => {\r\n  ensureSelectedItem();\r\n  ensureInputText();\r\n});\r\nwatch(\r\n  () => props.items,\r\n  () => {\r\n    if (value.value && !selectedItem.value?.value) {\r\n      ensureSelectedItem();\r\n      ensureInputText();\r\n    }\r\n  },\r\n  {\r\n    deep: true,\r\n  },\r\n);\r\n//#endregion\r\n\r\n//#region Methods\r\nconst ensureSelectedItem = () => {\r\n  selectedItem.value = props.items.find((i) => i.value === value.value);\r\n};\r\nconst ensureInputText = () => {\r\n  if (props.allowInput) {\r\n    inputText.value = selectedItem.value?.text || '';\r\n  }\r\n};\r\nconst initPressEscapeEventListener = () => {\r\n  document.addEventListener('keydown', closeOnEscapePressed);\r\n};\r\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\r\n  if (event.key === 'Escape') {\r\n    closeSelectMenu();\r\n  }\r\n};\r\nconst initClickOutsideEventListener = () => {\r\n  document.addEventListener('click', closeOnClickOutside);\r\n};\r\nconst closeOnClickOutside = (event: any) => {\r\n  const refs = [selectEl.value, selectMenuEl.value];\r\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\r\n  if (!withinBoundaries) {\r\n    closeSelectMenu();\r\n  }\r\n};\r\nconst onClickItem = (item: DisplayItem) => {\r\n  value.value = item.value;\r\n  closeSelectMenu();\r\n  emit('change', item.value);\r\n  nextTick(() => {\r\n    validate();\r\n  });\r\n};\r\nconst ensureMenuWidth = (parentEl: HTMLElement, menuEl: HTMLElement) => {\r\n  menuEl.style.width = `${parentEl.offsetWidth}px`;\r\n};\r\nconst ensureMenuPosition = () => {\r\n  nextTick(() => {\r\n    ensureVisiblePosition(selectEl.value!, selectMenuEl.value!);\r\n    ensureMenuWidth(selectEl.value!, selectMenuEl.value!);\r\n  });\r\n};\r\nconst resetMenuPosition = () => {\r\n  resetPosition(selectEl.value!, selectMenuEl.value!);\r\n};\r\nconst onChangeInputText = (text: string) => {\r\n  emit('change:input', text);\r\n};\r\nconst closeSelectMenu = () => {\r\n  selectMenu.value = false;\r\n  inputRef.value?.blur();\r\n  ensureInputText();\r\n};\r\nconst init = () => {\r\n  ensureSelectedItem();\r\n  ensureInputText();\r\n};\r\ninit();\r\n//#endregion\r\n\r\n//#region Lifecycle Hooks\r\nonMounted(() => {\r\n  initPressEscapeEventListener();\r\n  initClickOutsideEventListener();\r\n});\r\nonBeforeUnmount(() => {\r\n  document.removeEventListener('keydown', closeOnEscapePressed);\r\n  document.removeEventListener('click', closeOnClickOutside);\r\n  unlockScrollBody();\r\n  // Make sure dropdown menu unmounted with itself\r\n  resetMenuPosition();\r\n});\r\n//#endregion\r\n\r\n__expose({ validate, selectMenu });\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"div\", {\n      ref_key: \"selectEl\",\n      ref: selectEl\n    }, [\n      _createVNode(BLabel, {\n        id: id.value,\n        label: _ctx.label,\n        required: _ctx.required\n      }, null, 8, [\"id\", \"label\", \"required\"]),\n      (props.allowInput)\n        ? (_openBlock(), _createBlock(BTextField, {\n            key: 0,\n            id: id.value,\n            ref_key: \"inputRef\",\n            ref: inputRef,\n            modelValue: inputText.value,\n            \"onUpdate:modelValue\": [\n              _cache[0] || (_cache[0] = ($event: any) => ((inputText).value = $event)),\n              onChangeInputText\n            ],\n            disabled: props.disabled,\n            placeholder: props.placeholder,\n            \"hide-details\": \"\",\n            onFocus: _cache[1] || (_cache[1] = ($event: any) => (selectMenu.value = true)),\n            \"onClick:append\": _cache[2] || (_cache[2] = ($event: any) => (inputRef.value?.focus()))\n          }, {\n            appendIcon: _withCtx(() => [\n              (_openBlock(), _createElementBlock(\"svg\", {\n                class: _normalizeClass([[selectMenu.value ? 'ds-rotate-180' : ''], \"ds-h-4 ds-w-4 ds-transition-transform\"]),\n                viewBox: \"0 0 320 512\",\n                xmlns: \"http://www.w3.org/2000/svg\"\n              }, _hoisted_2, 2))\n            ]),\n            _: 1\n          }, 8, [\"id\", \"modelValue\", \"disabled\", \"placeholder\"]))\n        : (_openBlock(), _createElementBlock(\"button\", {\n            key: 1,\n            id: id.value,\n            class: _normalizeClass(btnCssClass.value),\n            disabled: props.disabled,\n            type: \"button\",\n            onClick: _cache[3] || (_cache[3] = ($event: any) => (selectMenu.value = !selectMenu.value))\n          }, [\n            _createElementVNode(\"span\", {\n              class: _normalizeClass([_ctx.valueCssClass, \"ds-truncate\"])\n            }, [\n              (selectedItem.value?.text)\n                ? (_openBlock(), _createElementBlock(\"span\", _hoisted_4, _toDisplayString(selectedItem.value?.text), 1))\n                : (_openBlock(), _createElementBlock(\"span\", _hoisted_5, _toDisplayString(props.placeholder), 1))\n            ], 2),\n            _createTextVNode(\"   \"),\n            (_openBlock(), _createElementBlock(\"svg\", {\n              class: _normalizeClass([[selectMenu.value ? 'ds-rotate-180' : ''], \"ds-h-4 ds-w-4 ds-transition-transform\"]),\n              viewBox: \"0 0 320 512\",\n              xmlns: \"http://www.w3.org/2000/svg\"\n            }, _hoisted_7, 2))\n          ], 10, _hoisted_3)),\n      _withDirectives(_createElementVNode(\"div\", {\n        id: `${id.value}Menu`,\n        ref_key: \"selectMenuEl\",\n        ref: selectMenuEl,\n        class: _normalizeClass([_ctx.menuCssClass, \"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1\"]),\n        \"data-cy\": _ctx.$attrs['data-cy'] ? `${_ctx.$attrs['data-cy']}Menu` : undefined,\n        \"data-ut\": _ctx.$attrs['data-ut'] ? `${_ctx.$attrs['data-ut']}Menu` : undefined\n      }, [\n        _createElementVNode(\"div\", _hoisted_9, [\n          _createElementVNode(\"ul\", _hoisted_10, [\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.items, (item, index) => {\n              return (_openBlock(), _createElementBlock(\"li\", {\n                key: `item${index}`,\n                class: \"ds-cursor-pointer\",\n                onClick: ($event: any) => (onClickItem(item))\n              }, [\n                _createElementVNode(\"a\", {\n                  class: _normalizeClass([\r\n                  item.cssClass +\r\n                  `${item.value === value.value ? ' ds-bg-gray-150' : ''}`\r\n                , \"ds-block ds-px-4 ds-py-2 hover:ds-bg-gray-150\"])\n                }, _toDisplayString(item?.text), 3)\n              ], 8, _hoisted_11))\n            }), 128))\n          ])\n        ])\n      ], 10, _hoisted_8), [\n        [_vShow, selectMenu.value]\n      ])\n    ], 512),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_sfc_main","_defineComponent","__props","__expose","emit","props","selectEl","ref","inputRef","selectMenuEl","selectMenu","t","useI18n","validateRequired","val","inputText","selectedItem","id","computed","uuid","value","btnCssClass","result","validationResult","vRules","validate","useValidationField","watch","lockScrollBody","ensureMenuPosition","unlockScrollBody","resetMenuPosition","ensureSelectedItem","ensureInputText","_a","i","initPressEscapeEventListener","closeOnEscapePressed","event","closeSelectMenu","initClickOutsideEventListener","closeOnClickOutside","r","onClickItem","item","nextTick","ensureMenuWidth","parentEl","menuEl","ensureVisiblePosition","resetPosition","onChangeInputText","text","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_createVNode","BLabel","_createBlock","BTextField","$event","_withCtx","_normalizeClass","_toDisplayString","_b","_createTextVNode","_withDirectives","_Fragment","_renderList","index","_vShow","_createCommentVNode","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system22.mjs","sources":["../src/components/BSelect.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, renderList as _renderList, Fragment as _Fragment, vShow as _vShow, withDirectives as _withDirectives, unref as _unref } from \"vue\"\n\nconst _hoisted_1 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\" }, null, -1)\nconst _hoisted_2 = [\n  _hoisted_1\n]\nconst _hoisted_3 = [\"id\", \"disabled\"]\nconst _hoisted_4 = { key: 0 }\nconst _hoisted_5 = {\n  key: 1,\n  class: \"ds-text-black/[0.4]\"\n}\nconst _hoisted_6 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z\" }, null, -1)\nconst _hoisted_7 = [\n  _hoisted_6\n]\nconst _hoisted_8 = [\"id\", \"data-cy\", \"data-ut\"]\nconst _hoisted_9 = { class: \"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow\" }\nconst _hoisted_10 = { class: \"ds-py-1 ds-text-sm ds-text-black/[0.85]\" }\nconst _hoisted_11 = [\"onClick\"]\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport {\n  ensureVisiblePosition,\n  lockScrollBody,\n  resetPosition,\n  unlockScrollBody,\n} from '@/helpers/ComponentHelper';\nimport type { DisplayItem } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\nimport BTextField from './BTextField.vue';\n\n//#region Props\nexport interface BSelectProps {\n  inputId?: string;\n  modelValue: string | number;\n  label?: string;\n  items: DisplayItem[];\n  disabled?: boolean;\n  placeholder?: string;\n  valueCssClass?: string;\n  menuCssClass?: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n  /**\n   * Allow to type to search.\n   */\n  allowInput?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BSelect',\n  props: {\n    inputId: { default: '' },\n    modelValue: {},\n    label: { default: '' },\n    items: {},\n    disabled: { type: Boolean, default: false },\n    placeholder: { default: '' },\n    valueCssClass: { default: '' },\n    menuCssClass: { default: '' },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false },\n    allowInput: { type: Boolean, default: false }\n  },\n  emits: [\"change\", \"open\", \"close\", \"change:input\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst selectEl = ref<HTMLElement | null>(null);\nconst inputRef = ref<InstanceType<typeof BTextField> | null>(null);\nconst selectMenuEl = ref<HTMLElement | null>(null);\nconst selectMenu = ref(false);\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val) => !!val,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst inputText = ref('');\nconst selectedItem = ref<DisplayItem>();\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 btnCssClass = computed(() => {\n  let result = `ds-border ds-drop-shadow-light ds-text-sm ds-h-[40px] ds-px-3 ds-rounded-lg ds-block ds-w-full ds-inline-flex ds-items-center ds-justify-between `;\n  result += props.disabled\n    ? `ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] `\n    : `ds-bg-white ds-text-black/[0.85] `;\n  result += !validationResult.value.valid\n    ? `ds-border-error focus:ds-ring-1 focus:ds-ring-error `\n    : `ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus `;\n\n  return result;\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});\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n//#endregion\n\n//#region Watchers\nwatch(selectMenu, (val) => {\n  if (val) {\n    lockScrollBody();\n    ensureMenuPosition();\n    emit('open');\n  } else {\n    unlockScrollBody();\n    resetMenuPosition();\n    emit('close');\n  }\n});\nwatch(value, () => {\n  ensureSelectedItem();\n  ensureInputText();\n});\nwatch(\n  () => props.items,\n  () => {\n    if (value.value && !selectedItem.value?.value) {\n      ensureSelectedItem();\n      ensureInputText();\n    }\n  },\n  {\n    deep: true,\n  },\n);\n//#endregion\n\n//#region Methods\nconst ensureSelectedItem = () => {\n  selectedItem.value = props.items.find((i) => i.value === value.value);\n};\nconst ensureInputText = () => {\n  if (props.allowInput) {\n    inputText.value = selectedItem.value?.text || '';\n  }\n};\nconst initPressEscapeEventListener = () => {\n  document.addEventListener('keydown', closeOnEscapePressed);\n};\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\n  if (event.key === 'Escape') {\n    closeSelectMenu();\n  }\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [selectEl.value, selectMenuEl.value];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    closeSelectMenu();\n  }\n};\nconst onClickItem = (item: DisplayItem) => {\n  value.value = item.value;\n  closeSelectMenu();\n  emit('change', item.value);\n  nextTick(() => {\n    validate();\n  });\n};\nconst ensureMenuWidth = (parentEl: HTMLElement, menuEl: HTMLElement) => {\n  menuEl.style.width = `${parentEl.offsetWidth}px`;\n};\nconst ensureMenuPosition = () => {\n  nextTick(() => {\n    ensureVisiblePosition(selectEl.value!, selectMenuEl.value!);\n    ensureMenuWidth(selectEl.value!, selectMenuEl.value!);\n  });\n};\nconst resetMenuPosition = () => {\n  resetPosition(selectEl.value!, selectMenuEl.value!);\n};\nconst onChangeInputText = (text: string) => {\n  emit('change:input', text);\n};\nconst closeSelectMenu = () => {\n  selectMenu.value = false;\n  inputRef.value?.blur();\n  ensureInputText();\n};\nconst init = () => {\n  ensureSelectedItem();\n  ensureInputText();\n};\ninit();\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  initPressEscapeEventListener();\n  initClickOutsideEventListener();\n});\nonBeforeUnmount(() => {\n  document.removeEventListener('keydown', closeOnEscapePressed);\n  document.removeEventListener('click', closeOnClickOutside);\n  unlockScrollBody();\n  // Make sure dropdown menu unmounted with itself\n  resetMenuPosition();\n});\n//#endregion\n\n__expose({ validate, selectMenu });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"div\", {\n      ref_key: \"selectEl\",\n      ref: selectEl\n    }, [\n      _createVNode(BLabel, {\n        id: id.value,\n        label: _ctx.label,\n        required: _ctx.required\n      }, null, 8, [\"id\", \"label\", \"required\"]),\n      (props.allowInput)\n        ? (_openBlock(), _createBlock(BTextField, {\n            key: 0,\n            id: id.value,\n            ref_key: \"inputRef\",\n            ref: inputRef,\n            modelValue: inputText.value,\n            \"onUpdate:modelValue\": [\n              _cache[0] || (_cache[0] = ($event: any) => ((inputText).value = $event)),\n              onChangeInputText\n            ],\n            disabled: props.disabled,\n            placeholder: props.placeholder,\n            \"hide-details\": \"\",\n            onFocus: _cache[1] || (_cache[1] = ($event: any) => (selectMenu.value = true)),\n            \"onClick:append\": _cache[2] || (_cache[2] = ($event: any) => (inputRef.value?.focus()))\n          }, {\n            appendIcon: _withCtx(() => [\n              (_openBlock(), _createElementBlock(\"svg\", {\n                class: _normalizeClass([[selectMenu.value ? 'ds-rotate-180' : ''], \"ds-h-4 ds-w-4 ds-transition-transform\"]),\n                viewBox: \"0 0 320 512\",\n                xmlns: \"http://www.w3.org/2000/svg\"\n              }, _hoisted_2, 2))\n            ]),\n            _: 1\n          }, 8, [\"id\", \"modelValue\", \"disabled\", \"placeholder\"]))\n        : (_openBlock(), _createElementBlock(\"button\", {\n            key: 1,\n            id: id.value,\n            class: _normalizeClass(btnCssClass.value),\n            disabled: props.disabled,\n            type: \"button\",\n            onClick: _cache[3] || (_cache[3] = ($event: any) => (selectMenu.value = !selectMenu.value))\n          }, [\n            _createElementVNode(\"span\", {\n              class: _normalizeClass([_ctx.valueCssClass, \"ds-truncate\"])\n            }, [\n              (selectedItem.value?.text)\n                ? (_openBlock(), _createElementBlock(\"span\", _hoisted_4, _toDisplayString(selectedItem.value?.text), 1))\n                : (_openBlock(), _createElementBlock(\"span\", _hoisted_5, _toDisplayString(props.placeholder), 1))\n            ], 2),\n            _createTextVNode(\"   \"),\n            (_openBlock(), _createElementBlock(\"svg\", {\n              class: _normalizeClass([[selectMenu.value ? 'ds-rotate-180' : ''], \"ds-h-4 ds-w-4 ds-transition-transform\"]),\n              viewBox: \"0 0 320 512\",\n              xmlns: \"http://www.w3.org/2000/svg\"\n            }, _hoisted_7, 2))\n          ], 10, _hoisted_3)),\n      _withDirectives(_createElementVNode(\"div\", {\n        id: `${id.value}Menu`,\n        ref_key: \"selectMenuEl\",\n        ref: selectMenuEl,\n        class: _normalizeClass([_ctx.menuCssClass, \"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1\"]),\n        \"data-cy\": _ctx.$attrs['data-cy'] ? `${_ctx.$attrs['data-cy']}Menu` : undefined,\n        \"data-ut\": _ctx.$attrs['data-ut'] ? `${_ctx.$attrs['data-ut']}Menu` : undefined\n      }, [\n        _createElementVNode(\"div\", _hoisted_9, [\n          _createElementVNode(\"ul\", _hoisted_10, [\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.items, (item, index) => {\n              return (_openBlock(), _createElementBlock(\"li\", {\n                key: `item${index}`,\n                class: \"ds-cursor-pointer\",\n                onClick: ($event: any) => (onClickItem(item))\n              }, [\n                _createElementVNode(\"a\", {\n                  class: _normalizeClass([\n                  item.cssClass +\n                  `${item.value === value.value ? ' ds-bg-gray-150' : ''}`\n                , \"ds-block ds-px-4 ds-py-2 hover:ds-bg-gray-150\"])\n                }, _toDisplayString(item?.text), 3)\n              ], 8, _hoisted_11))\n            }), 128))\n          ])\n        ])\n      ], 10, _hoisted_8), [\n        [_vShow, selectMenu.value]\n      ])\n    ], 512),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_sfc_main","_defineComponent","__props","__expose","emit","props","selectEl","ref","inputRef","selectMenuEl","selectMenu","t","useI18n","validateRequired","val","inputText","selectedItem","id","computed","uuid","value","btnCssClass","result","validationResult","vRules","validate","useValidationField","watch","lockScrollBody","ensureMenuPosition","unlockScrollBody","resetMenuPosition","ensureSelectedItem","ensureInputText","_a","i","initPressEscapeEventListener","closeOnEscapePressed","event","closeSelectMenu","initClickOutsideEventListener","closeOnClickOutside","r","onClickItem","item","nextTick","ensureMenuWidth","parentEl","menuEl","ensureVisiblePosition","resetPosition","onChangeInputText","text","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_createVNode","BLabel","_createBlock","BTextField","$event","_withCtx","_normalizeClass","_toDisplayString","_b","_createTextVNode","_withDirectives","_Fragment","_renderList","index","_vShow","_createCommentVNode","BErrorMessage","_unref"],"mappings":"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"}

package/dist/design-system23.js

@@ -1,2 +1,2 @@
-"use strict";const l=require("vue"),b=require("./design-system3.js"),g=require("./design-system48.js"),_=require("./design-system29.js"),q=require("./design-system30.js"),y=require("./design-system98.js"),B=["id","autocomplete","disabled","placeholder","readonly","rows"],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(q,{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),autocomplete:s.autocomplete?"on":"off",class:l.normalizeClass([p.value,"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light"]),disabled:s.disabled,placeholder:s.placeholder,readonly:s.readonly,rows:s.rows},null,10,B),[[l.vModelText,t.value]]),e.hideDetails?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(_,{key:0,"error-message":l.unref(d).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=h;
+"use strict";const l=require("vue"),b=require("./design-system3.js"),g=require("./design-system48.js"),_=require("./design-system29.js"),q=require("./design-system30.js"),y=require("./design-system99.js"),B=["id","autocomplete","disabled","placeholder","readonly","rows"],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(q,{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),autocomplete:s.autocomplete?"on":"off",class:l.normalizeClass([p.value,"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light"]),disabled:s.disabled,placeholder:s.placeholder,readonly:s.readonly,rows:s.rows},null,10,B),[[l.vModelText,t.value]]),e.hideDetails?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(_,{key:0,"error-message":l.unref(d).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=h;
 //# sourceMappingURL=design-system23.js.map

package/dist/design-system23.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system23.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\", \"autocomplete\", \"disabled\", \"placeholder\", \"readonly\", \"rows\"]\n\nimport {\r\n  useValidationField,\r\n  type ValidationRule,\r\n} from '@/composables/Validation';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { computed } from 'vue';\r\nimport { useI18n } from 'vue-i18n';\r\nimport BErrorMessage from './BErrorMessage.vue';\r\nimport BLabel from './BLabel.vue';\r\n\r\n//#region Props\r\nexport interface BTextareaProps {\r\n  inputId?: string;\r\n  inputCssClass?: string;\r\n  modelValue: string;\r\n  /**\r\n   * Array of custom validation rules.\r\n   */\r\n  validationRules?: ValidationRule[];\r\n  label?: string;\r\n  placeholder?: string;\r\n  autocomplete?: boolean;\r\n  disabled?: boolean;\r\n  readonly?: boolean;\r\n  /**\r\n   * Number of rows.\r\n   */\r\n  rows?: number;\r\n  /**\r\n   * Validate if the field is left empty.\r\n   */\r\n  required?: boolean;\r\n  requiredErrorMessage?: string;\r\n  /**\r\n   * Hide the validation error message.\r\n   */\r\n  hideDetails?: boolean;\r\n}\r\n\r\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\r\n\r\n//#endregion\r\n\r\n//#region Events\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst { t } = useI18n();\r\nconst validateRequired: ValidationRule = {\r\n  validateRule: (val: string | number) => {\r\n    if (typeof val === 'number') {\r\n      return !!val;\r\n    }\r\n    return !!(val && val?.trim());\r\n  },\r\n  errorMessage: () =>\r\n    props.requiredErrorMessage || t('ds.global.field_required'),\r\n};\r\nconst id = computed(() => props.inputId || `id-${uuid()}`);\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(val) {\r\n    emit('update:modelValue', val);\r\n  },\r\n});\r\nconst inputCssClassValue = computed(() => [\r\n  {\r\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40': props.disabled,\r\n    'ds-text-black/[0.85]': !props.disabled,\r\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\r\n      !validationResult.value.valid,\r\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\r\n      validationResult.value.valid,\r\n  },\r\n  props.inputCssClass,\r\n]);\r\nconst vRules = computed(() => {\r\n  let result: ValidationRule[] = [];\r\n\r\n  if (props.required) {\r\n    result.push(validateRequired);\r\n  }\r\n  if (props.validationRules) {\r\n    result = result.concat(props.validationRules);\r\n  }\r\n\r\n  return result.length ? result : undefined;\r\n});\r\nconst { validate, validationResult } = useValidationField(\r\n  id.value,\r\n  value,\r\n  vRules.value,\r\n);\r\n//#endregion\r\n\r\n__expose({ validate });\r\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      autocomplete: props.autocomplete ? 'on' : 'off',\n      class: _normalizeClass([inputCssClassValue.value, \"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light\"]),\n      disabled: props.disabled,\n      placeholder: props.placeholder,\n      readonly: props.readonly,\n      rows: props.rows\n    }, null, 10, _hoisted_1), [\n      [_vModelText, value.value]\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\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-system23.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\", \"autocomplete\", \"disabled\", \"placeholder\", \"readonly\", \"rows\"]\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n//#region Props\nexport interface BTextareaProps {\n  inputId?: string;\n  inputCssClass?: string;\n  modelValue: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  label?: string;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  /**\n   * Number of rows.\n   */\n  rows?: number;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n}\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//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string | number) => {\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//#endregion\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      autocomplete: props.autocomplete ? 'on' : 'off',\n      class: _normalizeClass([inputCssClassValue.value, \"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light\"]),\n      disabled: props.disabled,\n      placeholder: props.placeholder,\n      readonly: props.readonly,\n      rows: props.rows\n    }, null, 10, _hoisted_1), [\n      [_vModelText, value.value]\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\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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"}

package/dist/design-system23.mjs

@@ -3,7 +3,7 @@ import { useValidationField as x } from "./design-system3.mjs";
 import { useI18n as R } from "./design-system48.mjs";
 import M from "./design-system29.mjs";
 import E from "./design-system30.mjs";
-import D from "./design-system98.mjs";
+import D from "./design-system99.mjs";
 const I = ["id", "autocomplete", "disabled", "placeholder", "readonly", "rows"], j = /* @__PURE__ */ g({
   __name: "BTextarea",
   props: {

package/dist/design-system23.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system23.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\", \"autocomplete\", \"disabled\", \"placeholder\", \"readonly\", \"rows\"]\n\nimport {\r\n  useValidationField,\r\n  type ValidationRule,\r\n} from '@/composables/Validation';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { computed } from 'vue';\r\nimport { useI18n } from 'vue-i18n';\r\nimport BErrorMessage from './BErrorMessage.vue';\r\nimport BLabel from './BLabel.vue';\r\n\r\n//#region Props\r\nexport interface BTextareaProps {\r\n  inputId?: string;\r\n  inputCssClass?: string;\r\n  modelValue: string;\r\n  /**\r\n   * Array of custom validation rules.\r\n   */\r\n  validationRules?: ValidationRule[];\r\n  label?: string;\r\n  placeholder?: string;\r\n  autocomplete?: boolean;\r\n  disabled?: boolean;\r\n  readonly?: boolean;\r\n  /**\r\n   * Number of rows.\r\n   */\r\n  rows?: number;\r\n  /**\r\n   * Validate if the field is left empty.\r\n   */\r\n  required?: boolean;\r\n  requiredErrorMessage?: string;\r\n  /**\r\n   * Hide the validation error message.\r\n   */\r\n  hideDetails?: boolean;\r\n}\r\n\r\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\r\n\r\n//#endregion\r\n\r\n//#region Events\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst { t } = useI18n();\r\nconst validateRequired: ValidationRule = {\r\n  validateRule: (val: string | number) => {\r\n    if (typeof val === 'number') {\r\n      return !!val;\r\n    }\r\n    return !!(val && val?.trim());\r\n  },\r\n  errorMessage: () =>\r\n    props.requiredErrorMessage || t('ds.global.field_required'),\r\n};\r\nconst id = computed(() => props.inputId || `id-${uuid()}`);\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(val) {\r\n    emit('update:modelValue', val);\r\n  },\r\n});\r\nconst inputCssClassValue = computed(() => [\r\n  {\r\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40': props.disabled,\r\n    'ds-text-black/[0.85]': !props.disabled,\r\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\r\n      !validationResult.value.valid,\r\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\r\n      validationResult.value.valid,\r\n  },\r\n  props.inputCssClass,\r\n]);\r\nconst vRules = computed(() => {\r\n  let result: ValidationRule[] = [];\r\n\r\n  if (props.required) {\r\n    result.push(validateRequired);\r\n  }\r\n  if (props.validationRules) {\r\n    result = result.concat(props.validationRules);\r\n  }\r\n\r\n  return result.length ? result : undefined;\r\n});\r\nconst { validate, validationResult } = useValidationField(\r\n  id.value,\r\n  value,\r\n  vRules.value,\r\n);\r\n//#endregion\r\n\r\n__expose({ validate });\r\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      autocomplete: props.autocomplete ? 'on' : 'off',\n      class: _normalizeClass([inputCssClassValue.value, \"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light\"]),\n      disabled: props.disabled,\n      placeholder: props.placeholder,\n      readonly: props.readonly,\n      rows: props.rows\n    }, null, 10, _hoisted_1), [\n      [_vModelText, value.value]\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\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-system23.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\", \"autocomplete\", \"disabled\", \"placeholder\", \"readonly\", \"rows\"]\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n//#region Props\nexport interface BTextareaProps {\n  inputId?: string;\n  inputCssClass?: string;\n  modelValue: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  label?: string;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  /**\n   * Number of rows.\n   */\n  rows?: number;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n}\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//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string | number) => {\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//#endregion\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      autocomplete: props.autocomplete ? 'on' : 'off',\n      class: _normalizeClass([inputCssClassValue.value, \"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light\"]),\n      disabled: props.disabled,\n      placeholder: props.placeholder,\n      readonly: props.readonly,\n      rows: props.rows\n    }, null, 10, _hoisted_1), [\n      [_vModelText, value.value]\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\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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"}

package/dist/design-system24.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system24.js","sources":["../src/components/BToast/BToast.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, TransitionGroup as _TransitionGroup, withCtx as _withCtx, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-fixed ds-right-4 ds-top-4 ds-z-[110]\" }\n\nimport type { BToastItemModel } from '@/types';\r\nimport { computed } from 'vue';\r\nimport BToastItem from './BToastItem.vue';\r\n\r\n//#region Props\r\nexport interface Props {\r\n  modelValue: BToastItemModel[];\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToast',\n  props: {\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(val) {\r\n    emit('update:modelValue', val);\r\n  },\r\n});\r\n//#endregion\r\n\r\n//#region Events\r\n\r\n//#endregion\r\n\r\n//#region Methods\r\nconst onCloseToastItem = (i: number) => {\r\n  value.value.splice(i, 1);\r\n};\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(_TransitionGroup, {\n      \"enter-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"enter-from-class\": \"ds-opacity-0\",\n      \"enter-to-class\": \"ds-opacity-1\",\n      \"leave-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"leave-from-class\": \"ds-opacity-1\",\n      \"leave-to-class\": \"ds-opacity-0\"\n    }, {\n      default: _withCtx(() => [\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(value.value, (toastItem, index) => {\n          return (_openBlock(), _createBlock(BToastItem, {\n            key: `toastItem${index}`,\n            icon: toastItem.icon,\n            text: toastItem.text,\n            type: toastItem.type,\n            class: \"ds-my-2\",\n            onClose: ($event: any) => (onCloseToastItem(index))\n          }, null, 8, [\"icon\", \"text\", \"type\", \"onClose\"]))\n        }), 128))\n      ]),\n      _: 1\n    })\n  ], 512)), [\n    [_vShow, value.value.length > 0]\n  ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","emit","props","value","computed","val","onCloseToastItem","i","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","_createVNode","_TransitionGroup","_withCtx","_Fragment","_renderList","toastItem","index","_createBlock","BToastItem","$event","_vShow"],"mappings":"sEAGMA,EAAa,CAAE,MAAO,2CAYAC,EAAiBC,kBAAA,CAC3C,OAAQ,SACR,MAAO,CACL,WAAY,CAAC,CACf,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAMRG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAK,CACPJ,EAAK,oBAAqBI,CAAG,CAC/B,CAAA,CACD,EAQKC,EAAoBC,GAAc,CAChCJ,EAAA,MAAM,OAAOI,EAAG,CAAC,CAAA,EAIlB,MAAA,CAACC,EAAUC,IACTC,EAAiB,gBAAAC,EAAA,UAAA,EAAcC,EAAAA,mBAAoB,MAAOf,EAAY,CAC3EgB,EAAAA,YAAaC,EAAAA,gBAAkB,CAC7B,qBAAsB,mDACtB,mBAAoB,eACpB,iBAAkB,eAClB,qBAAsB,mDACtB,mBAAoB,eACpB,iBAAkB,cAAA,EACjB,CACD,QAASC,UAAS,IAAM,EACrBJ,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAI,WAAW,KAAMC,EAAA,WAAYd,EAAM,MAAO,CAACe,EAAWC,KACnFR,EAAA,UAAA,EAAcS,EAAA,YAAaC,EAAY,CAC7C,IAAK,YAAYF,CAAK,GACtB,KAAMD,EAAU,KAChB,KAAMA,EAAU,KAChB,KAAMA,EAAU,KAChB,MAAO,UACP,QAAUI,GAAiBhB,EAAiBa,CAAK,CAAA,EAChD,KAAM,EAAG,CAAC,OAAQ,OAAQ,OAAQ,SAAS,CAAC,EAChD,EAAG,GAAG,EAAA,CACR,EACD,EAAG,CAAA,CACJ,CACH,EAAG,GAAG,GAAI,CACR,CAACI,EAAA,MAAQpB,EAAM,MAAM,OAAS,CAAC,CAAA,CAChC,CAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system24.js","sources":["../src/components/BToast/BToast.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, TransitionGroup as _TransitionGroup, withCtx as _withCtx, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-fixed ds-right-4 ds-top-4 ds-z-[110]\" }\n\nimport type { BToastItemModel } from '@/types';\nimport { computed } from 'vue';\nimport BToastItem from './BToastItem.vue';\n\n//#region Props\nexport interface Props {\n  modelValue: BToastItemModel[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToast',\n  props: {\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Methods\nconst onCloseToastItem = (i: number) => {\n  value.value.splice(i, 1);\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(_TransitionGroup, {\n      \"enter-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"enter-from-class\": \"ds-opacity-0\",\n      \"enter-to-class\": \"ds-opacity-1\",\n      \"leave-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"leave-from-class\": \"ds-opacity-1\",\n      \"leave-to-class\": \"ds-opacity-0\"\n    }, {\n      default: _withCtx(() => [\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(value.value, (toastItem, index) => {\n          return (_openBlock(), _createBlock(BToastItem, {\n            key: `toastItem${index}`,\n            icon: toastItem.icon,\n            text: toastItem.text,\n            type: toastItem.type,\n            class: \"ds-my-2\",\n            onClose: ($event: any) => (onCloseToastItem(index))\n          }, null, 8, [\"icon\", \"text\", \"type\", \"onClose\"]))\n        }), 128))\n      ]),\n      _: 1\n    })\n  ], 512)), [\n    [_vShow, value.value.length > 0]\n  ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","emit","props","value","computed","val","onCloseToastItem","i","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","_createVNode","_TransitionGroup","_withCtx","_Fragment","_renderList","toastItem","index","_createBlock","BToastItem","$event","_vShow"],"mappings":"sEAGMA,EAAa,CAAE,MAAO,2CAYAC,EAAiBC,kBAAA,CAC3C,OAAQ,SACR,MAAO,CACL,WAAY,CAAC,CACf,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAMRG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAK,CACPJ,EAAK,oBAAqBI,CAAG,CAC/B,CAAA,CACD,EAQKC,EAAoBC,GAAc,CAChCJ,EAAA,MAAM,OAAOI,EAAG,CAAC,CAAA,EAIlB,MAAA,CAACC,EAAUC,IACTC,EAAiB,gBAAAC,EAAA,UAAA,EAAcC,EAAAA,mBAAoB,MAAOf,EAAY,CAC3EgB,EAAAA,YAAaC,EAAAA,gBAAkB,CAC7B,qBAAsB,mDACtB,mBAAoB,eACpB,iBAAkB,eAClB,qBAAsB,mDACtB,mBAAoB,eACpB,iBAAkB,cAAA,EACjB,CACD,QAASC,UAAS,IAAM,EACrBJ,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAI,WAAW,KAAMC,EAAA,WAAYd,EAAM,MAAO,CAACe,EAAWC,KACnFR,EAAA,UAAA,EAAcS,EAAA,YAAaC,EAAY,CAC7C,IAAK,YAAYF,CAAK,GACtB,KAAMD,EAAU,KAChB,KAAMA,EAAU,KAChB,KAAMA,EAAU,KAChB,MAAO,UACP,QAAUI,GAAiBhB,EAAiBa,CAAK,CAAA,EAChD,KAAM,EAAG,CAAC,OAAQ,OAAQ,OAAQ,SAAS,CAAC,EAChD,EAAG,GAAG,EAAA,CACR,EACD,EAAG,CAAA,CACJ,CACH,EAAG,GAAG,GAAI,CACR,CAACI,EAAA,MAAQpB,EAAM,MAAM,OAAS,CAAC,CAAA,CAChC,CAEH,CAEA,CAAC"}

package/dist/design-system24.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system24.mjs","sources":["../src/components/BToast/BToast.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, TransitionGroup as _TransitionGroup, withCtx as _withCtx, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-fixed ds-right-4 ds-top-4 ds-z-[110]\" }\n\nimport type { BToastItemModel } from '@/types';\r\nimport { computed } from 'vue';\r\nimport BToastItem from './BToastItem.vue';\r\n\r\n//#region Props\r\nexport interface Props {\r\n  modelValue: BToastItemModel[];\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToast',\n  props: {\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst value = computed({\r\n  get() {\r\n    return props.modelValue;\r\n  },\r\n  set(val) {\r\n    emit('update:modelValue', val);\r\n  },\r\n});\r\n//#endregion\r\n\r\n//#region Events\r\n\r\n//#endregion\r\n\r\n//#region Methods\r\nconst onCloseToastItem = (i: number) => {\r\n  value.value.splice(i, 1);\r\n};\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(_TransitionGroup, {\n      \"enter-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"enter-from-class\": \"ds-opacity-0\",\n      \"enter-to-class\": \"ds-opacity-1\",\n      \"leave-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"leave-from-class\": \"ds-opacity-1\",\n      \"leave-to-class\": \"ds-opacity-0\"\n    }, {\n      default: _withCtx(() => [\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(value.value, (toastItem, index) => {\n          return (_openBlock(), _createBlock(BToastItem, {\n            key: `toastItem${index}`,\n            icon: toastItem.icon,\n            text: toastItem.text,\n            type: toastItem.type,\n            class: \"ds-my-2\",\n            onClose: ($event: any) => (onCloseToastItem(index))\n          }, null, 8, [\"icon\", \"text\", \"type\", \"onClose\"]))\n        }), 128))\n      ]),\n      _: 1\n    })\n  ], 512)), [\n    [_vShow, value.value.length > 0]\n  ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","emit","props","value","computed","val","onCloseToastItem","i","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","_createVNode","_TransitionGroup","_withCtx","_Fragment","_renderList","toastItem","index","_createBlock","BToastItem","$event","_vShow"],"mappings":";;AAGA,MAAMA,IAAa,EAAE,OAAO,6CAYAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,CAAC;AAAA,EACf;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAMRG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIG,GAAK;AACP,QAAAJ,EAAK,qBAAqBI,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GAQKC,IAAmB,CAACC,MAAc;AAChC,MAAAJ,EAAA,MAAM,OAAOI,GAAG,CAAC;AAAA,IAAA;AAIlB,WAAA,CAACC,GAAUC,MACTC,GAAiBC,EAAA,GAAcC,EAAoB,OAAOf,GAAY;AAAA,MAC3EgB,EAAaC,GAAkB;AAAA,QAC7B,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,QAClB,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,MAAA,GACjB;AAAA,QACD,SAASC,EAAS,MAAM;AAAA,WACrBJ,EAAW,EAAI,GAAGC,EAAoBI,GAAW,MAAMC,EAAYd,EAAM,OAAO,CAACe,GAAWC,OACnFR,EAAA,GAAcS,EAAaC,GAAY;AAAA,YAC7C,KAAK,YAAYF,CAAK;AAAA,YACtB,MAAMD,EAAU;AAAA,YAChB,MAAMA,EAAU;AAAA,YAChB,MAAMA,EAAU;AAAA,YAChB,OAAO;AAAA,YACP,SAAS,CAACI,MAAiBhB,EAAiBa,CAAK;AAAA,UAAA,GAChD,MAAM,GAAG,CAAC,QAAQ,QAAQ,QAAQ,SAAS,CAAC,EAChD,GAAG,GAAG;AAAA,QAAA,CACR;AAAA,QACD,GAAG;AAAA,MAAA,CACJ;AAAA,IACH,GAAG,GAAG,IAAI;AAAA,MACR,CAACI,GAAQpB,EAAM,MAAM,SAAS,CAAC;AAAA,IAAA,CAChC;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system24.mjs","sources":["../src/components/BToast/BToast.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, TransitionGroup as _TransitionGroup, withCtx as _withCtx, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-fixed ds-right-4 ds-top-4 ds-z-[110]\" }\n\nimport type { BToastItemModel } from '@/types';\nimport { computed } from 'vue';\nimport BToastItem from './BToastItem.vue';\n\n//#region Props\nexport interface Props {\n  modelValue: BToastItemModel[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToast',\n  props: {\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Methods\nconst onCloseToastItem = (i: number) => {\n  value.value.splice(i, 1);\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(_TransitionGroup, {\n      \"enter-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"enter-from-class\": \"ds-opacity-0\",\n      \"enter-to-class\": \"ds-opacity-1\",\n      \"leave-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"leave-from-class\": \"ds-opacity-1\",\n      \"leave-to-class\": \"ds-opacity-0\"\n    }, {\n      default: _withCtx(() => [\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(value.value, (toastItem, index) => {\n          return (_openBlock(), _createBlock(BToastItem, {\n            key: `toastItem${index}`,\n            icon: toastItem.icon,\n            text: toastItem.text,\n            type: toastItem.type,\n            class: \"ds-my-2\",\n            onClose: ($event: any) => (onCloseToastItem(index))\n          }, null, 8, [\"icon\", \"text\", \"type\", \"onClose\"]))\n        }), 128))\n      ]),\n      _: 1\n    })\n  ], 512)), [\n    [_vShow, value.value.length > 0]\n  ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","emit","props","value","computed","val","onCloseToastItem","i","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","_createVNode","_TransitionGroup","_withCtx","_Fragment","_renderList","toastItem","index","_createBlock","BToastItem","$event","_vShow"],"mappings":";;AAGA,MAAMA,IAAa,EAAE,OAAO,6CAYAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,CAAC;AAAA,EACf;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAMRG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIG,GAAK;AACP,QAAAJ,EAAK,qBAAqBI,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GAQKC,IAAmB,CAACC,MAAc;AAChC,MAAAJ,EAAA,MAAM,OAAOI,GAAG,CAAC;AAAA,IAAA;AAIlB,WAAA,CAACC,GAAUC,MACTC,GAAiBC,EAAA,GAAcC,EAAoB,OAAOf,GAAY;AAAA,MAC3EgB,EAAaC,GAAkB;AAAA,QAC7B,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,QAClB,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,MAAA,GACjB;AAAA,QACD,SAASC,EAAS,MAAM;AAAA,WACrBJ,EAAW,EAAI,GAAGC,EAAoBI,GAAW,MAAMC,EAAYd,EAAM,OAAO,CAACe,GAAWC,OACnFR,EAAA,GAAcS,EAAaC,GAAY;AAAA,YAC7C,KAAK,YAAYF,CAAK;AAAA,YACtB,MAAMD,EAAU;AAAA,YAChB,MAAMA,EAAU;AAAA,YAChB,MAAMA,EAAU;AAAA,YAChB,OAAO;AAAA,YACP,SAAS,CAACI,MAAiBhB,EAAiBa,CAAK;AAAA,UAAA,GAChD,MAAM,GAAG,CAAC,QAAQ,QAAQ,QAAQ,SAAS,CAAC,EAChD,GAAG,GAAG;AAAA,QAAA,CACR;AAAA,QACD,GAAG;AAAA,MAAA,CACJ;AAAA,IACH,GAAG,GAAG,IAAI;AAAA,MACR,CAACI,GAAQpB,EAAM,MAAM,SAAS,CAAC;AAAA,IAAA,CAChC;AAAA,EAEH;AAEA,CAAC;"}

package/dist/design-system25.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system54.js");require("./design-system55.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-f817a4d8"]]);module.exports=t;
+"use strict";const e=require("./design-system54.js");require("./design-system55.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-34b71560"]]);module.exports=t;
 //# sourceMappingURL=design-system25.js.map

package/dist/design-system25.mjs

@@ -1,8 +1,8 @@
 import o from "./design-system54.mjs";
 import "./design-system55.mjs";
 import r from "./design-system56.mjs";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f817a4d8"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-34b71560"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=design-system25.mjs.map

package/dist/design-system26.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue");require("./design-system57.js");require("./design-system58.js");const t=require("./design-system56.js"),s={},c={class:"carousel-item"};function n(r,u){return e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(s,[["render",n],["__scopeId","data-v-5dd26183"]]);module.exports=o;
+"use strict";const e=require("vue");require("./design-system57.js");require("./design-system58.js");const t=require("./design-system56.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-system26.js.map

package/dist/design-system26.mjs

@@ -3,13 +3,13 @@ import "./design-system57.mjs";
 import "./design-system58.mjs";
 import c from "./design-system56.mjs";
 const s = {}, n = { class: "carousel-item" };
-function d(e, a) {
+function a(e, d) {
   return t(), o("div", n, [
     r(e.$slots, "default", {}, void 0, !0)
   ]);
 }
-const f = /* @__PURE__ */ c(s, [["render", d], ["__scopeId", "data-v-5dd26183"]]);
+const m = /* @__PURE__ */ c(s, [["render", a], ["__scopeId", "data-v-36f0b6c6"]]);
 export {
-  f as default
+  m as default
 };
 //# sourceMappingURL=design-system26.mjs.map

package/dist/design-system27.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system59.js");require("./design-system60.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-b9884539"]]);module.exports=t;
+"use strict";const e=require("./design-system59.js");require("./design-system60.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-f539c27d"]]);module.exports=t;
 //# sourceMappingURL=design-system27.js.map

package/dist/design-system27.mjs

@@ -1,8 +1,8 @@
 import o from "./design-system59.mjs";
 import "./design-system60.mjs";
 import t from "./design-system56.mjs";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b9884539"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f539c27d"]]);
 export {
-  _ as default
+  m as default
 };
 //# sourceMappingURL=design-system27.mjs.map

package/dist/design-system29.js

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

package/dist/design-system29.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system29.js","sources":["../src/components/BErrorMessage.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-min-h-[1rem]\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-text-xs ds-text-red-500\"\n}\n\nimport type { ErrorMessageFunction } from '@/types';\r\nimport { computed } from 'vue';\r\n\r\n//#region Props\r\nexport interface BErrorMessageProps {\r\n  /**\r\n   * A text or a function returning a text.\r\n   */\r\n  errorMessage?: string | ErrorMessageFunction;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BErrorMessage',\n  props: {\n    errorMessage: { type: [String, Function], default: '' }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst message = computed(() =>\r\n  typeof props.errorMessage === 'function'\r\n    ? props.errorMessage()\r\n    : props.errorMessage,\r\n);\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (message.value)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, _toDisplayString(message.value), 1))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","message","computed","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode"],"mappings":"oCAGMA,EAAa,CAAE,MAAO,mBACtBC,EAAa,CACjB,IAAK,EACL,MAAO,4BACT,EAc4BC,EAAiBC,kBAAA,CAC3C,OAAQ,gBACR,MAAO,CACL,aAAc,CAAE,KAAM,CAAC,OAAQ,QAAQ,EAAG,QAAS,EAAG,CACxD,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAMRE,EAAUC,EAAA,SAAS,IACvB,OAAOF,EAAM,cAAiB,WAC1BA,EAAM,aAAA,EACNA,EAAM,YAAA,EAIL,MAAA,CAACG,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOX,EAAY,CAC1DM,EAAQ,OACJI,EAAW,UAAA,EAAGC,EAAAA,mBAAoB,MAAOV,EAAYW,EAAAA,gBAAiBN,EAAQ,KAAK,EAAG,CAAC,GACxFO,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system29.js","sources":["../src/components/BErrorMessage.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-min-h-[1rem]\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-text-xs ds-text-red-500\"\n}\n\nimport type { ErrorMessageFunction } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BErrorMessageProps {\n  /**\n   * A text or a function returning a text.\n   */\n  errorMessage?: string | ErrorMessageFunction;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BErrorMessage',\n  props: {\n    errorMessage: { type: [String, Function], default: '' }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst message = computed(() =>\n  typeof props.errorMessage === 'function'\n    ? props.errorMessage()\n    : props.errorMessage,\n);\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (message.value || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(message.value), 1)\n          ])\n        ]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","message","computed","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"oCAGMA,EAAa,CAAE,MAAO,mBACtBC,EAAa,CACjB,IAAK,EACL,MAAO,4BACT,EAc4BC,EAAiBC,kBAAA,CAC3C,OAAQ,gBACR,MAAO,CACL,aAAc,CAAE,KAAM,CAAC,OAAQ,QAAQ,EAAG,QAAS,EAAG,CACxD,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAMRE,EAAUC,EAAA,SAAS,IACvB,OAAOF,EAAM,cAAiB,WAC1BA,EAAM,aAAA,EACNA,EAAM,YAAA,EAIL,MAAA,CAACG,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOX,EAAY,CAC1DM,EAAQ,OAASE,EAAK,OAAO,SACzBE,EAAAA,YAAcC,EAAAA,mBAAoB,MAAOV,EAAY,CACpDW,EAAAA,WAAYJ,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CK,EAAAA,gBAAiBC,EAAAA,gBAAiBR,EAAQ,KAAK,EAAG,CAAC,CAAA,CACpD,CAAA,CACF,GACDS,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EAEH,CAEA,CAAC"}

package/dist/design-system29.mjs

@@ -1,18 +1,22 @@
-import { defineComponent as n, computed as a, openBlock as t, createElementBlock as r, toDisplayString as c, createCommentVNode as d } from "vue";
-const i = { class: "ds-min-h-[1rem]" }, p = {
+import { defineComponent as a, computed as c, openBlock as r, createElementBlock as o, renderSlot as d, createTextVNode as l, toDisplayString as i, createCommentVNode as p } from "vue";
+const u = { class: "ds-min-h-[1rem]" }, m = {
   key: 0,
   class: "ds-text-xs ds-text-red-500"
-}, _ = /* @__PURE__ */ n({
+}, _ = /* @__PURE__ */ a({
   __name: "BErrorMessage",
   props: {
     errorMessage: { type: [String, Function], default: "" }
   },
-  setup(o) {
-    const e = o, s = a(
+  setup(n) {
+    const e = n, t = c(
       () => 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)
+    return (s, f) => (r(), o("div", u, [
+      t.value || s.$slots.default ? (r(), o("div", m, [
+        d(s.$slots, "default", {}, () => [
+          l(i(t.value), 1)
+        ])
+      ])) : p("", !0)
     ]));
   }
 });

package/dist/design-system29.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system29.mjs","sources":["../src/components/BErrorMessage.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-min-h-[1rem]\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-text-xs ds-text-red-500\"\n}\n\nimport type { ErrorMessageFunction } from '@/types';\r\nimport { computed } from 'vue';\r\n\r\n//#region Props\r\nexport interface BErrorMessageProps {\r\n  /**\r\n   * A text or a function returning a text.\r\n   */\r\n  errorMessage?: string | ErrorMessageFunction;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BErrorMessage',\n  props: {\n    errorMessage: { type: [String, Function], default: '' }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\r\n//#region Data\r\nconst message = computed(() =>\r\n  typeof props.errorMessage === 'function'\r\n    ? props.errorMessage()\r\n    : props.errorMessage,\r\n);\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (message.value)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, _toDisplayString(message.value), 1))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","message","computed","_ctx","_cache","_openBlock","_createElementBlock","_toDisplayString","_createCommentVNode"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,qBACtBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAc4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,cAAc,EAAE,MAAM,CAAC,QAAQ,QAAQ,GAAG,SAAS,GAAG;AAAA,EACxD;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAMRE,IAAUC;AAAA,MAAS,MACvB,OAAOF,EAAM,gBAAiB,aAC1BA,EAAM,aAAA,IACNA,EAAM;AAAA,IAAA;AAIL,WAAA,CAACG,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOX,GAAY;AAAA,MAC1DM,EAAQ,SACJI,EAAW,GAAGC,EAAoB,OAAOV,GAAYW,EAAiBN,EAAQ,KAAK,GAAG,CAAC,KACxFO,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system29.mjs","sources":["../src/components/BErrorMessage.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-min-h-[1rem]\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-text-xs ds-text-red-500\"\n}\n\nimport type { ErrorMessageFunction } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BErrorMessageProps {\n  /**\n   * A text or a function returning a text.\n   */\n  errorMessage?: string | ErrorMessageFunction;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BErrorMessage',\n  props: {\n    errorMessage: { type: [String, Function], default: '' }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst message = computed(() =>\n  typeof props.errorMessage === 'function'\n    ? props.errorMessage()\n    : props.errorMessage,\n);\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (message.value || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(message.value), 1)\n          ])\n        ]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","message","computed","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,qBACtBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAc4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,cAAc,EAAE,MAAM,CAAC,QAAQ,QAAQ,GAAG,SAAS,GAAG;AAAA,EACxD;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAMRE,IAAUC;AAAA,MAAS,MACvB,OAAOF,EAAM,gBAAiB,aAC1BA,EAAM,aAAA,IACNA,EAAM;AAAA,IAAA;AAIL,WAAA,CAACG,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOX,GAAY;AAAA,MAC1DM,EAAQ,SAASE,EAAK,OAAO,WACzBE,KAAcC,EAAoB,OAAOV,GAAY;AAAA,QACpDW,EAAYJ,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CK,EAAiBC,EAAiBR,EAAQ,KAAK,GAAG,CAAC;AAAA,QAAA,CACpD;AAAA,MAAA,CACF,KACDS,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}

package/dist/design-system3.js.map

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

package/dist/design-system3.mjs.map

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

package/dist/design-system30.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system30.js","sources":["../src/components/BLabel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-ml-1 ds-text-red-500\"\n}\n\nimport { RequiredSymbol } from '@/constants/Common';\r\n\r\n//#region Props\r\nexport interface BLabelProps {\r\n  id?: string;\r\n  label?: string;\r\n  /**\r\n   * Show \"*\" beside the label\r\n   */\r\n  required?: boolean;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLabel',\n  props: {\n    id: { default: '' },\n    label: { default: '' },\n    required: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (props.label || _ctx.$slots.default)\n    ? (_openBlock(), _createElementBlock(\"label\", {\n        key: 0,\n        for: _ctx.id,\n        class: \"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500\"\n      }, [\n        _createElementVNode(\"span\", null, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ])\n        ]),\n        (props.required)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, _toDisplayString(_unref(RequiredSymbol)), 1))\n          : _createCommentVNode(\"\", true)\n      ], 8, _hoisted_1))\n    : _createCommentVNode(\"\", true)\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_unref","RequiredSymbol","_createCommentVNode"],"mappings":"qEAGMA,EAAa,CAAC,KAAK,EACnBC,EAAa,CACjB,IAAK,EACL,MAAO,yBACT,EAe4BC,EAAiBC,kBAAA,CAC3C,OAAQ,SACR,MAAO,CACL,GAAI,CAAE,QAAS,EAAG,EAClB,MAAO,CAAE,QAAS,EAAG,EACrB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAKP,MAAA,CAACE,EAAUC,IACRF,EAAM,OAASC,EAAK,OAAO,SAC9BE,EAAW,UAAA,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKH,EAAK,GACV,MAAO,2DAAA,EACN,CACDI,EAAA,mBAAoB,OAAQ,KAAM,CAChCC,EAAAA,WAAYL,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CM,EAAAA,gBAAiBC,EAAAA,gBAAiBR,EAAM,KAAK,EAAG,CAAC,CAAA,CAClD,CAAA,CACF,EACAA,EAAM,UACFG,EAAA,UAAA,EAAcC,EAAAA,mBAAoB,OAAQR,EAAYY,EAAAA,gBAAiBC,EAAAA,MAAOC,EAAAA,cAAc,CAAC,EAAG,CAAC,GAClGC,EAAA,mBAAoB,GAAI,EAAI,CAAA,EAC/B,EAAGhB,CAAU,GAChBgB,EAAA,mBAAoB,GAAI,EAAI,CAElC,CAEA,CAAC"}
+{"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\n//#region Props\nexport interface BLabelProps {\n  id?: string;\n  label?: string;\n  /**\n   * Show \"*\" beside the label\n   */\n  required?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLabel',\n  props: {\n    id: { default: '' },\n    label: { default: '' },\n    required: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (props.label || _ctx.$slots.default)\n    ? (_openBlock(), _createElementBlock(\"label\", {\n        key: 0,\n        for: _ctx.id,\n        class: \"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500\"\n      }, [\n        _createElementVNode(\"span\", null, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ])\n        ]),\n        (props.required)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, _toDisplayString(_unref(RequiredSymbol)), 1))\n          : _createCommentVNode(\"\", true)\n      ], 8, _hoisted_1))\n    : _createCommentVNode(\"\", true)\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_unref","RequiredSymbol","_createCommentVNode"],"mappings":"qEAGMA,EAAa,CAAC,KAAK,EACnBC,EAAa,CACjB,IAAK,EACL,MAAO,yBACT,EAe4BC,EAAiBC,kBAAA,CAC3C,OAAQ,SACR,MAAO,CACL,GAAI,CAAE,QAAS,EAAG,EAClB,MAAO,CAAE,QAAS,EAAG,EACrB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAKP,MAAA,CAACE,EAAUC,IACRF,EAAM,OAASC,EAAK,OAAO,SAC9BE,EAAW,UAAA,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKH,EAAK,GACV,MAAO,2DAAA,EACN,CACDI,EAAA,mBAAoB,OAAQ,KAAM,CAChCC,EAAAA,WAAYL,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CM,EAAAA,gBAAiBC,EAAAA,gBAAiBR,EAAM,KAAK,EAAG,CAAC,CAAA,CAClD,CAAA,CACF,EACAA,EAAM,UACFG,EAAA,UAAA,EAAcC,EAAAA,mBAAoB,OAAQR,EAAYY,EAAAA,gBAAiBC,EAAAA,MAAOC,EAAAA,cAAc,CAAC,EAAG,CAAC,GAClGC,EAAA,mBAAoB,GAAI,EAAI,CAAA,EAC/B,EAAGhB,CAAU,GAChBgB,EAAA,mBAAoB,GAAI,EAAI,CAElC,CAEA,CAAC"}

package/dist/design-system30.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system30.mjs","sources":["../src/components/BLabel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-ml-1 ds-text-red-500\"\n}\n\nimport { RequiredSymbol } from '@/constants/Common';\r\n\r\n//#region Props\r\nexport interface BLabelProps {\r\n  id?: string;\r\n  label?: string;\r\n  /**\r\n   * Show \"*\" beside the label\r\n   */\r\n  required?: boolean;\r\n}\r\n\r\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLabel',\n  props: {\n    id: { default: '' },\n    label: { default: '' },\n    required: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\r\n\r\n//#endregion\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (props.label || _ctx.$slots.default)\n    ? (_openBlock(), _createElementBlock(\"label\", {\n        key: 0,\n        for: _ctx.id,\n        class: \"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500\"\n      }, [\n        _createElementVNode(\"span\", null, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ])\n        ]),\n        (props.required)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, _toDisplayString(_unref(RequiredSymbol)), 1))\n          : _createCommentVNode(\"\", true)\n      ], 8, _hoisted_1))\n    : _createCommentVNode(\"\", true)\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_unref","RequiredSymbol","_createCommentVNode"],"mappings":";;AAGA,MAAMA,IAAa,CAAC,KAAK,GACnBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAe4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,IAAI,EAAE,SAAS,GAAG;AAAA,IAClB,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD;AAKP,WAAA,CAACE,GAAUC,MACRF,EAAM,SAASC,EAAK,OAAO,WAC9BE,EAAW,GAAGC,EAAoB,SAAS;AAAA,MAC1C,KAAK;AAAA,MACL,KAAKH,EAAK;AAAA,MACV,OAAO;AAAA,IAAA,GACN;AAAA,MACDI,EAAoB,QAAQ,MAAM;AAAA,QAChCC,EAAYL,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CM,EAAiBC,EAAiBR,EAAM,KAAK,GAAG,CAAC;AAAA,QAAA,CAClD;AAAA,MAAA,CACF;AAAA,MACAA,EAAM,YACFG,EAAA,GAAcC,EAAoB,QAAQR,GAAYY,EAAiBC,EAAOC,CAAc,CAAC,GAAG,CAAC,KAClGC,EAAoB,IAAI,EAAI;AAAA,IAAA,GAC/B,GAAGhB,CAAU,KAChBgB,EAAoB,IAAI,EAAI;AAAA,EAElC;AAEA,CAAC;"}
+{"version":3,"file":"design-system30.mjs","sources":["../src/components/BLabel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-ml-1 ds-text-red-500\"\n}\n\nimport { RequiredSymbol } from '@/constants/Common';\n\n//#region Props\nexport interface BLabelProps {\n  id?: string;\n  label?: string;\n  /**\n   * Show \"*\" beside the label\n   */\n  required?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLabel',\n  props: {\n    id: { default: '' },\n    label: { default: '' },\n    required: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (props.label || _ctx.$slots.default)\n    ? (_openBlock(), _createElementBlock(\"label\", {\n        key: 0,\n        for: _ctx.id,\n        class: \"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500\"\n      }, [\n        _createElementVNode(\"span\", null, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ])\n        ]),\n        (props.required)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, _toDisplayString(_unref(RequiredSymbol)), 1))\n          : _createCommentVNode(\"\", true)\n      ], 8, _hoisted_1))\n    : _createCommentVNode(\"\", true)\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_unref","RequiredSymbol","_createCommentVNode"],"mappings":";;AAGA,MAAMA,IAAa,CAAC,KAAK,GACnBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAe4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,IAAI,EAAE,SAAS,GAAG;AAAA,IAClB,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD;AAKP,WAAA,CAACE,GAAUC,MACRF,EAAM,SAASC,EAAK,OAAO,WAC9BE,EAAW,GAAGC,EAAoB,SAAS;AAAA,MAC1C,KAAK;AAAA,MACL,KAAKH,EAAK;AAAA,MACV,OAAO;AAAA,IAAA,GACN;AAAA,MACDI,EAAoB,QAAQ,MAAM;AAAA,QAChCC,EAAYL,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CM,EAAiBC,EAAiBR,EAAM,KAAK,GAAG,CAAC;AAAA,QAAA,CAClD;AAAA,MAAA,CACF;AAAA,MACAA,EAAM,YACFG,EAAA,GAAcC,EAAoB,QAAQR,GAAYY,EAAiBC,EAAOC,CAAc,CAAC,GAAG,CAAC,KAClGC,EAAoB,IAAI,EAAI;AAAA,IAAA,GAC/B,GAAGhB,CAAU,KAChBgB,EAAoB,IAAI,EAAI;AAAA,EAElC;AAEA,CAAC;"}

package/dist/design-system31.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system68.js");require("./design-system69.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-871b9c1c"]]);module.exports=t;
+"use strict";const e=require("./design-system68.js");require("./design-system69.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-31348ccc"]]);module.exports=t;
 //# sourceMappingURL=design-system31.js.map

package/dist/design-system31.mjs

@@ -1,7 +1,7 @@
 import o from "./design-system68.mjs";
 import "./design-system69.mjs";
 import r from "./design-system56.mjs";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-871b9c1c"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-31348ccc"]]);
 export {
   m as default
 };

package/dist/design-system32.js

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

package/dist/design-system32.mjs

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

package/dist/design-system37.js

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

package/dist/design-system37.mjs

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

package/dist/design-system38.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system79.js");require("./design-system80.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-cb1627f0"]]);module.exports=t;
+"use strict";const e=require("./design-system79.js");require("./design-system80.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-a36aa95c"]]);module.exports=t;
 //# sourceMappingURL=design-system38.js.map

package/dist/design-system38.mjs

@@ -1,8 +1,8 @@
-import o from "./design-system79.mjs";
+import a from "./design-system79.mjs";
 import "./design-system80.mjs";
-import t from "./design-system56.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cb1627f0"]]);
+import o from "./design-system56.mjs";
+const p = /* @__PURE__ */ o(a, [["__scopeId", "data-v-a36aa95c"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=design-system38.mjs.map