@7pmlabs/design-system 2.0.8 → 2.1.0

package/dist/design-system137.js

@@ -1,236 +0,0 @@
-import e from "./design-system129.js";
-import { BMenuContextKey as t, BMenuSubMenuContextKey as n, isDivider as r, isItemGroup as i, isSubMenu as a } from "./design-system130.js";
-import o from "./design-system133.js";
-import s from "./design-system136.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, defineComponent as h, inject as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, openBlock as b, provide as x, ref as S, renderList as C, renderSlot as w, resolveComponent as T, toDisplayString as E, unref as D } from "vue";
-//#region src/components/BMenu/BMenuSubMenu.vue?vue&type=script&setup=true&lang.ts
-var O = ["data-menu-key"], k = [
-	"tabindex",
-	"aria-expanded",
-	"aria-disabled"
-], A = {
-	key: 0,
-	class: "b-menu-submenu__icon",
-	"aria-hidden": "true"
-}, j = {
-	key: 1,
-	class: "b-menu-submenu__label"
-}, M = {
-	key: 2,
-	class: "b-menu-submenu__arrow",
-	"aria-hidden": "true"
-}, N = {
-	class: "b-menu-submenu__inline-list",
-	role: "menu"
-}, P = {
-	class: "b-menu-submenu__popup-inner",
-	role: "menu"
-}, F = /* @__PURE__ */ h({
-	__name: "BMenuSubMenu",
-	props: {
-		itemKey: {},
-		label: { default: "" },
-		icon: { default: void 0 },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		children: { default: () => [] },
-		popupClassName: { default: "" }
-	},
-	setup(h) {
-		let F = h, I = g(t), L = g(n, null), R = l(() => (L?.level ?? 0) + 1), z = l(() => [...L?.keyPath ?? [], F.itemKey]);
-		x(n, {
-			level: R.value,
-			keyPath: z.value
-		});
-		let B = l(() => I.openKeys.value.includes(F.itemKey)), V = l(() => {
-			function e(t) {
-				for (let n of t) if ("key" in n && I.selectedKeys.value.includes(n.key) || a(n) && n.children && e(n.children) || i(n) && n.children && e(n.children)) return !0;
-				return !1;
-			}
-			return e(F.children);
-		}), H = l(() => {
-			if (I.mode.value === "inline" && !I.inlineCollapsed.value) return `${R.value * I.inlineIndent.value}px`;
-		}), U = l(() => I.mode.value !== "inline" || I.inlineCollapsed.value), W = S(null), G = S(null), K = null, q = null;
-		function J() {
-			K &&= (clearTimeout(K), null), q &&= (clearTimeout(q), null);
-		}
-		function Y() {
-			F.disabled || I.onOpenChange(F.itemKey, !B.value);
-		}
-		function X() {
-			F.disabled || (U.value ? I.triggerSubMenuAction.value === "click" && Y() : Y());
-		}
-		function Z(e) {
-			if (!F.disabled) switch (e.key) {
-				case "Enter":
-				case " ":
-					e.preventDefault(), Y();
-					break;
-				case "ArrowRight":
-					I.mode.value !== "inline" && !B.value && (e.preventDefault(), I.onOpenChange(F.itemKey, !0));
-					break;
-				case "ArrowLeft":
-					I.mode.value !== "inline" && B.value && (e.preventDefault(), I.onOpenChange(F.itemKey, !1));
-					break;
-				case "Escape":
-					B.value && (e.preventDefault(), I.onOpenChange(F.itemKey, !1), W.value?.focus());
-					break;
-			}
-		}
-		function Q() {
-			if (F.disabled || !U.value || I.triggerSubMenuAction.value !== "hover") return;
-			J();
-			let e = I.subMenuOpenDelay.value;
-			e > 0 ? K = setTimeout(() => I.onOpenChange(F.itemKey, !0), e) : I.onOpenChange(F.itemKey, !0);
-		}
-		function $() {
-			if (F.disabled || !U.value || I.triggerSubMenuAction.value !== "hover") return;
-			J();
-			let e = I.subMenuCloseDelay.value;
-			e > 0 ? q = setTimeout(() => I.onOpenChange(F.itemKey, !1), e) : I.onOpenChange(F.itemKey, !1);
-		}
-		y(() => {
-			J();
-		});
-		let ee = l(() => ["b-menu-submenu__title", {
-			"b-menu-submenu__title--open": B.value,
-			"b-menu-submenu__title--disabled": F.disabled,
-			"b-menu-submenu__title--selected": V.value,
-			"b-menu-submenu__title--horizontal": I.mode.value === "horizontal"
-		}]), te = l(() => ["b-menu-submenu", {
-			"b-menu-submenu--open": B.value,
-			"b-menu-submenu--disabled": F.disabled,
-			"b-menu-submenu--horizontal": I.mode.value === "horizontal",
-			"b-menu-submenu--collapsed": I.inlineCollapsed.value,
-			"b-menu-submenu--popup": U.value
-		}]), ne = l(() => [
-			"b-menu-submenu__popup",
-			F.popupClassName,
-			{
-				"b-menu-submenu__popup--visible": B.value,
-				"b-menu-submenu__popup--horizontal": I.mode.value === "horizontal",
-				"b-menu-submenu__popup--vertical": I.mode.value === "vertical" || I.inlineCollapsed.value
-			}
-		]), re = l(() => ["b-menu-submenu__inline", { "b-menu-submenu__inline--open": B.value }]);
-		return (t, n) => {
-			let l = T("BMenuSubMenu", !0);
-			return b(), f("li", {
-				class: _(te.value),
-				"data-menu-key": F.itemKey,
-				role: "none",
-				onMouseenter: Q,
-				onMouseleave: $
-			}, [
-				p("div", {
-					ref_key: "titleRef",
-					ref: W,
-					class: _(ee.value),
-					style: v({ paddingInlineStart: H.value }),
-					role: "menuitem",
-					tabindex: F.disabled ? -1 : 0,
-					"aria-haspopup": !0,
-					"aria-expanded": B.value,
-					"aria-disabled": F.disabled || void 0,
-					onClick: X,
-					onKeydown: Z
-				}, [
-					F.icon || t.$slots.icon ? (b(), f("span", A, [w(t.$slots, "icon", {}, () => [m(E(F.icon), 1)])])) : d("", !0),
-					D(I).inlineCollapsed.value ? d("", !0) : (b(), f("span", j, [w(t.$slots, "title", {}, () => [m(E(F.label), 1)])])),
-					D(I).inlineCollapsed.value ? d("", !0) : (b(), f("span", M))
-				], 46, k),
-				U.value ? d("", !0) : (b(), f("div", {
-					key: 0,
-					class: _(re.value),
-					role: "none"
-				}, [p("ul", N, [w(t.$slots, "default", {}, () => [(b(!0), f(c, null, C(F.children, (t) => (b(), f(c, { key: t.key ?? t.type }, [D(r)(t) ? (b(), u(e, {
-					key: 0,
-					dashed: t.dashed
-				}, null, 8, ["dashed"])) : D(i)(t) ? (b(), u(s, {
-					key: 1,
-					label: t.label,
-					children: t.children
-				}, null, 8, ["label", "children"])) : D(a)(t) ? (b(), u(l, {
-					key: 2,
-					"item-key": t.key,
-					label: t.label,
-					icon: t.icon,
-					disabled: t.disabled,
-					children: t.children,
-					"popup-class-name": t.popupClassName
-				}, null, 8, [
-					"item-key",
-					"label",
-					"icon",
-					"disabled",
-					"children",
-					"popup-class-name"
-				])) : (b(), u(o, {
-					key: 3,
-					"item-key": t.key,
-					label: t.label,
-					icon: t.icon,
-					disabled: t.disabled,
-					danger: t.danger,
-					extra: t.extra
-				}, null, 8, [
-					"item-key",
-					"label",
-					"icon",
-					"disabled",
-					"danger",
-					"extra"
-				]))], 64))), 128))])])], 2)),
-				U.value ? (b(), f("div", {
-					key: 1,
-					ref_key: "popupRef",
-					ref: G,
-					class: _(ne.value),
-					role: "none"
-				}, [p("ul", P, [w(t.$slots, "default", {}, () => [(b(!0), f(c, null, C(F.children, (t) => (b(), f(c, { key: t.key ?? t.type }, [D(r)(t) ? (b(), u(e, {
-					key: 0,
-					dashed: t.dashed
-				}, null, 8, ["dashed"])) : D(i)(t) ? (b(), u(s, {
-					key: 1,
-					label: t.label,
-					children: t.children
-				}, null, 8, ["label", "children"])) : D(a)(t) ? (b(), u(l, {
-					key: 2,
-					"item-key": t.key,
-					label: t.label,
-					icon: t.icon,
-					disabled: t.disabled,
-					children: t.children,
-					"popup-class-name": t.popupClassName
-				}, null, 8, [
-					"item-key",
-					"label",
-					"icon",
-					"disabled",
-					"children",
-					"popup-class-name"
-				])) : (b(), u(o, {
-					key: 3,
-					"item-key": t.key,
-					label: t.label,
-					icon: t.icon,
-					disabled: t.disabled,
-					danger: t.danger,
-					extra: t.extra
-				}, null, 8, [
-					"item-key",
-					"label",
-					"icon",
-					"disabled",
-					"danger",
-					"extra"
-				]))], 64))), 128))])])], 2)) : d("", !0)
-			], 42, O);
-		};
-	}
-});
-//#endregion
-export { F as default };
-
-//# sourceMappingURL=design-system137.js.map

package/dist/design-system137.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-system137.js","names":["$slots"],"sources":["../src/components/BMenu/BMenuSubMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, onBeforeUnmount, provide, ref } from 'vue';\nimport BMenuDivider from './BMenuDivider.vue';\nimport BMenuItem from './BMenuItem.vue';\nimport BMenuItemGroup from './BMenuItemGroup.vue';\nimport {\n  BMenuContextKey,\n  BMenuSubMenuContextKey,\n  isDivider,\n  isItemGroup,\n  isSubMenu,\n  type BMenuContext,\n  type BMenuItemUnion,\n  type BMenuSubMenuContext,\n} from './types';\n\n// ─────────────────────────────────────────────\n// Props\n// ─────────────────────────────────────────────\nconst props = withDefaults(\n  defineProps<{\n    /** Unique key identifying this submenu. */\n    itemKey: string;\n    /** Display label of the submenu title. */\n    label?: string;\n    /** Icon name rendered before the label. */\n    icon?: string;\n    /** Whether the submenu is disabled. @default false */\n    disabled?: boolean;\n    /** Child menu items. */\n    children?: BMenuItemUnion[];\n    /** Extra class for popup container. */\n    popupClassName?: string;\n  }>(),\n  {\n    label: '',\n    icon: undefined,\n    disabled: false,\n    children: () => [],\n    popupClassName: '',\n  },\n);\n\ndefineSlots<{\n  default?(): unknown;\n  icon?(): unknown;\n  title?(): unknown;\n}>();\n\n// ─────────────────────────────────────────────\n// Inject context\n// ─────────────────────────────────────────────\nconst menu = inject<BMenuContext>(BMenuContextKey)!;\nconst parentSubMenu = inject<BMenuSubMenuContext | null>(BMenuSubMenuContextKey, null);\n\nconst level = computed(() => (parentSubMenu?.level ?? 0) + 1);\nconst keyPath = computed(() => [...(parentSubMenu?.keyPath ?? []), props.itemKey]);\n\n// Provide context for children\nprovide<BMenuSubMenuContext>(BMenuSubMenuContextKey, {\n  level: level.value,\n  keyPath: keyPath.value,\n});\n\n// ─────────────────────────────────────────────\n// Open state\n// ─────────────────────────────────────────────\nconst isOpen = computed(() => menu.openKeys.value.includes(props.itemKey));\n\nconst hasSelectedChild = computed(() => {\n  function checkChildren(items: BMenuItemUnion[]): boolean {\n    for (const item of items) {\n      if ('key' in item && menu.selectedKeys.value.includes(item.key!)) return true;\n      if (isSubMenu(item) && item.children) {\n        if (checkChildren(item.children)) return true;\n      }\n      if (isItemGroup(item) && item.children) {\n        if (checkChildren(item.children)) return true;\n      }\n    }\n    return false;\n  }\n  return checkChildren(props.children);\n});\n\n// ─────────────────────────────────────────────\n// Inline indentation\n// ─────────────────────────────────────────────\nconst paddingLeft = computed(() => {\n  if (menu.mode.value !== 'inline') return undefined;\n  if (menu.inlineCollapsed.value) return undefined;\n  return `${level.value * menu.inlineIndent.value}px`;\n});\n\n// ─────────────────────────────────────────────\n// Popup positioning (vertical / horizontal)\n// ─────────────────────────────────────────────\nconst isPopupMode = computed(() => menu.mode.value !== 'inline' || menu.inlineCollapsed.value);\n\nconst titleRef = ref<HTMLElement | null>(null);\nconst popupRef = ref<HTMLElement | null>(null);\n\nlet openTimer: ReturnType<typeof setTimeout> | null = null;\nlet closeTimer: ReturnType<typeof setTimeout> | null = null;\n\nfunction clearTimers() {\n  if (openTimer) {\n    clearTimeout(openTimer);\n    openTimer = null;\n  }\n  if (closeTimer) {\n    clearTimeout(closeTimer);\n    closeTimer = null;\n  }\n}\n\n// ─────────────────────────────────────────────\n// Handlers\n// ─────────────────────────────────────────────\nfunction toggleOpen() {\n  if (props.disabled) return;\n  menu.onOpenChange(props.itemKey, !isOpen.value);\n}\n\nfunction handleTitleClick() {\n  if (props.disabled) return;\n  if (!isPopupMode.value) {\n    toggleOpen();\n  } else if (menu.triggerSubMenuAction.value === 'click') {\n    toggleOpen();\n  }\n}\n\nfunction handleTitleKeydown(e: KeyboardEvent) {\n  if (props.disabled) return;\n\n  switch (e.key) {\n    case 'Enter':\n    case ' ':\n      e.preventDefault();\n      toggleOpen();\n      break;\n    case 'ArrowRight':\n      if (menu.mode.value !== 'inline' && !isOpen.value) {\n        e.preventDefault();\n        menu.onOpenChange(props.itemKey, true);\n      }\n      break;\n    case 'ArrowLeft':\n      if (menu.mode.value !== 'inline' && isOpen.value) {\n        e.preventDefault();\n        menu.onOpenChange(props.itemKey, false);\n      }\n      break;\n    case 'Escape':\n      if (isOpen.value) {\n        e.preventDefault();\n        menu.onOpenChange(props.itemKey, false);\n        titleRef.value?.focus();\n      }\n      break;\n  }\n}\n\nfunction handleMouseEnter() {\n  if (props.disabled || !isPopupMode.value) return;\n  if (menu.triggerSubMenuAction.value !== 'hover') return;\n\n  clearTimers();\n  const delay = menu.subMenuOpenDelay.value;\n  if (delay > 0) {\n    openTimer = setTimeout(() => menu.onOpenChange(props.itemKey, true), delay);\n  } else {\n    menu.onOpenChange(props.itemKey, true);\n  }\n}\n\nfunction handleMouseLeave() {\n  if (props.disabled || !isPopupMode.value) return;\n  if (menu.triggerSubMenuAction.value !== 'hover') return;\n\n  clearTimers();\n  const delay = menu.subMenuCloseDelay.value;\n  if (delay > 0) {\n    closeTimer = setTimeout(() => menu.onOpenChange(props.itemKey, false), delay);\n  } else {\n    menu.onOpenChange(props.itemKey, false);\n  }\n}\n\nonBeforeUnmount(() => {\n  clearTimers();\n});\n\n// ─────────────────────────────────────────────\n// Classes\n// ─────────────────────────────────────────────\nconst titleClasses = computed(() => [\n  'b-menu-submenu__title',\n  {\n    'b-menu-submenu__title--open': isOpen.value,\n    'b-menu-submenu__title--disabled': props.disabled,\n    'b-menu-submenu__title--selected': hasSelectedChild.value,\n    'b-menu-submenu__title--horizontal': menu.mode.value === 'horizontal',\n  },\n]);\n\nconst submenuClasses = computed(() => [\n  'b-menu-submenu',\n  {\n    'b-menu-submenu--open': isOpen.value,\n    'b-menu-submenu--disabled': props.disabled,\n    'b-menu-submenu--horizontal': menu.mode.value === 'horizontal',\n    'b-menu-submenu--collapsed': menu.inlineCollapsed.value,\n    'b-menu-submenu--popup': isPopupMode.value,\n  },\n]);\n\nconst popupClasses = computed(() => [\n  'b-menu-submenu__popup',\n  props.popupClassName,\n  {\n    'b-menu-submenu__popup--visible': isOpen.value,\n    'b-menu-submenu__popup--horizontal': menu.mode.value === 'horizontal',\n    'b-menu-submenu__popup--vertical': menu.mode.value === 'vertical' || menu.inlineCollapsed.value,\n  },\n]);\n\nconst inlineContentClasses = computed(() => [\n  'b-menu-submenu__inline',\n  {\n    'b-menu-submenu__inline--open': isOpen.value,\n  },\n]);\n</script>\n\n<template>\n  <li\n    :class=\"submenuClasses\"\n    :data-menu-key=\"props.itemKey\"\n    role=\"none\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <!-- Title -->\n    <div\n      ref=\"titleRef\"\n      :class=\"titleClasses\"\n      :style=\"{ paddingInlineStart: paddingLeft }\"\n      role=\"menuitem\"\n      :tabindex=\"props.disabled ? -1 : 0\"\n      :aria-haspopup=\"true\"\n      :aria-expanded=\"isOpen\"\n      :aria-disabled=\"props.disabled || undefined\"\n      @click=\"handleTitleClick\"\n      @keydown=\"handleTitleKeydown\"\n    >\n      <span v-if=\"props.icon || $slots.icon\" class=\"b-menu-submenu__icon\" aria-hidden=\"true\">\n        <slot name=\"icon\">{{ props.icon }}</slot>\n      </span>\n      <span v-if=\"!menu.inlineCollapsed.value\" class=\"b-menu-submenu__label\">\n        <slot name=\"title\">{{ props.label }}</slot>\n      </span>\n      <span v-if=\"!menu.inlineCollapsed.value\" class=\"b-menu-submenu__arrow\" aria-hidden=\"true\" />\n    </div>\n\n    <!-- Inline content (inline mode) -->\n    <div v-if=\"!isPopupMode\" :class=\"inlineContentClasses\" role=\"none\">\n      <ul class=\"b-menu-submenu__inline-list\" role=\"menu\">\n        <slot>\n          <template v-for=\"item in props.children\" :key=\"item.key ?? (item as any).type\">\n            <BMenuDivider v-if=\"isDivider(item)\" :dashed=\"item.dashed\" />\n            <BMenuItemGroup\n              v-else-if=\"isItemGroup(item)\"\n              :label=\"item.label\"\n              :children=\"item.children\"\n            />\n            <BMenuSubMenu\n              v-else-if=\"isSubMenu(item)\"\n              :item-key=\"item.key\"\n              :label=\"item.label\"\n              :icon=\"item.icon\"\n              :disabled=\"item.disabled\"\n              :children=\"item.children\"\n              :popup-class-name=\"item.popupClassName\"\n            />\n            <BMenuItem\n              v-else\n              :item-key=\"item.key\"\n              :label=\"item.label\"\n              :icon=\"item.icon\"\n              :disabled=\"item.disabled\"\n              :danger=\"(item as any).danger\"\n              :extra=\"(item as any).extra\"\n            />\n          </template>\n        </slot>\n      </ul>\n    </div>\n\n    <!-- Popup content (vertical / horizontal / collapsed) -->\n    <div v-if=\"isPopupMode\" ref=\"popupRef\" :class=\"popupClasses\" role=\"none\">\n      <ul class=\"b-menu-submenu__popup-inner\" role=\"menu\">\n        <slot>\n          <template v-for=\"item in props.children\" :key=\"item.key ?? (item as any).type\">\n            <BMenuDivider v-if=\"isDivider(item)\" :dashed=\"item.dashed\" />\n            <BMenuItemGroup\n              v-else-if=\"isItemGroup(item)\"\n              :label=\"item.label\"\n              :children=\"item.children\"\n            />\n            <BMenuSubMenu\n              v-else-if=\"isSubMenu(item)\"\n              :item-key=\"item.key\"\n              :label=\"item.label\"\n              :icon=\"item.icon\"\n              :disabled=\"item.disabled\"\n              :children=\"item.children\"\n              :popup-class-name=\"item.popupClassName\"\n            />\n            <BMenuItem\n              v-else\n              :item-key=\"item.key\"\n              :label=\"item.label\"\n              :icon=\"item.icon\"\n              :disabled=\"item.disabled\"\n              :danger=\"(item as any).danger\"\n              :extra=\"(item as any).extra\"\n            />\n          </template>\n        </slot>\n      </ul>\n    </div>\n  </li>\n</template>\n\n<style>\n/* ─────────────────────────────────────────────\n   BMenuSubMenu\n   ───────────────────────────────────────────── */\n.b-menu-submenu {\n  list-style: none;\n  position: relative;\n}\n\n.b-menu-submenu--horizontal {\n  display: inline-flex;\n  flex-direction: column;\n  position: relative;\n}\n\n/* ── Title ── */\n.b-menu-submenu__title {\n  display: flex;\n  align-items: center;\n  height: var(--b-menu-item-height);\n  margin-block: var(--b-menu-item-margin-block);\n  margin-inline: var(--b-menu-item-margin-inline);\n  padding-inline: var(--b-menu-item-padding-inline);\n  border-radius: var(--b-menu-item-border-radius);\n  color: var(--b-menu-item-color);\n  cursor: pointer;\n  user-select: none;\n  outline: none;\n  position: relative;\n  transition:\n    background var(--b-menu-transition-duration),\n    color var(--b-menu-transition-duration),\n    padding var(--b-menu-transition-duration);\n  box-sizing: border-box;\n}\n\n.b-menu-submenu__title:hover:not(.b-menu-submenu__title--disabled) {\n  background: var(--b-menu-item-hover-bg);\n  color: var(--b-menu-item-hover-color);\n}\n\n.b-menu-submenu__title:focus-visible {\n  outline: 2px solid #1677ff;\n  outline-offset: -2px;\n}\n\n.b-menu-submenu__title--selected {\n  color: var(--b-menu-sub-menu-item-selected-color);\n}\n\n.b-menu-submenu__title--disabled {\n  color: var(--b-menu-item-disabled-color);\n  cursor: not-allowed;\n}\n\n/* ── Horizontal title ── */\n.b-menu-submenu__title--horizontal {\n  margin-block: 0;\n  border-radius: var(--b-menu-horizontal-item-border-radius);\n  height: auto;\n  line-height: var(--b-menu-horizontal-line-height);\n}\n\n.b-menu-submenu__title--horizontal::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: var(--b-menu-item-padding-inline);\n  right: var(--b-menu-item-padding-inline);\n  height: var(--b-menu-active-bar-height);\n  background: transparent;\n  transition: background var(--b-menu-transition-duration);\n}\n\n.b-menu-submenu__title--horizontal:hover:not(.b-menu-submenu__title--disabled) {\n  background: var(--b-menu-horizontal-item-hover-bg);\n  color: var(--b-menu-horizontal-item-hover-color);\n}\n\n.b-menu-submenu__title--horizontal.b-menu-submenu__title--selected {\n  color: var(--b-menu-horizontal-item-selected-color);\n}\n\n.b-menu-submenu__title--horizontal.b-menu-submenu__title--selected::after {\n  background: var(--b-menu-horizontal-item-selected-color);\n}\n\n/* ── Icon & Label ── */\n.b-menu-submenu__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-size: var(--b-menu-icon-size);\n  margin-inline-end: var(--b-menu-icon-margin-inline-end);\n}\n\n.b-menu-submenu__label {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* ── Expand arrow (CSS-only) ── */\n.b-menu-submenu__arrow {\n  display: inline-block;\n  width: 0;\n  height: 0;\n  margin-inline-start: auto;\n  padding-inline-start: 8px;\n  position: relative;\n}\n\n.b-menu-submenu__arrow::before,\n.b-menu-submenu__arrow::after {\n  content: '';\n  position: absolute;\n  width: 6px;\n  height: 1.5px;\n  background: currentColor;\n  border-radius: 1px;\n  transition: transform var(--b-menu-transition-duration);\n  top: 50%;\n}\n\n.b-menu-submenu__arrow::before {\n  transform: rotate(-45deg) translateX(2px);\n}\n\n.b-menu-submenu__arrow::after {\n  transform: rotate(45deg) translateX(-2px);\n}\n\n.b-menu-submenu__title--open .b-menu-submenu__arrow::before {\n  transform: rotate(45deg) translateX(2px);\n}\n\n.b-menu-submenu__title--open .b-menu-submenu__arrow::after {\n  transform: rotate(-45deg) translateX(-2px);\n}\n\n/* Collapsed submenu hides arrow */\n.b-menu-submenu--collapsed .b-menu-submenu__title {\n  justify-content: center;\n  padding-inline: 0;\n}\n\n.b-menu-submenu--collapsed .b-menu-submenu__icon {\n  font-size: var(--b-menu-collapsed-icon-size);\n  margin-inline-end: 0;\n}\n\n/* ─────────────────────────────────────────────\n   Inline content (expand/collapse via grid)\n   ───────────────────────────────────────────── */\n.b-menu-submenu__inline {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows var(--b-menu-transition-duration) ease;\n  overflow: hidden;\n}\n\n.b-menu-submenu__inline--open {\n  grid-template-rows: 1fr;\n}\n\n.b-menu-submenu__inline-list {\n  min-height: 0;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  background: var(--b-menu-sub-menu-item-bg);\n}\n\n/* ─────────────────────────────────────────────\n   Popup content (fly-out)\n   ───────────────────────────────────────────── */\n.b-menu-submenu__popup {\n  position: absolute;\n  z-index: var(--b-menu-popup-z-index);\n  min-width: var(--b-menu-dropdown-width);\n  visibility: hidden;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    opacity var(--b-menu-transition-duration),\n    visibility var(--b-menu-transition-duration);\n}\n\n.b-menu-submenu__popup--visible {\n  visibility: visible;\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.b-menu-submenu__popup--horizontal {\n  top: 100%;\n  left: 0;\n  padding-top: 4px;\n}\n\n.b-menu-submenu__popup--vertical {\n  top: 0;\n  left: 100%;\n  padding-inline-start: 4px;\n}\n\n.b-menu-submenu__popup-inner {\n  background: var(--b-menu-popup-bg);\n  border-radius: var(--b-menu-popup-border-radius);\n  box-shadow: var(--b-menu-popup-shadow);\n  padding: 4px;\n  list-style: none;\n  margin: 0;\n}\n\n.b-menu-submenu__popup-inner .b-menu-item {\n  border-radius: var(--b-menu-sub-menu-item-border-radius);\n  margin-inline: 0;\n}\n\n/* ── Reduced motion ── */\n@media (prefers-reduced-motion: reduce) {\n  .b-menu-submenu__title {\n    transition: none;\n  }\n\n  .b-menu-submenu__arrow::before,\n  .b-menu-submenu__arrow::after {\n    transition: none;\n  }\n\n  .b-menu-submenu__inline {\n    transition: none;\n  }\n\n  .b-menu-submenu__popup {\n    transition: none;\n  }\n\n  .b-menu-submenu__title--horizontal::after {\n    transition: none;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/design-system147.js

@@ -1,40 +0,0 @@
-import e from "./design-system29.js";
-import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, openBlock as s, renderSlot as c, toDisplayString as l, unref as u, withCtx as d } from "vue";
-//#region src/components/BModal/BModalFooter.vue?vue&type=script&setup=true&lang.ts
-var f = { class: "b:mt-2 b:flex b:items-center b:bg-white" }, p = { class: "b:flex b:flex-initial b:gap-x-2" }, m = /* @__PURE__ */ o({
-	__name: "BModalFooter",
-	props: {
-		cancelText: { default: "Cancel" },
-		hideCancel: { type: Boolean },
-		cancelDisabled: { type: Boolean },
-		okText: { default: "OK" },
-		hideOk: { type: Boolean },
-		okDisabled: { type: Boolean }
-	},
-	emits: ["cancel", "ok"],
-	setup(o, { emit: m }) {
-		let h = m;
-		return (m, g) => (s(), r("div", f, [c(m.$slots, "left", {}, () => [g[2] ||= i("div", { class: "b:flex-auto" }, null, -1)]), c(m.$slots, "right", {}, () => [i("div", p, [o.hideCancel ? n("", !0) : (s(), t(u(e), {
-			key: 0,
-			variant: "outlined",
-			color: "secondary",
-			autofocus: "",
-			disabled: o.cancelDisabled,
-			onClick: g[0] ||= (e) => h("cancel")
-		}, {
-			default: d(() => [a(l(o.cancelText), 1)]),
-			_: 1
-		}, 8, ["disabled"])), o.hideOk ? n("", !0) : (s(), t(u(e), {
-			key: 1,
-			disabled: o.okDisabled,
-			onClick: g[1] ||= (e) => h("ok")
-		}, {
-			default: d(() => [a(l(o.okText), 1)]),
-			_: 1
-		}, 8, ["disabled"]))])])]));
-	}
-});
-//#endregion
-export { m as default };
-
-//# sourceMappingURL=design-system147.js.map

package/dist/design-system147.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-system147.js","names":[],"sources":["../src/components/BModal/BModalFooter.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { BButton } from '@/components';\n\nconst { cancelText = 'Cancel', okText = 'OK' } = defineProps<{\n  /**\n   * Text to display on the cancel button.\n   */\n  cancelText?: string;\n  /**\n   * If true, the cancel button will not be displayed.\n   */\n  hideCancel?: boolean;\n  /**\n   * If true, the cancel button will be disabled.\n   */\n  cancelDisabled?: boolean;\n  /**\n   * Text to display on the OK button.\n   */\n  okText?: string;\n  /**\n   * If true, the OK button will not be displayed.\n   */\n  hideOk?: boolean;\n  /**\n   * If true, the OK button will be disabled.\n   */\n  okDisabled?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  /**\n   * Emitted when the cancel button is clicked.\n   */\n  cancel: [];\n  /**\n   * Emitted when the OK button is clicked.\n   */\n  ok: [];\n}>();\n</script>\n\n<template>\n  <div class=\"b:mt-2 b:flex b:items-center b:bg-white\">\n    <slot name=\"left\">\n      <div class=\"b:flex-auto\"></div>\n    </slot>\n\n    <slot name=\"right\">\n      <div class=\"b:flex b:flex-initial b:gap-x-2\">\n        <BButton\n          v-if=\"!hideCancel\"\n          variant=\"outlined\"\n          color=\"secondary\"\n          autofocus\n          :disabled=\"cancelDisabled\"\n          @click=\"emit('cancel')\"\n        >\n          {{ cancelText }}\n        </BButton>\n        <BButton v-if=\"!hideOk\" :disabled=\"okDisabled\" @click=\"emit('ok')\">\n          {{ okText }}\n        </BButton>\n      </div>\n    </slot>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EA8BA,IAAM,IAAO;yBAaX,EAsBM,OAtBN,GAsBM,CArBJ,EAEO,EAAA,QAAA,QAAA,EAAA,QAAA,CAAA,AAAA,EAAA,OADL,EAA+B,OAAA,EAA1B,OAAM,eAAa,EAAA,MAAA,GAAA,CAAA,CAAA,EAG1B,EAgBO,EAAA,QAAA,SAAA,EAAA,QAAA,CAfL,EAcM,OAdN,GAcM,CAZK,EAAA,0BAAA,GAAA,EADT,EASU,EAAA,EAAA,EAAA;;GAPR,SAAQ;GACR,OAAM;GACN,WAAA;GACC,UAAU,EAAA;GACV,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,SAAA;;oBAEI,CAAA,EAAA,EAAb,EAAA,WAAU,EAAA,EAAA,CAAA,CAAA;;wBAEC,EAAA,sBAAA,GAAA,EAAhB,EAEU,EAAA,EAAA,EAAA;;GAFe,UAAU,EAAA;GAAa,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,KAAA;;oBAC7C,CAAA,EAAA,EAAT,EAAA,OAAM,EAAA,EAAA,CAAA,CAAA"}

package/dist/design-system150.js

@@ -1,7 +0,0 @@
-import e from "./design-system149.js";
-//#region src/components/BModal/BModalHeader.vue
-var t = e;
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=design-system150.js.map

package/dist/design-system164.js

@@ -1,61 +0,0 @@
-import { useComponentId as e } from "./design-system10.js";
-import { B_RADIO_GROUP_KEY as t } from "./design-system163.js";
-import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, inject as s, mergeModels as c, normalizeClass as l, openBlock as u, renderSlot as d, useModel as f } from "vue";
-//#region src/components/BRadio/BRadio.vue?vue&type=script&setup=true&lang.ts
-var p = ["for"], m = [
-	"id",
-	"checked",
-	"disabled",
-	"name",
-	"value"
-], h = {
-	key: 0,
-	class: "b-radio__label"
-}, g = /* @__PURE__ */ o({
-	__name: "BRadio",
-	props: /* @__PURE__ */ c({
-		id: { default: "" },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		value: { default: "" },
-		name: { default: "" }
-	}, {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ c(["change"], ["update:modelValue"]),
-	setup(o, { emit: c }) {
-		let g = f(o, "modelValue"), _ = c, v = s(t, null), y = n(() => o.disabled || v?.disabled.value || !1), b = n(() => o.name || v?.name.value || ""), x = n(() => v ? v.modelValue.value === o.value : g.value), { componentUID: S } = e(), C = n(() => o.id || `b-radio-${S.value}`);
-		function w(e) {
-			y.value || (v ? v.setValue(o.value) : g.value = !0, _("change", !0, e));
-		}
-		return (e, t) => (u(), i("label", {
-			class: l(["b-radio b:inline-flex b:cursor-pointer b:items-center b:gap-2 b:leading-none b:select-none", { "b-radio--disabled b:cursor-not-allowed b:opacity-50": y.value }]),
-			for: C.value
-		}, [a("span", { class: l(["b-radio__indicator b:relative b:inline-flex b:shrink-0 b:items-center b:justify-center", {
-			"b-radio__indicator--checked": x.value,
-			"b-radio__indicator--disabled": y.value
-		}]) }, [a("input", {
-			id: C.value,
-			type: "radio",
-			class: "b-radio__input",
-			checked: x.value,
-			disabled: y.value,
-			name: b.value,
-			value: o.value,
-			onChange: w
-		}, null, 40, m), t[0] ||= a("span", {
-			class: "b-radio__inner",
-			"aria-hidden": "true"
-		}, null, -1)], 2), e.$slots.default ? (u(), i("span", h, [d(e.$slots, "default", {}, void 0, !0)])) : r("", !0)], 10, p));
-	}
-});
-//#endregion
-export { g as default };
-
-//# sourceMappingURL=design-system164.js.map

package/dist/design-system164.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-system164.js","names":["$slots"],"sources":["../src/components/BRadio/BRadio.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useComponentId } from '@/composables/useComponentId.ts';\nimport { computed, inject } from 'vue';\nimport { B_RADIO_GROUP_KEY, type BRadioGroupContext } from './types';\n\n//#region Props\nconst {\n  id = '',\n  disabled = false,\n  value = '',\n  name = '',\n} = defineProps<{\n  /** Custom id attribute for the radio input. */\n  id?: string;\n  /** Whether the radio is disabled. */\n  disabled?: boolean;\n  /** Value when used inside BRadioGroup. */\n  value?: string | number;\n  /** The name attribute for the input element. */\n  name?: string;\n}>();\n\n/**\n * The checked state of the radio.\n */\nconst model = defineModel<boolean>({ default: false });\n\nconst emit = defineEmits<{\n  change: [checked: boolean, event: Event];\n}>();\n//#endregion\n\n//#region Group integration\nconst group = inject<BRadioGroupContext | null>(B_RADIO_GROUP_KEY, null);\n\nconst isDisabled = computed(() => disabled || group?.disabled.value || false);\nconst inputName = computed(() => name || group?.name.value || '');\n\nconst isChecked = computed(() => {\n  if (group) {\n    return group.modelValue.value === value;\n  }\n  return model.value;\n});\n//#endregion\n\n//#region ID generation\nconst { componentUID } = useComponentId();\nconst inputId = computed(() => id || `b-radio-${componentUID.value}`);\n//#endregion\n\n//#region Handlers\nfunction handleChange(event: Event) {\n  if (isDisabled.value) return;\n\n  if (group) {\n    group.setValue(value);\n  } else {\n    model.value = true;\n  }\n  emit('change', true, event);\n}\n//#endregion\n</script>\n\n<template>\n  <label\n    class=\"b-radio b:inline-flex b:cursor-pointer b:items-center b:gap-2 b:leading-none b:select-none\"\n    :class=\"{ 'b-radio--disabled b:cursor-not-allowed b:opacity-50': isDisabled }\"\n    :for=\"inputId\"\n  >\n    <span\n      class=\"b-radio__indicator b:relative b:inline-flex b:shrink-0 b:items-center b:justify-center\"\n      :class=\"{\n        'b-radio__indicator--checked': isChecked,\n        'b-radio__indicator--disabled': isDisabled,\n      }\"\n    >\n      <input\n        :id=\"inputId\"\n        type=\"radio\"\n        class=\"b-radio__input\"\n        :checked=\"isChecked\"\n        :disabled=\"isDisabled\"\n        :name=\"inputName\"\n        :value=\"value\"\n        @change=\"handleChange\"\n      />\n      <span class=\"b-radio__inner\" aria-hidden=\"true\" />\n    </span>\n    <span v-if=\"$slots.default\" class=\"b-radio__label\">\n      <slot />\n    </span>\n  </label>\n</template>\n\n<style scoped>\n.b-radio {\n  --b-radio-size: 16px;\n  --b-radio-dot-size: 8px;\n  --b-radio-color-primary: #1677ff;\n  --b-radio-color-primary-hover: #4096ff;\n  --b-radio-color-border: #d9d9d9;\n  --b-radio-color-bg-container: #ffffff;\n  --b-radio-color-bg-container-disabled: rgba(0, 0, 0, 0.04);\n  --b-radio-color-text-disabled: rgba(0, 0, 0, 0.25);\n  --b-radio-color-border-disabled: #d9d9d9;\n  --b-radio-dot-color-disabled: rgba(0, 0, 0, 0.25);\n  --b-radio-border-width: 1px;\n  --b-radio-font-size: 14px;\n  --b-radio-line-height: 1.5714;\n  --b-radio-wrapper-margin-inline-end: 8px;\n  --b-radio-transition-duration: 0.2s;\n}\n\n[data-prefers-color='dark'] .b-radio {\n  --b-radio-color-primary: #3c89e8;\n  --b-radio-color-primary-hover: #65a9f3;\n  --b-radio-color-border: #424242;\n  --b-radio-color-bg-container: #141414;\n  --b-radio-color-bg-container-disabled: rgba(255, 255, 255, 0.08);\n  --b-radio-color-text-disabled: rgba(255, 255, 255, 0.25);\n  --b-radio-color-border-disabled: #424242;\n  --b-radio-dot-color-disabled: rgba(255, 255, 255, 0.25);\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-prefers-color='system'] .b-radio {\n    --b-radio-color-primary: #3c89e8;\n    --b-radio-color-primary-hover: #65a9f3;\n    --b-radio-color-border: #424242;\n    --b-radio-color-bg-container: #141414;\n    --b-radio-color-bg-container-disabled: rgba(255, 255, 255, 0.08);\n    --b-radio-color-text-disabled: rgba(255, 255, 255, 0.25);\n    --b-radio-color-border-disabled: #424242;\n    --b-radio-dot-color-disabled: rgba(255, 255, 255, 0.25);\n  }\n}\n\n.b-radio__label {\n  font-size: var(--b-radio-font-size);\n  line-height: var(--b-radio-line-height);\n  color: inherit;\n}\n\n.b-radio--disabled .b-radio__label {\n  color: var(--b-radio-color-text-disabled);\n}\n\n.b-radio__indicator {\n  width: var(--b-radio-size);\n  height: var(--b-radio-size);\n}\n\n.b-radio__inner {\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n  border: var(--b-radio-border-width) solid var(--b-radio-color-border);\n  background-color: var(--b-radio-color-bg-container);\n  transition:\n    background-color var(--b-radio-transition-duration) ease-in-out,\n    border-color var(--b-radio-transition-duration) ease-in-out;\n}\n\n/* Hover state */\n.b-radio:not(.b-radio--disabled):hover .b-radio__inner {\n  border-color: var(--b-radio-color-primary-hover);\n}\n\n/* Checked state */\n.b-radio__indicator--checked .b-radio__inner {\n  border-color: var(--b-radio-color-primary);\n}\n\n.b-radio__indicator--checked .b-radio__inner::after {\n  content: '';\n  position: absolute;\n  display: block;\n  top: 50%;\n  left: 50%;\n  width: var(--b-radio-dot-size);\n  height: var(--b-radio-dot-size);\n  background-color: var(--b-radio-color-primary);\n  border-radius: 50%;\n  transform: translate(-50%, -50%) scale(1);\n  opacity: 1;\n  transition:\n    transform var(--b-radio-transition-duration) ease-in-out,\n    opacity var(--b-radio-transition-duration) ease-in-out;\n}\n\n/* Disabled state */\n.b-radio__indicator--disabled .b-radio__inner {\n  background-color: var(--b-radio-color-bg-container-disabled);\n  border-color: var(--b-radio-color-border-disabled);\n}\n\n.b-radio__indicator--disabled.b-radio__indicator--checked .b-radio__inner {\n  border-color: var(--b-radio-color-border-disabled);\n}\n\n.b-radio__indicator--disabled.b-radio__indicator--checked .b-radio__inner::after {\n  background-color: var(--b-radio-dot-color-disabled);\n}\n\n.b-radio__input {\n  appearance: none;\n  -webkit-appearance: none;\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  margin: 0;\n  padding: 0;\n  cursor: pointer;\n  z-index: 1;\n}\n\n.b-radio--disabled .b-radio__input {\n  cursor: not-allowed;\n}\n\n/* Focus-visible ring */\n.b-radio__input:focus-visible + .b-radio__inner {\n  outline: 2px solid var(--b-radio-color-primary);\n  outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .b-radio__inner,\n  .b-radio__inner::after {\n    transition: none;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,IAAM,IAAQ,EAAoB,GAAA,aAAoB,EAEhD,IAAO,GAMP,IAAQ,EAAkC,GAAmB,KAAK,EAElE,IAAa,QAAe,EAAA,YAAY,GAAO,SAAS,SAAS,GAAM,EACvE,IAAY,QAAe,EAAA,QAAQ,GAAO,KAAK,SAAS,GAAG,EAE3D,IAAY,QACZ,IACK,EAAM,WAAW,UAAU,EAAA,QAE7B,EAAM,MACb,EAII,EAAE,oBAAiB,GAAgB,EACnC,IAAU,QAAe,EAAA,MAAM,WAAW,EAAa,QAAQ;EAIrE,SAAS,EAAa,GAAc;AAC9B,KAAW,UAEX,IACF,EAAM,SAAS,EAAA,MAAM,GAErB,EAAM,QAAQ,IAEhB,EAAK,UAAU,IAAM,EAAM;;yBAM3B,EA2BQ,SAAA;GA1BN,OAAK,EAAA,CAAC,8FAA4F,EAAA,uDACjC,EAAA,OAAU,CAAA,CAAA;GAC1E,KAAK,EAAA;MAEN,EAkBO,QAAA,EAjBL,OAAK,EAAA,CAAC,0FAAwF;kCAC7C,EAAA;mCAAmD,EAAA;UAKpG,EASE,SAAA;GARC,IAAI,EAAA;GACL,MAAK;GACL,OAAM;GACL,SAAS,EAAA;GACT,UAAU,EAAA;GACV,MAAM,EAAA;GACN,OAAO,EAAA;GACP,UAAQ;4BAEX,EAAkD,QAAA;GAA5C,OAAM;GAAiB,eAAY;qBAE/BA,EAAAA,OAAO,WAAA,GAAA,EAAnB,EAEO,QAFP,GAEO,CADL,EAAQ,EAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,GAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,IAAA,EAAA"}

package/dist/design-system167.js

@@ -1,59 +0,0 @@
-import { useComponentId as e } from "./design-system10.js";
-import { B_RADIO_GROUP_KEY as t } from "./design-system163.js";
-import { computed as n, createElementBlock as r, createElementVNode as i, defineComponent as a, inject as o, mergeModels as s, normalizeClass as c, openBlock as l, renderSlot as u, useModel as d } from "vue";
-//#region src/components/BRadio/BRadioButton.vue?vue&type=script&setup=true&lang.ts
-var f = ["for"], p = [
-	"id",
-	"checked",
-	"disabled",
-	"name",
-	"value"
-], m = { class: "b-radio-button__label" }, h = /* @__PURE__ */ a({
-	__name: "BRadioButton",
-	props: /* @__PURE__ */ s({
-		id: { default: "" },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		value: { default: "" },
-		name: { default: "" }
-	}, {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ s(["change"], ["update:modelValue"]),
-	setup(a, { emit: s }) {
-		let h = d(a, "modelValue"), g = s, _ = o(t, null), v = n(() => a.disabled || _?.disabled.value || !1), y = n(() => a.name || _?.name.value || ""), b = n(() => _?.size.value || "middle"), x = n(() => _?.buttonStyle.value || "outline"), S = n(() => _ ? _.modelValue.value === a.value : h.value), { componentUID: C } = e(), w = n(() => a.id || `b-radio-button-${C.value}`);
-		function T(e) {
-			v.value || (_ ? _.setValue(a.value) : h.value = !0, g("change", !0, e));
-		}
-		return (e, t) => (l(), r("label", {
-			class: c(["b-radio-button b:relative b:inline-flex b:cursor-pointer b:items-center b:justify-center b:leading-none b:select-none", [
-				`b-radio-button--${b.value}`,
-				`b-radio-button--${x.value}`,
-				{
-					"b-radio-button--checked": S.value,
-					"b-radio-button--disabled b:cursor-not-allowed": v.value
-				}
-			]]),
-			for: w.value
-		}, [i("input", {
-			id: w.value,
-			type: "radio",
-			class: "b-radio-button__input",
-			checked: S.value,
-			disabled: v.value,
-			name: y.value,
-			value: a.value,
-			onChange: T
-		}, null, 40, p), i("span", m, [u(e.$slots, "default", {}, void 0, !0)])], 10, f));
-	}
-});
-//#endregion
-export { h as default };
-
-//# sourceMappingURL=design-system167.js.map

package/dist/design-system170.js

@@ -1,72 +0,0 @@
-import { B_RADIO_GROUP_KEY as e } from "./design-system163.js";
-import t from "./design-system166.js";
-import n from "./design-system169.js";
-import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, createTextVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, openBlock as d, provide as f, reactive as p, renderList as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, toRefs as v, useModel as y, withCtx as b } from "vue";
-//#region src/components/BRadio/BRadioGroup.vue?vue&type=script&setup=true&lang.ts
-var x = /* @__PURE__ */ c({
-	__name: "BRadioGroup",
-	props: /* @__PURE__ */ l({
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		name: { default: "" },
-		options: { default: () => void 0 },
-		optionType: { default: "default" },
-		size: { default: "middle" },
-		buttonStyle: { default: "outline" },
-		block: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ l(["change"], ["update:modelValue"]),
-	setup(c, { emit: l }) {
-		let x = y(c, "modelValue"), S = l, C = i(() => c.options ? c.options.map((e) => typeof e == "string" || typeof e == "number" ? {
-			label: String(e),
-			value: e
-		} : e) : []);
-		function w(e) {
-			x.value = e, S("change", e);
-		}
-		let { disabled: T, name: E, size: D, optionType: O, buttonStyle: k } = v(p({
-			disabled: c.disabled,
-			name: c.name,
-			size: c.size,
-			optionType: c.optionType,
-			buttonStyle: c.buttonStyle
-		}));
-		f(e, {
-			modelValue: i(() => x.value),
-			disabled: T,
-			name: E,
-			size: D,
-			optionType: O,
-			buttonStyle: k,
-			setValue: w
-		});
-		let A = i(() => c.optionType === "button" ? n : t);
-		return (e, t) => (d(), o("div", {
-			class: u(["b-radio-group b:inline-flex b:flex-wrap b:items-center", {
-				"b-radio-group--block b:flex b:w-full": c.block,
-				"b:gap-2": c.optionType !== "button",
-				"b:gap-0": c.optionType === "button"
-			}]),
-			role: "radiogroup"
-		}, [C.value.length > 0 ? (d(!0), o(r, { key: 0 }, m(C.value, (e) => (d(), a(g(A.value), {
-			key: e.value,
-			value: e.value,
-			disabled: e.disabled
-		}, {
-			default: b(() => [s(_(e.label), 1)]),
-			_: 2
-		}, 1032, ["value", "disabled"]))), 128)) : h(e.$slots, "default", { key: 1 }, void 0, !0)], 2));
-	}
-});
-//#endregion
-export { x as default };
-
-//# sourceMappingURL=design-system170.js.map