@7pmlabs/design-system 0.6.4 → 0.6.6

package/dist/design-system116.mjs

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

package/dist/design-system117.mjs

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

package/dist/design-system17.mjs

@@ -149,7 +149,7 @@ const be = { class: "ds-absolute ds-right-3 ds-z-[1]" }, we = /* @__PURE__ */ i(
           }, [
             i("div", be, [
               (d(), o("svg", {
-                class: r([[n.value ? "ds-rotate-180" : ""], "ds-h-4 ds-w-4 ds-transition-transform"]),
+                class: r([[n.value ? "ds-rotate-180" : ""], "ds-h-4 ds-min-h-4 ds-w-4 ds-min-w-4 ds-transition-transform"]),
                 viewBox: "0 0 320 512",
                 xmlns: "http://www.w3.org/2000/svg",
                 onClick: s[0] || (s[0] = (l) => {
@@ -203,7 +203,7 @@ const be = { class: "ds-absolute ds-right-3 ds-z-[1]" }, we = /* @__PURE__ */ i(
             }, y(t.placeholder), 3)),
             de("   "),
             (d(), o("svg", {
-              class: r([[n.value ? "ds-rotate-180" : ""], "ds-h-4 ds-w-4 ds-transition-transform"]),
+              class: r([[n.value ? "ds-rotate-180" : ""], "ds-h-4 ds-min-h-4 ds-w-4 ds-min-w-4 ds-transition-transform"]),
               viewBox: "0 0 320 512",
               xmlns: "http://www.w3.org/2000/svg"
             }, Me, 2))

package/dist/design-system17.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system17.mjs","sources":["../src/components/BMultiSelect.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, unref as _unref, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, renderList as _renderList, Fragment as _Fragment, toDisplayString as _toDisplayString, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, withModifiers as _withModifiers, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-absolute ds-right-3 ds-z-[1]\" }\nconst _hoisted_2 = /*#__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_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = [\"onClick\"]\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z\" }, null, -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\nconst _hoisted_7 = [\"id\", \"disabled\"]\nconst _hoisted_8 = /*#__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_9 = [\n  _hoisted_8\n]\nconst _hoisted_10 = [\"id\", \"data-cy\", \"data-ut\"]\nconst _hoisted_11 = { class: \"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow\" }\nconst _hoisted_12 = { class: \"ds-py-1 ds-text-sm ds-text-black/[0.85]\" }\nconst _hoisted_13 = [\"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 { 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 BCheckbox from './BCheckbox.vue';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\nimport BTextField from './BTextField.vue';\nimport type { DisplayItem } from '@/types';\n\n//#region Props\nexport interface BMultiSelectProps {\n  inputId?: string;\n  modelValue: Array<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   * Show number of selected items.\n   */\n  showSelectedItemCount?: boolean;\n  /**\n   * Allow to type to search.\n   */\n  allowInput?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BMultiSelect',\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    showSelectedItemCount: { 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: __emit }) {\n\n// https://vuejs.org/guide/essentials/event-handling.html#event-modifiers\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\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: Array<string | number>) => !!val && val.length > 0,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst inputText = ref('');\nconst selectedItems = 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});\nconst selectedItemCount = computed(() =>\n  value.value?.length > 1\n    ? ` (${t('ds.components.base.multi_select.selected_item_count', {\n        count: value.value?.length,\n      })})`\n    : '',\n);\nconst labelDisplay = computed(() =>\n  props.showSelectedItemCount\n    ? `${props.label}${selectedItemCount.value}`\n    : props.label,\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(\n  value,\n  () => {\n    ensureSelectedItems();\n  },\n  {\n    deep: true,\n  },\n);\nwatch(\n  () => props.items,\n  () => {\n    if (value.value.length !== 0 && selectedItems.value.length === 0) {\n      ensureSelectedItems();\n    }\n  },\n  {\n    deep: true,\n  },\n);\n//#endregion\n\n//#region Methods\nconst ensureSelectedItems = () => {\n  selectedItems.value = value.value.map((v) => {\n    let item = selectedItems.value.find((i) => i.value === v);\n    if (!item) {\n      item = props.items.find((i) => i.value === v);\n    }\n    return { text: item?.text, value: v, cssClass: item?.cssClass };\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  const index = value.value.findIndex((v) => v === item.value);\n  if (index !== -1) {\n    value.value.splice(index, 1);\n  } else {\n    value.value.push(item.value);\n  }\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  inputText.value = '';\n};\nconst deselectItem = (item: DisplayItem) => {\n  const index = value.value.findIndex((v) => v === item.value);\n  if (index !== -1) {\n    value.value.splice(index, 1);\n    emit('change', item.value);\n    nextTick(() => {\n      validate();\n    });\n  }\n};\nconst init = () => {\n  if (props.items?.length > 0) {\n    ensureSelectedItems();\n  }\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: labelDisplay.value,\n        required: _ctx.required\n      }, null, 8, [\"id\", \"label\", \"required\"]),\n      (props.allowInput)\n        ? (_openBlock(), _createElementBlock(\"div\", {\n            key: 0,\n            class: _normalizeClass([{\n          'ds-border-focus ds-ring-1 ds-ring-focus':\n            selectMenu.value && _unref(validationResult).valid,\n          'ds-ring-1 ds-ring-error': selectMenu.value && !_unref(validationResult).valid,\n          'ds-border-black/10': _unref(validationResult).valid,\n          'ds-border-error': !_unref(validationResult).valid,\n        }, \"ds-relative ds-flex ds-flex-wrap ds-items-center ds-gap-x-1 ds-rounded-lg ds-border ds-bg-white ds-px-3 ds-py-1 ds-drop-shadow-light\"])\n          }, [\n            _createElementVNode(\"div\", _hoisted_1, [\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                onClick: _cache[0] || (_cache[0] = ($event: any) => (inputRef.value?.focus()))\n              }, _hoisted_3, 2))\n            ]),\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(selectedItems.value, (item, i) => {\n              return (_openBlock(), _createElementBlock(\"div\", {\n                key: `item${i}`,\n                class: \"ds-my-0.5 ds-flex-initial ds-space-x-1 ds-rounded-lg ds-bg-black/10 ds-px-2\"\n              }, [\n                _createElementVNode(\"span\", null, _toDisplayString(item.text), 1),\n                (_openBlock(), _createElementBlock(\"svg\", {\n                  class: \"ds-mb-1 ds-inline ds-h-4 ds-w-4 ds-cursor-pointer ds-fill-black/60 hover:ds-fill-black/40\",\n                  viewBox: \"0 0 512 512\",\n                  xmlns: \"http://www.w3.org/2000/svg\",\n                  onClick: ($event: any) => (deselectItem(item))\n                }, _hoisted_6, 8, _hoisted_4))\n              ]))\n            }), 128)),\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[1] || (_cache[1] = ($event: any) => ((inputText).value = $event)),\n                    onChangeInputText\n                  ],\n                  disabled: props.disabled,\n                  class: \"ds-flex-auto\",\n                  \"hide-details\": \"\",\n                  \"input-css-class\": \"ds-drop-shadow-none ds-border-none !ds-ring-0 ds-px-0 !ds-h-[30px] ds-pl-0\",\n                  onFocus: _cache[2] || (_cache[2] = ($event: any) => (selectMenu.value = true))\n                }, null, 8, [\"id\", \"modelValue\", \"disabled\"]))\n              : _createCommentVNode(\"\", true)\n          ], 2))\n        : (_openBlock(), _createElementBlock(\"button\", {\n            key: 1,\n            id: id.value,\n            class: _normalizeClass(btnCssClass.value),\n            disabled: _ctx.disabled,\n            type: \"button\",\n            onClick: _cache[3] || (_cache[3] = ($event: any) => (selectMenu.value = !selectMenu.value))\n          }, [\n            (selectedItems.value.length > 0)\n              ? (_openBlock(), _createElementBlock(\"span\", {\n                  key: 0,\n                  class: _normalizeClass([_ctx.valueCssClass, \"ds-truncate ds-text-sm\"])\n                }, _toDisplayString(selectedItems.value?.map((s) => s.text).join(', ')), 3))\n              : (_openBlock(), _createElementBlock(\"span\", {\n                  key: 1,\n                  class: _normalizeClass([_ctx.valueCssClass, \"ds-truncate ds-text-sm ds-text-black/[0.4]\"])\n                }, _toDisplayString(props.placeholder), 3)),\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_9, 2))\n          ], 10, _hoisted_7)),\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_11, [\n          _createElementVNode(\"ul\", _hoisted_12, [\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: _withModifiers(($event: any) => (onClickItem(item)), [\"prevent\"])\n              }, [\n                _createElementVNode(\"a\", {\n                  class: _normalizeClass([\n                  item.cssClass +\n                  `${\n                    selectedItems.value.some((s) => s.value === item.value)\n                      ? ' ds-bg-slate-100'\n                      : ''\n                  }`\n                , \"ds-flex ds-items-center ds-space-x-2 ds-px-4 ds-py-2 hover:ds-bg-slate-100\"])\n                }, [\n                  _createVNode(BCheckbox, {\n                    modelValue: value.value,\n                    \"onUpdate:modelValue\": _cache[4] || (_cache[4] = ($event: any) => ((value).value = $event)),\n                    value: item.value,\n                    size: \"sm\"\n                  }, null, 8, [\"modelValue\", \"value\"]),\n                  _createElementVNode(\"span\", null, _toDisplayString(item?.text), 1)\n                ], 2)\n              ], 8, _hoisted_13))\n            }), 128))\n          ])\n        ])\n      ], 10, _hoisted_10), [\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","_hoisted_12","_hoisted_13","_sfc_main","_defineComponent","__props","__expose","__emit","props","emit","selectEl","ref","inputRef","selectMenuEl","selectMenu","t","useI18n","validateRequired","val","inputText","selectedItems","id","computed","uuid","value","btnCssClass","result","validationResult","vRules","selectedItemCount","_a","_b","labelDisplay","validate","useValidationField","watch","lockScrollBody","ensureMenuPosition","unlockScrollBody","resetMenuPosition","ensureSelectedItems","v","item","i","initPressEscapeEventListener","closeOnEscapePressed","event","closeSelectMenu","initClickOutsideEventListener","closeOnClickOutside","r","onClickItem","index","nextTick","ensureMenuWidth","parentEl","menuEl","ensureVisiblePosition","resetPosition","onChangeInputText","text","deselectItem","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_createVNode","BLabel","_normalizeClass","_unref","$event","_Fragment","_renderList","_toDisplayString","_createBlock","BTextField","_createCommentVNode","s","_createTextVNode","_withDirectives","_withModifiers","BCheckbox","_vShow","BErrorMessage"],"mappings":"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"}
+{"version":3,"file":"design-system17.mjs","sources":["../src/components/BMultiSelect.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, unref as _unref, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, renderList as _renderList, Fragment as _Fragment, toDisplayString as _toDisplayString, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, withModifiers as _withModifiers, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-absolute ds-right-3 ds-z-[1]\" }\nconst _hoisted_2 = /*#__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_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = [\"onClick\"]\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"path\", { d: \"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z\" }, null, -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\nconst _hoisted_7 = [\"id\", \"disabled\"]\nconst _hoisted_8 = /*#__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_9 = [\n  _hoisted_8\n]\nconst _hoisted_10 = [\"id\", \"data-cy\", \"data-ut\"]\nconst _hoisted_11 = { class: \"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow\" }\nconst _hoisted_12 = { class: \"ds-py-1 ds-text-sm ds-text-black/[0.85]\" }\nconst _hoisted_13 = [\"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 { 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 BCheckbox from './BCheckbox.vue';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\nimport BTextField from './BTextField.vue';\nimport type { DisplayItem } from '@/types';\n\n//#region Props\nexport interface BMultiSelectProps {\n  inputId?: string;\n  modelValue: Array<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   * Show number of selected items.\n   */\n  showSelectedItemCount?: boolean;\n  /**\n   * Allow to type to search.\n   */\n  allowInput?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BMultiSelect',\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    showSelectedItemCount: { 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: __emit }) {\n\n// https://vuejs.org/guide/essentials/event-handling.html#event-modifiers\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\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: Array<string | number>) => !!val && val.length > 0,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst inputText = ref('');\nconst selectedItems = 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});\nconst selectedItemCount = computed(() =>\n  value.value?.length > 1\n    ? ` (${t('ds.components.base.multi_select.selected_item_count', {\n        count: value.value?.length,\n      })})`\n    : '',\n);\nconst labelDisplay = computed(() =>\n  props.showSelectedItemCount\n    ? `${props.label}${selectedItemCount.value}`\n    : props.label,\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(\n  value,\n  () => {\n    ensureSelectedItems();\n  },\n  {\n    deep: true,\n  },\n);\nwatch(\n  () => props.items,\n  () => {\n    if (value.value.length !== 0 && selectedItems.value.length === 0) {\n      ensureSelectedItems();\n    }\n  },\n  {\n    deep: true,\n  },\n);\n//#endregion\n\n//#region Methods\nconst ensureSelectedItems = () => {\n  selectedItems.value = value.value.map((v) => {\n    let item = selectedItems.value.find((i) => i.value === v);\n    if (!item) {\n      item = props.items.find((i) => i.value === v);\n    }\n    return { text: item?.text, value: v, cssClass: item?.cssClass };\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  const index = value.value.findIndex((v) => v === item.value);\n  if (index !== -1) {\n    value.value.splice(index, 1);\n  } else {\n    value.value.push(item.value);\n  }\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  inputText.value = '';\n};\nconst deselectItem = (item: DisplayItem) => {\n  const index = value.value.findIndex((v) => v === item.value);\n  if (index !== -1) {\n    value.value.splice(index, 1);\n    emit('change', item.value);\n    nextTick(() => {\n      validate();\n    });\n  }\n};\nconst init = () => {\n  if (props.items?.length > 0) {\n    ensureSelectedItems();\n  }\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: labelDisplay.value,\n        required: _ctx.required\n      }, null, 8, [\"id\", \"label\", \"required\"]),\n      (props.allowInput)\n        ? (_openBlock(), _createElementBlock(\"div\", {\n            key: 0,\n            class: _normalizeClass([{\n          'ds-border-focus ds-ring-1 ds-ring-focus':\n            selectMenu.value && _unref(validationResult).valid,\n          'ds-ring-1 ds-ring-error': selectMenu.value && !_unref(validationResult).valid,\n          'ds-border-black/10': _unref(validationResult).valid,\n          'ds-border-error': !_unref(validationResult).valid,\n        }, \"ds-relative ds-flex ds-flex-wrap ds-items-center ds-gap-x-1 ds-rounded-lg ds-border ds-bg-white ds-px-3 ds-py-1 ds-drop-shadow-light\"])\n          }, [\n            _createElementVNode(\"div\", _hoisted_1, [\n              (_openBlock(), _createElementBlock(\"svg\", {\n                class: _normalizeClass([[selectMenu.value ? 'ds-rotate-180' : ''], \"ds-h-4 ds-min-h-4 ds-w-4 ds-min-w-4 ds-transition-transform\"]),\n                viewBox: \"0 0 320 512\",\n                xmlns: \"http://www.w3.org/2000/svg\",\n                onClick: _cache[0] || (_cache[0] = ($event: any) => (inputRef.value?.focus()))\n              }, _hoisted_3, 2))\n            ]),\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(selectedItems.value, (item, i) => {\n              return (_openBlock(), _createElementBlock(\"div\", {\n                key: `item${i}`,\n                class: \"ds-my-0.5 ds-flex-initial ds-space-x-1 ds-rounded-lg ds-bg-black/10 ds-px-2\"\n              }, [\n                _createElementVNode(\"span\", null, _toDisplayString(item.text), 1),\n                (_openBlock(), _createElementBlock(\"svg\", {\n                  class: \"ds-mb-1 ds-inline ds-h-4 ds-w-4 ds-cursor-pointer ds-fill-black/60 hover:ds-fill-black/40\",\n                  viewBox: \"0 0 512 512\",\n                  xmlns: \"http://www.w3.org/2000/svg\",\n                  onClick: ($event: any) => (deselectItem(item))\n                }, _hoisted_6, 8, _hoisted_4))\n              ]))\n            }), 128)),\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[1] || (_cache[1] = ($event: any) => ((inputText).value = $event)),\n                    onChangeInputText\n                  ],\n                  disabled: props.disabled,\n                  class: \"ds-flex-auto\",\n                  \"hide-details\": \"\",\n                  \"input-css-class\": \"ds-drop-shadow-none ds-border-none !ds-ring-0 ds-px-0 !ds-h-[30px] ds-pl-0\",\n                  onFocus: _cache[2] || (_cache[2] = ($event: any) => (selectMenu.value = true))\n                }, null, 8, [\"id\", \"modelValue\", \"disabled\"]))\n              : _createCommentVNode(\"\", true)\n          ], 2))\n        : (_openBlock(), _createElementBlock(\"button\", {\n            key: 1,\n            id: id.value,\n            class: _normalizeClass(btnCssClass.value),\n            disabled: _ctx.disabled,\n            type: \"button\",\n            onClick: _cache[3] || (_cache[3] = ($event: any) => (selectMenu.value = !selectMenu.value))\n          }, [\n            (selectedItems.value.length > 0)\n              ? (_openBlock(), _createElementBlock(\"span\", {\n                  key: 0,\n                  class: _normalizeClass([_ctx.valueCssClass, \"ds-truncate ds-text-sm\"])\n                }, _toDisplayString(selectedItems.value?.map((s) => s.text).join(', ')), 3))\n              : (_openBlock(), _createElementBlock(\"span\", {\n                  key: 1,\n                  class: _normalizeClass([_ctx.valueCssClass, \"ds-truncate ds-text-sm ds-text-black/[0.4]\"])\n                }, _toDisplayString(props.placeholder), 3)),\n            _createTextVNode(\"   \"),\n            (_openBlock(), _createElementBlock(\"svg\", {\n              class: _normalizeClass([[selectMenu.value ? 'ds-rotate-180' : ''], \"ds-h-4 ds-min-h-4 ds-w-4 ds-min-w-4 ds-transition-transform\"]),\n              viewBox: \"0 0 320 512\",\n              xmlns: \"http://www.w3.org/2000/svg\"\n            }, _hoisted_9, 2))\n          ], 10, _hoisted_7)),\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_11, [\n          _createElementVNode(\"ul\", _hoisted_12, [\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: _withModifiers(($event: any) => (onClickItem(item)), [\"prevent\"])\n              }, [\n                _createElementVNode(\"a\", {\n                  class: _normalizeClass([\n                  item.cssClass +\n                  `${\n                    selectedItems.value.some((s) => s.value === item.value)\n                      ? ' ds-bg-slate-100'\n                      : ''\n                  }`\n                , \"ds-flex ds-items-center ds-space-x-2 ds-px-4 ds-py-2 hover:ds-bg-slate-100\"])\n                }, [\n                  _createVNode(BCheckbox, {\n                    modelValue: value.value,\n                    \"onUpdate:modelValue\": _cache[4] || (_cache[4] = ($event: any) => ((value).value = $event)),\n                    value: item.value,\n                    size: \"sm\"\n                  }, null, 8, [\"modelValue\", \"value\"]),\n                  _createElementVNode(\"span\", null, _toDisplayString(item?.text), 1)\n                ], 2)\n              ], 8, _hoisted_13))\n            }), 128))\n          ])\n        ])\n      ], 10, _hoisted_10), [\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","_hoisted_12","_hoisted_13","_sfc_main","_defineComponent","__props","__expose","__emit","props","emit","selectEl","ref","inputRef","selectMenuEl","selectMenu","t","useI18n","validateRequired","val","inputText","selectedItems","id","computed","uuid","value","btnCssClass","result","validationResult","vRules","selectedItemCount","_a","_b","labelDisplay","validate","useValidationField","watch","lockScrollBody","ensureMenuPosition","unlockScrollBody","resetMenuPosition","ensureSelectedItems","v","item","i","initPressEscapeEventListener","closeOnEscapePressed","event","closeSelectMenu","initClickOutsideEventListener","closeOnClickOutside","r","onClickItem","index","nextTick","ensureMenuWidth","parentEl","menuEl","ensureVisiblePosition","resetPosition","onChangeInputText","text","deselectItem","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_createVNode","BLabel","_normalizeClass","_unref","$event","_Fragment","_renderList","_toDisplayString","_createBlock","BTextField","_createCommentVNode","s","_createTextVNode","_withDirectives","_withModifiers","BCheckbox","_vShow","BErrorMessage"],"mappings":"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"}

package/dist/design-system19.mjs

@@ -1,13 +1,13 @@
-import { defineComponent as P, computed as f, openBlock as C, createElementBlock as O, createElementVNode as s, normalizeClass as n, toDisplayString as u, withDirectives as o, vShow as i } from "vue";
-import { BPaginationSize as p } from "./design-system5.mjs";
-const B = { class: "ds-inline-flex ds-space-x-1" }, y = /* @__PURE__ */ s("svg", {
+import { defineComponent as P, computed as p, openBlock as C, createElementBlock as O, createElementVNode as s, normalizeClass as n, toDisplayString as r, withDirectives as o, vShow as i } from "vue";
+import { BPaginationSize as f } from "./design-system5.mjs";
+const B = { class: "ds-inline-flex ds-space-x-1" }, x = /* @__PURE__ */ s("svg", {
   class: "ds-h-4 ds-w-4 ds-fill-black/80",
   viewBox: "0 0 320 512",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
   /* @__PURE__ */ s("path", { d: "M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z" })
-], -1), x = [
-  y
+], -1), y = [
+  x
 ], z = /* @__PURE__ */ s("svg", {
   class: "ds-h-4 ds-w-4 ds-fill-black/80",
   viewBox: "0 0 320 512",
@@ -23,26 +23,26 @@ const B = { class: "ds-inline-flex ds-space-x-1" }, y = /* @__PURE__ */ s("svg",
     numberOfPages: {},
     border: { type: Boolean, default: !1 },
     transparent: { type: Boolean, default: !1 },
-    size: { default: p.Medium }
+    size: { default: f.Medium }
   },
   emits: ["change", "update:modelValue"],
   setup(b, { emit: w }) {
-    const d = b, v = w, e = f({
+    const d = b, v = w, e = p({
       get() {
         return d.modelValue + 1;
       },
       set(l) {
         v("update:modelValue", l - 1);
       }
-    }), t = f(() => {
+    }), t = p(() => {
       let l = `
   ds-flex ds-items-center ds-justify-center
   ds-rounded-lg `;
       switch (d.border && (l += "ds-border ds-border-gray-300 "), d.size) {
-        case p.Small:
+        case f.Small:
           l += "ds-w-8 ds-h-8 ";
           break;
-        case p.Medium:
+        case f.Medium:
         default:
           l += "ds-w-10 ds-h-10 ";
           break;
@@ -54,67 +54,67 @@ const B = { class: "ds-inline-flex ds-space-x-1" }, y = /* @__PURE__ */ s("svg",
       e.value > 1 && (e.value--, v("change", e.value));
     }, h = () => {
       e.value < d.numberOfPages && (e.value++, v("change", e.value));
-    }, r = (l = !0) => l ? "ds-text-white ds-bg-primary-t " : `ds-text-black/80 hover:ds-bg-primary-t/10 ${d.transparent ? "ds-bg-transparent" : "ds-bg-white"}`;
+    }, u = (l = !0) => l ? "ds-text-white ds-bg-primary-t " : `ds-text-black/80 ${d.transparent ? "ds-bg-transparent" : "ds-bg-white"}`;
     return (l, a) => (C(), O("nav", null, [
       s("ul", B, [
         s("li", {
-          class: n([[t.value, r(!1)], "ds-ml-0 ds-cursor-pointer"]),
+          class: n([[t.value, u(!1)], "ds-ml-0 ds-cursor-pointer"]),
           onClick: k
-        }, x, 2),
+        }, y, 2),
         s("li", {
-          class: n([[r(e.value === 1), t.value], "ds-cursor-pointer"]),
+          class: n([[u(e.value === 1), t.value], "ds-cursor-pointer"]),
           onClick: a[0] || (a[0] = (m) => c(1))
         }, [
-          s("a", null, u(V))
+          s("a", null, r(V))
         ], 2),
         o(s("li", {
           class: n([[t.value], "ds-cursor-default"])
         }, [
-          s("a", null, u(g))
+          s("a", null, r(g))
         ], 2), [
           [i, e.value > 3]
         ]),
         o(s("li", {
-          class: n([[t.value, r(!1)], "ds-cursor-pointer"]),
+          class: n([[t.value, u(!1)], "ds-cursor-pointer"]),
           onClick: a[1] || (a[1] = (m) => c(e.value - 1))
         }, [
-          s("a", null, u(e.value - 1), 1)
+          s("a", null, r(e.value - 1), 1)
         ], 2), [
           [i, e.value > 2]
         ]),
         o(s("li", {
-          class: n([[t.value, r()], "ds-cursor-pointer"]),
+          class: n([[t.value, u()], "ds-cursor-pointer"]),
           onClick: a[2] || (a[2] = (m) => c(e.value))
         }, [
-          s("a", null, u(e.value), 1)
+          s("a", null, r(e.value), 1)
         ], 2), [
           [i, e.value !== 1 && e.value !== l.numberOfPages]
         ]),
         o(s("li", {
-          class: n([[t.value, r(!1)], "ds-cursor-pointer"]),
+          class: n([[t.value, u(!1)], "ds-cursor-pointer"]),
           onClick: a[3] || (a[3] = (m) => c(e.value + 1))
         }, [
-          s("a", null, u(e.value + 1), 1)
+          s("a", null, r(e.value + 1), 1)
         ], 2), [
           [i, e.value < l.numberOfPages - 1]
         ]),
         o(s("li", {
           class: n([[t.value], "ds-cursor-default"])
         }, [
-          s("a", null, u(g))
+          s("a", null, r(g))
         ], 2), [
           [i, e.value < l.numberOfPages - 2]
         ]),
         o(s("li", {
-          class: n([[t.value, r(e.value === l.numberOfPages)], "ds-cursor-pointer"]),
+          class: n([[t.value, u(e.value === l.numberOfPages)], "ds-cursor-pointer"]),
           onClick: a[4] || (a[4] = (m) => c(l.numberOfPages))
         }, [
-          s("a", null, u(l.numberOfPages), 1)
+          s("a", null, r(l.numberOfPages), 1)
         ], 2), [
           [i, l.numberOfPages > 1]
         ]),
         s("li", {
-          class: n([[t.value, r(!1)], "ds-cursor-pointer"]),
+          class: n([[t.value, u(!1)], "ds-cursor-pointer"]),
           onClick: h
         }, $, 2)
       ])

package/dist/design-system19.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system19.mjs","sources":["../src/components/BPagination.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, toDisplayString as _toDisplayString, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-inline-flex ds-space-x-1\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-4 ds-w-4 ds-fill-black/80\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-4 ds-w-4 ds-fill-black/80\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\" })\n], -1)\nconst _hoisted_5 = [\n  _hoisted_4\n]\n\nimport { BPaginationSize } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BPaginationProps {\n  /**\n   * Start by 1.\n   */\n  modelValue: number;\n  numberOfPages: number;\n  /**\n   * Bordered buttons.\n   */\n  border?: boolean;\n  /**\n   * Transparent background buttons.\n   */\n  transparent?: boolean;\n  size?: `${BPaginationSize}`;\n}\n\nconst First = 1;\nconst EllipsisText = '...';\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BPagination',\n  props: {\n    modelValue: {},\n    numberOfPages: {},\n    border: { type: Boolean, default: false },\n    transparent: { type: Boolean, default: false },\n    size: { default: BPaginationSize.Medium }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue + 1;\n  },\n  set(val: number) {\n    emit('update:modelValue', val - 1);\n  },\n});\nconst paginationItemClass = computed(() => {\n  let result = `\n  ds-flex ds-items-center ds-justify-center\n  ds-rounded-lg `;\n\n  if (props.border) {\n    result += 'ds-border ds-border-gray-300 ';\n  }\n\n  switch (props.size) {\n    case BPaginationSize.Small:\n      result += `ds-w-8 ds-h-8 `;\n      break;\n    case BPaginationSize.Medium:\n    default:\n      result += `ds-w-10 ds-h-10 `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\n//#region Methods\nconst clickPage = (page: number) => {\n  value.value = page;\n  // Emitted when page changes via user interaction\n  emit('change', value.value);\n};\nconst clickPrevious = () => {\n  if (value.value > 1) {\n    value.value--;\n    emit('change', value.value);\n  }\n};\nconst clickNext = () => {\n  if (value.value < props.numberOfPages) {\n    value.value++;\n    emit('change', value.value);\n  }\n};\nconst getActiveClass = (isActive: boolean = true) => {\n  return isActive\n    ? `ds-text-white ds-bg-primary-t `\n    : `ds-text-black/80 hover:ds-bg-primary-t/10 ${\n        props.transparent ? 'ds-bg-transparent' : 'ds-bg-white'\n      }`;\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"nav\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-ml-0 ds-cursor-pointer\"]),\n        onClick: clickPrevious\n      }, _hoisted_3, 2),\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[getActiveClass(value.value === 1), paginationItemClass.value], \"ds-cursor-pointer\"]),\n        onClick: _cache[0] || (_cache[0] = ($event: any) => (clickPage(1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(First))\n      ], 2),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value], \"ds-cursor-default\"])\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(EllipsisText))\n      ], 2), [\n        [_vShow, value.value > 3]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: _cache[1] || (_cache[1] = ($event: any) => (clickPage(value.value - 1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value - 1), 1)\n      ], 2), [\n        [_vShow, value.value > 2]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass()], \"ds-cursor-pointer\"]),\n        onClick: _cache[2] || (_cache[2] = ($event: any) => (clickPage(value.value)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value), 1)\n      ], 2), [\n        [_vShow, value.value !== 1 && value.value !== _ctx.numberOfPages]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: _cache[3] || (_cache[3] = ($event: any) => (clickPage(value.value + 1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value + 1), 1)\n      ], 2), [\n        [_vShow, value.value < _ctx.numberOfPages - 1]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value], \"ds-cursor-default\"])\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(EllipsisText))\n      ], 2), [\n        [_vShow, value.value < _ctx.numberOfPages - 2]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(value.value === _ctx.numberOfPages)], \"ds-cursor-pointer\"]),\n        onClick: _cache[4] || (_cache[4] = ($event: any) => (clickPage(_ctx.numberOfPages)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(_ctx.numberOfPages), 1)\n      ], 2), [\n        [_vShow, _ctx.numberOfPages > 1]\n      ]),\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: clickNext\n      }, _hoisted_5, 2)\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","First","EllipsisText","_sfc_main","_defineComponent","BPaginationSize","__props","__emit","props","emit","value","computed","val","paginationItemClass","result","clickPage","page","clickPrevious","clickNext","getActiveClass","isActive","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","$event","_toDisplayString","_withDirectives","_vShow"],"mappings":"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"}
+{"version":3,"file":"design-system19.mjs","sources":["../src/components/BPagination.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, toDisplayString as _toDisplayString, vShow as _vShow, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-inline-flex ds-space-x-1\" }\nconst _hoisted_2 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-4 ds-w-4 ds-fill-black/80\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z\" })\n], -1)\nconst _hoisted_3 = [\n  _hoisted_2\n]\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-h-4 ds-w-4 ds-fill-black/80\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z\" })\n], -1)\nconst _hoisted_5 = [\n  _hoisted_4\n]\n\nimport { BPaginationSize } from '@/constants/Enums';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BPaginationProps {\n  /**\n   * Start by 1.\n   */\n  modelValue: number;\n  numberOfPages: number;\n  /**\n   * Bordered buttons.\n   */\n  border?: boolean;\n  /**\n   * Transparent background buttons.\n   */\n  transparent?: boolean;\n  size?: `${BPaginationSize}`;\n}\n\nconst First = 1;\nconst EllipsisText = '...';\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BPagination',\n  props: {\n    modelValue: {},\n    numberOfPages: {},\n    border: { type: Boolean, default: false },\n    transparent: { type: Boolean, default: false },\n    size: { default: BPaginationSize.Medium }\n  },\n  emits: [\"change\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue + 1;\n  },\n  set(val: number) {\n    emit('update:modelValue', val - 1);\n  },\n});\nconst paginationItemClass = computed(() => {\n  let result = `\n  ds-flex ds-items-center ds-justify-center\n  ds-rounded-lg `;\n\n  if (props.border) {\n    result += 'ds-border ds-border-gray-300 ';\n  }\n\n  switch (props.size) {\n    case BPaginationSize.Small:\n      result += `ds-w-8 ds-h-8 `;\n      break;\n    case BPaginationSize.Medium:\n    default:\n      result += `ds-w-10 ds-h-10 `;\n      break;\n  }\n\n  return result;\n});\n//#endregion\n\n//#region Methods\nconst clickPage = (page: number) => {\n  value.value = page;\n  // Emitted when page changes via user interaction\n  emit('change', value.value);\n};\nconst clickPrevious = () => {\n  if (value.value > 1) {\n    value.value--;\n    emit('change', value.value);\n  }\n};\nconst clickNext = () => {\n  if (value.value < props.numberOfPages) {\n    value.value++;\n    emit('change', value.value);\n  }\n};\nconst getActiveClass = (isActive: boolean = true) => {\n  return isActive\n    ? `ds-text-white ds-bg-primary-t `\n    : `ds-text-black/80 ${\n        props.transparent ? 'ds-bg-transparent' : 'ds-bg-white'\n      }`;\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"nav\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-ml-0 ds-cursor-pointer\"]),\n        onClick: clickPrevious\n      }, _hoisted_3, 2),\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[getActiveClass(value.value === 1), paginationItemClass.value], \"ds-cursor-pointer\"]),\n        onClick: _cache[0] || (_cache[0] = ($event: any) => (clickPage(1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(First))\n      ], 2),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value], \"ds-cursor-default\"])\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(EllipsisText))\n      ], 2), [\n        [_vShow, value.value > 3]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: _cache[1] || (_cache[1] = ($event: any) => (clickPage(value.value - 1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value - 1), 1)\n      ], 2), [\n        [_vShow, value.value > 2]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass()], \"ds-cursor-pointer\"]),\n        onClick: _cache[2] || (_cache[2] = ($event: any) => (clickPage(value.value)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value), 1)\n      ], 2), [\n        [_vShow, value.value !== 1 && value.value !== _ctx.numberOfPages]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: _cache[3] || (_cache[3] = ($event: any) => (clickPage(value.value + 1)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(value.value + 1), 1)\n      ], 2), [\n        [_vShow, value.value < _ctx.numberOfPages - 1]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value], \"ds-cursor-default\"])\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(EllipsisText))\n      ], 2), [\n        [_vShow, value.value < _ctx.numberOfPages - 2]\n      ]),\n      _withDirectives(_createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(value.value === _ctx.numberOfPages)], \"ds-cursor-pointer\"]),\n        onClick: _cache[4] || (_cache[4] = ($event: any) => (clickPage(_ctx.numberOfPages)))\n      }, [\n        _createElementVNode(\"a\", null, _toDisplayString(_ctx.numberOfPages), 1)\n      ], 2), [\n        [_vShow, _ctx.numberOfPages > 1]\n      ]),\n      _createElementVNode(\"li\", {\n        class: _normalizeClass([[paginationItemClass.value, getActiveClass(false)], \"ds-cursor-pointer\"]),\n        onClick: clickNext\n      }, _hoisted_5, 2)\n    ])\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_hoisted_5","First","EllipsisText","_sfc_main","_defineComponent","BPaginationSize","__props","__emit","props","emit","value","computed","val","paginationItemClass","result","clickPage","page","clickPrevious","clickNext","getActiveClass","isActive","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","$event","_toDisplayString","_withDirectives","_vShow"],"mappings":"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"}

package/dist/design-system218.mjs

@@ -1,8 +1,8 @@
-import p from "./design-system227.mjs";
-import a from "./design-system228.mjs";
-import l from "./design-system229.mjs";
-import s from "./design-system230.mjs";
-import m from "./design-system231.mjs";
+import p from "./design-system228.mjs";
+import a from "./design-system229.mjs";
+import l from "./design-system230.mjs";
+import s from "./design-system231.mjs";
+import m from "./design-system232.mjs";
 function t(o) {
   var e = -1, h = o == null ? 0 : o.length;
   for (this.clear(); ++e < h; ) {

package/dist/design-system219.mjs

@@ -1,4 +1,4 @@
-import e from "./design-system232.mjs";
+import e from "./design-system227.mjs";
 function n(r, a) {
   var t = r.__data__;
   return e(a) ? t[typeof a == "string" ? "string" : "hash"] : t.map;

package/dist/design-system227.mjs

@@ -1,6 +1,6 @@
-import t from "./design-system234.mjs";
-function e() {
-  this.__data__ = t ? t(null) : {}, this.size = 0;
+function e(t) {
+  var o = typeof t;
+  return o == "string" || o == "number" || o == "symbol" || o == "boolean" ? t !== "__proto__" : t === null;
 }
 export {
   e as default

package/dist/design-system227.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system227.mjs","sources":["../node_modules/lodash-es/_hashClear.js"],"sourcesContent":["import nativeCreate from './_nativeCreate.js';\n\n/**\n * Removes all key-value entries from the hash.\n *\n * @private\n * @name clear\n * @memberOf Hash\n */\nfunction hashClear() {\n  this.__data__ = nativeCreate ? nativeCreate(null) : {};\n  this.size = 0;\n}\n\nexport default hashClear;\n"],"names":["hashClear","nativeCreate"],"mappings":";AASA,SAASA,IAAY;AACnB,OAAK,WAAWC,IAAeA,EAAa,IAAI,IAAI,CAAA,GACpD,KAAK,OAAO;AACd;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system227.mjs","sources":["../node_modules/lodash-es/_isKeyable.js"],"sourcesContent":["/**\n * Checks if `value` is suitable for use as unique object key.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is suitable, else `false`.\n */\nfunction isKeyable(value) {\n  var type = typeof value;\n  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')\n    ? (value !== '__proto__')\n    : (value === null);\n}\n\nexport default isKeyable;\n"],"names":["isKeyable","value","type"],"mappings":"AAOA,SAASA,EAAUC,GAAO;AACxB,MAAIC,IAAO,OAAOD;AAClB,SAAQC,KAAQ,YAAYA,KAAQ,YAAYA,KAAQ,YAAYA,KAAQ,YACvED,MAAU,cACVA,MAAU;AACjB;","x_google_ignoreList":[0]}

package/dist/design-system228.mjs

@@ -1,8 +1,8 @@
-function s(t) {
-  var e = this.has(t) && delete this.__data__[t];
-  return this.size -= e ? 1 : 0, e;
+import t from "./design-system234.mjs";
+function e() {
+  this.__data__ = t ? t(null) : {}, this.size = 0;
 }
 export {
-  s as default
+  e as default
 };
 //# sourceMappingURL=design-system228.mjs.map

package/dist/design-system228.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system228.mjs","sources":["../node_modules/lodash-es/_hashDelete.js"],"sourcesContent":["/**\n * Removes `key` and its value from the hash.\n *\n * @private\n * @name delete\n * @memberOf Hash\n * @param {Object} hash The hash to modify.\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction hashDelete(key) {\n  var result = this.has(key) && delete this.__data__[key];\n  this.size -= result ? 1 : 0;\n  return result;\n}\n\nexport default hashDelete;\n"],"names":["hashDelete","key","result"],"mappings":"AAUA,SAASA,EAAWC,GAAK;AACvB,MAAIC,IAAS,KAAK,IAAID,CAAG,KAAK,OAAO,KAAK,SAASA,CAAG;AACtD,cAAK,QAAQC,IAAS,IAAI,GACnBA;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system228.mjs","sources":["../node_modules/lodash-es/_hashClear.js"],"sourcesContent":["import nativeCreate from './_nativeCreate.js';\n\n/**\n * Removes all key-value entries from the hash.\n *\n * @private\n * @name clear\n * @memberOf Hash\n */\nfunction hashClear() {\n  this.__data__ = nativeCreate ? nativeCreate(null) : {};\n  this.size = 0;\n}\n\nexport default hashClear;\n"],"names":["hashClear","nativeCreate"],"mappings":";AASA,SAASA,IAAY;AACnB,OAAK,WAAWC,IAAeA,EAAa,IAAI,IAAI,CAAA,GACpD,KAAK,OAAO;AACd;","x_google_ignoreList":[0]}

package/dist/design-system229.mjs

@@ -1,14 +1,8 @@
-import e from "./design-system234.mjs";
-var n = "__lodash_hash_undefined__", o = Object.prototype, _ = o.hasOwnProperty;
-function h(a) {
-  var r = this.__data__;
-  if (e) {
-    var t = r[a];
-    return t === n ? void 0 : t;
-  }
-  return _.call(r, a) ? r[a] : void 0;
+function s(t) {
+  var e = this.has(t) && delete this.__data__[t];
+  return this.size -= e ? 1 : 0, e;
 }
 export {
-  h as default
+  s as default
 };
 //# sourceMappingURL=design-system229.mjs.map

package/dist/design-system229.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system229.mjs","sources":["../node_modules/lodash-es/_hashGet.js"],"sourcesContent":["import nativeCreate from './_nativeCreate.js';\n\n/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Gets the hash value for `key`.\n *\n * @private\n * @name get\n * @memberOf Hash\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction hashGet(key) {\n  var data = this.__data__;\n  if (nativeCreate) {\n    var result = data[key];\n    return result === HASH_UNDEFINED ? undefined : result;\n  }\n  return hasOwnProperty.call(data, key) ? data[key] : undefined;\n}\n\nexport default hashGet;\n"],"names":["HASH_UNDEFINED","objectProto","hasOwnProperty","hashGet","key","data","nativeCreate","result"],"mappings":";AAGA,IAAIA,IAAiB,6BAGjBC,IAAc,OAAO,WAGrBC,IAAiBD,EAAY;AAWjC,SAASE,EAAQC,GAAK;AACpB,MAAIC,IAAO,KAAK;AAChB,MAAIC,GAAc;AAChB,QAAIC,IAASF,EAAKD,CAAG;AACrB,WAAOG,MAAWP,IAAiB,SAAYO;AAAA,EAChD;AACD,SAAOL,EAAe,KAAKG,GAAMD,CAAG,IAAIC,EAAKD,CAAG,IAAI;AACtD;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system229.mjs","sources":["../node_modules/lodash-es/_hashDelete.js"],"sourcesContent":["/**\n * Removes `key` and its value from the hash.\n *\n * @private\n * @name delete\n * @memberOf Hash\n * @param {Object} hash The hash to modify.\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction hashDelete(key) {\n  var result = this.has(key) && delete this.__data__[key];\n  this.size -= result ? 1 : 0;\n  return result;\n}\n\nexport default hashDelete;\n"],"names":["hashDelete","key","result"],"mappings":"AAUA,SAASA,EAAWC,GAAK;AACvB,MAAIC,IAAS,KAAK,IAAID,CAAG,KAAK,OAAO,KAAK,SAASA,CAAG;AACtD,cAAK,QAAQC,IAAS,IAAI,GACnBA;AACT;","x_google_ignoreList":[0]}

package/dist/design-system230.mjs

@@ -1,10 +1,14 @@
-import r from "./design-system234.mjs";
-var e = Object.prototype, o = e.hasOwnProperty;
-function p(t) {
-  var a = this.__data__;
-  return r ? a[t] !== void 0 : o.call(a, t);
+import e from "./design-system234.mjs";
+var n = "__lodash_hash_undefined__", o = Object.prototype, _ = o.hasOwnProperty;
+function h(a) {
+  var r = this.__data__;
+  if (e) {
+    var t = r[a];
+    return t === n ? void 0 : t;
+  }
+  return _.call(r, a) ? r[a] : void 0;
 }
 export {
-  p as default
+  h as default
 };
 //# sourceMappingURL=design-system230.mjs.map

package/dist/design-system230.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system230.mjs","sources":["../node_modules/lodash-es/_hashHas.js"],"sourcesContent":["import nativeCreate from './_nativeCreate.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Checks if a hash value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf Hash\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction hashHas(key) {\n  var data = this.__data__;\n  return nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key);\n}\n\nexport default hashHas;\n"],"names":["objectProto","hasOwnProperty","hashHas","key","data","nativeCreate"],"mappings":";AAGA,IAAIA,IAAc,OAAO,WAGrBC,IAAiBD,EAAY;AAWjC,SAASE,EAAQC,GAAK;AACpB,MAAIC,IAAO,KAAK;AAChB,SAAOC,IAAgBD,EAAKD,CAAG,MAAM,SAAaF,EAAe,KAAKG,GAAMD,CAAG;AACjF;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system230.mjs","sources":["../node_modules/lodash-es/_hashGet.js"],"sourcesContent":["import nativeCreate from './_nativeCreate.js';\n\n/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Gets the hash value for `key`.\n *\n * @private\n * @name get\n * @memberOf Hash\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction hashGet(key) {\n  var data = this.__data__;\n  if (nativeCreate) {\n    var result = data[key];\n    return result === HASH_UNDEFINED ? undefined : result;\n  }\n  return hasOwnProperty.call(data, key) ? data[key] : undefined;\n}\n\nexport default hashGet;\n"],"names":["HASH_UNDEFINED","objectProto","hasOwnProperty","hashGet","key","data","nativeCreate","result"],"mappings":";AAGA,IAAIA,IAAiB,6BAGjBC,IAAc,OAAO,WAGrBC,IAAiBD,EAAY;AAWjC,SAASE,EAAQC,GAAK;AACpB,MAAIC,IAAO,KAAK;AAChB,MAAIC,GAAc;AAChB,QAAIC,IAASF,EAAKD,CAAG;AACrB,WAAOG,MAAWP,IAAiB,SAAYO;AAAA,EAChD;AACD,SAAOL,EAAe,KAAKG,GAAMD,CAAG,IAAIC,EAAKD,CAAG,IAAI;AACtD;","x_google_ignoreList":[0]}

package/dist/design-system231.mjs

@@ -1,10 +1,10 @@
-import e from "./design-system234.mjs";
-var h = "__lodash_hash_undefined__";
-function s(t, a) {
-  var _ = this.__data__;
-  return this.size += this.has(t) ? 0 : 1, _[t] = e && a === void 0 ? h : a, this;
+import r from "./design-system234.mjs";
+var e = Object.prototype, o = e.hasOwnProperty;
+function p(t) {
+  var a = this.__data__;
+  return r ? a[t] !== void 0 : o.call(a, t);
 }
 export {
-  s as default
+  p as default
 };
 //# sourceMappingURL=design-system231.mjs.map

package/dist/design-system231.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system231.mjs","sources":["../node_modules/lodash-es/_hashSet.js"],"sourcesContent":["import nativeCreate from './_nativeCreate.js';\n\n/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/**\n * Sets the hash `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf Hash\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the hash instance.\n */\nfunction hashSet(key, value) {\n  var data = this.__data__;\n  this.size += this.has(key) ? 0 : 1;\n  data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;\n  return this;\n}\n\nexport default hashSet;\n"],"names":["HASH_UNDEFINED","hashSet","key","value","data","nativeCreate"],"mappings":";AAGA,IAAIA,IAAiB;AAYrB,SAASC,EAAQC,GAAKC,GAAO;AAC3B,MAAIC,IAAO,KAAK;AAChB,cAAK,QAAQ,KAAK,IAAIF,CAAG,IAAI,IAAI,GACjCE,EAAKF,CAAG,IAAKG,KAAgBF,MAAU,SAAaH,IAAiBG,GAC9D;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system231.mjs","sources":["../node_modules/lodash-es/_hashHas.js"],"sourcesContent":["import nativeCreate from './_nativeCreate.js';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Checks if a hash value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf Hash\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction hashHas(key) {\n  var data = this.__data__;\n  return nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key);\n}\n\nexport default hashHas;\n"],"names":["objectProto","hasOwnProperty","hashHas","key","data","nativeCreate"],"mappings":";AAGA,IAAIA,IAAc,OAAO,WAGrBC,IAAiBD,EAAY;AAWjC,SAASE,EAAQC,GAAK;AACpB,MAAIC,IAAO,KAAK;AAChB,SAAOC,IAAgBD,EAAKD,CAAG,MAAM,SAAaF,EAAe,KAAKG,GAAMD,CAAG;AACjF;","x_google_ignoreList":[0]}

package/dist/design-system232.mjs

@@ -1,8 +1,10 @@
-function e(t) {
-  var o = typeof t;
-  return o == "string" || o == "number" || o == "symbol" || o == "boolean" ? t !== "__proto__" : t === null;
+import e from "./design-system234.mjs";
+var h = "__lodash_hash_undefined__";
+function s(t, a) {
+  var _ = this.__data__;
+  return this.size += this.has(t) ? 0 : 1, _[t] = e && a === void 0 ? h : a, this;
 }
 export {
-  e as default
+  s as default
 };
 //# sourceMappingURL=design-system232.mjs.map

package/dist/design-system232.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system232.mjs","sources":["../node_modules/lodash-es/_isKeyable.js"],"sourcesContent":["/**\n * Checks if `value` is suitable for use as unique object key.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is suitable, else `false`.\n */\nfunction isKeyable(value) {\n  var type = typeof value;\n  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')\n    ? (value !== '__proto__')\n    : (value === null);\n}\n\nexport default isKeyable;\n"],"names":["isKeyable","value","type"],"mappings":"AAOA,SAASA,EAAUC,GAAO;AACxB,MAAIC,IAAO,OAAOD;AAClB,SAAQC,KAAQ,YAAYA,KAAQ,YAAYA,KAAQ,YAAYA,KAAQ,YACvED,MAAU,cACVA,MAAU;AACjB;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system232.mjs","sources":["../node_modules/lodash-es/_hashSet.js"],"sourcesContent":["import nativeCreate from './_nativeCreate.js';\n\n/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/**\n * Sets the hash `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf Hash\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the hash instance.\n */\nfunction hashSet(key, value) {\n  var data = this.__data__;\n  this.size += this.has(key) ? 0 : 1;\n  data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;\n  return this;\n}\n\nexport default hashSet;\n"],"names":["HASH_UNDEFINED","hashSet","key","value","data","nativeCreate"],"mappings":";AAGA,IAAIA,IAAiB;AAYrB,SAASC,EAAQC,GAAKC,GAAO;AAC3B,MAAIC,IAAO,KAAK;AAChB,cAAK,QAAQ,KAAK,IAAIF,CAAG,IAAI,IAAI,GACjCE,EAAKF,CAAG,IAAKG,KAAgBF,MAAU,SAAaH,IAAiBG,GAC9D;AACT;","x_google_ignoreList":[0]}

package/dist/style.css

@@ -1 +1 @@
-@layer design-system{*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--ds-colors-primary-f: 6 182 212;--ds-colors-primary-t: 59 130 246;--ds-colors-focus: 86 221 214;--ds-colors-primary-f-stop: 0%;--ds-colors-primary-t-stop: 100%}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.ds-container{width:100%}@media (min-width: 640px){.ds-container{max-width:640px}}@media (min-width: 768px){.ds-container{max-width:768px}}@media (min-width: 1024px){.ds-container{max-width:1024px}}@media (min-width: 1280px){.ds-container{max-width:1280px}}@media (min-width: 1536px){.ds-container{max-width:1536px}}.ds-pointer-events-none{pointer-events:none}.ds-fixed{position:fixed}.ds-absolute{position:absolute}.ds-relative{position:relative}.ds-left-0{left:0}.ds-left-3{left:.75rem}.ds-right-0{right:0}.ds-right-1{right:.25rem}.ds-right-3{right:.75rem}.ds-right-4{right:1rem}.ds-top-0{top:0}.ds-top-1{top:.25rem}.ds-top-4{top:1rem}.ds-z-10{z-index:10}.ds-z-100{z-index:100}.ds-z-50{z-index:50}.ds-z-\[110\]{z-index:110}.ds-z-\[1\]{z-index:1}.ds-z-\[3\]{z-index:3}.ds-m-auto{margin:auto}.-ds-mx-0{margin-left:-0px;margin-right:-0px}.-ds-mx-0\.5{margin-left:-.125rem;margin-right:-.125rem}.ds-mx-auto{margin-left:auto;margin-right:auto}.ds-my-0{margin-top:0;margin-bottom:0}.ds-my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.ds-my-2{margin-top:.5rem;margin-bottom:.5rem}.ds-my-4{margin-top:1rem;margin-bottom:1rem}.-ds-ml-\[25px\]{margin-left:-25px}.ds-mb-0{margin-bottom:0}.ds-mb-0\.5{margin-bottom:.125rem}.ds-mb-1{margin-bottom:.25rem}.ds-mb-2{margin-bottom:.5rem}.ds-mb-4{margin-bottom:1rem}.ds-ml-0{margin-left:0}.ds-ml-1{margin-left:.25rem}.ds-ml-2{margin-left:.5rem}.ds-ml-4{margin-left:1rem}.ds-mt-1{margin-top:.25rem}.ds-mt-4{margin-top:1rem}.ds-mt-8{margin-top:2rem}.ds-block{display:block}.ds-inline-block{display:inline-block}.ds-inline{display:inline}.ds-flex{display:flex}.ds-inline-flex{display:inline-flex}.ds-grid{display:grid}.ds-hidden{display:none}.ds-aspect-square{aspect-ratio:1 / 1}.\!ds-h-\[30px\]{height:30px!important}.ds-h-10{height:2.5rem}.ds-h-11{height:2.75rem}.ds-h-12{height:3rem}.ds-h-3{height:.75rem}.ds-h-3\.5{height:.875rem}.ds-h-4{height:1rem}.ds-h-4\.5{height:1.125rem}.ds-h-5{height:1.25rem}.ds-h-8{height:2rem}.ds-h-9{height:2.25rem}.ds-h-\[40px\]{height:40px}.ds-h-auto{height:auto}.ds-h-full{height:100%}.ds-h-screen{height:100vh}.ds-max-h-72{max-height:18rem}.ds-min-h-\[1rem\]{min-height:1rem}.ds-min-h-\[6rem\]{min-height:6rem}.ds-w-10{width:2.5rem}.ds-w-11{width:2.75rem}.ds-w-12{width:3rem}.ds-w-3{width:.75rem}.ds-w-3\.5{width:.875rem}.ds-w-4{width:1rem}.ds-w-4\.5{width:1.125rem}.ds-w-5{width:1.25rem}.ds-w-8{width:2rem}.ds-w-80{width:20rem}.ds-w-full{width:100%}.ds-w-screen{width:100vw}.ds-min-w-\[5rem\]{min-width:5rem}.ds-min-w-\[8rem\]{min-width:8rem}.ds-max-w-2xl{max-width:42rem}.ds-max-w-4xl{max-width:56rem}.ds-max-w-md{max-width:28rem}.ds-flex-1{flex:1 1 0%}.ds-flex-auto{flex:1 1 auto}.ds-flex-initial{flex:0 1 auto}.ds-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ds-cursor-default{cursor:default}.ds-cursor-not-allowed{cursor:not-allowed}.ds-cursor-pointer{cursor:pointer}.ds-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.ds-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.ds-grid-rows-\[0fr\]{grid-template-rows:0fr}.ds-grid-rows-\[1fr\]{grid-template-rows:1fr}.ds-flex-wrap{flex-wrap:wrap}.ds-items-start{align-items:flex-start}.ds-items-center{align-items:center}.ds-justify-end{justify-content:flex-end}.ds-justify-center{justify-content:center}.ds-justify-between{justify-content:space-between}.ds-gap-1{gap:.25rem}.ds-gap-2{gap:.5rem}.ds-gap-3{gap:.75rem}.ds-gap-4{gap:1rem}.ds-gap-5{gap:1.25rem}.ds-gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.ds-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.ds-gap-y-3{row-gap:.75rem}.ds-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.ds-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.ds-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.ds-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.ds-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.ds-overflow-hidden{overflow:hidden}.ds-overflow-y-auto{overflow-y:auto}.ds-overflow-x-hidden{overflow-x:hidden}.ds-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-whitespace-nowrap{white-space:nowrap}.ds-rounded-full{border-radius:9999px}.ds-rounded-lg{border-radius:.5rem}.ds-rounded-none{border-radius:0}.ds-rounded-xl{border-radius:.75rem}.ds-rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.ds-rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.ds-border{border-width:1px}.ds-border-2{border-width:2px}.ds-border-l-2{border-left-width:2px}.ds-border-none{border-style:none}.\!ds-border-focus{--tw-border-opacity: 1 !important;border-color:rgb(var(--ds-colors-focus) / var(--tw-border-opacity))!important}.ds-border-black\/10,.ds-border-black\/\[0\.1\]{border-color:#0000001a}.ds-border-error{--tw-border-opacity: 1;border-color:rgb(236 55 65 / var(--tw-border-opacity))}.ds-border-focus{--tw-border-opacity: 1;border-color:rgb(var(--ds-colors-focus) / var(--tw-border-opacity))}.ds-border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.ds-border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.ds-border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.ds-border-primary-f\/50{border-color:rgb(var(--ds-colors-primary-f) / .5)}.ds-bg-\[\#00a86b\]{--tw-bg-opacity: 1;background-color:rgb(0 168 107 / var(--tw-bg-opacity))}.ds-bg-\[\#f2f2f2\]{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity))}.ds-bg-black\/10{background-color:#0000001a}.ds-bg-black\/20{background-color:#0003}.ds-bg-black\/65{background-color:#000000a6}.ds-bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.ds-bg-gray-150{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity))}.ds-bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.ds-bg-primary-f{--tw-bg-opacity: 1;background-color:rgb(var(--ds-colors-primary-f) / var(--tw-bg-opacity))}.ds-bg-primary-f\/40{background-color:rgb(var(--ds-colors-primary-f) / .4)}.ds-bg-primary-t{--tw-bg-opacity: 1;background-color:rgb(var(--ds-colors-primary-t) / var(--tw-bg-opacity))}.ds-bg-primary-t\/10{background-color:rgb(var(--ds-colors-primary-t) / .1)}.ds-bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.ds-bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.ds-bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.ds-bg-transparent{background-color:transparent}.ds-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.ds-bg-\[url\(\'https\:\/\/wallpapers\.com\/images\/hd\/colorful-love-birds-0ctuhn6r2rubq7v3\.webp\'\)\]{background-image:url(https://wallpapers.com/images/hd/colorful-love-birds-0ctuhn6r2rubq7v3.webp)}.ds-bg-\[url\(\'https\:\/\/wallpapers\.com\/images\/hd\/elegant-feline-in-soft-natural-light-00nbm86akvtczty6\.webp\'\)\]{background-image:url(https://wallpapers.com/images/hd/elegant-feline-in-soft-natural-light-00nbm86akvtczty6.webp)}.ds-bg-\[url\(\'https\:\/\/wallpapers\.com\/images\/high\/dog-underwater-swimming-2siawk4nemp214kj\.webp\'\)\]{background-image:url(https://wallpapers.com/images/high/dog-underwater-swimming-2siawk4nemp214kj.webp)}.ds-bg-\[url\(\'https\:\/\/wallpapers\.com\/images\/high\/three-teen-lions-9xiimjysh7htjow3\.webp\'\)\]{background-image:url(https://wallpapers.com/images/high/three-teen-lions-9xiimjysh7htjow3.webp)}.ds-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.ds-from-primary-f{--tw-gradient-from: rgb(var(--ds-colors-primary-f) / 1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--ds-colors-primary-f) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.ds-from-primary-f-stop{--tw-gradient-from-position: var(--ds-colors-primary-f-stop)}.ds-to-primary-t{--tw-gradient-to: rgb(var(--ds-colors-primary-t) / 1) var(--tw-gradient-to-position)}.ds-bg-contain{background-size:contain}.ds-bg-cover{background-size:cover}.ds-bg-center{background-position:center}.ds-bg-no-repeat{background-repeat:no-repeat}.ds-fill-black\/40{fill:#0006}.ds-fill-black\/60{fill:#0009}.ds-fill-black\/80{fill:#000c}.ds-fill-gray-500{fill:#6b7280}.ds-fill-primary-t{fill:rgb(var(--ds-colors-primary-t) / 1)}.ds-fill-white{fill:#fff}.ds-p-0{padding:0}.ds-p-0\.5{padding:.125rem}.ds-p-2{padding:.5rem}.ds-p-3{padding:.75rem}.ds-p-4{padding:1rem}.ds-p-5{padding:1.25rem}.ds-px-0{padding-left:0;padding-right:0}.ds-px-2{padding-left:.5rem;padding-right:.5rem}.ds-px-3{padding-left:.75rem;padding-right:.75rem}.ds-px-4{padding-left:1rem;padding-right:1rem}.ds-py-1{padding-top:.25rem;padding-bottom:.25rem}.ds-py-2{padding-top:.5rem;padding-bottom:.5rem}.ds-py-3{padding-top:.75rem;padding-bottom:.75rem}.ds-py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.ds-py-4{padding-top:1rem;padding-bottom:1rem}.ds-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.ds-pb-2{padding-bottom:.5rem}.ds-pl-0{padding-left:0}.ds-pl-1{padding-left:.25rem}.ds-pl-2{padding-left:.5rem}.ds-pr-1{padding-right:.25rem}.ds-text-center{text-align:center}.ds-text-right{text-align:right}.ds-text-2xl{font-size:1.5rem;line-height:2rem}.ds-text-4xl{font-size:2.25rem;line-height:2.5rem}.ds-text-base{font-size:1rem;line-height:1.5rem}.ds-text-sm{font-size:.875rem;line-height:1.25rem}.ds-text-xs{font-size:.75rem;line-height:1rem}.ds-font-bold{font-weight:700}.ds-font-medium{font-weight:500}.ds-font-normal{font-weight:400}.ds-font-semibold{font-weight:600}.ds-capitalize{text-transform:capitalize}.ds-leading-4{line-height:1rem}.ds-text-black\/40{color:#0006}.ds-text-black\/80{color:#000c}.ds-text-black\/\[0\.4\]{color:#0006}.ds-text-black\/\[0\.85\]{color:#000000d9}.ds-text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.ds-text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.ds-text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.ds-text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.ds-text-primary-t{--tw-text-opacity: 1;color:rgb(var(--ds-colors-primary-t) / var(--tw-text-opacity))}.ds-text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.ds-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.ds-opacity-0{opacity:0}.ds-shadow{--tw-shadow: 0px 5px 10px rgba(0, 0, 0, .04), 0px 1px 2px rgba(0, 0, 0, .06);--tw-shadow-colored: 0px 5px 10px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ds-shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ds-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.\!ds-ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.ds-ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ds-ring-error{--tw-ring-opacity: 1;--tw-ring-color: rgb(236 55 65 / var(--tw-ring-opacity))}.ds-ring-focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--ds-colors-focus) / var(--tw-ring-opacity))}.ds-drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ds-drop-shadow-light{--tw-drop-shadow: drop-shadow(0 1px 3px rgba(0, 0, 0, .11));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ds-drop-shadow-none{--tw-drop-shadow: drop-shadow(0 0 #0000);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ds-backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.ds-transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ds-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ds-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ds-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ds-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ds-duration-200{transition-duration:.2s}.ds-duration-300{transition-duration:.3s}.ds-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:focus-visible{outline-offset:unset;outline:unset}.ds-border-inner-secondary{box-shadow:inset 0 0 0 1px rgb(var(--ds-colors-primary-t) / 1)}.ds-border-inner-secondary--disabled{box-shadow:inset 0 0 0 1px #0006}.ds-border-inner-additional,.ds-border-inner-additional--disabled{box-shadow:inset 0 0 0 1px #00000040}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s cubic-bezier(.4,0,.2,1)}}.after\:ds-mx-3:after{content:var(--tw-content);margin-left:.75rem;margin-right:.75rem}.after\:ds-h-1:after{content:var(--tw-content);height:.25rem}.after\:ds-w-full:after{content:var(--tw-content);width:100%}.after\:ds-border-b:after{content:var(--tw-content);border-bottom-width:1px}.after\:ds-border-gray-200:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.hover\:ds-bg-blue-light:hover{--tw-bg-opacity: 1;background-color:rgb(230 240 254 / var(--tw-bg-opacity))}.hover\:ds-bg-gray-150:hover{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity))}.hover\:ds-bg-primary-f\/70:hover{background-color:rgb(var(--ds-colors-primary-f) / .7)}.hover\:ds-bg-primary-t\/10:hover{background-color:rgb(var(--ds-colors-primary-t) / .1)}.hover\:ds-bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.hover\:ds-bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.hover\:ds-fill-black\/40:hover{fill:#0006}.hover\:ds-fill-primary-t\/80:hover{fill:rgb(var(--ds-colors-primary-t) / .8)}.hover\:ds-fill-white\/60:hover{fill:#fff9}.hover\:ds-text-primary-t:hover{--tw-text-opacity: 1;color:rgb(var(--ds-colors-primary-t) / var(--tw-text-opacity))}.hover\:ds-ring-2:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:ds-ring-primary-t:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--ds-colors-primary-t) / var(--tw-ring-opacity))}.focus\:ds-border-focus:focus{--tw-border-opacity: 1;border-color:rgb(var(--ds-colors-focus) / var(--tw-border-opacity))}.focus\:ds-ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ds-ring-error:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(236 55 65 / var(--tw-ring-opacity))}.focus\:ds-ring-focus:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--ds-colors-focus) / var(--tw-ring-opacity))}.focus\:ds-ring-primary-t:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--ds-colors-primary-t) / var(--tw-ring-opacity))}.focus-visible\:ds-bg-blue-light:focus-visible{--tw-bg-opacity: 1;background-color:rgb(230 240 254 / var(--tw-bg-opacity))}.focus-visible\:ds-bg-gray-150:focus-visible{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity))}.focus-visible\:ds-from-primary-f\/90:focus-visible{--tw-gradient-from: rgb(var(--ds-colors-primary-f) / .9) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--ds-colors-primary-f) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.focus-visible\:ds-to-primary-t\/90:focus-visible{--tw-gradient-to: rgb(var(--ds-colors-primary-t) / .9) var(--tw-gradient-to-position)}.focus-visible\:ds-fill-primary-t\/80:focus-visible{fill:rgb(var(--ds-colors-primary-t) / .8)}.enabled\:ds-text-gray-400:enabled{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.enabled\:hover\:ds-bg-blue-light:hover:enabled{--tw-bg-opacity: 1;background-color:rgb(230 240 254 / var(--tw-bg-opacity))}.enabled\:hover\:ds-bg-gray-150:hover:enabled{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity))}.enabled\:hover\:ds-from-primary-f\/90:hover:enabled{--tw-gradient-from: rgb(var(--ds-colors-primary-f) / .9) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--ds-colors-primary-f) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.enabled\:hover\:ds-to-primary-t\/90:hover:enabled{--tw-gradient-to: rgb(var(--ds-colors-primary-t) / .9) var(--tw-gradient-to-position)}.\*\:enabled\:hover\:ds-bg-gray-150:hover:enabled>*{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity))}.disabled\:ds-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:ds-bg-gray-150:disabled{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity))}.disabled\:ds-fill-black\/40:disabled{fill:#0006}.disabled\:ds-text-black\/40:disabled{color:#0006}.disabled\:ds-text-black\/\[0\.4\]:disabled{color:#0006}.disabled\:ds-text-gray-200:disabled{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}@media (min-width: 640px){.sm\:ds-absolute{position:absolute}.sm\:ds-left-\[unset\]{left:unset}.sm\:ds-top-\[unset\]{top:unset}.sm\:ds-z-50{z-index:50}.sm\:ds-block{display:block}.sm\:ds-h-auto{height:auto}.sm\:ds-w-auto{width:auto}.sm\:ds-bg-transparent{background-color:transparent}.sm\:ds-backdrop-blur-none{--tw-backdrop-blur: blur(0);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}}@media (min-width: 1024px){.lg\:ds-h-10{height:2.5rem}.lg\:ds-w-10{width:2.5rem}.lg\:ds-py-3{padding-top:.75rem;padding-bottom:.75rem}}.tab[data-v-797a82dc]{display:none}.tab.active[data-v-797a82dc]{display:block}.b-checkbox .b-checkbox__input[data-v-2082b68c]{display:none;width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem}.b-checkbox .b-checkbox__input:checked+.b-checkbox__input-label[data-v-2082b68c]{background-color:rgb(var(--ds-colors-primary-t) / 1)}.b-checkbox .b-checkbox__input:checked+.b-checkbox__input-label[data-v-2082b68c]:after{border-color:#fff}.b-checkbox .b-checkbox__input:disabled+.b-checkbox__input-label[data-v-2082b68c]{background-color:#f3f4f6}.b-checkbox .b-checkbox__input:disabled+.b-checkbox__input-label[data-v-2082b68c]:after{border-color:#f3f4f6}.b-checkbox .b-checkbox__input-label[data-v-2082b68c]{position:relative;background-color:#fff;border-radius:.5rem;cursor:pointer;width:1.5rem;height:1.5rem;transition:all .15s linear}.b-checkbox .b-checkbox__input-label[data-v-2082b68c]:after{border:3px solid transparent;border-top:none;border-right:none;content:"";height:7px;left:5.5px;position:absolute;top:7px;transform:rotate(-45deg);width:.75rem;transition:all .15s linear}.b-checkbox.size-sm .b-checkbox__input[data-v-2082b68c]{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem}.b-checkbox.size-sm .b-checkbox__input-label[data-v-2082b68c]{width:1.25rem;height:1.25rem}.b-checkbox.size-sm .b-checkbox__input-label[data-v-2082b68c]:after{border:2.5px solid transparent;border-top:none;border-right:none;left:3.5px;top:4.5px}.b-loading-bar[data-v-31348ccc]{height:.25rem;display:block;width:100%;background-color:#e6effe;overflow:hidden}.b-loading-bar .b-loading-bar-indeterminate[data-v-31348ccc]{background-color:#3b82f6}.b-loading-bar .b-loading-bar-indeterminate[data-v-31348ccc]:before{content:"";position:absolute;z-index:100;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;animation:indeterminate-31348ccc 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.b-loading-bar .b-loading-bar-indeterminate[data-v-31348ccc]:after{content:"";position:absolute;z-index:100;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;animation:indeterminate-short-31348ccc 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate-31348ccc{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short-31348ccc{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}.spinner[data-v-c49c635e]{border:.25rem solid #e5e7eb;border-radius:50%;border-top:.25rem solid rgb(var(--ds-colors-primary-t) / 1);border-right:.25rem solid rgb(var(--ds-colors-primary-t) / 1);border-bottom:.25rem solid rgb(var(--ds-colors-primary-t) / 1);animation:spin-c49c635e 2s linear infinite}@keyframes spin-c49c635e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.carousel-item[data-v-6f2b0dc4]{position:absolute;height:100%;width:100%;display:none;transform:translate(100%)}.carousel-item.reverse[data-v-6f2b0dc4]{transform:translate(-100%)}.carousel-item.active[data-v-6f2b0dc4]{display:block}.slide-in[data-v-6f2b0dc4]{animation:slide-in-6f2b0dc4 .5s forwards}.slide-out[data-v-6f2b0dc4]{animation:slide-out-6f2b0dc4 .5s forwards}@keyframes slide-in-6f2b0dc4{to{transform:translate(0)}}@keyframes slide-out-6f2b0dc4{0%{transform:translate(0)}to{transform:translate(-100%)}}.slide-in-reverse[data-v-6f2b0dc4]{animation:slide-in-reverse-6f2b0dc4 .5s forwards}.slide-out-reverse[data-v-6f2b0dc4]{animation:slide-out-reverse-6f2b0dc4 .5s forwards}@keyframes slide-in-reverse-6f2b0dc4{to{transform:translate(0)}}@keyframes slide-out-reverse-6f2b0dc4{0%{transform:translate(0)}to{transform:translate(100%)}}.carousel-item img{min-width:100%;height:100%}.carousel-content[data-v-b5c5062f]{position:absolute;top:0;left:0;width:100%;max-height:100%;height:100%}.carousel-navigation--left[data-v-b5c5062f],.carousel-navigation--right[data-v-b5c5062f]{padding:0 1rem;height:100%;position:absolute;display:flex;justify-content:center;align-items:center}.carousel-navigation--right[data-v-b5c5062f]{right:0}.carousel-pagination[data-v-b5c5062f]{position:absolute;bottom:.5rem;width:100%;display:flex;gap:1rem;justify-content:center;align-items:center}.carousel-pagination span[data-v-b5c5062f]{cursor:pointer;width:1.25rem;height:1.25rem;border-radius:50%;background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;opacity:.8}.b-radio__input[data-v-98637356]{display:none}.b-radio__input:checked+.b-radio__input-label[data-v-98637356]:before{background-color:rgb(var(--ds-colors-primary-t) / 1)}.b-radio__input:disabled+.b-radio__input-label[data-v-98637356]{background-color:#f3f4f6}.b-radio__input:disabled+.b-radio__input-label[data-v-98637356]:before{background-color:#f3f4f6}.b-radio__input-label[data-v-98637356]{position:relative;width:1.5rem;height:1.5rem;background-color:#fff;border-radius:9999px}.b-radio__input-label[data-v-98637356]:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:transparent;height:1rem;width:1rem;border-radius:9999px;transition:all .15s linear}.tab-header.active[data-v-646ae8c4]{background-color:#fff;color:rgb(var(--ds-colors-primary-t) / 1)}.b-text-field:has(.b-text-field__prepend-icon) input[data-v-d47b93d4]{padding-left:2.25rem}.b-text-field:has(.b-text-field__append-icon) input[data-v-d47b93d4]{padding-right:2.25rem}.tooltip-arrow[data-v-78f7c276]{position:absolute;left:0;transform:translate3d(59.5px,0,0)}.b-image-picker[data-v-8033e228]{container-name:image-picker;container-type:inline-size}.b-image-picker__draggable[data-v-8033e228]{width:100%;position:relative}.b-image-picker__draggable[data-v-8033e228]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.5rem}@container image-picker (min-width: 640px){.b-image-picker__draggable[data-v-8033e228]{width:calc(33.3333333333% - .3333333333rem)}}@container image-pbnicker (min-width: 768px){.b-image-picker__draggable[data-v-8033e228]{width:calc(25% - .375rem)}}@container image-picker (min-width: 1280px){.b-image-picker__draggable[data-v-8033e228]{width:calc(20% - .4rem)}}.dragging[data-v-8033e228]{opacity:.5}.dropped-target[data-v-8033e228]{border-width:2px;--tw-border-opacity: 1;border-color:rgb(var(--ds-colors-primary-f) / var(--tw-border-opacity))}.b-currency-field:has(.b-currency-field__prepend-icon) input[data-v-5cbc4bba]{padding-left:2.25rem}.b-currency-field:has(.b-currency-field__append-icon) input[data-v-5cbc4bba]{padding-right:2.25rem}.b-switch__input[data-v-94d47575]{display:none}.b-switch__input:checked+.b-switch__input-label[data-v-94d47575]{background-color:rgb(var(--ds-colors-primary-t) / 1)}.b-switch__input:checked+.b-switch__input-label[data-v-94d47575]:before{transform:translate(100%);background-color:#fff}.b-switch__input:disabled+.b-switch__input-label[data-v-94d47575]:before{background-color:#f3f4f6}.b-switch__input-label[data-v-94d47575]{position:relative;display:flex;background-color:#e5e7eb;border-radius:1rem;padding:.125rem;width:2.75rem;height:1.5rem}.b-switch__input-label[data-v-94d47575]:before{content:"";position:absolute;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:9999px;left:calc(.125rem - 1px);top:calc(.125rem - 1px);transition:all .15s linear}.date-range:not(:has(.--start):has(.--end)) .date-item.--selected~.date-item:has(~.date-item:hover) .date-item__inner[data-v-9a965dba]{background-color:rgb(var(--ds-colors-primary-t) / 10%)}.date-range:not(:has(.--start):has(.--end)) .date-item:hover~.date-item:has(~.date-item.--selected) .date-item__inner[data-v-9a965dba]{background-color:rgb(var(--ds-colors-primary-t) / 10%)}
+@layer design-system{*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--ds-colors-primary-f: 6 182 212;--ds-colors-primary-t: 59 130 246;--ds-colors-focus: 86 221 214;--ds-colors-primary-f-stop: 0%;--ds-colors-primary-t-stop: 100%}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.ds-container{width:100%}@media (min-width: 640px){.ds-container{max-width:640px}}@media (min-width: 768px){.ds-container{max-width:768px}}@media (min-width: 1024px){.ds-container{max-width:1024px}}@media (min-width: 1280px){.ds-container{max-width:1280px}}@media (min-width: 1536px){.ds-container{max-width:1536px}}.ds-pointer-events-none{pointer-events:none}.ds-fixed{position:fixed}.ds-absolute{position:absolute}.ds-relative{position:relative}.ds-left-0{left:0}.ds-left-3{left:.75rem}.ds-right-0{right:0}.ds-right-1{right:.25rem}.ds-right-3{right:.75rem}.ds-right-4{right:1rem}.ds-top-0{top:0}.ds-top-1{top:.25rem}.ds-top-4{top:1rem}.ds-z-10{z-index:10}.ds-z-100{z-index:100}.ds-z-50{z-index:50}.ds-z-\[110\]{z-index:110}.ds-z-\[1\]{z-index:1}.ds-z-\[3\]{z-index:3}.ds-m-auto{margin:auto}.-ds-mx-0{margin-left:-0px;margin-right:-0px}.-ds-mx-0\.5{margin-left:-.125rem;margin-right:-.125rem}.ds-mx-auto{margin-left:auto;margin-right:auto}.ds-my-0{margin-top:0;margin-bottom:0}.ds-my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.ds-my-2{margin-top:.5rem;margin-bottom:.5rem}.ds-my-4{margin-top:1rem;margin-bottom:1rem}.-ds-ml-\[25px\]{margin-left:-25px}.ds-mb-0{margin-bottom:0}.ds-mb-0\.5{margin-bottom:.125rem}.ds-mb-1{margin-bottom:.25rem}.ds-mb-2{margin-bottom:.5rem}.ds-mb-4{margin-bottom:1rem}.ds-ml-0{margin-left:0}.ds-ml-1{margin-left:.25rem}.ds-ml-2{margin-left:.5rem}.ds-ml-4{margin-left:1rem}.ds-mt-1{margin-top:.25rem}.ds-mt-4{margin-top:1rem}.ds-mt-8{margin-top:2rem}.ds-block{display:block}.ds-inline-block{display:inline-block}.ds-inline{display:inline}.ds-flex{display:flex}.ds-inline-flex{display:inline-flex}.ds-grid{display:grid}.ds-hidden{display:none}.ds-aspect-square{aspect-ratio:1 / 1}.\!ds-h-\[30px\]{height:30px!important}.ds-h-10{height:2.5rem}.ds-h-11{height:2.75rem}.ds-h-12{height:3rem}.ds-h-3{height:.75rem}.ds-h-3\.5{height:.875rem}.ds-h-4{height:1rem}.ds-h-4\.5{height:1.125rem}.ds-h-5{height:1.25rem}.ds-h-8{height:2rem}.ds-h-9{height:2.25rem}.ds-h-\[40px\]{height:40px}.ds-h-auto{height:auto}.ds-h-full{height:100%}.ds-h-screen{height:100vh}.ds-max-h-72{max-height:18rem}.ds-min-h-4,.ds-min-h-\[1rem\]{min-height:1rem}.ds-min-h-\[6rem\]{min-height:6rem}.ds-w-10{width:2.5rem}.ds-w-11{width:2.75rem}.ds-w-12{width:3rem}.ds-w-3{width:.75rem}.ds-w-3\.5{width:.875rem}.ds-w-4{width:1rem}.ds-w-4\.5{width:1.125rem}.ds-w-5{width:1.25rem}.ds-w-8{width:2rem}.ds-w-80{width:20rem}.ds-w-full{width:100%}.ds-w-screen{width:100vw}.ds-min-w-4{min-width:1rem}.ds-min-w-\[5rem\]{min-width:5rem}.ds-min-w-\[8rem\]{min-width:8rem}.ds-max-w-2xl{max-width:42rem}.ds-max-w-4xl{max-width:56rem}.ds-max-w-md{max-width:28rem}.ds-flex-1{flex:1 1 0%}.ds-flex-auto{flex:1 1 auto}.ds-flex-initial{flex:0 1 auto}.ds-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ds-cursor-default{cursor:default}.ds-cursor-not-allowed{cursor:not-allowed}.ds-cursor-pointer{cursor:pointer}.ds-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.ds-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.ds-grid-rows-\[0fr\]{grid-template-rows:0fr}.ds-grid-rows-\[1fr\]{grid-template-rows:1fr}.ds-flex-wrap{flex-wrap:wrap}.ds-items-start{align-items:flex-start}.ds-items-center{align-items:center}.ds-justify-end{justify-content:flex-end}.ds-justify-center{justify-content:center}.ds-justify-between{justify-content:space-between}.ds-gap-1{gap:.25rem}.ds-gap-2{gap:.5rem}.ds-gap-3{gap:.75rem}.ds-gap-4{gap:1rem}.ds-gap-5{gap:1.25rem}.ds-gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.ds-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.ds-gap-y-3{row-gap:.75rem}.ds-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.ds-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.ds-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.ds-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.ds-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.ds-overflow-hidden{overflow:hidden}.ds-overflow-y-auto{overflow-y:auto}.ds-overflow-x-hidden{overflow-x:hidden}.ds-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-whitespace-nowrap{white-space:nowrap}.ds-rounded-full{border-radius:9999px}.ds-rounded-lg{border-radius:.5rem}.ds-rounded-none{border-radius:0}.ds-rounded-xl{border-radius:.75rem}.ds-rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.ds-rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.ds-border{border-width:1px}.ds-border-2{border-width:2px}.ds-border-l-2{border-left-width:2px}.ds-border-none{border-style:none}.\!ds-border-focus{--tw-border-opacity: 1 !important;border-color:rgb(var(--ds-colors-focus) / var(--tw-border-opacity))!important}.ds-border-black\/10,.ds-border-black\/\[0\.1\]{border-color:#0000001a}.ds-border-error{--tw-border-opacity: 1;border-color:rgb(236 55 65 / var(--tw-border-opacity))}.ds-border-focus{--tw-border-opacity: 1;border-color:rgb(var(--ds-colors-focus) / var(--tw-border-opacity))}.ds-border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.ds-border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.ds-border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.ds-border-primary-f\/50{border-color:rgb(var(--ds-colors-primary-f) / .5)}.ds-bg-\[\#00a86b\]{--tw-bg-opacity: 1;background-color:rgb(0 168 107 / var(--tw-bg-opacity))}.ds-bg-\[\#f2f2f2\]{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity))}.ds-bg-black\/10{background-color:#0000001a}.ds-bg-black\/20{background-color:#0003}.ds-bg-black\/65{background-color:#000000a6}.ds-bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.ds-bg-gray-150{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity))}.ds-bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.ds-bg-primary-f{--tw-bg-opacity: 1;background-color:rgb(var(--ds-colors-primary-f) / var(--tw-bg-opacity))}.ds-bg-primary-f\/40{background-color:rgb(var(--ds-colors-primary-f) / .4)}.ds-bg-primary-t{--tw-bg-opacity: 1;background-color:rgb(var(--ds-colors-primary-t) / var(--tw-bg-opacity))}.ds-bg-primary-t\/10{background-color:rgb(var(--ds-colors-primary-t) / .1)}.ds-bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.ds-bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.ds-bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.ds-bg-transparent{background-color:transparent}.ds-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.ds-bg-\[url\(\'https\:\/\/wallpapers\.com\/images\/hd\/colorful-love-birds-0ctuhn6r2rubq7v3\.webp\'\)\]{background-image:url(https://wallpapers.com/images/hd/colorful-love-birds-0ctuhn6r2rubq7v3.webp)}.ds-bg-\[url\(\'https\:\/\/wallpapers\.com\/images\/hd\/elegant-feline-in-soft-natural-light-00nbm86akvtczty6\.webp\'\)\]{background-image:url(https://wallpapers.com/images/hd/elegant-feline-in-soft-natural-light-00nbm86akvtczty6.webp)}.ds-bg-\[url\(\'https\:\/\/wallpapers\.com\/images\/high\/dog-underwater-swimming-2siawk4nemp214kj\.webp\'\)\]{background-image:url(https://wallpapers.com/images/high/dog-underwater-swimming-2siawk4nemp214kj.webp)}.ds-bg-\[url\(\'https\:\/\/wallpapers\.com\/images\/high\/three-teen-lions-9xiimjysh7htjow3\.webp\'\)\]{background-image:url(https://wallpapers.com/images/high/three-teen-lions-9xiimjysh7htjow3.webp)}.ds-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.ds-from-primary-f{--tw-gradient-from: rgb(var(--ds-colors-primary-f) / 1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--ds-colors-primary-f) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.ds-from-primary-f-stop{--tw-gradient-from-position: var(--ds-colors-primary-f-stop)}.ds-to-primary-t{--tw-gradient-to: rgb(var(--ds-colors-primary-t) / 1) var(--tw-gradient-to-position)}.ds-bg-contain{background-size:contain}.ds-bg-cover{background-size:cover}.ds-bg-center{background-position:center}.ds-bg-no-repeat{background-repeat:no-repeat}.ds-fill-black\/40{fill:#0006}.ds-fill-black\/60{fill:#0009}.ds-fill-black\/80{fill:#000c}.ds-fill-gray-500{fill:#6b7280}.ds-fill-primary-t{fill:rgb(var(--ds-colors-primary-t) / 1)}.ds-fill-white{fill:#fff}.ds-p-0{padding:0}.ds-p-0\.5{padding:.125rem}.ds-p-2{padding:.5rem}.ds-p-3{padding:.75rem}.ds-p-4{padding:1rem}.ds-p-5{padding:1.25rem}.ds-px-0{padding-left:0;padding-right:0}.ds-px-2{padding-left:.5rem;padding-right:.5rem}.ds-px-3{padding-left:.75rem;padding-right:.75rem}.ds-px-4{padding-left:1rem;padding-right:1rem}.ds-py-1{padding-top:.25rem;padding-bottom:.25rem}.ds-py-2{padding-top:.5rem;padding-bottom:.5rem}.ds-py-3{padding-top:.75rem;padding-bottom:.75rem}.ds-py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.ds-py-4{padding-top:1rem;padding-bottom:1rem}.ds-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.ds-pb-2{padding-bottom:.5rem}.ds-pl-0{padding-left:0}.ds-pl-1{padding-left:.25rem}.ds-pl-2{padding-left:.5rem}.ds-pr-1{padding-right:.25rem}.ds-text-center{text-align:center}.ds-text-right{text-align:right}.ds-text-2xl{font-size:1.5rem;line-height:2rem}.ds-text-4xl{font-size:2.25rem;line-height:2.5rem}.ds-text-base{font-size:1rem;line-height:1.5rem}.ds-text-sm{font-size:.875rem;line-height:1.25rem}.ds-text-xs{font-size:.75rem;line-height:1rem}.ds-font-bold{font-weight:700}.ds-font-medium{font-weight:500}.ds-font-normal{font-weight:400}.ds-font-semibold{font-weight:600}.ds-capitalize{text-transform:capitalize}.ds-leading-4{line-height:1rem}.ds-text-black\/40{color:#0006}.ds-text-black\/80{color:#000c}.ds-text-black\/\[0\.4\]{color:#0006}.ds-text-black\/\[0\.85\]{color:#000000d9}.ds-text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.ds-text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.ds-text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.ds-text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.ds-text-primary-t{--tw-text-opacity: 1;color:rgb(var(--ds-colors-primary-t) / var(--tw-text-opacity))}.ds-text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.ds-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.ds-opacity-0{opacity:0}.ds-shadow{--tw-shadow: 0px 5px 10px rgba(0, 0, 0, .04), 0px 1px 2px rgba(0, 0, 0, .06);--tw-shadow-colored: 0px 5px 10px var(--tw-shadow-color), 0px 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ds-shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ds-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.\!ds-ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.ds-ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ds-ring-error{--tw-ring-opacity: 1;--tw-ring-color: rgb(236 55 65 / var(--tw-ring-opacity))}.ds-ring-focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--ds-colors-focus) / var(--tw-ring-opacity))}.ds-drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ds-drop-shadow-light{--tw-drop-shadow: drop-shadow(0 1px 3px rgba(0, 0, 0, .11));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ds-drop-shadow-none{--tw-drop-shadow: drop-shadow(0 0 #0000);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ds-backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.ds-transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ds-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ds-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ds-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ds-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ds-duration-200{transition-duration:.2s}.ds-duration-300{transition-duration:.3s}.ds-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:focus-visible{outline-offset:unset;outline:unset}.ds-border-inner-secondary{box-shadow:inset 0 0 0 1px rgb(var(--ds-colors-primary-t) / 1)}.ds-border-inner-secondary--disabled{box-shadow:inset 0 0 0 1px #0006}.ds-border-inner-additional,.ds-border-inner-additional--disabled{box-shadow:inset 0 0 0 1px #00000040}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .3s cubic-bezier(.4,0,.2,1)}}.after\:ds-mx-3:after{content:var(--tw-content);margin-left:.75rem;margin-right:.75rem}.after\:ds-h-1:after{content:var(--tw-content);height:.25rem}.after\:ds-w-full:after{content:var(--tw-content);width:100%}.after\:ds-border-b:after{content:var(--tw-content);border-bottom-width:1px}.after\:ds-border-gray-200:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.hover\:ds-bg-blue-light:hover{--tw-bg-opacity: 1;background-color:rgb(230 240 254 / var(--tw-bg-opacity))}.hover\:ds-bg-gray-150:hover{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity))}.hover\:ds-bg-primary-f\/70:hover{background-color:rgb(var(--ds-colors-primary-f) / .7)}.hover\:ds-bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.hover\:ds-bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.hover\:ds-fill-black\/40:hover{fill:#0006}.hover\:ds-fill-primary-t\/80:hover{fill:rgb(var(--ds-colors-primary-t) / .8)}.hover\:ds-fill-white\/60:hover{fill:#fff9}.hover\:ds-text-primary-t:hover{--tw-text-opacity: 1;color:rgb(var(--ds-colors-primary-t) / var(--tw-text-opacity))}.hover\:ds-ring-2:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:ds-ring-primary-t:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--ds-colors-primary-t) / var(--tw-ring-opacity))}.focus\:ds-border-focus:focus{--tw-border-opacity: 1;border-color:rgb(var(--ds-colors-focus) / var(--tw-border-opacity))}.focus\:ds-ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ds-ring-error:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(236 55 65 / var(--tw-ring-opacity))}.focus\:ds-ring-focus:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--ds-colors-focus) / var(--tw-ring-opacity))}.focus\:ds-ring-primary-t:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--ds-colors-primary-t) / var(--tw-ring-opacity))}.focus-visible\:ds-bg-blue-light:focus-visible{--tw-bg-opacity: 1;background-color:rgb(230 240 254 / var(--tw-bg-opacity))}.focus-visible\:ds-bg-gray-150:focus-visible{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity))}.focus-visible\:ds-from-primary-f\/90:focus-visible{--tw-gradient-from: rgb(var(--ds-colors-primary-f) / .9) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--ds-colors-primary-f) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.focus-visible\:ds-to-primary-t\/90:focus-visible{--tw-gradient-to: rgb(var(--ds-colors-primary-t) / .9) var(--tw-gradient-to-position)}.focus-visible\:ds-fill-primary-t\/80:focus-visible{fill:rgb(var(--ds-colors-primary-t) / .8)}.enabled\:ds-text-gray-400:enabled{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.enabled\:hover\:ds-bg-blue-light:hover:enabled{--tw-bg-opacity: 1;background-color:rgb(230 240 254 / var(--tw-bg-opacity))}.enabled\:hover\:ds-bg-gray-150:hover:enabled{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity))}.enabled\:hover\:ds-from-primary-f\/90:hover:enabled{--tw-gradient-from: rgb(var(--ds-colors-primary-f) / .9) var(--tw-gradient-from-position);--tw-gradient-to: rgb(var(--ds-colors-primary-f) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.enabled\:hover\:ds-to-primary-t\/90:hover:enabled{--tw-gradient-to: rgb(var(--ds-colors-primary-t) / .9) var(--tw-gradient-to-position)}.\*\:enabled\:hover\:ds-bg-gray-150:hover:enabled>*{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity))}.disabled\:ds-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:ds-bg-gray-150:disabled{--tw-bg-opacity: 1;background-color:rgb(242 242 242 / var(--tw-bg-opacity))}.disabled\:ds-fill-black\/40:disabled{fill:#0006}.disabled\:ds-text-black\/40:disabled{color:#0006}.disabled\:ds-text-black\/\[0\.4\]:disabled{color:#0006}.disabled\:ds-text-gray-200:disabled{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}@media (min-width: 640px){.sm\:ds-absolute{position:absolute}.sm\:ds-left-\[unset\]{left:unset}.sm\:ds-top-\[unset\]{top:unset}.sm\:ds-z-50{z-index:50}.sm\:ds-block{display:block}.sm\:ds-h-auto{height:auto}.sm\:ds-w-auto{width:auto}.sm\:ds-bg-transparent{background-color:transparent}.sm\:ds-backdrop-blur-none{--tw-backdrop-blur: blur(0);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}}@media (min-width: 1024px){.lg\:ds-h-10{height:2.5rem}.lg\:ds-w-10{width:2.5rem}.lg\:ds-py-3{padding-top:.75rem;padding-bottom:.75rem}}.tab[data-v-797a82dc]{display:none}.tab.active[data-v-797a82dc]{display:block}.b-loading-bar[data-v-31348ccc]{height:.25rem;display:block;width:100%;background-color:#e6effe;overflow:hidden}.b-loading-bar .b-loading-bar-indeterminate[data-v-31348ccc]{background-color:#3b82f6}.b-loading-bar .b-loading-bar-indeterminate[data-v-31348ccc]:before{content:"";position:absolute;z-index:100;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;animation:indeterminate-31348ccc 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.b-loading-bar .b-loading-bar-indeterminate[data-v-31348ccc]:after{content:"";position:absolute;z-index:100;background-color:inherit;top:0;left:0;bottom:0;will-change:left,right;animation:indeterminate-short-31348ccc 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}@keyframes indeterminate-31348ccc{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short-31348ccc{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}.spinner[data-v-c49c635e]{border:.25rem solid #e5e7eb;border-radius:50%;border-top:.25rem solid rgb(var(--ds-colors-primary-t) / 1);border-right:.25rem solid rgb(var(--ds-colors-primary-t) / 1);border-bottom:.25rem solid rgb(var(--ds-colors-primary-t) / 1);animation:spin-c49c635e 2s linear infinite}@keyframes spin-c49c635e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.carousel-content[data-v-b5c5062f]{position:absolute;top:0;left:0;width:100%;max-height:100%;height:100%}.carousel-navigation--left[data-v-b5c5062f],.carousel-navigation--right[data-v-b5c5062f]{padding:0 1rem;height:100%;position:absolute;display:flex;justify-content:center;align-items:center}.carousel-navigation--right[data-v-b5c5062f]{right:0}.carousel-pagination[data-v-b5c5062f]{position:absolute;bottom:.5rem;width:100%;display:flex;gap:1rem;justify-content:center;align-items:center}.carousel-pagination span[data-v-b5c5062f]{cursor:pointer;width:1.25rem;height:1.25rem;border-radius:50%;background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;opacity:.8}.b-checkbox .b-checkbox__input[data-v-2082b68c]{display:none;width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem}.b-checkbox .b-checkbox__input:checked+.b-checkbox__input-label[data-v-2082b68c]{background-color:rgb(var(--ds-colors-primary-t) / 1)}.b-checkbox .b-checkbox__input:checked+.b-checkbox__input-label[data-v-2082b68c]:after{border-color:#fff}.b-checkbox .b-checkbox__input:disabled+.b-checkbox__input-label[data-v-2082b68c]{background-color:#f3f4f6}.b-checkbox .b-checkbox__input:disabled+.b-checkbox__input-label[data-v-2082b68c]:after{border-color:#f3f4f6}.b-checkbox .b-checkbox__input-label[data-v-2082b68c]{position:relative;background-color:#fff;border-radius:.5rem;cursor:pointer;width:1.5rem;height:1.5rem;transition:all .15s linear}.b-checkbox .b-checkbox__input-label[data-v-2082b68c]:after{border:3px solid transparent;border-top:none;border-right:none;content:"";height:7px;left:5.5px;position:absolute;top:7px;transform:rotate(-45deg);width:.75rem;transition:all .15s linear}.b-checkbox.size-sm .b-checkbox__input[data-v-2082b68c]{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem}.b-checkbox.size-sm .b-checkbox__input-label[data-v-2082b68c]{width:1.25rem;height:1.25rem}.b-checkbox.size-sm .b-checkbox__input-label[data-v-2082b68c]:after{border:2.5px solid transparent;border-top:none;border-right:none;left:3.5px;top:4.5px}.carousel-item[data-v-6f2b0dc4]{position:absolute;height:100%;width:100%;display:none;transform:translate(100%)}.carousel-item.reverse[data-v-6f2b0dc4]{transform:translate(-100%)}.carousel-item.active[data-v-6f2b0dc4]{display:block}.slide-in[data-v-6f2b0dc4]{animation:slide-in-6f2b0dc4 .5s forwards}.slide-out[data-v-6f2b0dc4]{animation:slide-out-6f2b0dc4 .5s forwards}@keyframes slide-in-6f2b0dc4{to{transform:translate(0)}}@keyframes slide-out-6f2b0dc4{0%{transform:translate(0)}to{transform:translate(-100%)}}.slide-in-reverse[data-v-6f2b0dc4]{animation:slide-in-reverse-6f2b0dc4 .5s forwards}.slide-out-reverse[data-v-6f2b0dc4]{animation:slide-out-reverse-6f2b0dc4 .5s forwards}@keyframes slide-in-reverse-6f2b0dc4{to{transform:translate(0)}}@keyframes slide-out-reverse-6f2b0dc4{0%{transform:translate(0)}to{transform:translate(100%)}}.carousel-item img{min-width:100%;height:100%}.b-radio__input[data-v-98637356]{display:none}.b-radio__input:checked+.b-radio__input-label[data-v-98637356]:before{background-color:rgb(var(--ds-colors-primary-t) / 1)}.b-radio__input:disabled+.b-radio__input-label[data-v-98637356]{background-color:#f3f4f6}.b-radio__input:disabled+.b-radio__input-label[data-v-98637356]:before{background-color:#f3f4f6}.b-radio__input-label[data-v-98637356]{position:relative;width:1.5rem;height:1.5rem;background-color:#fff;border-radius:9999px}.b-radio__input-label[data-v-98637356]:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:transparent;height:1rem;width:1rem;border-radius:9999px;transition:all .15s linear}.tab-header.active[data-v-646ae8c4]{background-color:#fff;color:rgb(var(--ds-colors-primary-t) / 1)}.b-text-field:has(.b-text-field__prepend-icon) input[data-v-d47b93d4]{padding-left:2.25rem}.b-text-field:has(.b-text-field__append-icon) input[data-v-d47b93d4]{padding-right:2.25rem}.tooltip-arrow[data-v-78f7c276]{position:absolute;left:0;transform:translate3d(59.5px,0,0)}.b-image-picker[data-v-8033e228]{container-name:image-picker;container-type:inline-size}.b-image-picker__draggable[data-v-8033e228]{width:100%;position:relative}.b-image-picker__draggable[data-v-8033e228]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.5rem}@container image-picker (min-width: 640px){.b-image-picker__draggable[data-v-8033e228]{width:calc(33.3333333333% - .3333333333rem)}}@container image-pbnicker (min-width: 768px){.b-image-picker__draggable[data-v-8033e228]{width:calc(25% - .375rem)}}@container image-picker (min-width: 1280px){.b-image-picker__draggable[data-v-8033e228]{width:calc(20% - .4rem)}}.dragging[data-v-8033e228]{opacity:.5}.dropped-target[data-v-8033e228]{border-width:2px;--tw-border-opacity: 1;border-color:rgb(var(--ds-colors-primary-f) / var(--tw-border-opacity))}.b-currency-field:has(.b-currency-field__prepend-icon) input[data-v-5cbc4bba]{padding-left:2.25rem}.b-currency-field:has(.b-currency-field__append-icon) input[data-v-5cbc4bba]{padding-right:2.25rem}.b-switch__input[data-v-94d47575]{display:none}.b-switch__input:checked+.b-switch__input-label[data-v-94d47575]{background-color:rgb(var(--ds-colors-primary-t) / 1)}.b-switch__input:checked+.b-switch__input-label[data-v-94d47575]:before{transform:translate(100%);background-color:#fff}.b-switch__input:disabled+.b-switch__input-label[data-v-94d47575]:before{background-color:#f3f4f6}.b-switch__input-label[data-v-94d47575]{position:relative;display:flex;background-color:#e5e7eb;border-radius:1rem;padding:.125rem;width:2.75rem;height:1.5rem}.b-switch__input-label[data-v-94d47575]:before{content:"";position:absolute;width:1.25rem;height:1.25rem;background-color:#fff;border-radius:9999px;left:calc(.125rem - 1px);top:calc(.125rem - 1px);transition:all .15s linear}.date-range:not(:has(.--start):has(.--end)) .date-item.--selected~.date-item:has(~.date-item:hover) .date-item__inner[data-v-9a965dba]{background-color:rgb(var(--ds-colors-primary-t) / 10%)}.date-range:not(:has(.--start):has(.--end)) .date-item:hover~.date-item:has(~.date-item.--selected) .date-item__inner[data-v-9a965dba]{background-color:rgb(var(--ds-colors-primary-t) / 10%)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@7pmlabs/design-system",
-  "version": "0.6.4",
+  "version": "0.6.6",
   "homepage": "https://github.com/ngphanducthinh/design-system",
   "sideEffects": [
     "style.css"