@7pmlabs/design-system 1.0.10 → 2.0.0

package/dist/design-system174.js

@@ -1,465 +0,0 @@
-import { BCommonSize as e } from "./design-system3.js";
-import { useComponentId as t } from "./design-system10.js";
-import { BSelectMode as n, BSelectPlacement as r, BSelectStatus as i, BSelectVariant as a } from "./design-system173.js";
-import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as ee, defineComponent as d, mergeModels as f, mergeProps as te, nextTick as p, normalizeClass as m, normalizeStyle as ne, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as re, useCssVars as ie, useModel as ae, watch as x, withModifiers as S } from "vue";
-//#region src/components/BSelect/BSelect.vue?vue&type=script&setup=true&lang.ts
-var oe = [
-	"tabindex",
-	"aria-expanded",
-	"aria-controls",
-	"aria-activedescendant",
-	"aria-label",
-	"aria-disabled"
-], se = { class: "b:truncate" }, ce = ["aria-label", "onClick"], le = [
-	"value",
-	"placeholder",
-	"disabled",
-	"aria-label"
-], ue = {
-	key: 0,
-	class: "b-select__value b:flex-1 b:truncate b:text-[color:var(--b-select-color)]"
-}, de = {
-	key: 1,
-	class: "b-select__placeholder b:flex-1 b:truncate b:text-[var(--b-select-placeholder-color)]"
-}, fe = [
-	"value",
-	"disabled",
-	"aria-label"
-], pe = {
-	key: 3,
-	class: "b-select__loading b:ml-1 b:flex b:shrink-0 b:animate-spin b:items-center b:text-zinc-400",
-	"aria-hidden": "true"
-}, me = [
-	"id",
-	"aria-multiselectable",
-	"aria-label"
-], he = {
-	key: 0,
-	class: "b:p-1"
-}, ge = [
-	"id",
-	"data-active",
-	"aria-selected",
-	"aria-disabled",
-	"onMousedown",
-	"onMouseenter"
-], _e = { class: "b:flex b:items-center b:justify-between" }, ve = {
-	key: 0,
-	class: "b:ml-2 b:h-3 b:w-3 b:text-[var(--b-select-active-border-color)]",
-	viewBox: "0 0 12 12",
-	fill: "none",
-	"aria-hidden": "true"
-}, ye = {
-	key: 1,
-	class: "b-select__empty b:px-4 b:py-6 b:text-center b:text-sm b:text-zinc-400"
-}, C = /* @__PURE__ */ d({
-	inheritAttrs: !1,
-	__name: "BSelect",
-	props: /* @__PURE__ */ f({
-		options: { default: () => [] },
-		size: { default: () => e.Medium },
-		variant: { default: () => a.Outlined },
-		disabled: { type: Boolean },
-		status: {},
-		placeholder: {},
-		mode: {},
-		defaultActiveFirstOption: {
-			type: Boolean,
-			default: !0
-		},
-		allowClear: {
-			type: Boolean,
-			default: !1
-		},
-		open: { type: Boolean },
-		defaultOpen: { type: Boolean },
-		showSearch: {
-			type: Boolean,
-			default: !1
-		},
-		popupMatchSelectWidth: {
-			type: [Boolean, Number],
-			default: !0
-		},
-		listHeight: { default: 256 },
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		maxTagCount: {},
-		maxCount: {},
-		placement: { default: () => r.BottomLeft },
-		notFoundContent: { default: "No data" },
-		fieldNames: {},
-		filterOption: {
-			type: [Boolean, Function],
-			default: !0
-		},
-		tokenSeparators: {},
-		labelInValue: { type: Boolean }
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ f([
-		"change",
-		"select",
-		"deselect",
-		"focus",
-		"blur",
-		"clear",
-		"openChange",
-		"search",
-		"popupScroll",
-		"inputKeyDown"
-	], ["update:modelValue"]),
-	setup(r, { expose: d, emit: f }) {
-		ie((e) => ({ a174b70c: be.value }));
-		let C = re(), w = f, T = ae(r, "modelValue"), { componentUID: E } = t(), be = s(() => `--b-select-anchor-${E.value}`), D = s(() => `b-select-listbox-${E.value}`), O = g(null), k = g(null), A = g(null), j = g(!1), M = g(-1), N = g(""), xe = s(() => r.fieldNames?.label ?? "label"), P = s(() => r.fieldNames?.value ?? "value"), Se = s(() => r.fieldNames?.options ?? "options"), F = s(() => r.mode === n.Multiple || r.mode === n.Tags ? !0 : r.showSearch), I = (e) => {
-			let t = e, n = t[xe.value], r = t[P.value];
-			return String(n ?? r ?? "");
-		}, L = (e) => e[P.value], R = s(() => {
-			let e = [];
-			for (let t of r.options) {
-				let n = t[Se.value];
-				if (n && Array.isArray(n)) for (let t of n) e.push(t);
-				else e.push(t);
-			}
-			return e;
-		}), z = s(() => {
-			if (!N.value || !F.value || r.filterOption === !1) return R.value;
-			if (typeof r.filterOption == "function") return R.value.filter((e) => r.filterOption(N.value, e));
-			let e = N.value.toLowerCase();
-			return R.value.filter((t) => I(t).toLowerCase().includes(e));
-		}), B = s(() => T.value == null ? [] : Array.isArray(T.value) ? T.value : [T.value]), V = s(() => B.value.map((e) => R.value.find((t) => L(t) === e)).filter(Boolean)), H = s(() => U.value || V.value.length === 0 ? "" : I(V.value[0])), U = s(() => r.mode === n.Multiple || r.mode === n.Tags), Ce = s(() => r.maxTagCount == null || r.maxTagCount === "responsive" ? V.value : V.value.slice(0, r.maxTagCount)), W = s(() => r.maxTagCount == null || r.maxTagCount === "responsive" ? 0 : Math.max(0, V.value.length - r.maxTagCount)), G = (e) => B.value.includes(L(e)), K = () => {
-			j.value || A.value?.showPopover();
-		}, q = () => {
-			j.value && A.value?.hidePopover();
-		}, we = ({ newState: e }) => {
-			let t = e === "open";
-			j.value = t, w("openChange", t), t ? (r.defaultActiveFirstOption && z.value.length > 0 && (M.value = 0), p(() => {
-				F.value && k.value?.focus();
-			})) : (M.value = -1, N.value = "");
-		}, Te = (e) => {
-			if (e.disabled) return;
-			let t = L(e);
-			T.value = t, w("select", t, e), w("change", t, e), q(), p(() => O.value?.focus());
-		}, J = (e) => {
-			if (e.disabled) return;
-			let t = L(e), n = B.value.slice();
-			if (n.includes(t)) {
-				let r = n.filter((e) => e !== t);
-				T.value = r, w("deselect", t, e), w("change", r, r.map((e) => R.value.find((t) => L(t) === e)).filter(Boolean));
-			} else {
-				if (r.maxCount != null && n.length >= r.maxCount) return;
-				let i = [...n, t];
-				T.value = i, w("select", t, e), w("change", i, i.map((e) => R.value.find((t) => L(t) === e)).filter(Boolean));
-			}
-			N.value = "", p(() => k.value?.focus());
-		}, Y = (e) => {
-			U.value ? J(e) : Te(e);
-		}, X = (e) => {
-			let t = R.value.find((t) => L(t) === e), n = B.value.filter((t) => t !== e);
-			T.value = n, t && w("deselect", e, t), w("change", n, n.map((e) => R.value.find((t) => L(t) === e)).filter(Boolean));
-		}, Ee = (e) => {
-			e.stopPropagation(), U.value ? T.value = [] : T.value = void 0, N.value = "", w("clear"), w("change", U.value ? [] : void 0, []);
-		}, De = () => {
-			r.disabled || (j.value ? q() : K());
-		}, Z = (e) => {
-			w("focus", e);
-		}, Q = (e) => {
-			let t = e.relatedTarget;
-			A.value?.contains(t) || O.value?.contains(t) || (w("blur", e), q());
-		}, Oe = (e) => {
-			let t = e.target;
-			if (N.value = t.value, w("search", t.value), r.mode === n.Tags && r.tokenSeparators) {
-				let e = r.tokenSeparators;
-				for (let n of e) if (t.value.includes(n)) {
-					let n = t.value.split(RegExp(`[${e.map((e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("")}]`));
-					for (let e of n) {
-						let t = e.trim();
-						if (t && !B.value.includes(t)) {
-							let e = R.value.find((e) => L(e) === t || I(e) === t);
-							if (e) J(e);
-							else {
-								let e = [...B.value.slice(), t];
-								T.value = e, w("select", t, {
-									value: t,
-									label: t
-								}), w("change", e, e.map((e) => R.value.find((t) => L(t) === e) ?? {
-									value: e,
-									label: String(e)
-								}));
-							}
-						}
-					}
-					N.value = "";
-					break;
-				}
-			}
-			j.value || K(), M.value = r.defaultActiveFirstOption ? 0 : -1;
-		}, $ = (e) => {
-			switch (w("inputKeyDown", e), e.key) {
-				case "ArrowDown": {
-					if (e.preventDefault(), !j.value) {
-						K();
-						return;
-					}
-					let t = z.value, n = M.value + 1;
-					for (let e = 0; e < t.length; e++) {
-						let r = (n + e) % t.length;
-						if (!t[r].disabled) {
-							M.value = r;
-							break;
-						}
-					}
-					break;
-				}
-				case "ArrowUp": {
-					if (e.preventDefault(), !j.value) {
-						K();
-						return;
-					}
-					let t = z.value, n = M.value - 1;
-					for (let e = 0; e < t.length; e++) {
-						let r = ((n - e) % t.length + t.length) % t.length;
-						if (!t[r].disabled) {
-							M.value = r;
-							break;
-						}
-					}
-					break;
-				}
-				case "Enter":
-					if (e.preventDefault(), j.value && M.value >= 0) {
-						let e = z.value[M.value];
-						e && !e.disabled && Y(e);
-					} else j.value || K();
-					break;
-				case " ":
-					if (!F.value || !N.value) {
-						if (e.preventDefault(), !j.value) K();
-						else if (M.value >= 0) {
-							let e = z.value[M.value];
-							e && !e.disabled && Y(e);
-						}
-					}
-					break;
-				case "Escape":
-					e.preventDefault(), q(), O.value?.focus();
-					break;
-				case "Backspace":
-					if (U.value && !N.value && B.value.length > 0) {
-						let e = B.value[B.value.length - 1];
-						X(e);
-					}
-					break;
-				case "Tab":
-					j.value && q();
-					break;
-			}
-		}, ke = (e) => {
-			w("popupScroll", e);
-		};
-		x(M, () => {
-			p(() => {
-				(A.value?.querySelector("[data-active=\"true\"]"))?.scrollIntoView({ block: "nearest" });
-			});
-		}), x(() => r.open, (e) => {
-			e === !0 && !j.value ? K() : e === !1 && j.value && q();
-		});
-		let Ae = s(() => !r.allowClear || r.disabled ? !1 : U.value ? B.value.length > 0 : T.value != null && T.value !== "");
-		return d({
-			focus: () => O.value?.focus(),
-			blur: () => O.value?.blur()
-		}), (t, n) => (h(), l("div", { class: m(["b-select b:relative b:inline-flex b:w-full", { "b-select--disabled": r.disabled }]) }, [u("div", te({
-			ref_key: "selectorRef",
-			ref: O
-		}, b(C), {
-			class: ["b-select__selector b:box-border b:flex b:w-full b:cursor-pointer b:items-center b:gap-1 b:transition-all b:outline-none", [
-				{
-					"b:min-h-6 b:px-2 b:text-sm": r.size === b(e).Small,
-					"b:min-h-8 b:px-3 b:text-sm": r.size === b(e).Medium,
-					"b:min-h-10 b:px-3 b:text-base": r.size === b(e).Large
-				},
-				{
-					"b:rounded-lg b:border-1 b:border-[var(--b-select-border-color)] b:bg-[var(--b-select-selector-bg)] b:hover:not-disabled:border-[var(--b-select-hover-border-color)] b:focus:not-disabled:border-[var(--b-select-active-border-color)] b:focus:not-disabled:shadow-[0_0_0_2px_var(--b-select-active-outline-color)]": r.variant === b(a).Outlined,
-					"b:rounded-lg b:border-1 b:border-transparent b:bg-[var(--b-select-filled-bg)] b:hover:not-disabled:bg-[var(--b-select-filled-bg)] b:focus:not-disabled:border-[var(--b-select-active-border-color)] b:focus:not-disabled:bg-[var(--b-select-selector-bg)] b:focus:not-disabled:shadow-[0_0_0_2px_var(--b-select-active-outline-color)]": r.variant === b(a).Filled,
-					"b:rounded-lg b:border-1 b:border-transparent b:bg-transparent": r.variant === b(a).Borderless
-				},
-				{
-					"b:border-red-500! b:hover:not-disabled:border-red-400! b:focus:not-disabled:border-red-500! b:focus:not-disabled:shadow-[0_0_0_2px_rgba(255,38,5,0.06)]!": r.status === b(i).Error,
-					"b:border-yellow-500! b:hover:not-disabled:border-yellow-400! b:focus:not-disabled:border-yellow-500! b:focus:not-disabled:shadow-[0_0_0_2px_rgba(255,215,5,0.1)]!": r.status === b(i).Warning
-				},
-				{ "b:cursor-not-allowed b:opacity-40": r.disabled },
-				{ "b-select__selector--open": j.value }
-			]],
-			tabindex: r.disabled ? -1 : 0,
-			role: "combobox",
-			"aria-expanded": j.value,
-			"aria-controls": j.value ? D.value : void 0,
-			"aria-activedescendant": j.value && M.value >= 0 ? `${D.value}-option-${M.value}` : void 0,
-			"aria-haspopup": "listbox",
-			"aria-label": r.placeholder ?? "Select",
-			"aria-disabled": r.disabled ?? !1,
-			onClick: De,
-			onFocus: Z,
-			onBlur: Q,
-			onKeydown: $
-		}), [
-			U.value ? (h(), l(o, { key: 0 }, [
-				(h(!0), l(o, null, _(Ce.value, (t) => (h(), l("span", {
-					key: L(t),
-					class: m(["b-select__tag b:inline-flex b:max-w-full b:items-center b:gap-0.5 b:rounded b:border-1 b:border-[var(--b-select-multiple-item-border-color)] b:bg-[var(--b-select-multiple-item-bg)] b:leading-none", [{
-						"b:h-4 b:px-1 b:text-xs": r.size === b(e).Small,
-						"b:h-6 b:px-1.5 b:text-xs": r.size === b(e).Medium,
-						"b:h-8 b:px-2 b:text-sm": r.size === b(e).Large
-					}]])
-				}, [u("span", se, y(I(t)), 1), u("button", {
-					type: "button",
-					class: "b-select__tag-close b:ml-0.5 b:flex b:h-3.5 b:w-3.5 b:cursor-pointer b:items-center b:justify-center b:rounded-full b:border-none b:bg-transparent b:text-[10px] b:text-zinc-400 b:hover:bg-zinc-200 b:hover:text-zinc-600",
-					"aria-label": `Remove ${I(t)}`,
-					tabindex: "-1",
-					onClick: S((e) => X(L(t)), ["stop"]),
-					onMousedown: n[0] ||= S(() => {}, ["prevent"])
-				}, [...n[2] ||= [u("svg", {
-					"aria-hidden": "true",
-					width: "8",
-					height: "8",
-					viewBox: "0 0 8 8",
-					fill: "none"
-				}, [u("path", {
-					d: "M1 1l6 6M7 1L1 7",
-					stroke: "currentColor",
-					"stroke-width": "1.5",
-					"stroke-linecap": "round"
-				})], -1)]], 40, ce)], 2))), 128)),
-				W.value > 0 ? (h(), l("span", {
-					key: 0,
-					class: m(["b-select__tag b-select__tag--count b:relative b:z-1 b:inline-flex b:shrink-0 b:items-center b:rounded b:bg-[var(--b-select-multiple-count-bg)] b:px-1.5 b:text-xs b:leading-none b:text-[var(--b-select-multiple-count-color)]", [{
-						"b:h-4": r.size === b(e).Small,
-						"b:h-6": r.size === b(e).Medium,
-						"b:h-8": r.size === b(e).Large
-					}]])
-				}, " +" + y(W.value), 3)) : c("", !0),
-				u("input", {
-					ref_key: "searchInputRef",
-					ref: k,
-					class: "b-select__search b:min-w-4 b:flex-1 b:border-none b:bg-transparent b:text-sm b:outline-none b:placeholder:text-[var(--b-select-placeholder-color)]",
-					value: N.value,
-					placeholder: B.value.length === 0 ? r.placeholder : void 0,
-					disabled: r.disabled,
-					"aria-label": r.placeholder ?? "Search options",
-					autocomplete: "off",
-					onInput: Oe,
-					onKeydown: $,
-					onFocus: Z,
-					onBlur: Q
-				}, null, 40, le)
-			], 64)) : (h(), l(o, { key: 1 }, [H.value && !N.value ? (h(), l("span", ue, [v(t.$slots, "selectedLabel", { option: V.value[0] }, () => [ee(y(H.value), 1)], !0)])) : !N.value && !H.value ? (h(), l("span", de, y(r.placeholder), 1)) : c("", !0), F.value ? (h(), l("input", {
-				key: 2,
-				ref_key: "searchInputRef",
-				ref: k,
-				class: m(["b-select__search b:absolute b:inset-0 b:w-full b:border-none b:bg-transparent b:px-3 b:text-sm b:outline-none b:placeholder:text-[var(--b-select-placeholder-color)]", { "b:opacity-0": !j.value }]),
-				value: N.value,
-				disabled: r.disabled,
-				"aria-label": r.placeholder ?? "Search options",
-				autocomplete: "off",
-				tabindex: "-1",
-				onInput: Oe,
-				onKeydown: $
-			}, null, 42, fe)) : c("", !0)], 64)),
-			Ae.value ? (h(), l("button", {
-				key: 2,
-				type: "button",
-				class: "b-select__clear b:z-1 b:flex b:h-4 b:w-4 b:shrink-0 b:cursor-pointer b:items-center b:justify-center b:rounded-full b:border-none b:bg-[var(--b-select-clear-bg)] b:text-xs b:text-zinc-400 b:hover:text-zinc-600",
-				"aria-label": "Clear selection",
-				tabindex: "-1",
-				onClick: Ee,
-				onMousedown: n[1] ||= S(() => {}, ["prevent"])
-			}, [...n[3] ||= [u("svg", {
-				"aria-hidden": "true",
-				width: "8",
-				height: "8",
-				viewBox: "0 0 8 8",
-				fill: "none"
-			}, [u("path", {
-				d: "M1 1l6 6M7 1L1 7",
-				stroke: "currentColor",
-				"stroke-width": "1.5",
-				"stroke-linecap": "round"
-			})], -1)]], 32)) : c("", !0),
-			u("span", {
-				class: m(["b-select__arrow b:ml-auto b:flex b:shrink-0 b:items-center b:text-zinc-400 b:transition-transform b:duration-200", { "b:rotate-180": j.value }]),
-				"aria-hidden": "true"
-			}, [...n[4] ||= [u("svg", {
-				width: "12",
-				height: "12",
-				viewBox: "0 0 12 12",
-				fill: "none"
-			}, [u("path", {
-				d: "M2.5 4.5L6 8L9.5 4.5",
-				stroke: "currentColor",
-				"stroke-width": "1.5",
-				"stroke-linecap": "round",
-				"stroke-linejoin": "round"
-			})], -1)]], 2),
-			r.loading ? (h(), l("span", pe, [...n[5] ||= [u("svg", {
-				width: "14",
-				height: "14",
-				viewBox: "0 0 14 14",
-				fill: "none"
-			}, [u("circle", {
-				cx: "7",
-				cy: "7",
-				r: "5.5",
-				stroke: "currentColor",
-				"stroke-width": "1.5",
-				"stroke-dasharray": "24",
-				"stroke-linecap": "round"
-			})], -1)]])) : c("", !0)
-		], 16, oe), u("div", {
-			ref_key: "menuRef",
-			ref: A,
-			id: D.value,
-			class: m(["b-select__dropdown b:overflow-auto b:rounded-lg b:bg-[var(--b-select-selector-bg)] b:shadow-lg", { "b:w-[anchor-size(width)]": r.popupMatchSelectWidth === !0 }]),
-			style: ne([typeof r.popupMatchSelectWidth == "number" ? { width: `${r.popupMatchSelectWidth}px` } : void 0, { maxHeight: `${r.listHeight}px` }]),
-			popover: "",
-			role: "listbox",
-			"aria-multiselectable": U.value || void 0,
-			"aria-label": r.placeholder ?? "Options",
-			onToggle: we,
-			onScroll: ke
-		}, [z.value.length > 0 ? (h(), l("div", he, [(h(!0), l(o, null, _(z.value, (e, r) => (h(), l("div", {
-			key: L(e),
-			id: `${D.value}-option-${r}`,
-			class: m(["b-select__option b:cursor-pointer b:rounded-md b:px-[var(--b-select-option-padding-x)] b:py-[var(--b-select-option-padding-y)] b:text-[length:var(--b-select-option-font-size)] b:leading-[var(--b-select-option-line-height)] b:transition-colors", [{
-				"b:bg-[var(--b-select-option-active-bg)]": r === M.value && !e.disabled,
-				"b:bg-[var(--b-select-option-selected-bg)] b:font-[var(--b-select-option-selected-font-weight)] b:text-[color:var(--b-select-option-selected-color)]": G(e) && r !== M.value,
-				"b:bg-[var(--b-select-option-selected-bg)] b:font-[var(--b-select-option-selected-font-weight)]": G(e) && r === M.value,
-				"b:cursor-not-allowed b:opacity-40": e.disabled,
-				"b:hover:bg-[var(--b-select-option-active-bg)]": !e.disabled && r !== M.value && !G(e)
-			}]]),
-			"data-active": r === M.value,
-			"aria-selected": G(e),
-			"aria-disabled": e.disabled ?? !1,
-			role: "option",
-			onMousedown: S((t) => Y(e), ["prevent"]),
-			onMouseenter: (e) => M.value = r
-		}, [v(t.$slots, "option", {
-			option: e,
-			index: r,
-			selected: G(e)
-		}, () => [u("span", _e, [u("span", null, y(I(e)), 1), U.value && G(e) ? (h(), l("svg", ve, [...n[6] ||= [u("path", {
-			d: "M2 6L5 9L10 3",
-			stroke: "currentColor",
-			"stroke-width": "1.5",
-			"stroke-linecap": "round",
-			"stroke-linejoin": "round"
-		}, null, -1)]])) : c("", !0)])], !0)], 42, ge))), 128))])) : r.notFoundContent === null ? c("", !0) : (h(), l("div", ye, y(r.notFoundContent), 1))], 46, me)], 2));
-	}
-});
-//#endregion
-export { C as default };
-
-//# sourceMappingURL=design-system174.js.map

package/dist/design-system174.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-system174.js","names":[],"sources":["../src/components/BSelect/BSelect.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { useModel as _useModel, useCssVars as _useCssVars, mergeModels as _mergeModels, defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, withModifiers as _withModifiers, normalizeClass as _normalizeClass, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createTextVNode as _createTextVNode, mergeProps as _mergeProps, normalizeStyle as _normalizeStyle } from \"vue\"\n\nconst _hoisted_1 = [\"tabindex\", \"aria-expanded\", \"aria-controls\", \"aria-activedescendant\", \"aria-label\", \"aria-disabled\"]\nconst _hoisted_2 = { class: \"b:truncate\" }\nconst _hoisted_3 = [\"aria-label\", \"onClick\"]\nconst _hoisted_4 = [\"value\", \"placeholder\", \"disabled\", \"aria-label\"]\nconst _hoisted_5 = {\n  key: 0,\n  class: \"b-select__value b:flex-1 b:truncate b:text-[color:var(--b-select-color)]\"\n}\nconst _hoisted_6 = {\n  key: 1,\n  class: \"b-select__placeholder b:flex-1 b:truncate b:text-[var(--b-select-placeholder-color)]\"\n}\nconst _hoisted_7 = [\"value\", \"disabled\", \"aria-label\"]\nconst _hoisted_8 = {\n  key: 3,\n  class: \"b-select__loading b:ml-1 b:flex b:shrink-0 b:animate-spin b:items-center b:text-zinc-400\",\n  \"aria-hidden\": \"true\"\n}\nconst _hoisted_9 = [\"id\", \"aria-multiselectable\", \"aria-label\"]\nconst _hoisted_10 = {\n  key: 0,\n  class: \"b:p-1\"\n}\nconst _hoisted_11 = [\"id\", \"data-active\", \"aria-selected\", \"aria-disabled\", \"onMousedown\", \"onMouseenter\"]\nconst _hoisted_12 = { class: \"b:flex b:items-center b:justify-between\" }\nconst _hoisted_13 = {\n  key: 0,\n  class: \"b:ml-2 b:h-3 b:w-3 b:text-[var(--b-select-active-border-color)]\",\n  viewBox: \"0 0 12 12\",\n  fill: \"none\",\n  \"aria-hidden\": \"true\"\n}\nconst _hoisted_14 = {\n  key: 1,\n  class: \"b-select__empty b:px-4 b:py-6 b:text-center b:text-sm b:text-zinc-400\"\n}\n\nimport { useComponentId } from '@/composables/useComponentId.ts';\nimport { BCommonSize } from '@/types.ts';\nimport { computed, nextTick, ref, useAttrs, watch } from 'vue';\nimport {\n  BSelectMode,\n  BSelectPlacement,\n  BSelectStatus,\n  BSelectVariant,\n  type BSelectFieldNames,\n  type BSelectOption,\n} from './types.ts';\n\n\nexport default /*@__PURE__*/_defineComponent({\n  ...{ inheritAttrs: false },\n  __name: 'BSelect',\n  props: /*@__PURE__*/_mergeModels({\n    options: { default: () => ([]) },\n    size: { default: () => (BCommonSize.Medium) },\n    variant: { default: () => (BSelectVariant.Outlined) },\n    disabled: { type: Boolean },\n    status: {},\n    placeholder: {},\n    mode: {},\n    defaultActiveFirstOption: { type: Boolean, default: true },\n    allowClear: { type: Boolean, default: false },\n    open: { type: Boolean },\n    defaultOpen: { type: Boolean },\n    showSearch: { type: Boolean, default: false },\n    popupMatchSelectWidth: { type: [Boolean, Number], default: true },\n    listHeight: { default: 256 },\n    loading: { type: Boolean, default: false },\n    maxTagCount: {},\n    maxCount: {},\n    placement: { default: () => (BSelectPlacement.BottomLeft) },\n    notFoundContent: { default: 'No data' },\n    fieldNames: {},\n    filterOption: { type: [Boolean, Function], default: true },\n    tokenSeparators: {},\n    labelInValue: { type: Boolean }\n  }, {\n    \"modelValue\": {},\n    \"modelModifiers\": {},\n  }),\n  emits: /*@__PURE__*/_mergeModels([\"change\", \"select\", \"deselect\", \"focus\", \"blur\", \"clear\", \"openChange\", \"search\", \"popupScroll\", \"inputKeyDown\"], [\"update:modelValue\"]),\n  setup(__props: any, { expose: __expose, emit: __emit }) {\n\n_useCssVars(_ctx => ({\n  \"a174b70c\": (anchorName.value)\n}))\n\n\n\nconst attrs = useAttrs();\n\n\n\nconst emit = __emit;\n\nconst model = _useModel<string | number | (string | number)[] | null | undefined>(__props, \"modelValue\");\n\nconst { componentUID } = useComponentId();\nconst anchorName = computed(() => `--b-select-anchor-${componentUID.value}`);\nconst listboxId = computed(() => `b-select-listbox-${componentUID.value}`);\n\nconst selectorRef = ref<HTMLElement | null>(null);\nconst searchInputRef = ref<HTMLInputElement | null>(null);\nconst menuRef = ref<HTMLElement | null>(null);\nconst isOpen = ref(false);\nconst activeIndex = ref(-1);\nconst searchValue = ref('');\n\nconst labelField = computed(() => __props.fieldNames?.label ?? 'label');\nconst valueField = computed(() => __props.fieldNames?.value ?? 'value');\nconst optionsField = computed(() => __props.fieldNames?.options ?? 'options');\n\nconst isSearchable = computed(() => {\n  if (__props.mode === BSelectMode.Multiple || __props.mode === BSelectMode.Tags) return true;\n  return __props.showSearch;\n});\n\nconst getOptionLabel = (opt: BSelectOption): string => {\n  const record = opt as unknown as Record<string, unknown>;\n  const label = record[labelField.value];\n  const value = record[valueField.value];\n  return String(label ?? value ?? '');\n};\n\nconst getOptionValue = (opt: BSelectOption): string | number => {\n  const record = opt as unknown as Record<string, unknown>;\n  return record[valueField.value] as string | number;\n};\n\nconst flatOptions = computed((): BSelectOption[] => {\n  const result: BSelectOption[] = [];\n  for (const opt of __props.options) {\n    const record = opt as unknown as Record<string, unknown>;\n    const nested = record[optionsField.value] as BSelectOption[] | undefined;\n    if (nested && Array.isArray(nested)) {\n      for (const child of nested) {\n        result.push(child);\n      }\n    } else {\n      result.push(opt);\n    }\n  }\n  return result;\n});\n\nconst filteredOptions = computed((): BSelectOption[] => {\n  if (!searchValue.value || !isSearchable.value) return flatOptions.value;\n  if (__props.filterOption === false) return flatOptions.value;\n  if (typeof __props.filterOption === 'function') {\n    return flatOptions.value.filter((opt) => __props.filterOption(searchValue.value, opt));\n  }\n  const query = searchValue.value.toLowerCase();\n  return flatOptions.value.filter((opt) => {\n    return getOptionLabel(opt).toLowerCase().includes(query);\n  });\n});\n\nconst selectedValues = computed((): (string | number)[] => {\n  if (model.value == null) return [];\n  if (Array.isArray(model.value)) return model.value;\n  return [model.value];\n});\n\nconst selectedOptions = computed((): BSelectOption[] => {\n  return selectedValues.value\n    .map((v) => flatOptions.value.find((opt) => getOptionValue(opt) === v))\n    .filter(Boolean) as BSelectOption[];\n});\n\nconst displayLabel = computed((): string => {\n  if (isMultipleMode.value) return '';\n  if (selectedOptions.value.length === 0) return '';\n  return getOptionLabel(selectedOptions.value[0]);\n});\n\nconst isMultipleMode = computed(() => {\n  return __props.mode === BSelectMode.Multiple || __props.mode === BSelectMode.Tags;\n});\n\nconst visibleTags = computed(() => {\n  if (__props.maxTagCount == null || __props.maxTagCount === 'responsive') return selectedOptions.value;\n  return selectedOptions.value.slice(0, __props.maxTagCount as number);\n});\n\nconst hiddenTagCount = computed(() => {\n  if (__props.maxTagCount == null || __props.maxTagCount === 'responsive') return 0;\n  return Math.max(0, selectedOptions.value.length - (__props.maxTagCount as number));\n});\n\nconst isOptionSelected = (opt: BSelectOption): boolean => {\n  return selectedValues.value.includes(getOptionValue(opt));\n};\n\nconst openMenu = () => {\n  if (isOpen.value) return;\n  menuRef.value?.showPopover();\n};\n\nconst closeMenu = () => {\n  if (!isOpen.value) return;\n  menuRef.value?.hidePopover();\n};\n\nconst handleToggle = ({ newState }: ToggleEvent) => {\n  const nowOpen = newState === 'open';\n  isOpen.value = nowOpen;\n  emit('openChange', nowOpen);\n  if (nowOpen) {\n    if (__props.defaultActiveFirstOption && filteredOptions.value.length > 0) {\n      activeIndex.value = 0;\n    }\n    nextTick(() => {\n      if (isSearchable.value) {\n        searchInputRef.value?.focus();\n      }\n    });\n  } else {\n    activeIndex.value = -1;\n    searchValue.value = '';\n  }\n};\n\nconst selectSingleOption = (opt: BSelectOption) => {\n  if (opt.disabled) return;\n  const val = getOptionValue(opt);\n  model.value = val;\n  emit('select', val, opt);\n  emit('change', val, opt);\n  closeMenu();\n  nextTick(() => selectorRef.value?.focus());\n};\n\nconst selectMultipleOption = (opt: BSelectOption) => {\n  if (opt.disabled) return;\n  const val = getOptionValue(opt);\n  const current = selectedValues.value.slice();\n\n  if (current.includes(val)) {\n    const next = current.filter((v) => v !== val);\n    model.value = next;\n    emit('deselect', val, opt);\n    emit(\n      'change',\n      next,\n      next.map((v) => flatOptions.value.find((o) => getOptionValue(o) === v)!).filter(Boolean),\n    );\n  } else {\n    if (__props.maxCount != null && current.length >= __props.maxCount) return;\n    const next = [...current, val];\n    model.value = next;\n    emit('select', val, opt);\n    emit(\n      'change',\n      next,\n      next.map((v) => flatOptions.value.find((o) => getOptionValue(o) === v)!).filter(Boolean),\n    );\n  }\n  searchValue.value = '';\n  nextTick(() => searchInputRef.value?.focus());\n};\n\nconst selectOption = (opt: BSelectOption) => {\n  if (isMultipleMode.value) {\n    selectMultipleOption(opt);\n  } else {\n    selectSingleOption(opt);\n  }\n};\n\nconst removeTag = (val: string | number) => {\n  const opt = flatOptions.value.find((o) => getOptionValue(o) === val);\n  const next = selectedValues.value.filter((v) => v !== val);\n  model.value = next;\n  if (opt) emit('deselect', val, opt);\n  emit(\n    'change',\n    next,\n    next.map((v) => flatOptions.value.find((o) => getOptionValue(o) === v)!).filter(Boolean),\n  );\n};\n\nconst handleClear = (e: Event) => {\n  e.stopPropagation();\n  if (isMultipleMode.value) {\n    model.value = [];\n  } else {\n    model.value = undefined;\n  }\n  searchValue.value = '';\n  emit('clear');\n  emit(\n    'change',\n    isMultipleMode.value ? [] : (undefined as unknown as string),\n    [] as unknown as BSelectOption,\n  );\n};\n\nconst handleSelectorClick = () => {\n  if (__props.disabled) return;\n  if (isOpen.value) {\n    closeMenu();\n  } else {\n    openMenu();\n  }\n};\n\nconst handleSelectorFocus = (e: FocusEvent) => {\n  emit('focus', e);\n};\n\nconst handleSelectorBlur = (e: FocusEvent) => {\n  const related = e.relatedTarget as HTMLElement | null;\n  if (menuRef.value?.contains(related)) return;\n  if (selectorRef.value?.contains(related)) return;\n  emit('blur', e);\n  closeMenu();\n};\n\nconst handleSearchInput = (e: Event) => {\n  const target = e.target as HTMLInputElement;\n  searchValue.value = target.value;\n  emit('search', target.value);\n\n  if (__props.mode === BSelectMode.Tags && __props.tokenSeparators) {\n    const separators = __props.tokenSeparators;\n    for (const sep of separators) {\n      if (target.value.includes(sep)) {\n        const parts = target.value.split(\n          new RegExp(\n            `[${separators.map((s) => s.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')).join('')}]`,\n          ),\n        );\n        for (const part of parts) {\n          const trimmed = part.trim();\n          if (trimmed && !selectedValues.value.includes(trimmed)) {\n            const existing = flatOptions.value.find(\n              (o) => getOptionValue(o) === trimmed || getOptionLabel(o) === trimmed,\n            );\n            if (existing) {\n              selectMultipleOption(existing);\n            } else {\n              const current = selectedValues.value.slice();\n              const next = [...current, trimmed];\n              model.value = next;\n              emit('select', trimmed, { value: trimmed, label: trimmed });\n              emit(\n                'change',\n                next,\n                next.map(\n                  (v) =>\n                    flatOptions.value.find((o) => getOptionValue(o) === v) ?? {\n                      value: v,\n                      label: String(v),\n                    },\n                ),\n              );\n            }\n          }\n        }\n        searchValue.value = '';\n        break;\n      }\n    }\n  }\n\n  if (!isOpen.value) openMenu();\n  activeIndex.value = __props.defaultActiveFirstOption ? 0 : -1;\n};\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n  emit('inputKeyDown', e);\n\n  switch (e.key) {\n    case 'ArrowDown': {\n      e.preventDefault();\n      if (!isOpen.value) {\n        openMenu();\n        return;\n      }\n      const opts = filteredOptions.value;\n      const nextIdx = activeIndex.value + 1;\n      for (let i = 0; i < opts.length; i++) {\n        const idx = (nextIdx + i) % opts.length;\n        if (!opts[idx].disabled) {\n          activeIndex.value = idx;\n          break;\n        }\n      }\n      break;\n    }\n    case 'ArrowUp': {\n      e.preventDefault();\n      if (!isOpen.value) {\n        openMenu();\n        return;\n      }\n      const opts = filteredOptions.value;\n      const prevIdx = activeIndex.value - 1;\n      for (let i = 0; i < opts.length; i++) {\n        const idx = (((prevIdx - i) % opts.length) + opts.length) % opts.length;\n        if (!opts[idx].disabled) {\n          activeIndex.value = idx;\n          break;\n        }\n      }\n      break;\n    }\n    case 'Enter': {\n      e.preventDefault();\n      if (isOpen.value && activeIndex.value >= 0) {\n        const opt = filteredOptions.value[activeIndex.value];\n        if (opt && !opt.disabled) {\n          selectOption(opt);\n        }\n      } else if (!isOpen.value) {\n        openMenu();\n      }\n      break;\n    }\n    case ' ': {\n      if (!isSearchable.value || !searchValue.value) {\n        e.preventDefault();\n        if (!isOpen.value) {\n          openMenu();\n        } else if (activeIndex.value >= 0) {\n          const opt = filteredOptions.value[activeIndex.value];\n          if (opt && !opt.disabled) {\n            selectOption(opt);\n          }\n        }\n      }\n      break;\n    }\n    case 'Escape': {\n      e.preventDefault();\n      closeMenu();\n      selectorRef.value?.focus();\n      break;\n    }\n    case 'Backspace': {\n      if (isMultipleMode.value && !searchValue.value && selectedValues.value.length > 0) {\n        const lastVal = selectedValues.value[selectedValues.value.length - 1];\n        removeTag(lastVal);\n      }\n      break;\n    }\n    case 'Tab': {\n      if (isOpen.value) {\n        closeMenu();\n      }\n      break;\n    }\n  }\n};\n\nconst handlePopupScroll = (e: Event) => {\n  emit('popupScroll', e);\n};\n\nconst scrollActiveIntoView = () => {\n  nextTick(() => {\n    const active = menuRef.value?.querySelector('[data-active=\"true\"]');\n    active?.scrollIntoView({ block: 'nearest' });\n  });\n};\n\nwatch(activeIndex, scrollActiveIntoView);\n\nwatch(\n  () => __props.open,\n  (val) => {\n    if (val === true && !isOpen.value) openMenu();\n    else if (val === false && isOpen.value) closeMenu();\n  },\n);\n\nconst showClear = computed(() => {\n  if (!__props.allowClear || __props.disabled) return false;\n  if (isMultipleMode.value) return selectedValues.value.length > 0;\n  return model.value != null && model.value !== '';\n});\n\n__expose({\n  focus: () => selectorRef.value?.focus(),\n  blur: () => selectorRef.value?.blur(),\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([\"b-select b:relative b:inline-flex b:w-full\", { 'b-select--disabled': __props.disabled }])\n  }, [\n    _createElementVNode(\"div\", _mergeProps({\n      ref_key: \"selectorRef\",\n      ref: selectorRef\n    }, _unref(attrs), {\n      class: [\"b-select__selector b:box-border b:flex b:w-full b:cursor-pointer b:items-center b:gap-1 b:transition-all b:outline-none\", [\n        {\n          'b:min-h-6 b:px-2 b:text-sm': __props.size === _unref(BCommonSize).Small,\n          'b:min-h-8 b:px-3 b:text-sm': __props.size === _unref(BCommonSize).Medium,\n          'b:min-h-10 b:px-3 b:text-base': __props.size === _unref(BCommonSize).Large,\n        },\n        {\n          'b:rounded-lg b:border-1 b:border-[var(--b-select-border-color)] b:bg-[var(--b-select-selector-bg)] b:hover:not-disabled:border-[var(--b-select-hover-border-color)] b:focus:not-disabled:border-[var(--b-select-active-border-color)] b:focus:not-disabled:shadow-[0_0_0_2px_var(--b-select-active-outline-color)]':\n            __props.variant === _unref(BSelectVariant).Outlined,\n          'b:rounded-lg b:border-1 b:border-transparent b:bg-[var(--b-select-filled-bg)] b:hover:not-disabled:bg-[var(--b-select-filled-bg)] b:focus:not-disabled:border-[var(--b-select-active-border-color)] b:focus:not-disabled:bg-[var(--b-select-selector-bg)] b:focus:not-disabled:shadow-[0_0_0_2px_var(--b-select-active-outline-color)]':\n            __props.variant === _unref(BSelectVariant).Filled,\n          'b:rounded-lg b:border-1 b:border-transparent b:bg-transparent':\n            __props.variant === _unref(BSelectVariant).Borderless,\n        },\n        {\n          'b:border-red-500! b:hover:not-disabled:border-red-400! b:focus:not-disabled:border-red-500! b:focus:not-disabled:shadow-[0_0_0_2px_rgba(255,38,5,0.06)]!':\n            __props.status === _unref(BSelectStatus).Error,\n          'b:border-yellow-500! b:hover:not-disabled:border-yellow-400! b:focus:not-disabled:border-yellow-500! b:focus:not-disabled:shadow-[0_0_0_2px_rgba(255,215,5,0.1)]!':\n            __props.status === _unref(BSelectStatus).Warning,\n        },\n        {\n          'b:cursor-not-allowed b:opacity-40': __props.disabled,\n        },\n        {\n          'b-select__selector--open': isOpen.value,\n        },\n      ]],\n      tabindex: __props.disabled ? -1 : 0,\n      role: \"combobox\",\n      \"aria-expanded\": isOpen.value,\n      \"aria-controls\": isOpen.value ? listboxId.value : undefined,\n      \"aria-activedescendant\": isOpen.value && activeIndex.value >= 0 ? `${listboxId.value}-option-${activeIndex.value}` : undefined,\n      \"aria-haspopup\": \"listbox\",\n      \"aria-label\": __props.placeholder ?? 'Select',\n      \"aria-disabled\": __props.disabled ?? false,\n      onClick: handleSelectorClick,\n      onFocus: handleSelectorFocus,\n      onBlur: handleSelectorBlur,\n      onKeydown: handleKeyDown\n    }), [\n      (isMultipleMode.value)\n        ? (_openBlock(), _createElementBlock(_Fragment, { key: 0 }, [\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(visibleTags.value, (opt) => {\n              return (_openBlock(), _createElementBlock(\"span\", {\n                key: getOptionValue(opt),\n                class: _normalizeClass([\"b-select__tag b:inline-flex b:max-w-full b:items-center b:gap-0.5 b:rounded b:border-1 b:border-[var(--b-select-multiple-item-border-color)] b:bg-[var(--b-select-multiple-item-bg)] b:leading-none\", [\n            {\n              'b:h-4 b:px-1 b:text-xs': __props.size === _unref(BCommonSize).Small,\n              'b:h-6 b:px-1.5 b:text-xs': __props.size === _unref(BCommonSize).Medium,\n              'b:h-8 b:px-2 b:text-sm': __props.size === _unref(BCommonSize).Large,\n            },\n          ]])\n              }, [\n                _createElementVNode(\"span\", _hoisted_2, _toDisplayString(getOptionLabel(opt)), 1),\n                _createElementVNode(\"button\", {\n                  type: \"button\",\n                  class: \"b-select__tag-close b:ml-0.5 b:flex b:h-3.5 b:w-3.5 b:cursor-pointer b:items-center b:justify-center b:rounded-full b:border-none b:bg-transparent b:text-[10px] b:text-zinc-400 b:hover:bg-zinc-200 b:hover:text-zinc-600\",\n                  \"aria-label\": `Remove ${getOptionLabel(opt)}`,\n                  tabindex: \"-1\",\n                  onClick: _withModifiers(($event: any) => (removeTag(getOptionValue(opt))), [\"stop\"]),\n                  onMousedown: _cache[0] || (_cache[0] = _withModifiers(() => {}, [\"prevent\"]))\n                }, [...(_cache[2] || (_cache[2] = [\n                  _createElementVNode(\"svg\", {\n                    \"aria-hidden\": \"true\",\n                    width: \"8\",\n                    height: \"8\",\n                    viewBox: \"0 0 8 8\",\n                    fill: \"none\"\n                  }, [\n                    _createElementVNode(\"path\", {\n                      d: \"M1 1l6 6M7 1L1 7\",\n                      stroke: \"currentColor\",\n                      \"stroke-width\": \"1.5\",\n                      \"stroke-linecap\": \"round\"\n                    })\n                  ], -1)\n                ]))], 40, _hoisted_3)\n              ], 2))\n            }), 128)),\n            (hiddenTagCount.value > 0)\n              ? (_openBlock(), _createElementBlock(\"span\", {\n                  key: 0,\n                  class: _normalizeClass([\"b-select__tag b-select__tag--count b:relative b:z-1 b:inline-flex b:shrink-0 b:items-center b:rounded b:bg-[var(--b-select-multiple-count-bg)] b:px-1.5 b:text-xs b:leading-none b:text-[var(--b-select-multiple-count-color)]\", [\n            {\n              'b:h-4': __props.size === _unref(BCommonSize).Small,\n              'b:h-6': __props.size === _unref(BCommonSize).Medium,\n              'b:h-8': __props.size === _unref(BCommonSize).Large,\n            },\n          ]])\n                }, \" +\" + _toDisplayString(hiddenTagCount.value), 3))\n              : _createCommentVNode(\"\", true),\n            _createElementVNode(\"input\", {\n              ref_key: \"searchInputRef\",\n              ref: searchInputRef,\n              class: \"b-select__search b:min-w-4 b:flex-1 b:border-none b:bg-transparent b:text-sm b:outline-none b:placeholder:text-[var(--b-select-placeholder-color)]\",\n              value: searchValue.value,\n              placeholder: selectedValues.value.length === 0 ? __props.placeholder : undefined,\n              disabled: __props.disabled,\n              \"aria-label\": __props.placeholder ?? 'Search options',\n              autocomplete: \"off\",\n              onInput: handleSearchInput,\n              onKeydown: handleKeyDown,\n              onFocus: handleSelectorFocus,\n              onBlur: handleSelectorBlur\n            }, null, 40, _hoisted_4)\n          ], 64))\n        : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [\n            (displayLabel.value && !searchValue.value)\n              ? (_openBlock(), _createElementBlock(\"span\", _hoisted_5, [\n                  _renderSlot(_ctx.$slots, \"selectedLabel\", {\n                    option: selectedOptions.value[0]\n                  }, () => [\n                    _createTextVNode(_toDisplayString(displayLabel.value), 1)\n                  ], true)\n                ]))\n              : (!searchValue.value && !displayLabel.value)\n                ? (_openBlock(), _createElementBlock(\"span\", _hoisted_6, _toDisplayString(__props.placeholder), 1))\n                : _createCommentVNode(\"\", true),\n            (isSearchable.value)\n              ? (_openBlock(), _createElementBlock(\"input\", {\n                  key: 2,\n                  ref_key: \"searchInputRef\",\n                  ref: searchInputRef,\n                  class: _normalizeClass([\"b-select__search b:absolute b:inset-0 b:w-full b:border-none b:bg-transparent b:px-3 b:text-sm b:outline-none b:placeholder:text-[var(--b-select-placeholder-color)]\", { 'b:opacity-0': !isOpen.value }]),\n                  value: searchValue.value,\n                  disabled: __props.disabled,\n                  \"aria-label\": __props.placeholder ?? 'Search options',\n                  autocomplete: \"off\",\n                  tabindex: \"-1\",\n                  onInput: handleSearchInput,\n                  onKeydown: handleKeyDown\n                }, null, 42, _hoisted_7))\n              : _createCommentVNode(\"\", true)\n          ], 64)),\n      (showClear.value)\n        ? (_openBlock(), _createElementBlock(\"button\", {\n            key: 2,\n            type: \"button\",\n            class: \"b-select__clear b:z-1 b:flex b:h-4 b:w-4 b:shrink-0 b:cursor-pointer b:items-center b:justify-center b:rounded-full b:border-none b:bg-[var(--b-select-clear-bg)] b:text-xs b:text-zinc-400 b:hover:text-zinc-600\",\n            \"aria-label\": \"Clear selection\",\n            tabindex: \"-1\",\n            onClick: handleClear,\n            onMousedown: _cache[1] || (_cache[1] = _withModifiers(() => {}, [\"prevent\"]))\n          }, [...(_cache[3] || (_cache[3] = [\n            _createElementVNode(\"svg\", {\n              \"aria-hidden\": \"true\",\n              width: \"8\",\n              height: \"8\",\n              viewBox: \"0 0 8 8\",\n              fill: \"none\"\n            }, [\n              _createElementVNode(\"path\", {\n                d: \"M1 1l6 6M7 1L1 7\",\n                stroke: \"currentColor\",\n                \"stroke-width\": \"1.5\",\n                \"stroke-linecap\": \"round\"\n              })\n            ], -1)\n          ]))], 32))\n        : _createCommentVNode(\"\", true),\n      _createElementVNode(\"span\", {\n        class: _normalizeClass([\"b-select__arrow b:ml-auto b:flex b:shrink-0 b:items-center b:text-zinc-400 b:transition-transform b:duration-200\", { 'b:rotate-180': isOpen.value }]),\n        \"aria-hidden\": \"true\"\n      }, [...(_cache[4] || (_cache[4] = [\n        _createElementVNode(\"svg\", {\n          width: \"12\",\n          height: \"12\",\n          viewBox: \"0 0 12 12\",\n          fill: \"none\"\n        }, [\n          _createElementVNode(\"path\", {\n            d: \"M2.5 4.5L6 8L9.5 4.5\",\n            stroke: \"currentColor\",\n            \"stroke-width\": \"1.5\",\n            \"stroke-linecap\": \"round\",\n            \"stroke-linejoin\": \"round\"\n          })\n        ], -1)\n      ]))], 2),\n      (__props.loading)\n        ? (_openBlock(), _createElementBlock(\"span\", _hoisted_8, [...(_cache[5] || (_cache[5] = [\n            _createElementVNode(\"svg\", {\n              width: \"14\",\n              height: \"14\",\n              viewBox: \"0 0 14 14\",\n              fill: \"none\"\n            }, [\n              _createElementVNode(\"circle\", {\n                cx: \"7\",\n                cy: \"7\",\n                r: \"5.5\",\n                stroke: \"currentColor\",\n                \"stroke-width\": \"1.5\",\n                \"stroke-dasharray\": \"24\",\n                \"stroke-linecap\": \"round\"\n              })\n            ], -1)\n          ]))]))\n        : _createCommentVNode(\"\", true)\n    ], 16, _hoisted_1),\n    _createElementVNode(\"div\", {\n      ref_key: \"menuRef\",\n      ref: menuRef,\n      id: listboxId.value,\n      class: _normalizeClass([\"b-select__dropdown b:overflow-auto b:rounded-lg b:bg-[var(--b-select-selector-bg)] b:shadow-lg\", { 'b:w-[anchor-size(width)]': __props.popupMatchSelectWidth === true }]),\n      style: _normalizeStyle([\n        typeof __props.popupMatchSelectWidth === 'number'\n          ? { width: `${__props.popupMatchSelectWidth}px` }\n          : undefined,\n        { maxHeight: `${__props.listHeight}px` },\n      ]),\n      popover: \"\",\n      role: \"listbox\",\n      \"aria-multiselectable\": isMultipleMode.value || undefined,\n      \"aria-label\": __props.placeholder ?? 'Options',\n      onToggle: handleToggle,\n      onScroll: handlePopupScroll\n    }, [\n      (filteredOptions.value.length > 0)\n        ? (_openBlock(), _createElementBlock(\"div\", _hoisted_10, [\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(filteredOptions.value, (opt, idx) => {\n              return (_openBlock(), _createElementBlock(\"div\", {\n                key: getOptionValue(opt),\n                id: `${listboxId.value}-option-${idx}`,\n                class: _normalizeClass([\"b-select__option b:cursor-pointer b:rounded-md b:px-[var(--b-select-option-padding-x)] b:py-[var(--b-select-option-padding-y)] b:text-[length:var(--b-select-option-font-size)] b:leading-[var(--b-select-option-line-height)] b:transition-colors\", [\n              {\n                'b:bg-[var(--b-select-option-active-bg)]': idx === activeIndex.value && !opt.disabled,\n                'b:bg-[var(--b-select-option-selected-bg)] b:font-[var(--b-select-option-selected-font-weight)] b:text-[color:var(--b-select-option-selected-color)]':\n                  isOptionSelected(opt) && idx !== activeIndex.value,\n                'b:bg-[var(--b-select-option-selected-bg)] b:font-[var(--b-select-option-selected-font-weight)]':\n                  isOptionSelected(opt) && idx === activeIndex.value,\n                'b:cursor-not-allowed b:opacity-40': opt.disabled,\n                'b:hover:bg-[var(--b-select-option-active-bg)]':\n                  !opt.disabled && idx !== activeIndex.value && !isOptionSelected(opt),\n              },\n            ]]),\n                \"data-active\": idx === activeIndex.value,\n                \"aria-selected\": isOptionSelected(opt),\n                \"aria-disabled\": opt.disabled ?? false,\n                role: \"option\",\n                onMousedown: _withModifiers(($event: any) => (selectOption(opt)), [\"prevent\"]),\n                onMouseenter: ($event: any) => (activeIndex.value = idx)\n              }, [\n                _renderSlot(_ctx.$slots, \"option\", {\n                  option: opt,\n                  index: idx,\n                  selected: isOptionSelected(opt)\n                }, () => [\n                  _createElementVNode(\"span\", _hoisted_12, [\n                    _createElementVNode(\"span\", null, _toDisplayString(getOptionLabel(opt)), 1),\n                    (isMultipleMode.value && isOptionSelected(opt))\n                      ? (_openBlock(), _createElementBlock(\"svg\", _hoisted_13, [...(_cache[6] || (_cache[6] = [\n                          _createElementVNode(\"path\", {\n                            d: \"M2 6L5 9L10 3\",\n                            stroke: \"currentColor\",\n                            \"stroke-width\": \"1.5\",\n                            \"stroke-linecap\": \"round\",\n                            \"stroke-linejoin\": \"round\"\n                          }, null, -1)\n                        ]))]))\n                      : _createCommentVNode(\"\", true)\n                  ])\n                ], true)\n              ], 42, _hoisted_11))\n            }), 128))\n          ]))\n        : (__props.notFoundContent !== null)\n          ? (_openBlock(), _createElementBlock(\"div\", _hoisted_14, _toDisplayString(__props.notFoundContent), 1))\n          : _createCommentVNode(\"\", true)\n    ], 46, _hoisted_9)\n  ], 2))\n}\n}\n\n})"],"mappings":"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"}

package/dist/design-system177.js

@@ -1,38 +0,0 @@
-import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, normalizeStyle as i, openBlock as a } from "vue";
-//#region src/components/BSkeleton/BSkeletonAvatar.vue?vue&type=script&setup=true&lang.ts
-var o = /* @__PURE__ */ n({
-	__name: "BSkeletonAvatar",
-	props: {
-		active: {
-			type: Boolean,
-			default: !1
-		},
-		shape: { default: "circle" },
-		size: { default: "default" }
-	},
-	setup(n) {
-		let o = e(() => {
-			if (typeof n.size == "number") return {
-				width: `${n.size}px`,
-				height: `${n.size}px`,
-				lineHeight: `${n.size}px`
-			};
-		}), s = e(() => [
-			"b-skeleton-element",
-			"b-skeleton-avatar",
-			`b-skeleton-avatar--${n.shape}`,
-			typeof n.size == "string" ? `b-skeleton-avatar--${n.size}` : null,
-			{ "b-skeleton-element--active": n.active }
-		]);
-		return (e, n) => (a(), t("span", {
-			class: r(s.value),
-			style: i(o.value),
-			role: "presentation",
-			"aria-hidden": "true"
-		}, null, 6));
-	}
-});
-//#endregion
-export { o as default };
-
-//# sourceMappingURL=design-system177.js.map

package/dist/design-system177.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-system177.js","names":[],"sources":["../src/components/BSkeleton/BSkeletonAvatar.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { computed } from 'vue';\nimport type { BSkeletonAvatarShape, BSkeletonAvatarSize } from './types';\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BSkeletonAvatar',\n  props: {\n    active: { type: Boolean, default: false },\n    shape: { default: 'circle' },\n    size: { default: 'default' }\n  },\n  setup(__props: any) {\n\n\n\nconst sizeStyle = computed<Record<string, string> | undefined>(() => {\n  if (typeof __props.size === 'number') {\n    return { width: `${__props.size}px`, height: `${__props.size}px`, lineHeight: `${__props.size}px` };\n  }\n  return undefined;\n});\n\nconst classes = computed(() => [\n  'b-skeleton-element',\n  'b-skeleton-avatar',\n  `b-skeleton-avatar--${__props.shape}`,\n  typeof __props.size === 'string' ? `b-skeleton-avatar--${__props.size}` : null,\n  { 'b-skeleton-element--active': __props.active },\n]);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", {\n    class: _normalizeClass(classes.value),\n    style: _normalizeStyle(sizeStyle.value),\n    role: \"presentation\",\n    \"aria-hidden\": \"true\"\n  }, null, 6))\n}\n}\n\n})"],"mappings":";;AAOA,IAAA,IAA4B,kBAAiB;CAC3C,QAAQ;CACR,OAAO;EACL,QAAQ;GAAE,MAAM;GAAS,SAAS;GAAO;EACzC,OAAO,EAAE,SAAS,UAAU;EAC5B,MAAM,EAAE,SAAS,WAAW;EAC7B;CACD,MAAM,GAAc;EAItB,IAAM,IAAY,QAAmD;AACnE,OAAI,OAAO,EAAQ,QAAS,SAC1B,QAAO;IAAE,OAAO,GAAG,EAAQ,KAAK;IAAK,QAAQ,GAAG,EAAQ,KAAK;IAAK,YAAY,GAAG,EAAQ,KAAK;IAAK;IAGrG,EAEI,IAAU,QAAe;GAC7B;GACA;GACA,sBAAsB,EAAQ;GAC9B,OAAO,EAAQ,QAAS,WAAW,sBAAsB,EAAQ,SAAS;GAC1E,EAAE,8BAA8B,EAAQ,QAAQ;GACjD,CAAC;AAEF,UAAQ,GAAU,OACR,GAAY,EAAE,EAAoB,QAAQ;GAChD,OAAO,EAAgB,EAAQ,MAAM;GACrC,OAAO,EAAgB,EAAU,MAAM;GACvC,MAAM;GACN,eAAe;GAChB,EAAE,MAAM,EAAE;;CAIZ,CAAA"}

package/dist/design-system222.js

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

package/dist/design-system222.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-system222.js","names":[],"sources":["../src/components/BTabs/BTabPane.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { VNode } from 'vue';\nimport { inject, onBeforeUnmount, onMounted, useSlots, watch } from 'vue';\n\nimport { BTabsContextKey } from './types';\n\n// ─────────────────────────────────────────────\n// Props\n// ─────────────────────────────────────────────\nconst props = defineProps<{\n  /** Unique key identifying this tab pane. */\n  tabKey: string;\n  /** Tab header label text. Use the `tab` slot for rich labels. */\n  tab?: string;\n  /** Whether this tab is disabled. @default false */\n  disabled?: boolean;\n  /** Show close button in editable-card mode. @default true */\n  closable?: boolean;\n  /** Destroy content when tab is hidden. @default false */\n  destroyOnHidden?: boolean;\n  /** Force render content even when inactive. @default false */\n  forceRender?: boolean;\n  /** Keep component state alive when switching away. Overrides global setting. */\n  keepAlive?: boolean;\n}>();\n\n// ─────────────────────────────────────────────\n// Slots\n// ─────────────────────────────────────────────\ndefineSlots<{\n  /** Tab pane content. */\n  default?: () => unknown;\n  /** Custom tab label content. */\n  tab?: () => unknown;\n}>();\n\nconst slots = useSlots();\n\n// ─────────────────────────────────────────────\n// Inject parent context\n// ─────────────────────────────────────────────\nconst tabsContext = inject(BTabsContextKey, null);\n\n// ─────────────────────────────────────────────\n// Registration helpers\n// ─────────────────────────────────────────────\nfunction buildRegistration() {\n  return {\n    key: props.tabKey,\n    label: props.tab,\n    disabled: props.disabled,\n    closable: props.closable,\n    destroyOnHidden: props.destroyOnHidden,\n    forceRender: props.forceRender,\n    keepAlive: props.keepAlive,\n    renderContent: () => (slots.default?.() ?? []) as VNode[],\n    renderLabel: slots.tab ? () => slots.tab!() as VNode[] : undefined,\n  };\n}\n\nonMounted(() => {\n  tabsContext?.register(buildRegistration());\n});\n\nonBeforeUnmount(() => {\n  tabsContext?.unregister(props.tabKey);\n});\n\nwatch(\n  () => [\n    props.tab,\n    props.disabled,\n    props.closable,\n    props.destroyOnHidden,\n    props.forceRender,\n    props.keepAlive,\n  ],\n  () => {\n    tabsContext?.update(props.tabKey, buildRegistration());\n  },\n);\n</script>\n\n<template>\n  <!-- BTabPane is a registration-only component. All rendering is handled by BTabs. -->\n  <slot v-if=\"false\" />\n</template>\n"],"mappings":""}

package/dist/design-system225.js

@@ -1,8 +0,0 @@
-import e from "./design-system223.js";
-/* empty css                 */
-//#region src/components/BTabs/BTabs.vue
-var t = e;
-//#endregion
-export { t as default };
-
-//# sourceMappingURL=design-system225.js.map