@7pmlabs/design-system 0.5.1 → 0.5.3

package/dist/design-system26.mjs

@@ -1,82 +1,71 @@
-import { defineComponent as z, ref as n, computed as _, onMounted as M, nextTick as W, onUnmounted as S, openBlock as a, createElementBlock as u, normalizeClass as g, Fragment as y, renderList as D, renderSlot as f, createElementVNode as r, toDisplayString as R, withDirectives as B, vShow as $, createBlock as I, Teleport as N, createCommentVNode as T } from "vue";
-import V from "./design-system102.mjs";
-const F = ["href", "title"], P = {
+import { defineComponent as x, ref as n, computed as w, onMounted as z, nextTick as N, onUnmounted as V, openBlock as d, createElementBlock as u, normalizeClass as g, Fragment as y, renderList as D, renderSlot as f, createElementVNode as o, toDisplayString as R, createVNode as B, withDirectives as $, vShow as C, createBlock as I, Teleport as T, createCommentVNode as F } from "vue";
+import E from "./design-system110.mjs";
+import P from "./design-system105.mjs";
+const U = ["href", "title"], j = {
   "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 = {
+}, q = ["id"], A = ["href", "title"], G = {
   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__ */ z({
+}, Q = /* @__PURE__ */ x({
   __name: "BBreadcrumb",
   props: {
     items: { default: () => [] }
   },
-  setup(C) {
-    const x = C, i = n(!1), c = n(null), h = n(null), v = n(null), m = n(null), l = n([]), w = new ResizeObserver(() => {
+  setup(M) {
+    const O = M, i = n(!1), c = n(null), h = n(null), v = n(null), m = n(null), l = n([]), k = new ResizeObserver(() => {
       if (l.value.length <= 1)
         return;
-      const s = c.value.clientWidth, o = v.value[0].clientWidth;
+      const s = c.value.clientWidth, a = v.value[0].clientWidth;
       for (let e = 1; e < l.value.length && l.value.reduce(
-        (t, d) => d.hidden ? t : t + d.width,
+        (t, r) => r.hidden ? t : t + r.width,
         0
-      ) + o > s; e++)
+      ) + a > s; e++)
         l.value[e].hidden = !0;
       for (let e = l.value.length - 1; e >= 1; e--)
         if (l.value[e].hidden)
           if (l.value.reduce(
-            (t, d) => d.hidden ? t : t + d.width,
+            (t, r) => r.hidden ? t : t + r.width,
             0
-          ) + l.value[e].width + o <= s)
+          ) + l.value[e].width + a <= s)
             l.value[e].hidden = !1;
           else
             break;
-    }), p = _(() => l.value.some((s) => s.hidden)), b = _(() => `menu-id-${V()}`), E = () => {
+    }), p = w(() => l.value.some((s) => s.hidden)), b = w(() => `menu-id-${P()}`), L = () => {
       i.value = !i.value;
-    }, L = () => {
-      document.addEventListener("click", k);
-    }, O = () => {
-      document.removeEventListener("click", k);
-    }, k = (s) => {
+    }, W = () => {
+      document.addEventListener("click", _);
+    }, S = () => {
+      document.removeEventListener("click", _);
+    }, _ = (s) => {
       [v.value[0], m.value[0]].some((t) => s.composedPath().includes(t)) || (i.value = !1);
     };
-    return M(() => {
-      L(), w.observe(c.value), l.value = x.items.map(
+    return z(() => {
+      W(), k.observe(c.value), l.value = O.items.map(
         (s) => ({
           ...s,
           hidden: !1,
           width: 0
         })
-      ), W(() => {
-        l.value.forEach((s, o) => {
-          s.width = h.value[o].clientWidth;
+      ), N(() => {
+        l.value.forEach((s, a) => {
+          s.width = h.value[a].clientWidth;
         });
       });
-    }), S(() => {
-      O(), w.unobserve(c.value);
-    }), (s, o) => (a(), u("ul", {
+    }), V(() => {
+      S(), k.unobserve(c.value);
+    }), (s, a) => (d(), u("ul", {
       ref_key: "ulRef",
       ref: c,
       class: g([{ collapsed: p.value }, "ds-relative ds-flex"])
     }, [
-      (a(!0), u(y, null, D(l.value, (e, t) => {
-        var d;
-        return a(), u(y, {
+      (d(!0), u(y, null, D(l.value, (e, t) => {
+        var r;
+        return d(), u(y, {
           key: `item${e.text}`
         }, [
-          t === 0 ? (a(), u("li", {
+          t === 0 ? (d(), u("li", {
             key: 0,
             ref_for: !0,
             ref_key: "liRefs",
@@ -84,58 +73,62 @@ const F = ["href", "title"], P = {
             class: "ds-whitespace-nowrap ds-text-black/[0.85]"
           }, [
             f(s.$slots, `item-${t}`, { item: e }, () => [
-              r("a", {
+              o("a", {
                 href: e.href,
                 title: e.href,
-                class: "hover:ds-text-primary-t"
-              }, R(e.text), 9, F)
+                class: "ds-transition-colors hover:ds-text-primary-t"
+              }, R(e.text), 9, U)
             ]),
-            r("span", P, [
+            o("span", j, [
               f(s.$slots, `separator-${t}`, { item: e }, () => [
-                U
+                B(E)
               ])
             ]),
-            B(r("button", {
+            o("div", {
               ref_for: !0,
               ref_key: "ellipsisRefs",
               ref: v,
-              class: g([{ "ds-bg-slate-50": i.value }, "ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t hover:ds-bg-slate-50"]),
-              onClick: E
-            }, " ... ", 2), [
-              [$, p.value]
-            ]),
-            B(r("ul", {
-              id: b.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), [
-              [$, p.value && i.value]
-            ])
-          ], 512)) : (a(), I(N, {
+              class: "ds-inline-block"
+            }, [
+              $(o("button", {
+                class: g([{ "ds-bg-slate-50": i.value }, "ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t ds-transition-colors hover:ds-bg-slate-50"]),
+                onClick: L
+              }, " ... ", 2), [
+                [C, p.value]
+              ]),
+              $(o("ul", {
+                id: b.value,
+                ref_for: !0,
+                ref_key: "ellipsisMenuRefs",
+                ref: m,
+                class: "ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow"
+              }, null, 8, q), [
+                [C, p.value && i.value]
+              ])
+            ], 512)
+          ], 512)) : (d(), I(T, {
             key: 1,
             disabled: !e.hidden,
             to: `#${b.value}`
           }, [
-            r("li", {
+            o("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-${t}`, { item: e }, () => [
-                r("a", {
+                o("a", {
                   href: e.href,
                   title: e.href,
-                  class: "hover:ds-text-primary-t"
-                }, R(e.text), 9, q)
+                  class: "ds-transition-colors hover:ds-text-primary-t"
+                }, R(e.text), 9, A)
               ]),
-              t < ((d = s.items) == null ? void 0 : d.length) - 1 ? (a(), u("span", A, [
+              t < ((r = s.items) == null ? void 0 : r.length) - 1 ? (d(), u("span", G, [
                 f(s.$slots, `separator-${t}`, { item: e }, () => [
-                  G
+                  B(E)
                 ])
-              ])) : T("", !0)
+              ])) : F("", !0)
             ], 512)
           ], 8, ["disabled", "to"]))
         ], 64);
@@ -144,6 +137,6 @@ const F = ["href", "title"], P = {
   }
 });
 export {
-  K as default
+  Q as default
 };
 //# sourceMappingURL=design-system26.mjs.map

package/dist/design-system26.mjs.map

@@ -1 +1 @@
-{"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, normalizeClass as _normalizeClass, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode, Teleport as _Teleport, createBlock as _createBlock } 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  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                  class: \"hover:ds-text-primary-t\"\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: _normalizeClass([{ 'ds-bg-slate-50': collapsedBreadcrumbMenu.value }, \"ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t hover:ds-bg-slate-50\"]),\n                onClick: toggleCollapedBreadcrumbMenu\n              }, \" ... \", 2), [\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                    class: \"hover:ds-text-primary-t\"\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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"}
+{"version":3,"file":"design-system26.mjs","sources":["../src/components/BBreadcrumb/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, createVNode as _createVNode, vShow as _vShow, normalizeClass as _normalizeClass, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = [\"href\", \"title\"]\nconst _hoisted_2 = {\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\nconst _hoisted_3 = [\"id\"]\nconst _hoisted_4 = [\"href\", \"title\"]\nconst _hoisted_5 = {\n  key: 0,\n  \"aria-hidden\": \"true\",\n  class: \"ds-pl-2\"\n}\n\nimport { computed, nextTick, onMounted, onUnmounted, ref } from 'vue';\nimport { v4 as uuid } from 'uuid';\nimport type { BBreadcrumbItem } from '@/types';\nimport BBreadcrumbSeparator from '@/components/BBreadcrumb/BBreadcrumbSeparator.vue';\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 ellipsisMenuRefs = 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 ellipsisMenuId = computed(() => `menu-id-${uuid()}`);\n//#region\n\n//#region Methods\nconst toggleCollapedBreadcrumbMenu = () => {\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], ellipsisMenuRefs.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                  class: \"ds-transition-colors hover:ds-text-primary-t\"\n                }, _toDisplayString(item.text), 9, _hoisted_1)\n              ]),\n              _createElementVNode(\"span\", _hoisted_2, [\n                _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                  _createVNode(BBreadcrumbSeparator)\n                ])\n              ]),\n              _createElementVNode(\"div\", {\n                ref_for: true,\n                ref_key: \"ellipsisRefs\",\n                ref: ellipsisRefs,\n                class: \"ds-inline-block\"\n              }, [\n                _withDirectives(_createElementVNode(\"button\", {\n                  class: _normalizeClass([{ 'ds-bg-slate-50': collapsedBreadcrumbMenu.value }, \"ds-ml-2 ds-rounded-lg ds-bg-slate-100 ds-px-2 ds-text-primary-t ds-transition-colors hover:ds-bg-slate-50\"]),\n                  onClick: toggleCollapedBreadcrumbMenu\n                }, \" ... \", 2), [\n                  [_vShow, isCollapsed.value]\n                ]),\n                _withDirectives(_createElementVNode(\"ul\", {\n                  id: ellipsisMenuId.value,\n                  ref_for: true,\n                  ref_key: \"ellipsisMenuRefs\",\n                  ref: ellipsisMenuRefs,\n                  class: \"ds-absolute ds-mt-1 ds-space-y-2 ds-rounded-lg ds-bg-white ds-p-4 ds-shadow\"\n                }, null, 8, _hoisted_3), [\n                  [_vShow, isCollapsed.value && collapsedBreadcrumbMenu.value]\n                ])\n              ], 512)\n            ], 512))\n          : (_openBlock(), _createBlock(_Teleport, {\n              key: 1,\n              disabled: !item.hidden,\n              to: `#${ellipsisMenuId.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                    class: \"ds-transition-colors hover:ds-text-primary-t\"\n                  }, _toDisplayString(item.text), 9, _hoisted_4)\n                ]),\n                (index < _ctx.items?.length - 1)\n                  ? (_openBlock(), _createElementBlock(\"span\", _hoisted_5, [\n                      _renderSlot(_ctx.$slots, `separator-${index}`, { item: item }, () => [\n                        _createVNode(BBreadcrumbSeparator)\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","_hoisted_4","_hoisted_5","_sfc_main","_defineComponent","__props","props","collapsedBreadcrumbMenu","ref","ulRef","liRefs","ellipsisRefs","ellipsisMenuRefs","breadcrumbItems","resizeObserver","ulRefWidth","ellipsisRefWidth","i","acc","item","isCollapsed","computed","ellipsisMenuId","uuid","toggleCollapedBreadcrumbMenu","initClickOutsideEventListener","closeOnClickOutside","removeClickOutsideEventListener","event","r","onMounted","nextTick","index","onUnmounted","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_renderSlot","_createElementVNode","_toDisplayString","_createVNode","BBreadcrumbSeparator","_withDirectives","_vShow","_createBlock","_Teleport","_a","_createCommentVNode"],"mappings":"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"}

package/dist/design-system48.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),u=require("./design-system109.js"),l=require("./design-system6.js"),i=require("./design-system38.js"),m=e.defineComponent({__name:"BImagePreview",props:{modelValue:{type:Boolean},url:{}},emits:["update:modelValue"],setup(s,{emit:a}){const n=s,d=a,o=e.computed({get(){return n.modelValue},set(t){d("update:modelValue",t)}});e.watch(o,t=>{t?l.lockScrollBody():l.unlockScrollBody()});const c=()=>{o.value=!1},r=t=>{t.key==="Escape"&&c()};return e.onMounted(()=>{document.addEventListener("keydown",r)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",r)}),(t,p)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[o.value?(e.openBlock(),e.createBlock(i,{key:0},{default:e.withCtx(()=>[e.createVNode(u,{class:"ds-right-4 ds-top-4 ds-h-8 ds-w-8",onClick:c}),e.createElementVNode("div",{style:e.normalizeStyle({backgroundImage:`url('${n.url}')`,height:"calc(100vh - 16px)",width:"calc(100vw - 16px)"}),class:"ds-bg-contain ds-bg-center ds-bg-no-repeat"},null,4)]),_:1})):e.createCommentVNode("",!0)]),_:1})]))}});module.exports=m;
+"use strict";const e=require("vue"),u=require("./design-system107.js"),l=require("./design-system6.js"),i=require("./design-system38.js"),m=e.defineComponent({__name:"BImagePreview",props:{modelValue:{type:Boolean},url:{}},emits:["update:modelValue"],setup(s,{emit:a}){const n=s,d=a,o=e.computed({get(){return n.modelValue},set(t){d("update:modelValue",t)}});e.watch(o,t=>{t?l.lockScrollBody():l.unlockScrollBody()});const c=()=>{o.value=!1},r=t=>{t.key==="Escape"&&c()};return e.onMounted(()=>{document.addEventListener("keydown",r)}),e.onBeforeUnmount(()=>{document.removeEventListener("keydown",r)}),(t,p)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[o.value?(e.openBlock(),e.createBlock(i,{key:0},{default:e.withCtx(()=>[e.createVNode(u,{class:"ds-right-4 ds-top-4 ds-h-8 ds-w-8",onClick:c}),e.createElementVNode("div",{style:e.normalizeStyle({backgroundImage:`url('${n.url}')`,height:"calc(100vh - 16px)",width:"calc(100vw - 16px)"}),class:"ds-bg-contain ds-bg-center ds-bg-no-repeat"},null,4)]),_:1})):e.createCommentVNode("",!0)]),_:1})]))}});module.exports=m;
 //# sourceMappingURL=design-system48.js.map

package/dist/design-system48.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as i, computed as p, watch as f, onMounted as v, onBeforeUnmount as k, openBlock as r, createBlock as a, Teleport as y, createVNode as c, Transition as g, withCtx as s, createElementVNode as B, normalizeStyle as h, createCommentVNode as w } from "vue";
-import _ from "./design-system109.mjs";
+import _ from "./design-system107.mjs";
 import { lockScrollBody as V, unlockScrollBody as b } from "./design-system6.mjs";
 import x from "./design-system38.mjs";
 const S = /* @__PURE__ */ i({

package/dist/design-system59.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),s=require("./design-system5.js"),m=require("./design-system102.js"),b=["id","disabled","value"],p=["for"],f=["for"],h=e.defineComponent({__name:"BCheckbox",props:{inputId:{default:""},modelValue:{type:[Boolean,Array],default:!1},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:s.BCheckboxSize.Medium}},emits:["update:modelValue"],setup(u,{emit:r}){const t=u,n=r,a=e.computed(()=>t.inputId||`id-${m()}`),o=e.computed({get(){return t.modelValue},set(l){n("update:modelValue",l)}}),i=e.computed(()=>{let l="";switch(t.size){case s.BCheckboxSize.Small:l+="size-sm ";break;case s.BCheckboxSize.Medium:default:l+=" ";break}return l});return(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([i.value,"b-checkbox ds-flex ds-items-center"])},[e.withDirectives(e.createElementVNode("input",{id:a.value,"onUpdate:modelValue":d[0]||(d[0]=c=>o.value=c),disabled:l.disabled,value:l.$attrs.value,type:"checkbox",class:"b-checkbox__input"},null,8,b),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{for:a.value,class:"b-checkbox__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"},null,8,p),l.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:l.labelOrphan?void 0:a.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,f)):e.createCommentVNode("",!0)],2))}});module.exports=h;
+"use strict";const e=require("vue"),s=require("./design-system5.js"),m=require("./design-system105.js"),b=["id","disabled","value"],p=["for"],f=["for"],h=e.defineComponent({__name:"BCheckbox",props:{inputId:{default:""},modelValue:{type:[Boolean,Array],default:!1},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{default:s.BCheckboxSize.Medium}},emits:["update:modelValue"],setup(u,{emit:r}){const t=u,n=r,a=e.computed(()=>t.inputId||`id-${m()}`),o=e.computed({get(){return t.modelValue},set(l){n("update:modelValue",l)}}),i=e.computed(()=>{let l="";switch(t.size){case s.BCheckboxSize.Small:l+="size-sm ";break;case s.BCheckboxSize.Medium:default:l+=" ";break}return l});return(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([i.value,"b-checkbox ds-flex ds-items-center"])},[e.withDirectives(e.createElementVNode("input",{id:a.value,"onUpdate:modelValue":d[0]||(d[0]=c=>o.value=c),disabled:l.disabled,value:l.$attrs.value,type:"checkbox",class:"b-checkbox__input"},null,8,b),[[e.vModelCheckbox,o.value]]),e.createElementVNode("label",{for:a.value,class:"b-checkbox__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"},null,8,p),l.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:l.labelOrphan?void 0:a.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,f)):e.createCommentVNode("",!0)],2))}});module.exports=h;
 //# sourceMappingURL=design-system59.js.map

package/dist/design-system59.mjs

@@ -1,6 +1,6 @@
 import { defineComponent as f, computed as a, openBlock as r, createElementBlock as u, normalizeClass as h, withDirectives as v, createElementVNode as i, vModelCheckbox as k, renderSlot as V, createTextVNode as y, toDisplayString as _, createCommentVNode as x } from "vue";
 import { BCheckboxSize as s } from "./design-system5.mjs";
-import B from "./design-system102.mjs";
+import B from "./design-system105.mjs";
 const C = ["id", "disabled", "value"], z = ["for"], g = ["for"], M = /* @__PURE__ */ f({
   __name: "BCheckbox",
   props: {

package/dist/design-system76.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),b=require("./design-system31.js"),g=require("./design-system3.js"),_=require("./design-system52.js"),h=require("./design-system102.js"),B={class:"b-radio ds-flex ds-items-center"},V=["id","disabled","name","value"],q=["for"],y=["for"],k=e.defineComponent({__name:"BRadio",props:{inputId:{default:""},modelValue:{type:[String,Number,Boolean],default:""},inputName:{default:""},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},labelCssClass:{default:""},hideDetails:{type:Boolean,default:!1},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""}},emits:["change","update:modelValue"],setup(d,{emit:u}){const t=d,o=u,{t:n}=_.useI18n(),i={validateRule:l=>!!(l&&l.trim()),errorMessage:()=>t.requiredErrorMessage||n("ds.global.field_required")},a=e.computed(()=>t.inputId||`id-${h()}`),s=e.computed({get(){return t.modelValue},set(l){o("update:modelValue",l)}}),c=e.computed(()=>{let l=[];return t.required&&l.push(i),t.validationRules&&(l=l.concat(t.validationRules)),l.length?l:void 0}),{validate:m,validationResult:p}=g.useValidationField(a.value,s,c.value),f=()=>{o("change"),m()};return(l,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",B,[e.withDirectives(e.createElementVNode("input",{id:a.value,"onUpdate:modelValue":r[0]||(r[0]=v=>s.value=v),disabled:l.disabled,name:l.inputName,value:l.$attrs.value,class:"b-radio__input",type:"radio",onChange:f},null,40,V),[[e.vModelRadio,s.value]]),e.createElementVNode("label",{for:a.value,class:"b-radio__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"},null,8,q),t.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.labelOrphan?void 0:a.value,class:e.normalizeClass([l.labelCssClass,"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"])},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],10,y)):e.createCommentVNode("",!0)]),l.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(b,{key:0,"error-message":e.unref(p).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))],64))}});module.exports=k;
+"use strict";const e=require("vue"),b=require("./design-system31.js"),g=require("./design-system3.js"),_=require("./design-system52.js"),h=require("./design-system105.js"),B={class:"b-radio ds-flex ds-items-center"},V=["id","disabled","name","value"],q=["for"],y=["for"],k=e.defineComponent({__name:"BRadio",props:{inputId:{default:""},modelValue:{type:[String,Number,Boolean],default:""},inputName:{default:""},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},labelCssClass:{default:""},hideDetails:{type:Boolean,default:!1},validationRules:{default:void 0},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""}},emits:["change","update:modelValue"],setup(d,{emit:u}){const t=d,o=u,{t:n}=_.useI18n(),i={validateRule:l=>!!(l&&l.trim()),errorMessage:()=>t.requiredErrorMessage||n("ds.global.field_required")},a=e.computed(()=>t.inputId||`id-${h()}`),s=e.computed({get(){return t.modelValue},set(l){o("update:modelValue",l)}}),c=e.computed(()=>{let l=[];return t.required&&l.push(i),t.validationRules&&(l=l.concat(t.validationRules)),l.length?l:void 0}),{validate:m,validationResult:p}=g.useValidationField(a.value,s,c.value),f=()=>{o("change"),m()};return(l,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",B,[e.withDirectives(e.createElementVNode("input",{id:a.value,"onUpdate:modelValue":r[0]||(r[0]=v=>s.value=v),disabled:l.disabled,name:l.inputName,value:l.$attrs.value,class:"b-radio__input",type:"radio",onChange:f},null,40,V),[[e.vModelRadio,s.value]]),e.createElementVNode("label",{for:a.value,class:"b-radio__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"},null,8,q),t.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.labelOrphan?void 0:a.value,class:e.normalizeClass([l.labelCssClass,"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"])},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],10,y)):e.createCommentVNode("",!0)]),l.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(b,{key:0,"error-message":e.unref(p).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))],64))}});module.exports=k;
 //# sourceMappingURL=design-system76.js.map

package/dist/design-system76.mjs

@@ -2,7 +2,7 @@ import { defineComponent as y, computed as s, openBlock as o, createElementBlock
 import D from "./design-system31.mjs";
 import { useValidationField as E } from "./design-system3.mjs";
 import { useI18n as I } from "./design-system52.mjs";
-import S from "./design-system102.mjs";
+import S from "./design-system105.mjs";
 const w = { class: "b-radio ds-flex ds-items-center" }, F = ["id", "disabled", "name", "value"], O = ["for"], z = ["for"], H = /* @__PURE__ */ y({
   __name: "BRadio",
   props: {

package/dist/design-system80.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),C=require("./design-system102.js"),_={class:"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100"},g=["onClick"],y=["id"],V=e.defineComponent({__name:"BTabs",props:{headers:{},modelValue:{default:void 0},headerCssClass:{default:""}},emits:["update:modelValue"],setup(p,{emit:b}){const o=p,h=b,r=e.ref(null),l=e.ref(null),s=e.ref(null),t=e.ref(0),n=e.ref(0),u=e.computed({get(){return o.modelValue!==void 0?o.modelValue:n.value},set(a){o.modelValue!==void 0?h("update:modelValue",a):n.value=a}}),i=e.computed(()=>`id-${C()}`);e.watch(u,a=>{c(a)}),e.watch(()=>o.headers,()=>{e.nextTick(()=>{v()})});const k=a=>{u.value=a},c=a=>{if(s.value&&l.value)if(t.value=a,[...s.value,...l.value].forEach(d=>{d.classList.remove("active")}),s.value[t.value]&&l.value[t.value])s.value[t.value].classList.add("active"),l.value[t.value].classList.add("active");else{const d=t.value-1;d>=0&&(s.value[d].classList.add("active"),l.value[d].classList.add("active"))}},v=()=>{r.value&&(s.value=[...r.value.querySelectorAll(`#${i.value} > .tab`)],s.value.forEach(a=>{a.classList.contains("active")&&(t.value=s.value.indexOf(a))}),c(t.value))};return e.onMounted(()=>{v()}),(a,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tabContainer",ref:r},[e.renderSlot(a.$slots,"headers-prepend",{},void 0,!0),e.createElementVNode("ul",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.headers,(f,m)=>(e.openBlock(),e.createElementBlock("li",{key:m,ref_for:!0,ref_key:"tabHeaders",ref:l,class:e.normalizeClass([[a.headerCssClass,f.disabled?"ds-pointer-events-none ds-text-black/40":""],"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t"]),onClick:x=>k(m)},e.toDisplayString(f.text),11,g))),128))]),e.renderSlot(a.$slots,"headers-append",{},void 0,!0),e.createElementVNode("div",{id:i.value,class:"ds-w-full"},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,y)],512))}});module.exports=V;
+"use strict";const e=require("vue"),C=require("./design-system105.js"),_={class:"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100"},g=["onClick"],y=["id"],V=e.defineComponent({__name:"BTabs",props:{headers:{},modelValue:{default:void 0},headerCssClass:{default:""}},emits:["update:modelValue"],setup(p,{emit:b}){const o=p,h=b,r=e.ref(null),l=e.ref(null),s=e.ref(null),t=e.ref(0),n=e.ref(0),u=e.computed({get(){return o.modelValue!==void 0?o.modelValue:n.value},set(a){o.modelValue!==void 0?h("update:modelValue",a):n.value=a}}),i=e.computed(()=>`id-${C()}`);e.watch(u,a=>{c(a)}),e.watch(()=>o.headers,()=>{e.nextTick(()=>{v()})});const k=a=>{u.value=a},c=a=>{if(s.value&&l.value)if(t.value=a,[...s.value,...l.value].forEach(d=>{d.classList.remove("active")}),s.value[t.value]&&l.value[t.value])s.value[t.value].classList.add("active"),l.value[t.value].classList.add("active");else{const d=t.value-1;d>=0&&(s.value[d].classList.add("active"),l.value[d].classList.add("active"))}},v=()=>{r.value&&(s.value=[...r.value.querySelectorAll(`#${i.value} > .tab`)],s.value.forEach(a=>{a.classList.contains("active")&&(t.value=s.value.indexOf(a))}),c(t.value))};return e.onMounted(()=>{v()}),(a,d)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tabContainer",ref:r},[e.renderSlot(a.$slots,"headers-prepend",{},void 0,!0),e.createElementVNode("ul",_,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.headers,(f,m)=>(e.openBlock(),e.createElementBlock("li",{key:m,ref_for:!0,ref_key:"tabHeaders",ref:l,class:e.normalizeClass([[a.headerCssClass,f.disabled?"ds-pointer-events-none ds-text-black/40":""],"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t"]),onClick:x=>k(m)},e.toDisplayString(f.text),11,g))),128))]),e.renderSlot(a.$slots,"headers-append",{},void 0,!0),e.createElementVNode("div",{id:i.value,class:"ds-w-full"},[e.renderSlot(a.$slots,"default",{},void 0,!0)],8,y)],512))}});module.exports=V;
 //# sourceMappingURL=design-system80.js.map

package/dist/design-system80.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as L, ref as d, computed as C, watch as k, nextTick as T, onMounted as $, openBlock as n, createElementBlock as u, renderSlot as i, createElementVNode as _, Fragment as w, renderList as B, normalizeClass as E, toDisplayString as H } from "vue";
-import I from "./design-system102.mjs";
+import I from "./design-system105.mjs";
 const S = { class: "ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100" }, z = ["onClick"], q = ["id"], M = /* @__PURE__ */ L({
   __name: "BTabs",
   props: {

package/dist/design-system83.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),k=require("./design-system3.js"),q=require("./design-system52.js"),V=require("./design-system31.js"),C=require("./design-system32.js"),x=require("./design-system102.js"),E={class:"b-text-field"},I={class:"ds-relative"},R={key:0,class:"b-text-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},M=["id","autocomplete","disabled","inputmode","placeholder","readonly","type"],N={key:1,class:"b-text-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},w=t.defineComponent({__name:"BTextField",props:{inputId:{default:""},inputCssClass:{default:""},validationRules:{default:void 0},modelValue:{},label:{default:""},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},type:{default:"text"},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},inputHandler:{default:void 0},inputmode:{default:"text"}},emits:["focus","blur","press:enter","update:modelValue"],setup(c,{expose:p,emit:f}){const s=c,o=f,{t:m}=q.useI18n(),d=t.ref(null),v={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||m("ds.global.field_required")},r=t.computed(()=>s.inputId||`id-${x()}`),u=t.computed({get(){return s.modelValue},set(e){o("update:modelValue",e)}}),b=t.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!n.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":n.value.valid},s.inputCssClass]),y=t.computed(()=>{let e=[];return s.required&&e.push(v),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:i,validationResult:n}=k.useValidationField(r.value,u,y.value),_=()=>{o("press:enter")},g=()=>{o("focus")},h=()=>{o("blur")},B=()=>{i()};return p({validate:i,focus:()=>{var e;(e=d.value)==null||e.focus()},blur:()=>{var e;(e=d.value)==null||e.blur()}}),(e,l)=>(t.openBlock(),t.createElementBlock("div",E,[t.createVNode(C,{id:r.value,label:e.label,required:e.required},null,8,["id","label","required"]),t.createElementVNode("div",I,[e.$slots.prependIcon?(t.openBlock(),t.createElementBlock("div",R,[t.renderSlot(e.$slots,"prependIcon",{},void 0,!0)])):t.createCommentVNode("",!0),t.withDirectives(t.createElementVNode("input",{id:r.value,ref_key:"inputRef",ref:d,"onUpdate:modelValue":l[0]||(l[0]=a=>u.value=a),autocomplete:s.autocomplete?"on":"off",disabled:s.disabled,inputmode:s.inputmode,placeholder:s.placeholder,readonly:s.readonly,type:s.type,class:t.normalizeClass([[b.value],"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),onBlur:h,onFocus:g,onInput:l[1]||(l[1]=(...a)=>e.inputHandler&&e.inputHandler(...a)),onKeyup:[B,t.withKeys(_,["enter"])]},null,42,M),[[t.vModelDynamic,u.value]]),e.$slots.appendIcon?(t.openBlock(),t.createElementBlock("div",N,[t.renderSlot(e.$slots,"appendIcon",{},void 0,!0)])):t.createCommentVNode("",!0)]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(V,{key:0,"error-message":t.unref(n).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=w;
+"use strict";const t=require("vue"),k=require("./design-system3.js"),q=require("./design-system52.js"),V=require("./design-system31.js"),C=require("./design-system32.js"),x=require("./design-system105.js"),E={class:"b-text-field"},I={class:"ds-relative"},R={key:0,class:"b-text-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},M=["id","autocomplete","disabled","inputmode","placeholder","readonly","type"],N={key:1,class:"b-text-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},w=t.defineComponent({__name:"BTextField",props:{inputId:{default:""},inputCssClass:{default:""},validationRules:{default:void 0},modelValue:{},label:{default:""},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},type:{default:"text"},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},hideDetails:{type:Boolean,default:!1},inputHandler:{default:void 0},inputmode:{default:"text"}},emits:["focus","blur","press:enter","update:modelValue"],setup(c,{expose:p,emit:f}){const s=c,o=f,{t:m}=q.useI18n(),d=t.ref(null),v={validateRule:e=>typeof e=="number"?!!e:!!(e&&(e!=null&&e.trim())),errorMessage:()=>s.requiredErrorMessage||m("ds.global.field_required")},r=t.computed(()=>s.inputId||`id-${x()}`),u=t.computed({get(){return s.modelValue},set(e){o("update:modelValue",e)}}),b=t.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":s.disabled,"ds-text-black/[0.85]":!s.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!n.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":n.value.valid},s.inputCssClass]),y=t.computed(()=>{let e=[];return s.required&&e.push(v),s.validationRules&&(e=e.concat(s.validationRules)),e.length?e:void 0}),{validate:i,validationResult:n}=k.useValidationField(r.value,u,y.value),_=()=>{o("press:enter")},g=()=>{o("focus")},h=()=>{o("blur")},B=()=>{i()};return p({validate:i,focus:()=>{var e;(e=d.value)==null||e.focus()},blur:()=>{var e;(e=d.value)==null||e.blur()}}),(e,l)=>(t.openBlock(),t.createElementBlock("div",E,[t.createVNode(C,{id:r.value,label:e.label,required:e.required},null,8,["id","label","required"]),t.createElementVNode("div",I,[e.$slots.prependIcon?(t.openBlock(),t.createElementBlock("div",R,[t.renderSlot(e.$slots,"prependIcon",{},void 0,!0)])):t.createCommentVNode("",!0),t.withDirectives(t.createElementVNode("input",{id:r.value,ref_key:"inputRef",ref:d,"onUpdate:modelValue":l[0]||(l[0]=a=>u.value=a),autocomplete:s.autocomplete?"on":"off",disabled:s.disabled,inputmode:s.inputmode,placeholder:s.placeholder,readonly:s.readonly,type:s.type,class:t.normalizeClass([[b.value],"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),onBlur:h,onFocus:g,onInput:l[1]||(l[1]=(...a)=>e.inputHandler&&e.inputHandler(...a)),onKeyup:[B,t.withKeys(_,["enter"])]},null,42,M),[[t.vModelDynamic,u.value]]),e.$slots.appendIcon?(t.openBlock(),t.createElementBlock("div",N,[t.renderSlot(e.$slots,"appendIcon",{},void 0,!0)])):t.createCommentVNode("",!0)]),e.hideDetails?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(V,{key:0,"error-message":t.unref(n).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=w;
 //# sourceMappingURL=design-system83.js.map

package/dist/design-system83.mjs

@@ -3,7 +3,7 @@ import { useValidationField as F } from "./design-system3.mjs";
 import { useI18n as H } from "./design-system52.mjs";
 import N from "./design-system31.mjs";
 import U from "./design-system32.mjs";
-import S from "./design-system102.mjs";
+import S from "./design-system105.mjs";
 const T = { class: "b-text-field" }, j = { class: "ds-relative" }, A = {
   key: 0,
   class: "b-text-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"

package/dist/design-system89.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),y=require("./design-system4.js"),A=require("./design-system52.js"),k=require("./design-system109.js"),P=require("./design-system48.js"),U=require("./design-system3.js"),H=require("./design-system32.js"),O=require("./design-system11.js"),G=require("./design-system31.js"),J=require("./design-system102.js"),K=require("./design-system105.js"),Q=i=>(e.pushScopeId("data-v-8033e228"),i=i(),e.popScopeId(),i),W={class:"b-image-picker ds-w-full"},X={class:"ds-gap-2 ds-space-y-4 ds-rounded-lg ds-bg-white ds-p-4 ds-drop-shadow"},Y={key:0,class:"ds-flex ds-flex-wrap ds-justify-center ds-gap-1"},Z=["onClick","onDragenter","onDragstart","onDrop"],ee=["src"],te=["src"],ae={class:"ds-flex ds-flex-wrap ds-justify-center"},le=Q(()=>e.createElementVNode("svg",{class:"ds-h-4 ds-w-4 ds-fill-primary-t",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M447.1 32h-384C28.64 32-.0091 60.65-.0091 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96C511.1 60.65 483.3 32 447.1 32zM111.1 96c26.51 0 48 21.49 48 48S138.5 192 111.1 192s-48-21.49-48-48S85.48 96 111.1 96zM446.1 407.6C443.3 412.8 437.9 416 432 416H82.01c-6.021 0-11.53-3.379-14.26-8.75c-2.73-5.367-2.215-11.81 1.334-16.68l70-96C142.1 290.4 146.9 288 152 288s9.916 2.441 12.93 6.574l32.46 44.51l93.3-139.1C293.7 194.7 298.7 192 304 192s10.35 2.672 13.31 7.125l128 192C448.6 396 448.9 402.3 446.1 407.6z"})],-1)),se=["accept","multiple"],re=e.defineComponent({__name:"BImagePicker",props:{inputId:{default:""},modelValue:{},label:{default:""},multiple:{type:Boolean,default:!1},maxFileSize:{default:20},hideDetails:{type:Boolean,default:!1},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},validationRules:{default:void 0}},emits:["change","update:modelValue"],setup(i,{expose:V,emit:w}){const l=i,u=w,{t:p}=A.useI18n(),g=e.ref(null),f=e.ref(0),r=e.computed({get(){return l.modelValue},set(t){u("update:modelValue",t)}}),v=e.ref(!0),m=e.ref(!0),c=e.ref({visible:!1,url:""}),_=e.computed(()=>y.FileImageTypes.join(", ")),B=e.computed(()=>l.inputId||`id-${J()}`),D={validateRule:t=>!!t&&t.length>0,errorMessage:()=>l.requiredErrorMessage||p("ds.global.field_required")},C={validateRule:()=>v.value,errorMessage:()=>p("ds.components.base.image_picker.file_types_valid",{types:_.value})},I={validateRule:()=>m.value,errorMessage:()=>p("ds.components.base.image_picker.file_size_valid",{size:l.maxFileSize})},b=e.computed(()=>{let t=[];return l.required&&t.push(D),l.validationRules&&(t=t.concat(l.validationRules)),t.push(C),t.push(I),t.length?t:void 0}),{validate:d,validationResult:E}=U.useValidationField(B.value,r,b.value),q=(t,a)=>{f.value=t,a.target.classList.add("dragging"),a.dataTransfer.effectAllowed="move",a.dataTransfer.setData("index",t.toString())},x=t=>{t.target.classList.remove("dragging")},N=(t,a)=>{const s=a.target;f.value!==t&&s.classList.add("dropped-target")},F=t=>{t.preventDefault(),t.dataTransfer.dropEffect="move"},S=t=>{t.target.classList.remove("dropped-target")},M=(t,a)=>{a.preventDefault(),a.target.classList.remove("dropped-target");const o=parseInt(a.dataTransfer.getData("index")),n=r.value[o];r.value.splice(o,1),r.value.splice(t,0,n),u("change"),d()},R=()=>{var t;(t=g.value)==null||t.click()},T=t=>{let a=t.target.files||t.dataTransfer.files;a.length&&(z(a),g.value&&(g.value.value=null))},z=t=>{Array.from(t).forEach(a=>{if(v.value=y.FileImageTypes.includes(a.type),m.value=j(a.size)<=l.maxFileSize,v.value&&m.value){let s=new FileReader;s.onload=o=>{l.multiple?r.value.push({url:o.target.result,file:a,type:a.type}):r.value={url:o.target.result,file:a,type:a.type},u("change"),d()},s.readAsDataURL(a)}else d()})},L=t=>{r.value.splice(t,1),u("change"),d()},$=()=>{r.value={},u("change"),d()},j=t=>t/1024**2,h=t=>{c.value.url=t.url||"",c.value.visible=!0};return V({validate:d}),(t,a)=>(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(H,{label:l.label},null,8,["label"]),e.createElementVNode("div",X,[e.unref(K)(r.value)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Y,[l.multiple?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(r.value,(s,o)=>(e.openBlock(),e.createElementBlock("div",{key:s.url,class:"b-image-picker__draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t",draggable:"true",onClick:n=>h(s),onDragend:x,onDragenter:n=>N(o,n),onDragleave:S,onDragover:F,onDragstart:n=>q(o,n),onDrop:n=>M(o,n)},[e.createElementVNode("img",{src:s.url,alt:"image",class:"ds-h-full ds-w-full ds-rounded-lg"},null,8,ee),e.createVNode(k,{class:"ds-right-1 ds-top-1 ds-h-8 ds-w-8",onClick:e.withModifiers(n=>L(o),["stop"])},null,8,["onClick"])],40,Z))),128)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"b-image-picker__draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t",draggable:"true",onClick:a[0]||(a[0]=s=>h(r.value))},[e.createElementVNode("img",{src:r.value.url,alt:"image",class:"ds-h-full ds-w-full ds-rounded-lg"},null,8,te),e.createVNode(k,{class:"ds-right-1 ds-top-1 ds-h-8 ds-w-8",onClick:e.withModifiers($,["stop"])})]))])),e.createElementVNode("div",ae,[e.createVNode(O,{onClick:R},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(p)("ds.components.base.image_picker.select_image")),1)]),appendIcon:e.withCtx(()=>[le]),_:1}),e.createElementVNode("input",{ref_key:"inputRef",ref:g,accept:_.value,multiple:l.multiple,class:"ds-hidden",type:"file",onChange:T},null,40,se)])]),l.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(G,{key:0,"error-message":e.unref(E).errorMessage(),class:"ds-mt-1"},null,8,["error-message"])),e.createVNode(P,{modelValue:c.value.visible,"onUpdate:modelValue":a[1]||(a[1]=s=>c.value.visible=s),url:c.value.url},null,8,["modelValue","url"])]))}});module.exports=re;
+"use strict";const e=require("vue"),y=require("./design-system4.js"),A=require("./design-system52.js"),k=require("./design-system107.js"),P=require("./design-system48.js"),U=require("./design-system3.js"),H=require("./design-system32.js"),O=require("./design-system11.js"),G=require("./design-system31.js"),J=require("./design-system105.js"),K=require("./design-system106.js"),Q=i=>(e.pushScopeId("data-v-8033e228"),i=i(),e.popScopeId(),i),W={class:"b-image-picker ds-w-full"},X={class:"ds-gap-2 ds-space-y-4 ds-rounded-lg ds-bg-white ds-p-4 ds-drop-shadow"},Y={key:0,class:"ds-flex ds-flex-wrap ds-justify-center ds-gap-1"},Z=["onClick","onDragenter","onDragstart","onDrop"],ee=["src"],te=["src"],ae={class:"ds-flex ds-flex-wrap ds-justify-center"},le=Q(()=>e.createElementVNode("svg",{class:"ds-h-4 ds-w-4 ds-fill-primary-t",viewBox:"0 0 512 512",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{d:"M447.1 32h-384C28.64 32-.0091 60.65-.0091 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96C511.1 60.65 483.3 32 447.1 32zM111.1 96c26.51 0 48 21.49 48 48S138.5 192 111.1 192s-48-21.49-48-48S85.48 96 111.1 96zM446.1 407.6C443.3 412.8 437.9 416 432 416H82.01c-6.021 0-11.53-3.379-14.26-8.75c-2.73-5.367-2.215-11.81 1.334-16.68l70-96C142.1 290.4 146.9 288 152 288s9.916 2.441 12.93 6.574l32.46 44.51l93.3-139.1C293.7 194.7 298.7 192 304 192s10.35 2.672 13.31 7.125l128 192C448.6 396 448.9 402.3 446.1 407.6z"})],-1)),se=["accept","multiple"],re=e.defineComponent({__name:"BImagePicker",props:{inputId:{default:""},modelValue:{},label:{default:""},multiple:{type:Boolean,default:!1},maxFileSize:{default:20},hideDetails:{type:Boolean,default:!1},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},validationRules:{default:void 0}},emits:["change","update:modelValue"],setup(i,{expose:V,emit:w}){const l=i,u=w,{t:p}=A.useI18n(),g=e.ref(null),f=e.ref(0),r=e.computed({get(){return l.modelValue},set(t){u("update:modelValue",t)}}),v=e.ref(!0),m=e.ref(!0),c=e.ref({visible:!1,url:""}),_=e.computed(()=>y.FileImageTypes.join(", ")),B=e.computed(()=>l.inputId||`id-${J()}`),D={validateRule:t=>!!t&&t.length>0,errorMessage:()=>l.requiredErrorMessage||p("ds.global.field_required")},C={validateRule:()=>v.value,errorMessage:()=>p("ds.components.base.image_picker.file_types_valid",{types:_.value})},I={validateRule:()=>m.value,errorMessage:()=>p("ds.components.base.image_picker.file_size_valid",{size:l.maxFileSize})},b=e.computed(()=>{let t=[];return l.required&&t.push(D),l.validationRules&&(t=t.concat(l.validationRules)),t.push(C),t.push(I),t.length?t:void 0}),{validate:d,validationResult:E}=U.useValidationField(B.value,r,b.value),q=(t,a)=>{f.value=t,a.target.classList.add("dragging"),a.dataTransfer.effectAllowed="move",a.dataTransfer.setData("index",t.toString())},x=t=>{t.target.classList.remove("dragging")},N=(t,a)=>{const s=a.target;f.value!==t&&s.classList.add("dropped-target")},F=t=>{t.preventDefault(),t.dataTransfer.dropEffect="move"},S=t=>{t.target.classList.remove("dropped-target")},M=(t,a)=>{a.preventDefault(),a.target.classList.remove("dropped-target");const o=parseInt(a.dataTransfer.getData("index")),n=r.value[o];r.value.splice(o,1),r.value.splice(t,0,n),u("change"),d()},R=()=>{var t;(t=g.value)==null||t.click()},T=t=>{let a=t.target.files||t.dataTransfer.files;a.length&&(z(a),g.value&&(g.value.value=null))},z=t=>{Array.from(t).forEach(a=>{if(v.value=y.FileImageTypes.includes(a.type),m.value=j(a.size)<=l.maxFileSize,v.value&&m.value){let s=new FileReader;s.onload=o=>{l.multiple?r.value.push({url:o.target.result,file:a,type:a.type}):r.value={url:o.target.result,file:a,type:a.type},u("change"),d()},s.readAsDataURL(a)}else d()})},L=t=>{r.value.splice(t,1),u("change"),d()},$=()=>{r.value={},u("change"),d()},j=t=>t/1024**2,h=t=>{c.value.url=t.url||"",c.value.visible=!0};return V({validate:d}),(t,a)=>(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(H,{label:l.label},null,8,["label"]),e.createElementVNode("div",X,[e.unref(K)(r.value)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Y,[l.multiple?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(r.value,(s,o)=>(e.openBlock(),e.createElementBlock("div",{key:s.url,class:"b-image-picker__draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t",draggable:"true",onClick:n=>h(s),onDragend:x,onDragenter:n=>N(o,n),onDragleave:S,onDragover:F,onDragstart:n=>q(o,n),onDrop:n=>M(o,n)},[e.createElementVNode("img",{src:s.url,alt:"image",class:"ds-h-full ds-w-full ds-rounded-lg"},null,8,ee),e.createVNode(k,{class:"ds-right-1 ds-top-1 ds-h-8 ds-w-8",onClick:e.withModifiers(n=>L(o),["stop"])},null,8,["onClick"])],40,Z))),128)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"b-image-picker__draggable ds-h-full ds-cursor-pointer ds-rounded-lg ds-transition-all hover:ds-ring-2 hover:ds-ring-primary-t",draggable:"true",onClick:a[0]||(a[0]=s=>h(r.value))},[e.createElementVNode("img",{src:r.value.url,alt:"image",class:"ds-h-full ds-w-full ds-rounded-lg"},null,8,te),e.createVNode(k,{class:"ds-right-1 ds-top-1 ds-h-8 ds-w-8",onClick:e.withModifiers($,["stop"])})]))])),e.createElementVNode("div",ae,[e.createVNode(O,{onClick:R},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(p)("ds.components.base.image_picker.select_image")),1)]),appendIcon:e.withCtx(()=>[le]),_:1}),e.createElementVNode("input",{ref_key:"inputRef",ref:g,accept:_.value,multiple:l.multiple,class:"ds-hidden",type:"file",onChange:T},null,40,se)])]),l.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(G,{key:0,"error-message":e.unref(E).errorMessage(),class:"ds-mt-1"},null,8,["error-message"])),e.createVNode(P,{modelValue:c.value.visible,"onUpdate:modelValue":a[1]||(a[1]=s=>c.value.visible=s),url:c.value.url},null,8,["modelValue","url"])]))}});module.exports=re;
 //# sourceMappingURL=design-system89.js.map

package/dist/design-system89.mjs

@@ -1,14 +1,14 @@
 import { defineComponent as W, ref as p, computed as _, openBlock as n, createElementBlock as m, createVNode as v, createElementVNode as i, unref as D, Fragment as X, renderList as Y, withModifiers as I, createCommentVNode as V, withCtx as x, createTextVNode as Z, toDisplayString as ee, createBlock as te, pushScopeId as ae, popScopeId as le } from "vue";
 import { FileImageTypes as S } from "./design-system4.mjs";
 import { useI18n as se } from "./design-system52.mjs";
-import F from "./design-system109.mjs";
+import F from "./design-system107.mjs";
 import re from "./design-system48.mjs";
 import { useValidationField as oe } from "./design-system3.mjs";
 import ie from "./design-system32.mjs";
 import de from "./design-system11.mjs";
 import ne from "./design-system31.mjs";
-import ue from "./design-system102.mjs";
-import ce from "./design-system105.mjs";
+import ue from "./design-system105.mjs";
+import ce from "./design-system106.mjs";
 const ge = (u) => (ae("data-v-8033e228"), u = u(), le(), u), pe = { class: "b-image-picker ds-w-full" }, me = { class: "ds-gap-2 ds-space-y-4 ds-rounded-lg ds-bg-white ds-p-4 ds-drop-shadow" }, ve = {
   key: 0,
   class: "ds-flex ds-flex-wrap ds-justify-center ds-gap-1"

package/dist/design-system92.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),g=require("./design-system32.js"),V=require("./design-system3.js"),q=require("./design-system31.js"),B=require("./design-system52.js"),C=require("./design-system103.js"),E=require("./design-system5.js"),N=require("./design-system102.js"),R={class:"b-currency-field"},I={class:"ds-relative"},S={key:0,class:"b-currency-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},M=["id","autocomplete","disabled","placeholder","readonly"],w={key:1,class:"b-currency-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},$=e.defineComponent({__name:"BCurrencyField",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},label:{default:""},validationRules:{default:void 0},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},hideDetails:{type:Boolean,default:!1},locale:{default:E.SupportedLocale["vi-VN"]}},emits:["press:enter","update:modelValue"],setup(i,{emit:c}){const t=i,a=c;let o;const{t:p}=B.useI18n(),u=e.ref(null),m={validateRule:s=>!!(s&&(s!=null&&s.trim())),errorMessage:()=>t.requiredErrorMessage||p("ds.global.field_required")},r=e.computed(()=>t.inputId||`id-${N()}`),l=e.computed({get(){return t.modelValue},set(s){a("update:modelValue",s)}}),f=e.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":t.disabled,"ds-text-black/[0.85]":!t.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!d.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":d.value.valid},t.inputCssClass]),v=e.computed(()=>{let s=[];return t.required&&s.push(m),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),k=e.computed(()=>t.locale==="en-US"?{mask:"$num",blocks:{num:{mask:Number,thousandsSeparator:" "}}}:[{mask:""},{mask:"num VND",lazy:!1,blocks:{num:{mask:Number,thousandsSeparator:" "}}}]),{validate:b,validationResult:d}=V.useValidationField(r.value,l,v.value);e.watch(()=>t.locale,()=>{n()}),e.watch(()=>t.modelValue,s=>{s!=o.unmaskedValue&&(o.unmaskedValue=s.toString())});const _=()=>{b()},y=()=>{a("press:enter")},h=()=>{l.value=typeof l.value=="number"?+o.unmaskedValue:o.unmaskedValue},n=()=>{o&&o.destroy(),o=C(u.value,k.value),o.on("accept",h)};return e.onMounted(()=>{n(),o.unmaskedValue=l.value.toString()}),(s,x)=>(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(g,{id:r.value,label:s.label,required:s.required},null,8,["id","label","required"]),e.createElementVNode("div",I,[s.$slots.prependIcon?(e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(s.$slots,"prependIcon",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("input",{id:r.value,ref_key:"inputRef",ref:u,autocomplete:t.autocomplete?"on":"off",class:e.normalizeClass([f.value,"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),disabled:t.disabled,placeholder:t.placeholder,readonly:t.readonly,onKeyup:[_,e.withKeys(y,["enter"])]},null,42,M),s.$slots.appendIcon?(e.openBlock(),e.createElementBlock("div",w,[e.renderSlot(s.$slots,"appendIcon",{},void 0,!0)])):e.createCommentVNode("",!0)]),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(q,{key:0,"error-message":e.unref(d).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=$;
+"use strict";const e=require("vue"),g=require("./design-system32.js"),V=require("./design-system3.js"),q=require("./design-system31.js"),B=require("./design-system52.js"),C=require("./design-system103.js"),E=require("./design-system5.js"),N=require("./design-system105.js"),R={class:"b-currency-field"},I={class:"ds-relative"},S={key:0,class:"b-currency-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},M=["id","autocomplete","disabled","placeholder","readonly"],w={key:1,class:"b-currency-field__append-icon ds-absolute ds-right-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"},$=e.defineComponent({__name:"BCurrencyField",props:{inputId:{default:""},inputCssClass:{default:""},modelValue:{},label:{default:""},validationRules:{default:void 0},placeholder:{default:""},autocomplete:{type:Boolean,default:!1},required:{type:Boolean,default:!1},requiredErrorMessage:{default:""},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},hideDetails:{type:Boolean,default:!1},locale:{default:E.SupportedLocale["vi-VN"]}},emits:["press:enter","update:modelValue"],setup(i,{emit:c}){const t=i,a=c;let o;const{t:p}=B.useI18n(),u=e.ref(null),m={validateRule:s=>!!(s&&(s!=null&&s.trim())),errorMessage:()=>t.requiredErrorMessage||p("ds.global.field_required")},r=e.computed(()=>t.inputId||`id-${N()}`),l=e.computed({get(){return t.modelValue},set(s){a("update:modelValue",s)}}),f=e.computed(()=>[{"ds-cursor-not-allowed ds-bg-[#f2f2f2] ds-text-black/[0.4]":t.disabled,"ds-text-black/[0.85]":!t.disabled,"ds-border-error focus:ds-ring-1 focus:ds-ring-error":!d.value.valid,"ds-border-black/[0.1] focus:ds-border-focus focus:ds-ring-1 focus:ds-ring-focus":d.value.valid},t.inputCssClass]),v=e.computed(()=>{let s=[];return t.required&&s.push(m),t.validationRules&&(s=s.concat(t.validationRules)),s.length?s:void 0}),k=e.computed(()=>t.locale==="en-US"?{mask:"$num",blocks:{num:{mask:Number,thousandsSeparator:" "}}}:[{mask:""},{mask:"num VND",lazy:!1,blocks:{num:{mask:Number,thousandsSeparator:" "}}}]),{validate:b,validationResult:d}=V.useValidationField(r.value,l,v.value);e.watch(()=>t.locale,()=>{n()}),e.watch(()=>t.modelValue,s=>{s!=o.unmaskedValue&&(o.unmaskedValue=s.toString())});const _=()=>{b()},y=()=>{a("press:enter")},h=()=>{l.value=typeof l.value=="number"?+o.unmaskedValue:o.unmaskedValue},n=()=>{o&&o.destroy(),o=C(u.value,k.value),o.on("accept",h)};return e.onMounted(()=>{n(),o.unmaskedValue=l.value.toString()}),(s,x)=>(e.openBlock(),e.createElementBlock("div",R,[e.createVNode(g,{id:r.value,label:s.label,required:s.required},null,8,["id","label","required"]),e.createElementVNode("div",I,[s.$slots.prependIcon?(e.openBlock(),e.createElementBlock("div",S,[e.renderSlot(s.$slots,"prependIcon",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("input",{id:r.value,ref_key:"inputRef",ref:u,autocomplete:t.autocomplete?"on":"off",class:e.normalizeClass([f.value,"ds-block ds-h-[40px] ds-w-full ds-rounded-lg ds-border ds-px-3 ds-text-sm ds-drop-shadow-light"]),disabled:t.disabled,placeholder:t.placeholder,readonly:t.readonly,onKeyup:[_,e.withKeys(y,["enter"])]},null,42,M),s.$slots.appendIcon?(e.openBlock(),e.createElementBlock("div",w,[e.renderSlot(s.$slots,"appendIcon",{},void 0,!0)])):e.createCommentVNode("",!0)]),s.hideDetails?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(q,{key:0,"error-message":e.unref(d).errorMessage(),class:"ds-mt-1"},null,8,["error-message"]))]))}});module.exports=$;
 //# sourceMappingURL=design-system92.js.map

package/dist/design-system92.mjs

@@ -5,7 +5,7 @@ import D from "./design-system31.mjs";
 import { useI18n as U } from "./design-system52.mjs";
 import F from "./design-system103.mjs";
 import { SupportedLocale as A } from "./design-system5.mjs";
-import L from "./design-system102.mjs";
+import L from "./design-system105.mjs";
 const O = { class: "b-currency-field" }, j = { class: "ds-relative" }, G = {
   key: 0,
   class: "b-currency-field__prepend-icon ds-absolute ds-left-3 ds-top-0 ds-z-[1] ds-flex ds-h-full ds-cursor-pointer ds-items-center hover:ds-text-primary-t"

package/dist/design-system94.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),i=require("./design-system102.js"),c={class:"b-switch ds-flex ds-items-center"},p=["id","disabled","value"],m=["for"],b=["for"],f=e.defineComponent({__name:"BSwitch",props:{inputId:{default:""},modelValue:{type:[Boolean,Array],default:!1},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(d,{emit:n}){const t=d,u=n,o=e.computed(()=>t.inputId||`id-${i()}`),a=e.computed({get(){return t.modelValue},set(l){u("update:modelValue",l)}});return(l,s)=>(e.openBlock(),e.createElementBlock("div",c,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=r=>a.value=r),id:o.value,disabled:t.disabled,value:l.$attrs.value,type:"checkbox",class:"b-switch__input"},null,8,p),[[e.vModelCheckbox,a.value]]),e.createElementVNode("label",{for:o.value,class:"b-switch__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"},null,8,m),t.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.labelOrphan?void 0:o.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,b)):e.createCommentVNode("",!0)]))}});module.exports=f;
+"use strict";const e=require("vue"),i=require("./design-system105.js"),c={class:"b-switch ds-flex ds-items-center"},p=["id","disabled","value"],m=["for"],b=["for"],f=e.defineComponent({__name:"BSwitch",props:{inputId:{default:""},modelValue:{type:[Boolean,Array],default:!1},label:{default:""},labelOrphan:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(d,{emit:n}){const t=d,u=n,o=e.computed(()=>t.inputId||`id-${i()}`),a=e.computed({get(){return t.modelValue},set(l){u("update:modelValue",l)}});return(l,s)=>(e.openBlock(),e.createElementBlock("div",c,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":s[0]||(s[0]=r=>a.value=r),id:o.value,disabled:t.disabled,value:l.$attrs.value,type:"checkbox",class:"b-switch__input"},null,8,p),[[e.vModelCheckbox,a.value]]),e.createElementVNode("label",{for:o.value,class:"b-switch__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"},null,8,m),t.label||l.$slots.default?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.labelOrphan?void 0:o.value,class:"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)],8,b)):e.createCommentVNode("",!0)]))}});module.exports=f;
 //# sourceMappingURL=design-system94.js.map

package/dist/design-system94.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as m, computed as d, openBlock as s, createElementBlock as r, withDirectives as f, createElementVNode as u, vModelCheckbox as b, renderSlot as h, createTextVNode as v, toDisplayString as _, createCommentVNode as y } from "vue";
-import V from "./design-system102.mjs";
+import V from "./design-system105.mjs";
 const k = { class: "b-switch ds-flex ds-items-center" }, w = ["id", "disabled", "value"], B = ["for"], x = ["for"], C = /* @__PURE__ */ m({
   __name: "BSwitch",
   props: {