@7pmlabs/design-system 0.4.17 → 0.5.1

package/dist/design-system194.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system194.js","sources":["../node_modules/lodash-es/_getSymbolsIn.js"],"sourcesContent":["import arrayPush from './_arrayPush.js';\nimport getPrototype from './_getPrototype.js';\nimport getSymbols from './_getSymbols.js';\nimport stubArray from './stubArray.js';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeGetSymbols = Object.getOwnPropertySymbols;\n\n/**\n * Creates an array of the own and inherited enumerable symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of symbols.\n */\nvar getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {\n  var result = [];\n  while (object) {\n    arrayPush(result, getSymbols(object));\n    object = getPrototype(object);\n  }\n  return result;\n};\n\nexport default getSymbolsIn;\n"],"names":["nativeGetSymbols","getSymbolsIn","object","result","arrayPush","getSymbols","getPrototype","stubArray","getSymbolsIn$1"],"mappings":"+JAMA,IAAIA,EAAmB,OAAO,sBAS1BC,EAAgBD,EAA+B,SAASE,EAAQ,CAElE,QADIC,EAAS,CAAA,EACND,GACLE,EAAUD,EAAQE,EAAWH,CAAM,CAAC,EACpCA,EAASI,EAAaJ,CAAM,EAE9B,OAAOC,CACT,EAPuCI,EASvC,MAAAC,EAAeP","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system194.js","sources":["../node_modules/lodash-es/_baseGetAllKeys.js"],"sourcesContent":["import arrayPush from './_arrayPush.js';\nimport isArray from './isArray.js';\n\n/**\n * The base implementation of `getAllKeys` and `getAllKeysIn` which uses\n * `keysFunc` and `symbolsFunc` to get the enumerable property names and\n * symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Function} keysFunc The function to get the keys of `object`.\n * @param {Function} symbolsFunc The function to get the symbols of `object`.\n * @returns {Array} Returns the array of property names and symbols.\n */\nfunction baseGetAllKeys(object, keysFunc, symbolsFunc) {\n  var result = keysFunc(object);\n  return isArray(object) ? result : arrayPush(result, symbolsFunc(object));\n}\n\nexport default baseGetAllKeys;\n"],"names":["baseGetAllKeys","object","keysFunc","symbolsFunc","result","isArray","arrayPush"],"mappings":"yFAcA,SAASA,EAAeC,EAAQC,EAAUC,EAAa,CACrD,IAAIC,EAASF,EAASD,CAAM,EAC5B,OAAOI,EAAQJ,CAAM,EAAIG,EAASE,EAAUF,EAAQD,EAAYF,CAAM,CAAC,CACzE","x_google_ignoreList":[0]}

package/dist/design-system194.mjs

@@ -1,14 +1,10 @@
-import o from "./design-system166.mjs";
-import m from "./design-system182.mjs";
-import e from "./design-system202.mjs";
-import s from "./design-system148.mjs";
-var a = Object.getOwnPropertySymbols, y = a ? function(r) {
-  for (var t = []; r; )
-    o(t, e(r)), r = m(r);
-  return t;
-} : s;
-const f = y;
+import e from "./design-system165.mjs";
+import u from "./design-system123.mjs";
+function l(r, s, t) {
+  var a = s(r);
+  return u(r) ? a : e(a, t(r));
+}
 export {
-  f as default
+  l as default
 };
 //# sourceMappingURL=design-system194.mjs.map

package/dist/design-system194.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system194.mjs","sources":["../node_modules/lodash-es/_getSymbolsIn.js"],"sourcesContent":["import arrayPush from './_arrayPush.js';\nimport getPrototype from './_getPrototype.js';\nimport getSymbols from './_getSymbols.js';\nimport stubArray from './stubArray.js';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeGetSymbols = Object.getOwnPropertySymbols;\n\n/**\n * Creates an array of the own and inherited enumerable symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of symbols.\n */\nvar getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {\n  var result = [];\n  while (object) {\n    arrayPush(result, getSymbols(object));\n    object = getPrototype(object);\n  }\n  return result;\n};\n\nexport default getSymbolsIn;\n"],"names":["nativeGetSymbols","getSymbolsIn","object","result","arrayPush","getSymbols","getPrototype","stubArray","getSymbolsIn$1"],"mappings":";;;;AAMA,IAAIA,IAAmB,OAAO,uBAS1BC,IAAgBD,IAA+B,SAASE,GAAQ;AAElE,WADIC,IAAS,CAAA,GACND;AACL,IAAAE,EAAUD,GAAQE,EAAWH,CAAM,CAAC,GACpCA,IAASI,EAAaJ,CAAM;AAE9B,SAAOC;AACT,IAPuCI;AASvC,MAAAC,IAAeP;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system194.mjs","sources":["../node_modules/lodash-es/_baseGetAllKeys.js"],"sourcesContent":["import arrayPush from './_arrayPush.js';\nimport isArray from './isArray.js';\n\n/**\n * The base implementation of `getAllKeys` and `getAllKeysIn` which uses\n * `keysFunc` and `symbolsFunc` to get the enumerable property names and\n * symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Function} keysFunc The function to get the keys of `object`.\n * @param {Function} symbolsFunc The function to get the symbols of `object`.\n * @returns {Array} Returns the array of property names and symbols.\n */\nfunction baseGetAllKeys(object, keysFunc, symbolsFunc) {\n  var result = keysFunc(object);\n  return isArray(object) ? result : arrayPush(result, symbolsFunc(object));\n}\n\nexport default baseGetAllKeys;\n"],"names":["baseGetAllKeys","object","keysFunc","symbolsFunc","result","isArray","arrayPush"],"mappings":";;AAcA,SAASA,EAAeC,GAAQC,GAAUC,GAAa;AACrD,MAAIC,IAASF,EAASD,CAAM;AAC5B,SAAOI,EAAQJ,CAAM,IAAIG,IAASE,EAAUF,GAAQD,EAAYF,CAAM,CAAC;AACzE;","x_google_ignoreList":[0]}

package/dist/design-system195.js

@@ -1,2 +1,2 @@
-"use strict";const u=require("./design-system180.js"),i=require("./design-system211.js");function n(t,r){var e=i(t,r);return u(e)?e:void 0}module.exports=n;
+"use strict";const t=require("./design-system165.js"),s=require("./design-system183.js"),n=require("./design-system203.js"),o=require("./design-system147.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-system195.js.map

package/dist/design-system195.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system195.js","sources":["../node_modules/lodash-es/_getNative.js"],"sourcesContent":["import baseIsNative from './_baseIsNative.js';\nimport getValue from './_getValue.js';\n\n/**\n * Gets the native function at `key` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the method to get.\n * @returns {*} Returns the function if it's native, else `undefined`.\n */\nfunction getNative(object, key) {\n  var value = getValue(object, key);\n  return baseIsNative(value) ? value : undefined;\n}\n\nexport default getNative;\n"],"names":["getNative","object","key","value","getValue","baseIsNative"],"mappings":"yFAWA,SAASA,EAAUC,EAAQC,EAAK,CAC9B,IAAIC,EAAQC,EAASH,EAAQC,CAAG,EAChC,OAAOG,EAAaF,CAAK,EAAIA,EAAQ,MACvC","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system195.js","sources":["../node_modules/lodash-es/_getSymbolsIn.js"],"sourcesContent":["import arrayPush from './_arrayPush.js';\nimport getPrototype from './_getPrototype.js';\nimport getSymbols from './_getSymbols.js';\nimport stubArray from './stubArray.js';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeGetSymbols = Object.getOwnPropertySymbols;\n\n/**\n * Creates an array of the own and inherited enumerable symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of symbols.\n */\nvar getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {\n  var result = [];\n  while (object) {\n    arrayPush(result, getSymbols(object));\n    object = getPrototype(object);\n  }\n  return result;\n};\n\nexport default getSymbolsIn;\n"],"names":["nativeGetSymbols","getSymbolsIn","object","result","arrayPush","getSymbols","getPrototype","stubArray","getSymbolsIn$1"],"mappings":"+JAMA,IAAIA,EAAmB,OAAO,sBAS1BC,EAAgBD,EAA+B,SAASE,EAAQ,CAElE,QADIC,EAAS,CAAA,EACND,GACLE,EAAUD,EAAQE,EAAWH,CAAM,CAAC,EACpCA,EAASI,EAAaJ,CAAM,EAE9B,OAAOC,CACT,EAPuCI,EASvC,MAAAC,EAAeP","x_google_ignoreList":[0]}

package/dist/design-system195.mjs

@@ -1,9 +1,13 @@
-import r from "./design-system180.mjs";
-import i from "./design-system211.mjs";
-function f(t, a) {
-  var e = i(t, a);
-  return r(e) ? e : void 0;
-}
+import o from "./design-system165.mjs";
+import m from "./design-system183.mjs";
+import e from "./design-system203.mjs";
+import s from "./design-system147.mjs";
+var a = Object.getOwnPropertySymbols, y = a ? function(r) {
+  for (var t = []; r; )
+    o(t, e(r)), r = m(r);
+  return t;
+} : s;
+const f = y;
 export {
   f as default
 };

package/dist/design-system195.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system195.mjs","sources":["../node_modules/lodash-es/_getNative.js"],"sourcesContent":["import baseIsNative from './_baseIsNative.js';\nimport getValue from './_getValue.js';\n\n/**\n * Gets the native function at `key` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the method to get.\n * @returns {*} Returns the function if it's native, else `undefined`.\n */\nfunction getNative(object, key) {\n  var value = getValue(object, key);\n  return baseIsNative(value) ? value : undefined;\n}\n\nexport default getNative;\n"],"names":["getNative","object","key","value","getValue","baseIsNative"],"mappings":";;AAWA,SAASA,EAAUC,GAAQC,GAAK;AAC9B,MAAIC,IAAQC,EAASH,GAAQC,CAAG;AAChC,SAAOG,EAAaF,CAAK,IAAIA,IAAQ;AACvC;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system195.mjs","sources":["../node_modules/lodash-es/_getSymbolsIn.js"],"sourcesContent":["import arrayPush from './_arrayPush.js';\nimport getPrototype from './_getPrototype.js';\nimport getSymbols from './_getSymbols.js';\nimport stubArray from './stubArray.js';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeGetSymbols = Object.getOwnPropertySymbols;\n\n/**\n * Creates an array of the own and inherited enumerable symbols of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the array of symbols.\n */\nvar getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {\n  var result = [];\n  while (object) {\n    arrayPush(result, getSymbols(object));\n    object = getPrototype(object);\n  }\n  return result;\n};\n\nexport default getSymbolsIn;\n"],"names":["nativeGetSymbols","getSymbolsIn","object","result","arrayPush","getSymbols","getPrototype","stubArray","getSymbolsIn$1"],"mappings":";;;;AAMA,IAAIA,IAAmB,OAAO,uBAS1BC,IAAgBD,IAA+B,SAASE,GAAQ;AAElE,WADIC,IAAS,CAAA,GACND;AACL,IAAAE,EAAUD,GAAQE,EAAWH,CAAM,CAAC,GACpCA,IAASI,EAAaJ,CAAM;AAE9B,SAAOC;AACT,IAPuCI;AASvC,MAAAC,IAAeP;","x_google_ignoreList":[0]}

package/dist/design-system196.js

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

package/dist/design-system196.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system196.js","sources":["../node_modules/lodash-es/_ListCache.js"],"sourcesContent":["import listCacheClear from './_listCacheClear.js';\nimport listCacheDelete from './_listCacheDelete.js';\nimport listCacheGet from './_listCacheGet.js';\nimport listCacheHas from './_listCacheHas.js';\nimport listCacheSet from './_listCacheSet.js';\n\n/**\n * Creates an list cache object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction ListCache(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 `ListCache`.\nListCache.prototype.clear = listCacheClear;\nListCache.prototype['delete'] = listCacheDelete;\nListCache.prototype.get = listCacheGet;\nListCache.prototype.has = listCacheHas;\nListCache.prototype.set = listCacheSet;\n\nexport default ListCache;\n"],"names":["ListCache","entries","index","length","entry","listCacheClear","listCacheDelete","listCacheGet","listCacheHas","listCacheSet"],"mappings":"kMAaA,SAASA,EAAUC,EAAS,CAC1B,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,EAAU,UAAU,MAAQK,EAC5BL,EAAU,UAAU,OAAYM,EAChCN,EAAU,UAAU,IAAMO,EAC1BP,EAAU,UAAU,IAAMQ,EAC1BR,EAAU,UAAU,IAAMS","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system196.js","sources":["../node_modules/lodash-es/_getNative.js"],"sourcesContent":["import baseIsNative from './_baseIsNative.js';\nimport getValue from './_getValue.js';\n\n/**\n * Gets the native function at `key` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the method to get.\n * @returns {*} Returns the function if it's native, else `undefined`.\n */\nfunction getNative(object, key) {\n  var value = getValue(object, key);\n  return baseIsNative(value) ? value : undefined;\n}\n\nexport default getNative;\n"],"names":["getNative","object","key","value","getValue","baseIsNative"],"mappings":"yFAWA,SAASA,EAAUC,EAAQC,EAAK,CAC9B,IAAIC,EAAQC,EAASH,EAAQC,CAAG,EAChC,OAAOG,EAAaF,CAAK,EAAIA,EAAQ,MACvC","x_google_ignoreList":[0]}

package/dist/design-system196.mjs

@@ -1,21 +1,10 @@
-import p from "./design-system212.mjs";
-import a from "./design-system213.mjs";
-import i from "./design-system214.mjs";
-import h from "./design-system215.mjs";
-import s from "./design-system216.mjs";
-function t(e) {
-  var o = -1, l = e == null ? 0 : e.length;
-  for (this.clear(); ++o < l; ) {
-    var r = e[o];
-    this.set(r[0], r[1]);
-  }
+import r from "./design-system181.mjs";
+import i from "./design-system212.mjs";
+function f(t, a) {
+  var e = i(t, a);
+  return r(e) ? e : void 0;
 }
-t.prototype.clear = p;
-t.prototype.delete = a;
-t.prototype.get = i;
-t.prototype.has = h;
-t.prototype.set = s;
 export {
-  t as default
+  f as default
 };
 //# sourceMappingURL=design-system196.mjs.map

package/dist/design-system196.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system196.mjs","sources":["../node_modules/lodash-es/_ListCache.js"],"sourcesContent":["import listCacheClear from './_listCacheClear.js';\nimport listCacheDelete from './_listCacheDelete.js';\nimport listCacheGet from './_listCacheGet.js';\nimport listCacheHas from './_listCacheHas.js';\nimport listCacheSet from './_listCacheSet.js';\n\n/**\n * Creates an list cache object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction ListCache(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 `ListCache`.\nListCache.prototype.clear = listCacheClear;\nListCache.prototype['delete'] = listCacheDelete;\nListCache.prototype.get = listCacheGet;\nListCache.prototype.has = listCacheHas;\nListCache.prototype.set = listCacheSet;\n\nexport default ListCache;\n"],"names":["ListCache","entries","index","length","entry","listCacheClear","listCacheDelete","listCacheGet","listCacheHas","listCacheSet"],"mappings":";;;;;AAaA,SAASA,EAAUC,GAAS;AAC1B,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,EAAU,UAAU,QAAQK;AAC5BL,EAAU,UAAU,SAAYM;AAChCN,EAAU,UAAU,MAAMO;AAC1BP,EAAU,UAAU,MAAMQ;AAC1BR,EAAU,UAAU,MAAMS;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system196.mjs","sources":["../node_modules/lodash-es/_getNative.js"],"sourcesContent":["import baseIsNative from './_baseIsNative.js';\nimport getValue from './_getValue.js';\n\n/**\n * Gets the native function at `key` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the method to get.\n * @returns {*} Returns the function if it's native, else `undefined`.\n */\nfunction getNative(object, key) {\n  var value = getValue(object, key);\n  return baseIsNative(value) ? value : undefined;\n}\n\nexport default getNative;\n"],"names":["getNative","object","key","value","getValue","baseIsNative"],"mappings":";;AAWA,SAASA,EAAUC,GAAQC,GAAK;AAC9B,MAAIC,IAAQC,EAASH,GAAQC,CAAG;AAChC,SAAOG,EAAaF,CAAK,IAAIA,IAAQ;AACvC;","x_google_ignoreList":[0]}

package/dist/design-system197.js

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

package/dist/design-system197.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system197.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-system197.js","sources":["../node_modules/lodash-es/_ListCache.js"],"sourcesContent":["import listCacheClear from './_listCacheClear.js';\nimport listCacheDelete from './_listCacheDelete.js';\nimport listCacheGet from './_listCacheGet.js';\nimport listCacheHas from './_listCacheHas.js';\nimport listCacheSet from './_listCacheSet.js';\n\n/**\n * Creates an list cache object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction ListCache(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 `ListCache`.\nListCache.prototype.clear = listCacheClear;\nListCache.prototype['delete'] = listCacheDelete;\nListCache.prototype.get = listCacheGet;\nListCache.prototype.has = listCacheHas;\nListCache.prototype.set = listCacheSet;\n\nexport default ListCache;\n"],"names":["ListCache","entries","index","length","entry","listCacheClear","listCacheDelete","listCacheGet","listCacheHas","listCacheSet"],"mappings":"kMAaA,SAASA,EAAUC,EAAS,CAC1B,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,EAAU,UAAU,MAAQK,EAC5BL,EAAU,UAAU,OAAYM,EAChCN,EAAU,UAAU,IAAMO,EAC1BP,EAAU,UAAU,IAAMQ,EAC1BR,EAAU,UAAU,IAAMS","x_google_ignoreList":[0]}

package/dist/design-system197.mjs

@@ -1,8 +1,21 @@
-import t from "./design-system196.mjs";
-function e() {
-  this.__data__ = new t(), this.size = 0;
+import p from "./design-system213.mjs";
+import a from "./design-system214.mjs";
+import i from "./design-system215.mjs";
+import h from "./design-system216.mjs";
+import s from "./design-system217.mjs";
+function t(e) {
+  var o = -1, l = e == null ? 0 : e.length;
+  for (this.clear(); ++o < l; ) {
+    var r = e[o];
+    this.set(r[0], r[1]);
+  }
 }
+t.prototype.clear = p;
+t.prototype.delete = a;
+t.prototype.get = i;
+t.prototype.has = h;
+t.prototype.set = s;
 export {
-  e as default
+  t as default
 };
 //# sourceMappingURL=design-system197.mjs.map

package/dist/design-system197.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system197.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-system197.mjs","sources":["../node_modules/lodash-es/_ListCache.js"],"sourcesContent":["import listCacheClear from './_listCacheClear.js';\nimport listCacheDelete from './_listCacheDelete.js';\nimport listCacheGet from './_listCacheGet.js';\nimport listCacheHas from './_listCacheHas.js';\nimport listCacheSet from './_listCacheSet.js';\n\n/**\n * Creates an list cache object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction ListCache(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 `ListCache`.\nListCache.prototype.clear = listCacheClear;\nListCache.prototype['delete'] = listCacheDelete;\nListCache.prototype.get = listCacheGet;\nListCache.prototype.has = listCacheHas;\nListCache.prototype.set = listCacheSet;\n\nexport default ListCache;\n"],"names":["ListCache","entries","index","length","entry","listCacheClear","listCacheDelete","listCacheGet","listCacheHas","listCacheSet"],"mappings":";;;;;AAaA,SAASA,EAAUC,GAAS;AAC1B,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,EAAU,UAAU,QAAQK;AAC5BL,EAAU,UAAU,SAAYM;AAChCN,EAAU,UAAU,MAAMO;AAC1BP,EAAU,UAAU,MAAMQ;AAC1BR,EAAU,UAAU,MAAMS;","x_google_ignoreList":[0]}

package/dist/design-system198.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 t=require("./design-system197.js");function s(){this.__data__=new t,this.size=0}module.exports=s;
 //# sourceMappingURL=design-system198.js.map

package/dist/design-system198.js.map

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

package/dist/design-system198.mjs

@@ -1,8 +1,8 @@
-function s(t) {
-  var e = this.__data__, a = e.delete(t);
-  return this.size = e.size, a;
+import t from "./design-system197.mjs";
+function e() {
+  this.__data__ = new t(), this.size = 0;
 }
 export {
-  s as default
+  e as default
 };
 //# sourceMappingURL=design-system198.mjs.map

package/dist/design-system198.mjs.map

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

package/dist/design-system199.js

@@ -1,2 +1,2 @@
-"use strict";function e(t){return this.__data__.get(t)}module.exports=e;
+"use strict";function a(e){var t=this.__data__,s=t.delete(e);return this.size=t.size,s}module.exports=a;
 //# sourceMappingURL=design-system199.js.map

package/dist/design-system199.js.map

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

package/dist/design-system199.mjs

@@ -1,7 +1,8 @@
-function a(t) {
-  return this.__data__.get(t);
+function s(t) {
+  var e = this.__data__, a = e.delete(t);
+  return this.size = e.size, a;
 }
 export {
-  a as default
+  s as default
 };
 //# sourceMappingURL=design-system199.mjs.map

package/dist/design-system199.mjs.map

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

package/dist/design-system2.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./design-system50.js"),d=require("vue"),g=require("./design-system51.js");function $(){const{t:e,locale:m}=g.useI18n(),u=d.computed(()=>({0:e("ds.components.base.date_picker.days.sunday"),1:e("ds.components.base.date_picker.days.monday"),2:e("ds.components.base.date_picker.days.tuesday"),3:e("ds.components.base.date_picker.days.wednesday"),4:e("ds.components.base.date_picker.days.thursday"),5:e("ds.components.base.date_picker.days.friday"),6:e("ds.components.base.date_picker.days.saturday")})),p=d.computed(()=>({0:e("ds.components.base.date_picker.months.january"),1:e("ds.components.base.date_picker.months.february"),2:e("ds.components.base.date_picker.months.march"),3:e("ds.components.base.date_picker.months.april"),4:e("ds.components.base.date_picker.months.may"),5:e("ds.components.base.date_picker.months.june"),6:e("ds.components.base.date_picker.months.july"),7:e("ds.components.base.date_picker.months.august"),8:e("ds.components.base.date_picker.months.september"),9:e("ds.components.base.date_picker.months.october"),10:e("ds.components.base.date_picker.months.november"),11:e("ds.components.base.date_picker.months.december")})),h=d.computed(()=>({0:e("ds.components.base.date_picker.months_short.january"),1:e("ds.components.base.date_picker.months_short.february"),2:e("ds.components.base.date_picker.months_short.march"),3:e("ds.components.base.date_picker.months_short.april"),4:e("ds.components.base.date_picker.months_short.may"),5:e("ds.components.base.date_picker.months_short.june"),6:e("ds.components.base.date_picker.months_short.july"),7:e("ds.components.base.date_picker.months_short.august"),8:e("ds.components.base.date_picker.months_short.september"),9:e("ds.components.base.date_picker.months_short.october"),10:e("ds.components.base.date_picker.months_short.november"),11:e("ds.components.base.date_picker.months_short.december")})),i=d.computed(()=>({0:e("ds.components.base.date_picker.days_short.sunday"),1:e("ds.components.base.date_picker.days_short.monday"),2:e("ds.components.base.date_picker.days_short.tuesday"),3:e("ds.components.base.date_picker.days_short.wednesday"),4:e("ds.components.base.date_picker.days_short.thursday"),5:e("ds.components.base.date_picker.days_short.friday"),6:e("ds.components.base.date_picker.days_short.saturday")})),_=s=>{if(!r(s))return s;const t=u.value[s.getDay()],c=p.value[s.getMonth()],o=`${t}, ${c} ${s.getDate()}, ${s.getFullYear()}`,n=`${t}, ${s.getDate()}/${s.getMonth()+1}/${s.getFullYear()}`;return{"en-US":o,"vi-VN":n}[m.value]||o},b=s=>r(s)?{"vi-VN":`${a.padStartZero(s.getDate(),2)}/${a.padStartZero(s.getMonth()+1,2)}/${a.padStartZero(s.getFullYear(),4)}`,"en-US":`${p.value[s.getMonth()]} ${a.padStartZero(s.getDate(),2)}, ${s.getFullYear()}`}[m.value]:s,l=s=>{if(!r(s))return s;const t=new Date(s),c=t.getHours(),o=t.getMinutes(),n=`${a.padStartZero(c,2)}:${a.padStartZero(o,2)}`;return{"vi-VN":n,"en-US":n}[m.value]},y=(s,t="full")=>{if(!r(s))return s;const o={full:p.value,short:h.value,number:["01","02","03","04","05","06","07","08","09","10","11","12"]}[t][s.getMonth()],n=s.getFullYear();return`${t==="number"?`${o}/`:`${o} `}${n}`},r=s=>s?s.toString()!=="Invalid Date":!1;return{formatTime:l,formatDate:b,formatDateHuge:_,formatMonthYear:y,dayShortNames:i}}exports.useDate=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./design-system51.js"),d=require("vue"),g=require("./design-system52.js");function $(){const{t:e,locale:m}=g.useI18n(),u=d.computed(()=>({0:e("ds.components.base.date_picker.days.sunday"),1:e("ds.components.base.date_picker.days.monday"),2:e("ds.components.base.date_picker.days.tuesday"),3:e("ds.components.base.date_picker.days.wednesday"),4:e("ds.components.base.date_picker.days.thursday"),5:e("ds.components.base.date_picker.days.friday"),6:e("ds.components.base.date_picker.days.saturday")})),p=d.computed(()=>({0:e("ds.components.base.date_picker.months.january"),1:e("ds.components.base.date_picker.months.february"),2:e("ds.components.base.date_picker.months.march"),3:e("ds.components.base.date_picker.months.april"),4:e("ds.components.base.date_picker.months.may"),5:e("ds.components.base.date_picker.months.june"),6:e("ds.components.base.date_picker.months.july"),7:e("ds.components.base.date_picker.months.august"),8:e("ds.components.base.date_picker.months.september"),9:e("ds.components.base.date_picker.months.october"),10:e("ds.components.base.date_picker.months.november"),11:e("ds.components.base.date_picker.months.december")})),h=d.computed(()=>({0:e("ds.components.base.date_picker.months_short.january"),1:e("ds.components.base.date_picker.months_short.february"),2:e("ds.components.base.date_picker.months_short.march"),3:e("ds.components.base.date_picker.months_short.april"),4:e("ds.components.base.date_picker.months_short.may"),5:e("ds.components.base.date_picker.months_short.june"),6:e("ds.components.base.date_picker.months_short.july"),7:e("ds.components.base.date_picker.months_short.august"),8:e("ds.components.base.date_picker.months_short.september"),9:e("ds.components.base.date_picker.months_short.october"),10:e("ds.components.base.date_picker.months_short.november"),11:e("ds.components.base.date_picker.months_short.december")})),i=d.computed(()=>({0:e("ds.components.base.date_picker.days_short.sunday"),1:e("ds.components.base.date_picker.days_short.monday"),2:e("ds.components.base.date_picker.days_short.tuesday"),3:e("ds.components.base.date_picker.days_short.wednesday"),4:e("ds.components.base.date_picker.days_short.thursday"),5:e("ds.components.base.date_picker.days_short.friday"),6:e("ds.components.base.date_picker.days_short.saturday")})),_=s=>{if(!r(s))return s;const t=u.value[s.getDay()],c=p.value[s.getMonth()],o=`${t}, ${c} ${s.getDate()}, ${s.getFullYear()}`,n=`${t}, ${s.getDate()}/${s.getMonth()+1}/${s.getFullYear()}`;return{"en-US":o,"vi-VN":n}[m.value]||o},b=s=>r(s)?{"vi-VN":`${a.padStartZero(s.getDate(),2)}/${a.padStartZero(s.getMonth()+1,2)}/${a.padStartZero(s.getFullYear(),4)}`,"en-US":`${p.value[s.getMonth()]} ${a.padStartZero(s.getDate(),2)}, ${s.getFullYear()}`}[m.value]:s,l=s=>{if(!r(s))return s;const t=new Date(s),c=t.getHours(),o=t.getMinutes(),n=`${a.padStartZero(c,2)}:${a.padStartZero(o,2)}`;return{"vi-VN":n,"en-US":n}[m.value]},y=(s,t="full")=>{if(!r(s))return s;const o={full:p.value,short:h.value,number:["01","02","03","04","05","06","07","08","09","10","11","12"]}[t][s.getMonth()],n=s.getFullYear();return`${t==="number"?`${o}/`:`${o} `}${n}`},r=s=>s?s.toString()!=="Invalid Date":!1;return{formatTime:l,formatDate:b,formatDateHuge:_,formatMonthYear:y,dayShortNames:i}}exports.useDate=$;
 //# sourceMappingURL=design-system2.js.map

package/dist/design-system2.mjs

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

package/dist/design-system20.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),A=require("./design-system30.js"),K=require("./design-system3.js"),P=require("./design-system51.js"),N=require("./design-system104.js"),$=require("./design-system101.js"),L=require("./design-system105.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:focusIndex","update:modelValue"],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"),K=require("./design-system31.js"),P=require("./design-system3.js"),N=require("./design-system52.js"),$=require("./design-system107.js"),L=require("./design-system102.js"),S=require("./design-system108.js"),W={class:"ds-flex ds-items-center ds-justify-center ds-space-x-2"},z=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:focusIndex","update:modelValue"],setup(b,{expose:k,emit:O}){const s=b,l=O,{t:x}=N.useI18n(),B={validateRule:e=>!!e,errorMessage:()=>s.requiredErrorMessage||x("ds.global.field_required")},i=t.ref(0),p=t.ref([]),f=t.ref(null),q=e=>{u.value=e},y=()=>{u.value=-1},C=t.computed(()=>s.inputId||`id-${L()}`),n=t.computed({get(){return s.modelValue.split("")},set(e){l("update:modelValue",e.join(""))}}),D=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}}),V=t.computed(()=>{let e=[];return s.required&&e.push(B),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),R=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}=P.useValidationField(C.value,D,V.value),F=()=>{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=S(n.value);const o=p.value.join(""),r=n.value.join("");o!==r&&(l("change",r),h())},j=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((_,A)=>{n.value[A]=_}),c(a.slice(0,s.numInputs).length),l("update:modelValue",n.value.join("")),h()},E=e=>{d(e),g()},M=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}},w=()=>{v()};return k({validate:v,focus:F}),(e,o)=>(t.openBlock(),t.createElementBlock("div",null,[t.createElementVNode("div",W,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.numInputs,(r,a)=>(t.openBlock(),t.createBlock($,{key:a,ref_for:!0,ref_key:"boxRefs",ref:f,class:t.normalizeClass(R.value),focus:u.value===a,"is-disabled":e.disabled,value:n.value[a],onOnChange:E,onOnKeydown:M,onOnKeyup:w,onOnPaste:j,onOnFocus:_=>q(a),onOnBlur:y},null,8,["class","focus","is-disabled","value","onOnFocus"]))),128))]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(K,{key:0,"error-message":t.unref(m).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=z;
 //# sourceMappingURL=design-system20.js.map

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 }) {\n\nconst props = __props;\n\n// Sourcecode: https://github.com/ejirocodes/vue3-otp-input\n\n//#endregion\n\n//#region Events\n\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","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":"kPAGMA,EAAa,CAAE,MAAO,0DA2CAC,EAAiBC,kBAAA,CAC3C,OAAQ,YACR,MAAO,CACL,QAAS,CAAE,QAAS,EAAG,EACvB,WAAY,CAAE,QAAS,EAAG,EAC1B,UAAW,CAAE,QAAS,CAAE,EACxB,WAAY,CAAE,QAAS,MAAU,EACjC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,cAAe,CAAE,QAAS,EAAG,EAC7B,gBAAiB,CAAE,QAAS,MAAU,EACtC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,EAC1C,qBAAsB,CAAE,QAAS,EAAG,EACpC,YAAa,CAAE,KAAM,QAAS,QAAS,EAAM,CAC/C,EACA,MAAO,CAAC,WAAY,SAAU,oBAAqB,mBAAmB,EACtE,MAAMC,EAAc,CAAE,OAAQC,EAAU,KAAAC,GAAQ,CAElD,MAAMC,EAAQH,EAWR,CAAE,EAAAI,GAAMC,EAAAA,UACRC,EAAmC,CACvC,aAAeC,GAAgB,CAAC,CAACA,EACjC,aAAc,IACZJ,EAAM,sBAAwBC,EAAE,0BAA0B,CAAA,EAExDI,EAASC,MAAI,CAAC,EACdC,EAASD,MAAW,CAAA,CAAE,EACtBE,EAAUF,MAAqD,IAAI,EACnEG,EAAiBC,GAAkB,CACvCC,EAAgB,MAAQD,CAAA,EAEpBE,EAAe,IAAM,CACzBD,EAAgB,MAAQ,EAAA,EAEpBE,EAAKC,WAAS,IAAMd,EAAM,SAAW,MAAMe,GAAM,EAAE,EACnDC,EAAQF,EAAAA,SAAgB,CAC5B,KAAM,CACG,OAAAd,EAAM,WAAW,MAAM,EAAE,CAClC,EACA,IAAII,EAAU,CACZL,EAAK,oBAAqBK,EAAI,KAAK,EAAE,CAAC,CACxC,CAAA,CACD,EACKa,EAAgBH,EAAA,SAAS,IAAMd,EAAM,UAAU,EAC/CW,EAAkBG,EAAAA,SAAS,CAC/B,KAAM,CACJ,OAAOd,EAAM,aAAe,OAAYA,EAAM,WAAaK,EAAO,KACpE,EACA,IAAID,EAAa,CACXJ,EAAM,aAAe,OACvBD,EAAK,oBAAqBK,CAAG,EAE7BC,EAAO,MAAQD,CAEnB,CAAA,CACD,EACKc,EAASJ,EAAAA,SAAS,IAAM,CAC5B,IAAIK,EAA2B,CAAA,EAE/B,OAAInB,EAAM,UACRmB,EAAO,KAAKhB,CAAgB,EAE1BH,EAAM,kBACCmB,EAAAA,EAAO,OAAOnB,EAAM,eAAe,GAGvCmB,EAAO,OAASA,EAAS,MAAA,CACjC,EACKC,EAAqBN,EAAAA,SAAS,IAAM,CAEtCd,EAAM,SACF,4DACA,uBACJqB,EAAiB,MAAM,MACnB,kFACA,sDAENrB,EAAM,aAAA,CACP,EAEK,CAAE,SAAAsB,EAAU,iBAAAD,CAAA,EAAqBE,EAAA,mBACrCV,EAAG,MACHI,EACAC,EAAO,KAAA,EAKHM,EAAQ,IAAM,CAClBhB,EAAQ,MAAOG,EAAgB,KAAK,EAAE,MAAM,CAAA,EAExCc,EAAuB,IACvBT,EAAM,MAAM,KAAK,EAAE,EAAE,SAAWhB,EAAM,UACjCD,EAAK,WAAYiB,EAAM,MAAM,KAAK,EAAE,CAAC,EAEvC,+DAGHU,EAAcC,GAAkB,CACpBhB,EAAA,MAAQ,KAAK,IAAI,KAAK,IAAIX,EAAM,UAAY,EAAG2B,CAAK,EAAG,CAAC,CAAA,EAGpEC,EAAiB,IAAM,CAChBF,EAAAf,EAAgB,MAAQ,CAAC,CAAA,EAGhCkB,EAAiB,IAAM,CAChBH,EAAAf,EAAgB,MAAQ,CAAC,CAAA,EAGhCmB,EAAqB1B,GAAyB,CAClDG,EAAO,MAAQ,CAAC,GAAGS,EAAM,KAAK,EAExBA,EAAA,MAAML,EAAgB,KAAK,EAAIP,EAC/BY,EAAA,MAAQe,EAAUf,EAAM,KAAK,EAEnC,MAAMgB,EAAYzB,EAAO,MAAM,KAAK,EAAE,EAChC0B,EAASjB,EAAM,MAAM,KAAK,EAAE,EAC9BgB,IAAcC,IAChBlC,EAAK,SAAUkC,CAAM,EACAR,IACvB,EAGIS,EAAiBC,GAAe,CACpCA,EAAM,eAAe,EACrB,MAAMC,EAAaD,EAAM,cACtB,QAAQ,YAAY,EACpB,MAAM,EAAGnC,EAAM,UAAYW,EAAgB,KAAK,EAChD,MAAM,EAAE,EACX,GAAI,CAACyB,EAAW,KAAK,EAAE,EAAE,MAAM,OAAO,EAC7B,MAAA,sBAKH,MAAAC,EADoBrB,EAAM,MAAM,MAAM,EAAGL,EAAgB,KAAK,EACnB,OAAOyB,CAAU,EAE3C,OAAAC,EAAA,MAAM,EAAGrC,EAAM,SAAS,EAAE,QAAQ,CAACI,EAAKkC,IAAM,CAC7DtB,EAAA,MAAMsB,CAAC,EAAIlC,CAAA,CAClB,EAEDsB,EAAWW,EAAuB,MAAM,EAAGrC,EAAM,SAAS,EAAE,MAAM,EAGlED,EAAK,oBAAqBiB,EAAM,MAAM,KAAK,EAAE,CAAC,EAEvCS,EAAqB,CAAA,EAExBc,EAAkBnC,GAAgB,CACtC0B,EAAkB1B,CAAG,EACNwB,GAAA,EAGXY,EAAmBL,GAAyB,CAChD,OAAQA,EAAM,IAAK,CACjB,IAAK,YACHA,EAAM,eAAe,EACrBL,EAAkB,EAAE,EACLD,IACf,MACF,IAAK,SACHM,EAAM,eAAe,EACrBL,EAAkB,EAAE,EACpB,MACF,IAAK,YACHK,EAAM,eAAe,EACNN,IACf,MACF,IAAK,aACHM,EAAM,eAAe,EACNP,IACf,KAGJ,CAAA,EAEIa,EAAgB,IAAM,CACjBnB,GAAA,EAIF,OAAAxB,EAAA,CAAE,SAAAwB,EAAU,MAAAE,CAAA,CAAO,EAErB,CAACkB,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAO,KAAM,CACrDC,EAAA,mBAAoB,MAAOpD,EAAY,EACpCkD,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAE,WAAW,KAAMC,EAAA,WAAYN,EAAK,UAAW,CAACO,EAAGX,KAC9EM,EAAA,UAAA,EAAcM,EAAA,YAAaC,EAAc,CAC/C,IAAKb,EACL,QAAS,GACT,QAAS,UACT,IAAK9B,EACL,MAAO4C,EAAAA,eAAgBhC,EAAmB,KAAK,EAC/C,MAAOT,EAAgB,QAAU2B,EACjC,cAAeI,EAAK,SACpB,MAAO1B,EAAM,MAAMsB,CAAC,EACpB,WAAYC,EACZ,YAAaC,EACb,UAAWC,EACX,UAAWP,EACX,UAAYmB,GAAiB5C,EAAc6B,CAAC,EAC5C,SAAU1B,CAAA,EACT,KAAM,EAAG,CAAC,QAAS,QAAS,cAAe,QAAS,WAAW,CAAC,EACpE,EAAG,GAAG,EAAA,CACR,EACC8B,EAAK,YAMHY,EAAoB,mBAAA,GAAI,EAAI,GAL3BV,EAAW,UAAA,EAAGM,EAAAA,YAAaK,EAAe,CACzC,IAAK,EACL,gBAAiBC,EAAA,MAAOnC,CAAgB,EAAE,aAAa,EACvD,MAAO,SAAA,EACN,KAAM,EAAG,CAAC,eAAe,CAAC,EACD,CACjC,EAEH,CAEA,CAAC"}
+{"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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"}

package/dist/design-system20.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as N, ref as f, computed as l, openBlock as d, createElementBlock as k, createElementVNode as L, Fragment as S, renderList as W, createBlock as C, normalizeClass as z, unref as U, createCommentVNode as G } from "vue";
-import H from "./design-system30.mjs";
-import { useValidationField as J } from "./design-system3.mjs";
-import { useI18n as Q } from "./design-system51.mjs";
-import T from "./design-system104.mjs";
-import X from "./design-system101.mjs";
-import Y from "./design-system105.mjs";
-const Z = { class: "ds-flex ds-items-center ds-justify-center ds-space-x-2" }, ue = /* @__PURE__ */ N({
+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-system107.mjs";
+import Y from "./design-system102.mjs";
+import Z from "./design-system108.mjs";
+const ee = { class: "ds-flex ds-items-center ds-justify-center ds-space-x-2" }, re = /* @__PURE__ */ L({
   __name: "BOtpField",
   props: {
     inputId: { default: "" },
@@ -20,63 +20,63 @@ const Z = { class: "ds-flex ds-items-center ds-justify-center ds-space-x-2" }, u
     hideDetails: { type: Boolean, default: !1 }
   },
   emits: ["complete", "change", "update:focusIndex", "update:modelValue"],
-  setup(D, { expose: _, emit: o }) {
-    const s = D, { t: y } = Q(), V = {
+  setup(D, { expose: _, emit: y }) {
+    const t = D, o = y, { t: V } = T(), B = {
       validateRule: (e) => !!e,
-      errorMessage: () => s.requiredErrorMessage || y("ds.global.field_required")
-    }, p = f(0), v = f([]), m = f(null), B = (e) => {
+      errorMessage: () => t.requiredErrorMessage || V("ds.global.field_required")
+    }, p = f(0), m = f([]), v = f(null), R = (e) => {
       a.value = e;
-    }, R = () => {
+    }, j = () => {
       a.value = -1;
-    }, j = l(() => s.inputId || `id-${X()}`), t = l({
+    }, F = l(() => t.inputId || `id-${Y()}`), s = l({
       get() {
-        return s.modelValue.split("");
+        return t.modelValue.split("");
       },
       set(e) {
         o("update:modelValue", e.join(""));
       }
-    }), F = l(() => s.modelValue), a = l({
+    }), q = l(() => t.modelValue), a = l({
       get() {
-        return s.focusIndex !== void 0 ? s.focusIndex : p.value;
+        return t.focusIndex !== void 0 ? t.focusIndex : p.value;
       },
       set(e) {
-        s.focusIndex !== void 0 ? o("update:focusIndex", e) : p.value = e;
+        t.focusIndex !== void 0 ? o("update:focusIndex", e) : p.value = e;
       }
-    }), q = l(() => {
+    }), w = l(() => {
       let e = [];
-      return s.required && e.push(V), s.validationRules && (e = e.concat(s.validationRules)), e.length ? e : void 0;
-    }), w = l(() => [
-      s.disabled ? "ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]" : "ds-text-black/[0.85]",
+      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",
-      s.inputCssClass
-    ]), { validate: h, validationResult: g } = J(
-      j.value,
-      F,
-      q.value
-    ), M = () => {
-      m.value[a.value].focus();
-    }, I = () => t.value.join("").length === s.numInputs ? o("complete", t.value.join("")) : "Wait until the user enters the required number of characters", c = (e) => {
-      a.value = Math.max(Math.min(s.numInputs - 1, e), 0);
+      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) => {
-      v.value = [...t.value], t.value[a.value] = e, t.value = Y(t.value);
-      const u = v.value.join(""), r = t.value.join("");
+      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) => {
+    }, $ = (e) => {
       e.preventDefault();
-      const u = e.clipboardData.getData("text/plain").slice(0, s.numInputs - a.value).split("");
+      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 = t.value.slice(0, a.value).concat(u);
-      return n.slice(0, s.numInputs).forEach((x, P) => {
-        t.value[P] = x;
-      }), c(n.slice(0, s.numInputs).length), o("update:modelValue", t.value.join("")), I();
-    }, $ = (e) => {
-      i(e), b();
+      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();
@@ -91,37 +91,37 @@ const Z = { class: "ds-flex ds-items-center ds-justify-center ds-space-x-2" }, u
           e.preventDefault(), b();
           break;
       }
-    }, K = () => {
+    }, P = () => {
       h();
     };
-    return _({ validate: h, focus: M }), (e, u) => (d(), k("div", null, [
-      L("div", Z, [
-        (d(!0), k(S, null, W(e.numInputs, (r, n) => (d(), C(T, {
+    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: m,
-          class: z(w.value),
+          ref: v,
+          class: U(M.value),
           focus: a.value === n,
           "is-disabled": e.disabled,
-          value: t.value[n],
-          onOnChange: $,
-          onOnKeydown: A,
-          onOnKeyup: K,
-          onOnPaste: E,
-          onOnFocus: (x) => B(n),
-          onOnBlur: R
+          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 ? G("", !0) : (d(), C(H, {
+      e.hideDetails ? H("", !0) : (d(), C(J, {
         key: 0,
-        "error-message": U(g).errorMessage(),
+        "error-message": G(g).errorMessage(),
         class: "ds-mt-1"
       }, null, 8, ["error-message"]))
     ]));
   }
 });
 export {
-  ue as default
+  re as default
 };
 //# sourceMappingURL=design-system20.mjs.map