@7pmlabs/design-system 0.5.1 → 0.5.3

package/dist/design-system104.mjs

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as De, commonjsGlobal as ve } from "./design-system113.mjs";
-import { __module as ne } from "./design-system117.mjs";
+import { getDefaultExportFromCjs as De, commonjsGlobal as ve } from "./design-system111.mjs";
+import { __module as ne } from "./design-system115.mjs";
 (function(re, fe) {
   (function(U, j) {
     re.exports = j();

package/dist/design-system105.js

@@ -1,2 +1,2 @@
-"use strict";const i=require("./design-system130.js"),s=require("./design-system131.js"),n=require("./design-system120.js"),o=require("./design-system123.js"),c=require("./design-system124.js"),f=require("./design-system127.js"),p=require("./design-system132.js"),y=require("./design-system133.js");var g="[object Map]",q="[object Set]",u=Object.prototype,a=u.hasOwnProperty;function b(r){if(r==null)return!0;if(c(r)&&(o(r)||typeof r=="string"||typeof r.splice=="function"||f(r)||y(r)||n(r)))return!r.length;var t=s(r);if(t==g||t==q)return!r.size;if(p(r))return!i(r).length;for(var e in r)if(a.call(r,e))return!1;return!0}module.exports=b;
+"use strict";const c=require("./design-system116.js"),u=require("./design-system117.js"),a=require("./design-system118.js");function x(n,e,t){if(c.randomUUID&&!e&&!n)return c.randomUUID();n=n||{};const r=n.random||(n.rng||u)();if(r[6]=r[6]&15|64,r[8]=r[8]&63|128,e){t=t||0;for(let i=0;i<16;++i)e[t+i]=r[i];return e}return a.unsafeStringify(r)}module.exports=x;
 //# sourceMappingURL=design-system105.js.map

package/dist/design-system105.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system105.js","sources":["../node_modules/lodash-es/isEmpty.js"],"sourcesContent":["import baseKeys from './_baseKeys.js';\nimport getTag from './_getTag.js';\nimport isArguments from './isArguments.js';\nimport isArray from './isArray.js';\nimport isArrayLike from './isArrayLike.js';\nimport isBuffer from './isBuffer.js';\nimport isPrototype from './_isPrototype.js';\nimport isTypedArray from './isTypedArray.js';\n\n/** `Object#toString` result references. */\nvar mapTag = '[object Map]',\n    setTag = '[object Set]';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Checks if `value` is an empty object, collection, map, or set.\n *\n * Objects are considered empty if they have no own enumerable string keyed\n * properties.\n *\n * Array-like values such as `arguments` objects, arrays, buffers, strings, or\n * jQuery-like collections are considered empty if they have a `length` of `0`.\n * Similarly, maps and sets are considered empty if they have a `size` of `0`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is empty, else `false`.\n * @example\n *\n * _.isEmpty(null);\n * // => true\n *\n * _.isEmpty(true);\n * // => true\n *\n * _.isEmpty(1);\n * // => true\n *\n * _.isEmpty([1, 2, 3]);\n * // => false\n *\n * _.isEmpty({ 'a': 1 });\n * // => false\n */\nfunction isEmpty(value) {\n  if (value == null) {\n    return true;\n  }\n  if (isArrayLike(value) &&\n      (isArray(value) || typeof value == 'string' || typeof value.splice == 'function' ||\n        isBuffer(value) || isTypedArray(value) || isArguments(value))) {\n    return !value.length;\n  }\n  var tag = getTag(value);\n  if (tag == mapTag || tag == setTag) {\n    return !value.size;\n  }\n  if (isPrototype(value)) {\n    return !baseKeys(value).length;\n  }\n  for (var key in value) {\n    if (hasOwnProperty.call(value, key)) {\n      return false;\n    }\n  }\n  return true;\n}\n\nexport default isEmpty;\n"],"names":["mapTag","setTag","objectProto","hasOwnProperty","isEmpty","value","isArrayLike","isArray","isBuffer","isTypedArray","isArguments","tag","getTag","isPrototype","baseKeys","key"],"mappings":"2SAUA,IAAIA,EAAS,eACTC,EAAS,eAGTC,EAAc,OAAO,UAGrBC,EAAiBD,EAAY,eAmCjC,SAASE,EAAQC,EAAO,CACtB,GAAIA,GAAS,KACX,MAAO,GAET,GAAIC,EAAYD,CAAK,IAChBE,EAAQF,CAAK,GAAK,OAAOA,GAAS,UAAY,OAAOA,EAAM,QAAU,YACpEG,EAASH,CAAK,GAAKI,EAAaJ,CAAK,GAAKK,EAAYL,CAAK,GAC/D,MAAO,CAACA,EAAM,OAEhB,IAAIM,EAAMC,EAAOP,CAAK,EACtB,GAAIM,GAAOX,GAAUW,GAAOV,EAC1B,MAAO,CAACI,EAAM,KAEhB,GAAIQ,EAAYR,CAAK,EACnB,MAAO,CAACS,EAAST,CAAK,EAAE,OAE1B,QAASU,KAAOV,EACd,GAAIF,EAAe,KAAKE,EAAOU,CAAG,EAChC,MAAO,GAGX,MAAO,EACT","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system105.js","sources":["../node_modules/uuid/dist/esm-browser/v4.js"],"sourcesContent":["import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\n\nfunction v4(options, buf, offset) {\n  if (native.randomUUID && !buf && !options) {\n    return native.randomUUID();\n  }\n\n  options = options || {};\n  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n  rnds[6] = rnds[6] & 0x0f | 0x40;\n  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n  if (buf) {\n    offset = offset || 0;\n\n    for (let i = 0; i < 16; ++i) {\n      buf[offset + i] = rnds[i];\n    }\n\n    return buf;\n  }\n\n  return unsafeStringify(rnds);\n}\n\nexport default v4;"],"names":["v4","options","buf","offset","native","rnds","rng","unsafeStringify"],"mappings":"4HAIA,SAASA,EAAGC,EAASC,EAAKC,EAAQ,CAChC,GAAIC,EAAO,YAAc,CAACF,GAAO,CAACD,EAChC,OAAOG,EAAO,aAGhBH,EAAUA,GAAW,GACrB,MAAMI,EAAOJ,EAAQ,SAAWA,EAAQ,KAAOK,KAK/C,GAHAD,EAAK,CAAC,EAAIA,EAAK,CAAC,EAAI,GAAO,GAC3BA,EAAK,CAAC,EAAIA,EAAK,CAAC,EAAI,GAAO,IAEvBH,EAAK,CACPC,EAASA,GAAU,EAEnB,QAAS,EAAI,EAAG,EAAI,GAAI,EAAE,EACxBD,EAAIC,EAAS,CAAC,EAAIE,EAAK,CAAC,EAG1B,OAAOH,CACR,CAED,OAAOK,EAAAA,gBAAgBF,CAAI,CAC7B","x_google_ignoreList":[0]}

package/dist/design-system105.mjs

@@ -1,28 +1,20 @@
-import i from "./design-system130.mjs";
-import f from "./design-system131.mjs";
-import p from "./design-system120.mjs";
-import e from "./design-system123.mjs";
-import m from "./design-system124.mjs";
-import n from "./design-system127.mjs";
-import s from "./design-system132.mjs";
-import y from "./design-system133.mjs";
-var g = "[object Map]", c = "[object Set]", a = Object.prototype, b = a.hasOwnProperty;
-function k(r) {
-  if (r == null)
-    return !0;
-  if (m(r) && (e(r) || typeof r == "string" || typeof r.splice == "function" || n(r) || y(r) || p(r)))
-    return !r.length;
-  var t = f(r);
-  if (t == g || t == c)
-    return !r.size;
-  if (s(r))
-    return !i(r).length;
-  for (var o in r)
-    if (b.call(r, o))
-      return !1;
-  return !0;
+import e from "./design-system116.mjs";
+import i from "./design-system117.mjs";
+import { unsafeStringify as d } from "./design-system118.mjs";
+function g(n, m, t) {
+  if (e.randomUUID && !m && !n)
+    return e.randomUUID();
+  n = n || {};
+  const r = n.random || (n.rng || i)();
+  if (r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, m) {
+    t = t || 0;
+    for (let a = 0; a < 16; ++a)
+      m[t + a] = r[a];
+    return m;
+  }
+  return d(r);
 }
 export {
-  k as default
+  g as default
 };
 //# sourceMappingURL=design-system105.mjs.map

package/dist/design-system105.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system105.mjs","sources":["../node_modules/lodash-es/isEmpty.js"],"sourcesContent":["import baseKeys from './_baseKeys.js';\nimport getTag from './_getTag.js';\nimport isArguments from './isArguments.js';\nimport isArray from './isArray.js';\nimport isArrayLike from './isArrayLike.js';\nimport isBuffer from './isBuffer.js';\nimport isPrototype from './_isPrototype.js';\nimport isTypedArray from './isTypedArray.js';\n\n/** `Object#toString` result references. */\nvar mapTag = '[object Map]',\n    setTag = '[object Set]';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Checks if `value` is an empty object, collection, map, or set.\n *\n * Objects are considered empty if they have no own enumerable string keyed\n * properties.\n *\n * Array-like values such as `arguments` objects, arrays, buffers, strings, or\n * jQuery-like collections are considered empty if they have a `length` of `0`.\n * Similarly, maps and sets are considered empty if they have a `size` of `0`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is empty, else `false`.\n * @example\n *\n * _.isEmpty(null);\n * // => true\n *\n * _.isEmpty(true);\n * // => true\n *\n * _.isEmpty(1);\n * // => true\n *\n * _.isEmpty([1, 2, 3]);\n * // => false\n *\n * _.isEmpty({ 'a': 1 });\n * // => false\n */\nfunction isEmpty(value) {\n  if (value == null) {\n    return true;\n  }\n  if (isArrayLike(value) &&\n      (isArray(value) || typeof value == 'string' || typeof value.splice == 'function' ||\n        isBuffer(value) || isTypedArray(value) || isArguments(value))) {\n    return !value.length;\n  }\n  var tag = getTag(value);\n  if (tag == mapTag || tag == setTag) {\n    return !value.size;\n  }\n  if (isPrototype(value)) {\n    return !baseKeys(value).length;\n  }\n  for (var key in value) {\n    if (hasOwnProperty.call(value, key)) {\n      return false;\n    }\n  }\n  return true;\n}\n\nexport default isEmpty;\n"],"names":["mapTag","setTag","objectProto","hasOwnProperty","isEmpty","value","isArrayLike","isArray","isBuffer","isTypedArray","isArguments","tag","getTag","isPrototype","baseKeys","key"],"mappings":";;;;;;;;AAUA,IAAIA,IAAS,gBACTC,IAAS,gBAGTC,IAAc,OAAO,WAGrBC,IAAiBD,EAAY;AAmCjC,SAASE,EAAQC,GAAO;AACtB,MAAIA,KAAS;AACX,WAAO;AAET,MAAIC,EAAYD,CAAK,MAChBE,EAAQF,CAAK,KAAK,OAAOA,KAAS,YAAY,OAAOA,EAAM,UAAU,cACpEG,EAASH,CAAK,KAAKI,EAAaJ,CAAK,KAAKK,EAAYL,CAAK;AAC/D,WAAO,CAACA,EAAM;AAEhB,MAAIM,IAAMC,EAAOP,CAAK;AACtB,MAAIM,KAAOX,KAAUW,KAAOV;AAC1B,WAAO,CAACI,EAAM;AAEhB,MAAIQ,EAAYR,CAAK;AACnB,WAAO,CAACS,EAAST,CAAK,EAAE;AAE1B,WAASU,KAAOV;AACd,QAAIF,EAAe,KAAKE,GAAOU,CAAG;AAChC,aAAO;AAGX,SAAO;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system105.mjs","sources":["../node_modules/uuid/dist/esm-browser/v4.js"],"sourcesContent":["import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\n\nfunction v4(options, buf, offset) {\n  if (native.randomUUID && !buf && !options) {\n    return native.randomUUID();\n  }\n\n  options = options || {};\n  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n  rnds[6] = rnds[6] & 0x0f | 0x40;\n  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n  if (buf) {\n    offset = offset || 0;\n\n    for (let i = 0; i < 16; ++i) {\n      buf[offset + i] = rnds[i];\n    }\n\n    return buf;\n  }\n\n  return unsafeStringify(rnds);\n}\n\nexport default v4;"],"names":["v4","options","buf","offset","native","rnds","rng","i","unsafeStringify"],"mappings":";;;AAIA,SAASA,EAAGC,GAASC,GAAKC,GAAQ;AAChC,MAAIC,EAAO,cAAc,CAACF,KAAO,CAACD;AAChC,WAAOG,EAAO;AAGhB,EAAAH,IAAUA,KAAW;AACrB,QAAMI,IAAOJ,EAAQ,WAAWA,EAAQ,OAAOK;AAK/C,MAHAD,EAAK,CAAC,IAAIA,EAAK,CAAC,IAAI,KAAO,IAC3BA,EAAK,CAAC,IAAIA,EAAK,CAAC,IAAI,KAAO,KAEvBH,GAAK;AACP,IAAAC,IAASA,KAAU;AAEnB,aAASI,IAAI,GAAGA,IAAI,IAAI,EAAEA;AACxB,MAAAL,EAAIC,IAASI,CAAC,IAAIF,EAAKE,CAAC;AAG1B,WAAOL;AAAA,EACR;AAED,SAAOM,EAAgBH,CAAI;AAC7B;","x_google_ignoreList":[0]}

package/dist/design-system106.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("vue"),n=require("./design-system5.js"),w=require("./design-system38.js"),C=s.defineComponent({__name:"BModalContainer",props:{size:{default:n.BModalSize.Medium},fullscreen:{type:Boolean,default:!1},persistent:{type:Boolean,default:!1}},emits:["close"],setup(a,{emit:c}){const t=a,o=c,r=s.ref(null),i=s.computed(()=>{let e="ds-relative ds-w-full ds-h-auto ds-m-auto ds-flex ds-items-center ";if(t.fullscreen)e+="ds-w-screen ds-h-screen ";else switch(e+="ds-p-4 ",t.size){case n.BModalSize.Small:e+="ds-max-w-md ";break;case n.BModalSize.Large:e+="ds-max-w-4xl ";break;case n.BModalSize.Medium:default:e+="ds-max-w-2xl ";break}return e}),u=s.computed(()=>{let e="ds-relative ds-bg-white ds-rounded-lg ds-shadow ";return e+=t.fullscreen?"ds-w-screen ds-h-screen ds-rounded-none ":"",e}),m=()=>{document.addEventListener("keydown",l)},l=e=>{e.key==="Escape"&&o("close")},p=()=>{document.addEventListener("click",d)},d=e=>{[r.value].some(v=>e.composedPath().includes(v))||o("close")};return s.onMounted(()=>{t.persistent||setTimeout(()=>{m(),p()},200)}),s.onBeforeUnmount(()=>{t.persistent||(document.removeEventListener("keydown",l),document.removeEventListener("click",d))}),(e,f)=>(s.openBlock(),s.createBlock(w,null,{default:s.withCtx(()=>[s.createElementVNode("div",{class:s.normalizeClass([i.value,"modal-wrapper"])},[s.createElementVNode("div",{ref_key:"modalWrapperContentRef",ref:r,class:s.normalizeClass([u.value,"modal-wrapper-content ds-w-full"])},[s.renderSlot(e.$slots,"default")],2)],2)]),_:3}))}});module.exports=C;
+"use strict";const i=require("./design-system131.js"),s=require("./design-system132.js"),n=require("./design-system121.js"),o=require("./design-system124.js"),c=require("./design-system125.js"),f=require("./design-system128.js"),p=require("./design-system133.js"),y=require("./design-system134.js");var g="[object Map]",q="[object Set]",u=Object.prototype,a=u.hasOwnProperty;function b(r){if(r==null)return!0;if(c(r)&&(o(r)||typeof r=="string"||typeof r.splice=="function"||f(r)||y(r)||n(r)))return!r.length;var t=s(r);if(t==g||t==q)return!r.size;if(p(r))return!i(r).length;for(var e in r)if(a.call(r,e))return!1;return!0}module.exports=b;
 //# sourceMappingURL=design-system106.js.map

package/dist/design-system106.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system106.js","sources":["../src/components/BModal/BModalContainer.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { BModalSize } from '@/constants/Enums';\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue';\nimport BOverlay from '../BOverlay.vue';\n\n//#region Props\nexport interface Props {\n  size?: BModalSize;\n  fullscreen?: boolean;\n  persistent?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BModalContainer',\n  props: {\n    size: { default: BModalSize.Medium },\n    fullscreen: { type: Boolean, default: false },\n    persistent: { type: Boolean, default: false }\n  },\n  emits: [\"close\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst modalWrapperContentRef = ref<HTMLDivElement | null>(null);\nconst modalWrapperCssClass = computed(() => {\n  let result = `ds-relative ds-w-full ds-h-auto ds-m-auto ds-flex ds-items-center `;\n\n  if (props.fullscreen) {\n    result += `ds-w-screen ds-h-screen `;\n  } else {\n    result += `ds-p-4 `;\n    switch (props.size) {\n      case BModalSize.Small:\n        result += `ds-max-w-md `;\n        break;\n      case BModalSize.Large:\n        result += `ds-max-w-4xl `;\n        break;\n      case BModalSize.Medium:\n      default:\n        result += `ds-max-w-2xl `;\n        break;\n    }\n  }\n\n  return result;\n});\nconst modalWrapperContentCssClass = computed(() => {\n  let result = `ds-relative ds-bg-white ds-rounded-lg ds-shadow `;\n  result += props.fullscreen ? `ds-w-screen ds-h-screen ds-rounded-none ` : ``;\n\n  return result;\n});\n//#endregion\n\n//#region Methods\nconst initPressEscapeEventListener = () => {\n  document.addEventListener('keydown', closeOnEscapePressed);\n};\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\n  if (event.key === 'Escape') {\n    emit('close');\n  }\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [modalWrapperContentRef.value];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    emit('close');\n  }\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  if (!props.persistent) {\n    setTimeout(() => {\n      initPressEscapeEventListener();\n      initClickOutsideEventListener();\n    }, 200);\n  }\n});\nonBeforeUnmount(() => {\n  if (!props.persistent) {\n    document.removeEventListener('keydown', closeOnEscapePressed);\n    document.removeEventListener('click', closeOnClickOutside);\n  }\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(BOverlay, null, {\n    default: _withCtx(() => [\n      _createElementVNode(\"div\", {\n        class: _normalizeClass([modalWrapperCssClass.value, \"modal-wrapper\"])\n      }, [\n        _createElementVNode(\"div\", {\n          ref_key: \"modalWrapperContentRef\",\n          ref: modalWrapperContentRef,\n          class: _normalizeClass([modalWrapperContentCssClass.value, \"modal-wrapper-content ds-w-full\"])\n        }, [\n          _renderSlot(_ctx.$slots, \"default\")\n        ], 2)\n      ], 2)\n    ]),\n    _: 3\n  }))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","BModalSize","__props","__emit","props","emit","modalWrapperContentRef","ref","modalWrapperCssClass","computed","result","modalWrapperContentCssClass","initPressEscapeEventListener","closeOnEscapePressed","event","initClickOutsideEventListener","closeOnClickOutside","r","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createBlock","BOverlay","_withCtx","_createElementVNode","_normalizeClass","_renderSlot"],"mappings":"uGAe4BA,EAAiBC,kBAAA,CAC3C,OAAQ,kBACR,MAAO,CACL,KAAM,CAAE,QAASC,EAAA,WAAW,MAAO,EACnC,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,EAC5C,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,CAC9C,EACA,MAAO,CAAC,OAAO,EACf,MAAMC,EAAc,CAAE,KAAMC,GAAU,CAExC,MAAMC,EAAQF,EAIRG,EAAOF,EAIPG,EAAyBC,MAA2B,IAAI,EACxDC,EAAuBC,EAAAA,SAAS,IAAM,CAC1C,IAAIC,EAAS,qEAEb,GAAIN,EAAM,WACEM,GAAA,+BAGV,QADUA,GAAA,UACFN,EAAM,KAAM,CAClB,KAAKH,EAAW,WAAA,MACJS,GAAA,eACV,MACF,KAAKT,EAAW,WAAA,MACJS,GAAA,gBACV,MACF,KAAKT,EAAAA,WAAW,OAChB,QACYS,GAAA,gBACV,KACJ,CAGK,OAAAA,CAAA,CACR,EACKC,EAA8BF,EAAAA,SAAS,IAAM,CACjD,IAAIC,EAAS,mDACH,OAAAA,GAAAN,EAAM,WAAa,2CAA6C,GAEnEM,CAAA,CACR,EAIKE,EAA+B,IAAM,CAChC,SAAA,iBAAiB,UAAWC,CAAoB,CAAA,EAErDA,EAAwBC,GAAyB,CACjDA,EAAM,MAAQ,UAChBT,EAAK,OAAO,CACd,EAEIU,EAAgC,IAAM,CACjC,SAAA,iBAAiB,QAASC,CAAmB,CAAA,EAElDA,EAAuBF,GAAe,CAC7B,CAACR,EAAuB,KAAK,EACZ,KAAMW,GAAMH,EAAM,eAAe,SAASG,CAAC,CAAC,GAExEZ,EAAK,OAAO,CACd,EAKFa,OAAAA,EAAAA,UAAU,IAAM,CACTd,EAAM,YACT,WAAW,IAAM,CACcQ,IACCG,KAC7B,GAAG,CACR,CACD,EACDI,EAAAA,gBAAgB,IAAM,CACff,EAAM,aACA,SAAA,oBAAoB,UAAWS,CAAoB,EACnD,SAAA,oBAAoB,QAASG,CAAmB,EAC3D,CACD,EAGM,CAACI,EAAUC,KACRC,YAAW,EAAGC,cAAaC,EAAU,KAAM,CACjD,QAASC,UAAS,IAAM,CACtBC,EAAAA,mBAAoB,MAAO,CACzB,MAAOC,EAAAA,eAAgB,CAACnB,EAAqB,MAAO,eAAe,CAAC,CAAA,EACnE,CACDkB,EAAAA,mBAAoB,MAAO,CACzB,QAAS,yBACT,IAAKpB,EACL,MAAOqB,EAAAA,eAAgB,CAAChB,EAA4B,MAAO,iCAAiC,CAAC,CAAA,EAC5F,CACDiB,aAAYR,EAAK,OAAQ,SAAS,GACjC,CAAC,GACH,CAAC,CAAA,CACL,EACD,EAAG,CAAA,CACJ,EAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system106.js","sources":["../node_modules/lodash-es/isEmpty.js"],"sourcesContent":["import baseKeys from './_baseKeys.js';\nimport getTag from './_getTag.js';\nimport isArguments from './isArguments.js';\nimport isArray from './isArray.js';\nimport isArrayLike from './isArrayLike.js';\nimport isBuffer from './isBuffer.js';\nimport isPrototype from './_isPrototype.js';\nimport isTypedArray from './isTypedArray.js';\n\n/** `Object#toString` result references. */\nvar mapTag = '[object Map]',\n    setTag = '[object Set]';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Checks if `value` is an empty object, collection, map, or set.\n *\n * Objects are considered empty if they have no own enumerable string keyed\n * properties.\n *\n * Array-like values such as `arguments` objects, arrays, buffers, strings, or\n * jQuery-like collections are considered empty if they have a `length` of `0`.\n * Similarly, maps and sets are considered empty if they have a `size` of `0`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is empty, else `false`.\n * @example\n *\n * _.isEmpty(null);\n * // => true\n *\n * _.isEmpty(true);\n * // => true\n *\n * _.isEmpty(1);\n * // => true\n *\n * _.isEmpty([1, 2, 3]);\n * // => false\n *\n * _.isEmpty({ 'a': 1 });\n * // => false\n */\nfunction isEmpty(value) {\n  if (value == null) {\n    return true;\n  }\n  if (isArrayLike(value) &&\n      (isArray(value) || typeof value == 'string' || typeof value.splice == 'function' ||\n        isBuffer(value) || isTypedArray(value) || isArguments(value))) {\n    return !value.length;\n  }\n  var tag = getTag(value);\n  if (tag == mapTag || tag == setTag) {\n    return !value.size;\n  }\n  if (isPrototype(value)) {\n    return !baseKeys(value).length;\n  }\n  for (var key in value) {\n    if (hasOwnProperty.call(value, key)) {\n      return false;\n    }\n  }\n  return true;\n}\n\nexport default isEmpty;\n"],"names":["mapTag","setTag","objectProto","hasOwnProperty","isEmpty","value","isArrayLike","isArray","isBuffer","isTypedArray","isArguments","tag","getTag","isPrototype","baseKeys","key"],"mappings":"2SAUA,IAAIA,EAAS,eACTC,EAAS,eAGTC,EAAc,OAAO,UAGrBC,EAAiBD,EAAY,eAmCjC,SAASE,EAAQC,EAAO,CACtB,GAAIA,GAAS,KACX,MAAO,GAET,GAAIC,EAAYD,CAAK,IAChBE,EAAQF,CAAK,GAAK,OAAOA,GAAS,UAAY,OAAOA,EAAM,QAAU,YACpEG,EAASH,CAAK,GAAKI,EAAaJ,CAAK,GAAKK,EAAYL,CAAK,GAC/D,MAAO,CAACA,EAAM,OAEhB,IAAIM,EAAMC,EAAOP,CAAK,EACtB,GAAIM,GAAOX,GAAUW,GAAOV,EAC1B,MAAO,CAACI,EAAM,KAEhB,GAAIQ,EAAYR,CAAK,EACnB,MAAO,CAACS,EAAST,CAAK,EAAE,OAE1B,QAASU,KAAOV,EACd,GAAIF,EAAe,KAAKE,EAAOU,CAAG,EAChC,MAAO,GAGX,MAAO,EACT","x_google_ignoreList":[0]}

package/dist/design-system106.mjs

@@ -1,70 +1,28 @@
-import { defineComponent as C, ref as h, computed as d, onMounted as B, onBeforeUnmount as E, openBlock as x, createBlock as y, withCtx as L, createElementVNode as a, normalizeClass as c, renderSlot as _ } from "vue";
-import { BModalSize as t } from "./design-system5.mjs";
-import M from "./design-system38.mjs";
-const g = /* @__PURE__ */ C({
-  __name: "BModalContainer",
-  props: {
-    size: { default: t.Medium },
-    fullscreen: { type: Boolean, default: !1 },
-    persistent: { type: Boolean, default: !1 }
-  },
-  emits: ["close"],
-  setup(i, { emit: u }) {
-    const s = i, n = u, o = h(null), m = d(() => {
-      let e = "ds-relative ds-w-full ds-h-auto ds-m-auto ds-flex ds-items-center ";
-      if (s.fullscreen)
-        e += "ds-w-screen ds-h-screen ";
-      else
-        switch (e += "ds-p-4 ", s.size) {
-          case t.Small:
-            e += "ds-max-w-md ";
-            break;
-          case t.Large:
-            e += "ds-max-w-4xl ";
-            break;
-          case t.Medium:
-          default:
-            e += "ds-max-w-2xl ";
-            break;
-        }
-      return e;
-    }), p = d(() => {
-      let e = "ds-relative ds-bg-white ds-rounded-lg ds-shadow ";
-      return e += s.fullscreen ? "ds-w-screen ds-h-screen ds-rounded-none " : "", e;
-    }), f = () => {
-      document.addEventListener("keydown", r);
-    }, r = (e) => {
-      e.key === "Escape" && n("close");
-    }, w = () => {
-      document.addEventListener("click", l);
-    }, l = (e) => {
-      [o.value].some((k) => e.composedPath().includes(k)) || n("close");
-    };
-    return B(() => {
-      s.persistent || setTimeout(() => {
-        f(), w();
-      }, 200);
-    }), E(() => {
-      s.persistent || (document.removeEventListener("keydown", r), document.removeEventListener("click", l));
-    }), (e, v) => (x(), y(M, null, {
-      default: L(() => [
-        a("div", {
-          class: c([m.value, "modal-wrapper"])
-        }, [
-          a("div", {
-            ref_key: "modalWrapperContentRef",
-            ref: o,
-            class: c([p.value, "modal-wrapper-content ds-w-full"])
-          }, [
-            _(e.$slots, "default")
-          ], 2)
-        ], 2)
-      ]),
-      _: 3
-    }));
-  }
-});
+import i from "./design-system131.mjs";
+import f from "./design-system132.mjs";
+import p from "./design-system121.mjs";
+import e from "./design-system124.mjs";
+import m from "./design-system125.mjs";
+import n from "./design-system128.mjs";
+import s from "./design-system133.mjs";
+import y from "./design-system134.mjs";
+var g = "[object Map]", c = "[object Set]", a = Object.prototype, b = a.hasOwnProperty;
+function k(r) {
+  if (r == null)
+    return !0;
+  if (m(r) && (e(r) || typeof r == "string" || typeof r.splice == "function" || n(r) || y(r) || p(r)))
+    return !r.length;
+  var t = f(r);
+  if (t == g || t == c)
+    return !r.size;
+  if (s(r))
+    return !i(r).length;
+  for (var o in r)
+    if (b.call(r, o))
+      return !1;
+  return !0;
+}
 export {
-  g as default
+  k as default
 };
 //# sourceMappingURL=design-system106.mjs.map

package/dist/design-system106.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system106.mjs","sources":["../src/components/BModal/BModalContainer.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nimport { BModalSize } from '@/constants/Enums';\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue';\nimport BOverlay from '../BOverlay.vue';\n\n//#region Props\nexport interface Props {\n  size?: BModalSize;\n  fullscreen?: boolean;\n  persistent?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BModalContainer',\n  props: {\n    size: { default: BModalSize.Medium },\n    fullscreen: { type: Boolean, default: false },\n    persistent: { type: Boolean, default: false }\n  },\n  emits: [\"close\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst modalWrapperContentRef = ref<HTMLDivElement | null>(null);\nconst modalWrapperCssClass = computed(() => {\n  let result = `ds-relative ds-w-full ds-h-auto ds-m-auto ds-flex ds-items-center `;\n\n  if (props.fullscreen) {\n    result += `ds-w-screen ds-h-screen `;\n  } else {\n    result += `ds-p-4 `;\n    switch (props.size) {\n      case BModalSize.Small:\n        result += `ds-max-w-md `;\n        break;\n      case BModalSize.Large:\n        result += `ds-max-w-4xl `;\n        break;\n      case BModalSize.Medium:\n      default:\n        result += `ds-max-w-2xl `;\n        break;\n    }\n  }\n\n  return result;\n});\nconst modalWrapperContentCssClass = computed(() => {\n  let result = `ds-relative ds-bg-white ds-rounded-lg ds-shadow `;\n  result += props.fullscreen ? `ds-w-screen ds-h-screen ds-rounded-none ` : ``;\n\n  return result;\n});\n//#endregion\n\n//#region Methods\nconst initPressEscapeEventListener = () => {\n  document.addEventListener('keydown', closeOnEscapePressed);\n};\nconst closeOnEscapePressed = (event: KeyboardEvent) => {\n  if (event.key === 'Escape') {\n    emit('close');\n  }\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [modalWrapperContentRef.value];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    emit('close');\n  }\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  if (!props.persistent) {\n    setTimeout(() => {\n      initPressEscapeEventListener();\n      initClickOutsideEventListener();\n    }, 200);\n  }\n});\nonBeforeUnmount(() => {\n  if (!props.persistent) {\n    document.removeEventListener('keydown', closeOnEscapePressed);\n    document.removeEventListener('click', closeOnClickOutside);\n  }\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(BOverlay, null, {\n    default: _withCtx(() => [\n      _createElementVNode(\"div\", {\n        class: _normalizeClass([modalWrapperCssClass.value, \"modal-wrapper\"])\n      }, [\n        _createElementVNode(\"div\", {\n          ref_key: \"modalWrapperContentRef\",\n          ref: modalWrapperContentRef,\n          class: _normalizeClass([modalWrapperContentCssClass.value, \"modal-wrapper-content ds-w-full\"])\n        }, [\n          _renderSlot(_ctx.$slots, \"default\")\n        ], 2)\n      ], 2)\n    ]),\n    _: 3\n  }))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","BModalSize","__props","__emit","props","emit","modalWrapperContentRef","ref","modalWrapperCssClass","computed","result","modalWrapperContentCssClass","initPressEscapeEventListener","closeOnEscapePressed","event","initClickOutsideEventListener","closeOnClickOutside","r","onMounted","onBeforeUnmount","_ctx","_cache","_openBlock","_createBlock","BOverlay","_withCtx","_createElementVNode","_normalizeClass","_renderSlot"],"mappings":";;;AAeA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM,EAAE,SAASC,EAAW,OAAO;AAAA,IACnC,YAAY,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,IAC5C,YAAY,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC9C;AAAA,EACA,OAAO,CAAC,OAAO;AAAA,EACf,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAOF,GAIPG,IAAyBC,EAA2B,IAAI,GACxDC,IAAuBC,EAAS,MAAM;AAC1C,UAAIC,IAAS;AAEb,UAAIN,EAAM;AACE,QAAAM,KAAA;AAAA;AAGV,gBADUA,KAAA,WACFN,EAAM,MAAM;AAAA,UAClB,KAAKH,EAAW;AACJ,YAAAS,KAAA;AACV;AAAA,UACF,KAAKT,EAAW;AACJ,YAAAS,KAAA;AACV;AAAA,UACF,KAAKT,EAAW;AAAA,UAChB;AACY,YAAAS,KAAA;AACV;AAAA,QACJ;AAGK,aAAAA;AAAA,IAAA,CACR,GACKC,IAA8BF,EAAS,MAAM;AACjD,UAAIC,IAAS;AACH,aAAAA,KAAAN,EAAM,aAAa,6CAA6C,IAEnEM;AAAA,IAAA,CACR,GAIKE,IAA+B,MAAM;AAChC,eAAA,iBAAiB,WAAWC,CAAoB;AAAA,IAAA,GAErDA,IAAuB,CAACC,MAAyB;AACjD,MAAAA,EAAM,QAAQ,YAChBT,EAAK,OAAO;AAAA,IACd,GAEIU,IAAgC,MAAM;AACjC,eAAA,iBAAiB,SAASC,CAAmB;AAAA,IAAA,GAElDA,IAAsB,CAACF,MAAe;AAG1C,MAFa,CAACR,EAAuB,KAAK,EACZ,KAAK,CAACW,MAAMH,EAAM,eAAe,SAASG,CAAC,CAAC,KAExEZ,EAAK,OAAO;AAAA,IACd;AAKF,WAAAa,EAAU,MAAM;AACV,MAACd,EAAM,cACT,WAAW,MAAM;AACc,QAAAQ,KACCG;SAC7B,GAAG;AAAA,IACR,CACD,GACDI,EAAgB,MAAM;AAChB,MAACf,EAAM,eACA,SAAA,oBAAoB,WAAWS,CAAoB,GACnD,SAAA,oBAAoB,SAASG,CAAmB;AAAA,IAC3D,CACD,GAGM,CAACI,GAAUC,OACRC,EAAW,GAAGC,EAAaC,GAAU,MAAM;AAAA,MACjD,SAASC,EAAS,MAAM;AAAA,QACtBC,EAAoB,OAAO;AAAA,UACzB,OAAOC,EAAgB,CAACnB,EAAqB,OAAO,eAAe,CAAC;AAAA,QAAA,GACnE;AAAA,UACDkB,EAAoB,OAAO;AAAA,YACzB,SAAS;AAAA,YACT,KAAKpB;AAAA,YACL,OAAOqB,EAAgB,CAAChB,EAA4B,OAAO,iCAAiC,CAAC;AAAA,UAAA,GAC5F;AAAA,YACDiB,EAAYR,EAAK,QAAQ,SAAS;AAAA,aACjC,CAAC;AAAA,WACH,CAAC;AAAA,MAAA,CACL;AAAA,MACD,GAAG;AAAA,IAAA,CACJ;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system106.mjs","sources":["../node_modules/lodash-es/isEmpty.js"],"sourcesContent":["import baseKeys from './_baseKeys.js';\nimport getTag from './_getTag.js';\nimport isArguments from './isArguments.js';\nimport isArray from './isArray.js';\nimport isArrayLike from './isArrayLike.js';\nimport isBuffer from './isBuffer.js';\nimport isPrototype from './_isPrototype.js';\nimport isTypedArray from './isTypedArray.js';\n\n/** `Object#toString` result references. */\nvar mapTag = '[object Map]',\n    setTag = '[object Set]';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Checks if `value` is an empty object, collection, map, or set.\n *\n * Objects are considered empty if they have no own enumerable string keyed\n * properties.\n *\n * Array-like values such as `arguments` objects, arrays, buffers, strings, or\n * jQuery-like collections are considered empty if they have a `length` of `0`.\n * Similarly, maps and sets are considered empty if they have a `size` of `0`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is empty, else `false`.\n * @example\n *\n * _.isEmpty(null);\n * // => true\n *\n * _.isEmpty(true);\n * // => true\n *\n * _.isEmpty(1);\n * // => true\n *\n * _.isEmpty([1, 2, 3]);\n * // => false\n *\n * _.isEmpty({ 'a': 1 });\n * // => false\n */\nfunction isEmpty(value) {\n  if (value == null) {\n    return true;\n  }\n  if (isArrayLike(value) &&\n      (isArray(value) || typeof value == 'string' || typeof value.splice == 'function' ||\n        isBuffer(value) || isTypedArray(value) || isArguments(value))) {\n    return !value.length;\n  }\n  var tag = getTag(value);\n  if (tag == mapTag || tag == setTag) {\n    return !value.size;\n  }\n  if (isPrototype(value)) {\n    return !baseKeys(value).length;\n  }\n  for (var key in value) {\n    if (hasOwnProperty.call(value, key)) {\n      return false;\n    }\n  }\n  return true;\n}\n\nexport default isEmpty;\n"],"names":["mapTag","setTag","objectProto","hasOwnProperty","isEmpty","value","isArrayLike","isArray","isBuffer","isTypedArray","isArguments","tag","getTag","isPrototype","baseKeys","key"],"mappings":";;;;;;;;AAUA,IAAIA,IAAS,gBACTC,IAAS,gBAGTC,IAAc,OAAO,WAGrBC,IAAiBD,EAAY;AAmCjC,SAASE,EAAQC,GAAO;AACtB,MAAIA,KAAS;AACX,WAAO;AAET,MAAIC,EAAYD,CAAK,MAChBE,EAAQF,CAAK,KAAK,OAAOA,KAAS,YAAY,OAAOA,EAAM,UAAU,cACpEG,EAASH,CAAK,KAAKI,EAAaJ,CAAK,KAAKK,EAAYL,CAAK;AAC/D,WAAO,CAACA,EAAM;AAEhB,MAAIM,IAAMC,EAAOP,CAAK;AACtB,MAAIM,KAAOX,KAAUW,KAAOV;AAC1B,WAAO,CAACI,EAAM;AAEhB,MAAIQ,EAAYR,CAAK;AACnB,WAAO,CAACS,EAAST,CAAK,EAAE;AAE1B,WAASU,KAAOV;AACd,QAAIF,EAAe,KAAKE,GAAOU,CAAG;AAChC,aAAO;AAGX,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/design-system107.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),k=["disabled"],w=t.defineComponent({__name:"BOtpFieldBox",props:{value:{default:""},focus:{type:Boolean,default:!1},isDisabled:{type:Boolean,default:!1}},emits:["on-change","on-keydown","on-keyup","on-paste","on-focus","on-blur"],setup(c,{expose:d,emit:i}){const l=c,u=i,n=t.ref(l.value||""),o=t.ref(null),a=["0","1","2","3","4","5","6","7","8","9"],r=()=>{if(!a.includes(n.value)){n.value="";return}return n.value=n.value.toString(),n.value.length>1&&(n.value=n.value.slice(0,1)),u("on-change",n.value)},f=e=>{l.isDisabled&&e.preventDefault();const s=e;["Alt","Control","Meta","Backspace","ArrowLeft","ArrowRight","v",...a].includes(s.key)?u("on-keydown",e):s.preventDefault()},p=e=>{u("on-keyup",e)},v=e=>{u("on-paste",e)},h=()=>(o.value.select(),u("on-focus")),y=()=>u("on-blur"),m=()=>{o.value.focus(),o.value.select()};return t.watch(()=>l.value,(e,s)=>{e!==s&&(n.value=e)}),t.watch(()=>l.focus,(e,s)=>{s!==e&&o.value&&l.focus&&(o.value.focus(),o.value.select())}),t.onMounted(()=>{o.value&&l.focus&&(o.value.focus(),o.value.select())}),d({focus:m}),(e,s)=>t.withDirectives((t.openBlock(),t.createElementBlock("input",{ref_key:"inputRef",ref:o,"onUpdate:modelValue":s[0]||(s[0]=g=>n.value=g),disabled:e.isDisabled,class:"ds-h-11 ds-w-11 ds-rounded-lg ds-border ds-text-center ds-drop-shadow-light ds-transition-all ds-duration-200",inputmode:"numeric",maxlength:"1",onBlur:y,onFocus:h,onInput:r,onKeydown:f,onKeyup:p,onPaste:v},null,40,k)),[[t.vModelText,n.value]])}});module.exports=w;
+"use strict";const e=require("vue"),s=require("./design-system56.js"),t={},c={class:"ds-absolute ds-rounded-full ds-bg-black/20"},o=e.createElementVNode("div",{class:"ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center"},[e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-cursor-pointer ds-fill-white hover:ds-fill-white/60",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM175 208.1L222.1 255.1L175 303C165.7 312.4 165.7 327.6 175 336.1C184.4 346.3 199.6 346.3 208.1 336.1L255.1 289.9L303 336.1C312.4 346.3 327.6 346.3 336.1 336.1C346.3 327.6 346.3 312.4 336.1 303L289.9 255.1L336.1 208.1C346.3 199.6 346.3 184.4 336.1 175C327.6 165.7 312.4 165.7 303 175L255.1 222.1L208.1 175C199.6 165.7 184.4 165.7 175 175C165.7 184.4 165.7 199.6 175 208.1V208.1z"})])],-1),r=[o];function d(n,i){return e.openBlock(),e.createElementBlock("div",c,r)}const l=s(t,[["render",d]]);module.exports=l;
 //# sourceMappingURL=design-system107.js.map

package/dist/design-system107.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system107.js","sources":["../src/components/BOtpField/BOtpFieldBox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelText as _vModelText, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = [\"disabled\"]\n\nimport { onMounted, ref, type Ref, watch } from 'vue';\n\n//#region Props\nexport interface Props {\n  value?: string;\n  focus?: boolean;\n  isDisabled?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BOtpFieldBox',\n  props: {\n    value: { default: '' },\n    focus: { type: Boolean, default: false },\n    isDisabled: { type: Boolean, default: false }\n  },\n  emits: [\"on-change\", \"on-keydown\", \"on-keyup\", \"on-paste\", \"on-focus\", \"on-blur\"],\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst model = ref(props.value || '');\nconst inputRef = ref<HTMLInputElement | null>(null) as Ref<HTMLInputElement>;\nconst digits = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];\n//#endregion\n\n//#region Methods\nconst handleOnChange = () => {\n  if (!digits.includes(model.value)) {\n    model.value = '';\n    return;\n  }\n\n  model.value = model.value.toString();\n  if (model.value.length > 1) {\n    model.value = model.value.slice(0, 1);\n  }\n  return emit('on-change', model.value);\n};\n\nconst handleOnKeyDown = (event: KeyboardEvent) => {\n  if (props.isDisabled) {\n    event.preventDefault();\n  }\n  // Only allow characters 0-9, DEL, Backspace, Enter, Right and Left Arrows, and Pasting\n  const keyEvent = event;\n  if (\n    [\n      'Alt',\n      'Control',\n      'Meta',\n      'Backspace',\n      'ArrowLeft',\n      'ArrowRight',\n      'v',\n      ...digits,\n    ].includes(keyEvent.key)\n  ) {\n    emit('on-keydown', event);\n  } else {\n    keyEvent.preventDefault();\n  }\n};\nconst handleOnKeyUp = (event: KeyboardEvent) => {\n  emit('on-keyup', event);\n};\nconst handleOnPaste = (event: ClipboardEvent) => {\n  emit('on-paste', event);\n};\nconst handleOnFocus = () => {\n  inputRef.value.select();\n  return emit('on-focus');\n};\nconst handleOnBlur = () => emit('on-blur');\nconst focusFn = () => {\n  inputRef.value.focus();\n  inputRef.value.select();\n};\n//#endregion\n\n//#region Watchers\nwatch(\n  () => props.value,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      model.value = newValue;\n    }\n  },\n);\nwatch(\n  () => props.focus,\n  (newFocusValue, oldFocusValue) => {\n    // Check if focusedInput changed\n    // Prevent calling function if input already in focus\n    if (oldFocusValue !== newFocusValue && inputRef.value && props.focus) {\n      inputRef.value.focus();\n      inputRef.value.select();\n    }\n  },\n);\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  if (inputRef.value && props.focus) {\n    inputRef.value.focus();\n    inputRef.value.select();\n  }\n});\n//#endregion\n\n__expose({ focus: focusFn });\n\nreturn (_ctx: any,_cache: any) => {\n  return _withDirectives((_openBlock(), _createElementBlock(\"input\", {\n    ref_key: \"inputRef\",\n    ref: inputRef,\n    \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((model).value = $event)),\n    disabled: _ctx.isDisabled,\n    class: \"ds-h-11 ds-w-11 ds-rounded-lg ds-border ds-text-center ds-drop-shadow-light ds-transition-all ds-duration-200\",\n    inputmode: \"numeric\",\n    maxlength: \"1\",\n    onBlur: handleOnBlur,\n    onFocus: handleOnFocus,\n    onInput: handleOnChange,\n    onKeydown: handleOnKeyDown,\n    onKeyup: handleOnKeyUp,\n    onPaste: handleOnPaste\n  }, null, 40, _hoisted_1)), [\n    [_vModelText, model.value]\n  ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","__emit","props","emit","model","ref","inputRef","digits","handleOnChange","handleOnKeyDown","event","keyEvent","handleOnKeyUp","handleOnPaste","handleOnFocus","handleOnBlur","focusFn","watch","newValue","oldValue","newFocusValue","oldFocusValue","onMounted","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","$event","_vModelText"],"mappings":"oCAGMA,EAAa,CAAC,UAAU,EAYFC,EAAiBC,kBAAA,CAC3C,OAAQ,eACR,MAAO,CACL,MAAO,CAAE,QAAS,EAAG,EACrB,MAAO,CAAE,KAAM,QAAS,QAAS,EAAM,EACvC,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,CAC9C,EACA,MAAO,CAAC,YAAa,aAAc,WAAY,WAAY,WAAY,SAAS,EAChF,MAAMC,EAAc,CAAE,OAAQC,EAAU,KAAMC,GAAU,CAE1D,MAAMC,EAAQH,EAIRI,EAAOF,EAIPG,EAAQC,EAAA,IAAIH,EAAM,OAAS,EAAE,EAC7BI,EAAWD,MAA6B,IAAI,EAC5CE,EAAS,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EAI1DC,EAAiB,IAAM,CAC3B,GAAI,CAACD,EAAO,SAASH,EAAM,KAAK,EAAG,CACjCA,EAAM,MAAQ,GACd,MACF,CAEM,OAAAA,EAAA,MAAQA,EAAM,MAAM,SAAS,EAC/BA,EAAM,MAAM,OAAS,IACvBA,EAAM,MAAQA,EAAM,MAAM,MAAM,EAAG,CAAC,GAE/BD,EAAK,YAAaC,EAAM,KAAK,CAAA,EAGhCK,EAAmBC,GAAyB,CAC5CR,EAAM,YACRQ,EAAM,eAAe,EAGvB,MAAMC,EAAWD,EAEf,CACE,MACA,UACA,OACA,YACA,YACA,aACA,IACA,GAAGH,CAAA,EACH,SAASI,EAAS,GAAG,EAEvBR,EAAK,aAAcO,CAAK,EAExBC,EAAS,eAAe,CAC1B,EAEIC,EAAiBF,GAAyB,CAC9CP,EAAK,WAAYO,CAAK,CAAA,EAElBG,EAAiBH,GAA0B,CAC/CP,EAAK,WAAYO,CAAK,CAAA,EAElBI,EAAgB,KACpBR,EAAS,MAAM,SACRH,EAAK,UAAU,GAElBY,EAAe,IAAMZ,EAAK,SAAS,EACnCa,EAAU,IAAM,CACpBV,EAAS,MAAM,QACfA,EAAS,MAAM,QAAO,EAKxBW,OAAAA,EAAA,MACE,IAAMf,EAAM,MACZ,CAACgB,EAAUC,IAAa,CAClBD,IAAaC,IACff,EAAM,MAAQc,EAElB,CAAA,EAEFD,EAAA,MACE,IAAMf,EAAM,MACZ,CAACkB,EAAeC,IAAkB,CAG5BA,IAAkBD,GAAiBd,EAAS,OAASJ,EAAM,QAC7DI,EAAS,MAAM,QACfA,EAAS,MAAM,SAEnB,CAAA,EAKFgB,EAAAA,UAAU,IAAM,CACVhB,EAAS,OAASJ,EAAM,QAC1BI,EAAS,MAAM,QACfA,EAAS,MAAM,SACjB,CACD,EAGQN,EAAA,CAAE,MAAOgB,CAAA,CAAS,EAEpB,CAACO,EAAUC,IACTC,kBAAiBC,EAAAA,YAAcC,EAAAA,mBAAoB,QAAS,CACjE,QAAS,WACT,IAAKrB,EACL,sBAAuBkB,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKI,GAAkBxB,EAAO,MAAQwB,GACnF,SAAUL,EAAK,WACf,MAAO,gHACP,UAAW,UACX,UAAW,IACX,OAAQR,EACR,QAASD,EACT,QAASN,EACT,UAAWC,EACX,QAASG,EACT,QAASC,CAAA,EACR,KAAM,GAAIjB,CAAU,GAAI,CACzB,CAACiC,EAAa,WAAAzB,EAAM,KAAK,CAAA,CAC1B,CAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system107.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system107.mjs

@@ -1,71 +1,21 @@
-import { defineComponent as w, ref as a, watch as c, onMounted as B, withDirectives as b, openBlock as D, createElementBlock as O, vModelText as x } from "vue";
-const _ = ["disabled"], K = /* @__PURE__ */ w({
-  __name: "BOtpFieldBox",
-  props: {
-    value: { default: "" },
-    focus: { type: Boolean, default: !1 },
-    isDisabled: { type: Boolean, default: !1 }
-  },
-  emits: ["on-change", "on-keydown", "on-keyup", "on-paste", "on-focus", "on-blur"],
-  setup(d, { expose: i, emit: r }) {
-    const t = d, s = r, n = a(t.value || ""), o = a(null), u = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], f = () => {
-      if (!u.includes(n.value)) {
-        n.value = "";
-        return;
-      }
-      return n.value = n.value.toString(), n.value.length > 1 && (n.value = n.value.slice(0, 1)), s("on-change", n.value);
-    }, p = (e) => {
-      t.isDisabled && e.preventDefault();
-      const l = e;
-      [
-        "Alt",
-        "Control",
-        "Meta",
-        "Backspace",
-        "ArrowLeft",
-        "ArrowRight",
-        "v",
-        ...u
-      ].includes(l.key) ? s("on-keydown", e) : l.preventDefault();
-    }, v = (e) => {
-      s("on-keyup", e);
-    }, h = (e) => {
-      s("on-paste", e);
-    }, m = () => (o.value.select(), s("on-focus")), y = () => s("on-blur"), g = () => {
-      o.value.focus(), o.value.select();
-    };
-    return c(
-      () => t.value,
-      (e, l) => {
-        e !== l && (n.value = e);
-      }
-    ), c(
-      () => t.focus,
-      (e, l) => {
-        l !== e && o.value && t.focus && (o.value.focus(), o.value.select());
-      }
-    ), B(() => {
-      o.value && t.focus && (o.value.focus(), o.value.select());
-    }), i({ focus: g }), (e, l) => b((D(), O("input", {
-      ref_key: "inputRef",
-      ref: o,
-      "onUpdate:modelValue": l[0] || (l[0] = (k) => n.value = k),
-      disabled: e.isDisabled,
-      class: "ds-h-11 ds-w-11 ds-rounded-lg ds-border ds-text-center ds-drop-shadow-light ds-transition-all ds-duration-200",
-      inputmode: "numeric",
-      maxlength: "1",
-      onBlur: y,
-      onFocus: m,
-      onInput: f,
-      onKeydown: p,
-      onKeyup: v,
-      onPaste: h
-    }, null, 40, _)), [
-      [x, n.value]
-    ]);
-  }
-});
+import { openBlock as e, createElementBlock as t, createElementVNode as s } from "vue";
+import o from "./design-system56.mjs";
+const d = {}, c = { class: "ds-absolute ds-rounded-full ds-bg-black/20" }, l = /* @__PURE__ */ s("div", { class: "ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center" }, [
+  /* @__PURE__ */ s("svg", {
+    class: "ds-h-5 ds-w-5 ds-cursor-pointer ds-fill-white hover:ds-fill-white/60",
+    viewBox: "0 0 512 512",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    /* @__PURE__ */ s("path", { d: "M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM175 208.1L222.1 255.1L175 303C165.7 312.4 165.7 327.6 175 336.1C184.4 346.3 199.6 346.3 208.1 336.1L255.1 289.9L303 336.1C312.4 346.3 327.6 346.3 336.1 336.1C346.3 327.6 346.3 312.4 336.1 303L289.9 255.1L336.1 208.1C346.3 199.6 346.3 184.4 336.1 175C327.6 165.7 312.4 165.7 303 175L255.1 222.1L208.1 175C199.6 165.7 184.4 165.7 175 175C165.7 184.4 165.7 199.6 175 208.1V208.1z" })
+  ])
+], -1), r = [
+  l
+];
+function n(i, f) {
+  return e(), t("div", c, r);
+}
+const C = /* @__PURE__ */ o(d, [["render", n]]);
 export {
-  K as default
+  C as default
 };
 //# sourceMappingURL=design-system107.mjs.map

package/dist/design-system107.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system107.mjs","sources":["../src/components/BOtpField/BOtpFieldBox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelText as _vModelText, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = [\"disabled\"]\n\nimport { onMounted, ref, type Ref, watch } from 'vue';\n\n//#region Props\nexport interface Props {\n  value?: string;\n  focus?: boolean;\n  isDisabled?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BOtpFieldBox',\n  props: {\n    value: { default: '' },\n    focus: { type: Boolean, default: false },\n    isDisabled: { type: Boolean, default: false }\n  },\n  emits: [\"on-change\", \"on-keydown\", \"on-keyup\", \"on-paste\", \"on-focus\", \"on-blur\"],\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst model = ref(props.value || '');\nconst inputRef = ref<HTMLInputElement | null>(null) as Ref<HTMLInputElement>;\nconst digits = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];\n//#endregion\n\n//#region Methods\nconst handleOnChange = () => {\n  if (!digits.includes(model.value)) {\n    model.value = '';\n    return;\n  }\n\n  model.value = model.value.toString();\n  if (model.value.length > 1) {\n    model.value = model.value.slice(0, 1);\n  }\n  return emit('on-change', model.value);\n};\n\nconst handleOnKeyDown = (event: KeyboardEvent) => {\n  if (props.isDisabled) {\n    event.preventDefault();\n  }\n  // Only allow characters 0-9, DEL, Backspace, Enter, Right and Left Arrows, and Pasting\n  const keyEvent = event;\n  if (\n    [\n      'Alt',\n      'Control',\n      'Meta',\n      'Backspace',\n      'ArrowLeft',\n      'ArrowRight',\n      'v',\n      ...digits,\n    ].includes(keyEvent.key)\n  ) {\n    emit('on-keydown', event);\n  } else {\n    keyEvent.preventDefault();\n  }\n};\nconst handleOnKeyUp = (event: KeyboardEvent) => {\n  emit('on-keyup', event);\n};\nconst handleOnPaste = (event: ClipboardEvent) => {\n  emit('on-paste', event);\n};\nconst handleOnFocus = () => {\n  inputRef.value.select();\n  return emit('on-focus');\n};\nconst handleOnBlur = () => emit('on-blur');\nconst focusFn = () => {\n  inputRef.value.focus();\n  inputRef.value.select();\n};\n//#endregion\n\n//#region Watchers\nwatch(\n  () => props.value,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      model.value = newValue;\n    }\n  },\n);\nwatch(\n  () => props.focus,\n  (newFocusValue, oldFocusValue) => {\n    // Check if focusedInput changed\n    // Prevent calling function if input already in focus\n    if (oldFocusValue !== newFocusValue && inputRef.value && props.focus) {\n      inputRef.value.focus();\n      inputRef.value.select();\n    }\n  },\n);\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  if (inputRef.value && props.focus) {\n    inputRef.value.focus();\n    inputRef.value.select();\n  }\n});\n//#endregion\n\n__expose({ focus: focusFn });\n\nreturn (_ctx: any,_cache: any) => {\n  return _withDirectives((_openBlock(), _createElementBlock(\"input\", {\n    ref_key: \"inputRef\",\n    ref: inputRef,\n    \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((model).value = $event)),\n    disabled: _ctx.isDisabled,\n    class: \"ds-h-11 ds-w-11 ds-rounded-lg ds-border ds-text-center ds-drop-shadow-light ds-transition-all ds-duration-200\",\n    inputmode: \"numeric\",\n    maxlength: \"1\",\n    onBlur: handleOnBlur,\n    onFocus: handleOnFocus,\n    onInput: handleOnChange,\n    onKeydown: handleOnKeyDown,\n    onKeyup: handleOnKeyUp,\n    onPaste: handleOnPaste\n  }, null, 40, _hoisted_1)), [\n    [_vModelText, model.value]\n  ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","__emit","props","emit","model","ref","inputRef","digits","handleOnChange","handleOnKeyDown","event","keyEvent","handleOnKeyUp","handleOnPaste","handleOnFocus","handleOnBlur","focusFn","watch","newValue","oldValue","newFocusValue","oldFocusValue","onMounted","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","$event","_vModelText"],"mappings":"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"}
+{"version":3,"file":"design-system107.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/design-system108.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system118.js");var n=1,t=4;function o(e){return r(e,n|t)}module.exports=o;
+"use strict";const t=require("vue"),k=["disabled"],w=t.defineComponent({__name:"BOtpFieldBox",props:{value:{default:""},focus:{type:Boolean,default:!1},isDisabled:{type:Boolean,default:!1}},emits:["on-change","on-keydown","on-keyup","on-paste","on-focus","on-blur"],setup(c,{expose:d,emit:i}){const l=c,u=i,n=t.ref(l.value||""),o=t.ref(null),a=["0","1","2","3","4","5","6","7","8","9"],r=()=>{if(!a.includes(n.value)){n.value="";return}return n.value=n.value.toString(),n.value.length>1&&(n.value=n.value.slice(0,1)),u("on-change",n.value)},f=e=>{l.isDisabled&&e.preventDefault();const s=e;["Alt","Control","Meta","Backspace","ArrowLeft","ArrowRight","v",...a].includes(s.key)?u("on-keydown",e):s.preventDefault()},p=e=>{u("on-keyup",e)},v=e=>{u("on-paste",e)},h=()=>(o.value.select(),u("on-focus")),y=()=>u("on-blur"),m=()=>{o.value.focus(),o.value.select()};return t.watch(()=>l.value,(e,s)=>{e!==s&&(n.value=e)}),t.watch(()=>l.focus,(e,s)=>{s!==e&&o.value&&l.focus&&(o.value.focus(),o.value.select())}),t.onMounted(()=>{o.value&&l.focus&&(o.value.focus(),o.value.select())}),d({focus:m}),(e,s)=>t.withDirectives((t.openBlock(),t.createElementBlock("input",{ref_key:"inputRef",ref:o,"onUpdate:modelValue":s[0]||(s[0]=g=>n.value=g),disabled:e.isDisabled,class:"ds-h-11 ds-w-11 ds-rounded-lg ds-border ds-text-center ds-drop-shadow-light ds-transition-all ds-duration-200",inputmode:"numeric",maxlength:"1",onBlur:y,onFocus:h,onInput:r,onKeydown:f,onKeyup:p,onPaste:v},null,40,k)),[[t.vModelText,n.value]])}});module.exports=w;
 //# sourceMappingURL=design-system108.js.map

package/dist/design-system108.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system108.js","sources":["../node_modules/lodash-es/cloneDeep.js"],"sourcesContent":["import baseClone from './_baseClone.js';\n\n/** Used to compose bitmasks for cloning. */\nvar CLONE_DEEP_FLAG = 1,\n    CLONE_SYMBOLS_FLAG = 4;\n\n/**\n * This method is like `_.clone` except that it recursively clones `value`.\n *\n * @static\n * @memberOf _\n * @since 1.0.0\n * @category Lang\n * @param {*} value The value to recursively clone.\n * @returns {*} Returns the deep cloned value.\n * @see _.clone\n * @example\n *\n * var objects = [{ 'a': 1 }, { 'b': 2 }];\n *\n * var deep = _.cloneDeep(objects);\n * console.log(deep[0] === objects[0]);\n * // => false\n */\nfunction cloneDeep(value) {\n  return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);\n}\n\nexport default cloneDeep;\n"],"names":["CLONE_DEEP_FLAG","CLONE_SYMBOLS_FLAG","cloneDeep","value","baseClone"],"mappings":"sDAGA,IAAIA,EAAkB,EAClBC,EAAqB,EAoBzB,SAASC,EAAUC,EAAO,CACxB,OAAOC,EAAUD,EAAOH,EAAkBC,CAAkB,CAC9D","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system108.js","sources":["../src/components/BOtpField/BOtpFieldBox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelText as _vModelText, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = [\"disabled\"]\n\nimport { onMounted, ref, type Ref, watch } from 'vue';\n\n//#region Props\nexport interface Props {\n  value?: string;\n  focus?: boolean;\n  isDisabled?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BOtpFieldBox',\n  props: {\n    value: { default: '' },\n    focus: { type: Boolean, default: false },\n    isDisabled: { type: Boolean, default: false }\n  },\n  emits: [\"on-change\", \"on-keydown\", \"on-keyup\", \"on-paste\", \"on-focus\", \"on-blur\"],\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst model = ref(props.value || '');\nconst inputRef = ref<HTMLInputElement | null>(null) as Ref<HTMLInputElement>;\nconst digits = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];\n//#endregion\n\n//#region Methods\nconst handleOnChange = () => {\n  if (!digits.includes(model.value)) {\n    model.value = '';\n    return;\n  }\n\n  model.value = model.value.toString();\n  if (model.value.length > 1) {\n    model.value = model.value.slice(0, 1);\n  }\n  return emit('on-change', model.value);\n};\n\nconst handleOnKeyDown = (event: KeyboardEvent) => {\n  if (props.isDisabled) {\n    event.preventDefault();\n  }\n  // Only allow characters 0-9, DEL, Backspace, Enter, Right and Left Arrows, and Pasting\n  const keyEvent = event;\n  if (\n    [\n      'Alt',\n      'Control',\n      'Meta',\n      'Backspace',\n      'ArrowLeft',\n      'ArrowRight',\n      'v',\n      ...digits,\n    ].includes(keyEvent.key)\n  ) {\n    emit('on-keydown', event);\n  } else {\n    keyEvent.preventDefault();\n  }\n};\nconst handleOnKeyUp = (event: KeyboardEvent) => {\n  emit('on-keyup', event);\n};\nconst handleOnPaste = (event: ClipboardEvent) => {\n  emit('on-paste', event);\n};\nconst handleOnFocus = () => {\n  inputRef.value.select();\n  return emit('on-focus');\n};\nconst handleOnBlur = () => emit('on-blur');\nconst focusFn = () => {\n  inputRef.value.focus();\n  inputRef.value.select();\n};\n//#endregion\n\n//#region Watchers\nwatch(\n  () => props.value,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      model.value = newValue;\n    }\n  },\n);\nwatch(\n  () => props.focus,\n  (newFocusValue, oldFocusValue) => {\n    // Check if focusedInput changed\n    // Prevent calling function if input already in focus\n    if (oldFocusValue !== newFocusValue && inputRef.value && props.focus) {\n      inputRef.value.focus();\n      inputRef.value.select();\n    }\n  },\n);\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  if (inputRef.value && props.focus) {\n    inputRef.value.focus();\n    inputRef.value.select();\n  }\n});\n//#endregion\n\n__expose({ focus: focusFn });\n\nreturn (_ctx: any,_cache: any) => {\n  return _withDirectives((_openBlock(), _createElementBlock(\"input\", {\n    ref_key: \"inputRef\",\n    ref: inputRef,\n    \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((model).value = $event)),\n    disabled: _ctx.isDisabled,\n    class: \"ds-h-11 ds-w-11 ds-rounded-lg ds-border ds-text-center ds-drop-shadow-light ds-transition-all ds-duration-200\",\n    inputmode: \"numeric\",\n    maxlength: \"1\",\n    onBlur: handleOnBlur,\n    onFocus: handleOnFocus,\n    onInput: handleOnChange,\n    onKeydown: handleOnKeyDown,\n    onKeyup: handleOnKeyUp,\n    onPaste: handleOnPaste\n  }, null, 40, _hoisted_1)), [\n    [_vModelText, model.value]\n  ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","__emit","props","emit","model","ref","inputRef","digits","handleOnChange","handleOnKeyDown","event","keyEvent","handleOnKeyUp","handleOnPaste","handleOnFocus","handleOnBlur","focusFn","watch","newValue","oldValue","newFocusValue","oldFocusValue","onMounted","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","$event","_vModelText"],"mappings":"oCAGMA,EAAa,CAAC,UAAU,EAYFC,EAAiBC,kBAAA,CAC3C,OAAQ,eACR,MAAO,CACL,MAAO,CAAE,QAAS,EAAG,EACrB,MAAO,CAAE,KAAM,QAAS,QAAS,EAAM,EACvC,WAAY,CAAE,KAAM,QAAS,QAAS,EAAM,CAC9C,EACA,MAAO,CAAC,YAAa,aAAc,WAAY,WAAY,WAAY,SAAS,EAChF,MAAMC,EAAc,CAAE,OAAQC,EAAU,KAAMC,GAAU,CAE1D,MAAMC,EAAQH,EAIRI,EAAOF,EAIPG,EAAQC,EAAA,IAAIH,EAAM,OAAS,EAAE,EAC7BI,EAAWD,MAA6B,IAAI,EAC5CE,EAAS,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EAI1DC,EAAiB,IAAM,CAC3B,GAAI,CAACD,EAAO,SAASH,EAAM,KAAK,EAAG,CACjCA,EAAM,MAAQ,GACd,MACF,CAEM,OAAAA,EAAA,MAAQA,EAAM,MAAM,SAAS,EAC/BA,EAAM,MAAM,OAAS,IACvBA,EAAM,MAAQA,EAAM,MAAM,MAAM,EAAG,CAAC,GAE/BD,EAAK,YAAaC,EAAM,KAAK,CAAA,EAGhCK,EAAmBC,GAAyB,CAC5CR,EAAM,YACRQ,EAAM,eAAe,EAGvB,MAAMC,EAAWD,EAEf,CACE,MACA,UACA,OACA,YACA,YACA,aACA,IACA,GAAGH,CAAA,EACH,SAASI,EAAS,GAAG,EAEvBR,EAAK,aAAcO,CAAK,EAExBC,EAAS,eAAe,CAC1B,EAEIC,EAAiBF,GAAyB,CAC9CP,EAAK,WAAYO,CAAK,CAAA,EAElBG,EAAiBH,GAA0B,CAC/CP,EAAK,WAAYO,CAAK,CAAA,EAElBI,EAAgB,KACpBR,EAAS,MAAM,SACRH,EAAK,UAAU,GAElBY,EAAe,IAAMZ,EAAK,SAAS,EACnCa,EAAU,IAAM,CACpBV,EAAS,MAAM,QACfA,EAAS,MAAM,QAAO,EAKxBW,OAAAA,EAAA,MACE,IAAMf,EAAM,MACZ,CAACgB,EAAUC,IAAa,CAClBD,IAAaC,IACff,EAAM,MAAQc,EAElB,CAAA,EAEFD,EAAA,MACE,IAAMf,EAAM,MACZ,CAACkB,EAAeC,IAAkB,CAG5BA,IAAkBD,GAAiBd,EAAS,OAASJ,EAAM,QAC7DI,EAAS,MAAM,QACfA,EAAS,MAAM,SAEnB,CAAA,EAKFgB,EAAAA,UAAU,IAAM,CACVhB,EAAS,OAASJ,EAAM,QAC1BI,EAAS,MAAM,QACfA,EAAS,MAAM,SACjB,CACD,EAGQN,EAAA,CAAE,MAAOgB,CAAA,CAAS,EAEpB,CAACO,EAAUC,IACTC,kBAAiBC,EAAAA,YAAcC,EAAAA,mBAAoB,QAAS,CACjE,QAAS,WACT,IAAKrB,EACL,sBAAuBkB,EAAO,CAAC,IAAMA,EAAO,CAAC,EAAKI,GAAkBxB,EAAO,MAAQwB,GACnF,SAAUL,EAAK,WACf,MAAO,gHACP,UAAW,UACX,UAAW,IACX,OAAQR,EACR,QAASD,EACT,QAASN,EACT,UAAWC,EACX,QAASG,EACT,QAASC,CAAA,EACR,KAAM,GAAIjB,CAAU,GAAI,CACzB,CAACiC,EAAa,WAAAzB,EAAM,KAAK,CAAA,CAC1B,CAEH,CAEA,CAAC"}

package/dist/design-system108.mjs

@@ -1,9 +1,71 @@
-import o from "./design-system118.mjs";
-var r = 1, n = 4;
-function L(e) {
-  return o(e, r | n);
-}
+import { defineComponent as w, ref as a, watch as c, onMounted as B, withDirectives as b, openBlock as D, createElementBlock as O, vModelText as x } from "vue";
+const _ = ["disabled"], K = /* @__PURE__ */ w({
+  __name: "BOtpFieldBox",
+  props: {
+    value: { default: "" },
+    focus: { type: Boolean, default: !1 },
+    isDisabled: { type: Boolean, default: !1 }
+  },
+  emits: ["on-change", "on-keydown", "on-keyup", "on-paste", "on-focus", "on-blur"],
+  setup(d, { expose: i, emit: r }) {
+    const t = d, s = r, n = a(t.value || ""), o = a(null), u = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"], f = () => {
+      if (!u.includes(n.value)) {
+        n.value = "";
+        return;
+      }
+      return n.value = n.value.toString(), n.value.length > 1 && (n.value = n.value.slice(0, 1)), s("on-change", n.value);
+    }, p = (e) => {
+      t.isDisabled && e.preventDefault();
+      const l = e;
+      [
+        "Alt",
+        "Control",
+        "Meta",
+        "Backspace",
+        "ArrowLeft",
+        "ArrowRight",
+        "v",
+        ...u
+      ].includes(l.key) ? s("on-keydown", e) : l.preventDefault();
+    }, v = (e) => {
+      s("on-keyup", e);
+    }, h = (e) => {
+      s("on-paste", e);
+    }, m = () => (o.value.select(), s("on-focus")), y = () => s("on-blur"), g = () => {
+      o.value.focus(), o.value.select();
+    };
+    return c(
+      () => t.value,
+      (e, l) => {
+        e !== l && (n.value = e);
+      }
+    ), c(
+      () => t.focus,
+      (e, l) => {
+        l !== e && o.value && t.focus && (o.value.focus(), o.value.select());
+      }
+    ), B(() => {
+      o.value && t.focus && (o.value.focus(), o.value.select());
+    }), i({ focus: g }), (e, l) => b((D(), O("input", {
+      ref_key: "inputRef",
+      ref: o,
+      "onUpdate:modelValue": l[0] || (l[0] = (k) => n.value = k),
+      disabled: e.isDisabled,
+      class: "ds-h-11 ds-w-11 ds-rounded-lg ds-border ds-text-center ds-drop-shadow-light ds-transition-all ds-duration-200",
+      inputmode: "numeric",
+      maxlength: "1",
+      onBlur: y,
+      onFocus: m,
+      onInput: f,
+      onKeydown: p,
+      onKeyup: v,
+      onPaste: h
+    }, null, 40, _)), [
+      [x, n.value]
+    ]);
+  }
+});
 export {
-  L as default
+  K as default
 };
 //# sourceMappingURL=design-system108.mjs.map

package/dist/design-system108.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system108.mjs","sources":["../node_modules/lodash-es/cloneDeep.js"],"sourcesContent":["import baseClone from './_baseClone.js';\n\n/** Used to compose bitmasks for cloning. */\nvar CLONE_DEEP_FLAG = 1,\n    CLONE_SYMBOLS_FLAG = 4;\n\n/**\n * This method is like `_.clone` except that it recursively clones `value`.\n *\n * @static\n * @memberOf _\n * @since 1.0.0\n * @category Lang\n * @param {*} value The value to recursively clone.\n * @returns {*} Returns the deep cloned value.\n * @see _.clone\n * @example\n *\n * var objects = [{ 'a': 1 }, { 'b': 2 }];\n *\n * var deep = _.cloneDeep(objects);\n * console.log(deep[0] === objects[0]);\n * // => false\n */\nfunction cloneDeep(value) {\n  return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);\n}\n\nexport default cloneDeep;\n"],"names":["CLONE_DEEP_FLAG","CLONE_SYMBOLS_FLAG","cloneDeep","value","baseClone"],"mappings":";AAGA,IAAIA,IAAkB,GAClBC,IAAqB;AAoBzB,SAASC,EAAUC,GAAO;AACxB,SAAOC,EAAUD,GAAOH,IAAkBC,CAAkB;AAC9D;","x_google_ignoreList":[0]}
+{"version":3,"file":"design-system108.mjs","sources":["../src/components/BOtpField/BOtpFieldBox.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelText as _vModelText, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = [\"disabled\"]\n\nimport { onMounted, ref, type Ref, watch } from 'vue';\n\n//#region Props\nexport interface Props {\n  value?: string;\n  focus?: boolean;\n  isDisabled?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BOtpFieldBox',\n  props: {\n    value: { default: '' },\n    focus: { type: Boolean, default: false },\n    isDisabled: { type: Boolean, default: false }\n  },\n  emits: [\"on-change\", \"on-keydown\", \"on-keyup\", \"on-paste\", \"on-focus\", \"on-blur\"],\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst model = ref(props.value || '');\nconst inputRef = ref<HTMLInputElement | null>(null) as Ref<HTMLInputElement>;\nconst digits = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];\n//#endregion\n\n//#region Methods\nconst handleOnChange = () => {\n  if (!digits.includes(model.value)) {\n    model.value = '';\n    return;\n  }\n\n  model.value = model.value.toString();\n  if (model.value.length > 1) {\n    model.value = model.value.slice(0, 1);\n  }\n  return emit('on-change', model.value);\n};\n\nconst handleOnKeyDown = (event: KeyboardEvent) => {\n  if (props.isDisabled) {\n    event.preventDefault();\n  }\n  // Only allow characters 0-9, DEL, Backspace, Enter, Right and Left Arrows, and Pasting\n  const keyEvent = event;\n  if (\n    [\n      'Alt',\n      'Control',\n      'Meta',\n      'Backspace',\n      'ArrowLeft',\n      'ArrowRight',\n      'v',\n      ...digits,\n    ].includes(keyEvent.key)\n  ) {\n    emit('on-keydown', event);\n  } else {\n    keyEvent.preventDefault();\n  }\n};\nconst handleOnKeyUp = (event: KeyboardEvent) => {\n  emit('on-keyup', event);\n};\nconst handleOnPaste = (event: ClipboardEvent) => {\n  emit('on-paste', event);\n};\nconst handleOnFocus = () => {\n  inputRef.value.select();\n  return emit('on-focus');\n};\nconst handleOnBlur = () => emit('on-blur');\nconst focusFn = () => {\n  inputRef.value.focus();\n  inputRef.value.select();\n};\n//#endregion\n\n//#region Watchers\nwatch(\n  () => props.value,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      model.value = newValue;\n    }\n  },\n);\nwatch(\n  () => props.focus,\n  (newFocusValue, oldFocusValue) => {\n    // Check if focusedInput changed\n    // Prevent calling function if input already in focus\n    if (oldFocusValue !== newFocusValue && inputRef.value && props.focus) {\n      inputRef.value.focus();\n      inputRef.value.select();\n    }\n  },\n);\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n  if (inputRef.value && props.focus) {\n    inputRef.value.focus();\n    inputRef.value.select();\n  }\n});\n//#endregion\n\n__expose({ focus: focusFn });\n\nreturn (_ctx: any,_cache: any) => {\n  return _withDirectives((_openBlock(), _createElementBlock(\"input\", {\n    ref_key: \"inputRef\",\n    ref: inputRef,\n    \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((model).value = $event)),\n    disabled: _ctx.isDisabled,\n    class: \"ds-h-11 ds-w-11 ds-rounded-lg ds-border ds-text-center ds-drop-shadow-light ds-transition-all ds-duration-200\",\n    inputmode: \"numeric\",\n    maxlength: \"1\",\n    onBlur: handleOnBlur,\n    onFocus: handleOnFocus,\n    onInput: handleOnChange,\n    onKeydown: handleOnKeyDown,\n    onKeyup: handleOnKeyUp,\n    onPaste: handleOnPaste\n  }, null, 40, _hoisted_1)), [\n    [_vModelText, model.value]\n  ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","__emit","props","emit","model","ref","inputRef","digits","handleOnChange","handleOnKeyDown","event","keyEvent","handleOnKeyUp","handleOnPaste","handleOnFocus","handleOnBlur","focusFn","watch","newValue","oldValue","newFocusValue","oldFocusValue","onMounted","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","$event","_vModelText"],"mappings":"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"}

package/dist/design-system109.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),s=require("./design-system56.js"),t={},c={class:"ds-absolute ds-rounded-full ds-bg-black/20"},o=e.createElementVNode("div",{class:"ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center"},[e.createElementVNode("svg",{class:"ds-h-5 ds-w-5 ds-cursor-pointer ds-fill-white hover:ds-fill-white/60",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM175 208.1L222.1 255.1L175 303C165.7 312.4 165.7 327.6 175 336.1C184.4 346.3 199.6 346.3 208.1 336.1L255.1 289.9L303 336.1C312.4 346.3 327.6 346.3 336.1 336.1C346.3 327.6 346.3 312.4 336.1 303L289.9 255.1L336.1 208.1C346.3 199.6 346.3 184.4 336.1 175C327.6 165.7 312.4 165.7 303 175L255.1 222.1L208.1 175C199.6 165.7 184.4 165.7 175 175C165.7 184.4 165.7 199.6 175 208.1V208.1z"})])],-1),r=[o];function d(n,i){return e.openBlock(),e.createElementBlock("div",c,r)}const l=s(t,[["render",d]]);module.exports=l;
+"use strict";const r=require("./design-system119.js");var n=1,t=4;function o(e){return r(e,n|t)}module.exports=o;
 //# sourceMappingURL=design-system109.js.map