@7pmlabs/design-system 0.4.17 → 0.5.0

package/dist/design-system26.mjs

@@ -1,8 +1,147 @@
-import o from "./design-system56.mjs";
-import "./design-system57.mjs";
-import r from "./design-system58.mjs";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-826818c4"]]);
+import { defineComponent as x, ref as d, computed as b, onMounted as z, nextTick as M, onUnmounted as W, openBlock as a, createElementBlock as i, normalizeClass as S, Fragment as g, renderList as D, renderSlot as f, createElementVNode as r, toDisplayString as y, withDirectives as R, vShow as B, createBlock as I, Teleport as N, createCommentVNode as T } from "vue";
+import V from "./design-system102.mjs";
+const F = ["href", "title"], P = {
+  "aria-hidden": "true",
+  class: "ds-pl-2"
+}, U = /* @__PURE__ */ r("svg", {
+  class: "ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4",
+  viewBox: "0 0 320 512",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ r("path", { d: "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" })
+], -1), j = ["id"], q = ["href", "title"], A = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "ds-pl-2"
+}, G = /* @__PURE__ */ r("svg", {
+  class: "ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4",
+  viewBox: "0 0 320 512",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ r("path", { d: "M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z" })
+], -1), K = /* @__PURE__ */ x({
+  __name: "BBreadcrumb",
+  props: {
+    items: { default: () => [] }
+  },
+  setup($) {
+    const C = $, u = d(!1), c = d(null), h = d(null), v = d(null), m = d(null), t = d([]), w = new ResizeObserver(() => {
+      if (t.value.length <= 1)
+        return;
+      const s = c.value.clientWidth, n = v.value[0].clientWidth;
+      for (let e = 1; e < t.value.length && t.value.reduce(
+        (l, o) => o.hidden ? l : l + o.width,
+        0
+      ) + n > s; e++)
+        t.value[e].hidden = !0;
+      for (let e = t.value.length - 1; e >= 1; e--)
+        if (t.value[e].hidden)
+          if (t.value.reduce(
+            (l, o) => o.hidden ? l : l + o.width,
+            0
+          ) + t.value[e].width + n <= s)
+            t.value[e].hidden = !1;
+          else
+            break;
+    }), p = b(() => t.value.some((s) => s.hidden)), k = b(() => `menu-id-${V()}`), E = () => {
+      console.log("..."), u.value = !u.value;
+    }, L = () => {
+      document.addEventListener("click", _);
+    }, O = () => {
+      document.removeEventListener("click", _);
+    }, _ = (s) => {
+      [v.value[0], m.value[0]].some((l) => s.composedPath().includes(l)) || (u.value = !1);
+    };
+    return z(() => {
+      L(), w.observe(c.value), t.value = C.items.map(
+        (s) => ({
+          ...s,
+          hidden: !1,
+          width: 0
+        })
+      ), M(() => {
+        t.value.forEach((s, n) => {
+          s.width = h.value[n].clientWidth;
+        });
+      });
+    }), W(() => {
+      O(), w.unobserve(c.value);
+    }), (s, n) => (a(), i("ul", {
+      ref_key: "ulRef",
+      ref: c,
+      class: S([{ collapsed: p.value }, "ds-relative ds-flex"])
+    }, [
+      (a(!0), i(g, null, D(t.value, (e, l) => {
+        var o;
+        return a(), i(g, {
+          key: `item${e.text}`
+        }, [
+          l === 0 ? (a(), i("li", {
+            key: 0,
+            ref_for: !0,
+            ref_key: "liRefs",
+            ref: h,
+            class: "ds-whitespace-nowrap ds-text-black/[0.85]"
+          }, [
+            f(s.$slots, `item-${l}`, { item: e }, () => [
+              r("a", {
+                href: e.href,
+                title: e.href
+              }, y(e.text), 9, F)
+            ]),
+            r("span", P, [
+              f(s.$slots, `separator-${l}`, { item: e }, () => [
+                U
+              ])
+            ]),
+            R(r("button", {
+              ref_for: !0,
+              ref_key: "ellipsisRefs",
+              ref: v,
+              class: "ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t",
+              onClick: E
+            }, " ... ", 512), [
+              [B, p.value]
+            ]),
+            R(r("ul", {
+              id: k.value,
+              ref_for: !0,
+              ref_key: "menuRefs",
+              ref: m,
+              class: "ds-absolute ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow"
+            }, null, 8, j), [
+              [B, p.value && u.value]
+            ])
+          ], 512)) : (a(), I(N, {
+            key: 1,
+            disabled: !e.hidden,
+            to: `#${k.value}`
+          }, [
+            r("li", {
+              ref_for: !0,
+              ref_key: "liRefs",
+              ref: h,
+              class: "ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]"
+            }, [
+              f(s.$slots, `item-${l}`, { item: e }, () => [
+                r("a", {
+                  href: e.href,
+                  title: e.href
+                }, y(e.text), 9, q)
+              ]),
+              l < ((o = s.items) == null ? void 0 : o.length) - 1 ? (a(), i("span", A, [
+                f(s.$slots, `separator-${l}`, { item: e }, () => [
+                  G
+                ])
+              ])) : T("", !0)
+            ], 512)
+          ], 8, ["disabled", "to"]))
+        ], 64);
+      }), 128))
+    ], 2));
+  }
+});
 export {
-  p as default
+  K as default
 };
 //# sourceMappingURL=design-system26.mjs.map

package/dist/design-system26.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system26.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"design-system26.mjs","sources":["../src/components/BBreadcrumb.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, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode, Teleport as _Teleport, createBlock as _createBlock, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = [\"href\", \"title\"]\nconst _hoisted_2 = {\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n], -1)\nconst _hoisted_4 = [\"id\"]\nconst _hoisted_5 = [\"href\", \"title\"]\nconst _hoisted_6 = {\n  key: 0,\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_7 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  class: \"ds-mb-0.5 ds-inline-block ds-h-4 ds-w-4\",\n  viewBox: \"0 0 320 512\",\n  xmlns: \"http://www.w3.org/2000/svg\"\n}, [\n  /*#__PURE__*/_createElementVNode(\"path\", { d: \"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\" })\n], -1)\n\nimport { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport type { BBreadcrumbItem } from '@/types';\n\ninterface BBreadcrumbItemInternal extends BBreadcrumbItem {\n  hidden: boolean;\n  width: number;\n}\n\n//#region Props\nexport interface BBreadcrumbProps {\n  /**\n   * Array of breadcrumb items.\n   */\n  items?: BBreadcrumbItem[];\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BBreadcrumb',\n  props: {\n    items: { default: () => [] }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst collapsedBreadcrumbMenu = ref(false);\nconst ulRef = ref<HTMLUListElement | null>(null);\nconst liRefs = ref<HTMLLIElement[] | null>(null);\nconst ellipsisRefs = ref<HTMLSpanElement[] | null>(null);\nconst menuRefs = ref<HTMLUListElement[] | null>(null);\nconst breadcrumbItems = ref<BBreadcrumbItemInternal[]>([]);\nconst resizeObserver = new ResizeObserver(() => {\n  if (breadcrumbItems.value.length <= 1) {\n    return;\n  }\n\n  const ulRefWidth = ulRef.value!.clientWidth;\n  const ellipsisRefWidth = ellipsisRefs.value![0].clientWidth;\n\n  for (let i = 1; i < breadcrumbItems.value.length; i++) {\n    if (\n      breadcrumbItems.value.reduce(\n        (acc, item) => (!item.hidden ? acc + item.width : acc),\n        0,\n      ) +\n        ellipsisRefWidth >\n      ulRefWidth\n    ) {\n      breadcrumbItems.value[i].hidden = true;\n    } else {\n      break;\n    }\n  }\n\n  for (let i = breadcrumbItems.value.length - 1; i >= 1; i--) {\n    if (breadcrumbItems.value[i].hidden) {\n      if (\n        breadcrumbItems.value.reduce(\n          (acc, item) => (!item.hidden ? acc + item.width : acc),\n          0,\n        ) +\n          breadcrumbItems.value[i].width +\n          ellipsisRefWidth <=\n        ulRefWidth\n      ) {\n        breadcrumbItems.value[i].hidden = false;\n      } else {\n        break;\n      }\n    }\n  }\n});\nconst isCollapsed = computed(() => breadcrumbItems.value.some((i) => i.hidden));\nconst menuId = computed(() => `menu-id-${uuid()}`);\n//#region\n\n//#region Methods\nconst toggleCollapedBreadcrumbMenu = () => {\n  console.log('...');\n  collapsedBreadcrumbMenu.value = !collapsedBreadcrumbMenu.value;\n};\nconst initClickOutsideEventListener = () => {\n  document.addEventListener('click', closeOnClickOutside);\n};\nconst removeClickOutsideEventListener = () => {\n  document.removeEventListener('click', closeOnClickOutside);\n};\nconst closeOnClickOutside = (event: any) => {\n  const refs = [ellipsisRefs.value![0], menuRefs.value![0]];\n  const withinBoundaries = refs.some((r) => event.composedPath().includes(r));\n  if (!withinBoundaries) {\n    collapsedBreadcrumbMenu.value = false;\n  }\n};\n//#region\n\n//#region Lifecycle hooks\nonMounted(() => {\n  initClickOutsideEventListener();\n  resizeObserver.observe(ulRef.value!);\n\n  breadcrumbItems.value = props.items.map(\n    (item) =>\n      ({\n        ...item,\n        hidden: false,\n        width: 0,\n      }) as BBreadcrumbItemInternal,\n  );\n  nextTick(() => {\n    breadcrumbItems.value.forEach((item, index) => {\n      item.width = liRefs.value![index].clientWidth;\n    });\n  });\n});\nonUnmounted(() => {\n  removeClickOutsideEventListener();\n  resizeObserver.unobserve(ulRef.value!);\n});\n//#region\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"ul\", {\n    ref_key: \"ulRef\",\n    ref: ulRef,\n    class: _normalizeClass([{ collapsed: isCollapsed.value }, \"ds-relative ds-flex\"])\n  }, [\n    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(breadcrumbItems.value, (item, index) => {\n      return (_openBlock(), _createElementBlock(_Fragment, {\n        key: `item${item.text}`\n      }, [\n        (index === 0)\n          ? (_openBlock(), _createElementBlock(\"li\", {\n              key: 0,\n              ref_for: true,\n              ref_key: \"liRefs\",\n              ref: liRefs,\n              class: \"ds-whitespace-nowrap ds-text-black/[0.85]\"\n            }, [\n              _renderSlot(_ctx.$slots, `item-${index}`, { item: item }, () => [\n                _createElementVNode(\"a\", {\n                  href: item.href,\n                  title: item.href\n                }, _toDisplayString(item.text), 9, _hoisted_1)\n              ]),\n              _createElementVNode(\"span\", _hoisted_2, [\n                _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                  _hoisted_3\n                ])\n              ]),\n              _withDirectives(_createElementVNode(\"button\", {\n                ref_for: true,\n                ref_key: \"ellipsisRefs\",\n                ref: ellipsisRefs,\n                class: \"ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t\",\n                onClick: toggleCollapedBreadcrumbMenu\n              }, \" ... \", 512), [\n                [_vShow, isCollapsed.value]\n              ]),\n              _withDirectives(_createElementVNode(\"ul\", {\n                id: menuId.value,\n                ref_for: true,\n                ref_key: \"menuRefs\",\n                ref: menuRefs,\n                class: \"ds-absolute ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow\"\n              }, null, 8, _hoisted_4), [\n                [_vShow, isCollapsed.value && collapsedBreadcrumbMenu.value]\n              ])\n            ], 512))\n          : (_openBlock(), _createBlock(_Teleport, {\n              key: 1,\n              disabled: !item.hidden,\n              to: `#${menuId.value}`\n            }, [\n              _createElementVNode(\"li\", {\n                ref_for: true,\n                ref_key: \"liRefs\",\n                ref: liRefs,\n                class: \"ds-whitespace-nowrap ds-pl-2 ds-text-black/[0.85]\"\n              }, [\n                _renderSlot(_ctx.$slots, `item-${index}`, { item: item }, () => [\n                  _createElementVNode(\"a\", {\n                    href: item.href,\n                    title: item.href\n                  }, _toDisplayString(item.text), 9, _hoisted_5)\n                ]),\n                (index < _ctx.items?.length - 1)\n                  ? (_openBlock(), _createElementBlock(\"span\", _hoisted_6, [\n                      _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                        _hoisted_7\n                      ])\n                    ]))\n                  : _createCommentVNode(\"\", true)\n              ], 512)\n            ], 8, [\"disabled\", \"to\"]))\n      ], 64))\n    }), 128))\n  ], 2))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_sfc_main","_defineComponent","__props","props","collapsedBreadcrumbMenu","ref","ulRef","liRefs","ellipsisRefs","menuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","menuId","uuid","toggleCollapedBreadcrumbMenu","initClickOutsideEventListener","closeOnClickOutside","removeClickOutsideEventListener","event","r","onMounted","nextTick","index","onUnmounted","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_renderSlot","_toDisplayString","_withDirectives","_vShow","_createBlock","_Teleport","_a","_createCommentVNode"],"mappings":"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"}

package/dist/design-system27.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue");require("./design-system59.js");require("./design-system60.js");const t=require("./design-system58.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("./design-system54.js");require("./design-system55.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-826818c4"]]);module.exports=t;
 //# sourceMappingURL=design-system27.js.map

package/dist/design-system27.mjs

@@ -1,15 +1,8 @@
-import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
-import "./design-system59.mjs";
-import "./design-system60.mjs";
-import c from "./design-system58.mjs";
-const s = {}, n = { class: "carousel-item" };
-function a(e, d) {
-  return t(), o("div", n, [
-    r(e.$slots, "default", {}, void 0, !0)
-  ]);
-}
-const f = /* @__PURE__ */ c(s, [["render", a], ["__scopeId", "data-v-a82242b4"]]);
+import o from "./design-system54.mjs";
+import "./design-system55.mjs";
+import r from "./design-system56.mjs";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-826818c4"]]);
 export {
-  f as default
+  p as default
 };
 //# sourceMappingURL=design-system27.mjs.map

package/dist/design-system27.mjs.map

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

package/dist/design-system28.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system61.js");require("./design-system62.js");const r=require("./design-system58.js"),t=r(e,[["__scopeId","data-v-2082b68c"]]);module.exports=t;
+"use strict";const e=require("vue");require("./design-system57.js");require("./design-system58.js");const t=require("./design-system56.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-system28.js.map

package/dist/design-system28.mjs

@@ -1,8 +1,15 @@
-import o from "./design-system61.mjs";
-import "./design-system62.mjs";
-import t from "./design-system58.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2082b68c"]]);
+import { openBlock as t, createElementBlock as o, renderSlot as r } from "vue";
+import "./design-system57.mjs";
+import "./design-system58.mjs";
+import c from "./design-system56.mjs";
+const s = {}, n = { class: "carousel-item" };
+function a(e, d) {
+  return t(), o("div", n, [
+    r(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const f = /* @__PURE__ */ c(s, [["render", a], ["__scopeId", "data-v-a82242b4"]]);
 export {
-  p as default
+  f as default
 };
 //# sourceMappingURL=design-system28.mjs.map

package/dist/design-system28.mjs.map

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

package/dist/design-system29.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system58.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("./design-system59.js");require("./design-system60.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-2082b68c"]]);module.exports=t;
 //# sourceMappingURL=design-system29.js.map

package/dist/design-system29.mjs

@@ -1,13 +1,8 @@
-import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
-import s from "./design-system58.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, [
-    r(e.$slots, "default")
-  ]);
-}
-const f = /* @__PURE__ */ s(n, [["render", c]]);
+import o from "./design-system59.mjs";
+import "./design-system60.mjs";
+import t from "./design-system56.mjs";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2082b68c"]]);
 export {
-  f as default
+  p as default
 };
 //# sourceMappingURL=design-system29.mjs.map

package/dist/design-system29.mjs.map

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

package/dist/design-system30.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),n={class:"ds-min-h-[1rem]"},c={key:0,class:"ds-text-xs ds-text-red-500"},a=e.defineComponent({__name:"BErrorMessage",props:{errorMessage:{type:[String,Function],default:""}},setup(o){const t=o,s=e.computed(()=>typeof t.errorMessage=="function"?t.errorMessage():t.errorMessage);return(r,l)=>(e.openBlock(),e.createElementBlock("div",n,[s.value||r.$slots.default?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(s.value),1)])])):e.createCommentVNode("",!0)]))}});module.exports=a;
+"use strict";const e=require("vue"),t=require("./design-system56.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-system30.js.map

package/dist/design-system30.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system30.js","sources":["../src/components/BErrorMessage.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-min-h-[1rem]\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-text-xs ds-text-red-500\"\n}\n\nimport type { ErrorMessageFunction } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BErrorMessageProps {\n  /**\n   * A text or a function returning a text.\n   */\n  errorMessage?: string | ErrorMessageFunction;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BErrorMessage',\n  props: {\n    errorMessage: { type: [String, Function], default: '' }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst message = computed(() =>\n  typeof props.errorMessage === 'function'\n    ? props.errorMessage()\n    : props.errorMessage,\n);\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (message.value || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(message.value), 1)\n          ])\n        ]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","message","computed","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"oCAGMA,EAAa,CAAE,MAAO,mBACtBC,EAAa,CACjB,IAAK,EACL,MAAO,4BACT,EAc4BC,EAAiBC,kBAAA,CAC3C,OAAQ,gBACR,MAAO,CACL,aAAc,CAAE,KAAM,CAAC,OAAQ,QAAQ,EAAG,QAAS,EAAG,CACxD,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAMRE,EAAUC,EAAA,SAAS,IACvB,OAAOF,EAAM,cAAiB,WAC1BA,EAAM,aAAA,EACNA,EAAM,YAAA,EAIL,MAAA,CAACG,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOX,EAAY,CAC1DM,EAAQ,OAASE,EAAK,OAAO,SACzBE,EAAAA,YAAcC,EAAAA,mBAAoB,MAAOV,EAAY,CACpDW,EAAAA,WAAYJ,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CK,EAAAA,gBAAiBC,EAAAA,gBAAiBR,EAAQ,KAAK,EAAG,CAAC,CAAA,CACpD,CAAA,CACF,GACDS,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EAEH,CAEA,CAAC"}
+{"version":3,"file":"design-system30.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/design-system30.mjs

@@ -1,26 +1,13 @@
-import { defineComponent as a, computed as c, openBlock as r, createElementBlock as o, renderSlot as d, createTextVNode as l, toDisplayString as i, createCommentVNode as p } from "vue";
-const u = { class: "ds-min-h-[1rem]" }, m = {
-  key: 0,
-  class: "ds-text-xs ds-text-red-500"
-}, _ = /* @__PURE__ */ a({
-  __name: "BErrorMessage",
-  props: {
-    errorMessage: { type: [String, Function], default: "" }
-  },
-  setup(n) {
-    const e = n, t = c(
-      () => typeof e.errorMessage == "function" ? e.errorMessage() : e.errorMessage
-    );
-    return (s, f) => (r(), o("div", u, [
-      t.value || s.$slots.default ? (r(), o("div", m, [
-        d(s.$slots, "default", {}, () => [
-          l(i(t.value), 1)
-        ])
-      ])) : p("", !0)
-    ]));
-  }
-});
+import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
+import s from "./design-system56.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, [
+    r(e.$slots, "default")
+  ]);
+}
+const f = /* @__PURE__ */ s(n, [["render", c]]);
 export {
-  _ as default
+  f as default
 };
 //# sourceMappingURL=design-system30.mjs.map

package/dist/design-system30.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system30.mjs","sources":["../src/components/BErrorMessage.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-min-h-[1rem]\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-text-xs ds-text-red-500\"\n}\n\nimport type { ErrorMessageFunction } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BErrorMessageProps {\n  /**\n   * A text or a function returning a text.\n   */\n  errorMessage?: string | ErrorMessageFunction;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BErrorMessage',\n  props: {\n    errorMessage: { type: [String, Function], default: '' }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\n//#region Data\nconst message = computed(() =>\n  typeof props.errorMessage === 'function'\n    ? props.errorMessage()\n    : props.errorMessage,\n);\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (message.value || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(message.value), 1)\n          ])\n        ]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","message","computed","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,qBACtBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAc4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,cAAc,EAAE,MAAM,CAAC,QAAQ,QAAQ,GAAG,SAAS,GAAG;AAAA,EACxD;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAMRE,IAAUC;AAAA,MAAS,MACvB,OAAOF,EAAM,gBAAiB,aAC1BA,EAAM,aAAA,IACNA,EAAM;AAAA,IAAA;AAIL,WAAA,CAACG,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOX,GAAY;AAAA,MAC1DM,EAAQ,SAASE,EAAK,OAAO,WACzBE,KAAcC,EAAoB,OAAOV,GAAY;AAAA,QACpDW,EAAYJ,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CK,EAAiBC,EAAiBR,EAAQ,KAAK,GAAG,CAAC;AAAA,QAAA,CACpD;AAAA,MAAA,CACF,KACDS,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}
+{"version":3,"file":"design-system30.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/design-system31.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),s=require("./design-system4.js"),r=["for"],n={key:0,class:"ds-ml-1 ds-text-red-500"},a=e.defineComponent({__name:"BLabel",props:{id:{default:""},label:{default:""},required:{type:Boolean,default:!1}},setup(l){const t=l;return(o,d)=>t.label||o.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.id,class:"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500"},[e.createElementVNode("span",null,[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),t.required?(e.openBlock(),e.createElementBlock("span",n,e.toDisplayString(e.unref(s.RequiredSymbol)),1)):e.createCommentVNode("",!0)],8,r)):e.createCommentVNode("",!0)}});module.exports=a;
+"use strict";const e=require("vue"),n={class:"ds-min-h-[1rem]"},c={key:0,class:"ds-text-xs ds-text-red-500"},a=e.defineComponent({__name:"BErrorMessage",props:{errorMessage:{type:[String,Function],default:""}},setup(o){const t=o,s=e.computed(()=>typeof t.errorMessage=="function"?t.errorMessage():t.errorMessage);return(r,l)=>(e.openBlock(),e.createElementBlock("div",n,[s.value||r.$slots.default?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(s.value),1)])])):e.createCommentVNode("",!0)]))}});module.exports=a;
 //# sourceMappingURL=design-system31.js.map

package/dist/design-system31.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system31.js","sources":["../src/components/BLabel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-ml-1 ds-text-red-500\"\n}\n\nimport { RequiredSymbol } from '@/constants/Common';\n\n//#region Props\nexport interface BLabelProps {\n  id?: string;\n  label?: string;\n  /**\n   * Show \"*\" beside the label\n   */\n  required?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLabel',\n  props: {\n    id: { default: '' },\n    label: { default: '' },\n    required: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (props.label || _ctx.$slots.default)\n    ? (_openBlock(), _createElementBlock(\"label\", {\n        key: 0,\n        for: _ctx.id,\n        class: \"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500\"\n      }, [\n        _createElementVNode(\"span\", null, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ])\n        ]),\n        (props.required)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, _toDisplayString(_unref(RequiredSymbol)), 1))\n          : _createCommentVNode(\"\", true)\n      ], 8, _hoisted_1))\n    : _createCommentVNode(\"\", true)\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_unref","RequiredSymbol","_createCommentVNode"],"mappings":"qEAGMA,EAAa,CAAC,KAAK,EACnBC,EAAa,CACjB,IAAK,EACL,MAAO,yBACT,EAe4BC,EAAiBC,kBAAA,CAC3C,OAAQ,SACR,MAAO,CACL,GAAI,CAAE,QAAS,EAAG,EAClB,MAAO,CAAE,QAAS,EAAG,EACrB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAKP,MAAA,CAACE,EAAUC,IACRF,EAAM,OAASC,EAAK,OAAO,SAC9BE,EAAW,UAAA,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKH,EAAK,GACV,MAAO,2DAAA,EACN,CACDI,EAAA,mBAAoB,OAAQ,KAAM,CAChCC,EAAAA,WAAYL,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CM,EAAAA,gBAAiBC,EAAAA,gBAAiBR,EAAM,KAAK,EAAG,CAAC,CAAA,CAClD,CAAA,CACF,EACAA,EAAM,UACFG,EAAA,UAAA,EAAcC,EAAAA,mBAAoB,OAAQR,EAAYY,EAAAA,gBAAiBC,EAAAA,MAAOC,EAAAA,cAAc,CAAC,EAAG,CAAC,GAClGC,EAAA,mBAAoB,GAAI,EAAI,CAAA,EAC/B,EAAGhB,CAAU,GAChBgB,EAAA,mBAAoB,GAAI,EAAI,CAElC,CAEA,CAAC"}
+{"version":3,"file":"design-system31.js","sources":["../src/components/BErrorMessage.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-min-h-[1rem]\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-text-xs ds-text-red-500\"\n}\n\nimport type { ErrorMessageFunction } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BErrorMessageProps {\n  /**\n   * A text or a function returning a text.\n   */\n  errorMessage?: string | ErrorMessageFunction;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BErrorMessage',\n  props: {\n    errorMessage: { type: [String, Function], default: '' }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst message = computed(() =>\n  typeof props.errorMessage === 'function'\n    ? props.errorMessage()\n    : props.errorMessage,\n);\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (message.value || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(message.value), 1)\n          ])\n        ]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","message","computed","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"oCAGMA,EAAa,CAAE,MAAO,mBACtBC,EAAa,CACjB,IAAK,EACL,MAAO,4BACT,EAc4BC,EAAiBC,kBAAA,CAC3C,OAAQ,gBACR,MAAO,CACL,aAAc,CAAE,KAAM,CAAC,OAAQ,QAAQ,EAAG,QAAS,EAAG,CACxD,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAIRE,EAAUC,EAAA,SAAS,IACvB,OAAOF,EAAM,cAAiB,WAC1BA,EAAM,aAAA,EACNA,EAAM,YAAA,EAIL,MAAA,CAACG,EAAUC,KACRC,YAAW,EAAGC,qBAAoB,MAAOX,EAAY,CAC1DM,EAAQ,OAASE,EAAK,OAAO,SACzBE,EAAAA,YAAcC,EAAAA,mBAAoB,MAAOV,EAAY,CACpDW,EAAAA,WAAYJ,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CK,EAAAA,gBAAiBC,EAAAA,gBAAiBR,EAAQ,KAAK,EAAG,CAAC,CAAA,CACpD,CAAA,CACF,GACDS,EAAAA,mBAAoB,GAAI,EAAI,CAAA,CACjC,EAEH,CAEA,CAAC"}

package/dist/design-system31.mjs

@@ -1,32 +1,26 @@
-import { defineComponent as d, openBlock as o, createElementBlock as l, createElementVNode as n, renderSlot as u, createTextVNode as f, toDisplayString as s, unref as p, createCommentVNode as r } from "vue";
-import { RequiredSymbol as c } from "./design-system4.mjs";
-const i = ["for"], m = {
+import { defineComponent as a, computed as c, openBlock as r, createElementBlock as o, renderSlot as d, createTextVNode as l, toDisplayString as i, createCommentVNode as p } from "vue";
+const u = { class: "ds-min-h-[1rem]" }, m = {
   key: 0,
-  class: "ds-ml-1 ds-text-red-500"
-}, k = /* @__PURE__ */ d({
-  __name: "BLabel",
+  class: "ds-text-xs ds-text-red-500"
+}, _ = /* @__PURE__ */ a({
+  __name: "BErrorMessage",
   props: {
-    id: { default: "" },
-    label: { default: "" },
-    required: { type: Boolean, default: !1 }
+    errorMessage: { type: [String, Function], default: "" }
   },
-  setup(a) {
-    const e = a;
-    return (t, b) => e.label || t.$slots.default ? (o(), l("label", {
-      key: 0,
-      for: t.id,
-      class: "ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500"
-    }, [
-      n("span", null, [
-        u(t.$slots, "default", {}, () => [
-          f(s(e.label), 1)
+  setup(n) {
+    const e = n, t = c(
+      () => typeof e.errorMessage == "function" ? e.errorMessage() : e.errorMessage
+    );
+    return (s, f) => (r(), o("div", u, [
+      t.value || s.$slots.default ? (r(), o("div", m, [
+        d(s.$slots, "default", {}, () => [
+          l(i(t.value), 1)
         ])
-      ]),
-      e.required ? (o(), l("span", m, s(p(c)), 1)) : r("", !0)
-    ], 8, i)) : r("", !0);
+      ])) : p("", !0)
+    ]));
   }
 });
 export {
-  k as default
+  _ as default
 };
 //# sourceMappingURL=design-system31.mjs.map

package/dist/design-system31.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system31.mjs","sources":["../src/components/BLabel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-ml-1 ds-text-red-500\"\n}\n\nimport { RequiredSymbol } from '@/constants/Common';\n\n//#region Props\nexport interface BLabelProps {\n  id?: string;\n  label?: string;\n  /**\n   * Show \"*\" beside the label\n   */\n  required?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLabel',\n  props: {\n    id: { default: '' },\n    label: { default: '' },\n    required: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\n\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (props.label || _ctx.$slots.default)\n    ? (_openBlock(), _createElementBlock(\"label\", {\n        key: 0,\n        for: _ctx.id,\n        class: \"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500\"\n      }, [\n        _createElementVNode(\"span\", null, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ])\n        ]),\n        (props.required)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, _toDisplayString(_unref(RequiredSymbol)), 1))\n          : _createCommentVNode(\"\", true)\n      ], 8, _hoisted_1))\n    : _createCommentVNode(\"\", true)\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_unref","RequiredSymbol","_createCommentVNode"],"mappings":";;AAGA,MAAMA,IAAa,CAAC,KAAK,GACnBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAe4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,IAAI,EAAE,SAAS,GAAG;AAAA,IAClB,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD;AAKP,WAAA,CAACE,GAAUC,MACRF,EAAM,SAASC,EAAK,OAAO,WAC9BE,EAAW,GAAGC,EAAoB,SAAS;AAAA,MAC1C,KAAK;AAAA,MACL,KAAKH,EAAK;AAAA,MACV,OAAO;AAAA,IAAA,GACN;AAAA,MACDI,EAAoB,QAAQ,MAAM;AAAA,QAChCC,EAAYL,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CM,EAAiBC,EAAiBR,EAAM,KAAK,GAAG,CAAC;AAAA,QAAA,CAClD;AAAA,MAAA,CACF;AAAA,MACAA,EAAM,YACFG,EAAA,GAAcC,EAAoB,QAAQR,GAAYY,EAAiBC,EAAOC,CAAc,CAAC,GAAG,CAAC,KAClGC,EAAoB,IAAI,EAAI;AAAA,IAAA,GAC/B,GAAGhB,CAAU,KAChBgB,EAAoB,IAAI,EAAI;AAAA,EAElC;AAEA,CAAC;"}
+{"version":3,"file":"design-system31.mjs","sources":["../src/components/BErrorMessage.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"ds-min-h-[1rem]\" }\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-text-xs ds-text-red-500\"\n}\n\nimport type { ErrorMessageFunction } from '@/types';\nimport { computed } from 'vue';\n\n//#region Props\nexport interface BErrorMessageProps {\n  /**\n   * A text or a function returning a text.\n   */\n  errorMessage?: string | ErrorMessageFunction;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BErrorMessage',\n  props: {\n    errorMessage: { type: [String, Function], default: '' }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\n//#region Data\nconst message = computed(() =>\n  typeof props.errorMessage === 'function'\n    ? props.errorMessage()\n    : props.errorMessage,\n);\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    (message.value || _ctx.$slots.default)\n      ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(message.value), 1)\n          ])\n        ]))\n      : _createCommentVNode(\"\", true)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","message","computed","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";AAGA,MAAMA,IAAa,EAAE,OAAO,qBACtBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAc4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,cAAc,EAAE,MAAM,CAAC,QAAQ,QAAQ,GAAG,SAAS,GAAG;AAAA,EACxD;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAIRE,IAAUC;AAAA,MAAS,MACvB,OAAOF,EAAM,gBAAiB,aAC1BA,EAAM,aAAA,IACNA,EAAM;AAAA,IAAA;AAIL,WAAA,CAACG,GAAUC,OACRC,EAAW,GAAGC,EAAoB,OAAOX,GAAY;AAAA,MAC1DM,EAAQ,SAASE,EAAK,OAAO,WACzBE,KAAcC,EAAoB,OAAOV,GAAY;AAAA,QACpDW,EAAYJ,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CK,EAAiBC,EAAiBR,EAAQ,KAAK,GAAG,CAAC;AAAA,QAAA,CACpD;AAAA,MAAA,CACF,KACDS,EAAoB,IAAI,EAAI;AAAA,IAAA,CACjC;AAAA,EAEH;AAEA,CAAC;"}

package/dist/design-system32.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./design-system70.js");require("./design-system71.js");const r=require("./design-system58.js"),t=r(e,[["__scopeId","data-v-31348ccc"]]);module.exports=t;
+"use strict";const e=require("vue"),s=require("./design-system4.js"),r=["for"],n={key:0,class:"ds-ml-1 ds-text-red-500"},a=e.defineComponent({__name:"BLabel",props:{id:{default:""},label:{default:""},required:{type:Boolean,default:!1}},setup(l){const t=l;return(o,d)=>t.label||o.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:o.id,class:"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500"},[e.createElementVNode("span",null,[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),t.required?(e.openBlock(),e.createElementBlock("span",n,e.toDisplayString(e.unref(s.RequiredSymbol)),1)):e.createCommentVNode("",!0)],8,r)):e.createCommentVNode("",!0)}});module.exports=a;
 //# sourceMappingURL=design-system32.js.map

package/dist/design-system32.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system32.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"design-system32.js","sources":["../src/components/BLabel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-ml-1 ds-text-red-500\"\n}\n\nimport { RequiredSymbol } from '@/constants/Common';\n\n//#region Props\nexport interface BLabelProps {\n  id?: string;\n  label?: string;\n  /**\n   * Show \"*\" beside the label\n   */\n  required?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLabel',\n  props: {\n    id: { default: '' },\n    label: { default: '' },\n    required: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (props.label || _ctx.$slots.default)\n    ? (_openBlock(), _createElementBlock(\"label\", {\n        key: 0,\n        for: _ctx.id,\n        class: \"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500\"\n      }, [\n        _createElementVNode(\"span\", null, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ])\n        ]),\n        (props.required)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, _toDisplayString(_unref(RequiredSymbol)), 1))\n          : _createCommentVNode(\"\", true)\n      ], 8, _hoisted_1))\n    : _createCommentVNode(\"\", true)\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_unref","RequiredSymbol","_createCommentVNode"],"mappings":"qEAGMA,EAAa,CAAC,KAAK,EACnBC,EAAa,CACjB,IAAK,EACL,MAAO,yBACT,EAe4BC,EAAiBC,kBAAA,CAC3C,OAAQ,SACR,MAAO,CACL,GAAI,CAAE,QAAS,EAAG,EAClB,MAAO,CAAE,QAAS,EAAG,EACrB,SAAU,CAAE,KAAM,QAAS,QAAS,EAAM,CAC5C,EACA,MAAMC,EAAc,CAEtB,MAAMC,EAAQD,EAGP,MAAA,CAACE,EAAUC,IACRF,EAAM,OAASC,EAAK,OAAO,SAC9BE,EAAW,UAAA,EAAGC,qBAAoB,QAAS,CAC1C,IAAK,EACL,IAAKH,EAAK,GACV,MAAO,2DAAA,EACN,CACDI,EAAA,mBAAoB,OAAQ,KAAM,CAChCC,EAAAA,WAAYL,EAAK,OAAQ,UAAW,GAAI,IAAM,CAC5CM,EAAAA,gBAAiBC,EAAAA,gBAAiBR,EAAM,KAAK,EAAG,CAAC,CAAA,CAClD,CAAA,CACF,EACAA,EAAM,UACFG,EAAA,UAAA,EAAcC,EAAAA,mBAAoB,OAAQR,EAAYY,EAAAA,gBAAiBC,EAAAA,MAAOC,EAAAA,cAAc,CAAC,EAAG,CAAC,GAClGC,EAAA,mBAAoB,GAAI,EAAI,CAAA,EAC/B,EAAGhB,CAAU,GAChBgB,EAAA,mBAAoB,GAAI,EAAI,CAElC,CAEA,CAAC"}

package/dist/design-system32.mjs

@@ -1,8 +1,32 @@
-import o from "./design-system70.mjs";
-import "./design-system71.mjs";
-import r from "./design-system58.mjs";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-31348ccc"]]);
+import { defineComponent as d, openBlock as o, createElementBlock as l, createElementVNode as n, renderSlot as u, createTextVNode as f, toDisplayString as s, unref as p, createCommentVNode as r } from "vue";
+import { RequiredSymbol as c } from "./design-system4.mjs";
+const i = ["for"], m = {
+  key: 0,
+  class: "ds-ml-1 ds-text-red-500"
+}, k = /* @__PURE__ */ d({
+  __name: "BLabel",
+  props: {
+    id: { default: "" },
+    label: { default: "" },
+    required: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const e = a;
+    return (t, b) => e.label || t.$slots.default ? (o(), l("label", {
+      key: 0,
+      for: t.id,
+      class: "ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500"
+    }, [
+      n("span", null, [
+        u(t.$slots, "default", {}, () => [
+          f(s(e.label), 1)
+        ])
+      ]),
+      e.required ? (o(), l("span", m, s(p(c)), 1)) : r("", !0)
+    ], 8, i)) : r("", !0);
+  }
+});
 export {
-  m as default
+  k as default
 };
 //# sourceMappingURL=design-system32.mjs.map

package/dist/design-system32.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"design-system32.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"design-system32.mjs","sources":["../src/components/BLabel.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from \"vue\"\n\nconst _hoisted_1 = [\"for\"]\nconst _hoisted_2 = {\n  key: 0,\n  class: \"ds-ml-1 ds-text-red-500\"\n}\n\nimport { RequiredSymbol } from '@/constants/Common';\n\n//#region Props\nexport interface BLabelProps {\n  id?: string;\n  label?: string;\n  /**\n   * Show \"*\" beside the label\n   */\n  required?: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BLabel',\n  props: {\n    id: { default: '' },\n    label: { default: '' },\n    required: { type: Boolean, default: false }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n  return (props.label || _ctx.$slots.default)\n    ? (_openBlock(), _createElementBlock(\"label\", {\n        key: 0,\n        for: _ctx.id,\n        class: \"ds-block ds-pb-2 ds-text-xs ds-font-bold ds-text-gray-500\"\n      }, [\n        _createElementVNode(\"span\", null, [\n          _renderSlot(_ctx.$slots, \"default\", {}, () => [\n            _createTextVNode(_toDisplayString(props.label), 1)\n          ])\n        ]),\n        (props.required)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, _toDisplayString(_unref(RequiredSymbol)), 1))\n          : _createCommentVNode(\"\", true)\n      ], 8, _hoisted_1))\n    : _createCommentVNode(\"\", true)\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_sfc_main","_defineComponent","__props","props","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_renderSlot","_createTextVNode","_toDisplayString","_unref","RequiredSymbol","_createCommentVNode"],"mappings":";;AAGA,MAAMA,IAAa,CAAC,KAAK,GACnBC,IAAa;AAAA,EACjB,KAAK;AAAA,EACL,OAAO;AACT,GAe4BC,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,IAAI,EAAE,SAAS,GAAG;AAAA,IAClB,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB,UAAU,EAAE,MAAM,SAAS,SAAS,GAAM;AAAA,EAC5C;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD;AAGP,WAAA,CAACE,GAAUC,MACRF,EAAM,SAASC,EAAK,OAAO,WAC9BE,EAAW,GAAGC,EAAoB,SAAS;AAAA,MAC1C,KAAK;AAAA,MACL,KAAKH,EAAK;AAAA,MACV,OAAO;AAAA,IAAA,GACN;AAAA,MACDI,EAAoB,QAAQ,MAAM;AAAA,QAChCC,EAAYL,EAAK,QAAQ,WAAW,IAAI,MAAM;AAAA,UAC5CM,EAAiBC,EAAiBR,EAAM,KAAK,GAAG,CAAC;AAAA,QAAA,CAClD;AAAA,MAAA,CACF;AAAA,MACAA,EAAM,YACFG,EAAA,GAAcC,EAAoB,QAAQR,GAAYY,EAAiBC,EAAOC,CAAc,CAAC,GAAG,CAAC,KAClGC,EAAoB,IAAI,EAAI;AAAA,IAAA,GAC/B,GAAGhB,CAAU,KAChBgB,EAAoB,IAAI,EAAI;AAAA,EAElC;AAEA,CAAC;"}

package/dist/design-system33.js

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

package/dist/design-system33.mjs

@@ -1,8 +1,8 @@
-import o from "./design-system72.mjs";
-import "./design-system73.mjs";
-import r from "./design-system58.mjs";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c49c635e"]]);
+import o from "./design-system68.mjs";
+import "./design-system69.mjs";
+import r from "./design-system56.mjs";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-31348ccc"]]);
 export {
-  e as default
+  m as default
 };
 //# sourceMappingURL=design-system33.mjs.map

package/dist/design-system34.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system58.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("./design-system70.js");require("./design-system71.js");const r=require("./design-system56.js"),t=r(e,[["__scopeId","data-v-c49c635e"]]);module.exports=t;
 //# sourceMappingURL=design-system34.js.map

package/dist/design-system34.mjs

@@ -1,13 +1,8 @@
-import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
-import c from "./design-system58.mjs";
-const s = {}, n = { class: "ds-p-4" };
-function d(e, l) {
-  return o(), t("div", n, [
-    r(e.$slots, "default")
-  ]);
-}
-const f = /* @__PURE__ */ c(s, [["render", d]]);
+import o from "./design-system70.mjs";
+import "./design-system71.mjs";
+import r from "./design-system56.mjs";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c49c635e"]]);
 export {
-  f as default
+  e as default
 };
 //# sourceMappingURL=design-system34.mjs.map

package/dist/design-system34.mjs.map

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

package/dist/design-system35.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system58.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-system56.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-system35.js.map

package/dist/design-system35.mjs

@@ -1,13 +1,13 @@
-import { openBlock as o, createElementBlock as t, renderSlot as s } from "vue";
-import r from "./design-system58.mjs";
-const d = {}, n = { class: "ds-flex ds-items-center ds-justify-end ds-rounded-b-lg ds-p-4" };
-function c(e, l) {
+import { openBlock as o, createElementBlock as t, renderSlot as r } from "vue";
+import c from "./design-system56.mjs";
+const s = {}, n = { class: "ds-p-4" };
+function d(e, l) {
   return o(), t("div", n, [
-    s(e.$slots, "default")
+    r(e.$slots, "default")
   ]);
 }
-const a = /* @__PURE__ */ r(d, [["render", c]]);
+const f = /* @__PURE__ */ c(s, [["render", d]]);
 export {
-  a as default
+  f as default
 };
 //# sourceMappingURL=design-system35.mjs.map

package/dist/design-system36.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),t=require("./design-system58.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-system56.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-system36.js.map