@7pmlabs/design-system 0.4.8 → 0.4.10

package/dist/design-system.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./design-system2.js"),i=require("./design-system3.js"),r=require("./design-system4.js"),e=require("./design-system5.js"),t=require("./design-system6.js"),u=require("./design-system7.js");require("./design-system8.js");const n=require("./design-system9.js"),s=require("./design-system10.js"),_=require("./design-system11.js"),a=require("./design-system12.js"),l=require("./design-system13.js"),B=require("./design-system14.js"),c=require("./design-system15.js"),p=require("./design-system16.js"),d=require("./design-system17.js"),v=require("./design-system18.js"),q=require("./design-system19.js"),y=require("./design-system20.js"),g=require("./design-system21.js"),T=require("./design-system22.js"),S=require("./design-system23.js"),m=require("./design-system24.js"),P=require("./design-system25.js"),b=require("./design-system26.js"),D=require("./design-system27.js"),I=require("./design-system28.js"),k=require("./design-system29.js"),C=require("./design-system30.js"),M=require("./design-system31.js"),V=require("./design-system32.js"),z=require("./design-system33.js"),F=require("./design-system34.js"),x=require("./design-system35.js"),O=require("./design-system36.js"),w=require("./design-system37.js"),L=require("./design-system38.js"),E=require("./design-system39.js"),R=require("./design-system40.js"),f=require("./design-system41.js"),h=require("./design-system42.js"),H=require("./design-system43.js"),K=require("./design-system44.js"),N=require("./design-system45.js"),U=require("./design-system46.js");exports.useDate=o.useDate;exports.useValidationField=i.useValidationField;exports.useValidationForm=i.useValidationForm;exports.DateDelimiter=r.DateDelimiter;exports.FileImageTypes=r.FileImageTypes;exports.PIKey=r.PIKey;exports.RequiredSymbol=r.RequiredSymbol;exports.BButtonSize=e.BButtonSize;exports.BButtonType=e.BButtonType;exports.BCheckboxSize=e.BCheckboxSize;exports.BDatePickerView=e.BDatePickerView;exports.BLoadingOverlaySpinnerSize=e.BLoadingOverlaySpinnerSize;exports.BModalSize=e.BModalSize;exports.BPaginationSize=e.BPaginationSize;exports.BRadioSize=e.BRadioSize;exports.BSelectSize=e.BSelectSize;exports.BTextEditorExtension=e.BTextEditorExtension;exports.BToastItemType=e.BToastItemType;exports.BTooltipOpenEvent=e.BTooltipOpenEvent;exports.BTooltipPosition=e.BTooltipPosition;exports.SupportedLocale=e.SupportedLocale;exports.ensureVisiblePosition=t.ensureVisiblePosition;exports.ensureVisibleX=t.ensureVisibleX;exports.ensureVisibleY=t.ensureVisibleY;exports.lockScrollBody=t.lockScrollBody;exports.resetPosition=t.resetPosition;exports.scrollToTop=t.scrollToTop;exports.unlockScrollBody=t.unlockScrollBody;exports.default=u;exports.enUS=n.default;exports.viVN=s.default;exports.BButton=_;exports.BCollapse=a;exports.BDatePicker=l;exports.BDateRangePicker=B;exports.BDropdown=c;exports.BDropdownItem=p;exports.BModal=d;exports.BMultiSelect=v;exports.BOtpField=q;exports.BPagination=y;exports.BRadio=g;exports.BSelect=T;exports.BTextarea=S;exports.BToast=m;exports.BCarousel=P;exports.BCarouselItem=b;exports.BCheckbox=D;exports.BDropdownContent=I;exports.BErrorMessage=k;exports.BLabel=C;exports.BLoadingBar=M;exports.BLoadingOverlay=V;exports.BModalBody=z;exports.BModalFooter=F;exports.BModalHeader=x;exports.BOverlay=O;exports.BTab=w;exports.BTabs=L;exports.BTextField=E;exports.BToastItem=R;exports.BTooltip=f;exports.BTimeline=h;exports.BTimelineItem=H;exports.BImagePicker=K;exports.BImagePreview=N;exports.BCurrencyField=U;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./design-system2.js"),i=require("./design-system3.js"),r=require("./design-system4.js"),e=require("./design-system5.js"),t=require("./design-system6.js"),u=require("./design-system7.js");require("./design-system8.js");const n=require("./design-system9.js"),s=require("./design-system10.js"),_=require("./design-system11.js"),a=require("./design-system12.js"),l=require("./design-system13.js");require("./design-system14.js");const B=require("./design-system15.js"),c=require("./design-system16.js"),p=require("./design-system17.js"),d=require("./design-system18.js"),v=require("./design-system19.js"),q=require("./design-system20.js"),y=require("./design-system21.js"),g=require("./design-system22.js"),T=require("./design-system23.js"),S=require("./design-system24.js"),m=require("./design-system25.js"),P=require("./design-system26.js"),b=require("./design-system27.js"),D=require("./design-system28.js"),I=require("./design-system29.js"),k=require("./design-system30.js"),C=require("./design-system31.js"),M=require("./design-system32.js"),V=require("./design-system33.js"),z=require("./design-system34.js"),F=require("./design-system35.js"),x=require("./design-system36.js"),O=require("./design-system37.js"),w=require("./design-system38.js"),L=require("./design-system39.js"),E=require("./design-system40.js"),R=require("./design-system41.js"),f=require("./design-system42.js"),h=require("./design-system43.js"),H=require("./design-system44.js"),K=require("./design-system45.js"),N=require("./design-system46.js"),U=require("./design-system47.js");exports.useDate=o.useDate;exports.useValidationField=i.useValidationField;exports.useValidationForm=i.useValidationForm;exports.DateDelimiter=r.DateDelimiter;exports.FileImageTypes=r.FileImageTypes;exports.PIKey=r.PIKey;exports.RequiredSymbol=r.RequiredSymbol;exports.BButtonSize=e.BButtonSize;exports.BButtonType=e.BButtonType;exports.BCheckboxSize=e.BCheckboxSize;exports.BDatePickerView=e.BDatePickerView;exports.BLoadingOverlaySpinnerSize=e.BLoadingOverlaySpinnerSize;exports.BModalSize=e.BModalSize;exports.BPaginationSize=e.BPaginationSize;exports.BRadioSize=e.BRadioSize;exports.BSelectSize=e.BSelectSize;exports.BTextEditorExtension=e.BTextEditorExtension;exports.BToastItemType=e.BToastItemType;exports.BTooltipOpenEvent=e.BTooltipOpenEvent;exports.BTooltipPosition=e.BTooltipPosition;exports.SupportedLocale=e.SupportedLocale;exports.ensureVisiblePosition=t.ensureVisiblePosition;exports.ensureVisibleX=t.ensureVisibleX;exports.ensureVisibleY=t.ensureVisibleY;exports.lockScrollBody=t.lockScrollBody;exports.resetPosition=t.resetPosition;exports.scrollToTop=t.scrollToTop;exports.unlockScrollBody=t.unlockScrollBody;exports.default=u;exports.enUS=n.default;exports.viVN=s.default;exports.BButton=_;exports.BCollapse=a;exports.BDatePicker=l;exports.BDateRangePicker=B;exports.BDropdown=c;exports.BDropdownItem=p;exports.BModal=d;exports.BMultiSelect=v;exports.BOtpField=q;exports.BPagination=y;exports.BRadio=g;exports.BSelect=T;exports.BTextarea=S;exports.BToast=m;exports.BCarousel=P;exports.BCarouselItem=b;exports.BCheckbox=D;exports.BDropdownContent=I;exports.BErrorMessage=k;exports.BLabel=C;exports.BLoadingBar=M;exports.BLoadingOverlay=V;exports.BModalBody=z;exports.BModalFooter=F;exports.BModalHeader=x;exports.BOverlay=O;exports.BTab=w;exports.BTabs=L;exports.BTextField=E;exports.BToastItem=R;exports.BTooltip=f;exports.BTimeline=h;exports.BTimelineItem=H;exports.BImagePicker=K;exports.BImagePreview=N;exports.BCurrencyField=U;
 //# sourceMappingURL=design-system.js.map

package/dist/design-system.mjs

@@ -1,115 +1,116 @@
-import { useDate as r } from "./design-system2.mjs";
-import { useValidationField as f, useValidationForm as l } from "./design-system3.mjs";
-import { DateDelimiter as s, FileImageTypes as p, PIKey as i, RequiredSymbol as m } from "./design-system4.mjs";
-import { BButtonSize as u, BButtonType as x, BCheckboxSize as n, BDatePickerView as T, BLoadingOverlaySpinnerSize as c, BModalSize as S, BPaginationSize as y, BRadioSize as P, BSelectSize as g, BTextEditorExtension as b, BToastItemType as D, BTooltipOpenEvent as I, BTooltipPosition as k, SupportedLocale as z } from "./design-system5.mjs";
-import { ensureVisiblePosition as F, ensureVisibleX as M, ensureVisibleY as V, lockScrollBody as v, resetPosition as w, scrollToTop as L, unlockScrollBody as O } from "./design-system6.mjs";
-import { default as R } from "./design-system7.mjs";
+import { useDate as a } from "./design-system2.mjs";
+import { useValidationField as l, useValidationForm as d } from "./design-system3.mjs";
+import { DateDelimiter as p, FileImageTypes as i, PIKey as m, RequiredSymbol as B } from "./design-system4.mjs";
+import { BButtonSize as x, BButtonType as n, BCheckboxSize as T, BDatePickerView as c, BLoadingOverlaySpinnerSize as S, BModalSize as y, BPaginationSize as P, BRadioSize as g, BSelectSize as b, BTextEditorExtension as D, BToastItemType as I, BTooltipOpenEvent as k, BTooltipPosition as z, SupportedLocale as C } from "./design-system5.mjs";
+import { ensureVisiblePosition as M, ensureVisibleX as V, ensureVisibleY as v, lockScrollBody as w, resetPosition as L, scrollToTop as O, unlockScrollBody as E } from "./design-system6.mjs";
+import { default as h } from "./design-system7.mjs";
 import "./design-system8.mjs";
-import { default as q } from "./design-system9.mjs";
-import { default as K } from "./design-system10.mjs";
-import { default as U } from "./design-system11.mjs";
-import { default as Y } from "./design-system12.mjs";
-import { default as A } from "./design-system13.mjs";
-import { default as J } from "./design-system14.mjs";
-import { default as W } from "./design-system15.mjs";
-import { default as _ } from "./design-system16.mjs";
-import { default as ee } from "./design-system17.mjs";
-import { default as te } from "./design-system18.mjs";
-import { default as ae } from "./design-system19.mjs";
-import { default as le } from "./design-system20.mjs";
-import { default as se } from "./design-system21.mjs";
-import { default as ie } from "./design-system22.mjs";
-import { default as Be } from "./design-system23.mjs";
-import { default as xe } from "./design-system24.mjs";
-import { default as Te } from "./design-system25.mjs";
-import { default as Se } from "./design-system26.mjs";
-import { default as Pe } from "./design-system27.mjs";
-import { default as be } from "./design-system28.mjs";
-import { default as Ie } from "./design-system29.mjs";
-import { default as ze } from "./design-system30.mjs";
-import { default as Fe } from "./design-system31.mjs";
-import { default as Ve } from "./design-system32.mjs";
-import { default as we } from "./design-system33.mjs";
-import { default as Oe } from "./design-system34.mjs";
-import { default as Re } from "./design-system35.mjs";
-import { default as qe } from "./design-system36.mjs";
-import { default as Ke } from "./design-system37.mjs";
-import { default as Ue } from "./design-system38.mjs";
-import { default as Ye } from "./design-system39.mjs";
-import { default as Ae } from "./design-system40.mjs";
-import { default as Je } from "./design-system41.mjs";
-import { default as We } from "./design-system42.mjs";
-import { default as _e } from "./design-system43.mjs";
-import { default as eo } from "./design-system44.mjs";
-import { default as to } from "./design-system45.mjs";
-import { default as ao } from "./design-system46.mjs";
+import { default as H } from "./design-system9.mjs";
+import { default as N } from "./design-system10.mjs";
+import { default as X } from "./design-system11.mjs";
+import { default as j } from "./design-system12.mjs";
+import { default as G } from "./design-system13.mjs";
+import "./design-system14.mjs";
+import { default as Q } from "./design-system15.mjs";
+import { default as Z } from "./design-system16.mjs";
+import { default as $ } from "./design-system17.mjs";
+import { default as oe } from "./design-system18.mjs";
+import { default as re } from "./design-system19.mjs";
+import { default as fe } from "./design-system20.mjs";
+import { default as de } from "./design-system21.mjs";
+import { default as pe } from "./design-system22.mjs";
+import { default as me } from "./design-system23.mjs";
+import { default as ue } from "./design-system24.mjs";
+import { default as ne } from "./design-system25.mjs";
+import { default as ce } from "./design-system26.mjs";
+import { default as ye } from "./design-system27.mjs";
+import { default as ge } from "./design-system28.mjs";
+import { default as De } from "./design-system29.mjs";
+import { default as ke } from "./design-system30.mjs";
+import { default as Ce } from "./design-system31.mjs";
+import { default as Me } from "./design-system32.mjs";
+import { default as ve } from "./design-system33.mjs";
+import { default as Le } from "./design-system34.mjs";
+import { default as Ee } from "./design-system35.mjs";
+import { default as he } from "./design-system36.mjs";
+import { default as He } from "./design-system37.mjs";
+import { default as Ne } from "./design-system38.mjs";
+import { default as Xe } from "./design-system39.mjs";
+import { default as je } from "./design-system40.mjs";
+import { default as Ge } from "./design-system41.mjs";
+import { default as Qe } from "./design-system42.mjs";
+import { default as Ze } from "./design-system43.mjs";
+import { default as $e } from "./design-system44.mjs";
+import { default as oo } from "./design-system45.mjs";
+import { default as ro } from "./design-system46.mjs";
+import { default as fo } from "./design-system47.mjs";
 export {
-  U as BButton,
-  u as BButtonSize,
-  x as BButtonType,
-  Te as BCarousel,
-  Se as BCarouselItem,
-  Pe as BCheckbox,
-  n as BCheckboxSize,
-  Y as BCollapse,
-  ao as BCurrencyField,
-  A as BDatePicker,
-  T as BDatePickerView,
-  J as BDateRangePicker,
-  W as BDropdown,
-  be as BDropdownContent,
-  _ as BDropdownItem,
-  Ie as BErrorMessage,
-  eo as BImagePicker,
-  to as BImagePreview,
-  ze as BLabel,
-  Fe as BLoadingBar,
-  Ve as BLoadingOverlay,
-  c as BLoadingOverlaySpinnerSize,
-  ee as BModal,
-  we as BModalBody,
-  Oe as BModalFooter,
-  Re as BModalHeader,
-  S as BModalSize,
-  te as BMultiSelect,
-  ae as BOtpField,
-  qe as BOverlay,
-  le as BPagination,
-  y as BPaginationSize,
-  se as BRadio,
-  P as BRadioSize,
-  ie as BSelect,
-  g as BSelectSize,
-  Ke as BTab,
-  Ue as BTabs,
-  b as BTextEditorExtension,
-  Ye as BTextField,
-  Be as BTextarea,
-  We as BTimeline,
-  _e as BTimelineItem,
-  xe as BToast,
-  Ae as BToastItem,
-  D as BToastItemType,
-  Je as BTooltip,
-  I as BTooltipOpenEvent,
-  k as BTooltipPosition,
-  s as DateDelimiter,
-  p as FileImageTypes,
-  i as PIKey,
-  m as RequiredSymbol,
-  z as SupportedLocale,
-  R as default,
-  q as enUS,
-  F as ensureVisiblePosition,
-  M as ensureVisibleX,
-  V as ensureVisibleY,
-  v as lockScrollBody,
-  w as resetPosition,
-  L as scrollToTop,
-  O as unlockScrollBody,
-  r as useDate,
-  f as useValidationField,
-  l as useValidationForm,
-  K as viVN
+  X as BButton,
+  x as BButtonSize,
+  n as BButtonType,
+  ce as BCarousel,
+  ye as BCarouselItem,
+  ge as BCheckbox,
+  T as BCheckboxSize,
+  j as BCollapse,
+  fo as BCurrencyField,
+  G as BDatePicker,
+  c as BDatePickerView,
+  Q as BDateRangePicker,
+  Z as BDropdown,
+  De as BDropdownContent,
+  $ as BDropdownItem,
+  ke as BErrorMessage,
+  oo as BImagePicker,
+  ro as BImagePreview,
+  Ce as BLabel,
+  Me as BLoadingBar,
+  ve as BLoadingOverlay,
+  S as BLoadingOverlaySpinnerSize,
+  oe as BModal,
+  Le as BModalBody,
+  Ee as BModalFooter,
+  he as BModalHeader,
+  y as BModalSize,
+  re as BMultiSelect,
+  fe as BOtpField,
+  He as BOverlay,
+  de as BPagination,
+  P as BPaginationSize,
+  pe as BRadio,
+  g as BRadioSize,
+  me as BSelect,
+  b as BSelectSize,
+  Ne as BTab,
+  Xe as BTabs,
+  D as BTextEditorExtension,
+  je as BTextField,
+  ue as BTextarea,
+  Ze as BTimeline,
+  $e as BTimelineItem,
+  ne as BToast,
+  Ge as BToastItem,
+  I as BToastItemType,
+  Qe as BTooltip,
+  k as BTooltipOpenEvent,
+  z as BTooltipPosition,
+  p as DateDelimiter,
+  i as FileImageTypes,
+  m as PIKey,
+  B as RequiredSymbol,
+  C as SupportedLocale,
+  h as default,
+  H as enUS,
+  M as ensureVisiblePosition,
+  V as ensureVisibleX,
+  v as ensureVisibleY,
+  w as lockScrollBody,
+  L as resetPosition,
+  O as scrollToTop,
+  E as unlockScrollBody,
+  a as useDate,
+  l as useValidationField,
+  d as useValidationForm,
+  N as viVN
 };
 //# sourceMappingURL=design-system.mjs.map

package/dist/design-system.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"design-system.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/design-system100.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./design-system111.js");var n=1,t=4;function o(e){return r(e,n|t)}module.exports=o;
+"use strict";const s=require("vue"),n=require("./design-system5.js"),v=require("./design-system37.js"),w=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:o}){const t=a,r=s.ref(null),c=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}),i=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}),u=()=>{document.addEventListener("keydown",l)},l=e=>{e.key==="Escape"&&o("close")},m=()=>{document.addEventListener("click",d)},d=e=>{[r.value].some(f=>e.composedPath().includes(f))||o("close")};return s.onMounted(()=>{t.persistent||setTimeout(()=>{u(),m()},200)}),s.onBeforeUnmount(()=>{t.persistent||(document.removeEventListener("keydown",l),document.removeEventListener("click",d))}),(e,p)=>(s.openBlock(),s.createBlock(v,null,{default:s.withCtx(()=>[s.createElementVNode("div",{class:s.normalizeClass([c.value,"modal-wrapper"])},[s.createElementVNode("div",{ref_key:"modalWrapperContentRef",ref:r,class:s.normalizeClass([i.value,"modal-wrapper-content ds-w-full"])},[s.renderSlot(e.$slots,"default")],2)],2)]),_:3}))}});module.exports=w;
 //# sourceMappingURL=design-system100.js.map

package/dist/design-system100.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system100.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-system100.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 }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\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","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,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAyBC,MAA2B,IAAI,EACxDC,EAAuBC,EAAAA,SAAS,IAAM,CAC1C,IAAIC,EAAS,qEAEb,GAAIL,EAAM,WACEK,GAAA,+BAGV,QADUA,GAAA,UACFL,EAAM,KAAM,CAClB,KAAKH,EAAW,WAAA,MACJQ,GAAA,eACV,MACF,KAAKR,EAAW,WAAA,MACJQ,GAAA,gBACV,MACF,KAAKR,EAAAA,WAAW,OAChB,QACYQ,GAAA,gBACV,KACJ,CAGK,OAAAA,CAAA,CACR,EACKC,EAA8BF,EAAAA,SAAS,IAAM,CACjD,IAAIC,EAAS,mDACH,OAAAA,GAAAL,EAAM,WAAa,2CAA6C,GAEnEK,CAAA,CACR,EAIKE,EAA+B,IAAM,CAChC,SAAA,iBAAiB,UAAWC,CAAoB,CAAA,EAErDA,EAAwBC,GAAyB,CACjDA,EAAM,MAAQ,UAChBV,EAAK,OAAO,CACd,EAEIW,EAAgC,IAAM,CACjC,SAAA,iBAAiB,QAASC,CAAmB,CAAA,EAElDA,EAAuBF,GAAe,CAC7B,CAACR,EAAuB,KAAK,EACZ,KAAMW,GAAMH,EAAM,eAAe,SAASG,CAAC,CAAC,GAExEb,EAAK,OAAO,CACd,EAKFc,OAAAA,EAAAA,UAAU,IAAM,CACTb,EAAM,YACT,WAAW,IAAM,CACcO,IACCG,KAC7B,GAAG,CACR,CACD,EACDI,EAAAA,gBAAgB,IAAM,CACfd,EAAM,aACA,SAAA,oBAAoB,UAAWQ,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"}

package/dist/design-system100.mjs

@@ -1,9 +1,70 @@
-import o from "./design-system111.mjs";
-var r = 1, n = 4;
-function L(e) {
-  return o(e, r | n);
-}
+import { defineComponent as k, ref as C, computed as d, onMounted as h, onBeforeUnmount as B, openBlock as E, createBlock as x, withCtx as y, createElementVNode as a, normalizeClass as c, renderSlot as L } from "vue";
+import { BModalSize as t } from "./design-system5.mjs";
+import _ from "./design-system37.mjs";
+const W = /* @__PURE__ */ k({
+  __name: "BModalContainer",
+  props: {
+    size: { default: t.Medium },
+    fullscreen: { type: Boolean, default: !1 },
+    persistent: { type: Boolean, default: !1 }
+  },
+  emits: ["close"],
+  setup(i, { emit: n }) {
+    const s = i, o = C(null), u = 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;
+    }), m = 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;
+    }), p = () => {
+      document.addEventListener("keydown", r);
+    }, r = (e) => {
+      e.key === "Escape" && n("close");
+    }, f = () => {
+      document.addEventListener("click", l);
+    }, l = (e) => {
+      [o.value].some((v) => e.composedPath().includes(v)) || n("close");
+    };
+    return h(() => {
+      s.persistent || setTimeout(() => {
+        p(), f();
+      }, 200);
+    }), B(() => {
+      s.persistent || (document.removeEventListener("keydown", r), document.removeEventListener("click", l));
+    }), (e, w) => (E(), x(_, null, {
+      default: y(() => [
+        a("div", {
+          class: c([u.value, "modal-wrapper"])
+        }, [
+          a("div", {
+            ref_key: "modalWrapperContentRef",
+            ref: o,
+            class: c([m.value, "modal-wrapper-content ds-w-full"])
+          }, [
+            L(e.$slots, "default")
+          ], 2)
+        ], 2)
+      ]),
+      _: 3
+    }));
+  }
+});
 export {
-  L as default
+  W as default
 };
 //# sourceMappingURL=design-system100.mjs.map

package/dist/design-system100.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system100.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-system100.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 }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\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","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,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAyBC,EAA2B,IAAI,GACxDC,IAAuBC,EAAS,MAAM;AAC1C,UAAIC,IAAS;AAEb,UAAIL,EAAM;AACE,QAAAK,KAAA;AAAA;AAGV,gBADUA,KAAA,WACFL,EAAM,MAAM;AAAA,UAClB,KAAKH,EAAW;AACJ,YAAAQ,KAAA;AACV;AAAA,UACF,KAAKR,EAAW;AACJ,YAAAQ,KAAA;AACV;AAAA,UACF,KAAKR,EAAW;AAAA,UAChB;AACY,YAAAQ,KAAA;AACV;AAAA,QACJ;AAGK,aAAAA;AAAA,IAAA,CACR,GACKC,IAA8BF,EAAS,MAAM;AACjD,UAAIC,IAAS;AACH,aAAAA,KAAAL,EAAM,aAAa,6CAA6C,IAEnEK;AAAA,IAAA,CACR,GAIKE,IAA+B,MAAM;AAChC,eAAA,iBAAiB,WAAWC,CAAoB;AAAA,IAAA,GAErDA,IAAuB,CAACC,MAAyB;AACjD,MAAAA,EAAM,QAAQ,YAChBV,EAAK,OAAO;AAAA,IACd,GAEIW,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,KAExEb,EAAK,OAAO;AAAA,IACd;AAKF,WAAAc,EAAU,MAAM;AACV,MAACb,EAAM,cACT,WAAW,MAAM;AACc,QAAAO,KACCG;SAC7B,GAAG;AAAA,IACR,CACD,GACDI,EAAgB,MAAM;AAChB,MAACd,EAAM,eACA,SAAA,oBAAoB,WAAWQ,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;"}

package/dist/design-system101.js

@@ -1,2 +1,6 @@
-"use strict";const e=require("vue"),s=require("./design-system55.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});/*!
+  * devtools-if v9.2.2
+  * (c) 2022 kazuya kawaguchi
+  * Released under the MIT License.
+  */const t={I18nInit:"i18n:init",FunctionTranslate:"function:translate"};exports.IntlifyDevToolsHooks=t;
 //# sourceMappingURL=design-system101.js.map

package/dist/design-system101.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system101.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system101.js","sources":["../node_modules/@intlify/devtools-if/dist/devtools-if.esm-bundler.js"],"sourcesContent":["/*!\n  * devtools-if v9.2.2\n  * (c) 2022 kazuya kawaguchi\n  * Released under the MIT License.\n  */\nconst IntlifyDevToolsHooks =  {\r\n    I18nInit: 'i18n:init',\r\n    FunctionTranslate: 'function:translate'\r\n};\n\nexport { IntlifyDevToolsHooks };\n"],"names":["IntlifyDevToolsHooks"],"mappings":"gFAAA;AAAA;AAAA;AAAA;AAAA,IAKK,MAACA,EAAwB,CAC1B,SAAU,YACV,kBAAmB,oBACvB","x_google_ignoreList":[0]}

package/dist/design-system101.mjs

@@ -1,21 +1,13 @@
-import { openBlock as e, createElementBlock as t, createElementVNode as s } from "vue";
-import o from "./design-system55.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]]);
+/*!
+  * devtools-if v9.2.2
+  * (c) 2022 kazuya kawaguchi
+  * Released under the MIT License.
+  */
+const n = {
+  I18nInit: "i18n:init",
+  FunctionTranslate: "function:translate"
+};
 export {
-  C as default
+  n as IntlifyDevToolsHooks
 };
 //# sourceMappingURL=design-system101.mjs.map

package/dist/design-system101.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system101.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"design-system101.mjs","sources":["../node_modules/@intlify/devtools-if/dist/devtools-if.esm-bundler.js"],"sourcesContent":["/*!\n  * devtools-if v9.2.2\n  * (c) 2022 kazuya kawaguchi\n  * Released under the MIT License.\n  */\nconst IntlifyDevToolsHooks =  {\r\n    I18nInit: 'i18n:init',\r\n    FunctionTranslate: 'function:translate'\r\n};\n\nexport { IntlifyDevToolsHooks };\n"],"names":["IntlifyDevToolsHooks"],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAKK,MAACA,IAAwB;AAAA,EAC1B,UAAU;AAAA,EACV,mBAAmB;AACvB;","x_google_ignoreList":[0]}

package/dist/design-system102.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system97.js");module.exports=e;
+"use strict";const e=require("vue"),s=require("./design-system53.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-system102.js.map

package/dist/design-system102.mjs

@@ -1,5 +1,21 @@
-import f from "./design-system97.mjs";
+import { openBlock as e, createElementBlock as t, createElementVNode as s } from "vue";
+import o from "./design-system53.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 {
-  f as default
+  C as default
 };
 //# sourceMappingURL=design-system102.mjs.map

package/dist/design-system102.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system102.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system102.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/design-system103.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system99.js");module.exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}exports.commonjsGlobal=o;exports.getDefaultExportFromCjs=l;
 //# sourceMappingURL=design-system103.js.map

package/dist/design-system103.mjs

@@ -1,5 +1,9 @@
-import f from "./design-system99.mjs";
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
 export {
-  f as default
+  o as commonjsGlobal,
+  l as getDefaultExportFromCjs
 };
 //# sourceMappingURL=design-system103.mjs.map

package/dist/design-system103.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system103.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system103.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/design-system104.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system96.js");module.exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}exports.commonjsRequire=o;
 //# sourceMappingURL=design-system104.js.map

package/dist/design-system104.mjs

@@ -1,5 +1,7 @@
-import e from "./design-system96.mjs";
+function r(o) {
+  throw new Error('Could not dynamically require "' + o + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
 export {
-  e as default
+  r as commonjsRequire
 };
 //# sourceMappingURL=design-system104.mjs.map

package/dist/design-system104.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system104.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system104.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/design-system105.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}exports.commonjsGlobal=o;exports.getDefaultExportFromCjs=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
 //# sourceMappingURL=design-system105.js.map

package/dist/design-system105.mjs

@@ -1,9 +1,5 @@
-var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function l(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
+var e = { exports: {} };
 export {
-  o as commonjsGlobal,
-  l as getDefaultExportFromCjs
+  e as __module
 };
 //# sourceMappingURL=design-system105.mjs.map

package/dist/design-system105.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system105.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"design-system105.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system106.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}exports.commonjsRequire=o;
+"use strict";const e=require("./design-system98.js");module.exports=e;
 //# sourceMappingURL=design-system106.js.map

package/dist/design-system106.mjs

@@ -1,7 +1,5 @@
-function r(o) {
-  throw new Error('Could not dynamically require "' + o + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
-}
+import e from "./design-system98.mjs";
 export {
-  r as commonjsRequire
+  e as default
 };
 //# sourceMappingURL=design-system106.mjs.map

package/dist/design-system106.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system106.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"design-system106.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/design-system107.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+"use strict";const o=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),t={randomUUID:o};module.exports=t;
 //# sourceMappingURL=design-system107.js.map

package/dist/design-system107.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system107.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system107.js","sources":["../node_modules/uuid/dist/esm-browser/native.js"],"sourcesContent":["const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default {\n  randomUUID\n};"],"names":["randomUUID","native"],"mappings":"aAAA,MAAMA,EAAa,OAAO,OAAW,KAAe,OAAO,YAAc,OAAO,WAAW,KAAK,MAAM,EACvFC,EAAA,CACb,WAAAD,CACF","x_google_ignoreList":[0]}

package/dist/design-system107.mjs

@@ -1,5 +1,7 @@
-var e = { exports: {} };
+const o = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), t = {
+  randomUUID: o
+};
 export {
-  e as __module
+  t as default
 };
 //# sourceMappingURL=design-system107.mjs.map

package/dist/design-system107.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system107.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"design-system107.mjs","sources":["../node_modules/uuid/dist/esm-browser/native.js"],"sourcesContent":["const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default {\n  randomUUID\n};"],"names":["randomUUID","native"],"mappings":"AAAA,MAAMA,IAAa,OAAO,SAAW,OAAe,OAAO,cAAc,OAAO,WAAW,KAAK,MAAM,GACvFC,IAAA;AAAA,EACb,YAAAD;AACF;","x_google_ignoreList":[0]}