@7pmlabs/design-system 0.4.6 → 0.4.8

package/dist/design-system144.js

@@ -1,2 +1,2 @@
-"use strict";function i(e,t){for(var n=-1,l=e==null?0:e.length;++n<l&&t(e[n],n,e)!==!1;);return e}module.exports=i;
+"use strict";const h=require("./design-system142.js"),l=require("./design-system143.js");function u(s,a,i,d){var g=!i;i||(i={});for(var f=-1,v=a.length;++f<v;){var n=a[f],r=d?d(i[n],s[n],n,i,s):void 0;r===void 0&&(r=s[n]),g?l(i,n,r):h(i,n,r)}return i}module.exports=u;
 //# sourceMappingURL=design-system144.js.map

package/dist/design-system144.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system144.js","sources":["../node_modules/lodash-es/_arrayEach.js"],"sourcesContent":["/**\n * A specialized version of `_.forEach` for arrays without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns `array`.\n */\nfunction arrayEach(array, iteratee) {\n  var index = -1,\n      length = array == null ? 0 : array.length;\n\n  while (++index < length) {\n    if (iteratee(array[index], index, array) === false) {\n      break;\n    }\n  }\n  return array;\n}\n\nexport default arrayEach;\n"],"names":["arrayEach","array","iteratee","index","length"],"mappings":"aASA,SAASA,EAAUC,EAAOC,EAAU,CAIlC,QAHIC,EAAQ,GACRC,EAASH,GAAS,KAAO,EAAIA,EAAM,OAEhC,EAAEE,EAAQC,GACXF,EAASD,EAAME,CAAK,EAAGA,EAAOF,CAAK,IAAM,IAA7C,CAIF,OAAOA,CACT","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system144.js","sources":["../node_modules/lodash-es/_copyObject.js"],"sourcesContent":["import assignValue from './_assignValue.js';\nimport baseAssignValue from './_baseAssignValue.js';\n\n/**\n * Copies properties of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy properties from.\n * @param {Array} props The property identifiers to copy.\n * @param {Object} [object={}] The object to copy properties to.\n * @param {Function} [customizer] The function to customize copied values.\n * @returns {Object} Returns `object`.\n */\nfunction copyObject(source, props, object, customizer) {\n  var isNew = !object;\n  object || (object = {});\n\n  var index = -1,\n      length = props.length;\n\n  while (++index < length) {\n    var key = props[index];\n\n    var newValue = customizer\n      ? customizer(object[key], source[key], key, object, source)\n      : undefined;\n\n    if (newValue === undefined) {\n      newValue = source[key];\n    }\n    if (isNew) {\n      baseAssignValue(object, key, newValue);\n    } else {\n      assignValue(object, key, newValue);\n    }\n  }\n  return object;\n}\n\nexport default copyObject;\n"],"names":["copyObject","source","props","object","customizer","isNew","index","length","key","newValue","baseAssignValue","assignValue"],"mappings":"yFAaA,SAASA,EAAWC,EAAQC,EAAOC,EAAQC,EAAY,CACrD,IAAIC,EAAQ,CAACF,EACbA,IAAWA,EAAS,CAAA,GAKpB,QAHIG,EAAQ,GACRC,EAASL,EAAM,OAEZ,EAAEI,EAAQC,GAAQ,CACvB,IAAIC,EAAMN,EAAMI,CAAK,EAEjBG,EAAWL,EACXA,EAAWD,EAAOK,CAAG,EAAGP,EAAOO,CAAG,EAAGA,EAAKL,EAAQF,CAAM,EACxD,OAEAQ,IAAa,SACfA,EAAWR,EAAOO,CAAG,GAEnBH,EACFK,EAAgBP,EAAQK,EAAKC,CAAQ,EAErCE,EAAYR,EAAQK,EAAKC,CAAQ,CAEpC,CACD,OAAON,CACT","x_google_ignoreList":[0]}

package/dist/design-system144.mjs

@@ -1,9 +1,15 @@
-function f(e, n) {
-  for (var l = -1, t = e == null ? 0 : e.length; ++l < t && n(e[l], l, e) !== !1; )
-    ;
-  return e;
+import v from "./design-system142.mjs";
+import h from "./design-system143.mjs";
+function x(a, r, i, d) {
+  var l = !i;
+  i || (i = {});
+  for (var g = -1, s = r.length; ++g < s; ) {
+    var n = r[g], f = d ? d(i[n], a[n], n, i, a) : void 0;
+    f === void 0 && (f = a[n]), l ? h(i, n, f) : v(i, n, f);
+  }
+  return i;
 }
 export {
-  f as default
+  x as default
 };
 //# sourceMappingURL=design-system144.mjs.map

package/dist/design-system144.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system144.mjs","sources":["../node_modules/lodash-es/_arrayEach.js"],"sourcesContent":["/**\n * A specialized version of `_.forEach` for arrays without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns `array`.\n */\nfunction arrayEach(array, iteratee) {\n  var index = -1,\n      length = array == null ? 0 : array.length;\n\n  while (++index < length) {\n    if (iteratee(array[index], index, array) === false) {\n      break;\n    }\n  }\n  return array;\n}\n\nexport default arrayEach;\n"],"names":["arrayEach","array","iteratee","index","length"],"mappings":"AASA,SAASA,EAAUC,GAAOC,GAAU;AAIlC,WAHIC,IAAQ,IACRC,IAASH,KAAS,OAAO,IAAIA,EAAM,QAEhC,EAAEE,IAAQC,KACXF,EAASD,EAAME,CAAK,GAAGA,GAAOF,CAAK,MAAM;AAA7C;AAIF,SAAOA;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system144.mjs","sources":["../node_modules/lodash-es/_copyObject.js"],"sourcesContent":["import assignValue from './_assignValue.js';\nimport baseAssignValue from './_baseAssignValue.js';\n\n/**\n * Copies properties of `source` to `object`.\n *\n * @private\n * @param {Object} source The object to copy properties from.\n * @param {Array} props The property identifiers to copy.\n * @param {Object} [object={}] The object to copy properties to.\n * @param {Function} [customizer] The function to customize copied values.\n * @returns {Object} Returns `object`.\n */\nfunction copyObject(source, props, object, customizer) {\n  var isNew = !object;\n  object || (object = {});\n\n  var index = -1,\n      length = props.length;\n\n  while (++index < length) {\n    var key = props[index];\n\n    var newValue = customizer\n      ? customizer(object[key], source[key], key, object, source)\n      : undefined;\n\n    if (newValue === undefined) {\n      newValue = source[key];\n    }\n    if (isNew) {\n      baseAssignValue(object, key, newValue);\n    } else {\n      assignValue(object, key, newValue);\n    }\n  }\n  return object;\n}\n\nexport default copyObject;\n"],"names":["copyObject","source","props","object","customizer","isNew","index","length","key","newValue","baseAssignValue","assignValue"],"mappings":";;AAaA,SAASA,EAAWC,GAAQC,GAAOC,GAAQC,GAAY;AACrD,MAAIC,IAAQ,CAACF;AACb,EAAAA,MAAWA,IAAS,CAAA;AAKpB,WAHIG,IAAQ,IACRC,IAASL,EAAM,QAEZ,EAAEI,IAAQC,KAAQ;AACvB,QAAIC,IAAMN,EAAMI,CAAK,GAEjBG,IAAWL,IACXA,EAAWD,EAAOK,CAAG,GAAGP,EAAOO,CAAG,GAAGA,GAAKL,GAAQF,CAAM,IACxD;AAEJ,IAAIQ,MAAa,WACfA,IAAWR,EAAOO,CAAG,IAEnBH,IACFK,EAAgBP,GAAQK,GAAKC,CAAQ,IAErCE,EAAYR,GAAQK,GAAKC,CAAQ;AAAA,EAEpC;AACD,SAAON;AACT;","x_google_ignoreList":[0]}

package/dist/design-system145.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system188.js");var t=function(){try{var e=r(Object,"defineProperty");return e({},"",{}),e}catch{}}();const i=t;module.exports=i;
+"use strict";function i(e,t){for(var n=-1,l=e==null?0:e.length;++n<l&&t(e[n],n,e)!==!1;);return e}module.exports=i;
 //# sourceMappingURL=design-system145.js.map

package/dist/design-system145.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system145.js","sources":["../node_modules/lodash-es/_defineProperty.js"],"sourcesContent":["import getNative from './_getNative.js';\n\nvar defineProperty = (function() {\n  try {\n    var func = getNative(Object, 'defineProperty');\n    func({}, '', {});\n    return func;\n  } catch (e) {}\n}());\n\nexport default defineProperty;\n"],"names":["defineProperty","func","getNative","defineProperty$1"],"mappings":"sDAEA,IAAIA,EAAkB,UAAW,CAC/B,GAAI,CACF,IAAIC,EAAOC,EAAU,OAAQ,gBAAgB,EAC7C,OAAAD,EAAK,CAAE,EAAE,GAAI,CAAA,CAAE,EACRA,CACX,MAAc,CAAE,CAChB,EAAC,EAED,MAAAE,EAAeH","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system145.js","sources":["../node_modules/lodash-es/_arrayEach.js"],"sourcesContent":["/**\n * A specialized version of `_.forEach` for arrays without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns `array`.\n */\nfunction arrayEach(array, iteratee) {\n  var index = -1,\n      length = array == null ? 0 : array.length;\n\n  while (++index < length) {\n    if (iteratee(array[index], index, array) === false) {\n      break;\n    }\n  }\n  return array;\n}\n\nexport default arrayEach;\n"],"names":["arrayEach","array","iteratee","index","length"],"mappings":"aASA,SAASA,EAAUC,EAAOC,EAAU,CAIlC,QAHIC,EAAQ,GACRC,EAASH,GAAS,KAAO,EAAIA,EAAM,OAEhC,EAAEE,EAAQC,GACXF,EAASD,EAAME,CAAK,EAAGA,EAAOF,CAAK,IAAM,IAA7C,CAIF,OAAOA,CACT","x_google_ignoreList":[0]}

package/dist/design-system145.mjs

@@ -1,13 +1,9 @@
-import r from "./design-system188.mjs";
-var t = function() {
-  try {
-    var e = r(Object, "defineProperty");
-    return e({}, "", {}), e;
-  } catch {
-  }
-}();
-const i = t;
+function f(e, n) {
+  for (var l = -1, t = e == null ? 0 : e.length; ++l < t && n(e[l], l, e) !== !1; )
+    ;
+  return e;
+}
 export {
-  i as default
+  f as default
 };
 //# sourceMappingURL=design-system145.mjs.map

package/dist/design-system145.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system145.mjs","sources":["../node_modules/lodash-es/_defineProperty.js"],"sourcesContent":["import getNative from './_getNative.js';\n\nvar defineProperty = (function() {\n  try {\n    var func = getNative(Object, 'defineProperty');\n    func({}, '', {});\n    return func;\n  } catch (e) {}\n}());\n\nexport default defineProperty;\n"],"names":["defineProperty","func","getNative","defineProperty$1"],"mappings":";AAEA,IAAIA,IAAkB,WAAW;AAC/B,MAAI;AACF,QAAIC,IAAOC,EAAU,QAAQ,gBAAgB;AAC7C,WAAAD,EAAK,CAAE,GAAE,IAAI,CAAA,CAAE,GACRA;AAAA,EACX,QAAc;AAAA,EAAE;AAChB,EAAC;AAED,MAAAE,IAAeH;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system145.mjs","sources":["../node_modules/lodash-es/_arrayEach.js"],"sourcesContent":["/**\n * A specialized version of `_.forEach` for arrays without support for\n * iteratee shorthands.\n *\n * @private\n * @param {Array} [array] The array to iterate over.\n * @param {Function} iteratee The function invoked per iteration.\n * @returns {Array} Returns `array`.\n */\nfunction arrayEach(array, iteratee) {\n  var index = -1,\n      length = array == null ? 0 : array.length;\n\n  while (++index < length) {\n    if (iteratee(array[index], index, array) === false) {\n      break;\n    }\n  }\n  return array;\n}\n\nexport default arrayEach;\n"],"names":["arrayEach","array","iteratee","index","length"],"mappings":"AASA,SAASA,EAAUC,GAAOC,GAAU;AAIlC,WAHIC,IAAQ,IACRC,IAASH,KAAS,OAAO,IAAIA,EAAM,QAEhC,EAAEE,IAAQC,KACXF,EAASD,EAAME,CAAK,GAAGA,GAAOF,CAAK,MAAM;AAA7C;AAIF,SAAOA;AACT;","x_google_ignoreList":[0]}

package/dist/design-system146.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system100.js");module.exports=e;
+"use strict";const r=require("./design-system188.js");var t=function(){try{var e=r(Object,"defineProperty");return e({},"",{}),e}catch{}}();const i=t;module.exports=i;
 //# sourceMappingURL=design-system146.js.map

package/dist/design-system146.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system146.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system146.js","sources":["../node_modules/lodash-es/_defineProperty.js"],"sourcesContent":["import getNative from './_getNative.js';\n\nvar defineProperty = (function() {\n  try {\n    var func = getNative(Object, 'defineProperty');\n    func({}, '', {});\n    return func;\n  } catch (e) {}\n}());\n\nexport default defineProperty;\n"],"names":["defineProperty","func","getNative","defineProperty$1"],"mappings":"sDAEA,IAAIA,EAAkB,UAAW,CAC/B,GAAI,CACF,IAAIC,EAAOC,EAAU,OAAQ,gBAAgB,EAC7C,OAAAD,EAAK,CAAE,EAAE,GAAI,CAAA,CAAE,EACRA,CACX,MAAc,CAAE,CAChB,EAAC,EAED,MAAAE,EAAeH","x_google_ignoreList":[0]}

package/dist/design-system146.mjs

@@ -1,5 +1,13 @@
-import f from "./design-system100.mjs";
+import r from "./design-system188.mjs";
+var t = function() {
+  try {
+    var e = r(Object, "defineProperty");
+    return e({}, "", {}), e;
+  } catch {
+  }
+}();
+const i = t;
 export {
-  f as default
+  i as default
 };
 //# sourceMappingURL=design-system146.mjs.map

package/dist/design-system146.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system146.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system146.mjs","sources":["../node_modules/lodash-es/_defineProperty.js"],"sourcesContent":["import getNative from './_getNative.js';\n\nvar defineProperty = (function() {\n  try {\n    var func = getNative(Object, 'defineProperty');\n    func({}, '', {});\n    return func;\n  } catch (e) {}\n}());\n\nexport default defineProperty;\n"],"names":["defineProperty","func","getNative","defineProperty$1"],"mappings":";AAEA,IAAIA,IAAkB,WAAW;AAC/B,MAAI;AACF,QAAIC,IAAOC,EAAU,QAAQ,gBAAgB;AAC7C,WAAAD,EAAK,CAAE,GAAE,IAAI,CAAA,CAAE,GACRA;AAAA,EACX,QAAc;AAAA,EAAE;AAChB,EAAC;AAED,MAAAE,IAAeH;","x_google_ignoreList":[0]}

package/dist/design-system148.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system141.js"),t=require("./design-system136.js");function n(e,s){return e&&r(s,t(s),e)}module.exports=n;
+"use strict";const r=require("./design-system144.js"),t=require("./design-system136.js");function n(e,s){return e&&r(s,t(s),e)}module.exports=n;
 //# sourceMappingURL=design-system148.js.map

package/dist/design-system148.mjs

@@ -1,4 +1,4 @@
-import o from "./design-system141.mjs";
+import o from "./design-system144.mjs";
 import e from "./design-system136.mjs";
 function m(r, t) {
   return r && o(t, e(t), r);

package/dist/design-system149.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("./design-system141.js"),r=require("./design-system138.js");function t(e,n){return e&&s(n,r(n),e)}module.exports=t;
+"use strict";const s=require("./design-system144.js"),r=require("./design-system138.js");function t(e,n){return e&&s(n,r(n),e)}module.exports=t;
 //# sourceMappingURL=design-system149.js.map

package/dist/design-system149.mjs

@@ -1,4 +1,4 @@
-import t from "./design-system141.mjs";
+import t from "./design-system144.mjs";
 import o from "./design-system138.mjs";
 function i(n, r) {
   return n && t(r, o(r), n);

package/dist/design-system15.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),E=require("./design-system6.js"),b=require("./design-system4.js"),B=require("./design-system96.js"),$=["for"],V=["id"],P=["id","data-cy","data-ut"],L=e.defineComponent({__name:"BDropdown",props:{inputId:{default:""},modelValue:{type:Boolean,default:void 0},label:{default:""},toggleCssClass:{default:""},menuCssClass:{default:""},noCloseOnClickOutside:{type:Boolean,default:!1},noCloseOnEsc:{type:Boolean,default:!1},menuFixed:{type:Boolean,default:!1}},emits:["hidden","shown","update:modelValue"],setup(g,{emit:a}){const s=g,r=e.ref(null),n=e.ref(null),l=e.ref(null),c=e.ref(!1),i=e.computed(()=>s.inputId||`id-${B()}`),t=e.computed({get(){return s.modelValue!==void 0?s.modelValue:c.value},set(o){s.modelValue!==void 0?a("update:modelValue",o):c.value=o}});e.watch(t,o=>{var d;o?h():(C(),(d=r.value)==null||d.blur())}),e.watch(()=>s.noCloseOnClickOutside,o=>{o?y():v()}),e.watch(()=>s.noCloseOnEsc,o=>{o?k():f()});const f=()=>{document.addEventListener("keydown",m)},m=o=>{o.key==="Escape"&&u()},v=()=>{document.addEventListener("click",p)},p=o=>{[n.value,l.value].some(O=>o.composedPath().includes(O))||u()},w=()=>{t.value=!t.value},h=()=>{e.nextTick(()=>{E.ensureVisiblePosition(n.value,l.value,s.menuFixed),a("shown")})},C=()=>{E.resetPosition(n.value,l.value),a("hidden")},u=()=>{t.value=!1},k=()=>{document.removeEventListener("keydown",m)},y=()=>{document.removeEventListener("click",p)};return e.onMounted(()=>{s.noCloseOnEsc||f(),s.noCloseOnClickOutside||v()}),e.onBeforeUnmount(()=>{k(),y(),C()}),e.provide(b.PIKey.CloseDropdown,u),(o,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dropdown",ref:n},[s.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:i.value,class:"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500"},e.toDisplayString(s.label),9,$)):e.createCommentVNode("",!0),e.createElementVNode("button",{id:i.value,ref_key:"toggle",ref:r,class:e.normalizeClass([o.toggleCssClass,"focus:ds-ring-1 focus:ds-ring-primary-t"]),type:"button",onClick:w},[e.renderSlot(o.$slots,"toggle")],10,V),e.withDirectives(e.createElementVNode("div",{id:`${i.value}Menu`,ref_key:"dropdownMenu",ref:l,class:e.normalizeClass([`${o.menuCssClass} ${s.menuFixed?"ds-fixed":"ds-absolute"}`,"ds-z-50 ds-py-1"]),"data-cy":o.$attrs["data-cy"]?`${o.$attrs["data-cy"]}Menu`:void 0,"data-ut":o.$attrs["data-ut"]?`${o.$attrs["data-ut"]}Menu`:void 0},[e.renderSlot(o.$slots,"default")],10,P),[[e.vShow,t.value]])],512))}});module.exports=L;
+"use strict";const e=require("vue"),E=require("./design-system6.js"),b=require("./design-system4.js"),B=require("./design-system94.js"),$=["for"],V=["id"],P=["id","data-cy","data-ut"],L=e.defineComponent({__name:"BDropdown",props:{inputId:{default:""},modelValue:{type:Boolean,default:void 0},label:{default:""},toggleCssClass:{default:""},menuCssClass:{default:""},noCloseOnClickOutside:{type:Boolean,default:!1},noCloseOnEsc:{type:Boolean,default:!1},menuFixed:{type:Boolean,default:!1}},emits:["hidden","shown","update:modelValue"],setup(g,{emit:a}){const s=g,r=e.ref(null),n=e.ref(null),l=e.ref(null),c=e.ref(!1),i=e.computed(()=>s.inputId||`id-${B()}`),t=e.computed({get(){return s.modelValue!==void 0?s.modelValue:c.value},set(o){s.modelValue!==void 0?a("update:modelValue",o):c.value=o}});e.watch(t,o=>{var d;o?h():(C(),(d=r.value)==null||d.blur())}),e.watch(()=>s.noCloseOnClickOutside,o=>{o?y():v()}),e.watch(()=>s.noCloseOnEsc,o=>{o?k():f()});const f=()=>{document.addEventListener("keydown",m)},m=o=>{o.key==="Escape"&&u()},v=()=>{document.addEventListener("click",p)},p=o=>{[n.value,l.value].some(O=>o.composedPath().includes(O))||u()},w=()=>{t.value=!t.value},h=()=>{e.nextTick(()=>{E.ensureVisiblePosition(n.value,l.value,s.menuFixed),a("shown")})},C=()=>{E.resetPosition(n.value,l.value),a("hidden")},u=()=>{t.value=!1},k=()=>{document.removeEventListener("keydown",m)},y=()=>{document.removeEventListener("click",p)};return e.onMounted(()=>{s.noCloseOnEsc||f(),s.noCloseOnClickOutside||v()}),e.onBeforeUnmount(()=>{k(),y(),C()}),e.provide(b.PIKey.CloseDropdown,u),(o,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dropdown",ref:n},[s.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:i.value,class:"ds-mb-2 ds-block ds-text-xs ds-font-bold ds-capitalize ds-text-gray-500"},e.toDisplayString(s.label),9,$)):e.createCommentVNode("",!0),e.createElementVNode("button",{id:i.value,ref_key:"toggle",ref:r,class:e.normalizeClass([o.toggleCssClass,"focus:ds-ring-1 focus:ds-ring-primary-t"]),type:"button",onClick:w},[e.renderSlot(o.$slots,"toggle")],10,V),e.withDirectives(e.createElementVNode("div",{id:`${i.value}Menu`,ref_key:"dropdownMenu",ref:l,class:e.normalizeClass([`${o.menuCssClass} ${s.menuFixed?"ds-fixed":"ds-absolute"}`,"ds-z-50 ds-py-1"]),"data-cy":o.$attrs["data-cy"]?`${o.$attrs["data-cy"]}Menu`:void 0,"data-ut":o.$attrs["data-ut"]?`${o.$attrs["data-ut"]}Menu`:void 0},[e.renderSlot(o.$slots,"default")],10,P),[[e.vShow,t.value]])],512))}});module.exports=L;
 //# sourceMappingURL=design-system15.js.map

package/dist/design-system15.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as M, ref as d, computed as E, watch as r, nextTick as _, onMounted as D, onBeforeUnmount as z, provide as F, openBlock as w, createElementBlock as h, toDisplayString as I, createCommentVNode as S, createElementVNode as O, normalizeClass as b, renderSlot as $, withDirectives as x, vShow as N } from "vue";
 import { ensureVisiblePosition as T, resetPosition as K } from "./design-system6.mjs";
 import { PIKey as U } from "./design-system4.mjs";
-import j from "./design-system96.mjs";
+import j from "./design-system94.mjs";
 const q = ["for"], A = ["id"], G = ["id", "data-cy", "data-ut"], X = /* @__PURE__ */ M({
   __name: "BDropdown",
   props: {

package/dist/design-system152.js

@@ -1,2 +1,2 @@
-"use strict";const o=require("./design-system141.js"),r=require("./design-system195.js");function c(t,e){return o(t,r(t),e)}module.exports=c;
+"use strict";const o=require("./design-system144.js"),r=require("./design-system195.js");function c(t,e){return o(t,r(t),e)}module.exports=c;
 //# sourceMappingURL=design-system152.js.map

package/dist/design-system152.mjs

@@ -1,4 +1,4 @@
-import m from "./design-system141.mjs";
+import m from "./design-system144.mjs";
 import r from "./design-system195.mjs";
 function f(o, t) {
   return m(o, r(o), t);

package/dist/design-system153.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("./design-system141.js"),o=require("./design-system187.js");function r(t,e){return n(t,o(t),e)}module.exports=r;
+"use strict";const n=require("./design-system144.js"),o=require("./design-system187.js");function r(t,e){return n(t,o(t),e)}module.exports=r;
 //# sourceMappingURL=design-system153.js.map

package/dist/design-system153.mjs

@@ -1,4 +1,4 @@
-import m from "./design-system141.mjs";
+import m from "./design-system144.mjs";
 import r from "./design-system187.mjs";
 function e(o, t) {
   return m(o, r(o), t);

package/dist/design-system17.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),u=require("./design-system5.js"),o=require("./design-system6.js"),c=require("./design-system100.js"),i={inheritAttrs:!1},d=e.defineComponent({...i,__name:"BModal",props:{modelValue:{type:Boolean},size:{default:u.BModalSize.Medium},fullscreen:{type:Boolean,default:!1},persistent:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:r}){const s=n,l=e.computed({get(){return s.modelValue},set(t){r("update:modelValue",t)}});return e.watch(l,t=>{t?o.lockScrollBody():o.unlockScrollBody()},{immediate:!0}),e.onBeforeUnmount(()=>{o.unlockScrollBody()}),(t,a)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{"enter-active-class":"ds-transition-all ds-ease-in-out","enter-from-class":"ds-opacity-0","enter-to-class":"ds-opacity-1","leave-active-class":"ds-transition-all ds-ease-in-out","leave-from-class":"ds-opacity-1","leave-to-class":"ds-opacity-0"},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createBlock(c,{key:0,class:e.normalizeClass(t.$attrs.class),fullscreen:s.fullscreen,persistent:s.persistent,size:s.size,onClose:a[0]||(a[0]=p=>l.value=!1)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","fullscreen","persistent","size"])):e.createCommentVNode("",!0)]),_:3})]))}});module.exports=d;
+"use strict";const e=require("vue"),u=require("./design-system5.js"),o=require("./design-system6.js"),c=require("./design-system97.js"),i={inheritAttrs:!1},d=e.defineComponent({...i,__name:"BModal",props:{modelValue:{type:Boolean},size:{default:u.BModalSize.Medium},fullscreen:{type:Boolean,default:!1},persistent:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(n,{emit:r}){const s=n,l=e.computed({get(){return s.modelValue},set(t){r("update:modelValue",t)}});return e.watch(l,t=>{t?o.lockScrollBody():o.unlockScrollBody()},{immediate:!0}),e.onBeforeUnmount(()=>{o.unlockScrollBody()}),(t,a)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{"enter-active-class":"ds-transition-all ds-ease-in-out","enter-from-class":"ds-opacity-0","enter-to-class":"ds-opacity-1","leave-active-class":"ds-transition-all ds-ease-in-out","leave-from-class":"ds-opacity-1","leave-to-class":"ds-opacity-0"},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createBlock(c,{key:0,class:e.normalizeClass(t.$attrs.class),fullscreen:s.fullscreen,persistent:s.persistent,size:s.size,onClose:a[0]||(a[0]=p=>l.value=!1)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class","fullscreen","persistent","size"])):e.createCommentVNode("",!0)]),_:3})]))}});module.exports=d;
 //# sourceMappingURL=design-system17.js.map

package/dist/design-system17.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system17.js","sources":["../src/components/BModal/BModal.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, createVNode as _createVNode, Teleport as _Teleport } from \"vue\"\n\nimport { BModalSize } from '@/constants/Enums';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport { computed, onBeforeUnmount, watch } from 'vue';\nimport BModalContainer from './BModalContainer.vue';\n\n//#region Props\n\n/**\n * [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes\n */\nconst __default__ = {\n  // https://vuejs.org/guide/components/attrs.html#disabling-attribute-inheritance\n  inheritAttrs: false,\n};\n\nexport interface BModalProps {\n  modelValue: boolean;\n  /**\n   * Modal size.\n   */\n  size?: BModalSize;\n  /**\n   * Fullscreen modal.\n   */\n  fullscreen?: boolean;\n  /**\n   * Prevent modal from closing when clicking outside or pressing \"Esc\".\n   */\n  persistent?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  ...__default__,\n  __name: 'BModal',\n  props: {\n    modelValue: { type: Boolean },\n    size: { default: BModalSize.Medium },\n    fullscreen: { type: Boolean, default: false },\n    persistent: { type: Boolean, default: false }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val: boolean) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\n//#region Watchers\nwatch(\n  value,\n  (val) => {\n    if (val) {\n      lockScrollBody();\n    } else {\n      unlockScrollBody();\n    }\n  },\n  { immediate: true },\n);\n//#endregion\n\n//#region Lifecycle Hooks\nonBeforeUnmount(() => {\n  unlockScrollBody();\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n    _createVNode(_Transition, {\n      \"enter-active-class\": \"ds-transition-all ds-ease-in-out\",\n      \"enter-from-class\": \"ds-opacity-0\",\n      \"enter-to-class\": \"ds-opacity-1\",\n      \"leave-active-class\": \"ds-transition-all ds-ease-in-out\",\n      \"leave-from-class\": \"ds-opacity-1\",\n      \"leave-to-class\": \"ds-opacity-0\"\n    }, {\n      default: _withCtx(() => [\n        (value.value)\n          ? (_openBlock(), _createBlock(BModalContainer, {\n              key: 0,\n              class: _normalizeClass(_ctx.$attrs.class),\n              fullscreen: props.fullscreen,\n              persistent: props.persistent,\n              size: props.size,\n              onClose: _cache[0] || (_cache[0] = ($event: any) => (value.value = false))\n            }, {\n              default: _withCtx(() => [\n                _renderSlot(_ctx.$slots, \"default\")\n              ]),\n              _: 3\n            }, 8, [\"class\", \"fullscreen\", \"persistent\", \"size\"]))\n          : _createCommentVNode(\"\", true)\n      ]),\n      _: 3\n    })\n  ]))\n}\n}\n\n})"],"names":["__default__","_sfc_main","_defineComponent","BModalSize","__props","emit","props","value","computed","val","watch","lockScrollBody","unlockScrollBody","onBeforeUnmount","_ctx","_cache","_openBlock","_createBlock","_Teleport","_createVNode","_Transition","_withCtx","BModalContainer","_normalizeClass","$event","_renderSlot","_createCommentVNode"],"mappings":"yIAaMA,EAAc,CAElB,aAAc,EAChB,EAmB4BC,EAAiBC,kBAAA,CAC3C,GAAGF,EACH,OAAQ,SACR,MAAO,CACL,WAAY,CAAE,KAAM,OAAQ,EAC5B,KAAM,CAAE,QAASG,EAAA,WAAW,MAAO,EACnC,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,EAC5C,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,CAC9C,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAc,CAChBJ,EAAK,oBAAqBI,CAAG,CAC/B,CAAA,CACD,EAIDC,OAAAA,EAAA,MACEH,EACCE,GAAQ,CACHA,EACaE,EAAAA,iBAEEC,EAAAA,kBAErB,EACA,CAAE,UAAW,EAAK,CAAA,EAKpBC,EAAAA,gBAAgB,IAAM,CACHD,EAAAA,kBAAA,CAClB,EAGM,CAACE,EAAUC,KACRC,EAAAA,UAAc,EAAAC,EAAA,YAAaC,WAAW,CAAE,GAAI,QAAU,CAC5DC,EAAAA,YAAaC,EAAAA,WAAa,CACxB,qBAAsB,mCACtB,mBAAoB,eACpB,iBAAkB,eAClB,qBAAsB,mCACtB,mBAAoB,eACpB,iBAAkB,cAAA,EACjB,CACD,QAASC,UAAS,IAAM,CACrBd,EAAM,OACFS,EAAAA,YAAcC,EAAAA,YAAaK,EAAiB,CAC3C,IAAK,EACL,MAAOC,EAAA,eAAgBT,EAAK,OAAO,KAAK,EACxC,WAAYR,EAAM,WAClB,WAAYA,EAAM,WAClB,KAAMA,EAAM,KACZ,QAASS,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKS,GAAiBjB,EAAM,MAAQ,GAAA,EAClE,CACD,QAASc,UAAS,IAAM,CACtBI,aAAYX,EAAK,OAAQ,SAAS,CAAA,CACnC,EACD,EAAG,CAAA,EACF,EAAG,CAAC,QAAS,aAAc,aAAc,MAAM,CAAC,GACnDY,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EACD,EAAG,CAAA,CACJ,CAAA,CACF,EAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system17.js","sources":["../src/components/BModal/BModal.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, createVNode as _createVNode, Teleport as _Teleport } from \"vue\"\n\nimport { BModalSize } from '@/constants/Enums';\nimport { lockScrollBody, unlockScrollBody } from '@/helpers/ComponentHelper';\nimport { computed, onBeforeUnmount, watch } from 'vue';\nimport BModalContainer from './BModalContainer.vue';\n\n//#region Props\n\n/**\n * [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes\n */\nconst __default__ = {\n  // https://vuejs.org/guide/components/attrs.html#disabling-attribute-inheritance\n  inheritAttrs: false,\n};\n\nexport interface BModalProps {\n  modelValue: boolean;\n  /**\n   * Modal size.\n   */\n  size?: BModalSize;\n  /**\n   * Fullscreen modal.\n   */\n  fullscreen?: boolean;\n  /**\n   * Prevent modal from closing when clicking outside or pressing \"Esc\".\n   */\n  persistent?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  ...__default__,\n  __name: 'BModal',\n  props: {\n    modelValue: { type: Boolean },\n    size: { default: BModalSize.Medium },\n    fullscreen: { type: Boolean, default: false },\n    persistent: { type: Boolean, default: false }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val: boolean) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\n//#region Watchers\nwatch(\n  value,\n  (val) => {\n    if (val) {\n      lockScrollBody();\n    } else {\n      unlockScrollBody();\n    }\n  },\n  { immediate: true },\n);\n//#endregion\n\n//#region Lifecycle Hooks\nonBeforeUnmount(() => {\n  unlockScrollBody();\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n    _createVNode(_Transition, {\n      \"enter-active-class\": \"ds-transition-all ds-ease-in-out\",\n      \"enter-from-class\": \"ds-opacity-0\",\n      \"enter-to-class\": \"ds-opacity-1\",\n      \"leave-active-class\": \"ds-transition-all ds-ease-in-out\",\n      \"leave-from-class\": \"ds-opacity-1\",\n      \"leave-to-class\": \"ds-opacity-0\"\n    }, {\n      default: _withCtx(() => [\n        (value.value)\n          ? (_openBlock(), _createBlock(BModalContainer, {\n              key: 0,\n              class: _normalizeClass(_ctx.$attrs.class),\n              fullscreen: props.fullscreen,\n              persistent: props.persistent,\n              size: props.size,\n              onClose: _cache[0] || (_cache[0] = ($event: any) => (value.value = false))\n            }, {\n              default: _withCtx(() => [\n                _renderSlot(_ctx.$slots, \"default\")\n              ]),\n              _: 3\n            }, 8, [\"class\", \"fullscreen\", \"persistent\", \"size\"]))\n          : _createCommentVNode(\"\", true)\n      ]),\n      _: 3\n    })\n  ]))\n}\n}\n\n})"],"names":["__default__","_sfc_main","_defineComponent","BModalSize","__props","emit","props","value","computed","val","watch","lockScrollBody","unlockScrollBody","onBeforeUnmount","_ctx","_cache","_openBlock","_createBlock","_Teleport","_createVNode","_Transition","_withCtx","BModalContainer","_normalizeClass","$event","_renderSlot","_createCommentVNode"],"mappings":"wIAaMA,EAAc,CAElB,aAAc,EAChB,EAmB4BC,EAAiBC,kBAAA,CAC3C,GAAGF,EACH,OAAQ,SACR,MAAO,CACL,WAAY,CAAE,KAAM,OAAQ,EAC5B,KAAM,CAAE,QAASG,EAAA,WAAW,MAAO,EACnC,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,EAC5C,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,CAC9C,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAc,CAChBJ,EAAK,oBAAqBI,CAAG,CAC/B,CAAA,CACD,EAIDC,OAAAA,EAAA,MACEH,EACCE,GAAQ,CACHA,EACaE,EAAAA,iBAEEC,EAAAA,kBAErB,EACA,CAAE,UAAW,EAAK,CAAA,EAKpBC,EAAAA,gBAAgB,IAAM,CACHD,EAAAA,kBAAA,CAClB,EAGM,CAACE,EAAUC,KACRC,EAAAA,UAAc,EAAAC,EAAA,YAAaC,WAAW,CAAE,GAAI,QAAU,CAC5DC,EAAAA,YAAaC,EAAAA,WAAa,CACxB,qBAAsB,mCACtB,mBAAoB,eACpB,iBAAkB,eAClB,qBAAsB,mCACtB,mBAAoB,eACpB,iBAAkB,cAAA,EACjB,CACD,QAASC,UAAS,IAAM,CACrBd,EAAM,OACFS,EAAAA,YAAcC,EAAAA,YAAaK,EAAiB,CAC3C,IAAK,EACL,MAAOC,EAAA,eAAgBT,EAAK,OAAO,KAAK,EACxC,WAAYR,EAAM,WAClB,WAAYA,EAAM,WAClB,KAAMA,EAAM,KACZ,QAASS,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKS,GAAiBjB,EAAM,MAAQ,GAAA,EAClE,CACD,QAASc,UAAS,IAAM,CACtBI,aAAYX,EAAK,OAAQ,SAAS,CAAA,CACnC,EACD,EAAG,CAAA,EACF,EAAG,CAAC,QAAS,aAAc,aAAc,MAAM,CAAC,GACnDY,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EACD,EAAG,CAAA,CACJ,CAAA,CACF,EAEH,CAEA,CAAC"}

package/dist/design-system17.mjs

@@ -1,7 +1,7 @@
 import { defineComponent as c, computed as u, watch as f, onBeforeUnmount as m, openBlock as o, createBlock as a, Teleport as p, createVNode as y, Transition as B, withCtx as r, normalizeClass as _, renderSlot as v, createCommentVNode as z } from "vue";
 import { BModalSize as V } from "./design-system5.mjs";
 import { lockScrollBody as k, unlockScrollBody as n } from "./design-system6.mjs";
-import C from "./design-system100.mjs";
+import C from "./design-system97.mjs";
 const S = {
   // https://vuejs.org/guide/components/attrs.html#disabling-attribute-inheritance
   inheritAttrs: !1

package/dist/design-system18.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),F=require("./design-system3.js"),k=require("./design-system6.js"),O=require("./design-system48.js"),U=require("./design-system27.js"),j=require("./design-system29.js"),W=require("./design-system30.js"),A=require("./design-system39.js"),H=require("./design-system96.js"),G={class:"ds-absolute ds-right-3 ds-z-[1]"},J=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),K=[J],Q=["onClick"],X=e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"},null,-1),Y=[X],Z=["id","disabled"],ee=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),se=[ee],le=["id","data-cy","data-ut"],te={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},oe={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},ne=["onClick"],ae=e.defineComponent({__name:"BMultiSelect",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},showSelectedItemCount:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(_,{expose:V,emit:u}){const o=_,v=e.ref(null),g=e.ref(null),p=e.ref(null),a=e.ref(!1),{t:w}=O.useI18n(),M={validateRule:s=>!!s&&s.length>0,errorMessage:()=>o.requiredErrorMessage||w("ds.global.field_required")},h=e.ref(""),r=e.ref([]),m=e.computed(()=>o.inputId||`id-${H()}`),n=e.computed({get(){return o.modelValue},set(s){u("update:modelValue",s)}}),$=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+=o.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=c.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}),q=e.computed(()=>{let s=[];return o.required&&s.push(M),o.validationRules&&(s=s.concat(o.validationRules)),s.length?s:void 0}),I=e.computed(()=>{var s,l;return((s=n.value)==null?void 0:s.length)>1?` (${w("ds.components.base.multi_select.selected_item_count",{count:(l=n.value)==null?void 0:l.length})})`:""}),N=e.computed(()=>o.showSelectedItemCount?`${o.label}${I.value}`:o.label),{validate:b,validationResult:c}=F.useValidationField(m.value,n,q.value);e.watch(a,s=>{s?(k.lockScrollBody(),D(),u("open")):(k.unlockScrollBody(),C(),u("close"))}),e.watch(n,()=>{B()},{deep:!0}),e.watch(()=>o.items,()=>{n.value.length!==0&&r.value.length===0&&B()},{deep:!0});const B=()=>{r.value=n.value.map(s=>{let l=r.value.find(d=>d.value===s);return l||(l=o.items.find(d=>d.value===s)),{text:l==null?void 0:l.text,value:s,cssClass:l==null?void 0:l.cssClass}})},z=()=>{document.addEventListener("keydown",y)},y=s=>{s.key==="Escape"&&E()},S=()=>{document.addEventListener("click",x)},x=s=>{[v.value,p.value].some(t=>s.composedPath().includes(t))||E()},L=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1?n.value.splice(l,1):n.value.push(s.value),u("change",s.value),e.nextTick(()=>{b()})},R=(s,l)=>{l.style.width=`${s.offsetWidth}px`},D=()=>{e.nextTick(()=>{k.ensureVisiblePosition(v.value,p.value),R(v.value,p.value)})},C=()=>{k.resetPosition(v.value,p.value)},P=s=>{u("change:input",s)},E=()=>{var s;a.value=!1,(s=g.value)==null||s.blur(),h.value=""},T=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1&&(n.value.splice(l,1),u("change",s.value),e.nextTick(()=>{b()}))};return(()=>{var s;((s=o.items)==null?void 0:s.length)>0&&B()})(),e.onMounted(()=>{z(),S()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",y),document.removeEventListener("click",x),k.unlockScrollBody(),C()}),V({validate:b,selectMenu:a}),(s,l)=>{var d;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:v},[e.createVNode(W,{id:m.value,label:N.value,required:s.required},null,8,["id","label","required"]),o.allowInput?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([{"ds-border-focus ds-ring-1 ds-ring-focus":a.value&&e.unref(c).valid,"ds-ring-1 ds-ring-error":a.value&&!e.unref(c).valid,"ds-border-black/10":e.unref(c).valid,"ds-border-error":!e.unref(c).valid},"ds-relative ds-flex ds-flex-wrap ds-items-center ds-gap-x-1 ds-rounded-lg ds-border ds-bg-white ds-px-3 ds-py-1 ds-drop-shadow-light"])},[e.createElementVNode("div",G,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg",onClick:l[0]||(l[0]=t=>{var i;return(i=g.value)==null?void 0:i.focus()})},K,2))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(t,i)=>(e.openBlock(),e.createElementBlock("div",{key:`item${i}`,class:"ds-my-0.5 ds-flex-initial ds-space-x-1 ds-rounded-lg ds-bg-black/10 ds-px-2"},[e.createElementVNode("span",null,e.toDisplayString(t.text),1),(e.openBlock(),e.createElementBlock("svg",{class:"ds-mb-1 ds-inline ds-h-4 ds-w-4 ds-cursor-pointer ds-fill-black/60 hover:ds-fill-black/40",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg",onClick:f=>T(t)},Y,8,Q))]))),128)),o.allowInput?(e.openBlock(),e.createBlock(A,{key:0,id:m.value,ref_key:"inputRef",ref:g,modelValue:h.value,"onUpdate:modelValue":[l[1]||(l[1]=t=>h.value=t),P],disabled:o.disabled,class:"ds-flex-auto","hide-details":"","input-css-class":"ds-drop-shadow-none ds-border-none !ds-ring-0 ds-px-0 !ds-h-[30px] ds-pl-0",onFocus:l[2]||(l[2]=t=>a.value=!0)},null,8,["id","modelValue","disabled"])):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createElementBlock("button",{key:1,id:m.value,class:e.normalizeClass($.value),disabled:s.disabled,type:"button",onClick:l[3]||(l[3]=t=>a.value=!a.value)},[r.value.length>0?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm"])},e.toDisplayString((d=r.value)==null?void 0:d.map(t=>t.text).join(", ")),3)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm ds-text-black/[0.4]"])},e.toDisplayString(o.placeholder),3)),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},se,2))],10,Z)),e.withDirectives(e.createElementVNode("div",{id:`${m.value}Menu`,ref_key:"selectMenuEl",ref:p,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",te,[e.createElementVNode("ul",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(t,i)=>(e.openBlock(),e.createElementBlock("li",{key:`item${i}`,class:"ds-cursor-pointer",onClick:e.withModifiers(f=>L(t),["prevent"])},[e.createElementVNode("a",{class:e.normalizeClass([t.cssClass+`${r.value.some(f=>f.value===t.value)?" ds-bg-slate-100":""}`,"ds-flex ds-items-center ds-space-x-2 ds-px-4 ds-py-2 hover:ds-bg-slate-100"])},[e.createVNode(U,{modelValue:n.value,"onUpdate:modelValue":l[4]||(l[4]=f=>n.value=f),value:t.value,size:"sm"},null,8,["modelValue","value"]),e.createElementVNode("span",null,e.toDisplayString(t==null?void 0:t.text),1)],2)],8,ne))),128))])])],10,le),[[e.vShow,a.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(j,{key:0,"error-message":e.unref(c).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=ae;
+"use strict";const e=require("vue"),F=require("./design-system3.js"),k=require("./design-system6.js"),O=require("./design-system48.js"),U=require("./design-system27.js"),j=require("./design-system29.js"),W=require("./design-system30.js"),A=require("./design-system39.js"),H=require("./design-system94.js"),G={class:"ds-absolute ds-right-3 ds-z-[1]"},J=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),K=[J],Q=["onClick"],X=e.createElementVNode("path",{d:"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z"},null,-1),Y=[X],Z=["id","disabled"],ee=e.createElementVNode("path",{d:"M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"},null,-1),se=[ee],le=["id","data-cy","data-ut"],te={class:"ds-max-h-72 ds-overflow-y-auto ds-rounded-lg ds-bg-white ds-shadow"},oe={class:"ds-py-1 ds-text-sm ds-text-black/[0.85]"},ne=["onClick"],ae=e.defineComponent({__name:"BMultiSelect",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},showSelectedItemCount:{type:Boolean,default:!1},allowInput:{type:Boolean,default:!1}},emits:["change","open","close","change:input","update:modelValue"],setup(_,{expose:V,emit:u}){const o=_,v=e.ref(null),g=e.ref(null),p=e.ref(null),a=e.ref(!1),{t:w}=O.useI18n(),M={validateRule:s=>!!s&&s.length>0,errorMessage:()=>o.requiredErrorMessage||w("ds.global.field_required")},h=e.ref(""),r=e.ref([]),m=e.computed(()=>o.inputId||`id-${H()}`),n=e.computed({get(){return o.modelValue},set(s){u("update:modelValue",s)}}),$=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+=o.disabled?"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4] ":"ds-bg-white ds-text-black/[0.85] ",s+=c.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}),q=e.computed(()=>{let s=[];return o.required&&s.push(M),o.validationRules&&(s=s.concat(o.validationRules)),s.length?s:void 0}),I=e.computed(()=>{var s,l;return((s=n.value)==null?void 0:s.length)>1?` (${w("ds.components.base.multi_select.selected_item_count",{count:(l=n.value)==null?void 0:l.length})})`:""}),N=e.computed(()=>o.showSelectedItemCount?`${o.label}${I.value}`:o.label),{validate:b,validationResult:c}=F.useValidationField(m.value,n,q.value);e.watch(a,s=>{s?(k.lockScrollBody(),D(),u("open")):(k.unlockScrollBody(),C(),u("close"))}),e.watch(n,()=>{B()},{deep:!0}),e.watch(()=>o.items,()=>{n.value.length!==0&&r.value.length===0&&B()},{deep:!0});const B=()=>{r.value=n.value.map(s=>{let l=r.value.find(d=>d.value===s);return l||(l=o.items.find(d=>d.value===s)),{text:l==null?void 0:l.text,value:s,cssClass:l==null?void 0:l.cssClass}})},z=()=>{document.addEventListener("keydown",y)},y=s=>{s.key==="Escape"&&E()},S=()=>{document.addEventListener("click",x)},x=s=>{[v.value,p.value].some(t=>s.composedPath().includes(t))||E()},L=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1?n.value.splice(l,1):n.value.push(s.value),u("change",s.value),e.nextTick(()=>{b()})},R=(s,l)=>{l.style.width=`${s.offsetWidth}px`},D=()=>{e.nextTick(()=>{k.ensureVisiblePosition(v.value,p.value),R(v.value,p.value)})},C=()=>{k.resetPosition(v.value,p.value)},P=s=>{u("change:input",s)},E=()=>{var s;a.value=!1,(s=g.value)==null||s.blur(),h.value=""},T=s=>{const l=n.value.findIndex(d=>d===s.value);l!==-1&&(n.value.splice(l,1),u("change",s.value),e.nextTick(()=>{b()}))};return(()=>{var s;((s=o.items)==null?void 0:s.length)>0&&B()})(),e.onMounted(()=>{z(),S()}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",y),document.removeEventListener("click",x),k.unlockScrollBody(),C()}),V({validate:b,selectMenu:a}),(s,l)=>{var d;return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{ref_key:"selectEl",ref:v},[e.createVNode(W,{id:m.value,label:N.value,required:s.required},null,8,["id","label","required"]),o.allowInput?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([{"ds-border-focus ds-ring-1 ds-ring-focus":a.value&&e.unref(c).valid,"ds-ring-1 ds-ring-error":a.value&&!e.unref(c).valid,"ds-border-black/10":e.unref(c).valid,"ds-border-error":!e.unref(c).valid},"ds-relative ds-flex ds-flex-wrap ds-items-center ds-gap-x-1 ds-rounded-lg ds-border ds-bg-white ds-px-3 ds-py-1 ds-drop-shadow-light"])},[e.createElementVNode("div",G,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg",onClick:l[0]||(l[0]=t=>{var i;return(i=g.value)==null?void 0:i.focus()})},K,2))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(t,i)=>(e.openBlock(),e.createElementBlock("div",{key:`item${i}`,class:"ds-my-0.5 ds-flex-initial ds-space-x-1 ds-rounded-lg ds-bg-black/10 ds-px-2"},[e.createElementVNode("span",null,e.toDisplayString(t.text),1),(e.openBlock(),e.createElementBlock("svg",{class:"ds-mb-1 ds-inline ds-h-4 ds-w-4 ds-cursor-pointer ds-fill-black/60 hover:ds-fill-black/40",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg",onClick:f=>T(t)},Y,8,Q))]))),128)),o.allowInput?(e.openBlock(),e.createBlock(A,{key:0,id:m.value,ref_key:"inputRef",ref:g,modelValue:h.value,"onUpdate:modelValue":[l[1]||(l[1]=t=>h.value=t),P],disabled:o.disabled,class:"ds-flex-auto","hide-details":"","input-css-class":"ds-drop-shadow-none ds-border-none !ds-ring-0 ds-px-0 !ds-h-[30px] ds-pl-0",onFocus:l[2]||(l[2]=t=>a.value=!0)},null,8,["id","modelValue","disabled"])):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createElementBlock("button",{key:1,id:m.value,class:e.normalizeClass($.value),disabled:s.disabled,type:"button",onClick:l[3]||(l[3]=t=>a.value=!a.value)},[r.value.length>0?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm"])},e.toDisplayString((d=r.value)==null?void 0:d.map(t=>t.text).join(", ")),3)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([s.valueCssClass,"ds-truncate ds-text-sm ds-text-black/[0.4]"])},e.toDisplayString(o.placeholder),3)),e.createTextVNode("   "),(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([[a.value?"ds-rotate-180":""],"ds-h-4 ds-w-4 ds-transition-transform"]),viewBox:"0 0 320 512",xmlns:"http://www.w3.org/2000/svg"},se,2))],10,Z)),e.withDirectives(e.createElementVNode("div",{id:`${m.value}Menu`,ref_key:"selectMenuEl",ref:p,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",te,[e.createElementVNode("ul",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(t,i)=>(e.openBlock(),e.createElementBlock("li",{key:`item${i}`,class:"ds-cursor-pointer",onClick:e.withModifiers(f=>L(t),["prevent"])},[e.createElementVNode("a",{class:e.normalizeClass([t.cssClass+`${r.value.some(f=>f.value===t.value)?" ds-bg-slate-100":""}`,"ds-flex ds-items-center ds-space-x-2 ds-px-4 ds-py-2 hover:ds-bg-slate-100"])},[e.createVNode(U,{modelValue:n.value,"onUpdate:modelValue":l[4]||(l[4]=f=>n.value=f),value:t.value,size:"sm"},null,8,["modelValue","value"]),e.createElementVNode("span",null,e.toDisplayString(t==null?void 0:t.text),1)],2)],8,ne))),128))])])],10,le),[[e.vShow,a.value]])],512),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(j,{key:0,"error-message":e.unref(c).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))])}}});module.exports=ae;
 //# sourceMappingURL=design-system18.js.map

package/dist/design-system18.mjs

@@ -6,7 +6,7 @@ import ve from "./design-system27.mjs";
 import pe from "./design-system29.mjs";
 import fe from "./design-system30.mjs";
 import me from "./design-system39.mjs";
-import he from "./design-system96.mjs";
+import he from "./design-system94.mjs";
 const ge = { class: "ds-absolute ds-right-3 ds-z-[1]" }, be = /* @__PURE__ */ r("path", { d: "M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z" }, null, -1), we = [
   be
 ], ke = ["onClick"], xe = /* @__PURE__ */ r("path", { d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c9.4-9.4 24.6-9.4 33.9 0l47 47 47-47c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-47 47 47 47c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-47-47-47 47c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l47-47-47-47c-9.4-9.4-9.4-24.6 0-33.9z" }, null, -1), ye = [

package/dist/design-system19.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),A=require("./design-system29.js"),K=require("./design-system3.js"),P=require("./design-system48.js"),N=require("./design-system97.js"),$=require("./design-system96.js"),L=require("./design-system98.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"),A=require("./design-system29.js"),K=require("./design-system3.js"),P=require("./design-system48.js"),N=require("./design-system99.js"),$=require("./design-system94.js"),L=require("./design-system100.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;
 //# sourceMappingURL=design-system19.js.map

package/dist/design-system19.js.map

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

package/dist/design-system19.mjs

@@ -2,9 +2,9 @@ import { defineComponent as N, ref as f, computed as l, openBlock as d, createEl
 import H from "./design-system29.mjs";
 import { useValidationField as J } from "./design-system3.mjs";
 import { useI18n as Q } from "./design-system48.mjs";
-import T from "./design-system97.mjs";
-import X from "./design-system96.mjs";
-import Y from "./design-system98.mjs";
+import T from "./design-system99.mjs";
+import X from "./design-system94.mjs";
+import Y from "./design-system100.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-system202.js

@@ -1,2 +1,2 @@
-"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;
+"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;
 //# sourceMappingURL=design-system202.js.map

package/dist/design-system202.mjs

@@ -1,8 +1,8 @@
-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";
+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";
 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-system216.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-system211.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-system216.mjs";
+import e from "./design-system211.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"),f=require("./design-system29.js"),g=require("./design-system3.js"),b=require("./design-system48.js"),y=require("./design-system96.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:["change","update:modelValue"],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-system29.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:["change","update:modelValue"],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-system21.js.map

package/dist/design-system21.mjs

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

package/dist/design-system211.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 r(o){var t=typeof o;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?o!=="__proto__":o===null}module.exports=r;
 //# sourceMappingURL=design-system211.js.map

package/dist/design-system211.js.map

@@ -1 +1 @@
-{"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]}
+{"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]}

package/dist/design-system211.mjs

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

package/dist/design-system211.mjs.map

@@ -1 +1 @@
-{"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]}
+{"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]}

package/dist/design-system212.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 t=require("./design-system218.js");function e(){this.__data__=t?t(null):{},this.size=0}module.exports=e;
 //# sourceMappingURL=design-system212.js.map

package/dist/design-system212.js.map

@@ -1 +1 @@
-{"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]}
+{"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]}

package/dist/design-system212.mjs

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

package/dist/design-system213.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";function s(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e}module.exports=s;
 //# sourceMappingURL=design-system213.js.map