@7pmlabs/design-system 0.5.11 → 0.6.0

package/dist/design-system20.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system20.js","sources":["../src/components/BOtpField/BOtpField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, createBlock as _createBlock, createElementVNode as _createElementVNode, unref as _unref, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex ds-items-center ds-justify-center ds-space-x-2\" }\n\nimport BErrorMessage from '@/components/BErrorMessage.vue';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { cloneDeep } from 'lodash-es';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BOtpFieldBox from './BOtpFieldBox.vue';\n\n//#region Props\nexport interface BOtpFieldProps {\n  inputId?: string;\n  modelValue: string;\n  /**\n   * Number of input boxes.\n   */\n  numInputs?: number;\n  /**\n   * Index of input box to be focused.\n   */\n  focusIndex?: number;\n  disabled?: boolean;\n  inputCssClass?: 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\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BOtpField',\n  props: {\n    inputId: { default: '' },\n    modelValue: { default: '' },\n    numInputs: { default: 6 },\n    focusIndex: { default: undefined },\n    disabled: { type: Boolean, default: false },\n    inputCssClass: { default: '' },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false }\n  },\n  emits: [\"complete\", \"change\", \"update:focusIndex\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\n// Sourcecode: https://github.com/ejirocodes/vue3-otp-input\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => !!val,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst fIndex = ref(0);\nconst oldOtp = ref<any[]>([]);\nconst boxRefs = ref<Array<InstanceType<typeof BOtpFieldBox>> | null>(null);\nconst handleOnFocus = (index: number) => {\n  focusIndexValue.value = index;\n};\nconst handleOnBlur = () => {\n  focusIndexValue.value = -1;\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed<any[]>({\n  get() {\n    return props.modelValue.split('');\n  },\n  set(val: any) {\n    emit('update:modelValue', val.join(''));\n  },\n});\nconst originalValue = computed(() => props.modelValue);\nconst focusIndexValue = computed({\n  get() {\n    return props.focusIndex !== undefined ? props.focusIndex : fIndex.value;\n  },\n  set(val: number) {\n    if (props.focusIndex !== undefined) {\n      emit('update:focusIndex', val);\n    } else {\n      fIndex.value = val;\n    }\n  },\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 inputCssClassValue = computed(() => [\n  ...[\n    props.disabled\n      ? 'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]'\n      : 'ds-text-black/[0.85]',\n    validationResult.value.valid\n      ? 'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus'\n      : 'ds-border-error focus:ds-ring-1 focus:ds-ring-error',\n  ],\n  props.inputCssClass,\n]);\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  originalValue,\n  vRules.value,\n);\n//#endregion\n\n//#region Methods\nconst focus = () => {\n  boxRefs.value![focusIndexValue.value].focus();\n};\nconst checkFilledAllInputs = () => {\n  if (value.value.join('').length === props.numInputs) {\n    return emit('complete', value.value.join(''));\n  }\n  return 'Wait until the user enters the required number of characters';\n};\n// Focus on input by index\nconst focusInput = (input: number) => {\n  focusIndexValue.value = Math.max(Math.min(props.numInputs - 1, input), 0);\n};\n// Focus on next input\nconst focusNextInput = () => {\n  focusInput(focusIndexValue.value + 1);\n};\n// Focus on previous input\nconst focusPrevInput = () => {\n  focusInput(focusIndexValue.value - 1);\n};\n// Change OTP value at focused input\nconst changeCodeAtFocus = (val: number | string) => {\n  oldOtp.value = [...value.value];\n\n  value.value[focusIndexValue.value] = val;\n  value.value = cloneDeep(value.value);\n\n  const oldOtpStr = oldOtp.value.join('');\n  const otpStr = value.value.join('');\n  if (oldOtpStr !== otpStr) {\n    emit('change', otpStr);\n    checkFilledAllInputs();\n  }\n};\n// Handle pasted OTP\nconst handleOnPaste = (event: any) => {\n  event.preventDefault();\n  const pastedData = event.clipboardData\n    .getData('text/plain')\n    .slice(0, props.numInputs - focusIndexValue.value)\n    .split('');\n  if (!pastedData.join('').match(/^\\d+$/)) {\n    return 'Invalid pasted data';\n  }\n\n  // Paste data from focused input onwards\n  const currentCharsInOtp = value.value.slice(0, focusIndexValue.value);\n  const combinedWithPastedData = currentCharsInOtp.concat(pastedData);\n\n  combinedWithPastedData.slice(0, props.numInputs).forEach((val, i) => {\n    value.value[i] = val;\n  });\n\n  focusInput(combinedWithPastedData.slice(0, props.numInputs).length);\n\n  // Update modelValue when data is pasted from keyboard\n  emit('update:modelValue', value.value.join(''));\n  // Check if `complete`\n  return checkFilledAllInputs();\n};\nconst handleOnChange = (val: string) => {\n  changeCodeAtFocus(val);\n  focusNextInput();\n};\n// Handle cases of backspace, delete, left arrow, right arrow\nconst handleOnKeyDown = (event: KeyboardEvent) => {\n  switch (event.key) {\n    case 'Backspace':\n      event.preventDefault();\n      changeCodeAtFocus('');\n      focusPrevInput();\n      break;\n    case 'Delete':\n      event.preventDefault();\n      changeCodeAtFocus('');\n      break;\n    case 'ArrowLeft':\n      event.preventDefault();\n      focusPrevInput();\n      break;\n    case 'ArrowRight':\n      event.preventDefault();\n      focusNextInput();\n      break;\n    default:\n      break;\n  }\n};\nconst handleOnKeyUp = () => {\n  validate();\n};\n//#endregion\n\n__expose({ validate, focus });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.numInputs, (_, i) => {\n        return (_openBlock(), _createBlock(BOtpFieldBox, {\n          key: i,\n          ref_for: true,\n          ref_key: \"boxRefs\",\n          ref: boxRefs,\n          class: _normalizeClass(inputCssClassValue.value),\n          focus: focusIndexValue.value === i,\n          \"is-disabled\": _ctx.disabled,\n          value: value.value[i],\n          onOnChange: handleOnChange,\n          onOnKeydown: handleOnKeyDown,\n          onOnKeyup: handleOnKeyUp,\n          onOnPaste: handleOnPaste,\n          onOnFocus: ($event: any) => (handleOnFocus(i)),\n          onOnBlur: handleOnBlur\n        }, null, 8, [\"class\", \"focus\", \"is-disabled\", \"value\", \"onOnFocus\"]))\n      }), 128))\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","__emit","props","emit","t","useI18n","validateRequired","val","fIndex","ref","oldOtp","boxRefs","handleOnFocus","index","focusIndexValue","handleOnBlur","id","computed","uuid","value","originalValue","vRules","result","inputCssClassValue","validationResult","validate","useValidationField","focus","checkFilledAllInputs","focusInput","input","focusNextInput","focusPrevInput","changeCodeAtFocus","cloneDeep","oldOtpStr","otpStr","handleOnPaste","event","pastedData","combinedWithPastedData","i","handleOnChange","handleOnKeyDown","handleOnKeyUp","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_","_createBlock","BOtpFieldBox","_normalizeClass","$event","_createCommentVNode","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system20.js","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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"}

package/dist/design-system20.mjs

@@ -1,127 +1,127 @@
-import { defineComponent as L, ref as f, computed as l, openBlock as d, createElementBlock as k, createElementVNode as S, Fragment as W, renderList as z, createBlock as C, normalizeClass as U, unref as G, createCommentVNode as H } from "vue";
-import J from "./design-system31.mjs";
-import { useValidationField as Q } from "./design-system3.mjs";
-import { useI18n as T } from "./design-system52.mjs";
-import X from "./design-system105.mjs";
-import Y from "./design-system103.mjs";
-import Z from "./design-system106.mjs";
-const ee = { class: "ds-flex ds-items-center ds-justify-center ds-space-x-2" }, re = /* @__PURE__ */ L({
-  __name: "BOtpField",
+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", {
+  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
+], z = /* @__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: "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" })
+], -1), $ = [
+  z
+], V = 1, g = "...", E = /* @__PURE__ */ P({
+  __name: "BPagination",
   props: {
-    inputId: { default: "" },
-    modelValue: { default: "" },
-    numInputs: { default: 6 },
-    focusIndex: { default: void 0 },
-    disabled: { type: Boolean, default: !1 },
-    inputCssClass: { default: "" },
-    validationRules: { default: void 0 },
-    required: { type: Boolean, default: !1 },
-    requiredErrorMessage: { default: "" },
-    hideDetails: { type: Boolean, default: !1 }
+    modelValue: {},
+    numberOfPages: {},
+    border: { type: Boolean, default: !1 },
+    transparent: { type: Boolean, default: !1 },
+    size: { default: p.Medium }
   },
-  emits: ["complete", "change", "update:focusIndex", "update:modelValue"],
-  setup(D, { expose: _, emit: y }) {
-    const t = D, o = y, { t: V } = T(), B = {
-      validateRule: (e) => !!e,
-      errorMessage: () => t.requiredErrorMessage || V("ds.global.field_required")
-    }, p = f(0), m = f([]), v = f(null), R = (e) => {
-      a.value = e;
-    }, j = () => {
-      a.value = -1;
-    }, F = l(() => t.inputId || `id-${Y()}`), s = l({
+  emits: ["change", "update:modelValue"],
+  setup(b, { emit: w }) {
+    const d = b, v = w, e = f({
       get() {
-        return t.modelValue.split("");
+        return d.modelValue + 1;
       },
-      set(e) {
-        o("update:modelValue", e.join(""));
+      set(l) {
+        v("update:modelValue", l - 1);
       }
-    }), q = l(() => t.modelValue), a = l({
-      get() {
-        return t.focusIndex !== void 0 ? t.focusIndex : p.value;
-      },
-      set(e) {
-        t.focusIndex !== void 0 ? o("update:focusIndex", e) : p.value = e;
-      }
-    }), w = l(() => {
-      let e = [];
-      return t.required && e.push(B), t.validationRules && (e = e.concat(t.validationRules)), e.length ? e : void 0;
-    }), M = l(() => [
-      t.disabled ? "ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]" : "ds-text-black/[0.85]",
-      g.value.valid ? "ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus" : "ds-border-error focus:ds-ring-1 focus:ds-ring-error",
-      t.inputCssClass
-    ]), { validate: h, validationResult: g } = Q(
-      F.value,
-      q,
-      w.value
-    ), E = () => {
-      v.value[a.value].focus();
-    }, I = () => s.value.join("").length === t.numInputs ? o("complete", s.value.join("")) : "Wait until the user enters the required number of characters", c = (e) => {
-      a.value = Math.max(Math.min(t.numInputs - 1, e), 0);
-    }, b = () => {
-      c(a.value + 1);
-    }, O = () => {
-      c(a.value - 1);
-    }, i = (e) => {
-      m.value = [...s.value], s.value[a.value] = e, s.value = Z(s.value);
-      const u = m.value.join(""), r = s.value.join("");
-      u !== r && (o("change", r), I());
-    }, $ = (e) => {
-      e.preventDefault();
-      const u = e.clipboardData.getData("text/plain").slice(0, t.numInputs - a.value).split("");
-      if (!u.join("").match(/^\d+$/))
-        return "Invalid pasted data";
-      const n = s.value.slice(0, a.value).concat(u);
-      return n.slice(0, t.numInputs).forEach((x, N) => {
-        s.value[N] = x;
-      }), c(n.slice(0, t.numInputs).length), o("update:modelValue", s.value.join("")), I();
-    }, A = (e) => {
-      i(e), b();
-    }, K = (e) => {
-      switch (e.key) {
-        case "Backspace":
-          e.preventDefault(), i(""), O();
-          break;
-        case "Delete":
-          e.preventDefault(), i("");
-          break;
-        case "ArrowLeft":
-          e.preventDefault(), O();
+    }), t = f(() => {
+      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:
+          l += "ds-w-8 ds-h-8 ";
           break;
-        case "ArrowRight":
-          e.preventDefault(), b();
+        case p.Medium:
+        default:
+          l += "ds-w-10 ds-h-10 ";
           break;
       }
-    }, P = () => {
-      h();
-    };
-    return _({ validate: h, focus: E }), (e, u) => (d(), k("div", null, [
-      S("div", ee, [
-        (d(!0), k(W, null, z(e.numInputs, (r, n) => (d(), C(X, {
-          key: n,
-          ref_for: !0,
-          ref_key: "boxRefs",
-          ref: v,
-          class: U(M.value),
-          focus: a.value === n,
-          "is-disabled": e.disabled,
-          value: s.value[n],
-          onOnChange: A,
-          onOnKeydown: K,
-          onOnKeyup: P,
-          onOnPaste: $,
-          onOnFocus: (x) => R(n),
-          onOnBlur: j
-        }, null, 8, ["class", "focus", "is-disabled", "value", "onOnFocus"]))), 128))
-      ]),
-      e.hideDetails ? H("", !0) : (d(), C(J, {
-        key: 0,
-        "error-message": G(g).errorMessage(),
-        class: "ds-mt-1"
-      }, null, 8, ["error-message"]))
+      return l;
+    }), c = (l) => {
+      e.value = l, v("change", e.value);
+    }, k = () => {
+      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"}`;
+    return (l, a) => (C(), O("nav", null, [
+      s("ul", B, [
+        s("li", {
+          class: n([[t.value, r(!1)], "ds-ml-0 ds-cursor-pointer"]),
+          onClick: k
+        }, x, 2),
+        s("li", {
+          class: n([[r(e.value === 1), t.value], "ds-cursor-pointer"]),
+          onClick: a[0] || (a[0] = (m) => c(1))
+        }, [
+          s("a", null, u(V))
+        ], 2),
+        o(s("li", {
+          class: n([[t.value], "ds-cursor-default"])
+        }, [
+          s("a", null, u(g))
+        ], 2), [
+          [i, e.value > 3]
+        ]),
+        o(s("li", {
+          class: n([[t.value, r(!1)], "ds-cursor-pointer"]),
+          onClick: a[1] || (a[1] = (m) => c(e.value - 1))
+        }, [
+          s("a", null, u(e.value - 1), 1)
+        ], 2), [
+          [i, e.value > 2]
+        ]),
+        o(s("li", {
+          class: n([[t.value, r()], "ds-cursor-pointer"]),
+          onClick: a[2] || (a[2] = (m) => c(e.value))
+        }, [
+          s("a", null, u(e.value), 1)
+        ], 2), [
+          [i, e.value !== 1 && e.value !== l.numberOfPages]
+        ]),
+        o(s("li", {
+          class: n([[t.value, r(!1)], "ds-cursor-pointer"]),
+          onClick: a[3] || (a[3] = (m) => c(e.value + 1))
+        }, [
+          s("a", null, u(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))
+        ], 2), [
+          [i, e.value < l.numberOfPages - 2]
+        ]),
+        o(s("li", {
+          class: n([[t.value, r(e.value === l.numberOfPages)], "ds-cursor-pointer"]),
+          onClick: a[4] || (a[4] = (m) => c(l.numberOfPages))
+        }, [
+          s("a", null, u(l.numberOfPages), 1)
+        ], 2), [
+          [i, l.numberOfPages > 1]
+        ]),
+        s("li", {
+          class: n([[t.value, r(!1)], "ds-cursor-pointer"]),
+          onClick: h
+        }, $, 2)
+      ])
     ]));
   }
 });
 export {
-  re as default
+  E as default
 };
 //# sourceMappingURL=design-system20.mjs.map

package/dist/design-system20.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system20.mjs","sources":["../src/components/BOtpField/BOtpField.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, createBlock as _createBlock, createElementVNode as _createElementVNode, unref as _unref, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex ds-items-center ds-justify-center ds-space-x-2\" }\n\nimport BErrorMessage from '@/components/BErrorMessage.vue';\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { cloneDeep } from 'lodash-es';\nimport { v4 as uuid } from 'uuid';\nimport { computed, ref } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BOtpFieldBox from './BOtpFieldBox.vue';\n\n//#region Props\nexport interface BOtpFieldProps {\n  inputId?: string;\n  modelValue: string;\n  /**\n   * Number of input boxes.\n   */\n  numInputs?: number;\n  /**\n   * Index of input box to be focused.\n   */\n  focusIndex?: number;\n  disabled?: boolean;\n  inputCssClass?: 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\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BOtpField',\n  props: {\n    inputId: { default: '' },\n    modelValue: { default: '' },\n    numInputs: { default: 6 },\n    focusIndex: { default: undefined },\n    disabled: { type: Boolean, default: false },\n    inputCssClass: { default: '' },\n    validationRules: { default: undefined },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false }\n  },\n  emits: [\"complete\", \"change\", \"update:focusIndex\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\n// Sourcecode: https://github.com/ejirocodes/vue3-otp-input\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string) => !!val,\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst fIndex = ref(0);\nconst oldOtp = ref<any[]>([]);\nconst boxRefs = ref<Array<InstanceType<typeof BOtpFieldBox>> | null>(null);\nconst handleOnFocus = (index: number) => {\n  focusIndexValue.value = index;\n};\nconst handleOnBlur = () => {\n  focusIndexValue.value = -1;\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed<any[]>({\n  get() {\n    return props.modelValue.split('');\n  },\n  set(val: any) {\n    emit('update:modelValue', val.join(''));\n  },\n});\nconst originalValue = computed(() => props.modelValue);\nconst focusIndexValue = computed({\n  get() {\n    return props.focusIndex !== undefined ? props.focusIndex : fIndex.value;\n  },\n  set(val: number) {\n    if (props.focusIndex !== undefined) {\n      emit('update:focusIndex', val);\n    } else {\n      fIndex.value = val;\n    }\n  },\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 inputCssClassValue = computed(() => [\n  ...[\n    props.disabled\n      ? 'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]'\n      : 'ds-text-black/[0.85]',\n    validationResult.value.valid\n      ? 'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus'\n      : 'ds-border-error focus:ds-ring-1 focus:ds-ring-error',\n  ],\n  props.inputCssClass,\n]);\n\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  originalValue,\n  vRules.value,\n);\n//#endregion\n\n//#region Methods\nconst focus = () => {\n  boxRefs.value![focusIndexValue.value].focus();\n};\nconst checkFilledAllInputs = () => {\n  if (value.value.join('').length === props.numInputs) {\n    return emit('complete', value.value.join(''));\n  }\n  return 'Wait until the user enters the required number of characters';\n};\n// Focus on input by index\nconst focusInput = (input: number) => {\n  focusIndexValue.value = Math.max(Math.min(props.numInputs - 1, input), 0);\n};\n// Focus on next input\nconst focusNextInput = () => {\n  focusInput(focusIndexValue.value + 1);\n};\n// Focus on previous input\nconst focusPrevInput = () => {\n  focusInput(focusIndexValue.value - 1);\n};\n// Change OTP value at focused input\nconst changeCodeAtFocus = (val: number | string) => {\n  oldOtp.value = [...value.value];\n\n  value.value[focusIndexValue.value] = val;\n  value.value = cloneDeep(value.value);\n\n  const oldOtpStr = oldOtp.value.join('');\n  const otpStr = value.value.join('');\n  if (oldOtpStr !== otpStr) {\n    emit('change', otpStr);\n    checkFilledAllInputs();\n  }\n};\n// Handle pasted OTP\nconst handleOnPaste = (event: any) => {\n  event.preventDefault();\n  const pastedData = event.clipboardData\n    .getData('text/plain')\n    .slice(0, props.numInputs - focusIndexValue.value)\n    .split('');\n  if (!pastedData.join('').match(/^\\d+$/)) {\n    return 'Invalid pasted data';\n  }\n\n  // Paste data from focused input onwards\n  const currentCharsInOtp = value.value.slice(0, focusIndexValue.value);\n  const combinedWithPastedData = currentCharsInOtp.concat(pastedData);\n\n  combinedWithPastedData.slice(0, props.numInputs).forEach((val, i) => {\n    value.value[i] = val;\n  });\n\n  focusInput(combinedWithPastedData.slice(0, props.numInputs).length);\n\n  // Update modelValue when data is pasted from keyboard\n  emit('update:modelValue', value.value.join(''));\n  // Check if `complete`\n  return checkFilledAllInputs();\n};\nconst handleOnChange = (val: string) => {\n  changeCodeAtFocus(val);\n  focusNextInput();\n};\n// Handle cases of backspace, delete, left arrow, right arrow\nconst handleOnKeyDown = (event: KeyboardEvent) => {\n  switch (event.key) {\n    case 'Backspace':\n      event.preventDefault();\n      changeCodeAtFocus('');\n      focusPrevInput();\n      break;\n    case 'Delete':\n      event.preventDefault();\n      changeCodeAtFocus('');\n      break;\n    case 'ArrowLeft':\n      event.preventDefault();\n      focusPrevInput();\n      break;\n    case 'ArrowRight':\n      event.preventDefault();\n      focusNextInput();\n      break;\n    default:\n      break;\n  }\n};\nconst handleOnKeyUp = () => {\n  validate();\n};\n//#endregion\n\n__expose({ validate, focus });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"div\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.numInputs, (_, i) => {\n        return (_openBlock(), _createBlock(BOtpFieldBox, {\n          key: i,\n          ref_for: true,\n          ref_key: \"boxRefs\",\n          ref: boxRefs,\n          class: _normalizeClass(inputCssClassValue.value),\n          focus: focusIndexValue.value === i,\n          \"is-disabled\": _ctx.disabled,\n          value: value.value[i],\n          onOnChange: handleOnChange,\n          onOnKeydown: handleOnKeyDown,\n          onOnKeyup: handleOnKeyUp,\n          onOnPaste: handleOnPaste,\n          onOnFocus: ($event: any) => (handleOnFocus(i)),\n          onOnBlur: handleOnBlur\n        }, null, 8, [\"class\", \"focus\", \"is-disabled\", \"value\", \"onOnFocus\"]))\n      }), 128))\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","__emit","props","emit","t","useI18n","validateRequired","val","fIndex","ref","oldOtp","boxRefs","handleOnFocus","index","focusIndexValue","handleOnBlur","id","computed","uuid","value","originalValue","vRules","result","inputCssClassValue","validationResult","validate","useValidationField","focus","checkFilledAllInputs","focusInput","input","focusNextInput","focusPrevInput","changeCodeAtFocus","cloneDeep","oldOtpStr","otpStr","handleOnPaste","event","pastedData","combinedWithPastedData","i","handleOnChange","handleOnKeyDown","handleOnKeyUp","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","_","_createBlock","BOtpFieldBox","_normalizeClass","$event","_createCommentVNode","BErrorMessage","_unref"],"mappings":";;;;;;;AAGA,MAAMA,KAAa,EAAE,OAAO,4DA2CAC,KAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,EAAE,SAAS,GAAG;AAAA,IACvB,YAAY,EAAE,SAAS,GAAG;AAAA,IAC1B,WAAW,EAAE,SAAS,EAAE;AAAA,IACxB,YAAY,EAAE,SAAS,OAAU;AAAA,IACjC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,eAAe,EAAE,SAAS,GAAG;AAAA,IAC7B,iBAAiB,EAAE,SAAS,OAAU;AAAA,IACtC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC1C,sBAAsB,EAAE,SAAS,GAAG;AAAA,IACpC,aAAa,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC/C;AAAA,EACA,OAAO,CAAC,YAAY,UAAU,qBAAqB,mBAAmB;AAAA,EACtE,MAAMC,GAAc,EAAE,QAAQC,GAAU,MAAMC,KAAU;AAG1D,UAAMC,IAAQH,GAIRI,IAAOF,GAIP,EAAE,GAAAG,MAAMC,KACRC,IAAmC;AAAA,MACvC,cAAc,CAACC,MAAgB,CAAC,CAACA;AAAA,MACjC,cAAc,MACZL,EAAM,wBAAwBE,EAAE,0BAA0B;AAAA,IAAA,GAExDI,IAASC,EAAI,CAAC,GACdC,IAASD,EAAW,CAAA,CAAE,GACtBE,IAAUF,EAAqD,IAAI,GACnEG,IAAgB,CAACC,MAAkB;AACvC,MAAAC,EAAgB,QAAQD;AAAA,IAAA,GAEpBE,IAAe,MAAM;AACzB,MAAAD,EAAgB,QAAQ;AAAA,IAAA,GAEpBE,IAAKC,EAAS,MAAMf,EAAM,WAAW,MAAMgB,GAAM,EAAE,GACnDC,IAAQF,EAAgB;AAAA,MAC5B,MAAM;AACG,eAAAf,EAAM,WAAW,MAAM,EAAE;AAAA,MAClC;AAAA,MACA,IAAIK,GAAU;AACZ,QAAAJ,EAAK,qBAAqBI,EAAI,KAAK,EAAE,CAAC;AAAA,MACxC;AAAA,IAAA,CACD,GACKa,IAAgBH,EAAS,MAAMf,EAAM,UAAU,GAC/CY,IAAkBG,EAAS;AAAA,MAC/B,MAAM;AACJ,eAAOf,EAAM,eAAe,SAAYA,EAAM,aAAaM,EAAO;AAAA,MACpE;AAAA,MACA,IAAID,GAAa;AACX,QAAAL,EAAM,eAAe,SACvBC,EAAK,qBAAqBI,CAAG,IAE7BC,EAAO,QAAQD;AAAA,MAEnB;AAAA,IAAA,CACD,GACKc,IAASJ,EAAS,MAAM;AAC5B,UAAIK,IAA2B,CAAA;AAE/B,aAAIpB,EAAM,YACRoB,EAAO,KAAKhB,CAAgB,GAE1BJ,EAAM,oBACCoB,IAAAA,EAAO,OAAOpB,EAAM,eAAe,IAGvCoB,EAAO,SAASA,IAAS;AAAA,IAAA,CACjC,GACKC,IAAqBN,EAAS,MAAM;AAAA,MAEtCf,EAAM,WACF,8DACA;AAAA,MACJsB,EAAiB,MAAM,QACnB,oFACA;AAAA,MAENtB,EAAM;AAAA,IAAA,CACP,GAEK,EAAE,UAAAuB,GAAU,kBAAAD,EAAA,IAAqBE;AAAA,MACrCV,EAAG;AAAA,MACHI;AAAA,MACAC,EAAO;AAAA,IAAA,GAKHM,IAAQ,MAAM;AAClB,MAAAhB,EAAQ,MAAOG,EAAgB,KAAK,EAAE,MAAM;AAAA,IAAA,GAExCc,IAAuB,MACvBT,EAAM,MAAM,KAAK,EAAE,EAAE,WAAWjB,EAAM,YACjCC,EAAK,YAAYgB,EAAM,MAAM,KAAK,EAAE,CAAC,IAEvC,gEAGHU,IAAa,CAACC,MAAkB;AACpB,MAAAhB,EAAA,QAAQ,KAAK,IAAI,KAAK,IAAIZ,EAAM,YAAY,GAAG4B,CAAK,GAAG,CAAC;AAAA,IAAA,GAGpEC,IAAiB,MAAM;AAChB,MAAAF,EAAAf,EAAgB,QAAQ,CAAC;AAAA,IAAA,GAGhCkB,IAAiB,MAAM;AAChB,MAAAH,EAAAf,EAAgB,QAAQ,CAAC;AAAA,IAAA,GAGhCmB,IAAoB,CAAC1B,MAAyB;AAClD,MAAAG,EAAO,QAAQ,CAAC,GAAGS,EAAM,KAAK,GAExBA,EAAA,MAAML,EAAgB,KAAK,IAAIP,GAC/BY,EAAA,QAAQe,EAAUf,EAAM,KAAK;AAEnC,YAAMgB,IAAYzB,EAAO,MAAM,KAAK,EAAE,GAChC0B,IAASjB,EAAM,MAAM,KAAK,EAAE;AAClC,MAAIgB,MAAcC,MAChBjC,EAAK,UAAUiC,CAAM,GACAR;IACvB,GAGIS,IAAgB,CAACC,MAAe;AACpC,MAAAA,EAAM,eAAe;AACrB,YAAMC,IAAaD,EAAM,cACtB,QAAQ,YAAY,EACpB,MAAM,GAAGpC,EAAM,YAAYY,EAAgB,KAAK,EAChD,MAAM,EAAE;AACX,UAAI,CAACyB,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO;AAC7B,eAAA;AAKH,YAAAC,IADoBrB,EAAM,MAAM,MAAM,GAAGL,EAAgB,KAAK,EACnB,OAAOyB,CAAU;AAE3C,aAAAC,EAAA,MAAM,GAAGtC,EAAM,SAAS,EAAE,QAAQ,CAACK,GAAKkC,MAAM;AAC7D,QAAAtB,EAAA,MAAMsB,CAAC,IAAIlC;AAAA,MAAA,CAClB,GAEDsB,EAAWW,EAAuB,MAAM,GAAGtC,EAAM,SAAS,EAAE,MAAM,GAGlEC,EAAK,qBAAqBgB,EAAM,MAAM,KAAK,EAAE,CAAC,GAEvCS,EAAqB;AAAA,IAAA,GAExBc,IAAiB,CAACnC,MAAgB;AACtC,MAAA0B,EAAkB1B,CAAG,GACNwB;IAAA,GAGXY,IAAkB,CAACL,MAAyB;AAChD,cAAQA,EAAM,KAAK;AAAA,QACjB,KAAK;AACH,UAAAA,EAAM,eAAe,GACrBL,EAAkB,EAAE,GACLD;AACf;AAAA,QACF,KAAK;AACH,UAAAM,EAAM,eAAe,GACrBL,EAAkB,EAAE;AACpB;AAAA,QACF,KAAK;AACH,UAAAK,EAAM,eAAe,GACNN;AACf;AAAA,QACF,KAAK;AACH,UAAAM,EAAM,eAAe,GACNP;AACf;AAAA,MAGJ;AAAA,IAAA,GAEIa,IAAgB,MAAM;AACjB,MAAAnB;IAAA;AAIF,WAAAzB,EAAA,EAAE,UAAAyB,GAAU,OAAAE,EAAA,CAAO,GAErB,CAACkB,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO,MAAM;AAAA,MACrDC,EAAoB,OAAOrD,IAAY;AAAA,SACpCmD,EAAW,EAAI,GAAGC,EAAoBE,GAAW,MAAMC,EAAYN,EAAK,WAAW,CAACO,GAAGX,OAC9EM,EAAA,GAAcM,EAAaC,GAAc;AAAA,UAC/C,KAAKb;AAAA,UACL,SAAS;AAAA,UACT,SAAS;AAAA,UACT,KAAK9B;AAAA,UACL,OAAO4C,EAAgBhC,EAAmB,KAAK;AAAA,UAC/C,OAAOT,EAAgB,UAAU2B;AAAA,UACjC,eAAeI,EAAK;AAAA,UACpB,OAAO1B,EAAM,MAAMsB,CAAC;AAAA,UACpB,YAAYC;AAAA,UACZ,aAAaC;AAAA,UACb,WAAWC;AAAA,UACX,WAAWP;AAAA,UACX,WAAW,CAACmB,MAAiB5C,EAAc6B,CAAC;AAAA,UAC5C,UAAU1B;AAAA,QAAA,GACT,MAAM,GAAG,CAAC,SAAS,SAAS,eAAe,SAAS,WAAW,CAAC,EACpE,GAAG,GAAG;AAAA,MAAA,CACR;AAAA,MACC8B,EAAK,cAMHY,EAAoB,IAAI,EAAI,KAL3BV,EAAW,GAAGM,EAAaK,GAAe;AAAA,QACzC,KAAK;AAAA,QACL,iBAAiBC,EAAOnC,CAAgB,EAAE,aAAa;AAAA,QACvD,OAAO;AAAA,MAAA,GACN,MAAM,GAAG,CAAC,eAAe,CAAC;AAAA,IACD,CACjC;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system20.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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"}

package/dist/design-system200.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("./design-system199.js");function s(){this.__data__=new t,this.size=0}module.exports=s;
+"use strict";function e(r){var n=[];if(r!=null)for(var t in Object(r))n.push(t);return n}module.exports=e;
 //# sourceMappingURL=design-system200.js.map

package/dist/design-system200.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system200.js","sources":["../node_modules/lodash-es/_stackClear.js"],"sourcesContent":["import ListCache from './_ListCache.js';\n\n/**\n * Removes all key-value entries from the stack.\n *\n * @private\n * @name clear\n * @memberOf Stack\n */\nfunction stackClear() {\n  this.__data__ = new ListCache;\n  this.size = 0;\n}\n\nexport default stackClear;\n"],"names":["stackClear","ListCache"],"mappings":"sDASA,SAASA,GAAa,CACpB,KAAK,SAAW,IAAIC,EACpB,KAAK,KAAO,CACd","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system200.js","sources":["../node_modules/lodash-es/_nativeKeysIn.js"],"sourcesContent":["/**\n * This function is like\n * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)\n * except that it includes inherited enumerable properties.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n */\nfunction nativeKeysIn(object) {\n  var result = [];\n  if (object != null) {\n    for (var key in Object(object)) {\n      result.push(key);\n    }\n  }\n  return result;\n}\n\nexport default nativeKeysIn;\n"],"names":["nativeKeysIn","object","result","key"],"mappings":"aASA,SAASA,EAAaC,EAAQ,CAC5B,IAAIC,EAAS,CAAA,EACb,GAAID,GAAU,KACZ,QAASE,KAAO,OAAOF,CAAM,EAC3BC,EAAO,KAAKC,CAAG,EAGnB,OAAOD,CACT","x_google_ignoreList":[0]}

package/dist/design-system200.mjs

@@ -1,8 +1,11 @@
-import t from "./design-system199.mjs";
-function e() {
-  this.__data__ = new t(), this.size = 0;
+function t(n) {
+  var r = [];
+  if (n != null)
+    for (var e in Object(n))
+      r.push(e);
+  return r;
 }
 export {
-  e as default
+  t as default
 };
 //# sourceMappingURL=design-system200.mjs.map

package/dist/design-system200.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system200.mjs","sources":["../node_modules/lodash-es/_stackClear.js"],"sourcesContent":["import ListCache from './_ListCache.js';\n\n/**\n * Removes all key-value entries from the stack.\n *\n * @private\n * @name clear\n * @memberOf Stack\n */\nfunction stackClear() {\n  this.__data__ = new ListCache;\n  this.size = 0;\n}\n\nexport default stackClear;\n"],"names":["stackClear","ListCache"],"mappings":";AASA,SAASA,IAAa;AACpB,OAAK,WAAW,IAAIC,KACpB,KAAK,OAAO;AACd;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system200.mjs","sources":["../node_modules/lodash-es/_nativeKeysIn.js"],"sourcesContent":["/**\n * This function is like\n * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)\n * except that it includes inherited enumerable properties.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of property names.\n */\nfunction nativeKeysIn(object) {\n  var result = [];\n  if (object != null) {\n    for (var key in Object(object)) {\n      result.push(key);\n    }\n  }\n  return result;\n}\n\nexport default nativeKeysIn;\n"],"names":["nativeKeysIn","object","result","key"],"mappings":"AASA,SAASA,EAAaC,GAAQ;AAC5B,MAAIC,IAAS,CAAA;AACb,MAAID,KAAU;AACZ,aAASE,KAAO,OAAOF,CAAM;AAC3B,MAAAC,EAAO,KAAKC,CAAG;AAGnB,SAAOD;AACT;","x_google_ignoreList":[0]}

package/dist/design-system201.js

@@ -1,2 +1,2 @@
-"use strict";function a(e){var t=this.__data__,s=t.delete(e);return this.size=t.size,s}module.exports=a;
+"use strict";const p=require("./design-system202.js"),c=require("./design-system203.js"),h=require("./design-system204.js"),s=require("./design-system205.js"),l=require("./design-system206.js");function e(t){var a=-1,o=t==null?0:t.length;for(this.clear();++a<o;){var r=t[a];this.set(r[0],r[1])}}e.prototype.clear=p;e.prototype.delete=c;e.prototype.get=h;e.prototype.has=s;e.prototype.set=l;module.exports=e;
 //# sourceMappingURL=design-system201.js.map

package/dist/design-system201.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system201.js","sources":["../node_modules/lodash-es/_stackDelete.js"],"sourcesContent":["/**\n * Removes `key` and its value from the stack.\n *\n * @private\n * @name delete\n * @memberOf Stack\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 stackDelete(key) {\n  var data = this.__data__,\n      result = data['delete'](key);\n\n  this.size = data.size;\n  return result;\n}\n\nexport default stackDelete;\n"],"names":["stackDelete","key","data","result"],"mappings":"aASA,SAASA,EAAYC,EAAK,CACxB,IAAIC,EAAO,KAAK,SACZC,EAASD,EAAK,OAAUD,CAAG,EAE/B,YAAK,KAAOC,EAAK,KACVC,CACT","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system201.js","sources":["../node_modules/lodash-es/_MapCache.js"],"sourcesContent":["import mapCacheClear from './_mapCacheClear.js';\nimport mapCacheDelete from './_mapCacheDelete.js';\nimport mapCacheGet from './_mapCacheGet.js';\nimport mapCacheHas from './_mapCacheHas.js';\nimport mapCacheSet from './_mapCacheSet.js';\n\n/**\n * Creates a map cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction MapCache(entries) {\n  var index = -1,\n      length = entries == null ? 0 : entries.length;\n\n  this.clear();\n  while (++index < length) {\n    var entry = entries[index];\n    this.set(entry[0], entry[1]);\n  }\n}\n\n// Add methods to `MapCache`.\nMapCache.prototype.clear = mapCacheClear;\nMapCache.prototype['delete'] = mapCacheDelete;\nMapCache.prototype.get = mapCacheGet;\nMapCache.prototype.has = mapCacheHas;\nMapCache.prototype.set = mapCacheSet;\n\nexport default MapCache;\n"],"names":["MapCache","entries","index","length","entry","mapCacheClear","mapCacheDelete","mapCacheGet","mapCacheHas","mapCacheSet"],"mappings":"kMAaA,SAASA,EAASC,EAAS,CACzB,IAAIC,EAAQ,GACRC,EAASF,GAAW,KAAO,EAAIA,EAAQ,OAG3C,IADA,KAAK,MAAK,EACH,EAAEC,EAAQC,GAAQ,CACvB,IAAIC,EAAQH,EAAQC,CAAK,EACzB,KAAK,IAAIE,EAAM,CAAC,EAAGA,EAAM,CAAC,CAAC,CAC5B,CACH,CAGAJ,EAAS,UAAU,MAAQK,EAC3BL,EAAS,UAAU,OAAYM,EAC/BN,EAAS,UAAU,IAAMO,EACzBP,EAAS,UAAU,IAAMQ,EACzBR,EAAS,UAAU,IAAMS","x_google_ignoreList":[0]}

package/dist/design-system201.mjs

@@ -1,8 +1,21 @@
-function s(t) {
-  var e = this.__data__, a = e.delete(t);
-  return this.size = e.size, a;
+import r from "./design-system202.mjs";
+import m from "./design-system203.mjs";
+import h from "./design-system204.mjs";
+import l from "./design-system205.mjs";
+import c from "./design-system206.mjs";
+function e(t) {
+  var o = -1, a = t == null ? 0 : t.length;
+  for (this.clear(); ++o < a; ) {
+    var p = t[o];
+    this.set(p[0], p[1]);
+  }
 }
+e.prototype.clear = r;
+e.prototype.delete = m;
+e.prototype.get = h;
+e.prototype.has = l;
+e.prototype.set = c;
 export {
-  s as default
+  e as default
 };
 //# sourceMappingURL=design-system201.mjs.map

package/dist/design-system201.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system201.mjs","sources":["../node_modules/lodash-es/_stackDelete.js"],"sourcesContent":["/**\n * Removes `key` and its value from the stack.\n *\n * @private\n * @name delete\n * @memberOf Stack\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 stackDelete(key) {\n  var data = this.__data__,\n      result = data['delete'](key);\n\n  this.size = data.size;\n  return result;\n}\n\nexport default stackDelete;\n"],"names":["stackDelete","key","data","result"],"mappings":"AASA,SAASA,EAAYC,GAAK;AACxB,MAAIC,IAAO,KAAK,UACZC,IAASD,EAAK,OAAUD,CAAG;AAE/B,cAAK,OAAOC,EAAK,MACVC;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system201.mjs","sources":["../node_modules/lodash-es/_MapCache.js"],"sourcesContent":["import mapCacheClear from './_mapCacheClear.js';\nimport mapCacheDelete from './_mapCacheDelete.js';\nimport mapCacheGet from './_mapCacheGet.js';\nimport mapCacheHas from './_mapCacheHas.js';\nimport mapCacheSet from './_mapCacheSet.js';\n\n/**\n * Creates a map cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction MapCache(entries) {\n  var index = -1,\n      length = entries == null ? 0 : entries.length;\n\n  this.clear();\n  while (++index < length) {\n    var entry = entries[index];\n    this.set(entry[0], entry[1]);\n  }\n}\n\n// Add methods to `MapCache`.\nMapCache.prototype.clear = mapCacheClear;\nMapCache.prototype['delete'] = mapCacheDelete;\nMapCache.prototype.get = mapCacheGet;\nMapCache.prototype.has = mapCacheHas;\nMapCache.prototype.set = mapCacheSet;\n\nexport default MapCache;\n"],"names":["MapCache","entries","index","length","entry","mapCacheClear","mapCacheDelete","mapCacheGet","mapCacheHas","mapCacheSet"],"mappings":";;;;;AAaA,SAASA,EAASC,GAAS;AACzB,MAAIC,IAAQ,IACRC,IAASF,KAAW,OAAO,IAAIA,EAAQ;AAG3C,OADA,KAAK,MAAK,GACH,EAAEC,IAAQC,KAAQ;AACvB,QAAIC,IAAQH,EAAQC,CAAK;AACzB,SAAK,IAAIE,EAAM,CAAC,GAAGA,EAAM,CAAC,CAAC;AAAA,EAC5B;AACH;AAGAJ,EAAS,UAAU,QAAQK;AAC3BL,EAAS,UAAU,SAAYM;AAC/BN,EAAS,UAAU,MAAMO;AACzBP,EAAS,UAAU,MAAMQ;AACzBR,EAAS,UAAU,MAAMS;","x_google_ignoreList":[0]}

package/dist/design-system202.js

@@ -1,2 +1,2 @@
-"use strict";function e(t){return this.__data__.get(t)}module.exports=e;
+"use strict";const e=require("./design-system223.js"),s=require("./design-system210.js"),t=require("./design-system189.js");function a(){this.size=0,this.__data__={hash:new e,map:new(t||s),string:new e}}module.exports=a;
 //# sourceMappingURL=design-system202.js.map

package/dist/design-system202.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system202.js","sources":["../node_modules/lodash-es/_stackGet.js"],"sourcesContent":["/**\n * Gets the stack value for `key`.\n *\n * @private\n * @name get\n * @memberOf Stack\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction stackGet(key) {\n  return this.__data__.get(key);\n}\n\nexport default stackGet;\n"],"names":["stackGet","key"],"mappings":"aASA,SAASA,EAASC,EAAK,CACrB,OAAO,KAAK,SAAS,IAAIA,CAAG,CAC9B","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system202.js","sources":["../node_modules/lodash-es/_mapCacheClear.js"],"sourcesContent":["import Hash from './_Hash.js';\nimport ListCache from './_ListCache.js';\nimport Map from './_Map.js';\n\n/**\n * Removes all key-value entries from the map.\n *\n * @private\n * @name clear\n * @memberOf MapCache\n */\nfunction mapCacheClear() {\n  this.size = 0;\n  this.__data__ = {\n    'hash': new Hash,\n    'map': new (Map || ListCache),\n    'string': new Hash\n  };\n}\n\nexport default mapCacheClear;\n"],"names":["mapCacheClear","Hash","Map","ListCache"],"mappings":"4HAWA,SAASA,GAAgB,CACvB,KAAK,KAAO,EACZ,KAAK,SAAW,CACd,KAAQ,IAAIC,EACZ,IAAO,IAAKC,GAAOC,GACnB,OAAU,IAAIF,CAClB,CACA","x_google_ignoreList":[0]}

package/dist/design-system202.mjs

@@ -1,7 +1,14 @@
-function a(t) {
-  return this.__data__.get(t);
+import a from "./design-system223.mjs";
+import t from "./design-system210.mjs";
+import e from "./design-system189.mjs";
+function o() {
+  this.size = 0, this.__data__ = {
+    hash: new a(),
+    map: new (e || t)(),
+    string: new a()
+  };
 }
 export {
-  a as default
+  o as default
 };
 //# sourceMappingURL=design-system202.mjs.map

package/dist/design-system202.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system202.mjs","sources":["../node_modules/lodash-es/_stackGet.js"],"sourcesContent":["/**\n * Gets the stack value for `key`.\n *\n * @private\n * @name get\n * @memberOf Stack\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction stackGet(key) {\n  return this.__data__.get(key);\n}\n\nexport default stackGet;\n"],"names":["stackGet","key"],"mappings":"AASA,SAASA,EAASC,GAAK;AACrB,SAAO,KAAK,SAAS,IAAIA,CAAG;AAC9B;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system202.mjs","sources":["../node_modules/lodash-es/_mapCacheClear.js"],"sourcesContent":["import Hash from './_Hash.js';\nimport ListCache from './_ListCache.js';\nimport Map from './_Map.js';\n\n/**\n * Removes all key-value entries from the map.\n *\n * @private\n * @name clear\n * @memberOf MapCache\n */\nfunction mapCacheClear() {\n  this.size = 0;\n  this.__data__ = {\n    'hash': new Hash,\n    'map': new (Map || ListCache),\n    'string': new Hash\n  };\n}\n\nexport default mapCacheClear;\n"],"names":["mapCacheClear","Hash","Map","ListCache"],"mappings":";;;AAWA,SAASA,IAAgB;AACvB,OAAK,OAAO,GACZ,KAAK,WAAW;AAAA,IACd,MAAQ,IAAIC;AAAA,IACZ,KAAO,KAAKC,KAAOC;AAAA,IACnB,QAAU,IAAIF;AAAA,EAClB;AACA;","x_google_ignoreList":[0]}

package/dist/design-system203.js

@@ -1,2 +1,2 @@
-"use strict";function s(t){return this.__data__.has(t)}module.exports=s;
+"use strict";const r=require("./design-system224.js");function s(e){var t=r(this,e).delete(e);return this.size-=t?1:0,t}module.exports=s;
 //# sourceMappingURL=design-system203.js.map

package/dist/design-system203.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system203.js","sources":["../node_modules/lodash-es/_stackHas.js"],"sourcesContent":["/**\n * Checks if a stack value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf Stack\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 stackHas(key) {\n  return this.__data__.has(key);\n}\n\nexport default stackHas;\n"],"names":["stackHas","key"],"mappings":"aASA,SAASA,EAASC,EAAK,CACrB,OAAO,KAAK,SAAS,IAAIA,CAAG,CAC9B","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system203.js","sources":["../node_modules/lodash-es/_mapCacheDelete.js"],"sourcesContent":["import getMapData from './_getMapData.js';\n\n/**\n * Removes `key` and its value from the map.\n *\n * @private\n * @name delete\n * @memberOf MapCache\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 mapCacheDelete(key) {\n  var result = getMapData(this, key)['delete'](key);\n  this.size -= result ? 1 : 0;\n  return result;\n}\n\nexport default mapCacheDelete;\n"],"names":["mapCacheDelete","key","result","getMapData"],"mappings":"sDAWA,SAASA,EAAeC,EAAK,CAC3B,IAAIC,EAASC,EAAW,KAAMF,CAAG,EAAE,OAAUA,CAAG,EAChD,YAAK,MAAQC,EAAS,EAAI,EACnBA,CACT","x_google_ignoreList":[0]}

package/dist/design-system203.mjs

@@ -1,7 +1,9 @@
-function t(a) {
-  return this.__data__.has(a);
+import a from "./design-system224.mjs";
+function i(e) {
+  var t = a(this, e).delete(e);
+  return this.size -= t ? 1 : 0, t;
 }
 export {
-  t as default
+  i as default
 };
 //# sourceMappingURL=design-system203.mjs.map

package/dist/design-system203.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system203.mjs","sources":["../node_modules/lodash-es/_stackHas.js"],"sourcesContent":["/**\n * Checks if a stack value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf Stack\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 stackHas(key) {\n  return this.__data__.has(key);\n}\n\nexport default stackHas;\n"],"names":["stackHas","key"],"mappings":"AASA,SAASA,EAASC,GAAK;AACrB,SAAO,KAAK,SAAS,IAAIA,CAAG;AAC9B;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system203.mjs","sources":["../node_modules/lodash-es/_mapCacheDelete.js"],"sourcesContent":["import getMapData from './_getMapData.js';\n\n/**\n * Removes `key` and its value from the map.\n *\n * @private\n * @name delete\n * @memberOf MapCache\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 mapCacheDelete(key) {\n  var result = getMapData(this, key)['delete'](key);\n  this.size -= result ? 1 : 0;\n  return result;\n}\n\nexport default mapCacheDelete;\n"],"names":["mapCacheDelete","key","result","getMapData"],"mappings":";AAWA,SAASA,EAAeC,GAAK;AAC3B,MAAIC,IAASC,EAAW,MAAMF,CAAG,EAAE,OAAUA,CAAG;AAChD,cAAK,QAAQC,IAAS,IAAI,GACnBA;AACT;","x_google_ignoreList":[0]}

package/dist/design-system204.js

@@ -1,2 +1,2 @@
-"use strict";const _=require("./design-system199.js"),a=require("./design-system178.js"),r=require("./design-system190.js");var n=200;function h(s,i){var t=this.__data__;if(t instanceof _){var e=t.__data__;if(!a||e.length<n-1)return e.push([s,i]),this.size=++t.size,this;t=this.__data__=new r(e)}return t.set(s,i),this.size=t.size,this}module.exports=h;
+"use strict";const e=require("./design-system224.js");function r(t){return e(this,t).get(t)}module.exports=r;
 //# sourceMappingURL=design-system204.js.map

package/dist/design-system204.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system204.js","sources":["../node_modules/lodash-es/_stackSet.js"],"sourcesContent":["import ListCache from './_ListCache.js';\nimport Map from './_Map.js';\nimport MapCache from './_MapCache.js';\n\n/** Used as the size to enable large array optimizations. */\nvar LARGE_ARRAY_SIZE = 200;\n\n/**\n * Sets the stack `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf Stack\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the stack cache instance.\n */\nfunction stackSet(key, value) {\n  var data = this.__data__;\n  if (data instanceof ListCache) {\n    var pairs = data.__data__;\n    if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) {\n      pairs.push([key, value]);\n      this.size = ++data.size;\n      return this;\n    }\n    data = this.__data__ = new MapCache(pairs);\n  }\n  data.set(key, value);\n  this.size = data.size;\n  return this;\n}\n\nexport default stackSet;\n"],"names":["LARGE_ARRAY_SIZE","stackSet","key","value","data","ListCache","pairs","Map","MapCache"],"mappings":"4HAKA,IAAIA,EAAmB,IAYvB,SAASC,EAASC,EAAKC,EAAO,CAC5B,IAAIC,EAAO,KAAK,SAChB,GAAIA,aAAgBC,EAAW,CAC7B,IAAIC,EAAQF,EAAK,SACjB,GAAI,CAACG,GAAQD,EAAM,OAASN,EAAmB,EAC7C,OAAAM,EAAM,KAAK,CAACJ,EAAKC,CAAK,CAAC,EACvB,KAAK,KAAO,EAAEC,EAAK,KACZ,KAETA,EAAO,KAAK,SAAW,IAAII,EAASF,CAAK,CAC1C,CACD,OAAAF,EAAK,IAAIF,EAAKC,CAAK,EACnB,KAAK,KAAOC,EAAK,KACV,IACT","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system204.js","sources":["../node_modules/lodash-es/_mapCacheGet.js"],"sourcesContent":["import getMapData from './_getMapData.js';\n\n/**\n * Gets the map value for `key`.\n *\n * @private\n * @name get\n * @memberOf MapCache\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction mapCacheGet(key) {\n  return getMapData(this, key).get(key);\n}\n\nexport default mapCacheGet;\n"],"names":["mapCacheGet","key","getMapData"],"mappings":"sDAWA,SAASA,EAAYC,EAAK,CACxB,OAAOC,EAAW,KAAMD,CAAG,EAAE,IAAIA,CAAG,CACtC","x_google_ignoreList":[0]}

package/dist/design-system204.mjs

@@ -1,18 +1,8 @@
-import _ from "./design-system199.mjs";
-import e from "./design-system178.mjs";
-import r from "./design-system190.mjs";
-var h = 200;
-function m(i, s) {
-  var t = this.__data__;
-  if (t instanceof _) {
-    var a = t.__data__;
-    if (!e || a.length < h - 1)
-      return a.push([i, s]), this.size = ++t.size, this;
-    t = this.__data__ = new r(a);
-  }
-  return t.set(i, s), this.size = t.size, this;
+import a from "./design-system224.mjs";
+function r(t) {
+  return a(this, t).get(t);
 }
 export {
-  m as default
+  r as default
 };
 //# sourceMappingURL=design-system204.mjs.map

package/dist/design-system204.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system204.mjs","sources":["../node_modules/lodash-es/_stackSet.js"],"sourcesContent":["import ListCache from './_ListCache.js';\nimport Map from './_Map.js';\nimport MapCache from './_MapCache.js';\n\n/** Used as the size to enable large array optimizations. */\nvar LARGE_ARRAY_SIZE = 200;\n\n/**\n * Sets the stack `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf Stack\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the stack cache instance.\n */\nfunction stackSet(key, value) {\n  var data = this.__data__;\n  if (data instanceof ListCache) {\n    var pairs = data.__data__;\n    if (!Map || (pairs.length < LARGE_ARRAY_SIZE - 1)) {\n      pairs.push([key, value]);\n      this.size = ++data.size;\n      return this;\n    }\n    data = this.__data__ = new MapCache(pairs);\n  }\n  data.set(key, value);\n  this.size = data.size;\n  return this;\n}\n\nexport default stackSet;\n"],"names":["LARGE_ARRAY_SIZE","stackSet","key","value","data","ListCache","pairs","Map","MapCache"],"mappings":";;;AAKA,IAAIA,IAAmB;AAYvB,SAASC,EAASC,GAAKC,GAAO;AAC5B,MAAIC,IAAO,KAAK;AAChB,MAAIA,aAAgBC,GAAW;AAC7B,QAAIC,IAAQF,EAAK;AACjB,QAAI,CAACG,KAAQD,EAAM,SAASN,IAAmB;AAC7C,aAAAM,EAAM,KAAK,CAACJ,GAAKC,CAAK,CAAC,GACvB,KAAK,OAAO,EAAEC,EAAK,MACZ;AAET,IAAAA,IAAO,KAAK,WAAW,IAAII,EAASF,CAAK;AAAA,EAC1C;AACD,SAAAF,EAAK,IAAIF,GAAKC,CAAK,GACnB,KAAK,OAAOC,EAAK,MACV;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system204.mjs","sources":["../node_modules/lodash-es/_mapCacheGet.js"],"sourcesContent":["import getMapData from './_getMapData.js';\n\n/**\n * Gets the map value for `key`.\n *\n * @private\n * @name get\n * @memberOf MapCache\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction mapCacheGet(key) {\n  return getMapData(this, key).get(key);\n}\n\nexport default mapCacheGet;\n"],"names":["mapCacheGet","key","getMapData"],"mappings":";AAWA,SAASA,EAAYC,GAAK;AACxB,SAAOC,EAAW,MAAMD,CAAG,EAAE,IAAIA,CAAG;AACtC;","x_google_ignoreList":[0]}

package/dist/design-system205.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("./design-system171.js"),o=require("./design-system151.js");var s=Object.prototype,u=s.propertyIsEnumerable,t=Object.getOwnPropertySymbols,a=t?function(r){return r==null?[]:(r=Object(r),n(t(r),function(e){return u.call(r,e)}))}:o;const l=a;module.exports=l;
+"use strict";const a=require("./design-system224.js");function s(t){return a(this,t).has(t)}module.exports=s;
 //# sourceMappingURL=design-system205.js.map