@7pmlabs/design-system 1.0.10 → 1.0.11

package/dist/design-system137.js

@@ -1,30 +1,236 @@
-import { createElementBlock as e, defineComponent as t, openBlock as n, ref as r, renderSlot as i, useModel as a, watch as o } from "vue";
-//#region src/components/BModal/BModal.vue?vue&type=script&setup=true&lang.ts
-var s = /* @__PURE__ */ t({
-	__name: "BModal",
+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: {
-		modelValue: {
+		itemKey: {},
+		label: { default: "" },
+		icon: { default: void 0 },
+		disabled: {
 			type: Boolean,
-			required: !0
+			default: !1
 		},
-		modelModifiers: {}
+		children: { default: () => [] },
+		popupClassName: { default: "" }
 	},
-	emits: ["update:modelValue"],
-	setup(t) {
-		let s = a(t, "modelValue"), c = r(null), l = () => {
-			s.value = !1;
+	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);
 		};
-		return o(s, (e) => {
-			c.value && (e ? c.value.showModal() : c.value.close());
-		}, { immediate: !0 }), (t, r) => (n(), e("dialog", {
-			ref_key: "dialogRef",
-			ref: c,
-			class: "b-modal b:rounded-lg b:bg-white b:px-5 b:py-4",
-			onClose: l
-		}, [i(t.$slots, "default", {}, void 0, !0)], 544));
 	}
 });
 //#endregion
-export { s as default };
+export { F as default };
 
 //# sourceMappingURL=design-system137.js.map

package/dist/design-system137.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system137.js","names":[],"sources":["../src/components/BModal/BModal.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { useModel as _useModel, defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { ref, watch } from 'vue';\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog\n * Animation: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#animating_dialogs\n * Transition Behavior: https://developer.mozilla.org/en-US/docs/Web/CSS/transition-behavior\n */\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BModal',\n  props: {\n    \"modelValue\": { type: Boolean, ...{ required: true } },\n    \"modelModifiers\": {},\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props) {\n\nconst model = _useModel<boolean>(__props, \"modelValue\");\n\nconst dialogRef = ref<HTMLDialogElement | null>(null);\n\nconst updateModelFalse = () => {\n  model.value = false;\n};\n\nwatch(\n  model,\n  (newValue) => {\n    if (!dialogRef.value) {\n      return;\n    }\n    if (newValue) {\n      dialogRef.value.showModal();\n    } else {\n      dialogRef.value.close();\n    }\n  },\n  { immediate: true },\n);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"dialog\", {\n    ref_key: \"dialogRef\",\n    ref: dialogRef,\n    class: \"b-modal b:rounded-lg b:bg-white b:px-5 b:py-4\",\n    onClose: updateModelFalse\n  }, [\n    _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n  ], 544))\n}\n}\n\n})"],"mappings":";;AAYA,IAAA,IAA4B,kBAAiB;CAC3C,QAAQ;CACR,OAAO;EACL,YAAc;GAAE,MAAM;GAAc,UAAU;GAAQ;EACtD,gBAAkB,EAAE;EACrB;CACD,OAAO,CAAC,oBAAoB;CAC5B,MAAM,GAAS;EAEjB,IAAM,IAAQ,EAAmB,GAAS,aAAa,EAEjD,IAAY,EAA8B,KAAK,EAE/C,UAAyB;AAC7B,KAAM,QAAQ;;AAkBhB,SAfA,EACE,IACC,MAAa;AACP,KAAU,UAGX,IACF,EAAU,MAAM,WAAW,GAE3B,EAAU,MAAM,OAAO;KAG3B,EAAE,WAAW,IAAM,CACpB,GAEO,GAAU,OACR,GAAY,EAAE,EAAoB,UAAU;GAClD,SAAS;GACT,KAAK;GACL,OAAO;GACP,SAAS;GACV,EAAE,CACD,EAAY,EAAK,QAAQ,WAAW,EAAE,EAAE,KAAA,GAAW,GAAK,CACzD,EAAE,IAAI;;CAIR,CAAA"}
+{"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-system139.js

@@ -1,9 +1,8 @@
-import e from "./design-system14.js";
-import t from "./design-system137.js";
+import e from "./design-system137.js";
 /* empty css                 */
-//#region src/components/BModal/BModal.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-57d380dd"]]);
+//#region src/components/BMenu/BMenuSubMenu.vue
+var t = e;
 //#endregion
-export { n as default };
+export { t as default };
 
 //# sourceMappingURL=design-system139.js.map

package/dist/design-system139.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system139.js","names":[],"sources":["../src/components/BModal/BModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\n\n/**\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog\n * Animation: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/dialog#animating_dialogs\n * Transition Behavior: https://developer.mozilla.org/en-US/docs/Web/CSS/transition-behavior\n */\n\nconst model = defineModel<boolean>({ required: true });\n\nconst dialogRef = ref<HTMLDialogElement | null>(null);\n\nconst updateModelFalse = () => {\n  model.value = false;\n};\n\nwatch(\n  model,\n  (newValue) => {\n    if (!dialogRef.value) {\n      return;\n    }\n    if (newValue) {\n      dialogRef.value.showModal();\n    } else {\n      dialogRef.value.close();\n    }\n  },\n  { immediate: true },\n);\n</script>\n\n<template>\n  <dialog\n    ref=\"dialogRef\"\n    class=\"b-modal b:rounded-lg b:bg-white b:px-5 b:py-4\"\n    @close=\"updateModelFalse\"\n  >\n    <slot />\n  </dialog>\n</template>\n\n<style scoped>\n.b-modal {\n  --duration: 0.7s;\n\n  margin: auto;\n\n  opacity: 0;\n  transform: scaleY(0);\n  transition:\n    opacity var(--duration) ease-out,\n    transform var(--duration) ease-out,\n    overlay var(--duration) ease-out allow-discrete,\n    display var(--duration) ease-out allow-discrete;\n  /* Equivalent to transition: all var(--duration) allow-discrete; */\n\n  &::backdrop {\n    background-color: transparent;\n    transition:\n      display var(--duration) allow-discrete,\n      overlay var(--duration) allow-discrete,\n      background-color var(--duration);\n    /* Equivalent to transition: all var(--duration) allow-discrete; */\n  }\n\n  &:open {\n    opacity: 1;\n    transform: scaleY(1);\n  }\n\n  &:open::backdrop {\n    background-color: rgb(0 0 0 / 25%);\n  }\n}\n\n/* Before open state  */\n/* Needs to be after the previous dialog:open rule to take effect, as the specificity is the same */\n@starting-style {\n  .b-modal:open {\n    opacity: 0;\n    transform: scaleY(0);\n  }\n}\n\n/* This starting-style rule cannot be nested inside the above selector because the nesting selector cannot represent pseudo-elements. */\n@starting-style {\n  .b-modal:open::backdrop {\n    background-color: transparent;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"design-system139.js","names":[],"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":""}

package/dist/design-system140.js

@@ -1,12 +1,154 @@
-import e from "./design-system14.js";
-import { createElementBlock as t, openBlock as n, renderSlot as r } from "vue";
-//#region src/components/BModal/BModalBody.vue
-var i = {}, a = { class: "b:text-sm b:text-black/80" };
-function o(e, i) {
-	return n(), t("div", a, [r(e.$slots, "default")]);
-}
-var s = /* @__PURE__ */ e(i, [["render", o]]);
+import e from "./design-system129.js";
+import { BMenuContextKey as t, isDivider as n, isItemGroup as r, isSubMenu as i } from "./design-system130.js";
+import a from "./design-system133.js";
+import o from "./design-system136.js";
+import s from "./design-system139.js";
+import { Fragment as c, computed as l, createBlock as u, createElementBlock as d, defineComponent as f, normalizeClass as p, openBlock as m, provide as h, ref as g, renderList as _, renderSlot as v, unref as y, watch as b } from "vue";
+//#region src/components/BMenu/BMenu.vue?vue&type=script&setup=true&lang.ts
+var x = [
+	"role",
+	"aria-orientation",
+	"data-theme"
+], S = /* @__PURE__ */ f({
+	__name: "BMenu",
+	props: {
+		mode: { default: "inline" },
+		theme: { default: "light" },
+		items: { default: () => [] },
+		selectable: {
+			type: Boolean,
+			default: !0
+		},
+		multiple: {
+			type: Boolean,
+			default: !1
+		},
+		inlineCollapsed: {
+			type: Boolean,
+			default: !1
+		},
+		inlineIndent: { default: 24 },
+		defaultSelectedKeys: { default: () => [] },
+		selectedKeys: { default: void 0 },
+		defaultOpenKeys: { default: () => [] },
+		openKeys: { default: void 0 },
+		triggerSubMenuAction: { default: "hover" },
+		subMenuOpenDelay: { default: 0 },
+		subMenuCloseDelay: { default: 100 }
+	},
+	emits: [
+		"update:selectedKeys",
+		"update:openKeys",
+		"click",
+		"select",
+		"deselect",
+		"openChange"
+	],
+	setup(f, { emit: S }) {
+		let C = f, w = S, T = l(() => C.selectedKeys !== void 0), E = g([...C.defaultSelectedKeys]), D = l(() => T.value ? C.selectedKeys ?? [] : E.value), O = l(() => C.openKeys !== void 0), k = g([...C.defaultOpenKeys]), A = l(() => O.value ? C.openKeys ?? [] : k.value), j = /* @__PURE__ */ new Map();
+		function M(e, t) {
+			j.set(e, t);
+		}
+		function N(e) {
+			if (w("click", e), !C.selectable) return;
+			let t = e.key, n = [...D.value];
+			if (C.multiple) {
+				let r = n.indexOf(t);
+				r >= 0 ? (n.splice(r, 1), T.value || (E.value = n), w("update:selectedKeys", n), w("deselect", {
+					...e,
+					selectedKeys: n
+				})) : (n.push(t), T.value || (E.value = n), w("update:selectedKeys", n), w("select", {
+					...e,
+					selectedKeys: n
+				}));
+			} else {
+				let n = [t];
+				T.value || (E.value = n), w("update:selectedKeys", n), w("select", {
+					...e,
+					selectedKeys: n
+				});
+			}
+		}
+		function P(e, t) {
+			let n = [...A.value], r = n.indexOf(e);
+			t && r < 0 ? (C.mode, n.push(e)) : !t && r >= 0 && n.splice(r, 1), O.value || (k.value = n), w("update:openKeys", n), w("openChange", n);
+		}
+		b(() => C.selectedKeys, (e) => {
+			e !== void 0 && (E.value = [...e]);
+		}), b(() => C.openKeys, (e) => {
+			e !== void 0 && (k.value = [...e]);
+		}), b(() => C.inlineCollapsed, (e) => {
+			e && !O.value && (k.value = [], w("update:openKeys", []), w("openChange", []));
+		}), h(t, {
+			mode: l(() => C.mode),
+			theme: l(() => C.theme),
+			inlineCollapsed: l(() => C.inlineCollapsed),
+			inlineIndent: l(() => C.inlineIndent),
+			selectedKeys: D,
+			openKeys: A,
+			multiple: l(() => C.multiple),
+			selectable: l(() => C.selectable),
+			triggerSubMenuAction: l(() => C.triggerSubMenuAction),
+			subMenuOpenDelay: l(() => C.subMenuOpenDelay),
+			subMenuCloseDelay: l(() => C.subMenuCloseDelay),
+			onItemClick: N,
+			onOpenChange: P,
+			registerKeyPath: M
+		});
+		let F = l(() => [
+			"b-menu",
+			`b-menu--${C.mode}`,
+			`b-menu--${C.theme}`,
+			{ "b-menu--collapsed": C.mode === "inline" && C.inlineCollapsed }
+		]), I = l(() => "menu"), L = l(() => C.mode === "horizontal" ? "horizontal" : "vertical");
+		return (t, l) => (m(), d("ul", {
+			class: p(F.value),
+			role: I.value,
+			"aria-orientation": L.value,
+			"data-theme": C.theme
+		}, [v(t.$slots, "default", {}, () => [(m(!0), d(c, null, _(C.items, (t) => (m(), d(c, { key: t.key ?? t.type }, [y(n)(t) ? (m(), u(e, {
+			key: 0,
+			dashed: t.dashed
+		}, null, 8, ["dashed"])) : y(r)(t) ? (m(), u(o, {
+			key: 1,
+			label: t.label,
+			children: t.children
+		}, null, 8, ["label", "children"])) : y(i)(t) ? (m(), u(s, {
+			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"
+		])) : (m(), u(a, {
+			key: 3,
+			"item-key": t.key,
+			label: t.label,
+			icon: t.icon,
+			disabled: t.disabled,
+			danger: t.danger,
+			extra: t.extra,
+			title: t.title
+		}, null, 8, [
+			"item-key",
+			"label",
+			"icon",
+			"disabled",
+			"danger",
+			"extra",
+			"title"
+		]))], 64))), 128))])], 10, x));
+	}
+});
 //#endregion
-export { s as default };
+export { S as default };
 
 //# sourceMappingURL=design-system140.js.map

package/dist/design-system140.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system140.js","names":[],"sources":["../src/components/BModal/BModalBody.vue"],"sourcesContent":["<template>\n  <div class=\"b:text-sm b:text-black/80\">\n    <slot></slot>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"design-system140.js","names":[],"sources":["../src/components/BMenu/BMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, provide, ref, watch } from 'vue';\nimport BMenuDivider from './BMenuDivider.vue';\nimport BMenuItem from './BMenuItem.vue';\nimport BMenuItemGroup from './BMenuItemGroup.vue';\nimport BMenuSubMenu from './BMenuSubMenu.vue';\nimport {\n  BMenuContextKey,\n  isDivider,\n  isItemGroup,\n  isSubMenu,\n  type BMenuClickInfo,\n  type BMenuContext,\n  type BMenuItemUnion,\n  type BMenuMode,\n  type BMenuSelectInfo,\n  type BMenuTheme,\n  type BMenuTriggerAction,\n} from './types';\n\n// ─────────────────────────────────────────────\n// Props\n// ─────────────────────────────────────────────\nconst props = withDefaults(\n  defineProps<{\n    /** Menu display mode. @default 'inline' */\n    mode?: BMenuMode;\n    /** Color theme. @default 'light' */\n    theme?: BMenuTheme;\n    /** Menu items data array. */\n    items?: BMenuItemUnion[];\n    /** Whether items can be selected. @default true */\n    selectable?: boolean;\n    /** Allow multiple items to be selected. @default false */\n    multiple?: boolean;\n    /** Collapsed state in inline mode. @default false */\n    inlineCollapsed?: boolean;\n    /** Indent (px) per level for inline mode. @default 24 */\n    inlineIndent?: number;\n    /** Initially selected keys (uncontrolled). */\n    defaultSelectedKeys?: string[];\n    /** Currently selected keys (controlled). */\n    selectedKeys?: string[];\n    /** Initially opened submenu keys (uncontrolled). */\n    defaultOpenKeys?: string[];\n    /** Currently opened submenu keys (controlled). */\n    openKeys?: string[];\n    /** Action to trigger submenu open. @default 'hover' */\n    triggerSubMenuAction?: BMenuTriggerAction;\n    /** Delay (ms) before showing submenu. @default 0 */\n    subMenuOpenDelay?: number;\n    /** Delay (ms) before hiding submenu. @default 100 */\n    subMenuCloseDelay?: number;\n  }>(),\n  {\n    mode: 'inline',\n    theme: 'light',\n    items: () => [],\n    selectable: true,\n    multiple: false,\n    inlineCollapsed: false,\n    inlineIndent: 24,\n    defaultSelectedKeys: () => [],\n    selectedKeys: undefined,\n    defaultOpenKeys: () => [],\n    openKeys: undefined,\n    triggerSubMenuAction: 'hover',\n    subMenuOpenDelay: 0,\n    subMenuCloseDelay: 100,\n  },\n);\n\nconst emit = defineEmits<{\n  'update:selectedKeys': [keys: string[]];\n  'update:openKeys': [keys: string[]];\n  click: [info: BMenuClickInfo];\n  select: [info: BMenuSelectInfo];\n  deselect: [info: BMenuSelectInfo];\n  openChange: [keys: string[]];\n}>();\n\ndefineSlots<{\n  default?(): unknown;\n}>();\n\n// ─────────────────────────────────────────────\n// Selection state (controlled + uncontrolled)\n// ─────────────────────────────────────────────\nconst isSelectionControlled = computed(() => props.selectedKeys !== undefined);\nconst internalSelectedKeys = ref<string[]>([...props.defaultSelectedKeys]);\n\nconst resolvedSelectedKeys = computed(() =>\n  isSelectionControlled.value ? (props.selectedKeys ?? []) : internalSelectedKeys.value,\n);\n\n// ─────────────────────────────────────────────\n// Open state (controlled + uncontrolled)\n// ─────────────────────────────────────────────\nconst isOpenControlled = computed(() => props.openKeys !== undefined);\nconst internalOpenKeys = ref<string[]>([...props.defaultOpenKeys]);\n\nconst resolvedOpenKeys = computed(() =>\n  isOpenControlled.value ? (props.openKeys ?? []) : internalOpenKeys.value,\n);\n\n// ─────────────────────────────────────────────\n// Key path registry (item key → full path from root)\n// ─────────────────────────────────────────────\nconst keyPathMap = new Map<string, string[]>();\n\nfunction registerKeyPath(key: string, path: string[]) {\n  keyPathMap.set(key, path);\n}\n\n// ─────────────────────────────────────────────\n// Handlers\n// ─────────────────────────────────────────────\nfunction onItemClick(info: BMenuClickInfo) {\n  emit('click', info);\n\n  if (!props.selectable) return;\n\n  const key = info.key;\n  const current = [...resolvedSelectedKeys.value];\n\n  if (props.multiple) {\n    const idx = current.indexOf(key);\n    if (idx >= 0) {\n      current.splice(idx, 1);\n      if (!isSelectionControlled.value) {\n        internalSelectedKeys.value = current;\n      }\n      emit('update:selectedKeys', current);\n      emit('deselect', { ...info, selectedKeys: current });\n    } else {\n      current.push(key);\n      if (!isSelectionControlled.value) {\n        internalSelectedKeys.value = current;\n      }\n      emit('update:selectedKeys', current);\n      emit('select', { ...info, selectedKeys: current });\n    }\n  } else {\n    const newKeys = [key];\n    if (!isSelectionControlled.value) {\n      internalSelectedKeys.value = newKeys;\n    }\n    emit('update:selectedKeys', newKeys);\n    emit('select', { ...info, selectedKeys: newKeys });\n  }\n}\n\nfunction onOpenChange(key: string, open: boolean) {\n  const current = [...resolvedOpenKeys.value];\n  const idx = current.indexOf(key);\n\n  if (open && idx < 0) {\n    if (props.mode === 'inline') {\n      current.push(key);\n    } else {\n      // In vertical/horizontal mode, only one submenu open at a level\n      current.push(key);\n    }\n  } else if (!open && idx >= 0) {\n    current.splice(idx, 1);\n  }\n\n  if (!isOpenControlled.value) {\n    internalOpenKeys.value = current;\n  }\n  emit('update:openKeys', current);\n  emit('openChange', current);\n}\n\n// ─────────────────────────────────────────────\n// Sync controlled props\n// ─────────────────────────────────────────────\nwatch(\n  () => props.selectedKeys,\n  (val) => {\n    if (val !== undefined) {\n      internalSelectedKeys.value = [...val];\n    }\n  },\n);\n\nwatch(\n  () => props.openKeys,\n  (val) => {\n    if (val !== undefined) {\n      internalOpenKeys.value = [...val];\n    }\n  },\n);\n\n// When inline collapsed changes, close all submenus in uncontrolled mode\nwatch(\n  () => props.inlineCollapsed,\n  (collapsed) => {\n    if (collapsed && !isOpenControlled.value) {\n      internalOpenKeys.value = [];\n      emit('update:openKeys', []);\n      emit('openChange', []);\n    }\n  },\n);\n\n// ─────────────────────────────────────────────\n// Context for children\n// ─────────────────────────────────────────────\nconst context: BMenuContext = {\n  mode: computed(() => props.mode),\n  theme: computed(() => props.theme),\n  inlineCollapsed: computed(() => props.inlineCollapsed),\n  inlineIndent: computed(() => props.inlineIndent),\n  selectedKeys: resolvedSelectedKeys,\n  openKeys: resolvedOpenKeys,\n  multiple: computed(() => props.multiple),\n  selectable: computed(() => props.selectable),\n  triggerSubMenuAction: computed(() => props.triggerSubMenuAction),\n  subMenuOpenDelay: computed(() => props.subMenuOpenDelay),\n  subMenuCloseDelay: computed(() => props.subMenuCloseDelay),\n  onItemClick,\n  onOpenChange,\n  registerKeyPath,\n};\n\nprovide(BMenuContextKey, context);\n\n// ─────────────────────────────────────────────\n// Computed classes\n// ─────────────────────────────────────────────\nconst rootClasses = computed(() => [\n  'b-menu',\n  `b-menu--${props.mode}`,\n  `b-menu--${props.theme}`,\n  {\n    'b-menu--collapsed': props.mode === 'inline' && props.inlineCollapsed,\n  },\n]);\n\nconst ariaRole = computed(() => 'menu');\nconst ariaOrientation = computed(() => (props.mode === 'horizontal' ? 'horizontal' : 'vertical'));\n</script>\n\n<template>\n  <ul\n    :class=\"rootClasses\"\n    :role=\"ariaRole\"\n    :aria-orientation=\"ariaOrientation\"\n    :data-theme=\"props.theme\"\n  >\n    <slot>\n      <template v-for=\"item in props.items\" :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          :title=\"(item as any).title\"\n        />\n      </template>\n    </slot>\n  </ul>\n</template>\n\n<style>\n/* ─────────────────────────────────────────────\n   BMenu – Root CSS Custom Properties\n   ───────────────────────────────────────────── */\n.b-menu {\n  --b-menu-item-bg: #ffffff;\n  --b-menu-item-color: rgba(0, 0, 0, 0.88);\n  --b-menu-item-hover-bg: rgba(0, 0, 0, 0.06);\n  --b-menu-item-hover-color: rgba(0, 0, 0, 0.88);\n  --b-menu-item-active-bg: #e6f4ff;\n  --b-menu-item-selected-bg: #e6f4ff;\n  --b-menu-item-selected-color: #0958d9;\n  --b-menu-item-disabled-color: rgba(0, 0, 0, 0.25);\n  --b-menu-item-height: 40px;\n  --b-menu-item-border-radius: 8px;\n  --b-menu-item-margin-block: 4px;\n  --b-menu-item-margin-inline: 4px;\n  --b-menu-item-padding-inline: 16px;\n  --b-menu-icon-size: 14px;\n  --b-menu-icon-margin-inline-end: 10px;\n  --b-menu-group-title-color: rgba(0, 0, 0, 0.65);\n  --b-menu-group-title-font-size: 14px;\n  --b-menu-group-title-line-height: 1.5714;\n  --b-menu-danger-item-color: #cf1322;\n  --b-menu-danger-item-hover-color: #cf1322;\n  --b-menu-danger-item-active-bg: #fff2f0;\n  --b-menu-danger-item-selected-bg: #fff2f0;\n  --b-menu-danger-item-selected-color: #cf1322;\n  --b-menu-sub-menu-item-bg: rgba(0, 0, 0, 0.02);\n  --b-menu-sub-menu-item-border-radius: 4px;\n  --b-menu-sub-menu-item-selected-color: #0958d9;\n  --b-menu-popup-bg: #ffffff;\n  --b-menu-popup-shadow:\n    0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12),\n    0 9px 28px 8px rgba(0, 0, 0, 0.05);\n  --b-menu-popup-border-radius: 8px;\n  --b-menu-popup-z-index: 1050;\n  --b-menu-dropdown-width: 160px;\n  --b-menu-collapsed-width: 80px;\n  --b-menu-collapsed-icon-size: 16px;\n  --b-menu-active-bar-height: 2px;\n  --b-menu-active-bar-width: 3px;\n  --b-menu-active-bar-border-width: 1px;\n  --b-menu-horizontal-line-height: 46px;\n  --b-menu-horizontal-item-hover-bg: transparent;\n  --b-menu-horizontal-item-hover-color: #0958d9;\n  --b-menu-horizontal-item-selected-bg: transparent;\n  --b-menu-horizontal-item-selected-color: #0958d9;\n  --b-menu-horizontal-item-border-radius: 0;\n  --b-menu-transition-duration: 200ms;\n}\n\n/* ── Dark theme (via data-theme or dark mode) ── */\n.b-menu--dark,\n[data-prefers-color='dark'] .b-menu {\n  --b-menu-item-bg: #001529;\n  --b-menu-item-color: rgba(255, 255, 255, 0.65);\n  --b-menu-item-hover-bg: transparent;\n  --b-menu-item-hover-color: #fff;\n  --b-menu-item-active-bg: #1677ff;\n  --b-menu-item-selected-bg: #1677ff;\n  --b-menu-item-selected-color: #fff;\n  --b-menu-item-disabled-color: rgba(255, 255, 255, 0.25);\n  --b-menu-group-title-color: rgba(255, 255, 255, 0.65);\n  --b-menu-danger-item-color: #ff4d4f;\n  --b-menu-danger-item-hover-color: #ff7875;\n  --b-menu-danger-item-active-bg: #ff4d4f;\n  --b-menu-danger-item-selected-bg: #ff4d4f;\n  --b-menu-danger-item-selected-color: #fff;\n  --b-menu-sub-menu-item-bg: #000c17;\n  --b-menu-popup-bg: #001529;\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-prefers-color='system'] .b-menu {\n    --b-menu-item-bg: #001529;\n    --b-menu-item-color: rgba(255, 255, 255, 0.65);\n    --b-menu-item-hover-bg: transparent;\n    --b-menu-item-hover-color: #fff;\n    --b-menu-item-active-bg: #1677ff;\n    --b-menu-item-selected-bg: #1677ff;\n    --b-menu-item-selected-color: #fff;\n    --b-menu-item-disabled-color: rgba(255, 255, 255, 0.25);\n    --b-menu-group-title-color: rgba(255, 255, 255, 0.65);\n    --b-menu-danger-item-color: #ff4d4f;\n    --b-menu-danger-item-hover-color: #ff7875;\n    --b-menu-danger-item-active-bg: #ff4d4f;\n    --b-menu-danger-item-selected-bg: #ff4d4f;\n    --b-menu-danger-item-selected-color: #fff;\n    --b-menu-sub-menu-item-bg: #000c17;\n    --b-menu-popup-bg: #001529;\n  }\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-theme='dark'] .b-menu {\n    --b-menu-item-bg: #001529;\n    --b-menu-item-color: rgba(255, 255, 255, 0.65);\n    --b-menu-item-hover-bg: transparent;\n    --b-menu-item-hover-color: #fff;\n    --b-menu-item-active-bg: #1677ff;\n    --b-menu-item-selected-bg: #1677ff;\n    --b-menu-item-selected-color: #fff;\n    --b-menu-item-disabled-color: rgba(255, 255, 255, 0.25);\n    --b-menu-group-title-color: rgba(255, 255, 255, 0.65);\n    --b-menu-danger-item-color: #ff4d4f;\n    --b-menu-danger-item-hover-color: #ff7875;\n    --b-menu-danger-item-active-bg: #ff4d4f;\n    --b-menu-danger-item-selected-bg: #ff4d4f;\n    --b-menu-danger-item-selected-color: #fff;\n    --b-menu-sub-menu-item-bg: #000c17;\n    --b-menu-popup-bg: #001529;\n  }\n}\n\n/* ─────────────────────────────────────────────\n   Base layout\n   ───────────────────────────────────────────── */\n.b-menu {\n  margin: 0;\n  padding: 4px;\n  list-style: none;\n  background: var(--b-menu-item-bg);\n  color: var(--b-menu-item-color);\n  font-size: 14px;\n  line-height: 1.5714;\n  box-sizing: border-box;\n  outline: none;\n  transition:\n    background var(--b-menu-transition-duration),\n    width var(--b-menu-transition-duration);\n}\n\n/* ── Inline mode ── */\n.b-menu--inline {\n  width: 100%;\n  border-inline-end: 1px solid rgba(5, 5, 5, 0.06);\n}\n\n.b-menu--inline.b-menu--collapsed {\n  width: var(--b-menu-collapsed-width);\n}\n\n/* ── Vertical mode ── */\n.b-menu--vertical {\n  width: 100%;\n  border-inline-end: 1px solid rgba(5, 5, 5, 0.06);\n}\n\n/* ── Horizontal mode ── */\n.b-menu--horizontal {\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n  border-bottom: 1px solid rgba(5, 5, 5, 0.06);\n  padding: 0 4px;\n  line-height: var(--b-menu-horizontal-line-height);\n}\n\n/* ── Dark theme border override ── */\n.b-menu--dark.b-menu--inline,\n.b-menu--dark.b-menu--vertical {\n  border-inline-end-color: transparent;\n}\n\n.b-menu--dark.b-menu--horizontal {\n  border-bottom-color: transparent;\n}\n\n/* ── Reduced motion ── */\n@media (prefers-reduced-motion: reduce) {\n  .b-menu {\n    transition: none;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/design-system142.js

@@ -1,5 +1,6 @@
-import e from "./design-system141.js";
-//#region src/components/BModal/BModalFooter.vue
+import e from "./design-system140.js";
+/* empty css                 */
+//#region src/components/BMenu/BMenu.vue
 var t = e;
 //#endregion
 export { t as default };