@7pmlabs/design-system 2.0.8 → 2.1.0

package/dist/design-system210.js

@@ -1,422 +1,36 @@
-import { useComponentId as e } from "./design-system10.js";
-import t from "./design-system208.js";
-import { BSplitterContextKey as n } from "./design-system209.js";
-import { Fragment as r, camelize as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, h as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as ee, openBlock as h, provide as te, ref as g, renderList as ne, renderSlot as _, resolveDynamicComponent as re, unref as v, useSlots as ie, watch as y, withModifiers as b } from "vue";
-//#region src/components/BSplitter/BSplitter.vue?vue&type=script&setup=true&lang.ts
-var ae = ["data-orientation"], oe = ["id"], se = [
-	"tabindex",
-	"aria-orientation",
-	"aria-controls",
-	"aria-valuenow",
-	"aria-disabled",
-	"aria-label",
-	"onMousedown",
-	"onTouchstart",
-	"onKeydown",
-	"onDblclick"
-], ce = {
-	"aria-hidden": "true",
-	class: "b-splitter__handle"
-}, le = [
-	"aria-label",
-	"aria-expanded",
-	"onClick"
-], ue = [
-	"aria-label",
-	"aria-expanded",
-	"onClick"
-], x = 6, S = 10, C = /* @__PURE__ */ u({
-	name: "BSplitter",
-	inheritAttrs: !1,
-	__name: "BSplitter",
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i } from "vue";
+//#region src/components/BSkeleton/BSkeletonInput.vue?vue&type=script&setup=true&lang.ts
+var a = /* @__PURE__ */ n({
+	__name: "BSkeletonInput",
 	props: {
-		vertical: {
+		active: {
 			type: Boolean,
 			default: !1
 		},
-		orientation: {},
-		lazy: {
+		block: {
 			type: Boolean,
 			default: !1
 		},
-		collapsible: {}
+		size: { default: "default" }
 	},
-	emits: [
-		"resize",
-		"resizeStart",
-		"resizeEnd",
-		"collapse",
-		"draggerDoubleClick"
-	],
-	setup(C, { expose: de, emit: fe }) {
-		let w = u({
-			name: "BSplitterVNodeRenderer",
-			props: { nodes: {
-				type: Array,
-				default: () => []
-			} },
-			setup(e) {
-				return () => e.nodes && e.nodes.length ? d(r, null, e.nodes) : null;
-			}
-		}), T = fe, pe = ie(), { componentUID: E } = e(), D = a(() => C.orientation ?? (C.vertical ? "vertical" : "horizontal")), O = a(() => D.value === "vertical");
-		te(n, { orientation: D.value });
-		function k(e) {
-			let t = [];
-			for (let n of e) n.type === r && Array.isArray(n.children) ? t.push(...k(n.children)) : t.push(n);
-			return t;
-		}
-		let A = a(() => {
-			let e = pe.default?.();
-			if (!e) return [];
-			let n = k(e), r = [], a = 0;
-			for (let e of n) {
-				if (e.type !== t) continue;
-				let n = e.props ?? {}, o = {};
-				for (let e in n) o[i(e)] = n[e];
-				let s = e.children?.default?.(), c = s ? Array.isArray(s) ? s : [s] : void 0, l = !1, u = o.collapsible;
-				u === !0 || u === "" || u === "true" ? l = {
-					start: !0,
-					end: !0
-				} : u && typeof u == "object" && (l = u);
-				let d = o.resizable, f = d === void 0 ? !0 : !(d === !1 || d === "false"), p = o.destroyOnHidden, m = p === !0 || p === "" || p === "true";
-				r.push({
-					index: a++,
-					size: o.size,
-					defaultSize: o.defaultSize,
-					min: o.min,
-					max: o.max,
-					resizable: f,
-					collapsible: l,
-					destroyOnHidden: m,
-					content: c
-				});
-			}
-			return r;
-		}), j = g(null), M = g(0), N = g([]), P = g([]), F = g([]), I = g([]);
-		function L(e, t, n = NaN) {
-			if (e == null) return n;
-			if (typeof e == "number") return e;
-			let r = e.trim();
-			if (r.endsWith("%")) {
-				let e = parseFloat(r);
-				return isFinite(e) ? e / 100 * t : n;
-			}
-			if (r.endsWith("px")) return parseFloat(r);
-			let i = parseFloat(r);
-			return isFinite(i) ? i : n;
-		}
-		function R() {
-			let e = M.value, t = Math.max(A.value.length - 1, 0) * x;
-			return Math.max(e - t, 0);
-		}
-		function me() {
-			let e = A.value, t = R();
-			if (e.length === 0 || t <= 0) return e.map(() => 0);
-			let n = Array.from({ length: e.length }, () => NaN), r = 0;
-			e.forEach((e, i) => {
-				let a = L(e.size ?? e.defaultSize, t);
-				isNaN(a) || (n[i] = a, r += a);
-			});
-			let i = n.map((e, t) => isNaN(e) ? t : -1).filter((e) => e >= 0);
-			if (i.length > 0) {
-				let e = Math.max(t - r, 0) / i.length;
-				i.forEach((t) => n[t] = e);
-			}
-			return z(n, t);
-		}
-		function z(e, t) {
-			let n = A.value, r = e.map((e, r) => {
-				let i = L(n[r]?.min, t, 0), a = L(n[r]?.max, t, Infinity);
-				return Math.min(Math.max(e, i), a);
-			}), i = r.reduce((e, t) => e + t, 0);
-			if (i === 0 || t === 0) return r;
-			let a = t / i;
-			return r.map((e) => e * a);
-		}
-		function B() {
-			let e = A.value;
-			P.value.length !== e.length && (P.value = e.map(() => !1), F.value = e.map(() => null), I.value = e.map(() => null)), N.value = me();
-		}
-		y(() => A.value.map((e) => `${e.size ?? ""}`).join("|"), () => {
-			M.value > 0 && B();
-		}), y(() => A.value.length, () => {
-			M.value > 0 && B();
-		});
-		let V = null;
-		ee(() => {
-			j.value && (H(), B(), typeof ResizeObserver < "u" && (V = new ResizeObserver(() => {
-				let e = M.value;
-				if (H(), e > 0 && M.value > 0 && N.value.length > 0) {
-					let t = R() / Math.max(e - x * (N.value.length - 1), 1);
-					N.value = z(N.value.map((e) => e * t), R());
-				} else B();
-			}), V.observe(j.value)));
-		}), m(() => {
-			V?.disconnect(), V = null, X();
-		});
-		function H() {
-			j.value && (M.value = O.value ? j.value.clientHeight : j.value.clientWidth);
-		}
-		let U = g(null), W = g(null);
-		function G(e) {
-			if ("touches" in e) {
-				let t = e.touches[0] ?? e.changedTouches[0];
-				return O.value ? t.clientY : t.clientX;
-			}
-			return O.value ? e.clientY : e.clientX;
-		}
-		function K(e, t) {
-			Z(e) && (t.preventDefault(), U.value = {
-				draggerIndex: e,
-				startCoord: G(t),
-				startSizes: [...N.value],
-				previewDelta: 0
-			}, W.value = C.lazy ? 0 : null, T("resizeStart", [...N.value]), document.addEventListener("mousemove", J), document.addEventListener("mouseup", Y), document.addEventListener("touchmove", J, { passive: !1 }), document.addEventListener("touchend", Y));
-		}
-		function q(e, t, n) {
-			let r = A.value, i = R(), a = [...e], o = t, s = t + 1, c = L(r[o]?.min, i, 0), l = L(r[o]?.max, i, Infinity), u = L(r[s]?.min, i, 0), d = L(r[s]?.max, i, Infinity), f = a[o] + n, p = a[s] - n;
-			return f < c && (p -= c - f, f = c), f > l && (p += f - l, f = l), p < u && (f -= u - p, p = u), p > d && (f += p - d, p = d), f = Math.min(Math.max(f, c), l), p = Math.min(Math.max(p, u), d), a[o] = f, a[s] = p, a;
-		}
-		function J(e) {
-			if (!U.value) return;
-			"touches" in e && e.preventDefault();
-			let t = G(e) - U.value.startCoord;
-			if (C.lazy) {
-				W.value = t;
-				return;
-			}
-			let n = q(U.value.startSizes, U.value.draggerIndex, t);
-			N.value = n, T("resize", [...n]);
-		}
-		function Y(e) {
-			if (!U.value) return;
-			let t = ("changedTouches" in e, G(e)) - U.value.startCoord;
-			if (C.lazy) {
-				let e = q(U.value.startSizes, U.value.draggerIndex, t);
-				N.value = e, T("resize", [...e]);
-			}
-			T("resizeEnd", [...N.value]), U.value = null, W.value = null, X();
-		}
-		function X() {
-			document.removeEventListener("mousemove", J), document.removeEventListener("mouseup", Y), document.removeEventListener("touchmove", J), document.removeEventListener("touchend", Y);
-		}
-		function Z(e) {
-			let t = A.value[e], n = A.value[e + 1];
-			return !!(t?.resizable && n?.resizable);
-		}
-		function he(e) {
-			T("draggerDoubleClick", e);
-		}
-		function ge(e, t) {
-			if (!Z(e)) return;
-			let n = 0;
-			switch (t.key) {
-				case "ArrowLeft":
-					n = O.value ? 0 : -S;
-					break;
-				case "ArrowRight":
-					n = O.value ? 0 : S;
-					break;
-				case "ArrowUp":
-					n = O.value ? -S : 0;
-					break;
-				case "ArrowDown":
-					n = O.value ? S : 0;
-					break;
-				case "Home": {
-					let t = R(), r = A.value[e];
-					n = -(N.value[e] - L(r?.min, t, 0));
-					break;
-				}
-				case "End": {
-					let t = R(), r = A.value[e + 1];
-					n = N.value[e + 1] - L(r?.min, t, 0);
-					break;
-				}
-				case "Enter":
-				case " ":
-					t.preventDefault(), _e(e);
-					return;
-				default: return;
-			}
-			if (n === 0) return;
-			t.preventDefault(), T("resizeStart", [...N.value]);
-			let r = q(N.value, e, n);
-			N.value = r, T("resize", [...r]), T("resizeEnd", [...r]);
-		}
-		function _e(e) {
-			let t = A.value[e], n = A.value[e + 1];
-			t?.collapsible ? Q(e, "start") : n?.collapsible && Q(e + 1, "end");
-		}
-		function Q(e, t) {
-			if (!A.value[e]) return;
-			let n = R(), r = [...N.value], i = t === "start" ? e + 1 : e - 1;
-			if (P.value[e]) {
-				let t = F.value[e] ?? n / A.value.length;
-				if (i >= 0 && i < r.length) {
-					let n = Math.min(t, r[i]);
-					r[e] = n, r[i] -= n;
-				} else r[e] = t;
-				P.value = P.value.map((t, n) => n === e ? !1 : t), F.value = F.value.map((t, n) => n === e ? null : t), I.value = I.value.map((t, n) => n === e ? null : t);
-			} else F.value = F.value.map((t, n) => n === e ? r[e] : t), i >= 0 && i < r.length && (r[i] += r[e]), r[e] = 0, P.value = P.value.map((t, n) => n === e ? !0 : t), I.value = I.value.map((n, r) => r === e ? t : n);
-			N.value = r, T("resize", [...r]), T("resizeEnd", [...r]), T("collapse", [...P.value], [...r]);
-		}
-		function ve(e) {
-			return A.value[e]?.collapsible ? A.value[e].collapsible : null;
-		}
-		function ye(e) {
-			return A.value[e + 1]?.collapsible ? A.value[e + 1].collapsible : null;
-		}
-		function be(e) {
-			let t = N.value, n = t[e] ?? 0, r = t[e + 1] ?? 0, i = !!ve(e)?.start && n > 0 && r > 0, a = !!P.value[e + 1] && I.value[e + 1] === "end" && n > 0;
-			return i || a;
-		}
-		function xe(e) {
-			let t = N.value, n = t[e] ?? 0, r = t[e + 1] ?? 0, i = !!ye(e)?.end && r > 0 && n > 0, a = !!P.value[e] && I.value[e] === "start" && r > 0;
-			return i || a;
-		}
-		function $(e) {
-			P.value[e + 1] && I.value[e + 1] === "end" ? Q(e + 1, "end") : Q(e, "start");
-		}
-		function Se(e) {
-			P.value[e] && I.value[e] === "start" ? Q(e, "start") : Q(e + 1, "end");
-		}
-		function Ce(e) {
-			return P.value[e + 1] && I.value[e + 1] === "end" ? `Expand panel ${e + 2}` : `Collapse panel ${e + 1}`;
-		}
-		function we(e) {
-			return P.value[e] && I.value[e] === "start" ? `Expand panel ${e + 1}` : `Collapse panel ${e + 2}`;
-		}
-		let Te = a(() => C.collapsible?.motion !== !1);
-		function Ee(e) {
-			let t = `${N.value[e] ?? 0}px`;
-			return O.value ? {
-				height: t,
-				flex: `0 0 ${t}`
-			} : {
-				width: t,
-				flex: `0 0 ${t}`
-			};
-		}
-		function De(e) {
-			let t = R();
-			if (t === 0) return 0;
-			let n = N.value.slice(0, e + 1).reduce((e, t) => e + t, 0);
-			return Math.round(n / t * 100);
-		}
-		let Oe = a(() => {
-			if (!C.lazy || !U.value || W.value === null) return;
-			let e = U.value.draggerIndex, t = U.value.startSizes.slice(0, e + 1).reduce((e, t) => e + t, 0) + e * x + W.value;
-			return O.value ? { top: `${t}px` } : { left: `${t}px` };
-		});
-		function ke() {
-			return [...N.value];
-		}
-		function Ae(e) {
-			e.length === N.value.length && (N.value = z(e, R()), T("resize", [...N.value]));
-		}
-		de({
-			getSizes: ke,
-			setSizes: Ae
-		});
-		function je(e, t) {
-			let n = (N.value[t] ?? 0) <= 0;
-			return e.destroyOnHidden && n ? null : e.content ?? null;
-		}
-		return (e, t) => (h(), c("div", {
-			ref_key: "rootRef",
-			ref: j,
-			class: f(["b-splitter", {
-				"b-splitter--horizontal": !O.value,
-				"b-splitter--vertical": O.value,
-				"b-splitter--lazy": C.lazy,
-				"b-splitter--motion": Te.value,
-				"b-splitter--dragging": U.value !== null
-			}]),
-			"data-orientation": D.value
-		}, [(h(!0), c(r, null, ne(A.value, (n, i) => (h(), c(r, { key: `panel-${v(E)}-${i}` }, [l("div", {
-			id: `b-splitter-${v(E)}-panel-${i}`,
-			class: f(["b-splitter__panel", { "b-splitter__panel--collapsed": (N.value[i] ?? 0) <= 0 }]),
-			style: p(Ee(i)),
-			role: "group"
-		}, [(h(), o(re(v(w)), { nodes: je(n, i) }, null, 8, ["nodes"]))], 14, oe), i < A.value.length - 1 ? (h(), c("div", {
-			key: 0,
-			class: f(["b-splitter__divider", { "b-splitter__divider--disabled": !Z(i) }])
-		}, [
-			l("div", {
-				class: f(["b-splitter__dragger", {
-					"b-splitter__dragger--disabled": !Z(i),
-					"b-splitter__dragger--active": U.value && U.value.draggerIndex === i
-				}]),
-				role: "separator",
-				tabindex: Z(i) ? 0 : -1,
-				"aria-orientation": O.value ? "horizontal" : "vertical",
-				"aria-controls": `b-splitter-${v(E)}-panel-${i} b-splitter-${v(E)}-panel-${i + 1}`,
-				"aria-valuenow": De(i),
-				"aria-valuemin": "0",
-				"aria-valuemax": "100",
-				"aria-disabled": !Z(i) || void 0,
-				"aria-label": `Resize panel ${i + 1}`,
-				onMousedown: (e) => K(i, e),
-				onTouchstart: (e) => K(i, e),
-				onKeydown: (e) => ge(i, e),
-				onDblclick: (e) => he(i)
-			}, [l("span", ce, [_(e.$slots, "draggerIcon")])], 42, se),
-			be(i) ? (h(), c("button", {
-				key: 0,
-				type: "button",
-				class: "b-splitter__collapse-btn b-splitter__collapse-btn--start",
-				"aria-label": Ce(i),
-				"aria-expanded": !(P.value[i + 1] && I.value[i + 1] === "end"),
-				onMousedown: t[0] ||= b(() => {}, ["stop"]),
-				onTouchstart: t[1] ||= b(() => {}, ["stop"]),
-				onClick: b((e) => $(i), ["stop"])
-			}, [_(e.$slots, "collapseIconStart", {}, () => [t[4] ||= l("svg", {
-				"aria-hidden": "true",
-				class: "b-splitter__chevron b-splitter__chevron--start",
-				viewBox: "0 0 8 8",
-				width: "8",
-				height: "8"
-			}, [l("polyline", {
-				points: "5,1 2,4 5,7",
-				fill: "none",
-				stroke: "currentColor",
-				"stroke-width": "1.5",
-				"stroke-linecap": "round",
-				"stroke-linejoin": "round"
-			})], -1)])], 40, le)) : s("", !0),
-			xe(i) ? (h(), c("button", {
-				key: 1,
-				type: "button",
-				class: "b-splitter__collapse-btn b-splitter__collapse-btn--end",
-				"aria-label": we(i),
-				"aria-expanded": !(P.value[i] && I.value[i] === "start"),
-				onMousedown: t[2] ||= b(() => {}, ["stop"]),
-				onTouchstart: t[3] ||= b(() => {}, ["stop"]),
-				onClick: b((e) => Se(i), ["stop"])
-			}, [_(e.$slots, "collapseIconEnd", {}, () => [t[5] ||= l("svg", {
-				"aria-hidden": "true",
-				class: "b-splitter__chevron b-splitter__chevron--end",
-				viewBox: "0 0 8 8",
-				width: "8",
-				height: "8"
-			}, [l("polyline", {
-				points: "3,1 6,4 3,7",
-				fill: "none",
-				stroke: "currentColor",
-				"stroke-width": "1.5",
-				"stroke-linecap": "round",
-				"stroke-linejoin": "round"
-			})], -1)])], 40, ue)) : s("", !0)
-		], 2)) : s("", !0)], 64))), 128)), C.lazy && U.value && W.value !== null ? (h(), c("div", {
-			key: 0,
-			class: "b-splitter__lazy-indicator",
-			style: p(Oe.value),
+	setup(n) {
+		let a = e(() => [
+			"b-skeleton-element",
+			"b-skeleton-input",
+			`b-skeleton-input--${n.size}`,
+			{
+				"b-skeleton-input--block": n.block,
+				"b-skeleton-element--active": n.active
+			}
+		]);
+		return (e, n) => (i(), t("span", {
+			class: r(a.value),
+			role: "presentation",
 			"aria-hidden": "true"
-		}, null, 4)) : s("", !0)], 10, ae));
+		}, null, 2));
 	}
 });
 //#endregion
-export { C as default };
+export { a as default };
 
 //# sourceMappingURL=design-system210.js.map

package/dist/design-system210.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system210.js","names":[],"sources":["../src/components/BSplitter/BSplitter.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * BSplitter\n * ---------\n * A flex container that lets the user resize the size of its panels by\n * dragging the bars between them.\n *\n * Mirrors the AntD `<Splitter>` API. Children must be `<BSplitterPanel>`\n * components.\n */\nimport type { CSSProperties, PropType, VNode } from 'vue';\nimport { Fragment, camelize, computed, defineComponent, h, onBeforeUnmount, onMounted, provide, ref, useSlots, watch } from 'vue';\nimport { useComponentId } from '../../composables/useComponentId';\nimport BSplitterPanel from './BSplitterPanel.vue';\nimport {\n  BSplitterContextKey,\n  type BSplitterCollapsible,\n  type BSplitterOrientation,\n  type BSplitterPanelCollapsible,\n  type BSplitterPanelConfig,\n} from './types';\n\ndefineOptions({ name: 'BSplitter', inheritAttrs: false });\n\n/**\n * Internal helper component that renders an array of pre-built VNodes inside\n * a panel. Declared inline to keep the SFC self-contained.\n */\nconst VNodeRenderer = defineComponent({\n  name: 'BSplitterVNodeRenderer',\n  props: {\n    nodes: {\n      type: Array as PropType<VNode[] | undefined | null>,\n      default: () => [],\n    },\n  },\n  setup(props) {\n    return () => (props.nodes && props.nodes.length ? h(Fragment, null, props.nodes) : null);\n  },\n});\n\n//#region Props / Emits / Slots\nconst {\n  vertical = false,\n  orientation,\n  lazy = false,\n  collapsible: collapsibleConfig,\n} = defineProps<{\n  /** Convenience boolean for vertical orientation. @default false */\n  vertical?: boolean;\n  /** Layout orientation. Takes precedence over `vertical` when set. */\n  orientation?: BSplitterOrientation;\n  /** Whether resize is committed only on release (preview line during drag). @default false */\n  lazy?: boolean;\n  /** Splitter-level collapsible config (motion + custom icons). */\n  collapsible?: BSplitterCollapsible;\n}>();\n\nconst emit = defineEmits<{\n  /** Fires while the user drags. Reports current pixel sizes of every panel. */\n  resize: [sizes: number[]];\n  /** Fires when the user starts dragging. */\n  resizeStart: [sizes: number[]];\n  /** Fires when the user releases the dragger. */\n  resizeEnd: [sizes: number[]];\n  /** Fires when a panel is collapsed/uncollapsed via a collapse button. */\n  collapse: [collapsed: boolean[], sizes: number[]];\n  /** Fires when the user double-clicks a dragger. Receives the dragger index. */\n  draggerDoubleClick: [index: number];\n}>();\n\nconst slots = useSlots();\nconst { componentUID } = useComponentId();\n//#endregion\n\n//#region Orientation\nconst resolvedOrientation = computed<BSplitterOrientation>(() =>\n  orientation ?? (vertical ? 'vertical' : 'horizontal'),\n);\nconst isVertical = computed(() => resolvedOrientation.value === 'vertical');\n\nprovide(BSplitterContextKey, {\n  orientation: resolvedOrientation.value,\n});\n//#endregion\n\n//#region Slot inspection — extract panel configs from default slot\nfunction flattenChildren(children: VNode[]): VNode[] {\n  const out: VNode[] = [];\n  for (const vn of children) {\n    if (vn.type === Fragment && Array.isArray(vn.children)) {\n      out.push(...flattenChildren(vn.children as VNode[]));\n    } else {\n      out.push(vn);\n    }\n  }\n  return out;\n}\n\nconst panelConfigs = computed<BSplitterPanelConfig[]>(() => {\n  const raw = slots.default?.();\n  if (!raw) return [];\n  const flat = flattenChildren(raw);\n  const result: BSplitterPanelConfig[] = [];\n  let idx = 0;\n  for (const vnode of flat) {\n    if (vnode.type !== BSplitterPanel) continue;\n    // Normalize prop keys to camelCase — Vue keeps the original (often\n    // kebab-case) keys on the raw vnode.props.\n    const rawProps = (vnode.props ?? {}) as Record<string, unknown>;\n    const props: Record<string, unknown> = {};\n    for (const k in rawProps) props[camelize(k)] = rawProps[k];\n\n    const slotChildren = vnode.children as\n      | { default?: () => VNode | VNode[] }\n      | null\n      | undefined;\n    const rawDefault = slotChildren?.default?.();\n    const content: VNode[] | undefined = rawDefault\n      ? Array.isArray(rawDefault)\n        ? rawDefault\n        : [rawDefault]\n      : undefined;\n\n    let collapsible: BSplitterPanelCollapsible | false = false;\n    const c = props.collapsible;\n    if (c === true || c === '' || c === 'true') {\n      collapsible = { start: true, end: true };\n    } else if (c && typeof c === 'object') {\n      collapsible = c as BSplitterPanelCollapsible;\n    }\n\n    const resizableRaw = props.resizable;\n    const resizable =\n      resizableRaw === undefined\n        ? true\n        : resizableRaw === false || resizableRaw === 'false'\n          ? false\n          : true;\n\n    const destroyRaw = props.destroyOnHidden;\n    const destroyOnHidden =\n      destroyRaw === true || destroyRaw === '' || destroyRaw === 'true';\n\n    result.push({\n      index: idx++,\n      size: props.size as number | string | undefined,\n      defaultSize: props.defaultSize as number | string | undefined,\n      min: props.min as number | string | undefined,\n      max: props.max as number | string | undefined,\n      resizable,\n      collapsible,\n      destroyOnHidden,\n      content,\n    });\n  }\n  return result;\n});\n//#endregion\n\n//#region Sizing internals\nconst rootRef = ref<HTMLElement | null>(null);\nconst containerSize = ref(0);\nconst DRAGGER_PX = 6; // matches --b-splitter-dragger-size default\n\n/** Pixel sizes for each panel, kept in sync with container size + props. */\nconst sizesPx = ref<number[]>([]);\n/** Per-panel collapsed flag (true → forced size 0). */\nconst collapsedFlags = ref<boolean[]>([]);\n/** Per-panel sizes saved before collapsing (so we can restore). */\nconst savedSizes = ref<(number | null)[]>([]);\n/**\n * Per-panel record of how it was collapsed:\n * - 'start': collapsed via the `<` button on the dragger AFTER the panel\n *   (neighbor that absorbed = panel + 1)\n * - 'end':   collapsed via the `>` button on the dragger BEFORE the panel\n *   (neighbor that absorbed = panel - 1)\n * Used to decide which dragger should expose the restore button.\n */\nconst collapsedDirection = ref<('start' | 'end' | null)[]>([]);\n\nfunction parseLength(\n  value: number | string | undefined,\n  total: number,\n  fallback = NaN,\n): number {\n  if (value === undefined || value === null) return fallback;\n  if (typeof value === 'number') return value;\n  const s = value.trim();\n  if (s.endsWith('%')) {\n    const pct = parseFloat(s);\n    return isFinite(pct) ? (pct / 100) * total : fallback;\n  }\n  if (s.endsWith('px')) return parseFloat(s);\n  const n = parseFloat(s);\n  return isFinite(n) ? n : fallback;\n}\n\nfunction availableSize(): number {\n  const total = containerSize.value;\n  const dividers = Math.max(panelConfigs.value.length - 1, 0) * DRAGGER_PX;\n  return Math.max(total - dividers, 0);\n}\n\nfunction computeInitialSizes(): number[] {\n  const panels = panelConfigs.value;\n  const avail = availableSize();\n  if (panels.length === 0 || avail <= 0) return panels.map(() => 0);\n\n  const result: number[] = Array.from({ length: panels.length }, () => NaN);\n  let assigned = 0;\n  // First pass: explicit `size` and `defaultSize`.\n  panels.forEach((p, i) => {\n    const v = parseLength(p.size ?? p.defaultSize, avail);\n    if (!isNaN(v)) {\n      result[i] = v;\n      assigned += v;\n    }\n  });\n  // Distribute remainder evenly among the rest.\n  const remainingIdx = result.map((v, i) => (isNaN(v) ? i : -1)).filter((i) => i >= 0);\n  if (remainingIdx.length > 0) {\n    const remainder = Math.max(avail - assigned, 0);\n    const each = remainder / remainingIdx.length;\n    remainingIdx.forEach((i) => (result[i] = each));\n  }\n  // Clamp to min/max and re-normalize so they sum to avail.\n  return clampAndNormalize(result, avail);\n}\n\nfunction clampAndNormalize(input: number[], avail: number): number[] {\n  const panels = panelConfigs.value;\n  const out = input.map((v, i) => {\n    const min = parseLength(panels[i]?.min, avail, 0);\n    const max = parseLength(panels[i]?.max, avail, Infinity);\n    return Math.min(Math.max(v, min), max);\n  });\n  // Normalize to fit avail.\n  const sum = out.reduce((a, b) => a + b, 0);\n  if (sum === 0 || avail === 0) return out;\n  const scale = avail / sum;\n  return out.map((v) => v * scale);\n}\n\nfunction syncFromProps() {\n  const panels = panelConfigs.value;\n  // Ensure collapsedFlags / savedSizes have correct length.\n  if (collapsedFlags.value.length !== panels.length) {\n    collapsedFlags.value = panels.map(() => false);\n    savedSizes.value = panels.map(() => null);\n    collapsedDirection.value = panels.map(() => null);\n  }\n  // Re-derive sizes when container or panel configs change.\n  sizesPx.value = computeInitialSizes();\n}\n\n/**\n * Inspect controlled `size` props — when provided, reflect them into sizesPx.\n * AntD-style: when `size` is set, it acts as a controlled value.\n */\nwatch(\n  () => panelConfigs.value.map((p) => `${p.size ?? ''}`).join('|'),\n  () => {\n    if (containerSize.value > 0) syncFromProps();\n  },\n);\n\nwatch(\n  () => panelConfigs.value.length,\n  () => {\n    if (containerSize.value > 0) syncFromProps();\n  },\n);\n//#endregion\n\n//#region ResizeObserver — track container size\nlet resizeObserver: ResizeObserver | null = null;\n\nonMounted(() => {\n  if (!rootRef.value) return;\n  measureContainer();\n  syncFromProps();\n  if (typeof ResizeObserver !== 'undefined') {\n    resizeObserver = new ResizeObserver(() => {\n      const prev = containerSize.value;\n      measureContainer();\n      // Re-scale sizes proportionally on container resize.\n      if (prev > 0 && containerSize.value > 0 && sizesPx.value.length > 0) {\n        const ratio = availableSize() / Math.max(prev - DRAGGER_PX * (sizesPx.value.length - 1), 1);\n        sizesPx.value = clampAndNormalize(\n          sizesPx.value.map((v) => v * ratio),\n          availableSize(),\n        );\n      } else {\n        syncFromProps();\n      }\n    });\n    resizeObserver.observe(rootRef.value);\n  }\n});\n\nonBeforeUnmount(() => {\n  resizeObserver?.disconnect();\n  resizeObserver = null;\n  removeDragListeners();\n});\n\nfunction measureContainer() {\n  if (!rootRef.value) return;\n  containerSize.value = isVertical.value\n    ? rootRef.value.clientHeight\n    : rootRef.value.clientWidth;\n}\n//#endregion\n\n//#region Dragging\ninterface DragState {\n  draggerIndex: number;\n  startCoord: number;\n  startSizes: number[];\n  /** In lazy mode, the preview offset (pixels relative to original divider). */\n  previewDelta: number;\n}\nconst dragState = ref<DragState | null>(null);\nconst lazyPreviewDelta = ref<number | null>(null);\n\nfunction getCoord(e: MouseEvent | TouchEvent): number {\n  if ('touches' in e) {\n    const t = e.touches[0] ?? e.changedTouches[0];\n    return isVertical.value ? t.clientY : t.clientX;\n  }\n  return isVertical.value ? e.clientY : e.clientX;\n}\n\nfunction onDraggerPointerDown(index: number, e: MouseEvent | TouchEvent) {\n  if (!isResizable(index)) return;\n  e.preventDefault();\n  dragState.value = {\n    draggerIndex: index,\n    startCoord: getCoord(e),\n    startSizes: [...sizesPx.value],\n    previewDelta: 0,\n  };\n  lazyPreviewDelta.value = lazy ? 0 : null;\n  emit('resizeStart', [...sizesPx.value]);\n\n  document.addEventListener('mousemove', onDragMove);\n  document.addEventListener('mouseup', onDragEnd);\n  document.addEventListener('touchmove', onDragMove, { passive: false });\n  document.addEventListener('touchend', onDragEnd);\n}\n\nfunction applyDelta(startSizes: number[], index: number, delta: number): number[] {\n  const panels = panelConfigs.value;\n  const avail = availableSize();\n  const next = [...startSizes];\n  const a = index;\n  const b = index + 1;\n\n  const aMin = parseLength(panels[a]?.min, avail, 0);\n  const aMax = parseLength(panels[a]?.max, avail, Infinity);\n  const bMin = parseLength(panels[b]?.min, avail, 0);\n  const bMax = parseLength(panels[b]?.max, avail, Infinity);\n\n  let newA = next[a] + delta;\n  let newB = next[b] - delta;\n\n  // Clamp so neither side violates its constraints.\n  if (newA < aMin) {\n    newB -= aMin - newA;\n    newA = aMin;\n  }\n  if (newA > aMax) {\n    newB += newA - aMax;\n    newA = aMax;\n  }\n  if (newB < bMin) {\n    newA -= bMin - newB;\n    newB = bMin;\n  }\n  if (newB > bMax) {\n    newA += newB - bMax;\n    newB = bMax;\n  }\n  // Final clamp on `a` again in case `b` clamping pushed it out.\n  newA = Math.min(Math.max(newA, aMin), aMax);\n  newB = Math.min(Math.max(newB, bMin), bMax);\n  next[a] = newA;\n  next[b] = newB;\n  return next;\n}\n\nfunction onDragMove(e: MouseEvent | TouchEvent) {\n  if (!dragState.value) return;\n  if ('touches' in e) e.preventDefault();\n  const coord = getCoord(e);\n  const delta = coord - dragState.value.startCoord;\n\n  if (lazy) {\n    // Update preview indicator only.\n    lazyPreviewDelta.value = delta;\n    return;\n  }\n  const next = applyDelta(dragState.value.startSizes, dragState.value.draggerIndex, delta);\n  sizesPx.value = next;\n  emit('resize', [...next]);\n}\n\nfunction onDragEnd(e: MouseEvent | TouchEvent) {\n  if (!dragState.value) return;\n  const coord = 'changedTouches' in e ? getCoord(e) : getCoord(e);\n  const delta = coord - dragState.value.startCoord;\n\n  if (lazy) {\n    const next = applyDelta(dragState.value.startSizes, dragState.value.draggerIndex, delta);\n    sizesPx.value = next;\n    emit('resize', [...next]);\n  }\n  emit('resizeEnd', [...sizesPx.value]);\n  dragState.value = null;\n  lazyPreviewDelta.value = null;\n  removeDragListeners();\n}\n\nfunction removeDragListeners() {\n  document.removeEventListener('mousemove', onDragMove);\n  document.removeEventListener('mouseup', onDragEnd);\n  document.removeEventListener('touchmove', onDragMove);\n  document.removeEventListener('touchend', onDragEnd);\n}\n\nfunction isResizable(draggerIndex: number): boolean {\n  const a = panelConfigs.value[draggerIndex];\n  const b = panelConfigs.value[draggerIndex + 1];\n  return !!(a?.resizable && b?.resizable);\n}\n\nfunction onDraggerDoubleClick(i: number) {\n  emit('draggerDoubleClick', i);\n}\n//#endregion\n\n//#region Keyboard\nconst KEY_STEP = 10;\n\nfunction onDraggerKeyDown(index: number, e: KeyboardEvent) {\n  if (!isResizable(index)) return;\n  let delta = 0;\n  switch (e.key) {\n    case 'ArrowLeft':\n      delta = isVertical.value ? 0 : -KEY_STEP;\n      break;\n    case 'ArrowRight':\n      delta = isVertical.value ? 0 : KEY_STEP;\n      break;\n    case 'ArrowUp':\n      delta = isVertical.value ? -KEY_STEP : 0;\n      break;\n    case 'ArrowDown':\n      delta = isVertical.value ? KEY_STEP : 0;\n      break;\n    case 'Home': {\n      // collapse the panel before the dragger to its minimum.\n      const avail = availableSize();\n      const a = panelConfigs.value[index];\n      delta = -(sizesPx.value[index] - parseLength(a?.min, avail, 0));\n      break;\n    }\n    case 'End': {\n      const avail = availableSize();\n      const b = panelConfigs.value[index + 1];\n      delta = sizesPx.value[index + 1] - parseLength(b?.min, avail, 0);\n      break;\n    }\n    case 'Enter':\n    case ' ':\n      // Toggle: collapse the smaller adjacent panel toward the larger one.\n      e.preventDefault();\n      toggleCollapseAtDragger(index);\n      return;\n    default:\n      return;\n  }\n  if (delta === 0) return;\n  e.preventDefault();\n  emit('resizeStart', [...sizesPx.value]);\n  const next = applyDelta(sizesPx.value, index, delta);\n  sizesPx.value = next;\n  emit('resize', [...next]);\n  emit('resizeEnd', [...next]);\n}\n//#endregion\n\n//#region Collapse / Expand\nfunction toggleCollapseAtDragger(index: number) {\n  // Default keyboard behaviour: collapse the start side if it has more room than 0.\n  const a = panelConfigs.value[index];\n  const b = panelConfigs.value[index + 1];\n  if (a?.collapsible) collapsePanel(index, 'start');\n  else if (b?.collapsible) collapsePanel(index + 1, 'end');\n}\n\n/**\n * Collapse a panel toward the previous (`'start'`) or next (`'end'`) panel.\n * If already collapsed, restore the saved size.\n */\nfunction collapsePanel(panelIndex: number, direction: 'start' | 'end') {\n  const panel = panelConfigs.value[panelIndex];\n  if (!panel) return;\n  const avail = availableSize();\n  const sizes = [...sizesPx.value];\n\n  // The neighbor that absorbs / returns the collapsed panel's space.\n  // - direction='start': panel collapses toward start ⇒ space goes to panelIndex + 1\n  // - direction='end':   panel collapses toward end   ⇒ space goes to panelIndex - 1\n  const neighbor = direction === 'start' ? panelIndex + 1 : panelIndex - 1;\n\n  if (collapsedFlags.value[panelIndex]) {\n    // Restore: take saved size back from the same neighbor that absorbed it.\n    const saved = savedSizes.value[panelIndex] ?? avail / panelConfigs.value.length;\n    if (neighbor >= 0 && neighbor < sizes.length) {\n      const give = Math.min(saved, sizes[neighbor]);\n      sizes[panelIndex] = give;\n      sizes[neighbor] -= give;\n    } else {\n      sizes[panelIndex] = saved;\n    }\n    collapsedFlags.value = collapsedFlags.value.map((v, i) => (i === panelIndex ? false : v));\n    savedSizes.value = savedSizes.value.map((v, i) => (i === panelIndex ? null : v));\n    collapsedDirection.value = collapsedDirection.value.map((v, i) =>\n      i === panelIndex ? null : v,\n    );\n  } else {\n    // Collapse: dump current size into the neighbor.\n    savedSizes.value = savedSizes.value.map((v, i) =>\n      i === panelIndex ? sizes[panelIndex] : v,\n    );\n    if (neighbor >= 0 && neighbor < sizes.length) {\n      sizes[neighbor] += sizes[panelIndex];\n    }\n    sizes[panelIndex] = 0;\n    collapsedFlags.value = collapsedFlags.value.map((v, i) => (i === panelIndex ? true : v));\n    collapsedDirection.value = collapsedDirection.value.map((v, i) =>\n      i === panelIndex ? direction : v,\n    );\n  }\n  sizesPx.value = sizes;\n  emit('resize', [...sizes]);\n  emit('resizeEnd', [...sizes]);\n  emit('collapse', [...collapsedFlags.value], [...sizes]);\n}\n\n/**\n * Helpers for the two collapse buttons rendered on each dragger between\n * panel `i` (prev) and panel `i + 1` (next). Mirrors AntD's logic:\n * the START (`<`) button can either collapse prev or expand a previously-\n * collapsed next; the END (`>`) button is symmetric.\n */\nfunction startBtnPanelCfg(i: number) {\n  return panelConfigs.value[i]?.collapsible\n    ? (panelConfigs.value[i].collapsible as BSplitterPanelCollapsible)\n    : null;\n}\nfunction endBtnPanelCfg(i: number) {\n  return panelConfigs.value[i + 1]?.collapsible\n    ? (panelConfigs.value[i + 1].collapsible as BSplitterPanelCollapsible)\n    : null;\n}\nfunction canShowStartBtn(i: number): boolean {\n  const sizes = sizesPx.value;\n  const prevSize = sizes[i] ?? 0;\n  const nextSize = sizes[i + 1] ?? 0;\n  // Mode A — collapse prev (panel i).\n  const prevCfg = startBtnPanelCfg(i);\n  const collapsePrev = !!prevCfg?.start && prevSize > 0 && nextSize > 0;\n  // Mode B — restore next (panel i + 1) if it was collapsed via THIS dragger.\n  const restoreNext =\n    !!collapsedFlags.value[i + 1] &&\n    collapsedDirection.value[i + 1] === 'end' &&\n    prevSize > 0;\n  return collapsePrev || restoreNext;\n}\nfunction canShowEndBtn(i: number): boolean {\n  const sizes = sizesPx.value;\n  const prevSize = sizes[i] ?? 0;\n  const nextSize = sizes[i + 1] ?? 0;\n  // Mode A — collapse next (panel i + 1).\n  const nextCfg = endBtnPanelCfg(i);\n  const collapseNext = !!nextCfg?.end && nextSize > 0 && prevSize > 0;\n  // Mode B — restore prev (panel i) if it was collapsed via THIS dragger.\n  const restorePrev =\n    !!collapsedFlags.value[i] &&\n    collapsedDirection.value[i] === 'start' &&\n    nextSize > 0;\n  return collapseNext || restorePrev;\n}\nfunction onClickStartBtn(i: number) {\n  if (\n    collapsedFlags.value[i + 1] &&\n    collapsedDirection.value[i + 1] === 'end'\n  ) {\n    // Restore next, taking space back from prev.\n    collapsePanel(i + 1, 'end');\n  } else {\n    collapsePanel(i, 'start');\n  }\n}\nfunction onClickEndBtn(i: number) {\n  if (collapsedFlags.value[i] && collapsedDirection.value[i] === 'start') {\n    // Restore prev, taking space back from next.\n    collapsePanel(i, 'start');\n  } else {\n    collapsePanel(i + 1, 'end');\n  }\n}\nfunction startBtnAriaLabel(i: number): string {\n  if (\n    collapsedFlags.value[i + 1] &&\n    collapsedDirection.value[i + 1] === 'end'\n  ) {\n    return `Expand panel ${i + 2}`;\n  }\n  return `Collapse panel ${i + 1}`;\n}\nfunction endBtnAriaLabel(i: number): string {\n  if (collapsedFlags.value[i] && collapsedDirection.value[i] === 'start') {\n    return `Expand panel ${i + 1}`;\n  }\n  return `Collapse panel ${i + 2}`;\n}\n//#endregion\n\n//#region Style helpers\nconst motion = computed(() => collapsibleConfig?.motion !== false);\n\nfunction panelStyle(i: number): CSSProperties {\n  const sz = sizesPx.value[i] ?? 0;\n  const sizeStr = `${sz}px`;\n  return isVertical.value\n    ? { height: sizeStr, flex: `0 0 ${sizeStr}` }\n    : { width: sizeStr, flex: `0 0 ${sizeStr}` };\n}\n\nfunction draggerAriaValueNow(i: number): number {\n  const avail = availableSize();\n  if (avail === 0) return 0;\n  const accumulated = sizesPx.value.slice(0, i + 1).reduce((a, b) => a + b, 0);\n  return Math.round((accumulated / avail) * 100);\n}\n\nconst lazyIndicatorStyle = computed<CSSProperties | undefined>(() => {\n  if (!lazy || !dragState.value || lazyPreviewDelta.value === null) return undefined;\n  const idx = dragState.value.draggerIndex;\n  const before = dragState.value.startSizes.slice(0, idx + 1).reduce((a, b) => a + b, 0);\n  const offset = before + idx * DRAGGER_PX + lazyPreviewDelta.value;\n  return isVertical.value ? { top: `${offset}px` } : { left: `${offset}px` };\n});\n//#endregion\n\n//#region Expose\nfunction getSizes(): number[] {\n  return [...sizesPx.value];\n}\nfunction setSizes(next: number[]) {\n  if (next.length !== sizesPx.value.length) return;\n  sizesPx.value = clampAndNormalize(next, availableSize());\n  emit('resize', [...sizesPx.value]);\n}\ndefineExpose({ getSizes, setSizes });\n//#endregion\n\n//#region Render-time per-panel render helper\n/**\n * Returns the panel's slot content as VNodes, honoring `destroyOnHidden`.\n */\nfunction panelContent(panel: BSplitterPanelConfig, i: number): VNode[] | null {\n  const collapsed = (sizesPx.value[i] ?? 0) <= 0;\n  if (panel.destroyOnHidden && collapsed) return null;\n  return panel.content ?? null;\n}\n//#endregion\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    class=\"b-splitter\"\n    :class=\"{\n      'b-splitter--horizontal': !isVertical,\n      'b-splitter--vertical': isVertical,\n      'b-splitter--lazy': lazy,\n      'b-splitter--motion': motion,\n      'b-splitter--dragging': dragState !== null,\n    }\"\n    :data-orientation=\"resolvedOrientation\"\n  >\n    <template v-for=\"(panel, i) in panelConfigs\" :key=\"`panel-${componentUID}-${i}`\">\n      <div\n        :id=\"`b-splitter-${componentUID}-panel-${i}`\"\n        class=\"b-splitter__panel\"\n        :class=\"{ 'b-splitter__panel--collapsed': (sizesPx[i] ?? 0) <= 0 }\"\n        :style=\"panelStyle(i)\"\n        role=\"group\"\n      >\n        <component :is=\"VNodeRenderer\" :nodes=\"panelContent(panel, i)\" />\n      </div>\n\n      <!-- Divider wrapper holds the dragger + collapse buttons as siblings\n           so we don't nest interactive controls (a11y: nested-interactive). -->\n      <div\n        v-if=\"i < panelConfigs.length - 1\"\n        class=\"b-splitter__divider\"\n        :class=\"{ 'b-splitter__divider--disabled': !isResizable(i) }\"\n      >\n        <div\n          class=\"b-splitter__dragger\"\n          :class=\"{\n            'b-splitter__dragger--disabled': !isResizable(i),\n            'b-splitter__dragger--active': dragState && dragState.draggerIndex === i,\n          }\"\n          role=\"separator\"\n          :tabindex=\"isResizable(i) ? 0 : -1\"\n          :aria-orientation=\"isVertical ? 'horizontal' : 'vertical'\"\n          :aria-controls=\"`b-splitter-${componentUID}-panel-${i} b-splitter-${componentUID}-panel-${i + 1}`\"\n          :aria-valuenow=\"draggerAriaValueNow(i)\"\n          aria-valuemin=\"0\"\n          aria-valuemax=\"100\"\n          :aria-disabled=\"!isResizable(i) || undefined\"\n          :aria-label=\"`Resize panel ${i + 1}`\"\n          @mousedown=\"onDraggerPointerDown(i, $event)\"\n          @touchstart=\"onDraggerPointerDown(i, $event)\"\n          @keydown=\"onDraggerKeyDown(i, $event)\"\n          @dblclick=\"onDraggerDoubleClick(i)\"\n        >\n          <span aria-hidden=\"true\" class=\"b-splitter__handle\">\n            <slot name=\"draggerIcon\" />\n          </span>\n        </div>\n\n        <!--\n          Collapse \"start\" button (LEFT half of dragger). Two modes:\n          - Collapse prev (panel i)        when prev is visible.\n          - Restore next  (panel i + 1)    when next was collapsed via the `>`\n                                           button on THIS dragger.\n        -->\n        <button\n          v-if=\"canShowStartBtn(i)\"\n          type=\"button\"\n          class=\"b-splitter__collapse-btn b-splitter__collapse-btn--start\"\n          :aria-label=\"startBtnAriaLabel(i)\"\n          :aria-expanded=\"\n            collapsedFlags[i + 1] && collapsedDirection[i + 1] === 'end'\n              ? false\n              : true\n          \"\n          @mousedown.stop\n          @touchstart.stop\n          @click.stop=\"onClickStartBtn(i)\"\n        >\n          <slot name=\"collapseIconStart\">\n            <svg\n              aria-hidden=\"true\"\n              class=\"b-splitter__chevron b-splitter__chevron--start\"\n              viewBox=\"0 0 8 8\"\n              width=\"8\"\n              height=\"8\"\n            >\n              <polyline\n                points=\"5,1 2,4 5,7\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </slot>\n        </button>\n\n        <!--\n          Collapse \"end\" button (RIGHT half of dragger). Two modes:\n          - Collapse next (panel i + 1)    when next is visible.\n          - Restore prev  (panel i)        when prev was collapsed via the `<`\n                                           button on THIS dragger.\n        -->\n        <button\n          v-if=\"canShowEndBtn(i)\"\n          type=\"button\"\n          class=\"b-splitter__collapse-btn b-splitter__collapse-btn--end\"\n          :aria-label=\"endBtnAriaLabel(i)\"\n          :aria-expanded=\"\n            collapsedFlags[i] && collapsedDirection[i] === 'start'\n              ? false\n              : true\n          \"\n          @mousedown.stop\n          @touchstart.stop\n          @click.stop=\"onClickEndBtn(i)\"\n        >\n          <slot name=\"collapseIconEnd\">\n            <svg\n              aria-hidden=\"true\"\n              class=\"b-splitter__chevron b-splitter__chevron--end\"\n              viewBox=\"0 0 8 8\"\n              width=\"8\"\n              height=\"8\"\n            >\n              <polyline\n                points=\"3,1 6,4 3,7\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                stroke-width=\"1.5\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n              />\n            </svg>\n          </slot>\n        </button>\n      </div>\n    </template>\n\n    <!-- Lazy preview indicator -->\n    <div\n      v-if=\"lazy && dragState && lazyPreviewDelta !== null\"\n      class=\"b-splitter__lazy-indicator\"\n      :style=\"lazyIndicatorStyle\"\n      aria-hidden=\"true\"\n    />\n  </div>\n</template>\n\n<style>\n.b-splitter {\n  /* Component design tokens (AntD parity) */\n  --b-splitter-split-bar-size: 2px;\n  --b-splitter-dragger-size: 6px;\n  --b-splitter-dragger-draggable-size: 20px;\n  --b-splitter-bg: oklch(94% 0 0); /* colorFill */\n  --b-splitter-bg-hover: oklch(85% 0 0); /* colorFillSecondary */\n  --b-splitter-bg-active: oklch(60% 0.18 264); /* colorPrimary */\n  --b-splitter-text-color: oklch(40% 0 0);\n  --b-splitter-color-bg-elevated: #fff;\n  --b-splitter-collapse-bar-bg: oklch(94% 0 0);\n  --b-splitter-collapse-bar-bg-hover: oklch(60% 0.18 264);\n  --b-splitter-collapse-icon-color: oklch(60% 0 0);\n  --b-splitter-collapse-icon-color-hover: #fff;\n  --b-splitter-motion-duration: 0.2s;\n  --b-splitter-z-index-base: 1;\n\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  min-width: 0;\n}\n\n.b-splitter--horizontal {\n  flex-direction: row;\n}\n.b-splitter--vertical {\n  flex-direction: column;\n}\n\n/* Panel */\n.b-splitter__panel {\n  position: relative;\n  overflow: auto;\n  min-width: 0;\n  min-height: 0;\n  box-sizing: border-box;\n}\n.b-splitter--motion .b-splitter__panel {\n  transition:\n    width var(--b-splitter-motion-duration) ease,\n    height var(--b-splitter-motion-duration) ease,\n    flex-basis var(--b-splitter-motion-duration) ease;\n}\n.b-splitter--dragging .b-splitter__panel {\n  transition: none;\n}\n.b-splitter__panel--collapsed {\n  overflow: hidden;\n}\n\n/* Divider — non-interactive wrapper holding the dragger + collapse buttons.\n   It is the flex item that occupies the dragger size; the dragger and the\n   collapse buttons sit inside as siblings (avoids nested-interactive a11y\n   violation). */\n.b-splitter__divider {\n  position: relative;\n  flex: 0 0 var(--b-splitter-dragger-size);\n  align-self: stretch;\n  box-sizing: border-box;\n  z-index: var(--b-splitter-z-index-base);\n}\n.b-splitter--horizontal .b-splitter__divider {\n  width: var(--b-splitter-dragger-size);\n  height: 100%;\n}\n.b-splitter--vertical .b-splitter__divider {\n  width: 100%;\n  height: var(--b-splitter-dragger-size);\n}\n\n/* Dragger — fills the divider and is the focusable separator. */\n.b-splitter__dragger {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: transparent;\n  outline: none;\n  box-sizing: border-box;\n  user-select: none;\n  touch-action: none;\n}\n.b-splitter--horizontal .b-splitter__dragger {\n  cursor: col-resize;\n}\n.b-splitter--vertical .b-splitter__dragger {\n  cursor: row-resize;\n}\n.b-splitter__dragger--disabled {\n  cursor: default;\n}\n\n/* Visible bar via ::before — sits in centre of dragger */\n.b-splitter__dragger::before {\n  content: '';\n  position: absolute;\n  background: var(--b-splitter-bg);\n  border-radius: 2px;\n  transition: background var(--b-splitter-motion-duration) ease;\n}\n.b-splitter--horizontal .b-splitter__dragger::before {\n  top: 0;\n  bottom: 0;\n  left: calc(50% - var(--b-splitter-split-bar-size) / 2);\n  width: var(--b-splitter-split-bar-size);\n}\n.b-splitter--vertical .b-splitter__dragger::before {\n  left: 0;\n  right: 0;\n  top: calc(50% - var(--b-splitter-split-bar-size) / 2);\n  height: var(--b-splitter-split-bar-size);\n}\n.b-splitter__dragger:not(.b-splitter__dragger--disabled):hover::before,\n.b-splitter__dragger:focus-visible::before,\n.b-splitter__dragger--active::before {\n  background: var(--b-splitter-bg-active);\n}\n\n/* Visible draggable indicator (grip) — `splitBarDraggableSize` long, slightly\n   thicker than the split bar to give the user a clear hit-target hint. */\n.b-splitter__dragger::after {\n  content: '';\n  position: absolute;\n  background: var(--b-splitter-bg);\n  border-radius: 2px;\n  pointer-events: none;\n  transition: background var(--b-splitter-motion-duration) ease;\n}\n.b-splitter--horizontal .b-splitter__dragger::after {\n  width: 4px;\n  height: var(--b-splitter-dragger-draggable-size);\n  top: calc(50% - var(--b-splitter-dragger-draggable-size) / 2);\n  left: calc(50% - 2px);\n}\n.b-splitter--vertical .b-splitter__dragger::after {\n  width: var(--b-splitter-dragger-draggable-size);\n  height: 4px;\n  left: calc(50% - var(--b-splitter-dragger-draggable-size) / 2);\n  top: calc(50% - 2px);\n}\n.b-splitter__dragger--disabled::after {\n  display: none;\n}\n.b-splitter__dragger:not(.b-splitter__dragger--disabled):hover::after,\n.b-splitter__dragger:focus-visible::after,\n.b-splitter__dragger--active::after {\n  background: var(--b-splitter-bg-active);\n}\n\n.b-splitter__dragger:focus-visible {\n  outline: 2px solid var(--b-splitter-bg-active);\n  outline-offset: -2px;\n}\n\n/* Drag handle (decorative) */\n.b-splitter__handle {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  pointer-events: none;\n}\n\n/* Collapse button */\n.b-splitter__collapse-btn {\n  position: absolute;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 18px;\n  padding: 0;\n  border: none;\n  border-radius: 2px;\n  background: var(--b-splitter-collapse-bar-bg);\n  color: var(--b-splitter-collapse-icon-color);\n  cursor: pointer;\n  transition:\n    background var(--b-splitter-motion-duration) ease,\n    color var(--b-splitter-motion-duration) ease;\n  z-index: calc(var(--b-splitter-z-index-base) + 1);\n}\n.b-splitter__collapse-btn:hover,\n.b-splitter__collapse-btn:focus-visible {\n  background: var(--b-splitter-collapse-bar-bg-hover);\n  color: var(--b-splitter-collapse-icon-color-hover);\n}\n.b-splitter__collapse-btn:focus-visible {\n  outline: 2px solid var(--b-splitter-bg-active);\n  outline-offset: 1px;\n}\n.b-splitter--horizontal .b-splitter__collapse-btn--start,\n.b-splitter--horizontal .b-splitter__collapse-btn--end {\n  top: 50%;\n  transform: translateY(-50%);\n}\n.b-splitter--horizontal .b-splitter__collapse-btn--start {\n  right: calc(50% + 2px);\n}\n.b-splitter--horizontal .b-splitter__collapse-btn--end {\n  left: calc(50% + 2px);\n}\n.b-splitter--vertical .b-splitter__collapse-btn {\n  width: 18px;\n  height: 14px;\n}\n.b-splitter--vertical .b-splitter__collapse-btn--start,\n.b-splitter--vertical .b-splitter__collapse-btn--end {\n  left: 50%;\n  transform: translateX(-50%);\n}\n.b-splitter--vertical .b-splitter__collapse-btn--start {\n  bottom: calc(50% + 2px);\n}\n.b-splitter--vertical .b-splitter__collapse-btn--end {\n  top: calc(50% + 2px);\n}\n\n/* Chevron icon (SVG) */\n.b-splitter__chevron {\n  display: block;\n  width: 8px;\n  height: 8px;\n}\n.b-splitter--vertical .b-splitter__chevron--start {\n  transform: rotate(90deg);\n}\n.b-splitter--vertical .b-splitter__chevron--end {\n  transform: rotate(-90deg);\n}\n\n/* Lazy preview indicator */\n.b-splitter__lazy-indicator {\n  position: absolute;\n  background: var(--b-splitter-bg-active);\n  pointer-events: none;\n  z-index: calc(var(--b-splitter-z-index-base) + 2);\n}\n.b-splitter--horizontal .b-splitter__lazy-indicator {\n  top: 0;\n  bottom: 0;\n  width: var(--b-splitter-split-bar-size);\n}\n.b-splitter--vertical .b-splitter__lazy-indicator {\n  left: 0;\n  right: 0;\n  height: var(--b-splitter-split-bar-size);\n}\n\n/* Dark mode — reassign tokens, no new vars */\n[data-prefers-color='dark'] .b-splitter {\n  --b-splitter-bg: oklch(30% 0 0);\n  --b-splitter-bg-hover: oklch(40% 0 0);\n  --b-splitter-bg-active: oklch(70% 0.18 264);\n  --b-splitter-text-color: oklch(85% 0 0);\n  --b-splitter-color-bg-elevated: oklch(20% 0 0);\n  --b-splitter-collapse-bar-bg: oklch(30% 0 0);\n  --b-splitter-collapse-bar-bg-hover: oklch(70% 0.18 264);\n  --b-splitter-collapse-icon-color: oklch(70% 0 0);\n  --b-splitter-collapse-icon-color-hover: oklch(15% 0 0);\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-prefers-color='system'] .b-splitter {\n    --b-splitter-bg: oklch(30% 0 0);\n    --b-splitter-bg-hover: oklch(40% 0 0);\n    --b-splitter-bg-active: oklch(70% 0.18 264);\n    --b-splitter-text-color: oklch(85% 0 0);\n    --b-splitter-color-bg-elevated: oklch(20% 0 0);\n    --b-splitter-collapse-bar-bg: oklch(30% 0 0);\n    --b-splitter-collapse-bar-bg-hover: oklch(70% 0.18 264);\n    --b-splitter-collapse-icon-color: oklch(70% 0 0);\n    --b-splitter-collapse-icon-color-hover: oklch(15% 0 0);\n  }\n}\n\n/* Reduced motion */\n@media (prefers-reduced-motion: reduce) {\n  .b-splitter__panel,\n  .b-splitter__dragger::before,\n  .b-splitter__collapse-btn {\n    transition: none !important;\n  }\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"design-system210.js","names":[],"sources":["../src/components/BSkeleton/BSkeletonInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport type { BSkeletonInputSize } from './types';\n\nconst {\n  active = false,\n  block = false,\n  size = 'default',\n} = defineProps<{\n  /** Animated shimmer effect. @default false */\n  active?: boolean;\n  /** Stretch to full width. @default false */\n  block?: boolean;\n  /** Input size. @default 'default' */\n  size?: BSkeletonInputSize;\n}>();\n\nconst classes = computed(() => [\n  'b-skeleton-element',\n  'b-skeleton-input',\n  `b-skeleton-input--${size}`,\n  {\n    'b-skeleton-input--block': block,\n    'b-skeleton-element--active': active,\n  },\n]);\n</script>\n\n<template>\n  <span :class=\"classes\" role=\"presentation\" aria-hidden=\"true\" />\n</template>\n\n<style>\n.b-skeleton-input {\n  display: inline-block;\n  vertical-align: top;\n  height: var(--b-skeleton-control-height, 32px);\n  min-width: var(--b-skeleton-input-min-width, 160px);\n  background: var(--b-skeleton-gradient-from-color, oklch(93% 0 0));\n  border-radius: var(--b-skeleton-border-radius, 6px);\n}\n\n.b-skeleton-input--small {\n  height: var(--b-skeleton-control-height-sm, 24px);\n  min-width: 96px;\n  border-radius: var(--b-skeleton-border-radius-sm, 4px);\n}\n\n.b-skeleton-input--large {\n  height: var(--b-skeleton-control-height-lg, 40px);\n  min-width: 200px;\n}\n\n.b-skeleton-input--block {\n  display: block;\n  width: 100%;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EAiBA,IAAM,IAAU,QAAe;GAC7B;GACA;GACA,qBAAqB,EAAA;GACrB;IACE,2BAA2B,EAAA;IAC3B,8BAA8B,EAAA;IAC/B;GACF,CAAC;yBAIA,EAAgE,QAAA;GAAzD,OAAK,EAAE,EAAA,MAAO;GAAE,MAAK;GAAe,eAAY"}

package/dist/design-system212.js

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