@7pmlabs/design-system 1.0.10 → 1.0.11

package/dist/design-system151.js

@@ -1,243 +1,161 @@
-import { BPopconfirmPlacement as e, BPopconfirmTrigger as t } from "./design-system3.js";
-import { useComponentId as n } from "./design-system10.js";
-import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as ee, onMounted as te, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, unref as ne, useId as re, watch as _ } from "vue";
-//#region src/components/BPopconfirm/BPopconfirm.vue?vue&type=script&setup=true&lang.ts
-var ie = ["aria-describedby", "id"], ae = {
+import { BNotificationPlacement as e, BNotificationType as t } from "./design-system3.js";
+import { Teleport as n, Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, nextTick as f, normalizeClass as p, onUnmounted as m, openBlock as h, ref as g, renderSlot as _, toDisplayString as v, unref as y, useId as b, watch as x, withCtx as S } from "vue";
+//#region src/components/BNotification/BNotification.vue?vue&type=script&setup=true&lang.ts
+var C = [
+	"id",
+	"role",
+	"aria-live",
+	"aria-describedby"
+], w = {
 	key: 0,
-	class: "b-popconfirm__arrow",
+	class: "b-notification__icon",
 	"aria-hidden": "true"
-}, oe = { class: "b-popconfirm__inner" }, v = { class: "b-popconfirm__message" }, y = {
-	class: "b-popconfirm__icon",
+}, T = ["innerHTML"], E = {
+	key: 1,
+	class: "b-notification__icon-svg",
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg",
+	focusable: "false",
 	"aria-hidden": "true"
-}, b = { class: "b-popconfirm__text" }, se = {
-	class: "b-popconfirm__buttons",
-	role: "group"
-}, x = "a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", S = /* @__PURE__ */ l({
-	__name: "BPopconfirm",
+}, D = ["d"], O = { class: "b-notification__body" }, k = {
+	key: 1,
+	class: "b-notification__btn"
+}, A = ["innerHTML"], j = {
+	key: 1,
+	class: "b-notification__close-svg",
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg",
+	focusable: "false",
+	"aria-hidden": "true"
+}, M = "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z", N = /* @__PURE__ */ d({
+	__name: "BNotification",
 	props: {
-		title: {},
-		description: {},
-		okText: { default: "Yes" },
-		cancelText: { default: "No" },
-		okType: { default: "primary" },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		icon: {},
-		showCancel: {
+		type: { default: () => void 0 },
+		message: { default: "" },
+		description: { default: "" },
+		placement: { default: () => e.TopRight },
+		duration: { default: 4.5 },
+		closable: {
 			type: Boolean,
 			default: !0
 		},
-		trigger: { default: () => t.Click },
-		placement: { default: () => e.TopCenter },
-		arrow: {
+		showIcon: {
 			type: Boolean,
 			default: !0
 		},
-		mouseEnterDelay: { default: 100 },
-		mouseLeaveDelay: { default: 100 },
-		destroyTooltipOnHide: {
-			type: Boolean,
-			default: !1
-		},
-		zIndex: { default: 1060 },
+		icon: {},
+		closeIcon: {},
+		btn: {},
 		modelValue: {
 			type: Boolean,
 			default: () => void 0
 		}
 	},
 	emits: [
-		"confirm",
-		"cancel",
-		"openChange",
+		"close",
+		"afterClose",
 		"update:modelValue"
 	],
-	setup(l, { expose: S, emit: C }) {
-		let w = C, { componentUID: ce } = n(), T = re(), E = `${T}-title`, D = `${T}-desc`, O = m(!1), k = i(() => l.modelValue === void 0 ? O.value : l.modelValue), A = m(!1), le = i(() => l.destroyTooltipOnHide ? k.value : A.value || k.value);
-		_(k, (e) => {
-			e && (A.value = !0);
-		});
-		let j = null, M = null;
-		function N() {
-			j &&= (clearTimeout(j), null), M &&= (clearTimeout(M), null);
-		}
-		function P(e = 0) {
-			l.disabled || (N(), !k.value && (e > 0 ? j = setTimeout(() => I(), e) : I()));
-		}
-		function F(e = 0) {
-			N(), k.value && (e > 0 ? M = setTimeout(() => L(), e) : L());
-		}
-		function I() {
-			B.value?.showPopover();
-		}
-		function L() {
-			B.value?.hidePopover();
-		}
-		function R(e) {
-			l.modelValue === void 0 ? O.value = e : w("update:modelValue", e), w("openChange", e);
-		}
-		let z = ({ newState: e }) => {
-			R(e === "open");
-		}, B = m(null), V = m(null), H = null;
-		function U() {
-			u(() => {
-				if (!B.value) return;
-				let e = B.value.querySelector(x);
-				e ? e.focus() : B.value.focus();
-			});
-		}
-		function ue(e) {
-			if (e.key !== "Tab" || !B.value) return;
-			let t = Array.from(B.value.querySelectorAll(x));
-			if (t.length === 0) {
-				e.preventDefault();
-				return;
+	setup(e, { expose: d, emit: N }) {
+		let P = N, F = b(), I = `${F}-title`, L = `${F}-desc`, R = g(!1), z = g(null), B = g(null), V = i(() => e.modelValue === void 0 ? R.value : e.modelValue), H = i(() => e.modelValue !== void 0), U = i(() => e.type === t.Error || e.type === t.Warning ? "alert" : "status"), W = i(() => U.value === "alert" ? "assertive" : "polite"), G = i(() => !!(e.type && e.showIcon) || !!e.icon || !1), K = i(() => !!e.description), q = i(() => {
+			switch (e.type) {
+				case t.Success: return "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5-4-4 1.41-1.41L10 13.67l6.59-6.59L18 8.5l-8 8z";
+				case t.Warning: return "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z";
+				case t.Error: return "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z";
+				default: return "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z";
 			}
-			let n = t[0], r = t[t.length - 1];
-			e.shiftKey ? document.activeElement === n && (e.preventDefault(), r.focus()) : document.activeElement === r && (e.preventDefault(), n.focus());
-		}
-		_(k, (e) => {
-			e ? (H = document.activeElement, U()) : H && u(() => H?.focus());
-		});
-		function de(e) {
-			w("confirm", e), F();
-		}
-		function fe(e) {
-			w("cancel", e), F();
-		}
-		function W() {
-			l.disabled || (k.value ? F() : P());
-		}
-		function G() {
-			P(l.mouseEnterDelay);
-		}
-		function K() {
-			F(l.mouseLeaveDelay);
-		}
-		function q() {
-			P();
-		}
-		function J() {
-			F();
-		}
-		function Y(e) {
-			e.key === "Escape" && k.value && (e.preventDefault(), F());
-		}
-		function pe(e) {
-			e.key === "Escape" && (e.preventDefault(), F()), ue(e);
-		}
-		function me() {
-			l.trigger === t.Hover && N();
+		}), J = null;
+		function Y() {
+			X(), e.duration > 0 && (J = setTimeout(() => {
+				Q();
+			}, e.duration * 1e3));
 		}
 		function X() {
-			l.trigger === t.Hover && F(l.mouseLeaveDelay);
+			J !== null && (clearTimeout(J), J = null);
 		}
 		function Z() {
-			let e = V.value;
-			if (e) switch (e.addEventListener("keydown", Y), l.trigger) {
-				case t.Click:
-					e.addEventListener("click", W);
-					break;
-				case t.Focus:
-					e.addEventListener("focusin", q), e.addEventListener("focusout", J);
-					break;
-				case t.Hover:
-				default:
-					e.addEventListener("mouseenter", G), e.addEventListener("mouseleave", K), e.addEventListener("focusin", q), e.addEventListener("focusout", J);
-					break;
-			}
+			H.value ? P("update:modelValue", !0) : R.value = !0;
 		}
 		function Q() {
-			let e = V.value;
-			e && (e.removeEventListener("keydown", Y), e.removeEventListener("click", W), e.removeEventListener("focusin", q), e.removeEventListener("focusout", J), e.removeEventListener("mouseenter", G), e.removeEventListener("mouseleave", K));
-		}
-		te(() => {
-			Z();
-		}), ee(() => {
-			Q(), N();
-		}), _(() => l.trigger, () => {
-			Q(), Z();
-		}), _(() => l.modelValue, (e) => {
-			e !== void 0 && (e ? B.value?.showPopover() : B.value?.hidePopover());
-		});
-		let $ = i(() => `--b-popconfirm-anchor-${ce.value}`), he = i(() => ({
-			[e.TopLeft]: "top-left",
-			[e.TopCenter]: "top-center",
-			[e.TopRight]: "top-right",
-			[e.RightTop]: "right-top",
-			[e.RightCenter]: "right-center",
-			[e.RightBottom]: "right-bottom",
-			[e.BottomRight]: "bottom-right",
-			[e.BottomCenter]: "bottom-center",
-			[e.BottomLeft]: "bottom-left",
-			[e.LeftBottom]: "left-bottom",
-			[e.LeftCenter]: "left-center",
-			[e.LeftTop]: "left-top"
-		})[l.placement] ?? "top-center"), ge = i(() => ({
-			primary: "b-popconfirm__btn--primary",
-			default: "b-popconfirm__btn--default",
-			dashed: "b-popconfirm__btn--dashed",
-			text: "b-popconfirm__btn--text",
-			link: "b-popconfirm__btn--link"
-		})[l.okType] ?? "b-popconfirm__btn--primary");
-		return S({
-			open: I,
-			close: L
-		}), (e, t) => (p(), o(r, null, [s("div", {
-			ref_key: "toggleRef",
-			ref: V,
-			class: "b-popconfirm__toggle",
-			style: f({ anchorName: $.value })
-		}, [h(e.$slots, "default")], 4), s("div", {
-			ref_key: "popconfirmRef",
-			ref: B,
-			popover: "manual",
-			class: d([
-				"b-popconfirm__content",
-				he.value,
-				{ "b-popconfirm__content--no-arrow": !l.arrow }
-			]),
-			style: f({
-				zIndex: l.zIndex,
-				positionAnchor: $.value
-			}),
-			role: "dialog",
-			"aria-modal": "false",
-			"aria-labelledby": E,
-			"aria-describedby": l.description ? D : void 0,
-			id: ne(T),
-			tabindex: "-1",
-			onToggle: z,
-			onKeydown: pe,
-			onMouseenter: me,
-			onMouseleave: X
-		}, [le.value || !l.destroyTooltipOnHide ? (p(), o(r, { key: 0 }, [l.arrow ? (p(), o("div", ae)) : a("", !0), s("div", oe, [s("div", v, [s("span", y, [h(e.$slots, "icon", {}, () => [t[0] ||= s("svg", {
-			viewBox: "0 0 24 24",
-			fill: "currentColor",
-			width: "16",
-			height: "16",
-			"aria-hidden": "true"
-		}, [s("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" })], -1)])]), s("div", b, [s("div", {
-			id: E,
-			class: "b-popconfirm__title"
-		}, [h(e.$slots, "title", {}, () => [c(g(l.title), 1)])]), l.description || e.$slots.description ? (p(), o("div", {
-			key: 0,
-			id: D,
-			class: "b-popconfirm__description"
-		}, [h(e.$slots, "description", {}, () => [c(g(l.description), 1)])])) : a("", !0)])]), s("div", se, [h(e.$slots, "cancelButton", {}, () => [l.showCancel ? (p(), o("button", {
-			key: 0,
-			type: "button",
-			class: "b-popconfirm__btn b-popconfirm__btn--default",
-			onClick: fe
-		}, g(l.cancelText), 1)) : a("", !0)]), h(e.$slots, "okButton", {}, () => [s("button", {
-			type: "button",
-			class: d(["b-popconfirm__btn", ge.value]),
-			onClick: de
-		}, g(l.okText), 3)])])])], 64)) : a("", !0)], 46, ie)], 64));
+			P("close"), H.value ? P("update:modelValue", !1) : R.value = !1;
+		}
+		function $() {
+			B.value && document.contains(B.value) && (B.value.focus(), B.value = null), P("afterClose");
+		}
+		function ee() {
+			X();
+		}
+		function te() {
+			Y();
+		}
+		function ne(t) {
+			t.key === "Escape" && e.closable && (t.stopPropagation(), Q());
+		}
+		return x(V, async (t) => {
+			t ? (B.value = document.activeElement, Y(), e.closable && (await f(), (z.value?.querySelector(".b-notification__close"))?.focus())) : X();
+		}, { immediate: !0 }), m(() => {
+			X();
+		}), d({
+			open: Z,
+			close: Q
+		}), (t, i) => (h(), a(n, { to: "body" }, [u(r, {
+			name: "b-notification-fade",
+			onAfterLeave: $
+		}, {
+			default: S(() => [V.value ? (h(), s("div", {
+				key: 0,
+				id: y(F),
+				ref_key: "notificationRef",
+				ref: z,
+				class: p(["b-notification", [
+					e.placement && `b-notification--${e.placement}`,
+					e.type && `b-notification--${e.type}`,
+					{
+						"b-notification--with-icon": G.value,
+						"b-notification--with-description": K.value
+					}
+				]]),
+				role: U.value,
+				"aria-live": W.value,
+				"aria-atomic": !0,
+				"aria-labelledby": I,
+				"aria-describedby": K.value ? L : void 0,
+				onMouseenter: ee,
+				onMouseleave: te,
+				onKeydown: ne
+			}, [
+				G.value ? (h(), s("span", w, [_(t.$slots, "icon", {}, () => [e.icon ? (h(), s("span", {
+					key: 0,
+					innerHTML: e.icon
+				}, null, 8, T)) : e.type ? (h(), s("svg", E, [c("path", { d: q.value }, null, 8, D)])) : o("", !0)])])) : o("", !0),
+				c("div", O, [
+					c("div", {
+						id: I,
+						class: "b-notification__message"
+					}, [_(t.$slots, "message", {}, () => [l(v(e.message), 1)])]),
+					K.value || t.$slots.description ? (h(), s("div", {
+						key: 0,
+						id: L,
+						class: "b-notification__description"
+					}, [_(t.$slots, "description", {}, () => [l(v(e.description), 1)])])) : o("", !0),
+					e.btn || t.$slots.btn ? (h(), s("div", k, [_(t.$slots, "btn", {}, () => [l(v(e.btn), 1)])])) : o("", !0)
+				]),
+				e.closable ? (h(), s("button", {
+					key: 1,
+					type: "button",
+					class: "b-notification__close",
+					"aria-label": "Close notification",
+					onClick: Q
+				}, [_(t.$slots, "closeIcon", {}, () => [e.closeIcon ? (h(), s("span", {
+					key: 0,
+					innerHTML: e.closeIcon
+				}, null, 8, A)) : (h(), s("svg", j, [c("path", { d: M })]))])])) : o("", !0)
+			], 42, C)) : o("", !0)]),
+			_: 3
+		})]));
 	}
 });
 //#endregion
-export { S as default };
+export { N as default };
 
 //# sourceMappingURL=design-system151.js.map

package/dist/design-system151.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system151.js","names":[],"sources":["../src/components/BPopconfirm/BPopconfirm.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, unref as _unref, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, Fragment as _Fragment } from \"vue\"\n\nconst _hoisted_1 = [\"aria-describedby\", \"id\"]\nconst _hoisted_2 = {\n  key: 0,\n  class: \"b-popconfirm__arrow\",\n  \"aria-hidden\": \"true\"\n}\nconst _hoisted_3 = { class: \"b-popconfirm__inner\" }\nconst _hoisted_4 = { class: \"b-popconfirm__message\" }\nconst _hoisted_5 = {\n  class: \"b-popconfirm__icon\",\n  \"aria-hidden\": \"true\"\n}\nconst _hoisted_6 = { class: \"b-popconfirm__text\" }\nconst _hoisted_7 = {\n  class: \"b-popconfirm__buttons\",\n  role: \"group\"\n}\n\nimport { useComponentId } from '@/composables/useComponentId.ts';\nimport { BPopconfirmPlacement, BPopconfirmTrigger } from '@/types.ts';\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useId, watch } from 'vue';\n\n// ─────────────────────────────────────────────\n// Props & emits\n// ─────────────────────────────────────────────\nconst focusableSelector =\n  'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BPopconfirm',\n  props: {\n    title: {},\n    description: {},\n    okText: { default: 'Yes' },\n    cancelText: { default: 'No' },\n    okType: { default: 'primary' },\n    disabled: { type: Boolean, default: false },\n    icon: {},\n    showCancel: { type: Boolean, default: true },\n    trigger: { default: () => (BPopconfirmTrigger.Click) },\n    placement: { default: () => (BPopconfirmPlacement.TopCenter) },\n    arrow: { type: Boolean, default: true },\n    mouseEnterDelay: { default: 100 },\n    mouseLeaveDelay: { default: 100 },\n    destroyTooltipOnHide: { type: Boolean, default: false },\n    zIndex: { default: 1060 },\n    modelValue: { type: Boolean, default: () => (undefined) }\n  },\n  emits: [\"confirm\", \"cancel\", \"openChange\", \"update:modelValue\"],\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\n\n\nconst emit = __emit;\n\n\n\n// ─────────────────────────────────────────────\n// Internal state\n// ─────────────────────────────────────────────\nconst { componentUID } = useComponentId();\nconst popconfirmId = useId();\nconst titleId = `${popconfirmId}-title`;\nconst descId = `${popconfirmId}-desc`;\n\nconst internalOpen = ref(false);\nconst isOpen = computed(() => (__props.modelValue !== undefined ? __props.modelValue : internalOpen.value));\n\nconst hasBeenOpened = ref(false);\nconst shouldRender = computed(() => {\n  if (__props.destroyTooltipOnHide) return isOpen.value;\n  return hasBeenOpened.value || isOpen.value;\n});\n\nwatch(isOpen, (val) => {\n  if (val) hasBeenOpened.value = true;\n});\n\n// ─────────────────────────────────────────────\n// Visibility control\n// ─────────────────────────────────────────────\nlet showTimer: ReturnType<typeof setTimeout> | null = null;\nlet hideTimer: ReturnType<typeof setTimeout> | null = null;\n\nfunction clearTimers() {\n  if (showTimer) {\n    clearTimeout(showTimer);\n    showTimer = null;\n  }\n  if (hideTimer) {\n    clearTimeout(hideTimer);\n    hideTimer = null;\n  }\n}\n\nfunction requestOpen(delay = 0) {\n  if (__props.disabled) return;\n  clearTimers();\n  if (isOpen.value) return;\n  if (delay > 0) {\n    showTimer = setTimeout(() => doOpen(), delay);\n  } else {\n    doOpen();\n  }\n}\n\nfunction requestClose(delay = 0) {\n  clearTimers();\n  if (!isOpen.value) return;\n  if (delay > 0) {\n    hideTimer = setTimeout(() => doClose(), delay);\n  } else {\n    doClose();\n  }\n}\n\nfunction doOpen() {\n  popconfirmRef.value?.showPopover();\n}\n\nfunction doClose() {\n  popconfirmRef.value?.hidePopover();\n}\n\nfunction setOpen(val: boolean) {\n  if (__props.modelValue !== undefined) {\n    emit('update:modelValue', val);\n  } else {\n    internalOpen.value = val;\n  }\n  emit('openChange', val);\n}\n\n// ─────────────────────────────────────────────\n// Popover toggle event\n// ─────────────────────────────────────────────\nconst onPopoverToggle = ({ newState }: ToggleEvent) => {\n  setOpen(newState === 'open');\n};\n\n// ─────────────────────────────────────────────\n// Refs\n// ─────────────────────────────────────────────\nconst popconfirmRef = ref<HTMLDivElement | null>(null);\nconst toggleRef = ref<HTMLDivElement | null>(null);\n\n// ─────────────────────────────────────────────\n// Focus management\n// ─────────────────────────────────────────────\nlet previouslyFocusedElement: HTMLElement | null = null;\n\nfunction focusFirstButton() {\n  nextTick(() => {\n    if (!popconfirmRef.value) return;\n    const first = popconfirmRef.value.querySelector<HTMLElement>(focusableSelector);\n    if (first) {\n      first.focus();\n    } else {\n      popconfirmRef.value.focus();\n    }\n  });\n}\n\nfunction trapFocus(event: KeyboardEvent) {\n  if (event.key !== 'Tab' || !popconfirmRef.value) return;\n\n  const focusable = Array.from(\n    popconfirmRef.value.querySelectorAll<HTMLElement>(focusableSelector),\n  );\n  if (focusable.length === 0) {\n    event.preventDefault();\n    return;\n  }\n\n  const first = focusable[0];\n  const last = focusable[focusable.length - 1];\n\n  if (event.shiftKey) {\n    if (document.activeElement === first) {\n      event.preventDefault();\n      last.focus();\n    }\n  } else {\n    if (document.activeElement === last) {\n      event.preventDefault();\n      first.focus();\n    }\n  }\n}\n\nwatch(isOpen, (val) => {\n  if (val) {\n    previouslyFocusedElement = document.activeElement as HTMLElement | null;\n    focusFirstButton();\n  } else {\n    if (previouslyFocusedElement) {\n      nextTick(() => previouslyFocusedElement?.focus());\n    }\n  }\n});\n\n// ─────────────────────────────────────────────\n// Button handlers\n// ─────────────────────────────────────────────\nfunction onConfirm(event: MouseEvent) {\n  emit('confirm', event);\n  requestClose();\n}\n\nfunction onCancel(event: MouseEvent) {\n  emit('cancel', event);\n  requestClose();\n}\n\n// ─────────────────────────────────────────────\n// Event handlers\n// ─────────────────────────────────────────────\nfunction onClick() {\n  if (__props.disabled) return;\n  if (isOpen.value) {\n    requestClose();\n  } else {\n    requestOpen();\n  }\n}\n\nfunction onMouseEnter() {\n  requestOpen(__props.mouseEnterDelay);\n}\n\nfunction onMouseLeave() {\n  requestClose(__props.mouseLeaveDelay);\n}\n\nfunction onFocusIn() {\n  requestOpen();\n}\n\nfunction onFocusOut() {\n  requestClose();\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (event.key === 'Escape' && isOpen.value) {\n    event.preventDefault();\n    requestClose();\n  }\n}\n\nfunction onPopconfirmKeydown(event: KeyboardEvent) {\n  if (event.key === 'Escape') {\n    event.preventDefault();\n    requestClose();\n  }\n  trapFocus(event);\n}\n\n// ─────────────────────────────────────────────\n// Popconfirm hover (keep open when hovering content)\n// ─────────────────────────────────────────────\nfunction onPopconfirmMouseEnter() {\n  if (__props.trigger === BPopconfirmTrigger.Hover) {\n    clearTimers();\n  }\n}\n\nfunction onPopconfirmMouseLeave() {\n  if (__props.trigger === BPopconfirmTrigger.Hover) {\n    requestClose(__props.mouseLeaveDelay);\n  }\n}\n\n// ─────────────────────────────────────────────\n// Event listener management\n// ─────────────────────────────────────────────\nfunction attachListeners() {\n  const el = toggleRef.value;\n  if (!el) return;\n\n  el.addEventListener('keydown', onKeydown);\n\n  switch (__props.trigger) {\n    case BPopconfirmTrigger.Click:\n      el.addEventListener('click', onClick);\n      break;\n    case BPopconfirmTrigger.Focus:\n      el.addEventListener('focusin', onFocusIn);\n      el.addEventListener('focusout', onFocusOut);\n      break;\n    case BPopconfirmTrigger.Hover:\n    default:\n      el.addEventListener('mouseenter', onMouseEnter);\n      el.addEventListener('mouseleave', onMouseLeave);\n      el.addEventListener('focusin', onFocusIn);\n      el.addEventListener('focusout', onFocusOut);\n      break;\n  }\n}\n\nfunction detachListeners() {\n  const el = toggleRef.value;\n  if (!el) return;\n\n  el.removeEventListener('keydown', onKeydown);\n  el.removeEventListener('click', onClick);\n  el.removeEventListener('focusin', onFocusIn);\n  el.removeEventListener('focusout', onFocusOut);\n  el.removeEventListener('mouseenter', onMouseEnter);\n  el.removeEventListener('mouseleave', onMouseLeave);\n}\n\nonMounted(() => {\n  attachListeners();\n});\n\nonBeforeUnmount(() => {\n  detachListeners();\n  clearTimers();\n});\n\nwatch(\n  () => __props.trigger,\n  () => {\n    detachListeners();\n    attachListeners();\n  },\n);\n\n// Sync controlled v-model → popover state\nwatch(\n  () => __props.modelValue,\n  (val) => {\n    if (val === undefined) return;\n    if (val) {\n      popconfirmRef.value?.showPopover();\n    } else {\n      popconfirmRef.value?.hidePopover();\n    }\n  },\n);\n\n// ─────────────────────────────────────────────\n// Computed styles\n// ─────────────────────────────────────────────\nconst anchorName = computed(() => `--b-popconfirm-anchor-${componentUID.value}`);\n\nconst placementClass = computed(() => {\n  const map: Record<string, string> = {\n    [BPopconfirmPlacement.TopLeft]: 'top-left',\n    [BPopconfirmPlacement.TopCenter]: 'top-center',\n    [BPopconfirmPlacement.TopRight]: 'top-right',\n    [BPopconfirmPlacement.RightTop]: 'right-top',\n    [BPopconfirmPlacement.RightCenter]: 'right-center',\n    [BPopconfirmPlacement.RightBottom]: 'right-bottom',\n    [BPopconfirmPlacement.BottomRight]: 'bottom-right',\n    [BPopconfirmPlacement.BottomCenter]: 'bottom-center',\n    [BPopconfirmPlacement.BottomLeft]: 'bottom-left',\n    [BPopconfirmPlacement.LeftBottom]: 'left-bottom',\n    [BPopconfirmPlacement.LeftCenter]: 'left-center',\n    [BPopconfirmPlacement.LeftTop]: 'left-top',\n  };\n  return map[__props.placement] ?? 'top-center';\n});\n\nconst okButtonClass = computed(() => {\n  const map: Record<string, string> = {\n    primary: 'b-popconfirm__btn--primary',\n    default: 'b-popconfirm__btn--default',\n    dashed: 'b-popconfirm__btn--dashed',\n    text: 'b-popconfirm__btn--text',\n    link: 'b-popconfirm__btn--link',\n  };\n  return map[__props.okType] ?? 'b-popconfirm__btn--primary';\n});\n\n// ─────────────────────────────────────────────\n// Public API\n// ─────────────────────────────────────────────\n__expose({ open: doOpen, close: doClose });\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createElementVNode(\"div\", {\n      ref_key: \"toggleRef\",\n      ref: toggleRef,\n      class: \"b-popconfirm__toggle\",\n      style: _normalizeStyle({ anchorName: anchorName.value })\n    }, [\n      _renderSlot(_ctx.$slots, \"default\")\n    ], 4),\n    _createElementVNode(\"div\", {\n      ref_key: \"popconfirmRef\",\n      ref: popconfirmRef,\n      popover: \"manual\",\n      class: _normalizeClass([\n      'b-popconfirm__content',\n      placementClass.value,\n      { 'b-popconfirm__content--no-arrow': !__props.arrow },\n    ]),\n      style: _normalizeStyle({ zIndex: __props.zIndex, positionAnchor: anchorName.value }),\n      role: \"dialog\",\n      \"aria-modal\": \"false\",\n      \"aria-labelledby\": titleId,\n      \"aria-describedby\": __props.description ? descId : undefined,\n      id: _unref(popconfirmId),\n      tabindex: \"-1\",\n      onToggle: onPopoverToggle,\n      onKeydown: onPopconfirmKeydown,\n      onMouseenter: onPopconfirmMouseEnter,\n      onMouseleave: onPopconfirmMouseLeave\n    }, [\n      (shouldRender.value || !__props.destroyTooltipOnHide)\n        ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [\n            (__props.arrow)\n              ? (_openBlock(), _createElementBlock(\"div\", _hoisted_2))\n              : _createCommentVNode(\"\", true),\n            _createElementVNode(\"div\", _hoisted_3, [\n              _createElementVNode(\"div\", _hoisted_4, [\n                _createElementVNode(\"span\", _hoisted_5, [\n                  _renderSlot(_ctx.$slots, \"icon\", {}, () => [\n                    _cache[0] || (_cache[0] = _createElementVNode(\"svg\", {\n                      viewBox: \"0 0 24 24\",\n                      fill: \"currentColor\",\n                      width: \"16\",\n                      height: \"16\",\n                      \"aria-hidden\": \"true\"\n                    }, [\n                      _createElementVNode(\"path\", { d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\" })\n                    ], -1))\n                  ])\n                ]),\n                _createElementVNode(\"div\", _hoisted_6, [\n                  _createElementVNode(\"div\", {\n                    id: titleId,\n                    class: \"b-popconfirm__title\"\n                  }, [\n                    _renderSlot(_ctx.$slots, \"title\", {}, () => [\n                      _createTextVNode(_toDisplayString(__props.title), 1)\n                    ])\n                  ]),\n                  (__props.description || _ctx.$slots.description)\n                    ? (_openBlock(), _createElementBlock(\"div\", {\n                        key: 0,\n                        id: descId,\n                        class: \"b-popconfirm__description\"\n                      }, [\n                        _renderSlot(_ctx.$slots, \"description\", {}, () => [\n                          _createTextVNode(_toDisplayString(__props.description), 1)\n                        ])\n                      ]))\n                    : _createCommentVNode(\"\", true)\n                ])\n              ]),\n              _createElementVNode(\"div\", _hoisted_7, [\n                _renderSlot(_ctx.$slots, \"cancelButton\", {}, () => [\n                  (__props.showCancel)\n                    ? (_openBlock(), _createElementBlock(\"button\", {\n                        key: 0,\n                        type: \"button\",\n                        class: \"b-popconfirm__btn b-popconfirm__btn--default\",\n                        onClick: onCancel\n                      }, _toDisplayString(__props.cancelText), 1))\n                    : _createCommentVNode(\"\", true)\n                ]),\n                _renderSlot(_ctx.$slots, \"okButton\", {}, () => [\n                  _createElementVNode(\"button\", {\n                    type: \"button\",\n                    class: _normalizeClass(['b-popconfirm__btn', okButtonClass.value]),\n                    onClick: onConfirm\n                  }, _toDisplayString(__props.okText), 3)\n                ])\n              ])\n            ])\n          ], 64))\n        : _createCommentVNode(\"\", true)\n    ], 46, _hoisted_1)\n  ], 64))\n}\n}\n\n})"],"mappings":"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"}
+{"version":3,"file":"design-system151.js","names":["$slots"],"sources":["../src/components/BNotification/BNotification.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { BNotificationPlacement, BNotificationType } from '@/types.ts';\nimport { computed, nextTick, onUnmounted, ref, useId, watch } from 'vue';\n\n// ─────────────────────────────────────────────\n// Props & emits\n// ─────────────────────────────────────────────\nconst {\n  type = undefined,\n  message = '',\n  description = '',\n  placement = BNotificationPlacement.TopRight,\n  duration = 4.5,\n  closable = true,\n  showIcon = true,\n  icon,\n  closeIcon,\n  btn,\n  modelValue = undefined,\n} = defineProps<{\n  /**\n   * Notification type - controls the icon and colour scheme.\n   * When omitted no type-colour is applied (plain notification).\n   */\n  type?: `${BNotificationType}`;\n  /** Short title / heading of the notification. */\n  message?: string;\n  /** Optional detailed description below the title. */\n  description?: string;\n  /**\n   * Placement of the notification on the viewport.\n   * @default 'top-right'\n   */\n  placement?: `${BNotificationPlacement}`;\n  /**\n   * Auto-close delay in seconds. Set to `0` to disable auto-close.\n   * @default 4.5\n   */\n  duration?: number;\n  /** Show the close button. @default true */\n  closable?: boolean;\n  /** Show the built-in status icon when `type` is set. @default true */\n  showIcon?: boolean;\n  /**\n   * Custom icon content - overrides the built-in type icon.\n   * Also accepts the `icon` slot.\n   */\n  icon?: string;\n  /**\n   * Custom close-icon content.\n   * Also accepts the `closeIcon` slot.\n   */\n  closeIcon?: string;\n  /**\n   * Custom action button area content.\n   * Also accepts the `btn` slot.\n   */\n  btn?: string;\n  /**\n   * Controlled visibility - when provided the component operates in\n   * controlled mode; otherwise it manages its own visibility.\n   * Bind with `v-model`.\n   */\n  modelValue?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  /** Fired synchronously when the notification starts closing. */\n  (e: 'close'): void;\n  /** Fired after the leave-transition fully completes. */\n  (e: 'afterClose'): void;\n  /** v-model support */\n  (e: 'update:modelValue', value: boolean): void;\n}>();\n\ndefineSlots<{\n  /** Overrides the `message` prop - the notification title. */\n  message?(): unknown;\n  /** Overrides the `description` prop. */\n  description?(): unknown;\n  /** Overrides the built-in status icon. */\n  icon?(): unknown;\n  /** Overrides the default close icon. */\n  closeIcon?(): unknown;\n  /** Action button area rendered below the description. */\n  btn?(): unknown;\n}>();\n\n// ─────────────────────────────────────────────\n// Internal state\n// ─────────────────────────────────────────────\nconst notificationId = useId();\nconst titleId = `${notificationId}-title`;\nconst descId = `${notificationId}-desc`;\n\n/** Uncontrolled visibility flag - default closed. */\nconst internalVisible = ref(false);\n\n/** Ref to the notification DOM element for focus return. */\nconst notificationRef = ref<HTMLElement | null>(null);\n\n/** Element that had focus before the notification appeared. */\nconst previousFocusRef = ref<HTMLElement | null>(null);\n\n/**\n * Effective visibility:\n *  - controlled  → honour `modelValue`\n *  - uncontrolled → use `internalVisible`\n */\nconst isVisible = computed(() => (modelValue !== undefined ? modelValue : internalVisible.value));\n\nconst isControlled = computed(() => modelValue !== undefined);\n\n// ─────────────────────────────────────────────\n// Derived state\n// ─────────────────────────────────────────────\n/** ARIA role: 'alert' for error/warning (assertive), 'status' for others. */\nconst ariaRole = computed<'alert' | 'status'>(() =>\n  type === BNotificationType.Error || type === BNotificationType.Warning ? 'alert' : 'status',\n);\n\n/** aria-live polarity mirrors the role. */\nconst ariaLive = computed(() => (ariaRole.value === 'alert' ? 'assertive' : 'polite'));\n\n/** Whether to show the icon area (needs type and showIcon). */\nconst showIconArea = computed(() => Boolean(type && showIcon) || Boolean(icon) || false);\n\n/** Whether the description is provided via prop or slot. */\nconst hasDescription = computed(() => Boolean(description));\n\n/** Built-in SVG path for the status icon. */\nconst iconPath = computed(() => {\n  switch (type) {\n    case BNotificationType.Success:\n      return 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5-4-4 1.41-1.41L10 13.67l6.59-6.59L18 8.5l-8 8z';\n    case BNotificationType.Warning:\n      return 'M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z';\n    case BNotificationType.Error:\n      return 'M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z';\n    default:\n      // info (also fallback)\n      return 'M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z';\n  }\n});\n\n// Close icon SVG path (× mark)\nconst closeIconPath =\n  'M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z';\n\n// ─────────────────────────────────────────────\n// Auto-close timer\n// ─────────────────────────────────────────────\nlet timer: ReturnType<typeof setTimeout> | null = null;\n\nfunction startTimer() {\n  clearTimer();\n  if (duration > 0) {\n    timer = setTimeout(() => {\n      close();\n    }, duration * 1000);\n  }\n}\n\nfunction clearTimer() {\n  if (timer !== null) {\n    clearTimeout(timer);\n    timer = null;\n  }\n}\n\n// ─────────────────────────────────────────────\n// Behaviour\n// ─────────────────────────────────────────────\nfunction open() {\n  if (isControlled.value) {\n    emit('update:modelValue', true);\n  } else {\n    internalVisible.value = true;\n  }\n}\n\nfunction close() {\n  emit('close');\n  if (isControlled.value) {\n    emit('update:modelValue', false);\n  } else {\n    internalVisible.value = false;\n  }\n}\n\nfunction onAfterLeave() {\n  // Return focus to the previously-focused element\n  if (previousFocusRef.value && document.contains(previousFocusRef.value)) {\n    previousFocusRef.value.focus();\n    previousFocusRef.value = null;\n  }\n  emit('afterClose');\n}\n\nfunction onMouseEnter() {\n  clearTimer();\n}\n\nfunction onMouseLeave() {\n  startTimer();\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  if (event.key === 'Escape' && closable) {\n    event.stopPropagation();\n    close();\n  }\n}\n\n// ─────────────────────────────────────────────\n// Visibility watcher - manage timer + focus\n// ─────────────────────────────────────────────\nwatch(\n  isVisible,\n  async (visible) => {\n    if (visible) {\n      // Capture current focus for return-on-close\n      previousFocusRef.value = document.activeElement as HTMLElement | null;\n      startTimer();\n      // Focus the close button (if closable) once the DOM updates\n      if (closable) {\n        await nextTick();\n        const closeBtn =\n          notificationRef.value?.querySelector<HTMLElement>('.b-notification__close');\n        closeBtn?.focus();\n      }\n    } else {\n      clearTimer();\n    }\n  },\n  { immediate: true },\n);\n\n// ─────────────────────────────────────────────\n// Lifecycle\n// ─────────────────────────────────────────────\nonUnmounted(() => {\n  clearTimer();\n});\n\n// Expose open & close for imperative usage\ndefineExpose({ open, close });\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <Transition name=\"b-notification-fade\" @after-leave=\"onAfterLeave\">\n      <div\n        v-if=\"isVisible\"\n        :id=\"notificationId\"\n        ref=\"notificationRef\"\n        class=\"b-notification\"\n        :class=\"[\n          placement && `b-notification--${placement}`,\n          type && `b-notification--${type}`,\n          {\n            'b-notification--with-icon': showIconArea,\n            'b-notification--with-description': hasDescription,\n          },\n        ]\"\n        :role=\"ariaRole\"\n        :aria-live=\"ariaLive\"\n        :aria-atomic=\"true\"\n        :aria-labelledby=\"titleId\"\n        :aria-describedby=\"hasDescription ? descId : undefined\"\n        @mouseenter=\"onMouseEnter\"\n        @mouseleave=\"onMouseLeave\"\n        @keydown=\"onKeydown\"\n      >\n        <!-- Icon area -->\n        <span v-if=\"showIconArea\" class=\"b-notification__icon\" aria-hidden=\"true\">\n          <slot name=\"icon\">\n            <!-- Custom icon prop as raw HTML (consumer's responsibility) -->\n            <span v-if=\"icon\" v-html=\"icon\" />\n            <!-- Built-in type icon -->\n            <svg\n              v-else-if=\"type\"\n              class=\"b-notification__icon-svg\"\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              focusable=\"false\"\n              aria-hidden=\"true\"\n            >\n              <path :d=\"iconPath\" />\n            </svg>\n          </slot>\n        </span>\n\n        <!-- Body -->\n        <div class=\"b-notification__body\">\n          <!-- Title -->\n          <div :id=\"titleId\" class=\"b-notification__message\">\n            <slot name=\"message\">{{ message }}</slot>\n          </div>\n\n          <!-- Description -->\n          <div\n            v-if=\"hasDescription || $slots.description\"\n            :id=\"descId\"\n            class=\"b-notification__description\"\n          >\n            <slot name=\"description\">{{ description }}</slot>\n          </div>\n\n          <!-- Action button area -->\n          <div v-if=\"btn || $slots.btn\" class=\"b-notification__btn\">\n            <slot name=\"btn\">{{ btn }}</slot>\n          </div>\n        </div>\n\n        <!-- Close button -->\n        <button\n          v-if=\"closable\"\n          type=\"button\"\n          class=\"b-notification__close\"\n          aria-label=\"Close notification\"\n          @click=\"close\"\n        >\n          <slot name=\"closeIcon\">\n            <span v-if=\"closeIcon\" v-html=\"closeIcon\" />\n            <svg\n              v-else\n              class=\"b-notification__close-svg\"\n              viewBox=\"0 0 24 24\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              focusable=\"false\"\n              aria-hidden=\"true\"\n            >\n              <path :d=\"closeIconPath\" />\n            </svg>\n          </slot>\n        </button>\n      </div>\n    </Transition>\n  </Teleport>\n</template>\n\n<style>\n/* ────────────────────────────────────────────\n   CSS Custom Properties (tokens)\n   ──────────────────────────────────────────── */\n.b-notification {\n  /* Layout */\n  --b-notification-width: 22rem;\n  --b-notification-padding-v: 1rem;\n  --b-notification-padding-h: 1.5rem;\n  --b-notification-border-radius: 0.5rem;\n  --b-notification-icon-size: 1.5rem;\n  --b-notification-gap: 0.75rem;\n  --b-notification-close-size: 1rem;\n  --b-notification-font-size-title: 1rem;\n  --b-notification-font-size-desc: 0.875rem;\n  --b-notification-line-height: 1.5;\n  --b-notification-z-index: 1010;\n\n  /* Offset from viewport edge */\n  --b-notification-offset: 1.5rem;\n\n  /* Colours (default / plain) */\n  --b-notification-bg: #ffffff;\n  --b-notification-border-color: oklch(90% 0.02 240);\n  --b-notification-title-color: oklch(20% 0.02 240);\n  --b-notification-desc-color: oklch(45% 0.02 240);\n  --b-notification-close-color: oklch(50% 0.02 240);\n  --b-notification-close-hover-color: oklch(20% 0.02 240);\n  --b-notification-icon-color: oklch(62.3% 0.214 259.815);\n  --b-notification-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\n  /* Animation */\n  --b-notification-transition-duration: 300ms;\n}\n\n/* ── Variant colour tokens ── */\n.b-notification--success {\n  --b-notification-icon-color: oklch(72.3% 0.219 149.579);\n}\n\n.b-notification--info {\n  --b-notification-icon-color: oklch(62.3% 0.214 259.815);\n}\n\n.b-notification--warning {\n  --b-notification-icon-color: oklch(75% 0.183 55.934);\n}\n\n.b-notification--error {\n  --b-notification-icon-color: oklch(63.7% 0.237 25.331);\n}\n\n/* ── Dark mode ── */\n[data-prefers-color='dark'] .b-notification {\n  --b-notification-bg: oklch(22% 0.02 240);\n  --b-notification-border-color: oklch(35% 0.03 240);\n  --b-notification-title-color: oklch(92% 0.02 240);\n  --b-notification-desc-color: oklch(70% 0.02 240);\n  --b-notification-close-color: oklch(60% 0.02 240);\n  --b-notification-close-hover-color: oklch(90% 0.02 240);\n  --b-notification-shadow:\n    0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 3px 6px -4px rgba(0, 0, 0, 0.48),\n    0 9px 28px 8px rgba(0, 0, 0, 0.2);\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-prefers-color='system'] .b-notification {\n    --b-notification-bg: oklch(22% 0.02 240);\n    --b-notification-border-color: oklch(35% 0.03 240);\n    --b-notification-title-color: oklch(92% 0.02 240);\n    --b-notification-desc-color: oklch(70% 0.02 240);\n    --b-notification-close-color: oklch(60% 0.02 240);\n    --b-notification-close-hover-color: oklch(90% 0.02 240);\n    --b-notification-shadow:\n      0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 3px 6px -4px rgba(0, 0, 0, 0.48),\n      0 9px 28px 8px rgba(0, 0, 0, 0.2);\n  }\n}\n\n/* ─────────────────────────────────────────────\n   Base layout\n   ───────────────────────────────────────────── */\n.b-notification {\n  position: fixed;\n  z-index: var(--b-notification-z-index);\n  display: flex;\n  align-items: flex-start;\n  gap: var(--b-notification-gap);\n  width: var(--b-notification-width);\n  max-width: calc(100vw - 2 * var(--b-notification-offset));\n  padding: var(--b-notification-padding-v) var(--b-notification-padding-h);\n  border-radius: var(--b-notification-border-radius);\n  background-color: var(--b-notification-bg);\n  box-shadow: var(--b-notification-shadow);\n  box-sizing: border-box;\n  word-break: break-word;\n  pointer-events: auto;\n  outline: none;\n}\n\n/* ── Placement ── */\n.b-notification--top-right {\n  top: var(--b-notification-offset);\n  right: var(--b-notification-offset);\n}\n\n.b-notification--top-left {\n  top: var(--b-notification-offset);\n  left: var(--b-notification-offset);\n}\n\n.b-notification--bottom-right {\n  bottom: var(--b-notification-offset);\n  right: var(--b-notification-offset);\n}\n\n.b-notification--bottom-left {\n  bottom: var(--b-notification-offset);\n  left: var(--b-notification-offset);\n}\n\n/* ── Icon area ── */\n.b-notification__icon {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: flex-start;\n  padding-top: 0.125rem;\n  color: var(--b-notification-icon-color);\n  line-height: 1;\n}\n\n.b-notification__icon-svg {\n  width: var(--b-notification-icon-size);\n  height: var(--b-notification-icon-size);\n  fill: currentColor;\n  display: block;\n}\n\n/* ── Body ── */\n.b-notification__body {\n  flex: 1;\n  min-width: 0;\n}\n\n/* ── Title ── */\n.b-notification__message {\n  font-size: var(--b-notification-font-size-title);\n  font-weight: 600;\n  line-height: var(--b-notification-line-height);\n  color: var(--b-notification-title-color);\n  padding-right: 1.5rem; /* space for close button */\n}\n\n/* When no close button, remove the padding */\n.b-notification:not(:has(.b-notification__close)) .b-notification__message {\n  padding-right: 0;\n}\n\n/* ── Description ── */\n.b-notification__description {\n  margin-top: 0.375rem;\n  font-size: var(--b-notification-font-size-desc);\n  line-height: var(--b-notification-line-height);\n  color: var(--b-notification-desc-color);\n}\n\n/* ── Action button area ── */\n.b-notification__btn {\n  margin-top: 0.75rem;\n}\n\n/* ── Close button ── */\n.b-notification__close {\n  position: absolute;\n  top: 0.875rem;\n  right: 1rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0.125rem;\n  background: transparent;\n  border: none;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  color: var(--b-notification-close-color);\n  line-height: 1;\n  transition: color var(--b-notification-transition-duration) ease;\n}\n\n.b-notification__close:hover {\n  color: var(--b-notification-close-hover-color);\n}\n\n.b-notification__close:focus-visible {\n  outline: 2px solid oklch(62.3% 0.214 259.815);\n  outline-offset: 2px;\n}\n\n.b-notification__close-svg {\n  width: var(--b-notification-close-size);\n  height: var(--b-notification-close-size);\n  fill: currentColor;\n  display: block;\n}\n\n/* ─────────────────────────────────────────────\n   Transition – slide-in + fade per placement\n   ───────────────────────────────────────────── */\n.b-notification-fade-enter-active,\n.b-notification-fade-leave-active {\n  transition:\n    opacity var(--b-notification-transition-duration, 300ms) ease,\n    transform var(--b-notification-transition-duration, 300ms) ease;\n}\n\n/* top-right / bottom-right - slide in from right */\n.b-notification--top-right.b-notification-fade-enter-from,\n.b-notification--bottom-right.b-notification-fade-enter-from {\n  opacity: 0;\n  transform: translateX(100%);\n}\n\n.b-notification--top-right.b-notification-fade-enter-to,\n.b-notification--bottom-right.b-notification-fade-enter-to,\n.b-notification--top-right.b-notification-fade-leave-from,\n.b-notification--bottom-right.b-notification-fade-leave-from {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.b-notification--top-right.b-notification-fade-leave-to,\n.b-notification--bottom-right.b-notification-fade-leave-to {\n  opacity: 0;\n  transform: translateX(100%);\n}\n\n/* top-left / bottom-left - slide in from left */\n.b-notification--top-left.b-notification-fade-enter-from,\n.b-notification--bottom-left.b-notification-fade-enter-from {\n  opacity: 0;\n  transform: translateX(-100%);\n}\n\n.b-notification--top-left.b-notification-fade-enter-to,\n.b-notification--bottom-left.b-notification-fade-enter-to,\n.b-notification--top-left.b-notification-fade-leave-from,\n.b-notification--bottom-left.b-notification-fade-leave-from {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.b-notification--top-left.b-notification-fade-leave-to,\n.b-notification--bottom-left.b-notification-fade-leave-to {\n  opacity: 0;\n  transform: translateX(-100%);\n}\n\n/* Respect prefers-reduced-motion */\n@media (prefers-reduced-motion: reduce) {\n  .b-notification-fade-enter-active,\n  .b-notification-fade-leave-active {\n    transition: opacity var(--b-notification-transition-duration, 300ms) ease;\n  }\n\n  .b-notification--top-right.b-notification-fade-enter-from,\n  .b-notification--bottom-right.b-notification-fade-enter-from,\n  .b-notification--top-left.b-notification-fade-enter-from,\n  .b-notification--bottom-left.b-notification-fade-enter-from,\n  .b-notification--top-right.b-notification-fade-leave-to,\n  .b-notification--bottom-right.b-notification-fade-leave-to,\n  .b-notification--top-left.b-notification-fade-leave-to,\n  .b-notification--bottom-left.b-notification-fade-leave-to {\n    transform: none;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/design-system153.js

@@ -1,6 +1,6 @@
 import e from "./design-system151.js";
 /* empty css                 */
-//#region src/components/BPopconfirm/BPopconfirm.vue
+//#region src/components/BNotification/BNotification.vue
 var t = e;
 //#endregion
 export { t as default };