@7pmlabs/design-system 0.3.1 → 0.3.2

package/dist/design-system172.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system172.mjs","sources":["../node_modules/lodash-es/_objectToString.js"],"sourcesContent":["/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n  return nativeObjectToString.call(value);\n}\n\nexport default objectToString;\n"],"names":["objectProto","nativeObjectToString","objectToString","value"],"mappings":"AACA,IAAIA,IAAc,OAAO,WAOrBC,IAAuBD,EAAY;AASvC,SAASE,EAAeC,GAAO;AAC7B,SAAOF,EAAqB,KAAKE,CAAK;AACxC;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system172.mjs","sources":["../node_modules/lodash-es/_toSource.js"],"sourcesContent":["/** Used for built-in method references. */\nvar funcProto = Function.prototype;\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/**\n * Converts `func` to its source code.\n *\n * @private\n * @param {Function} func The function to convert.\n * @returns {string} Returns the source code.\n */\nfunction toSource(func) {\n  if (func != null) {\n    try {\n      return funcToString.call(func);\n    } catch (e) {}\n    try {\n      return (func + '');\n    } catch (e) {}\n  }\n  return '';\n}\n\nexport default toSource;\n"],"names":["funcProto","funcToString","toSource","func"],"mappings":"AACA,IAAIA,IAAY,SAAS,WAGrBC,IAAeD,EAAU;AAS7B,SAASE,EAASC,GAAM;AACtB,MAAIA,KAAQ,MAAM;AAChB,QAAI;AACF,aAAOF,EAAa,KAAKE,CAAI;AAAA,IACnC,QAAgB;AAAA,IAAE;AACd,QAAI;AACF,aAAQA,IAAO;AAAA,IACrB,QAAgB;AAAA,IAAE;AAAA,EACf;AACD,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/design-system173.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system118.js"),o=require("./design-system174.js"),n=require("./design-system128.js"),s=require("./design-system169.js");var c=/[\\^$.*+?()[\]{}|]/g,a=/^\[object .+?Constructor\]$/,i=Function.prototype,p=Object.prototype,u=i.toString,f=p.hasOwnProperty,g=RegExp("^"+u.call(f).replace(c,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function v(r){if(!n(r)||o(r))return!1;var t=e(r)?g:a;return t.test(s(r))}module.exports=v;
+"use strict";const e=require("./design-system117.js"),o=require("./design-system174.js"),n=require("./design-system127.js"),s=require("./design-system172.js");var c=/[\\^$.*+?()[\]{}|]/g,a=/^\[object .+?Constructor\]$/,i=Function.prototype,p=Object.prototype,u=i.toString,f=p.hasOwnProperty,g=RegExp("^"+u.call(f).replace(c,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function v(r){if(!n(r)||o(r))return!1;var t=e(r)?g:a;return t.test(s(r))}module.exports=v;
 //# sourceMappingURL=design-system173.js.map

package/dist/design-system173.mjs

@@ -1,7 +1,7 @@
-import o from "./design-system118.mjs";
+import o from "./design-system117.mjs";
 import e from "./design-system174.mjs";
-import a from "./design-system128.mjs";
-import n from "./design-system169.mjs";
+import a from "./design-system127.mjs";
+import n from "./design-system172.mjs";
 var p = /[\\^$.*+?()[\]{}|]/g, i = /^\[object .+?Constructor\]$/, s = Function.prototype, c = Object.prototype, f = s.toString, m = c.hasOwnProperty, u = RegExp(
   "^" + f.call(m).replace(p, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );

package/dist/design-system18.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),A=require("./design-system30.js"),K=require("./design-system3.js"),P=require("./design-system48.js"),N=require("./design-system95.js"),$=require("./design-system94.js"),L=require("./design-system96.js"),S={class:"ds-flex ds-items-center ds-justify-center ds-space-x-2"},W=t.defineComponent({__name:"BOtpField",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}},emits:["complete","change","update:modelValue","update:focusIndex"],setup(b,{expose:k,emit:l}){const s=b,{t:B}=P.useI18n(),O={validateRule:e=>!!e,errorMessage:()=>s.requiredErrorMessage||B("ds.global.field_required")},i=t.ref(0),p=t.ref([]),f=t.ref(null),x=e=>{u.value=e},q=()=>{u.value=-1},y=t.computed(()=>s.inputId||`id-${$()}`),n=t.computed({get(){return s.modelValue.split("")},set(e){l("update:modelValue",e.join(""))}}),C=t.computed(()=>s.modelValue),u=t.computed({get(){return s.focusIndex!==void 0?s.focusIndex:i.value},set(e){s.focusIndex!==void 0?l("update:focusIndex",e):i.value=e}}),D=t.computed(()=>{let e=[];return s.required&&e.push(O),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),V=t.computed(()=>[s.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":"ds-text-black/[0.85]",m.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",s.inputCssClass]),{validate:v,validationResult:m}=K.useValidationField(y.value,C,D.value),R=()=>{f.value[u.value].focus()},h=()=>n.value.join("").length===s.numInputs?l("complete",n.value.join("")):"Wait until the user enters the required number of characters",c=e=>{u.value=Math.max(Math.min(s.numInputs-1,e),0)},g=()=>{c(u.value+1)},I=()=>{c(u.value-1)},d=e=>{p.value=[...n.value],n.value[u.value]=e,n.value=L(n.value);const o=p.value.join(""),r=n.value.join("");o!==r&&(l("change",r),h())},F=e=>{e.preventDefault();const o=e.clipboardData.getData("text/plain").slice(0,s.numInputs-u.value).split("");if(!o.join("").match(/^\d+$/))return"Invalid pasted data";const a=n.value.slice(0,u.value).concat(o);return a.slice(0,s.numInputs).forEach((_,w)=>{n.value[w]=_}),c(a.slice(0,s.numInputs).length),l("update:modelValue",n.value.join("")),h()},j=e=>{d(e),g()},E=e=>{switch(e.key){case"Backspace":e.preventDefault(),d(""),I();break;case"Delete":e.preventDefault(),d("");break;case"ArrowLeft":e.preventDefault(),I();break;case"ArrowRight":e.preventDefault(),g();break}},M=()=>{v()};return k({validate:v,focus:R}),(e,o)=>(t.openBlock(),t.createElementBlock("div",null,[t.createElementVNode("div",S,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.numInputs,(r,a)=>(t.openBlock(),t.createBlock(N,{key:a,ref_for:!0,ref_key:"boxRefs",ref:f,class:t.normalizeClass(V.value),focus:u.value===a,"is-disabled":e.disabled,value:n.value[a],onOnChange:j,onOnKeydown:E,onOnKeyup:M,onOnPaste:F,onOnFocus:_=>x(a),onOnBlur:q},null,8,["class","focus","is-disabled","value","onOnFocus"]))),128))]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(A,{key:0,"error-message":t.unref(m).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=W;
+"use strict";const t=require("vue"),A=require("./design-system30.js"),K=require("./design-system3.js"),P=require("./design-system48.js"),N=require("./design-system102.js"),$=require("./design-system97.js"),L=require("./design-system103.js"),S={class:"ds-flex ds-items-center ds-justify-center ds-space-x-2"},W=t.defineComponent({__name:"BOtpField",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}},emits:["complete","change","update:modelValue","update:focusIndex"],setup(b,{expose:k,emit:l}){const s=b,{t:B}=P.useI18n(),O={validateRule:e=>!!e,errorMessage:()=>s.requiredErrorMessage||B("ds.global.field_required")},i=t.ref(0),p=t.ref([]),f=t.ref(null),x=e=>{u.value=e},q=()=>{u.value=-1},y=t.computed(()=>s.inputId||`id-${$()}`),n=t.computed({get(){return s.modelValue.split("")},set(e){l("update:modelValue",e.join(""))}}),C=t.computed(()=>s.modelValue),u=t.computed({get(){return s.focusIndex!==void 0?s.focusIndex:i.value},set(e){s.focusIndex!==void 0?l("update:focusIndex",e):i.value=e}}),D=t.computed(()=>{let e=[];return s.required&&e.push(O),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),V=t.computed(()=>[s.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":"ds-text-black/[0.85]",m.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",s.inputCssClass]),{validate:v,validationResult:m}=K.useValidationField(y.value,C,D.value),R=()=>{f.value[u.value].focus()},h=()=>n.value.join("").length===s.numInputs?l("complete",n.value.join("")):"Wait until the user enters the required number of characters",c=e=>{u.value=Math.max(Math.min(s.numInputs-1,e),0)},g=()=>{c(u.value+1)},I=()=>{c(u.value-1)},d=e=>{p.value=[...n.value],n.value[u.value]=e,n.value=L(n.value);const o=p.value.join(""),r=n.value.join("");o!==r&&(l("change",r),h())},F=e=>{e.preventDefault();const o=e.clipboardData.getData("text/plain").slice(0,s.numInputs-u.value).split("");if(!o.join("").match(/^\d+$/))return"Invalid pasted data";const a=n.value.slice(0,u.value).concat(o);return a.slice(0,s.numInputs).forEach((_,w)=>{n.value[w]=_}),c(a.slice(0,s.numInputs).length),l("update:modelValue",n.value.join("")),h()},j=e=>{d(e),g()},E=e=>{switch(e.key){case"Backspace":e.preventDefault(),d(""),I();break;case"Delete":e.preventDefault(),d("");break;case"ArrowLeft":e.preventDefault(),I();break;case"ArrowRight":e.preventDefault(),g();break}},M=()=>{v()};return k({validate:v,focus:R}),(e,o)=>(t.openBlock(),t.createElementBlock("div",null,[t.createElementVNode("div",S,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.numInputs,(r,a)=>(t.openBlock(),t.createBlock(N,{key:a,ref_for:!0,ref_key:"boxRefs",ref:f,class:t.normalizeClass(V.value),focus:u.value===a,"is-disabled":e.disabled,value:n.value[a],onOnChange:j,onOnKeydown:E,onOnKeyup:M,onOnPaste:F,onOnFocus:_=>x(a),onOnBlur:q},null,8,["class","focus","is-disabled","value","onOnFocus"]))),128))]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(A,{key:0,"error-message":t.unref(m).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=W;
 //# sourceMappingURL=design-system18.js.map

package/dist/design-system18.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system18.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/**\n * Props\n */\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: [\n  'complete',\n  'change',\n  'update:modelValue',\n  'update:focusIndex',\n],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n// Sourcecode: https://github.com/ejirocodes/vue3-otp-input\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\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\n/**\n * Methods\n */\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: number) => {\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\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","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-system18.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/**\n * Props\n */\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: [\n  'complete',\n  'change',\n  'update:modelValue',\n  'update:focusIndex',\n],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n// Sourcecode: https://github.com/ejirocodes/vue3-otp-input\n\n\n/**\n * Events\n */\n\n\n/**\n * Data\n */\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\n/**\n * Methods\n */\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: number) => {\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\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","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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"}

package/dist/design-system18.mjs

@@ -2,9 +2,9 @@ import { defineComponent as N, ref as f, computed as l, openBlock as d, createEl
 import H from "./design-system30.mjs";
 import { useValidationField as J } from "./design-system3.mjs";
 import { useI18n as Q } from "./design-system48.mjs";
-import T from "./design-system95.mjs";
-import X from "./design-system94.mjs";
-import Y from "./design-system96.mjs";
+import T from "./design-system102.mjs";
+import X from "./design-system97.mjs";
+import Y from "./design-system103.mjs";
 const Z = { class: "ds-flex ds-items-center ds-justify-center ds-space-x-2" }, ue = /* @__PURE__ */ N({
   __name: "BOtpField",
   props: {

package/dist/design-system181.js

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

package/dist/design-system181.mjs

@@ -1,6 +1,6 @@
 import a from "./design-system202.mjs";
 import t from "./design-system189.mjs";
-import e from "./design-system165.mjs";
+import e from "./design-system168.mjs";
 function o() {
   this.size = 0, this.__data__ = {
     hash: new a(),

package/dist/design-system186.js

@@ -1,2 +1,2 @@
-"use strict";const u=require("./design-system159.js"),a=require("./design-system116.js");function i(r,e,t){var s=e(r);return a(r)?s:u(s,t(r))}module.exports=i;
+"use strict";const u=require("./design-system158.js"),a=require("./design-system115.js");function i(r,e,t){var s=e(r);return a(r)?s:u(s,t(r))}module.exports=i;
 //# sourceMappingURL=design-system186.js.map

package/dist/design-system186.mjs

@@ -1,5 +1,5 @@
-import e from "./design-system159.mjs";
-import u from "./design-system116.mjs";
+import e from "./design-system158.mjs";
+import u from "./design-system115.mjs";
 function l(r, s, t) {
   var a = s(r);
   return u(r) ? a : e(a, t(r));

package/dist/design-system187.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("./design-system159.js"),s=require("./design-system175.js"),n=require("./design-system195.js"),o=require("./design-system140.js");var u=Object.getOwnPropertySymbols,y=u?function(r){for(var e=[];r;)t(e,n(r)),r=s(r);return e}:o;const i=y;module.exports=i;
+"use strict";const t=require("./design-system158.js"),s=require("./design-system175.js"),n=require("./design-system195.js"),o=require("./design-system139.js");var u=Object.getOwnPropertySymbols,y=u?function(r){for(var e=[];r;)t(e,n(r)),r=s(r);return e}:o;const i=y;module.exports=i;
 //# sourceMappingURL=design-system187.js.map

package/dist/design-system187.mjs

@@ -1,7 +1,7 @@
-import o from "./design-system159.mjs";
+import o from "./design-system158.mjs";
 import m from "./design-system175.mjs";
 import e from "./design-system195.mjs";
-import s from "./design-system140.mjs";
+import s from "./design-system139.mjs";
 var a = Object.getOwnPropertySymbols, y = a ? function(r) {
   for (var t = []; r; )
     o(t, e(r)), r = m(r);

package/dist/design-system194.js

@@ -1,2 +1,2 @@
-"use strict";const _=require("./design-system189.js"),a=require("./design-system165.js"),r=require("./design-system180.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 _=require("./design-system189.js"),a=require("./design-system168.js"),r=require("./design-system180.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;
 //# sourceMappingURL=design-system194.js.map

package/dist/design-system194.mjs

@@ -1,5 +1,5 @@
 import _ from "./design-system189.mjs";
-import e from "./design-system165.mjs";
+import e from "./design-system168.mjs";
 import r from "./design-system180.mjs";
 var h = 200;
 function m(i, s) {

package/dist/design-system195.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("./design-system161.js"),o=require("./design-system140.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 n=require("./design-system160.js"),o=require("./design-system139.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;
 //# sourceMappingURL=design-system195.js.map

package/dist/design-system195.mjs

@@ -1,5 +1,5 @@
-import o from "./design-system161.mjs";
-import a from "./design-system140.mjs";
+import o from "./design-system160.mjs";
+import a from "./design-system139.mjs";
 var n = Object.prototype, l = n.propertyIsEnumerable, t = Object.getOwnPropertySymbols, m = t ? function(r) {
   return r == null ? [] : (r = Object(r), o(t(r), function(e) {
     return l.call(r, e);

package/dist/design-system199.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system170.js");var o=e?e.prototype:void 0,t=o?o.valueOf:void 0;function n(l){return t?Object(t.call(l)):{}}module.exports=n;
+"use strict";const e=require("./design-system163.js");var o=e?e.prototype:void 0,t=o?o.valueOf:void 0;function n(l){return t?Object(t.call(l)):{}}module.exports=n;
 //# sourceMappingURL=design-system199.js.map

package/dist/design-system199.mjs

@@ -1,4 +1,4 @@
-import o from "./design-system170.mjs";
+import o from "./design-system163.mjs";
 var e = o ? o.prototype : void 0, l = e ? e.valueOf : void 0;
 function r(t) {
   return l ? Object(l.call(t)) : {};

package/dist/design-system20.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),f=require("./design-system30.js"),g=require("./design-system3.js"),b=require("./design-system48.js"),y=require("./design-system94.js"),B={class:"ds-flex ds-items-center"},h=["id","disabled","name","value"],q=["for"],V=e.defineComponent({__name:"BRadio",props:{inputId:{default:""},modelValue:{type:[String,Number,Boolean],default:""},inputName:{default:""},label:{default:""},disabled:{type:Boolean,default:!1},labelCssClass:{default:""},hideDetails:{type:Boolean,default:!1},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""}},emits:["update:modelValue","change"],setup(o,{emit:r}){const l=o,{t:u}=b.useI18n(),n={validateRule:a=>!!(a&&a.trim()),errorMessage:()=>l.requiredErrorMessage||u("ds.global.field_required")},s=e.computed(()=>l.inputId||`id-${y()}`),t=e.computed({get(){return l.modelValue},set(a){r("update:modelValue",a)}}),i=e.computed(()=>{let a=[];return l.required&&a.push(n),l.validationRules&&(a=a.concat(l.validationRules)),a.length?a:void 0}),{validate:m,validationResult:c}=g.useValidationField(s.value,t,i.value),p=()=>{r("change"),m()};return(a,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",B,[e.withDirectives(e.createElementVNode("input",{id:s.value,"onUpdate:modelValue":d[0]||(d[0]=v=>t.value=v),class:e.normalizeClass([{"ds-cursor-not-allowed":a.disabled},"ds-h-6 ds-min-h-[1.5rem] ds-w-6 ds-min-w-[1.5rem] ds-border-gray-300 ds-bg-gray-100 ds-text-primary-t focus:ds-ring-primary-t"]),disabled:a.disabled,name:a.inputName,value:a.$attrs.value,type:"radio",onChange:p},null,42,h),[[e.vModelRadio,t.value]]),a.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass([a.labelCssClass,"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"]),for:s.value},e.toDisplayString(a.label),11,q)):e.createCommentVNode("",!0)]),a.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(f,{key:0,"error-message":e.unref(c).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))],64))}});module.exports=V;
+"use strict";const e=require("vue"),f=require("./design-system30.js"),g=require("./design-system3.js"),b=require("./design-system48.js"),y=require("./design-system97.js"),B={class:"ds-flex ds-items-center"},h=["id","disabled","name","value"],q=["for"],V=e.defineComponent({__name:"BRadio",props:{inputId:{default:""},modelValue:{type:[String,Number,Boolean],default:""},inputName:{default:""},label:{default:""},disabled:{type:Boolean,default:!1},labelCssClass:{default:""},hideDetails:{type:Boolean,default:!1},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""}},emits:["update:modelValue","change"],setup(o,{emit:r}){const l=o,{t:u}=b.useI18n(),n={validateRule:a=>!!(a&&a.trim()),errorMessage:()=>l.requiredErrorMessage||u("ds.global.field_required")},s=e.computed(()=>l.inputId||`id-${y()}`),t=e.computed({get(){return l.modelValue},set(a){r("update:modelValue",a)}}),i=e.computed(()=>{let a=[];return l.required&&a.push(n),l.validationRules&&(a=a.concat(l.validationRules)),a.length?a:void 0}),{validate:m,validationResult:c}=g.useValidationField(s.value,t,i.value),p=()=>{r("change"),m()};return(a,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",B,[e.withDirectives(e.createElementVNode("input",{id:s.value,"onUpdate:modelValue":d[0]||(d[0]=v=>t.value=v),class:e.normalizeClass([{"ds-cursor-not-allowed":a.disabled},"ds-h-6 ds-min-h-[1.5rem] ds-w-6 ds-min-w-[1.5rem] ds-border-gray-300 ds-bg-gray-100 ds-text-primary-t focus:ds-ring-primary-t"]),disabled:a.disabled,name:a.inputName,value:a.$attrs.value,type:"radio",onChange:p},null,42,h),[[e.vModelRadio,t.value]]),a.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass([a.labelCssClass,"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"]),for:s.value},e.toDisplayString(a.label),11,q)):e.createCommentVNode("",!0)]),a.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(f,{key:0,"error-message":e.unref(c).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))],64))}});module.exports=V;
 //# sourceMappingURL=design-system20.js.map

package/dist/design-system20.mjs

@@ -2,7 +2,7 @@ import { defineComponent as R, computed as t, openBlock as d, createElementBlock
 import N from "./design-system30.mjs";
 import { useValidationField as _ } from "./design-system3.mjs";
 import { useI18n as w } from "./design-system48.mjs";
-import D from "./design-system94.mjs";
+import D from "./design-system97.mjs";
 const E = { class: "ds-flex ds-items-center" }, I = ["id", "disabled", "name", "value"], $ = ["for"], A = /* @__PURE__ */ R({
   __name: "BRadio",
   props: {

package/dist/design-system201.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system121.js");var s=r["__core-js_shared__"];const e=s;module.exports=e;
+"use strict";const r=require("./design-system120.js");var s=r["__core-js_shared__"];const e=s;module.exports=e;
 //# sourceMappingURL=design-system201.js.map

package/dist/design-system201.mjs

@@ -1,4 +1,4 @@
-import o from "./design-system121.mjs";
+import o from "./design-system120.mjs";
 var r = o["__core-js_shared__"];
 const t = r;
 export {

package/dist/design-system202.js

@@ -1,2 +1,2 @@
-"use strict";const o=require("./design-system212.js"),a=require("./design-system213.js"),p=require("./design-system214.js"),l=require("./design-system215.js"),c=require("./design-system216.js");function e(t){var r=-1,h=t==null?0:t.length;for(this.clear();++r<h;){var s=t[r];this.set(s[0],s[1])}}e.prototype.clear=o;e.prototype.delete=a;e.prototype.get=p;e.prototype.has=l;e.prototype.set=c;module.exports=e;
+"use strict";const o=require("./design-system211.js"),a=require("./design-system212.js"),p=require("./design-system213.js"),l=require("./design-system214.js"),c=require("./design-system215.js");function e(t){var r=-1,h=t==null?0:t.length;for(this.clear();++r<h;){var s=t[r];this.set(s[0],s[1])}}e.prototype.clear=o;e.prototype.delete=a;e.prototype.get=p;e.prototype.has=l;e.prototype.set=c;module.exports=e;
 //# sourceMappingURL=design-system202.js.map

package/dist/design-system202.mjs

@@ -1,8 +1,8 @@
-import p from "./design-system212.mjs";
-import a from "./design-system213.mjs";
-import l from "./design-system214.mjs";
-import s from "./design-system215.mjs";
-import m from "./design-system216.mjs";
+import p from "./design-system211.mjs";
+import a from "./design-system212.mjs";
+import l from "./design-system213.mjs";
+import s from "./design-system214.mjs";
+import m from "./design-system215.mjs";
 function t(o) {
   var e = -1, h = o == null ? 0 : o.length;
   for (this.clear(); ++e < h; ) {

package/dist/design-system203.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system211.js");function s(r,t){var a=r.__data__;return e(t)?a[typeof t=="string"?"string":"hash"]:a.map}module.exports=s;
+"use strict";const e=require("./design-system216.js");function s(r,t){var a=r.__data__;return e(t)?a[typeof t=="string"?"string":"hash"]:a.map}module.exports=s;
 //# sourceMappingURL=design-system203.js.map

package/dist/design-system203.mjs

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

package/dist/design-system21.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),z=require("./design-system3.js"),p=require("./design-system6.js"),D=require("./design-system48.js"),F=require("./design-system30.js"),O=require("./design-system31.js"),U=require("./design-system40.js"),W=require("./design-system94.js"),j=["id","disabled"],H={key:0},A={key:1,class:"ds-text-black/[0.4]"},G=["id","data-cy","data-ut"],J={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},K={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},Q=["onClick"],X=e.defineComponent({__name:"BSelect",props:{inputId:{default:""},modelValue:{},label:{default:""},items:{},disabled:{type:Boolean,default:!1},placeholder:{default:""},valueCssClass:{default:""},menuCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["update:modelValue","change","open","close","change:input"],setup(V,{expose:x,emit:d}){const t=V,r=e.ref(null),k=e.ref(null),u=e.ref(null),a=e.ref(!1),{t:q}=D.useI18n(),$={validateRule:s=>!!s,errorMessage:()=>t.requiredErrorMessage||q("ds.global.field_required")},b=e.ref(""),i=e.ref(),c=e.computed(()=>t.inputId||`id-${W()}`),n=e.computed({get(){return t.modelValue},set(s){d("update:modelValue",s)}}),M=e.computed(()=>{let s="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 ";return s+=t.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=E.value.valid?"ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus ":"ds-border-error focus:ds-ring-1 focus:ds-ring-error ",s}),I=e.computed(()=>{let s=[];return t.required&&s.push($),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),{validate:B,validationResult:E}=z.useValidationField(c.value,n,I.value);e.watch(a,s=>{s?(p.lockScrollBody(),P(),d("open")):(p.unlockScrollBody(),w(),d("close"))}),e.watch(n,()=>{y(),v()}),e.watch(()=>t.items,()=>{var s;n.value&&!((s=i.value)!=null&&s.value)&&(y(),v())},{deep:!0});const y=()=>{i.value=t.items.find(s=>s.value===n.value)},v=()=>{var s;t.allowInput&&(b.value=((s=i.value)==null?void 0:s.text)||"")},N=()=>{document.addEventListener("keydown",_)},_=s=>{s.key==="Escape"&&g()},S=()=>{document.addEventListener("click",C)},C=s=>{[r.value,u.value].some(f=>s.composedPath().includes(f))||g()},R=s=>{n.value=s.value,g(),d("change",s.value),e.nextTick(()=>{B()})},L=(s,l)=>{l.style.width=`${s.offsetWidth}px`},P=()=>{e.nextTick(()=>{p.ensureVisiblePosition(r.value,u.value),L(r.value,u.value)})},w=()=>{p.resetPosition(r.value,u.value)},T=s=>{d("change:input",s)},g=()=>{var s;a.value=!1,(s=k.value)==null||s.blur(),v()};return(()=>{y(),v()})(),e.onMounted(()=>{N(),S()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",_),document.removeEventListener("click",C),p.unlockScrollBody(),w()}),x({validate:B,selectMenu:a}),(s,l)=>{var h,f;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:r},[e.createVNode(O,{id:c.value,label:s.label,required:s.required},null,8,["id","label","required"]),t.allowInput?(e.openBlock(),e.createBlock(U,{key:0,id:c.value,ref_key:"inputRef",ref:k,modelValue:b.value,"onUpdate:modelValue":[l[0]||(l[0]=o=>b.value=o),T],"append-icon":`fa-solid fa-caret-down ds-transition-transform ${a.value?"ds-rotate-180":""}`,disabled:t.disabled,placeholder:t.placeholder,"hide-details":"",onFocus:l[1]||(l[1]=o=>a.value=!0),"onClick:append":l[2]||(l[2]=o=>{var m;return(m=k.value)==null?void 0:m.focus()})},null,8,["id","modelValue","append-icon","disabled","placeholder"])):(e.openBlock(),e.createElementBlock("button",{key:1,id:c.value,class:e.normalizeClass(M.value),disabled:t.disabled,type:"button",onClick:l[3]||(l[3]=o=>a.value=!a.value)},[e.createElementVNode("span",{class:e.normalizeClass([s.valueCssClass,"ds-truncate"])},[(h=i.value)!=null&&h.text?(e.openBlock(),e.createElementBlock("span",H,e.toDisplayString((f=i.value)==null?void 0:f.text),1)):(e.openBlock(),e.createElementBlock("span",A,e.toDisplayString(t.placeholder),1))],2),e.createTextVNode("   "),e.createElementVNode("span",{class:e.normalizeClass([`${a.value?"ds-rotate-180":""}`,"fa-solid fa-caret-down ds-text-base ds-transition-transform"])},null,2)],10,j)),e.withDirectives(e.createElementVNode("div",{id:`${c.value}Menu`,ref_key:"selectMenuEl",ref:u,class:e.normalizeClass([s.menuCssClass,"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),"data-cy":s.$attrs["data-cy"]?`${s.$attrs["data-cy"]}Menu`:void 0,"data-ut":s.$attrs["data-ut"]?`${s.$attrs["data-ut"]}Menu`:void 0},[e.createElementVNode("div",J,[e.createElementVNode("ul",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(o,m)=>(e.openBlock(),e.createElementBlock("li",{key:`item${m}`,class:"ds-cursor-pointer",onClick:Z=>R(o)},[e.createElementVNode("a",{class:e.normalizeClass([o.cssClass+`${o.value===n.value?" ds-bg-gray-150":""}`,"ds-block ds-px-4 ds-py-2 hover:ds-bg-gray-150"])},e.toDisplayString(o==null?void 0:o.text),3)],8,Q))),128))])])],10,G),[[e.vShow,a.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(F,{key:0,"error-message":e.unref(E).errorMessage(),class:"ds-mt-1","prepend-icon":"fa-solid fa-circle-exclamation"},null,8,["error-message"]))])}}});module.exports=X;
+"use strict";const e=require("vue"),z=require("./design-system3.js"),p=require("./design-system6.js"),D=require("./design-system48.js"),F=require("./design-system30.js"),O=require("./design-system31.js"),U=require("./design-system40.js"),W=require("./design-system97.js"),j=["id","disabled"],H={key:0},A={key:1,class:"ds-text-black/[0.4]"},G=["id","data-cy","data-ut"],J={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},K={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},Q=["onClick"],X=e.defineComponent({__name:"BSelect",props:{inputId:{default:""},modelValue:{},label:{default:""},items:{},disabled:{type:Boolean,default:!1},placeholder:{default:""},valueCssClass:{default:""},menuCssClass:{default:""},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["update:modelValue","change","open","close","change:input"],setup(V,{expose:x,emit:d}){const t=V,r=e.ref(null),k=e.ref(null),u=e.ref(null),a=e.ref(!1),{t:q}=D.useI18n(),$={validateRule:s=>!!s,errorMessage:()=>t.requiredErrorMessage||q("ds.global.field_required")},b=e.ref(""),i=e.ref(),c=e.computed(()=>t.inputId||`id-${W()}`),n=e.computed({get(){return t.modelValue},set(s){d("update:modelValue",s)}}),M=e.computed(()=>{let s="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 ";return s+=t.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=E.value.valid?"ds-border-black/10 focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus ":"ds-border-error focus:ds-ring-1 focus:ds-ring-error ",s}),I=e.computed(()=>{let s=[];return t.required&&s.push($),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),{validate:B,validationResult:E}=z.useValidationField(c.value,n,I.value);e.watch(a,s=>{s?(p.lockScrollBody(),P(),d("open")):(p.unlockScrollBody(),w(),d("close"))}),e.watch(n,()=>{y(),v()}),e.watch(()=>t.items,()=>{var s;n.value&&!((s=i.value)!=null&&s.value)&&(y(),v())},{deep:!0});const y=()=>{i.value=t.items.find(s=>s.value===n.value)},v=()=>{var s;t.allowInput&&(b.value=((s=i.value)==null?void 0:s.text)||"")},N=()=>{document.addEventListener("keydown",_)},_=s=>{s.key==="Escape"&&g()},S=()=>{document.addEventListener("click",C)},C=s=>{[r.value,u.value].some(f=>s.composedPath().includes(f))||g()},R=s=>{n.value=s.value,g(),d("change",s.value),e.nextTick(()=>{B()})},L=(s,l)=>{l.style.width=`${s.offsetWidth}px`},P=()=>{e.nextTick(()=>{p.ensureVisiblePosition(r.value,u.value),L(r.value,u.value)})},w=()=>{p.resetPosition(r.value,u.value)},T=s=>{d("change:input",s)},g=()=>{var s;a.value=!1,(s=k.value)==null||s.blur(),v()};return(()=>{y(),v()})(),e.onMounted(()=>{N(),S()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",_),document.removeEventListener("click",C),p.unlockScrollBody(),w()}),x({validate:B,selectMenu:a}),(s,l)=>{var h,f;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:r},[e.createVNode(O,{id:c.value,label:s.label,required:s.required},null,8,["id","label","required"]),t.allowInput?(e.openBlock(),e.createBlock(U,{key:0,id:c.value,ref_key:"inputRef",ref:k,modelValue:b.value,"onUpdate:modelValue":[l[0]||(l[0]=o=>b.value=o),T],"append-icon":`fa-solid fa-caret-down ds-transition-transform ${a.value?"ds-rotate-180":""}`,disabled:t.disabled,placeholder:t.placeholder,"hide-details":"",onFocus:l[1]||(l[1]=o=>a.value=!0),"onClick:append":l[2]||(l[2]=o=>{var m;return(m=k.value)==null?void 0:m.focus()})},null,8,["id","modelValue","append-icon","disabled","placeholder"])):(e.openBlock(),e.createElementBlock("button",{key:1,id:c.value,class:e.normalizeClass(M.value),disabled:t.disabled,type:"button",onClick:l[3]||(l[3]=o=>a.value=!a.value)},[e.createElementVNode("span",{class:e.normalizeClass([s.valueCssClass,"ds-truncate"])},[(h=i.value)!=null&&h.text?(e.openBlock(),e.createElementBlock("span",H,e.toDisplayString((f=i.value)==null?void 0:f.text),1)):(e.openBlock(),e.createElementBlock("span",A,e.toDisplayString(t.placeholder),1))],2),e.createTextVNode("   "),e.createElementVNode("span",{class:e.normalizeClass([`${a.value?"ds-rotate-180":""}`,"fa-solid fa-caret-down ds-text-base ds-transition-transform"])},null,2)],10,j)),e.withDirectives(e.createElementVNode("div",{id:`${c.value}Menu`,ref_key:"selectMenuEl",ref:u,class:e.normalizeClass([s.menuCssClass,"ds-absolute ds-z-50 ds-min-w-[8rem] ds-py-1"]),"data-cy":s.$attrs["data-cy"]?`${s.$attrs["data-cy"]}Menu`:void 0,"data-ut":s.$attrs["data-ut"]?`${s.$attrs["data-ut"]}Menu`:void 0},[e.createElementVNode("div",J,[e.createElementVNode("ul",K,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(o,m)=>(e.openBlock(),e.createElementBlock("li",{key:`item${m}`,class:"ds-cursor-pointer",onClick:Z=>R(o)},[e.createElementVNode("a",{class:e.normalizeClass([o.cssClass+`${o.value===n.value?" ds-bg-gray-150":""}`,"ds-block ds-px-4 ds-py-2 hover:ds-bg-gray-150"])},e.toDisplayString(o==null?void 0:o.text),3)],8,Q))),128))])])],10,G),[[e.vShow,a.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(F,{key:0,"error-message":e.unref(E).errorMessage(),class:"ds-mt-1","prepend-icon":"fa-solid fa-circle-exclamation"},null,8,["error-message"]))])}}});module.exports=X;
 //# sourceMappingURL=design-system21.js.map

package/dist/design-system21.mjs

@@ -5,7 +5,7 @@ import { useI18n as ue } from "./design-system48.mjs";
 import re from "./design-system30.mjs";
 import ie from "./design-system31.mjs";
 import ce from "./design-system40.mjs";
-import ve from "./design-system94.mjs";
+import ve from "./design-system97.mjs";
 const fe = ["id", "disabled"], pe = { key: 0 }, me = {
   key: 1,
   class: "ds-text-black/[0.4]"

package/dist/design-system210.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system121.js");var t=r.Uint8Array;const i=t;module.exports=i;
+"use strict";const r=require("./design-system120.js");var t=r.Uint8Array;const i=t;module.exports=i;
 //# sourceMappingURL=design-system210.js.map

package/dist/design-system210.mjs

@@ -1,4 +1,4 @@
-import r from "./design-system121.mjs";
+import r from "./design-system120.mjs";
 var t = r.Uint8Array;
 const o = t;
 export {

package/dist/design-system211.js

@@ -1,2 +1,2 @@
-"use strict";function r(o){var t=typeof o;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?o!=="__proto__":o===null}module.exports=r;
+"use strict";const t=require("./design-system218.js");function e(){this.__data__=t?t(null):{},this.size=0}module.exports=e;
 //# sourceMappingURL=design-system211.js.map

package/dist/design-system211.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system211.js","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,EAAO,CACxB,IAAIC,EAAO,OAAOD,EAClB,OAAQC,GAAQ,UAAYA,GAAQ,UAAYA,GAAQ,UAAYA,GAAQ,UACvED,IAAU,YACVA,IAAU,IACjB","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system211.js","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":"sDASA,SAASA,GAAY,CACnB,KAAK,SAAWC,EAAeA,EAAa,IAAI,EAAI,CAAA,EACpD,KAAK,KAAO,CACd","x_google_ignoreList":[0]}

package/dist/design-system211.mjs

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

package/dist/design-system211.mjs.map

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

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

package/dist/design-system212.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system212.js","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":"sDASA,SAASA,GAAY,CACnB,KAAK,SAAWC,EAAeA,EAAa,IAAI,EAAI,CAAA,EACpD,KAAK,KAAO,CACd","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system212.js","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,EAAK,CACvB,IAAIC,EAAS,KAAK,IAAID,CAAG,GAAK,OAAO,KAAK,SAASA,CAAG,EACtD,YAAK,MAAQC,EAAS,EAAI,EACnBA,CACT","x_google_ignoreList":[0]}

package/dist/design-system212.mjs

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

package/dist/design-system212.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";function s(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e}module.exports=s;
+"use strict";const a=require("./design-system218.js");var n="__lodash_hash_undefined__",_=Object.prototype,o=_.hasOwnProperty;function d(r){var t=this.__data__;if(a){var e=t[r];return e===n?void 0:e}return o.call(t,r)?t[r]:void 0}module.exports=d;
 //# sourceMappingURL=design-system213.js.map

package/dist/design-system213.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system213.js","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,EAAK,CACvB,IAAIC,EAAS,KAAK,IAAID,CAAG,GAAK,OAAO,KAAK,SAASA,CAAG,EACtD,YAAK,MAAQC,EAAS,EAAI,EACnBA,CACT","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system213.js","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":"sDAGA,IAAIA,EAAiB,4BAGjBC,EAAc,OAAO,UAGrBC,EAAiBD,EAAY,eAWjC,SAASE,EAAQC,EAAK,CACpB,IAAIC,EAAO,KAAK,SAChB,GAAIC,EAAc,CAChB,IAAIC,EAASF,EAAKD,CAAG,EACrB,OAAOG,IAAWP,EAAiB,OAAYO,CAChD,CACD,OAAOL,EAAe,KAAKG,EAAMD,CAAG,EAAIC,EAAKD,CAAG,EAAI,MACtD","x_google_ignoreList":[0]}

package/dist/design-system213.mjs

@@ -1,8 +1,14 @@
-function s(t) {
-  var e = this.has(t) && delete this.__data__[t];
-  return this.size -= e ? 1 : 0, e;
+import e from "./design-system218.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 {
-  s as default
+  h as default
 };
 //# sourceMappingURL=design-system213.mjs.map

package/dist/design-system213.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";const a=require("./design-system218.js");var n="__lodash_hash_undefined__",_=Object.prototype,o=_.hasOwnProperty;function d(r){var t=this.__data__;if(a){var e=t[r];return e===n?void 0:e}return o.call(t,r)?t[r]:void 0}module.exports=d;
+"use strict";const a=require("./design-system218.js");var e=Object.prototype,o=e.hasOwnProperty;function n(t){var r=this.__data__;return a?r[t]!==void 0:o.call(r,t)}module.exports=n;
 //# sourceMappingURL=design-system214.js.map

package/dist/design-system214.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system214.js","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":"sDAGA,IAAIA,EAAiB,4BAGjBC,EAAc,OAAO,UAGrBC,EAAiBD,EAAY,eAWjC,SAASE,EAAQC,EAAK,CACpB,IAAIC,EAAO,KAAK,SAChB,GAAIC,EAAc,CAChB,IAAIC,EAASF,EAAKD,CAAG,EACrB,OAAOG,IAAWP,EAAiB,OAAYO,CAChD,CACD,OAAOL,EAAe,KAAKG,EAAMD,CAAG,EAAIC,EAAKD,CAAG,EAAI,MACtD","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system214.js","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":"sDAGA,IAAIA,EAAc,OAAO,UAGrBC,EAAiBD,EAAY,eAWjC,SAASE,EAAQC,EAAK,CACpB,IAAIC,EAAO,KAAK,SAChB,OAAOC,EAAgBD,EAAKD,CAAG,IAAM,OAAaF,EAAe,KAAKG,EAAMD,CAAG,CACjF","x_google_ignoreList":[0]}

package/dist/design-system214.mjs

@@ -1,14 +1,10 @@
-import e from "./design-system218.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;
+import r from "./design-system218.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 {
-  h as default
+  p as default
 };
 //# sourceMappingURL=design-system214.mjs.map

package/dist/design-system214.mjs.map

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

@@ -1,2 +1,2 @@
-"use strict";const a=require("./design-system218.js");var e=Object.prototype,o=e.hasOwnProperty;function n(t){var r=this.__data__;return a?r[t]!==void 0:o.call(r,t)}module.exports=n;
+"use strict";const _=require("./design-system218.js");var a="__lodash_hash_undefined__";function i(t,s){var e=this.__data__;return this.size+=this.has(t)?0:1,e[t]=_&&s===void 0?a:s,this}module.exports=i;
 //# sourceMappingURL=design-system215.js.map

package/dist/design-system215.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system215.js","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":"sDAGA,IAAIA,EAAc,OAAO,UAGrBC,EAAiBD,EAAY,eAWjC,SAASE,EAAQC,EAAK,CACpB,IAAIC,EAAO,KAAK,SAChB,OAAOC,EAAgBD,EAAKD,CAAG,IAAM,OAAaF,EAAe,KAAKG,EAAMD,CAAG,CACjF","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system215.js","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":"sDAGA,IAAIA,EAAiB,4BAYrB,SAASC,EAAQC,EAAKC,EAAO,CAC3B,IAAIC,EAAO,KAAK,SAChB,YAAK,MAAQ,KAAK,IAAIF,CAAG,EAAI,EAAI,EACjCE,EAAKF,CAAG,EAAKG,GAAgBF,IAAU,OAAaH,EAAiBG,EAC9D,IACT","x_google_ignoreList":[0]}

package/dist/design-system215.mjs

@@ -1,10 +1,10 @@
-import r from "./design-system218.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-system218.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 {
-  p as default
+  s as default
 };
 //# sourceMappingURL=design-system215.mjs.map

package/dist/design-system215.mjs.map

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