@7pmlabs/design-system 0.4.13 → 0.4.15

package/dist/design-system24.mjs

@@ -1,81 +1,49 @@
-import { defineComponent as g, computed as o, openBlock as t, createElementBlock as y, createVNode as h, withDirectives as V, createElementVNode as q, normalizeClass as B, vModelText as C, createBlock as k, unref as w, createCommentVNode as _ } from "vue";
-import { useValidationField as x } from "./design-system3.mjs";
-import { useI18n as R } from "./design-system50.mjs";
-import M from "./design-system30.mjs";
-import E from "./design-system31.mjs";
-import D from "./design-system98.mjs";
-const I = ["id", "autocomplete", "disabled", "placeholder", "readonly", "rows"], j = /* @__PURE__ */ g({
-  __name: "BTextarea",
+import { defineComponent as d, computed as u, withDirectives as p, openBlock as o, createElementBlock as l, createVNode as m, TransitionGroup as v, withCtx as _, Fragment as f, renderList as y, createBlock as h, vShow as x } from "vue";
+import C from "./design-system42.mjs";
+const V = { class: "ds-fixed ds-right-4 ds-top-4 ds-z-[110]" }, T = /* @__PURE__ */ d({
+  __name: "BToast",
   props: {
-    inputId: { default: "" },
-    inputCssClass: { default: "" },
-    modelValue: {},
-    validationRules: { default: void 0 },
-    label: { default: "" },
-    placeholder: { default: "" },
-    autocomplete: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    readonly: { type: Boolean, default: !1 },
-    rows: { default: 3 },
-    required: { type: Boolean, default: !1 },
-    requiredErrorMessage: { default: "" },
-    hideDetails: { type: Boolean, default: !1 }
+    modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(u, { expose: i, emit: n }) {
-    const l = u, { t: f } = R(), c = {
-      validateRule: (e) => typeof e == "number" ? !!e : !!(e && (e != null && e.trim())),
-      errorMessage: () => l.requiredErrorMessage || f("ds.global.field_required")
-    }, d = o(() => l.inputId || `id-${D()}`), a = o({
+  setup(n, { emit: c }) {
+    const r = n, t = u({
       get() {
-        return l.modelValue;
+        return r.modelValue;
       },
       set(e) {
-        n("update:modelValue", e);
+        c("update:modelValue", e);
       }
-    }), p = o(() => [
-      {
-        "ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40": l.disabled,
-        "ds-text-black/[0.85]": !l.disabled,
-        "ds-border-error focus:ds-ring-1 focus:ds-ring-error": !r.value.valid,
-        "ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus": r.value.valid
-      },
-      l.inputCssClass
-    ]), m = o(() => {
-      let e = [];
-      return l.required && e.push(c), l.validationRules && (e = e.concat(l.validationRules)), e.length ? e : void 0;
-    }), { validate: b, validationResult: r } = x(
-      d.value,
-      a,
-      m.value
-    );
-    return i({ validate: b }), (e, s) => (t(), y("div", null, [
-      h(E, {
-        id: d.value,
-        label: e.label,
-        required: e.required
-      }, null, 8, ["id", "label", "required"]),
-      V(q("textarea", {
-        id: d.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (v) => a.value = v),
-        autocomplete: l.autocomplete ? "on" : "off",
-        class: B([p.value, "ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light"]),
-        disabled: l.disabled,
-        placeholder: l.placeholder,
-        readonly: l.readonly,
-        rows: l.rows
-      }, null, 10, I), [
-        [C, a.value]
-      ]),
-      e.hideDetails ? _("", !0) : (t(), k(M, {
-        key: 0,
-        "error-message": w(r).errorMessage(),
-        class: "ds-mt-1"
-      }, null, 8, ["error-message"]))
-    ]));
+    }), i = (e) => {
+      t.value.splice(e, 1);
+    };
+    return (e, g) => p((o(), l("div", V, [
+      m(v, {
+        "enter-active-class": "ds-transition-all ds-duration-300 ds-ease-in-out",
+        "enter-from-class": "ds-opacity-0",
+        "enter-to-class": "ds-opacity-1",
+        "leave-active-class": "ds-transition-all ds-duration-300 ds-ease-in-out",
+        "leave-from-class": "ds-opacity-1",
+        "leave-to-class": "ds-opacity-0"
+      }, {
+        default: _(() => [
+          (o(!0), l(f, null, y(t.value, (s, a) => (o(), h(C, {
+            key: `toastItem${a}`,
+            icon: s.icon,
+            text: s.text,
+            type: s.type,
+            class: "ds-my-2",
+            onClose: (k) => i(a)
+          }, null, 8, ["icon", "text", "type", "onClose"]))), 128))
+        ]),
+        _: 1
+      })
+    ], 512)), [
+      [x, t.value.length > 0]
+    ]);
   }
 });
 export {
-  j as default
+  T as default
 };
 //# sourceMappingURL=design-system24.mjs.map

package/dist/design-system24.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system24.mjs","sources":["../src/components/BTextarea.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { createVNode as _createVNode, vModelText as _vModelText, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, withDirectives as _withDirectives, unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = [\"id\", \"autocomplete\", \"disabled\", \"placeholder\", \"readonly\", \"rows\"]\n\nimport {\n  useValidationField,\n  type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\nimport BErrorMessage from './BErrorMessage.vue';\nimport BLabel from './BLabel.vue';\n\n//#region Props\nexport interface BTextareaProps {\n  inputId?: string;\n  inputCssClass?: string;\n  modelValue: string;\n  /**\n   * Array of custom validation rules.\n   */\n  validationRules?: ValidationRule[];\n  label?: string;\n  placeholder?: string;\n  autocomplete?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  /**\n   * Number of rows.\n   */\n  rows?: number;\n  /**\n   * Validate if the field is left empty.\n   */\n  required?: boolean;\n  requiredErrorMessage?: string;\n  /**\n   * Hide the validation error message.\n   */\n  hideDetails?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BTextarea',\n  props: {\n    inputId: { default: '' },\n    inputCssClass: { default: '' },\n    modelValue: {},\n    validationRules: { default: undefined },\n    label: { default: '' },\n    placeholder: { default: '' },\n    autocomplete: { type: Boolean, default: false },\n    disabled: { type: Boolean, default: false },\n    readonly: { type: Boolean, default: false },\n    rows: { default: 3 },\n    required: { type: Boolean, default: false },\n    requiredErrorMessage: { default: '' },\n    hideDetails: { type: Boolean, default: false }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n  validateRule: (val: string | number) => {\n    if (typeof val === 'number') {\n      return !!val;\n    }\n    return !!(val && val?.trim());\n  },\n  errorMessage: () =>\n    props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\nconst inputCssClassValue = computed(() => [\n  {\n    'ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/40': props.disabled,\n    'ds-text-black/[0.85]': !props.disabled,\n    'ds-border-error focus:ds-ring-1 focus:ds-ring-error':\n      !validationResult.value.valid,\n    'ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus':\n      validationResult.value.valid,\n  },\n  props.inputCssClass,\n]);\nconst vRules = computed(() => {\n  let result: ValidationRule[] = [];\n\n  if (props.required) {\n    result.push(validateRequired);\n  }\n  if (props.validationRules) {\n    result = result.concat(props.validationRules);\n  }\n\n  return result.length ? result : undefined;\n});\nconst { validate, validationResult } = useValidationField(\n  id.value,\n  value,\n  vRules.value,\n);\n//#endregion\n\n__expose({ validate });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createVNode(BLabel, {\n      id: id.value,\n      label: _ctx.label,\n      required: _ctx.required\n    }, null, 8, [\"id\", \"label\", \"required\"]),\n    _withDirectives(_createElementVNode(\"textarea\", {\n      id: id.value,\n      \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n      autocomplete: props.autocomplete ? 'on' : 'off',\n      class: _normalizeClass([inputCssClassValue.value, \"ds-block ds-w-full ds-rounded-lg ds-border ds-px-3 ds-py-1 ds-text-sm ds-drop-shadow-light\"]),\n      disabled: props.disabled,\n      placeholder: props.placeholder,\n      readonly: props.readonly,\n      rows: props.rows\n    }, null, 10, _hoisted_1), [\n      [_vModelText, value.value]\n    ]),\n    (!_ctx.hideDetails)\n      ? (_openBlock(), _createBlock(BErrorMessage, {\n          key: 0,\n          \"error-message\": _unref(validationResult).errorMessage(),\n          class: \"ds-mt-1\"\n        }, null, 8, [\"error-message\"]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","__expose","emit","props","t","useI18n","validateRequired","val","id","computed","uuid","value","inputCssClassValue","validationResult","vRules","result","validate","useValidationField","_ctx","_cache","_openBlock","_createElementBlock","_createVNode","BLabel","_withDirectives","_createElementVNode","$event","_normalizeClass","_vModelText","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
+{"version":3,"file":"design-system24.mjs","sources":["../src/components/BToast/BToast.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, TransitionGroup as _TransitionGroup, withCtx as _withCtx, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-fixed ds-right-4 ds-top-4 ds-z-[110]\" }\n\nimport type { BToastItemModel } from '@/types';\nimport { computed } from 'vue';\nimport BToastItem from './BToastItem.vue';\n\n//#region Props\nexport interface Props {\n  modelValue: BToastItemModel[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToast',\n  props: {\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Methods\nconst onCloseToastItem = (i: number) => {\n  value.value.splice(i, 1);\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(_TransitionGroup, {\n      \"enter-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"enter-from-class\": \"ds-opacity-0\",\n      \"enter-to-class\": \"ds-opacity-1\",\n      \"leave-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"leave-from-class\": \"ds-opacity-1\",\n      \"leave-to-class\": \"ds-opacity-0\"\n    }, {\n      default: _withCtx(() => [\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(value.value, (toastItem, index) => {\n          return (_openBlock(), _createBlock(BToastItem, {\n            key: `toastItem${index}`,\n            icon: toastItem.icon,\n            text: toastItem.text,\n            type: toastItem.type,\n            class: \"ds-my-2\",\n            onClose: ($event: any) => (onCloseToastItem(index))\n          }, null, 8, [\"icon\", \"text\", \"type\", \"onClose\"]))\n        }), 128))\n      ]),\n      _: 1\n    })\n  ], 512)), [\n    [_vShow, value.value.length > 0]\n  ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","emit","props","value","computed","val","onCloseToastItem","i","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","_createVNode","_TransitionGroup","_withCtx","_Fragment","_renderList","toastItem","index","_createBlock","BToastItem","$event","_vShow"],"mappings":";;AAGA,MAAMA,IAAa,EAAE,OAAO,6CAYAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,CAAC;AAAA,EACf;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAMRG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIG,GAAK;AACP,QAAAJ,EAAK,qBAAqBI,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GAQKC,IAAmB,CAACC,MAAc;AAChC,MAAAJ,EAAA,MAAM,OAAOI,GAAG,CAAC;AAAA,IAAA;AAIlB,WAAA,CAACC,GAAUC,MACTC,GAAiBC,EAAA,GAAcC,EAAoB,OAAOf,GAAY;AAAA,MAC3EgB,EAAaC,GAAkB;AAAA,QAC7B,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,QAClB,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,MAAA,GACjB;AAAA,QACD,SAASC,EAAS,MAAM;AAAA,WACrBJ,EAAW,EAAI,GAAGC,EAAoBI,GAAW,MAAMC,EAAYd,EAAM,OAAO,CAACe,GAAWC,OACnFR,EAAA,GAAcS,EAAaC,GAAY;AAAA,YAC7C,KAAK,YAAYF,CAAK;AAAA,YACtB,MAAMD,EAAU;AAAA,YAChB,MAAMA,EAAU;AAAA,YAChB,MAAMA,EAAU;AAAA,YAChB,OAAO;AAAA,YACP,SAAS,CAACI,MAAiBhB,EAAiBa,CAAK;AAAA,UAAA,GAChD,MAAM,GAAG,CAAC,QAAQ,QAAQ,QAAQ,SAAS,CAAC,EAChD,GAAG,GAAG;AAAA,QAAA,CACR;AAAA,QACD,GAAG;AAAA,MAAA,CACJ;AAAA,IACH,GAAG,GAAG,IAAI;AAAA,MACR,CAACI,GAAQpB,EAAM,MAAM,SAAS,CAAC;AAAA,IAAA,CAChC;AAAA,EAEH;AAEA,CAAC;"}

package/dist/design-system25.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),i=require("./design-system41.js"),u={class:"ds-fixed ds-right-4 ds-top-4 ds-z-[110]"},d=e.defineComponent({__name:"BToast",props:{modelValue:{}},emits:["update:modelValue"],setup(l,{emit:n}){const c=l,s=e.computed({get(){return c.modelValue},set(t){n("update:modelValue",t)}}),r=t=>{s.value.splice(t,1)};return(t,p)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",u,[e.createVNode(e.TransitionGroup,{"enter-active-class":"ds-transition-all ds-duration-300 ds-ease-in-out","enter-from-class":"ds-opacity-0","enter-to-class":"ds-opacity-1","leave-active-class":"ds-transition-all ds-duration-300 ds-ease-in-out","leave-from-class":"ds-opacity-1","leave-to-class":"ds-opacity-0"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(o,a)=>(e.openBlock(),e.createBlock(i,{key:`toastItem${a}`,icon:o.icon,text:o.text,type:o.type,class:"ds-my-2",onClose:m=>r(a)},null,8,["icon","text","type","onClose"]))),128))]),_:1})],512)),[[e.vShow,s.value.length>0]])}});module.exports=d;
+"use strict";const e=require("vue"),u={class:"ds-flex"},p=["onClick"],i=e.defineComponent({__name:"BStepper",props:{headers:{},modelValue:{}},emits:["update:modelValue"],setup(a,{emit:d}){const n=a,l=e.computed({get(){return n.modelValue},set(t){d("update:modelValue",t)}}),c=(t,o)=>{t.clickable&&(l.value=o)};return(t,o)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("ul",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.headers,(r,s)=>(e.openBlock(),e.createElementBlock("li",{key:r.text,class:e.normalizeClass([{"ds-cursor-pointer":r.clickable,"ds-pointer-events-none ds-text-black/40":r.disabled,"ds-text-primary-t":s<l.value,"after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200":s<t.headers.length-1},"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium"]),onClick:m=>c(r,s)},[e.renderSlot(t.$slots,`step-header-${s}`,{text:r.text},()=>[e.createTextVNode(e.toDisplayString(r.text),1)])],10,p))),128))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.headers,(r,s)=>(e.openBlock(),e.createElementBlock("div",{key:r.text,class:e.normalizeClass({"ds-hidden":l.value!==s})},[e.renderSlot(t.$slots,`step-content-${s}`)],2))),128))]))}});module.exports=i;
 //# sourceMappingURL=design-system25.js.map

package/dist/design-system25.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system25.js","sources":["../src/components/BToast/BToast.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, TransitionGroup as _TransitionGroup, withCtx as _withCtx, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-fixed ds-right-4 ds-top-4 ds-z-[110]\" }\n\nimport type { BToastItemModel } from '@/types';\nimport { computed } from 'vue';\nimport BToastItem from './BToastItem.vue';\n\n//#region Props\nexport interface Props {\n  modelValue: BToastItemModel[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToast',\n  props: {\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Methods\nconst onCloseToastItem = (i: number) => {\n  value.value.splice(i, 1);\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(_TransitionGroup, {\n      \"enter-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"enter-from-class\": \"ds-opacity-0\",\n      \"enter-to-class\": \"ds-opacity-1\",\n      \"leave-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"leave-from-class\": \"ds-opacity-1\",\n      \"leave-to-class\": \"ds-opacity-0\"\n    }, {\n      default: _withCtx(() => [\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(value.value, (toastItem, index) => {\n          return (_openBlock(), _createBlock(BToastItem, {\n            key: `toastItem${index}`,\n            icon: toastItem.icon,\n            text: toastItem.text,\n            type: toastItem.type,\n            class: \"ds-my-2\",\n            onClose: ($event: any) => (onCloseToastItem(index))\n          }, null, 8, [\"icon\", \"text\", \"type\", \"onClose\"]))\n        }), 128))\n      ]),\n      _: 1\n    })\n  ], 512)), [\n    [_vShow, value.value.length > 0]\n  ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","emit","props","value","computed","val","onCloseToastItem","i","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","_createVNode","_TransitionGroup","_withCtx","_Fragment","_renderList","toastItem","index","_createBlock","BToastItem","$event","_vShow"],"mappings":"sEAGMA,EAAa,CAAE,MAAO,2CAYAC,EAAiBC,kBAAA,CAC3C,OAAQ,SACR,MAAO,CACL,WAAY,CAAC,CACf,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAMRG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAK,CACPJ,EAAK,oBAAqBI,CAAG,CAC/B,CAAA,CACD,EAQKC,EAAoBC,GAAc,CAChCJ,EAAA,MAAM,OAAOI,EAAG,CAAC,CAAA,EAIlB,MAAA,CAACC,EAAUC,IACTC,EAAiB,gBAAAC,EAAA,UAAA,EAAcC,EAAAA,mBAAoB,MAAOf,EAAY,CAC3EgB,EAAAA,YAAaC,EAAAA,gBAAkB,CAC7B,qBAAsB,mDACtB,mBAAoB,eACpB,iBAAkB,eAClB,qBAAsB,mDACtB,mBAAoB,eACpB,iBAAkB,cAAA,EACjB,CACD,QAASC,UAAS,IAAM,EACrBJ,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAI,WAAW,KAAMC,EAAA,WAAYd,EAAM,MAAO,CAACe,EAAWC,KACnFR,EAAA,UAAA,EAAcS,EAAA,YAAaC,EAAY,CAC7C,IAAK,YAAYF,CAAK,GACtB,KAAMD,EAAU,KAChB,KAAMA,EAAU,KAChB,KAAMA,EAAU,KAChB,MAAO,UACP,QAAUI,GAAiBhB,EAAiBa,CAAK,CAAA,EAChD,KAAM,EAAG,CAAC,OAAQ,OAAQ,OAAQ,SAAS,CAAC,EAChD,EAAG,GAAG,EAAA,CACR,EACD,EAAG,CAAA,CACJ,CACH,EAAG,GAAG,GAAI,CACR,CAACI,EAAA,MAAQpB,EAAM,MAAM,OAAS,CAAC,CAAA,CAChC,CAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system25.js","sources":["../src/components/BStepper.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex\" }\nconst _hoisted_2 = [\"onClick\"]\n\nimport type { BStepperHeader } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\ninterface Props {\n  /**\n   * Array of header objects.\n   */\n  headers: BStepperHeader[];\n  /**\n   * Index of step.\n   */\n  modelValue: number;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BStepper',\n  props: {\n    headers: {},\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#region\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#region\n\n//#region Methods\nconst onClickStepperHeader = (header: BStepperHeader, index: number) => {\n  if (!header.clickable) {\n    return;\n  }\n  value.value = index;\n};\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.headers, (header, i) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: header.text,\n          class: _normalizeClass([{\n          'ds-cursor-pointer': header.clickable,\n          'ds-pointer-events-none ds-text-black/40': header.disabled,\n          'ds-text-primary-t': i < value.value,\n          'after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200':\n            i < _ctx.headers.length - 1,\n        }, \"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium\"]),\n          onClick: ($event: any) => (onClickStepperHeader(header, i))\n        }, [\n          _renderSlot(_ctx.$slots, `step-header-${i}`, {\n            text: header.text\n          }, () => [\n            _createTextVNode(_toDisplayString(header.text), 1)\n          ])\n        ], 10, _hoisted_2))\n      }), 128))\n    ]),\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (step, i) => {\n      return (_openBlock(), _createElementBlock(\"div\", {\n        key: step.text,\n        class: _normalizeClass({\n        'ds-hidden': value.value !== i,\n      })\n      }, [\n        _renderSlot(_ctx.$slots, `step-content-${i}`)\n      ], 2))\n    }), 128))\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","emit","props","value","computed","val","onClickStepperHeader","header","index","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","i","_normalizeClass","$event","_renderSlot","_createTextVNode","_toDisplayString","step"],"mappings":"oCAGMA,EAAa,CAAE,MAAO,WACtBC,EAAa,CAAC,SAAS,EAkBDC,EAAiBC,kBAAA,CAC3C,OAAQ,WACR,MAAO,CACL,QAAS,CAAC,EACV,WAAY,CAAC,CACf,EACA,MAAO,CAAC,mBAAmB,EAC3B,MAAMC,EAAc,CAAE,KAAAC,GAAQ,CAEhC,MAAMC,EAAQF,EAURG,EAAQC,EAAAA,SAAS,CACrB,KAAM,CACJ,OAAOF,EAAM,UACf,EACA,IAAIG,EAAK,CACPJ,EAAK,oBAAqBI,CAAG,CAC/B,CAAA,CACD,EAIKC,EAAuB,CAACC,EAAwBC,IAAkB,CACjED,EAAO,YAGZJ,EAAM,MAAQK,EAAA,EAIT,MAAA,CAACC,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAO,KAAM,CACrDC,EAAA,mBAAoB,KAAMjB,EAAY,EACnCe,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAE,WAAW,KAAMC,EAAA,WAAYb,EAAM,QAAS,CAACK,EAAQS,KAClFL,EAAA,UAAA,EAAcC,EAAA,mBAAoB,KAAM,CAC9C,IAAKL,EAAO,KACZ,MAAOU,iBAAgB,CAAC,CACxB,oBAAqBV,EAAO,UAC5B,0CAA2CA,EAAO,SAClD,oBAAqBS,EAAIb,EAAM,MAC/B,0IACEa,EAAIP,EAAK,QAAQ,OAAS,CAC9B,EAAG,wEAAwE,CAAC,EAC1E,QAAUS,GAAiBZ,EAAqBC,EAAQS,CAAC,CAAA,EACxD,CACDG,EAAY,WAAAV,EAAK,OAAQ,eAAeO,CAAC,GAAI,CAC3C,KAAMT,EAAO,IAAA,EACZ,IAAM,CACPa,EAAAA,gBAAiBC,EAAAA,gBAAiBd,EAAO,IAAI,EAAG,CAAC,CAAA,CAClD,CAAA,EACA,GAAIV,CAAU,EAClB,EAAG,GAAG,EAAA,CACR,GACAc,EAAAA,UAAW,EAAI,EAAGC,EAAoB,mBAAAE,WAAW,KAAMC,EAAA,WAAYN,EAAK,QAAS,CAACa,EAAMN,KAC/EL,EAAA,UAAA,EAAcC,EAAA,mBAAoB,MAAO,CAC/C,IAAKU,EAAK,KACV,MAAOL,EAAAA,eAAgB,CACvB,YAAad,EAAM,QAAUa,CAAA,CAC9B,CAAA,EACE,CACDG,EAAY,WAAAV,EAAK,OAAQ,gBAAgBO,CAAC,EAAE,GAC3C,CAAC,EACL,EAAG,GAAG,EAAA,CACR,EAEH,CAEA,CAAC"}

package/dist/design-system25.mjs

@@ -1,49 +1,53 @@
-import { defineComponent as d, computed as u, withDirectives as p, openBlock as o, createElementBlock as l, createVNode as m, TransitionGroup as v, withCtx as _, Fragment as f, renderList as y, createBlock as h, vShow as x } from "vue";
-import C from "./design-system41.mjs";
-const V = { class: "ds-fixed ds-right-4 ds-top-4 ds-z-[110]" }, T = /* @__PURE__ */ d({
-  __name: "BToast",
+import { defineComponent as x, computed as k, openBlock as r, createElementBlock as l, createElementVNode as b, Fragment as a, renderList as u, normalizeClass as c, renderSlot as p, createTextVNode as v, toDisplayString as h } from "vue";
+const V = { class: "ds-flex" }, _ = ["onClick"], C = /* @__PURE__ */ x({
+  __name: "BStepper",
   props: {
+    headers: {},
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(n, { emit: c }) {
-    const r = n, t = u({
+  setup(i, { emit: m }) {
+    const o = i, n = k({
       get() {
-        return r.modelValue;
+        return o.modelValue;
       },
       set(e) {
-        c("update:modelValue", e);
+        m("update:modelValue", e);
       }
-    }), i = (e) => {
-      t.value.splice(e, 1);
+    }), f = (e, d) => {
+      e.clickable && (n.value = d);
     };
-    return (e, g) => p((o(), l("div", V, [
-      m(v, {
-        "enter-active-class": "ds-transition-all ds-duration-300 ds-ease-in-out",
-        "enter-from-class": "ds-opacity-0",
-        "enter-to-class": "ds-opacity-1",
-        "leave-active-class": "ds-transition-all ds-duration-300 ds-ease-in-out",
-        "leave-from-class": "ds-opacity-1",
-        "leave-to-class": "ds-opacity-0"
-      }, {
-        default: _(() => [
-          (o(!0), l(f, null, y(t.value, (s, a) => (o(), h(C, {
-            key: `toastItem${a}`,
-            icon: s.icon,
-            text: s.text,
-            type: s.type,
-            class: "ds-my-2",
-            onClose: (k) => i(a)
-          }, null, 8, ["icon", "text", "type", "onClose"]))), 128))
-        ]),
-        _: 1
-      })
-    ], 512)), [
-      [x, t.value.length > 0]
-    ]);
+    return (e, d) => (r(), l("div", null, [
+      b("ul", V, [
+        (r(!0), l(a, null, u(o.headers, (t, s) => (r(), l("li", {
+          key: t.text,
+          class: c([{
+            "ds-cursor-pointer": t.clickable,
+            "ds-pointer-events-none ds-text-black/40": t.disabled,
+            "ds-text-primary-t": s < n.value,
+            "after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200": s < e.headers.length - 1
+          }, "ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium"]),
+          onClick: (g) => f(t, s)
+        }, [
+          p(e.$slots, `step-header-${s}`, {
+            text: t.text
+          }, () => [
+            v(h(t.text), 1)
+          ])
+        ], 10, _))), 128))
+      ]),
+      (r(!0), l(a, null, u(e.headers, (t, s) => (r(), l("div", {
+        key: t.text,
+        class: c({
+          "ds-hidden": n.value !== s
+        })
+      }, [
+        p(e.$slots, `step-content-${s}`)
+      ], 2))), 128))
+    ]));
   }
 });
 export {
-  T as default
+  C as default
 };
 //# sourceMappingURL=design-system25.mjs.map

package/dist/design-system25.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system25.mjs","sources":["../src/components/BToast/BToast.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, TransitionGroup as _TransitionGroup, withCtx as _withCtx, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-fixed ds-right-4 ds-top-4 ds-z-[110]\" }\n\nimport type { BToastItemModel } from '@/types';\nimport { computed } from 'vue';\nimport BToastItem from './BToastItem.vue';\n\n//#region Props\nexport interface Props {\n  modelValue: BToastItemModel[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BToast',\n  props: {\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#endregion\n\n//#region Events\n\n//#endregion\n\n//#region Methods\nconst onCloseToastItem = (i: number) => {\n  value.value.splice(i, 1);\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return _withDirectives((_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createVNode(_TransitionGroup, {\n      \"enter-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"enter-from-class\": \"ds-opacity-0\",\n      \"enter-to-class\": \"ds-opacity-1\",\n      \"leave-active-class\": \"ds-transition-all ds-duration-300 ds-ease-in-out\",\n      \"leave-from-class\": \"ds-opacity-1\",\n      \"leave-to-class\": \"ds-opacity-0\"\n    }, {\n      default: _withCtx(() => [\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(value.value, (toastItem, index) => {\n          return (_openBlock(), _createBlock(BToastItem, {\n            key: `toastItem${index}`,\n            icon: toastItem.icon,\n            text: toastItem.text,\n            type: toastItem.type,\n            class: \"ds-my-2\",\n            onClose: ($event: any) => (onCloseToastItem(index))\n          }, null, 8, [\"icon\", \"text\", \"type\", \"onClose\"]))\n        }), 128))\n      ]),\n      _: 1\n    })\n  ], 512)), [\n    [_vShow, value.value.length > 0]\n  ])\n}\n}\n\n})"],"names":["_hoisted_1","_sfc_main","_defineComponent","__props","emit","props","value","computed","val","onCloseToastItem","i","_ctx","_cache","_withDirectives","_openBlock","_createElementBlock","_createVNode","_TransitionGroup","_withCtx","_Fragment","_renderList","toastItem","index","_createBlock","BToastItem","$event","_vShow"],"mappings":";;AAGA,MAAMA,IAAa,EAAE,OAAO,6CAYAC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,CAAC;AAAA,EACf;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAMRG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIG,GAAK;AACP,QAAAJ,EAAK,qBAAqBI,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GAQKC,IAAmB,CAACC,MAAc;AAChC,MAAAJ,EAAA,MAAM,OAAOI,GAAG,CAAC;AAAA,IAAA;AAIlB,WAAA,CAACC,GAAUC,MACTC,GAAiBC,EAAA,GAAcC,EAAoB,OAAOf,GAAY;AAAA,MAC3EgB,EAAaC,GAAkB;AAAA,QAC7B,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,QAClB,sBAAsB;AAAA,QACtB,oBAAoB;AAAA,QACpB,kBAAkB;AAAA,MAAA,GACjB;AAAA,QACD,SAASC,EAAS,MAAM;AAAA,WACrBJ,EAAW,EAAI,GAAGC,EAAoBI,GAAW,MAAMC,EAAYd,EAAM,OAAO,CAACe,GAAWC,OACnFR,EAAA,GAAcS,EAAaC,GAAY;AAAA,YAC7C,KAAK,YAAYF,CAAK;AAAA,YACtB,MAAMD,EAAU;AAAA,YAChB,MAAMA,EAAU;AAAA,YAChB,MAAMA,EAAU;AAAA,YAChB,OAAO;AAAA,YACP,SAAS,CAACI,MAAiBhB,EAAiBa,CAAK;AAAA,UAAA,GAChD,MAAM,GAAG,CAAC,QAAQ,QAAQ,QAAQ,SAAS,CAAC,EAChD,GAAG,GAAG;AAAA,QAAA,CACR;AAAA,QACD,GAAG;AAAA,MAAA,CACJ;AAAA,IACH,GAAG,GAAG,IAAI;AAAA,MACR,CAACI,GAAQpB,EAAM,MAAM,SAAS,CAAC;AAAA,IAAA,CAChC;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system25.mjs","sources":["../src/components/BStepper.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-flex\" }\nconst _hoisted_2 = [\"onClick\"]\n\nimport type { BStepperHeader } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\ninterface Props {\n  /**\n   * Array of header objects.\n   */\n  headers: BStepperHeader[];\n  /**\n   * Index of step.\n   */\n  modelValue: number;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BStepper',\n  props: {\n    headers: {},\n    modelValue: {}\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit }) {\n\nconst props = __props;\n\n\n//#region\n\n//#region Events\n\n//#endregion\n\n//#region Data\nconst value = computed({\n  get() {\n    return props.modelValue;\n  },\n  set(val) {\n    emit('update:modelValue', val);\n  },\n});\n//#region\n\n//#region Methods\nconst onClickStepperHeader = (header: BStepperHeader, index: number) => {\n  if (!header.clickable) {\n    return;\n  }\n  value.value = index;\n};\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", null, [\n    _createElementVNode(\"ul\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.headers, (header, i) => {\n        return (_openBlock(), _createElementBlock(\"li\", {\n          key: header.text,\n          class: _normalizeClass([{\n          'ds-cursor-pointer': header.clickable,\n          'ds-pointer-events-none ds-text-black/40': header.disabled,\n          'ds-text-primary-t': i < value.value,\n          'after:ds-border-1 after:content-[``] ds-flex-auto after:ds-mx-3 after:ds-h-1 after:ds-w-full after:ds-border-b after:ds-border-gray-200':\n            i < _ctx.headers.length - 1,\n        }, \"ds-flex ds-items-center ds-whitespace-nowrap ds-text-sm ds-font-medium\"]),\n          onClick: ($event: any) => (onClickStepperHeader(header, i))\n        }, [\n          _renderSlot(_ctx.$slots, `step-header-${i}`, {\n            text: header.text\n          }, () => [\n            _createTextVNode(_toDisplayString(header.text), 1)\n          ])\n        ], 10, _hoisted_2))\n      }), 128))\n    ]),\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (step, i) => {\n      return (_openBlock(), _createElementBlock(\"div\", {\n        key: step.text,\n        class: _normalizeClass({\n        'ds-hidden': value.value !== i,\n      })\n      }, [\n        _renderSlot(_ctx.$slots, `step-content-${i}`)\n      ], 2))\n    }), 128))\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","emit","props","value","computed","val","onClickStepperHeader","header","index","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_Fragment","_renderList","i","_normalizeClass","$event","_renderSlot","_createTextVNode","_toDisplayString","step"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,aACtBC,IAAa,CAAC,SAAS,GAkBDC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS,CAAC;AAAA,IACV,YAAY,CAAC;AAAA,EACf;AAAA,EACA,OAAO,CAAC,mBAAmB;AAAA,EAC3B,MAAMC,GAAc,EAAE,MAAAC,KAAQ;AAEhC,UAAMC,IAAQF,GAURG,IAAQC,EAAS;AAAA,MACrB,MAAM;AACJ,eAAOF,EAAM;AAAA,MACf;AAAA,MACA,IAAIG,GAAK;AACP,QAAAJ,EAAK,qBAAqBI,CAAG;AAAA,MAC/B;AAAA,IAAA,CACD,GAIKC,IAAuB,CAACC,GAAwBC,MAAkB;AAClE,MAACD,EAAO,cAGZJ,EAAM,QAAQK;AAAA,IAAA;AAIT,WAAA,CAACC,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAO,MAAM;AAAA,MACrDC,EAAoB,MAAMjB,GAAY;AAAA,SACnCe,EAAW,EAAI,GAAGC,EAAoBE,GAAW,MAAMC,EAAYb,EAAM,SAAS,CAACK,GAAQS,OAClFL,EAAA,GAAcC,EAAoB,MAAM;AAAA,UAC9C,KAAKL,EAAO;AAAA,UACZ,OAAOU,EAAgB,CAAC;AAAA,YACxB,qBAAqBV,EAAO;AAAA,YAC5B,2CAA2CA,EAAO;AAAA,YAClD,qBAAqBS,IAAIb,EAAM;AAAA,YAC/B,2IACEa,IAAIP,EAAK,QAAQ,SAAS;AAAA,UAC9B,GAAG,wEAAwE,CAAC;AAAA,UAC1E,SAAS,CAACS,MAAiBZ,EAAqBC,GAAQS,CAAC;AAAA,QAAA,GACxD;AAAA,UACDG,EAAYV,EAAK,QAAQ,eAAeO,CAAC,IAAI;AAAA,YAC3C,MAAMT,EAAO;AAAA,UAAA,GACZ,MAAM;AAAA,YACPa,EAAiBC,EAAiBd,EAAO,IAAI,GAAG,CAAC;AAAA,UAAA,CAClD;AAAA,QAAA,GACA,IAAIV,CAAU,EAClB,GAAG,GAAG;AAAA,MAAA,CACR;AAAA,OACAc,EAAW,EAAI,GAAGC,EAAoBE,GAAW,MAAMC,EAAYN,EAAK,SAAS,CAACa,GAAMN,OAC/EL,EAAA,GAAcC,EAAoB,OAAO;AAAA,QAC/C,KAAKU,EAAK;AAAA,QACV,OAAOL,EAAgB;AAAA,UACvB,aAAad,EAAM,UAAUa;AAAA,QAAA,CAC9B;AAAA,MAAA,GACE;AAAA,QACDG,EAAYV,EAAK,QAAQ,gBAAgBO,CAAC,EAAE;AAAA,SAC3C,CAAC,EACL,GAAG,GAAG;AAAA,IAAA,CACR;AAAA,EAEH;AAEA,CAAC;"}

package/dist/design-system26.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system52.js");require("./design-system53.js");const r=require("./design-system54.js"),t=r(e,[["__scopeId","data-v-826818c4"]]);module.exports=t;
+"use strict";const e=require("./design-system53.js");require("./design-system54.js");const r=require("./design-system55.js"),t=r(e,[["__scopeId","data-v-826818c4"]]);module.exports=t;
 //# sourceMappingURL=design-system26.js.map

package/dist/design-system26.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system52.mjs";
-import "./design-system53.mjs";
-import r from "./design-system54.mjs";
+import o from "./design-system53.mjs";
+import "./design-system54.mjs";
+import r from "./design-system55.mjs";
 const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-826818c4"]]);
 export {
   p as default

package/dist/design-system27.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue");require("./design-system55.js");require("./design-system56.js");const t=require("./design-system54.js"),s={},c={class:"carousel-item"};function n(r,u){return e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(s,[["render",n],["__scopeId","data-v-a82242b4"]]);module.exports=o;
+"use strict";const e=require("vue");require("./design-system56.js");require("./design-system57.js");const t=require("./design-system55.js"),s={},c={class:"carousel-item"};function n(r,u){return e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(s,[["render",n],["__scopeId","data-v-a82242b4"]]);module.exports=o;
 //# sourceMappingURL=design-system27.js.map

package/dist/design-system27.mjs

@@ -1,7 +1,7 @@
 import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
-import "./design-system55.mjs";
 import "./design-system56.mjs";
-import c from "./design-system54.mjs";
+import "./design-system57.mjs";
+import c from "./design-system55.mjs";
 const s = {}, n = { class: "carousel-item" };
 function a(e, d) {
   return t(), o("div", n, [

package/dist/design-system28.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system57.js");require("./design-system58.js");const r=require("./design-system54.js"),t=r(e,[["__scopeId","data-v-307dab6f"]]);module.exports=t;
+"use strict";const e=require("./design-system58.js");require("./design-system59.js");const r=require("./design-system55.js"),t=r(e,[["__scopeId","data-v-abb2020f"]]);module.exports=t;
 //# sourceMappingURL=design-system28.js.map

package/dist/design-system28.mjs

@@ -1,7 +1,7 @@
-import o from "./design-system57.mjs";
-import "./design-system58.mjs";
-import t from "./design-system54.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-307dab6f"]]);
+import o from "./design-system58.mjs";
+import "./design-system59.mjs";
+import t from "./design-system55.mjs";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-abb2020f"]]);
 export {
   m as default
 };

package/dist/design-system29.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system54.js"),n={},o={class:"ds-rounded-lg ds-bg-white ds-p-2 ds-shadow"};function r(s,d){return e.openBlock(),e.createElementBlock("ul",o,[e.renderSlot(s.$slots,"default")])}const c=t(n,[["render",r]]);module.exports=c;
+"use strict";const e=require("vue"),t=require("./design-system55.js"),n={},o={class:"ds-rounded-lg ds-bg-white ds-p-2 ds-shadow"};function r(s,d){return e.openBlock(),e.createElementBlock("ul",o,[e.renderSlot(s.$slots,"default")])}const c=t(n,[["render",r]]);module.exports=c;
 //# sourceMappingURL=design-system29.js.map

package/dist/design-system29.mjs

@@ -1,5 +1,5 @@
 import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
-import s from "./design-system54.mjs";
+import s from "./design-system55.mjs";
 const n = {}, d = { class: "ds-rounded-lg ds-bg-white ds-p-2 ds-shadow" };
 function c(e, l) {
   return o(), t("ul", d, [

package/dist/design-system32.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system66.js");require("./design-system67.js");const r=require("./design-system54.js"),t=r(e,[["__scopeId","data-v-31348ccc"]]);module.exports=t;
+"use strict";const e=require("./design-system67.js");require("./design-system68.js");const r=require("./design-system55.js"),t=r(e,[["__scopeId","data-v-31348ccc"]]);module.exports=t;
 //# sourceMappingURL=design-system32.js.map

package/dist/design-system32.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system66.mjs";
-import "./design-system67.mjs";
-import r from "./design-system54.mjs";
+import o from "./design-system67.mjs";
+import "./design-system68.mjs";
+import r from "./design-system55.mjs";
 const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-31348ccc"]]);
 export {
   m as default

package/dist/design-system33.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system68.js");require("./design-system69.js");const r=require("./design-system54.js"),t=r(e,[["__scopeId","data-v-c49c635e"]]);module.exports=t;
+"use strict";const e=require("./design-system69.js");require("./design-system70.js");const r=require("./design-system55.js"),t=r(e,[["__scopeId","data-v-c49c635e"]]);module.exports=t;
 //# sourceMappingURL=design-system33.js.map

package/dist/design-system33.mjs

@@ -1,6 +1,6 @@
-import o from "./design-system68.mjs";
-import "./design-system69.mjs";
-import r from "./design-system54.mjs";
+import o from "./design-system69.mjs";
+import "./design-system70.mjs";
+import r from "./design-system55.mjs";
 const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c49c635e"]]);
 export {
   e as default

package/dist/design-system34.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system54.js"),o={},s={class:"ds-p-4"};function c(r,l){return e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(r.$slots,"default")])}const n=t(o,[["render",c]]);module.exports=n;
+"use strict";const e=require("vue"),t=require("./design-system55.js"),o={},s={class:"ds-p-4"};function c(r,l){return e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(r.$slots,"default")])}const n=t(o,[["render",c]]);module.exports=n;
 //# sourceMappingURL=design-system34.js.map

package/dist/design-system34.mjs

@@ -1,5 +1,5 @@
 import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
-import c from "./design-system54.mjs";
+import c from "./design-system55.mjs";
 const s = {}, n = { class: "ds-p-4" };
 function d(e, l) {
   return o(), t("div", n, [

package/dist/design-system35.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system54.js"),r={},n={class:"ds-flex ds-items-center ds-justify-end ds-rounded-b-lg ds-p-4"};function o(s,d){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(s.$slots,"default")])}const c=t(r,[["render",o]]);module.exports=c;
+"use strict";const e=require("vue"),t=require("./design-system55.js"),r={},n={class:"ds-flex ds-items-center ds-justify-end ds-rounded-b-lg ds-p-4"};function o(s,d){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(s.$slots,"default")])}const c=t(r,[["render",o]]);module.exports=c;
 //# sourceMappingURL=design-system35.js.map

package/dist/design-system35.mjs

@@ -1,5 +1,5 @@
 import { openBlock as o, createElementBlock as t, renderSlot as s } from "vue";
-import r from "./design-system54.mjs";
+import r from "./design-system55.mjs";
 const d = {}, n = { class: "ds-flex ds-items-center ds-justify-end ds-rounded-b-lg ds-p-4" };
 function c(e, l) {
   return o(), t("div", n, [

package/dist/design-system36.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system54.js"),r={},n={class:"ds-flex ds-items-start ds-justify-between ds-rounded-t-lg ds-p-4"};function o(s,d){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(s.$slots,"default")])}const c=t(r,[["render",o]]);module.exports=c;
+"use strict";const e=require("vue"),t=require("./design-system55.js"),r={},n={class:"ds-flex ds-items-start ds-justify-between ds-rounded-t-lg ds-p-4"};function o(s,d){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(s.$slots,"default")])}const c=t(r,[["render",o]]);module.exports=c;
 //# sourceMappingURL=design-system36.js.map

package/dist/design-system36.mjs

@@ -1,5 +1,5 @@
 import { openBlock as t, createElementBlock as s, renderSlot as o } from "vue";
-import r from "./design-system54.mjs";
+import r from "./design-system55.mjs";
 const d = {}, n = { class: "ds-flex ds-items-start ds-justify-between ds-rounded-t-lg ds-p-4" };
 function c(e, l) {
   return t(), s("div", n, [

package/dist/design-system37.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),r=require("./design-system54.js"),t={},d={class:"ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm"};function o(s,c){return e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(s.$slots,"default")])}const l=r(t,[["render",o]]);module.exports=l;
+"use strict";const e=require("vue"),r=require("./design-system55.js"),t={},d={class:"ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm"};function o(s,c){return e.openBlock(),e.createElementBlock("div",d,[e.renderSlot(s.$slots,"default")])}const l=r(t,[["render",o]]);module.exports=l;
 //# sourceMappingURL=design-system37.js.map

package/dist/design-system37.mjs

@@ -1,5 +1,5 @@
 import { openBlock as s, createElementBlock as d, renderSlot as t } from "vue";
-import o from "./design-system54.mjs";
+import o from "./design-system55.mjs";
 const r = {}, l = { class: "ds-fixed ds-left-0 ds-right-0 ds-top-0 ds-z-[100] ds-flex ds-h-full ds-w-full ds-items-center ds-justify-center ds-overflow-y-auto ds-overflow-x-hidden ds-bg-black/[0.65] ds-backdrop-blur-sm" };
 function c(e, f) {
   return s(), d("div", l, [

package/dist/design-system38.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue");require("./design-system76.js");const t=require("./design-system54.js"),c={},n={class:"tab"};function s(r,u){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(c,[["render",s],["__scopeId","data-v-797a82dc"]]);module.exports=o;
+"use strict";const e=require("./design-system75.js");require("./design-system76.js");const r=require("./design-system55.js"),t=r(e,[["__scopeId","data-v-9fff80f3"]]);module.exports=t;
 //# sourceMappingURL=design-system38.js.map

package/dist/design-system38.mjs

@@ -1,14 +1,8 @@
-import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
+import o from "./design-system75.mjs";
 import "./design-system76.mjs";
-import c from "./design-system54.mjs";
-const n = {}, s = { class: "tab" };
-function a(e, d) {
-  return t(), o("div", s, [
-    r(e.$slots, "default", {}, void 0, !0)
-  ]);
-}
-const l = /* @__PURE__ */ c(n, [["render", a], ["__scopeId", "data-v-797a82dc"]]);
+import f from "./design-system55.mjs";
+const m = /* @__PURE__ */ f(o, [["__scopeId", "data-v-9fff80f3"]]);
 export {
-  l as default
+  m as default
 };
 //# sourceMappingURL=design-system38.mjs.map

package/dist/design-system38.mjs.map

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

package/dist/design-system39.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system77.js");require("./design-system78.js");const r=require("./design-system54.js"),t=r(e,[["__scopeId","data-v-646ae8c4"]]);module.exports=t;
+"use strict";const e=require("vue");require("./design-system78.js");const t=require("./design-system55.js"),c={},n={class:"tab"};function s(r,u){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(r.$slots,"default",{},void 0,!0)])}const o=t(c,[["render",s],["__scopeId","data-v-797a82dc"]]);module.exports=o;
 //# sourceMappingURL=design-system39.js.map

package/dist/design-system39.mjs

@@ -1,8 +1,14 @@
-import o from "./design-system77.mjs";
+import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
 import "./design-system78.mjs";
-import t from "./design-system54.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-646ae8c4"]]);
+import c from "./design-system55.mjs";
+const n = {}, s = { class: "tab" };
+function a(e, d) {
+  return t(), o("div", s, [
+    r(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const l = /* @__PURE__ */ c(n, [["render", a], ["__scopeId", "data-v-797a82dc"]]);
 export {
-  p as default
+  l as default
 };
 //# sourceMappingURL=design-system39.mjs.map

package/dist/design-system39.mjs.map

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

package/dist/design-system40.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system80.js");require("./design-system81.js");const t=require("./design-system54.js"),r=t(e,[["__scopeId","data-v-d47b93d4"]]);module.exports=r;
+"use strict";const e=require("./design-system79.js");require("./design-system80.js");const r=require("./design-system55.js"),t=r(e,[["__scopeId","data-v-646ae8c4"]]);module.exports=t;
 //# sourceMappingURL=design-system40.js.map

package/dist/design-system40.mjs

@@ -1,8 +1,8 @@
-import o from "./design-system80.mjs";
-import "./design-system81.mjs";
-import t from "./design-system54.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d47b93d4"]]);
+import o from "./design-system79.mjs";
+import "./design-system80.mjs";
+import t from "./design-system55.mjs";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-646ae8c4"]]);
 export {
-  m as default
+  p as default
 };
 //# sourceMappingURL=design-system40.mjs.map