@7pmlabs/design-system 2.0.8 → 2.1.0

package/dist/design-system114.js

@@ -1,212 +0,0 @@
-import { BCommonSize as e } from "./design-system3.js";
-import { useComponentId as t } from "./design-system10.js";
-import { BInputStatus as n, BInputVariant as r } from "./design-system113.js";
-import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, mergeModels as l, normalizeClass as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useModel as g, useSlots as _, watch as v, withModifiers as y } from "vue";
-//#region src/components/BInput/BInput.vue?vue&type=script&setup=true&lang.ts
-var b = {
-	key: 0,
-	class: "b-input__addon b-input__addon--before"
-}, x = { class: "b-input__wrapper" }, S = {
-	key: 0,
-	class: "b-input__prefix",
-	"aria-hidden": "true"
-}, C = [
-	"id",
-	"value",
-	"type",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"maxlength",
-	"aria-invalid",
-	"aria-describedby"
-], w = {
-	key: 1,
-	class: "b-input__clear-wrapper"
-}, T = {
-	key: 2,
-	class: "b-input__password-toggle-wrapper"
-}, E = ["aria-label", "aria-pressed"], D = {
-	key: 0,
-	viewBox: "64 64 896 896",
-	width: "1em",
-	height: "1em",
-	fill: "currentColor",
-	"aria-hidden": "true"
-}, O = {
-	key: 1,
-	viewBox: "64 64 896 896",
-	width: "1em",
-	height: "1em",
-	fill: "currentColor",
-	"aria-hidden": "true"
-}, k = {
-	key: 3,
-	class: "b-input__suffix",
-	"aria-hidden": "true"
-}, A = ["id"], j = {
-	key: 1,
-	class: "b-input__addon b-input__addon--after"
-}, M = /* @__PURE__ */ c({
-	inheritAttrs: !1,
-	__name: "BInput",
-	props: /* @__PURE__ */ l({
-		size: { default: () => e.Medium },
-		variant: { default: () => r.Outlined },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		readOnly: {
-			type: Boolean,
-			default: !1
-		},
-		status: {},
-		type: { default: "text" },
-		maxLength: {},
-		placeholder: {},
-		id: {},
-		allowClear: {
-			type: Boolean,
-			default: !1
-		},
-		showCount: {
-			type: [Boolean, Function],
-			default: !1
-		},
-		count: {}
-	}, {
-		modelValue: { default: "" },
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ l([
-		"change",
-		"pressEnter",
-		"clear",
-		"focus",
-		"blur"
-	], ["update:modelValue"]),
-	setup(e, { expose: r, emit: c }) {
-		let l = _(), M = c, N = g(e, "modelValue"), { componentUID: P } = t(), F = i(() => e.id ?? `b-input-${P.value}`), I = f(null), L = f(!1), R = f(!1), z = i(() => !!l.addonBefore), B = i(() => !!l.addonAfter), V = i(() => !!l.prefix), H = i(() => !!l.suffix), U = i(() => e.type === "password"), W = i(() => U.value), G = i(() => U.value ? R.value ? "text" : "password" : e.type), K = i(() => {
-			let t = N.value ?? "";
-			return e.count?.strategy ? e.count.strategy(t) : t.length;
-		}), q = i(() => e.count?.max ?? e.maxLength), J = i(() => e.count?.show === !1 ? !1 : e.count?.show === void 0 ? !!e.showCount : !0), Y = i(() => {
-			let t = N.value ?? "", n = K.value;
-			return typeof e.count?.show == "function" ? e.count.show({
-				value: t,
-				count: n,
-				maxLength: q.value
-			}) : typeof e.showCount == "function" ? e.showCount({
-				value: t,
-				count: n,
-				maxLength: q.value
-			}) : q.value === void 0 ? `${n}` : `${n} / ${q.value}`;
-		}), X = i(() => q.value === void 0 ? !1 : K.value > q.value), Z = i(() => e.allowClear && !!N.value && !e.disabled && !e.readOnly), Q = (t) => {
-			let n = t.target, r = n.value;
-			e.count?.exceedFormatter && q.value !== void 0 && (e.count.strategy ?? ((e) => e.length))(r) > q.value && (r = e.count.exceedFormatter(r, { max: q.value }), n.value = r), N.value = r, M("change", r, t);
-		}, $ = (e) => {
-			e.key === "Enter" && M("pressEnter", e);
-		}, ee = (e) => {
-			L.value = !0, M("focus", e);
-		}, te = (e) => {
-			L.value = !1, M("blur", e);
-		}, ne = () => {
-			N.value = "", M("clear"), M("change", "", new Event("change")), I.value?.focus();
-		}, re = () => {
-			R.value = !R.value, I.value?.focus();
-		};
-		return v(N, (t) => {
-			e.count?.exceedFormatter && q.value !== void 0 && (e.count.strategy ?? ((e) => e.length))(t) > q.value && (N.value = e.count.exceedFormatter(t, { max: q.value }));
-		}), r({
-			focus: (e) => {
-				if (I.value?.focus({ preventScroll: e?.preventScroll }), e?.cursor && I.value) {
-					let t = I.value.value.length;
-					switch (e.cursor) {
-						case "start":
-							I.value.setSelectionRange(0, 0);
-							break;
-						case "end":
-							I.value.setSelectionRange(t, t);
-							break;
-						case "all":
-							I.value.setSelectionRange(0, t);
-							break;
-					}
-				}
-			},
-			blur: () => {
-				I.value?.blur();
-			}
-		}), (t, r) => (d(), o("span", { class: u(["b-input", [
-			`b-input--${e.size}`,
-			`b-input--${e.variant}`,
-			{
-				"b-input--focused": L.value,
-				"b-input--disabled": e.disabled,
-				"b-input--readonly": e.readOnly,
-				"b-input--error": e.status === h(n).Error,
-				"b-input--warning": e.status === h(n).Warning,
-				"b-input--has-addon-before": z.value,
-				"b-input--has-addon-after": B.value,
-				"b-input--over-count": X.value
-			}
-		]]) }, [
-			z.value ? (d(), o("span", b, [p(t.$slots, "addonBefore", {}, void 0, !0)])) : a("", !0),
-			s("span", x, [
-				V.value ? (d(), o("span", S, [p(t.$slots, "prefix", {}, void 0, !0)])) : a("", !0),
-				s("input", {
-					id: F.value,
-					ref_key: "inputRef",
-					ref: I,
-					value: N.value,
-					type: G.value,
-					placeholder: e.placeholder,
-					disabled: e.disabled,
-					readonly: e.readOnly,
-					maxlength: e.maxLength && !e.count?.exceedFormatter ? e.maxLength : void 0,
-					"aria-invalid": e.status === h(n).Error ? !0 : void 0,
-					"aria-describedby": J.value ? `${F.value}-count` : void 0,
-					class: "b-input__input",
-					onInput: Q,
-					onKeydown: $,
-					onFocus: ee,
-					onBlur: te
-				}, null, 40, C),
-				Z.value ? (d(), o("span", w, [s("button", {
-					type: "button",
-					class: "b-input__clear",
-					"aria-label": "Clear input",
-					tabindex: "-1",
-					onMousedown: y(ne, ["prevent"])
-				}, [...r[0] ||= [s("svg", {
-					viewBox: "64 64 896 896",
-					width: "1em",
-					height: "1em",
-					fill: "currentColor",
-					"aria-hidden": "true"
-				}, [s("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" })], -1)]], 32)])) : a("", !0),
-				W.value ? (d(), o("span", T, [s("button", {
-					type: "button",
-					class: "b-input__password-toggle",
-					"aria-label": R.value ? "Hide password" : "Show password",
-					"aria-pressed": R.value,
-					tabindex: "-1",
-					onMousedown: y(re, ["prevent"])
-				}, [R.value ? (d(), o("svg", O, [...r[2] ||= [s("path", { d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-53.8 0-104.5 9.6-151.7 28.4L212.7 67.2a8.03 8.03 0 00-11.3 0L160 108.5a8.03 8.03 0 000 11.3l740.3 740.3a8.03 8.03 0 0011.3 0l41.3-41.3a8.03 8.03 0 000-11.3l-106.8-106.8c53.1-57.6 94.3-127.4 106.2-153a60.3 60.3 0 000-51.5zM512 730c-114.9 0-208-93.1-208-208 0-40.1 11.4-77.6 31-109.4L297 374.6C270.6 414.1 256 466 256 522c0 141.4 114.6 256 256 256 56 0 107.9-18 150.2-48.5l-38-38C597.6 714.6 556.1 730 512 730zm0-520c114.9 0 208 93.1 208 208 0 40.1-11.4 77.6-31 109.4L727 565.4C753.4 525.9 768 474 768 418c0-141.4-114.6-256-256-256-56 0-107.9 18-150.2 48.5l38 38C426.4 225.4 467.9 210 512 210z" }, null, -1)]])) : (d(), o("svg", D, [...r[1] ||= [s("path", { d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 730c-114.9 0-208-93.1-208-208s93.1-208 208-208 208 93.1 208 208-93.1 208-208 208zm0-319.8c-61.7 0-111.8 50.1-111.8 111.8S450.3 633.8 512 633.8 623.8 583.7 623.8 522 573.7 410.2 512 410.2z" }, null, -1)]]))], 40, E)])) : a("", !0),
-				H.value ? (d(), o("span", k, [p(t.$slots, "suffix", {}, void 0, !0)])) : a("", !0),
-				J.value ? (d(), o("span", {
-					key: 4,
-					id: `${F.value}-count`,
-					class: u(["b-input__count", { "b-input__count--over": X.value }]),
-					"aria-live": "polite",
-					"aria-atomic": "true"
-				}, m(Y.value), 11, A)) : a("", !0)
-			]),
-			B.value ? (d(), o("span", j, [p(t.$slots, "addonAfter", {}, void 0, !0)])) : a("", !0)
-		], 2));
-	}
-});
-//#endregion
-export { M as default };
-
-//# sourceMappingURL=design-system114.js.map

package/dist/design-system114.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-system114.js","names":[],"sources":["../src/components/BInput/BInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useComponentId } from '@/composables/useComponentId.ts';\nimport { BCommonSize } from '@/types.ts';\nimport { computed, ref, useSlots, watch } from 'vue';\nimport {\n  BInputStatus,\n  BInputVariant,\n  type BInputCountConfig,\n  type BInputFocusOptions,\n} from './types.ts';\n\ndefineOptions({ inheritAttrs: false });\n\nconst slots = useSlots();\n\nconst {\n  size = BCommonSize.Medium,\n  variant = BInputVariant.Outlined,\n  type = 'text',\n  allowClear = false,\n  showCount = false,\n  disabled = false,\n  readOnly = false,\n  placeholder,\n  maxLength,\n  id,\n  count,\n  status,\n} = defineProps<{\n  /** The size of the input. */\n  size?: `${BCommonSize}`;\n  /** Visual variant of the input. */\n  variant?: `${BInputVariant}`;\n  /** Whether the input is disabled. */\n  disabled?: boolean;\n  /** Whether the input is read-only. */\n  readOnly?: boolean;\n  /** Validation status. */\n  status?: `${BInputStatus}`;\n  /** HTML input type (text, password, email, etc.). */\n  type?: string;\n  /** Maximum number of characters. */\n  maxLength?: number;\n  /** Placeholder text. */\n  placeholder?: string;\n  /** HTML id attribute. */\n  id?: string;\n  /** Show clear button when input has value. */\n  allowClear?: boolean;\n  /** Display character count. Can be boolean or a formatter function. */\n  showCount?: boolean | ((args: { value: string; count: number; maxLength?: number }) => string);\n  /** Advanced character counting configuration. */\n  count?: BInputCountConfig;\n}>();\n\nconst emit = defineEmits<{\n  /** Fired when input value changes. */\n  change: [value: string, event: Event];\n  /** Fired when Enter key is pressed. */\n  pressEnter: [event: KeyboardEvent];\n  /** Fired when clear button is clicked. */\n  clear: [];\n  /** Fired on input focus. */\n  focus: [event: FocusEvent];\n  /** Fired on input blur. */\n  blur: [event: FocusEvent];\n}>();\n\nconst model = defineModel<string>({ default: '' });\n\nconst { componentUID } = useComponentId();\nconst inputId = computed(() => id ?? `b-input-${componentUID.value}`);\n\nconst inputRef = ref<HTMLInputElement | null>(null);\nconst isFocused = ref(false);\nconst passwordVisible = ref(false);\n\nconst hasAddonBefore = computed(() => !!slots.addonBefore);\nconst hasAddonAfter = computed(() => !!slots.addonAfter);\nconst hasPrefix = computed(() => !!slots.prefix);\nconst hasSuffix = computed(() => !!slots.suffix);\nconst isPasswordType = computed(() => type === 'password');\nconst showPasswordToggle = computed(() => isPasswordType.value);\nconst computedType = computed(() => {\n  if (isPasswordType.value) {\n    return passwordVisible.value ? 'text' : 'password';\n  }\n  return type;\n});\n\nconst charCount = computed(() => {\n  const val = model.value ?? '';\n  if (count?.strategy) return count.strategy(val);\n  return val.length;\n});\n\nconst countMax = computed(() => count?.max ?? maxLength);\n\nconst showCountIndicator = computed(() => {\n  if (count?.show === false) return false;\n  if (count?.show !== undefined) return true;\n  return !!showCount;\n});\n\nconst countText = computed(() => {\n  const val = model.value ?? '';\n  const currentCount = charCount.value;\n\n  if (typeof count?.show === 'function') {\n    return count.show({ value: val, count: currentCount, maxLength: countMax.value });\n  }\n  if (typeof showCount === 'function') {\n    return showCount({ value: val, count: currentCount, maxLength: countMax.value });\n  }\n  if (countMax.value !== undefined) {\n    return `${currentCount} / ${countMax.value}`;\n  }\n  return `${currentCount}`;\n});\n\nconst isOverCount = computed(() => {\n  if (countMax.value === undefined) return false;\n  return charCount.value > countMax.value;\n});\n\nconst showClearButton = computed(() => {\n  return allowClear && !!model.value && !disabled && !readOnly;\n});\n\nconst handleInput = (e: Event) => {\n  const target = e.target as HTMLInputElement;\n  let value = target.value;\n\n  if (count?.exceedFormatter && countMax.value !== undefined) {\n    const strategy = count.strategy ?? ((v: string) => v.length);\n    if (strategy(value) > countMax.value) {\n      value = count.exceedFormatter(value, { max: countMax.value });\n      target.value = value;\n    }\n  }\n\n  model.value = value;\n  emit('change', value, e);\n};\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n  if (e.key === 'Enter') {\n    emit('pressEnter', e);\n  }\n};\n\nconst handleFocus = (e: FocusEvent) => {\n  isFocused.value = true;\n  emit('focus', e);\n};\n\nconst handleBlur = (e: FocusEvent) => {\n  isFocused.value = false;\n  emit('blur', e);\n};\n\nconst handleClear = () => {\n  model.value = '';\n  emit('clear');\n  emit('change', '', new Event('change'));\n  inputRef.value?.focus();\n};\n\nconst togglePasswordVisibility = () => {\n  passwordVisible.value = !passwordVisible.value;\n  inputRef.value?.focus();\n};\n\nconst focus = (options?: BInputFocusOptions) => {\n  inputRef.value?.focus({ preventScroll: options?.preventScroll });\n  if (options?.cursor && inputRef.value) {\n    const len = inputRef.value.value.length;\n    switch (options.cursor) {\n      case 'start':\n        inputRef.value.setSelectionRange(0, 0);\n        break;\n      case 'end':\n        inputRef.value.setSelectionRange(len, len);\n        break;\n      case 'all':\n        inputRef.value.setSelectionRange(0, len);\n        break;\n    }\n  }\n};\n\nconst blur = () => {\n  inputRef.value?.blur();\n};\n\nwatch(model, (val) => {\n  if (count?.exceedFormatter && countMax.value !== undefined) {\n    const strategy = count.strategy ?? ((v: string) => v.length);\n    if (strategy(val) > countMax.value) {\n      model.value = count.exceedFormatter(val, { max: countMax.value });\n    }\n  }\n});\n\ndefineExpose({ focus, blur });\n</script>\n\n<template>\n  <span\n    class=\"b-input\"\n    :class=\"[\n      `b-input--${size}`,\n      `b-input--${variant}`,\n      {\n        'b-input--focused': isFocused,\n        'b-input--disabled': disabled,\n        'b-input--readonly': readOnly,\n        'b-input--error': status === BInputStatus.Error,\n        'b-input--warning': status === BInputStatus.Warning,\n        'b-input--has-addon-before': hasAddonBefore,\n        'b-input--has-addon-after': hasAddonAfter,\n        'b-input--over-count': isOverCount,\n      },\n    ]\"\n  >\n    <span v-if=\"hasAddonBefore\" class=\"b-input__addon b-input__addon--before\">\n      <slot name=\"addonBefore\" />\n    </span>\n\n    <span class=\"b-input__wrapper\">\n      <span v-if=\"hasPrefix\" class=\"b-input__prefix\" aria-hidden=\"true\">\n        <slot name=\"prefix\" />\n      </span>\n\n      <input\n        :id=\"inputId\"\n        ref=\"inputRef\"\n        :value=\"model\"\n        :type=\"computedType\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        :readonly=\"readOnly\"\n        :maxlength=\"maxLength && !count?.exceedFormatter ? maxLength : undefined\"\n        :aria-invalid=\"status === BInputStatus.Error ? true : undefined\"\n        :aria-describedby=\"showCountIndicator ? `${inputId}-count` : undefined\"\n        class=\"b-input__input\"\n        @input=\"handleInput\"\n        @keydown=\"handleKeyDown\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n      />\n\n      <span v-if=\"showClearButton\" class=\"b-input__clear-wrapper\">\n        <button\n          type=\"button\"\n          class=\"b-input__clear\"\n          aria-label=\"Clear input\"\n          tabindex=\"-1\"\n          @mousedown.prevent=\"handleClear\"\n        >\n          <svg\n            viewBox=\"64 64 896 896\"\n            width=\"1em\"\n            height=\"1em\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n          >\n            <path\n              d=\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z\"\n            />\n          </svg>\n        </button>\n      </span>\n\n      <span v-if=\"showPasswordToggle\" class=\"b-input__password-toggle-wrapper\">\n        <button\n          type=\"button\"\n          class=\"b-input__password-toggle\"\n          :aria-label=\"passwordVisible ? 'Hide password' : 'Show password'\"\n          :aria-pressed=\"passwordVisible\"\n          tabindex=\"-1\"\n          @mousedown.prevent=\"togglePasswordVisibility\"\n        >\n          <svg\n            v-if=\"!passwordVisible\"\n            viewBox=\"64 64 896 896\"\n            width=\"1em\"\n            height=\"1em\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n          >\n            <path\n              d=\"M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 730c-114.9 0-208-93.1-208-208s93.1-208 208-208 208 93.1 208 208-93.1 208-208 208zm0-319.8c-61.7 0-111.8 50.1-111.8 111.8S450.3 633.8 512 633.8 623.8 583.7 623.8 522 573.7 410.2 512 410.2z\"\n            />\n          </svg>\n          <svg\n            v-else\n            viewBox=\"64 64 896 896\"\n            width=\"1em\"\n            height=\"1em\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n          >\n            <path\n              d=\"M942.2 486.2C847.4 286.5 704.1 186 512 186c-53.8 0-104.5 9.6-151.7 28.4L212.7 67.2a8.03 8.03 0 00-11.3 0L160 108.5a8.03 8.03 0 000 11.3l740.3 740.3a8.03 8.03 0 0011.3 0l41.3-41.3a8.03 8.03 0 000-11.3l-106.8-106.8c53.1-57.6 94.3-127.4 106.2-153a60.3 60.3 0 000-51.5zM512 730c-114.9 0-208-93.1-208-208 0-40.1 11.4-77.6 31-109.4L297 374.6C270.6 414.1 256 466 256 522c0 141.4 114.6 256 256 256 56 0 107.9-18 150.2-48.5l-38-38C597.6 714.6 556.1 730 512 730zm0-520c114.9 0 208 93.1 208 208 0 40.1-11.4 77.6-31 109.4L727 565.4C753.4 525.9 768 474 768 418c0-141.4-114.6-256-256-256-56 0-107.9 18-150.2 48.5l38 38C426.4 225.4 467.9 210 512 210z\"\n            />\n          </svg>\n        </button>\n      </span>\n\n      <span v-if=\"hasSuffix\" class=\"b-input__suffix\" aria-hidden=\"true\">\n        <slot name=\"suffix\" />\n      </span>\n\n      <span\n        v-if=\"showCountIndicator\"\n        :id=\"`${inputId}-count`\"\n        class=\"b-input__count\"\n        :class=\"{ 'b-input__count--over': isOverCount }\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n      >\n        {{ countText }}\n      </span>\n    </span>\n\n    <span v-if=\"hasAddonAfter\" class=\"b-input__addon b-input__addon--after\">\n      <slot name=\"addonAfter\" />\n    </span>\n  </span>\n</template>\n\n<style scoped>\n.b-input {\n  --b-input-active-bg: #ffffff;\n  --b-input-active-border-color: #1677ff;\n  --b-input-active-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);\n  --b-input-addon-bg: rgba(0, 0, 0, 0.02);\n  --b-input-error-active-shadow: 0 0 0 2px rgba(255, 38, 5, 0.06);\n  --b-input-hover-bg: #ffffff;\n  --b-input-hover-border-color: #4096ff;\n  --b-input-font-size: 14px;\n  --b-input-font-size-lg: 16px;\n  --b-input-font-size-sm: 14px;\n  --b-input-padding-block: 4px;\n  --b-input-padding-block-lg: 7px;\n  --b-input-padding-block-sm: 0px;\n  --b-input-padding-inline: 11px;\n  --b-input-padding-inline-lg: 11px;\n  --b-input-padding-inline-sm: 7px;\n  --b-input-warning-active-shadow: 0 0 0 2px rgba(255, 215, 5, 0.1);\n  --b-input-border-color: #d9d9d9;\n  --b-input-bg: #ffffff;\n  --b-input-color: rgba(0, 0, 0, 0.88);\n  --b-input-placeholder-color: rgba(0, 0, 0, 0.25);\n  --b-input-border-radius: 6px;\n  --b-input-clear-color: rgba(0, 0, 0, 0.25);\n  --b-input-clear-hover-color: rgba(0, 0, 0, 0.45);\n  --b-input-count-color: rgba(0, 0, 0, 0.65);\n  --b-input-disabled-bg: rgba(0, 0, 0, 0.04);\n  --b-input-disabled-color: rgba(0, 0, 0, 0.25);\n  --b-input-error-border-color: #ff4d4f;\n  --b-input-error-hover-border-color: #ff7875;\n  --b-input-warning-border-color: #faad14;\n  --b-input-warning-hover-border-color: #ffc53d;\n  --b-input-filled-bg: rgba(0, 0, 0, 0.04);\n  --b-input-filled-hover-bg: rgba(0, 0, 0, 0.04);\n\n  display: inline-flex;\n  align-items: stretch;\n  width: 100%;\n  font-size: var(--b-input-font-size);\n  color: var(--b-input-color);\n  line-height: 1.5714;\n}\n\n.b-input--lg {\n  font-size: var(--b-input-font-size-lg);\n}\n\n.b-input--sm {\n  font-size: var(--b-input-font-size-sm);\n}\n\n.b-input__wrapper {\n  display: inline-flex;\n  align-items: center;\n  flex: 1;\n  min-width: 0;\n  position: relative;\n  transition: all 0.2s;\n}\n\n/* Outlined */\n.b-input--outlined .b-input__wrapper {\n  background: var(--b-input-bg);\n  border: 1px solid var(--b-input-border-color);\n  border-radius: var(--b-input-border-radius);\n}\n\n.b-input--outlined:not(.b-input--disabled):hover .b-input__wrapper {\n  border-color: var(--b-input-hover-border-color);\n  background: var(--b-input-hover-bg);\n}\n\n.b-input--outlined.b-input--focused .b-input__wrapper {\n  border-color: var(--b-input-active-border-color);\n  background: var(--b-input-active-bg);\n  box-shadow: var(--b-input-active-shadow);\n}\n\n/* Filled */\n.b-input--filled .b-input__wrapper {\n  background: var(--b-input-filled-bg);\n  border: 1px solid transparent;\n  border-radius: var(--b-input-border-radius);\n}\n\n.b-input--filled:not(.b-input--disabled):hover .b-input__wrapper {\n  background: var(--b-input-filled-hover-bg);\n}\n\n.b-input--filled.b-input--focused .b-input__wrapper {\n  background: var(--b-input-active-bg);\n  border-color: var(--b-input-active-border-color);\n  box-shadow: var(--b-input-active-shadow);\n}\n\n/* Borderless */\n.b-input--borderless .b-input__wrapper {\n  background: transparent;\n  border: 1px solid transparent;\n  border-radius: var(--b-input-border-radius);\n}\n\n/* Underlined */\n.b-input--underlined .b-input__wrapper {\n  background: transparent;\n  border: none;\n  border-bottom: 1px solid var(--b-input-border-color);\n  border-radius: 0;\n}\n\n.b-input--underlined:not(.b-input--disabled):hover .b-input__wrapper {\n  border-bottom-color: var(--b-input-hover-border-color);\n}\n\n.b-input--underlined.b-input--focused .b-input__wrapper {\n  border-bottom-color: var(--b-input-active-border-color);\n  box-shadow: 0 1px 0 0 var(--b-input-active-border-color);\n}\n\n/* Error */\n.b-input--error.b-input--outlined .b-input__wrapper {\n  border-color: var(--b-input-error-border-color);\n}\n\n.b-input--error.b-input--outlined:not(.b-input--disabled):hover .b-input__wrapper {\n  border-color: var(--b-input-error-hover-border-color);\n}\n\n.b-input--error.b-input--outlined.b-input--focused .b-input__wrapper,\n.b-input--error.b-input--filled.b-input--focused .b-input__wrapper {\n  border-color: var(--b-input-error-border-color);\n  box-shadow: var(--b-input-error-active-shadow);\n}\n\n.b-input--error.b-input--underlined .b-input__wrapper {\n  border-bottom-color: var(--b-input-error-border-color);\n}\n\n.b-input--error.b-input--underlined.b-input--focused .b-input__wrapper {\n  border-bottom-color: var(--b-input-error-border-color);\n  box-shadow: 0 1px 0 0 var(--b-input-error-border-color);\n}\n\n/* Warning */\n.b-input--warning.b-input--outlined .b-input__wrapper {\n  border-color: var(--b-input-warning-border-color);\n}\n\n.b-input--warning.b-input--outlined:not(.b-input--disabled):hover .b-input__wrapper {\n  border-color: var(--b-input-warning-hover-border-color);\n}\n\n.b-input--warning.b-input--outlined.b-input--focused .b-input__wrapper,\n.b-input--warning.b-input--filled.b-input--focused .b-input__wrapper {\n  border-color: var(--b-input-warning-border-color);\n  box-shadow: var(--b-input-warning-active-shadow);\n}\n\n.b-input--warning.b-input--underlined .b-input__wrapper {\n  border-bottom-color: var(--b-input-warning-border-color);\n}\n\n.b-input--warning.b-input--underlined.b-input--focused .b-input__wrapper {\n  border-bottom-color: var(--b-input-warning-border-color);\n  box-shadow: 0 1px 0 0 var(--b-input-warning-border-color);\n}\n\n/* Disabled */\n.b-input--disabled .b-input__wrapper {\n  background: var(--b-input-disabled-bg);\n  cursor: not-allowed;\n}\n\n.b-input--disabled .b-input__input {\n  color: var(--b-input-disabled-color);\n  cursor: not-allowed;\n}\n\n/* Addon border radius */\n.b-input--has-addon-before .b-input__wrapper {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.b-input--has-addon-after .b-input__wrapper {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n/* Input element */\n.b-input__input {\n  flex: 1;\n  min-width: 0;\n  width: 100%;\n  border: none;\n  outline: none;\n  background: transparent;\n  color: inherit;\n  font-size: inherit;\n  font-family: inherit;\n  line-height: inherit;\n}\n\n.b-input--md .b-input__input {\n  padding: var(--b-input-padding-block) var(--b-input-padding-inline);\n}\n\n.b-input--lg .b-input__input {\n  padding: var(--b-input-padding-block-lg) var(--b-input-padding-inline-lg);\n}\n\n.b-input--sm .b-input__input {\n  padding: var(--b-input-padding-block-sm) var(--b-input-padding-inline-sm);\n}\n\n.b-input__input::placeholder {\n  color: var(--b-input-placeholder-color);\n}\n\n/* Prefix & Suffix */\n.b-input__prefix,\n.b-input__suffix {\n  display: inline-flex;\n  align-items: center;\n  color: var(--b-input-color);\n  flex-shrink: 0;\n}\n\n.b-input__prefix {\n  margin-left: var(--b-input-padding-inline);\n}\n\n.b-input__suffix {\n  margin-right: var(--b-input-padding-inline);\n}\n\n.b-input__prefix ~ .b-input__input {\n  padding-left: 4px;\n}\n\n/* Clear & password toggle */\n.b-input__clear-wrapper,\n.b-input__password-toggle-wrapper {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-right: var(--b-input-padding-inline);\n}\n\n.b-input__clear,\n.b-input__password-toggle {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: none;\n  padding: 0;\n  cursor: pointer;\n  color: var(--b-input-clear-color);\n  font-size: 14px;\n  line-height: 1;\n  transition: color 0.2s;\n}\n\n.b-input__clear:hover,\n.b-input__password-toggle:hover {\n  color: var(--b-input-clear-hover-color);\n}\n\n/* Count */\n.b-input__count {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n  margin-right: var(--b-input-padding-inline);\n  color: var(--b-input-count-color);\n  font-size: 0.857em;\n  white-space: nowrap;\n  pointer-events: none;\n}\n\n.b-input__count--over {\n  color: var(--b-input-error-border-color);\n}\n\n/* Addons */\n.b-input__addon {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 11px;\n  background: var(--b-input-addon-bg);\n  border: 1px solid var(--b-input-border-color);\n  color: var(--b-input-color);\n  font-size: inherit;\n  white-space: nowrap;\n}\n\n.b-input__addon--before {\n  border-right: none;\n  border-radius: var(--b-input-border-radius) 0 0 var(--b-input-border-radius);\n}\n\n.b-input__addon--after {\n  border-left: none;\n  border-radius: 0 var(--b-input-border-radius) var(--b-input-border-radius) 0;\n}\n\n/* Dark mode — activated via data attribute on ancestor */\n[data-prefers-color='dark'] .b-input {\n  --b-input-active-bg: #141414;\n  --b-input-active-border-color: #1668dc;\n  --b-input-active-shadow: 0 0 0 2px rgba(22, 104, 220, 0.15);\n  --b-input-addon-bg: rgba(255, 255, 255, 0.04);\n  --b-input-error-active-shadow: 0 0 0 2px rgba(220, 56, 56, 0.1);\n  --b-input-hover-bg: #141414;\n  --b-input-hover-border-color: #3c89e8;\n  --b-input-warning-active-shadow: 0 0 0 2px rgba(209, 163, 0, 0.1);\n  --b-input-border-color: #424242;\n  --b-input-bg: #141414;\n  --b-input-color: rgba(255, 255, 255, 0.88);\n  --b-input-placeholder-color: rgba(255, 255, 255, 0.25);\n  --b-input-clear-color: rgba(255, 255, 255, 0.25);\n  --b-input-clear-hover-color: rgba(255, 255, 255, 0.45);\n  --b-input-count-color: rgba(255, 255, 255, 0.65);\n  --b-input-disabled-bg: rgba(255, 255, 255, 0.08);\n  --b-input-disabled-color: rgba(255, 255, 255, 0.25);\n  --b-input-error-border-color: #dc3838;\n  --b-input-error-hover-border-color: #e86e6e;\n  --b-input-warning-border-color: #d1a300;\n  --b-input-warning-hover-border-color: #e8c631;\n  --b-input-filled-bg: rgba(255, 255, 255, 0.08);\n  --b-input-filled-hover-bg: rgba(255, 255, 255, 0.12);\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-prefers-color='system'] .b-input {\n    --b-input-active-bg: #141414;\n    --b-input-active-border-color: #1668dc;\n    --b-input-active-shadow: 0 0 0 2px rgba(22, 104, 220, 0.15);\n    --b-input-addon-bg: rgba(255, 255, 255, 0.04);\n    --b-input-error-active-shadow: 0 0 0 2px rgba(220, 56, 56, 0.1);\n    --b-input-hover-bg: #141414;\n    --b-input-hover-border-color: #3c89e8;\n    --b-input-warning-active-shadow: 0 0 0 2px rgba(209, 163, 0, 0.1);\n    --b-input-border-color: #424242;\n    --b-input-bg: #141414;\n    --b-input-color: rgba(255, 255, 255, 0.88);\n    --b-input-placeholder-color: rgba(255, 255, 255, 0.25);\n    --b-input-clear-color: rgba(255, 255, 255, 0.25);\n    --b-input-clear-hover-color: rgba(255, 255, 255, 0.45);\n    --b-input-count-color: rgba(255, 255, 255, 0.65);\n    --b-input-disabled-bg: rgba(255, 255, 255, 0.08);\n    --b-input-disabled-color: rgba(255, 255, 255, 0.25);\n    --b-input-error-border-color: #dc3838;\n    --b-input-error-hover-border-color: #e86e6e;\n    --b-input-warning-border-color: #d1a300;\n    --b-input-warning-hover-border-color: #e8c631;\n    --b-input-filled-bg: rgba(255, 255, 255, 0.08);\n    --b-input-filled-hover-bg: rgba(255, 255, 255, 0.12);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .b-input__wrapper,\n  .b-input__clear,\n  .b-input__password-toggle {\n    transition: none;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/design-system124.js

@@ -1,277 +0,0 @@
-import { BCommonSize as e } from "./design-system3.js";
-import { useComponentId as t } from "./design-system10.js";
-import { BMentionsStatus as n, BMentionsVariant as r } from "./design-system123.js";
-import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, mergeModels as d, mergeProps as f, nextTick as p, normalizeClass as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as ee, useCssVars as x, useModel as te, watch as S, withModifiers as C } from "vue";
-//#region src/components/BMentions/BMentions.vue?vue&type=script&setup=true&lang.ts
-var w = [
-	"aria-label",
-	"aria-expanded",
-	"aria-controls"
-], T = [
-	"value",
-	"placeholder",
-	"disabled",
-	"readonly",
-	"rows",
-	"aria-label",
-	"aria-activedescendant"
-], E = ["id", "aria-label"], D = {
-	key: 0,
-	class: "b-mentions__options"
-}, O = [
-	"id",
-	"data-active",
-	"aria-selected",
-	"aria-disabled",
-	"onMousedown",
-	"onMouseenter"
-], k = {
-	key: 1,
-	class: "b-mentions__not-found"
-}, A = /* @__PURE__ */ u({
-	inheritAttrs: !1,
-	__name: "BMentions",
-	props: /* @__PURE__ */ d({
-		options: { default: () => [] },
-		size: { default: () => e.Medium },
-		variant: { default: () => r.Outlined },
-		placement: {},
-		prefix: { default: "@" },
-		split: { default: " " },
-		autoSize: {
-			type: [Boolean, Object],
-			default: !1
-		},
-		allowClear: {
-			type: Boolean,
-			default: !1
-		},
-		filterOption: {
-			type: [Boolean, Function],
-			default: !0
-		},
-		notFoundContent: { default: "Not Found" },
-		disabled: { type: Boolean },
-		readOnly: { type: Boolean },
-		status: {},
-		placeholder: {},
-		rows: { default: 3 }
-	}, {
-		modelValue: { default: "" },
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ d([
-		"change",
-		"select",
-		"search",
-		"focus",
-		"blur",
-		"clear",
-		"resize",
-		"popupScroll"
-	], ["update:modelValue"]),
-	setup(e, { expose: r, emit: u }) {
-		x((e) => ({ v21fd39a6: N.value }));
-		let d = ee(), A = u, j = te(e, "modelValue"), { componentUID: M } = t(), N = a(() => `--b-mentions-anchor-${M.value}`), P = a(() => `b-mentions-listbox-${M.value}`), F = g(null), I = g(null), L = g(!1), R = g(!1), z = g(-1), B = g(!1), V = g(""), H = g(""), U = g(0), W = a(() => Array.isArray(e.prefix) ? e.prefix : [e.prefix]), G = a(() => {
-			let t = H.value.toLowerCase();
-			return e.filterOption ? typeof e.filterOption == "function" ? e.options.filter((n) => e.filterOption(t, n)) : t ? e.options.filter((e) => (e.label ?? e.value).toLowerCase().includes(t)) : e.options : e.options;
-		}), K = a(() => !B.value || G.value.length === 0 && e.notFoundContent === null ? !1 : R.value), q = (e) => e.label ?? e.value;
-		function J() {
-			R.value || I.value?.showPopover();
-		}
-		function Y() {
-			R.value && I.value?.hidePopover();
-		}
-		function X({ newState: e }) {
-			let t = e === "open";
-			R.value = t, t && G.value.length > 0 ? z.value = 0 : t || (z.value = -1, B.value = !1);
-		}
-		function Z(t, n) {
-			for (let r of W.value) {
-				let i = t.slice(0, n), a = i.lastIndexOf(r);
-				if (a < 0) continue;
-				let o = i.slice(a + r.length);
-				if (!/\s/.test(o) && (a === 0 || t[a - 1] === e.split || /\s/.test(t[a - 1]))) return {
-					start: a,
-					prefix: r
-				};
-			}
-			return null;
-		}
-		function ne(e, t) {
-			let n = Z(e, t);
-			n ? (B.value = !0, V.value = n.prefix, U.value = n.start, H.value = e.slice(n.start + n.prefix.length, t), A("search", H.value, n.prefix), p(() => J())) : Q();
-		}
-		function Q() {
-			Y(), B.value = !1, H.value = "", V.value = "", U.value = 0;
-		}
-		function $(t) {
-			if (t.disabled) return;
-			let n = F.value;
-			if (!n) return;
-			let r = j.value ?? "", i = n.selectionStart, a = r.slice(0, U.value), o = r.slice(i), s = `${V.value}${t.value}`, c = o && !o.startsWith(e.split) && e.split, l = `${a}${s}${c ? e.split : ""}${o}`;
-			j.value = l, A("change", l), A("select", t, V.value), Q();
-			let u = a.length + s.length + (c ? e.split.length : 0);
-			p(() => {
-				n.focus(), n.setSelectionRange(u, u);
-			});
-		}
-		function re(e) {
-			let t = e.target, n = t.value;
-			j.value = n, A("change", n);
-			let r = t.selectionStart;
-			ne(n, r), le();
-		}
-		function ie(e) {
-			L.value = !0, A("focus", e);
-		}
-		function ae(e) {
-			let t = e.relatedTarget;
-			I.value?.contains(t) || (L.value = !1, A("blur", e), Q());
-		}
-		function oe(e) {
-			if (K.value) switch (e.key) {
-				case "ArrowDown": {
-					e.preventDefault();
-					let t = G.value;
-					if (t.length === 0) return;
-					let n = z.value + 1;
-					for (let e = 0; e < t.length; e++) {
-						let r = (n + e) % t.length;
-						if (!t[r].disabled) {
-							z.value = r;
-							break;
-						}
-					}
-					break;
-				}
-				case "ArrowUp": {
-					e.preventDefault();
-					let t = G.value;
-					if (t.length === 0) return;
-					let n = z.value - 1;
-					for (let e = 0; e < t.length; e++) {
-						let r = ((n - e) % t.length + t.length) % t.length;
-						if (!t[r].disabled) {
-							z.value = r;
-							break;
-						}
-					}
-					break;
-				}
-				case "Enter":
-					if (e.preventDefault(), z.value >= 0) {
-						let e = G.value[z.value];
-						e && !e.disabled && $(e);
-					}
-					break;
-				case "Escape":
-					e.preventDefault(), Q();
-					break;
-			}
-		}
-		function se() {
-			j.value = "", A("change", ""), A("clear"), Q(), F.value?.focus();
-		}
-		function ce(e) {
-			A("popupScroll", e);
-		}
-		function le() {
-			if (!e.autoSize || !F.value) return;
-			let t = F.value;
-			t.style.height = "auto";
-			let n = typeof e.autoSize == "object" ? e.autoSize : {}, r = parseFloat(getComputedStyle(t).lineHeight) || 20, i = t.scrollHeight;
-			n.minRows && (i = Math.max(i, n.minRows * r)), n.maxRows && (i = Math.min(i, n.maxRows * r)), t.style.height = `${i}px`, A("resize", {
-				width: t.offsetWidth,
-				height: i
-			});
-		}
-		return S(z, () => {
-			p(() => {
-				(I.value?.querySelector("[data-active=\"true\"]"))?.scrollIntoView({ block: "nearest" });
-			});
-		}), S(j, (e) => {
-			F.value && F.value.value !== e && (F.value.value = e ?? "");
-		}), r({
-			focus: () => F.value?.focus(),
-			blur: () => F.value?.blur()
-		}), (t, r) => (h(), s("div", {
-			class: m(["b-mentions", [
-				`b-mentions--${e.size}`,
-				`b-mentions--${e.variant}`,
-				{
-					"b-mentions--focused": L.value,
-					"b-mentions--disabled": e.disabled,
-					"b-mentions--error": e.status === b(n).Error,
-					"b-mentions--warning": e.status === b(n).Warning,
-					"b-mentions--has-clear": e.allowClear
-				}
-			]]),
-			role: "combobox",
-			"aria-label": e.placeholder || "Mentions input",
-			"aria-expanded": K.value,
-			"aria-haspopup": "listbox",
-			"aria-controls": K.value ? P.value : void 0
-		}, [
-			c("textarea", f({
-				ref_key: "textareaRef",
-				ref: F
-			}, b(d), {
-				value: j.value,
-				class: "b-mentions__textarea",
-				placeholder: e.placeholder,
-				disabled: e.disabled,
-				readonly: e.readOnly,
-				rows: e.autoSize ? void 0 : e.rows,
-				"aria-label": e.placeholder || "Mentions input",
-				autocomplete: "off",
-				"aria-activedescendant": z.value >= 0 ? `${P.value}-option-${z.value}` : void 0,
-				"aria-autocomplete": "list",
-				onInput: re,
-				onFocus: ie,
-				onBlur: ae,
-				onKeydown: oe
-			}), null, 16, T),
-			e.allowClear && j.value && !e.disabled ? (h(), s("button", {
-				key: 0,
-				type: "button",
-				class: "b-mentions__clear",
-				"aria-label": "Clear input",
-				tabindex: "-1",
-				onMousedown: C(se, ["prevent"])
-			}, null, 32)) : o("", !0),
-			B.value || R.value ? (h(), s("div", {
-				key: 1,
-				ref_key: "menuRef",
-				ref: I,
-				id: P.value,
-				class: "b-mentions__dropdown",
-				popover: "manual",
-				role: "listbox",
-				"aria-label": `Mention suggestions for ${V.value}`,
-				onToggle: X,
-				onScroll: ce
-			}, [G.value.length > 0 ? (h(), s("ul", D, [(h(!0), s(i, null, _(G.value, (e, n) => (h(), s("li", {
-				key: e.value,
-				id: `${P.value}-option-${n}`,
-				class: m(["b-mentions__option", {
-					"b-mentions__option--active": n === z.value && !e.disabled,
-					"b-mentions__option--disabled": e.disabled
-				}]),
-				"data-active": n === z.value,
-				"aria-selected": n === z.value,
-				"aria-disabled": e.disabled ?? !1,
-				role: "option",
-				onMousedown: C((t) => $(e), ["prevent"]),
-				onMouseenter: (e) => z.value = n
-			}, [v(t.$slots, "option", {
-				option: e,
-				index: n
-			}, () => [l(y(q(e)), 1)], !0)], 42, O))), 128))])) : e.notFoundContent ? (h(), s("div", k, [v(t.$slots, "notFoundContent", {}, () => [l(y(e.notFoundContent), 1)], !0)])) : o("", !0)], 40, E)) : o("", !0)
-		], 10, w));
-	}
-});
-//#endregion
-export { A as default };
-
-//# sourceMappingURL=design-system124.js.map

package/dist/design-system127.js

@@ -1,19 +0,0 @@
-import { createElementBlock as e, defineComponent as t, normalizeClass as n, openBlock as r } from "vue";
-//#region src/components/BMenu/BMenuDivider.vue?vue&type=script&setup=true&lang.ts
-var i = /* @__PURE__ */ t({
-	__name: "BMenuDivider",
-	props: { dashed: {
-		type: Boolean,
-		default: !1
-	} },
-	setup(t) {
-		return (i, a) => (r(), e("li", {
-			class: n(["b-menu-divider", { "b-menu-divider--dashed": t.dashed }]),
-			role: "separator"
-		}, null, 2));
-	}
-});
-//#endregion
-export { i as default };
-
-//# sourceMappingURL=design-system127.js.map

package/dist/design-system130.js

@@ -1,15 +0,0 @@
-//#region src/components/BMenu/types.ts
-var e = Symbol("BMenuContext"), t = Symbol("BMenuSubMenuContext");
-function n(e) {
-	return "children" in e && ("type" in e ? e.type !== "group" : !0);
-}
-function r(e) {
-	return "type" in e && e.type === "group";
-}
-function i(e) {
-	return "type" in e && e.type === "divider";
-}
-//#endregion
-export { e as BMenuContextKey, t as BMenuSubMenuContextKey, i as isDivider, r as isItemGroup, n as isSubMenu };
-
-//# sourceMappingURL=design-system130.js.map

package/dist/design-system130.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-system130.js","names":[],"sources":["../src/components/BMenu/types.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue';\n\n// ─────────────────────────────────────────────\n// Enums & Literals\n// ─────────────────────────────────────────────\nexport type BMenuMode = 'horizontal' | 'vertical' | 'inline';\nexport type BMenuTheme = 'light' | 'dark';\nexport type BMenuTriggerAction = 'hover' | 'click';\n\n// ─────────────────────────────────────────────\n// Item types (data-driven API)\n// ─────────────────────────────────────────────\nexport interface BMenuItemType {\n  key: string;\n  label?: string;\n  icon?: string;\n  disabled?: boolean;\n  danger?: boolean;\n  title?: string;\n  extra?: string;\n}\n\nexport interface BMenuSubMenuType {\n  key: string;\n  label?: string;\n  icon?: string;\n  disabled?: boolean;\n  children?: BMenuItemUnion[];\n  popupClassName?: string;\n}\n\nexport interface BMenuItemGroupType {\n  type: 'group';\n  key?: string;\n  label?: string;\n  children?: BMenuItemType[];\n}\n\nexport interface BMenuDividerType {\n  type: 'divider';\n  key?: string;\n  dashed?: boolean;\n}\n\nexport type BMenuItemUnion =\n  | BMenuItemType\n  | BMenuSubMenuType\n  | BMenuItemGroupType\n  | BMenuDividerType;\n\n// ─────────────────────────────────────────────\n// Event payloads\n// ─────────────────────────────────────────────\nexport interface BMenuClickInfo {\n  key: string;\n  keyPath: string[];\n  domEvent: MouseEvent | KeyboardEvent;\n}\n\nexport interface BMenuSelectInfo {\n  key: string;\n  keyPath: string[];\n  selectedKeys: string[];\n  domEvent: MouseEvent | KeyboardEvent;\n}\n\n// ─────────────────────────────────────────────\n// Context (provided by BMenu to children)\n// ─────────────────────────────────────────────\nexport interface BMenuContext {\n  mode: ComputedRef<BMenuMode>;\n  theme: ComputedRef<BMenuTheme>;\n  inlineCollapsed: ComputedRef<boolean>;\n  inlineIndent: ComputedRef<number>;\n  selectedKeys: ComputedRef<string[]>;\n  openKeys: ComputedRef<string[]>;\n  multiple: ComputedRef<boolean>;\n  selectable: ComputedRef<boolean>;\n  triggerSubMenuAction: ComputedRef<BMenuTriggerAction>;\n  subMenuOpenDelay: ComputedRef<number>;\n  subMenuCloseDelay: ComputedRef<number>;\n  onItemClick: (info: BMenuClickInfo) => void;\n  onOpenChange: (key: string, open: boolean) => void;\n  registerKeyPath: (key: string, path: string[]) => void;\n}\n\nexport const BMenuContextKey: InjectionKey<BMenuContext> = Symbol('BMenuContext');\n\n// ─────────────────────────────────────────────\n// SubMenu context (nesting depth)\n// ─────────────────────────────────────────────\nexport interface BMenuSubMenuContext {\n  level: number;\n  keyPath: string[];\n}\n\nexport const BMenuSubMenuContextKey: InjectionKey<BMenuSubMenuContext> =\n  Symbol('BMenuSubMenuContext');\n\n// ─────────────────────────────────────────────\n// Helpers\n// ─────────────────────────────────────────────\nexport function isSubMenu(item: BMenuItemUnion): item is BMenuSubMenuType {\n  return 'children' in item && ('type' in item ? item.type !== 'group' : true);\n}\n\nexport function isItemGroup(item: BMenuItemUnion): item is BMenuItemGroupType {\n  return 'type' in item && item.type === 'group';\n}\n\nexport function isDivider(item: BMenuItemUnion): item is BMenuDividerType {\n  return 'type' in item && item.type === 'divider';\n}\n\nexport function isMenuItem(item: BMenuItemUnion): item is BMenuItemType {\n  return !isSubMenu(item) && !isItemGroup(item) && !isDivider(item);\n}\n"],"mappings":";AAsFA,IAAa,IAA8C,OAAO,eAAe,EAUpE,IACX,OAAO,sBAAsB;AAK/B,SAAgB,EAAU,GAAgD;AACxE,QAAO,cAAc,MAAS,UAAU,IAAO,EAAK,SAAS,UAAU;;AAGzE,SAAgB,EAAY,GAAkD;AAC5E,QAAO,UAAU,KAAQ,EAAK,SAAS;;AAGzC,SAAgB,EAAU,GAAgD;AACxE,QAAO,UAAU,KAAQ,EAAK,SAAS"}

package/dist/design-system133.js

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

package/dist/design-system133.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"design-system133.js","names":[],"sources":["../src/components/BMenu/BMenuItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, inject, onMounted } from 'vue';\nimport {\n  BMenuContextKey,\n  BMenuSubMenuContextKey,\n  type BMenuClickInfo,\n  type BMenuContext,\n  type BMenuSubMenuContext,\n} from './types';\n\n// ─────────────────────────────────────────────\n// Props\n// ─────────────────────────────────────────────\nconst {\n  itemKey,\n  label = '',\n  icon = undefined,\n  disabled = false,\n  danger = false,\n  extra = undefined,\n  title = undefined,\n} = defineProps<{\n  /** Unique key identifying this menu item. */\n  itemKey: string;\n  /** Display label text. */\n  label?: string;\n  /** Icon name rendered before the label. */\n  icon?: string;\n  /** Whether the item is disabled. @default false */\n  disabled?: boolean;\n  /** Display with danger (red) styling. @default false */\n  danger?: boolean;\n  /** Extra content at the right side. */\n  extra?: string;\n  /** Tooltip title when collapsed. */\n  title?: string;\n}>();\n\ndefineSlots<{\n  default?(): unknown;\n  icon?(): unknown;\n  extra?(): unknown;\n}>();\n\n// ─────────────────────────────────────────────\n// Inject context\n// ─────────────────────────────────────────────\nconst menu = inject<BMenuContext>(BMenuContextKey)!;\nconst subMenuCtx = inject<BMenuSubMenuContext | null>(BMenuSubMenuContextKey, null);\n\nconst level = computed(() => (subMenuCtx?.level ?? 0) + 1);\nconst keyPath = computed(() => [...(subMenuCtx?.keyPath ?? []), itemKey]);\n\n// Register key path with root menu\nonMounted(() => {\n  menu.registerKeyPath(itemKey, keyPath.value);\n});\n\n// ─────────────────────────────────────────────\n// Computed\n// ─────────────────────────────────────────────\nconst isSelected = computed(() => menu.selectedKeys.value.includes(itemKey));\n\nconst itemRole = computed(() => {\n  if (!menu.selectable.value) return 'menuitem';\n  return menu.multiple.value ? 'menuitemcheckbox' : 'menuitemradio';\n});\n\nconst paddingLeft = computed(() => {\n  if (menu.mode.value !== 'inline') return undefined;\n  if (menu.inlineCollapsed.value) return undefined;\n  return `${level.value * menu.inlineIndent.value}px`;\n});\n\nconst itemClasses = computed(() => [\n  'b-menu-item',\n  {\n    'b-menu-item--selected': isSelected.value,\n    'b-menu-item--disabled': disabled,\n    'b-menu-item--danger': danger,\n    'b-menu-item--collapsed': menu.inlineCollapsed.value,\n    'b-menu-item--horizontal': menu.mode.value === 'horizontal',\n  },\n]);\n\n// ─────────────────────────────────────────────\n// Handlers\n// ─────────────────────────────────────────────\nfunction handleClick(e: MouseEvent) {\n  if (disabled) return;\n\n  const info: BMenuClickInfo = {\n    key: itemKey,\n    keyPath: keyPath.value,\n    domEvent: e,\n  };\n  menu.onItemClick(info);\n}\n\nfunction handleKeydown(e: KeyboardEvent) {\n  if (disabled) return;\n\n  if (e.key === 'Enter' || e.key === ' ') {\n    e.preventDefault();\n    const info: BMenuClickInfo = {\n      key: itemKey,\n      keyPath: keyPath.value,\n      domEvent: e,\n    };\n    menu.onItemClick(info);\n  }\n}\n</script>\n\n<template>\n  <li\n    :class=\"itemClasses\"\n    :style=\"{ paddingInlineStart: paddingLeft }\"\n    :role=\"itemRole\"\n    :tabindex=\"disabled ? -1 : 0\"\n    :aria-disabled=\"disabled || undefined\"\n    :aria-checked=\"menu.selectable.value ? isSelected : undefined\"\n    :title=\"title ?? (menu.inlineCollapsed.value ? label : undefined)\"\n    :data-menu-key=\"itemKey\"\n    @click=\"handleClick\"\n    @keydown=\"handleKeydown\"\n  >\n    <span v-if=\"icon || $slots.icon\" class=\"b-menu-item__icon\" aria-hidden=\"true\">\n      <slot name=\"icon\">{{ icon }}</slot>\n    </span>\n    <span v-if=\"!menu.inlineCollapsed.value\" class=\"b-menu-item__label\">\n      <slot>{{ label }}</slot>\n    </span>\n    <span v-if=\"extra && !menu.inlineCollapsed.value\" class=\"b-menu-item__extra\">\n      <slot name=\"extra\">{{ extra }}</slot>\n    </span>\n  </li>\n</template>\n\n<style>\n/* ─────────────────────────────────────────────\n   BMenuItem\n   ───────────────────────────────────────────── */\n.b-menu-item {\n  display: flex;\n  align-items: center;\n  height: var(--b-menu-item-height);\n  margin-block: var(--b-menu-item-margin-block);\n  margin-inline: var(--b-menu-item-margin-inline);\n  padding-inline: var(--b-menu-item-padding-inline);\n  border-radius: var(--b-menu-item-border-radius);\n  color: var(--b-menu-item-color);\n  cursor: pointer;\n  user-select: none;\n  list-style: none;\n  outline: none;\n  position: relative;\n  transition:\n    background var(--b-menu-transition-duration),\n    color var(--b-menu-transition-duration),\n    padding var(--b-menu-transition-duration);\n  box-sizing: border-box;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.b-menu-item:hover:not(.b-menu-item--disabled) {\n  background: var(--b-menu-item-hover-bg);\n  color: var(--b-menu-item-hover-color);\n}\n\n.b-menu-item:focus-visible {\n  outline: 2px solid #1677ff;\n  outline-offset: -2px;\n}\n\n/* ── Selected ── */\n.b-menu-item--selected {\n  background: var(--b-menu-item-selected-bg);\n  color: var(--b-menu-item-selected-color);\n  font-weight: 500;\n}\n\n/* ── Disabled ── */\n.b-menu-item--disabled {\n  color: var(--b-menu-item-disabled-color);\n  cursor: not-allowed;\n}\n\n/* ── Danger ── */\n.b-menu-item--danger {\n  color: var(--b-menu-danger-item-color);\n}\n\n.b-menu-item--danger:hover:not(.b-menu-item--disabled) {\n  color: var(--b-menu-danger-item-hover-color);\n  background: var(--b-menu-danger-item-active-bg);\n}\n\n.b-menu-item--danger.b-menu-item--selected {\n  background: var(--b-menu-danger-item-selected-bg);\n  color: var(--b-menu-danger-item-selected-color);\n}\n\n/* ── Collapsed ── */\n.b-menu-item--collapsed {\n  justify-content: center;\n  padding-inline: 0;\n}\n\n.b-menu-item--collapsed .b-menu-item__icon {\n  font-size: var(--b-menu-collapsed-icon-size);\n  margin-inline-end: 0;\n}\n\n/* ── Horizontal mode ── */\n.b-menu-item--horizontal {\n  margin-block: 0;\n  border-radius: var(--b-menu-horizontal-item-border-radius);\n  height: auto;\n  line-height: var(--b-menu-horizontal-line-height);\n  position: relative;\n}\n\n.b-menu-item--horizontal::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: var(--b-menu-item-padding-inline);\n  right: var(--b-menu-item-padding-inline);\n  height: var(--b-menu-active-bar-height);\n  background: transparent;\n  transition: background var(--b-menu-transition-duration);\n}\n\n.b-menu-item--horizontal:hover:not(.b-menu-item--disabled) {\n  background: var(--b-menu-horizontal-item-hover-bg);\n  color: var(--b-menu-horizontal-item-hover-color);\n}\n\n.b-menu-item--horizontal.b-menu-item--selected {\n  background: var(--b-menu-horizontal-item-selected-bg);\n  color: var(--b-menu-horizontal-item-selected-color);\n}\n\n.b-menu-item--horizontal.b-menu-item--selected::after {\n  background: var(--b-menu-horizontal-item-selected-color);\n}\n\n/* ─────────────────────────────────────────────\n   Icon & Label\n   ───────────────────────────────────────────── */\n.b-menu-item__icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  font-size: var(--b-menu-icon-size);\n  margin-inline-end: var(--b-menu-icon-margin-inline-end);\n}\n\n.b-menu-item__label {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.b-menu-item__extra {\n  margin-inline-start: auto;\n  padding-inline-start: 8px;\n  color: var(--b-menu-group-title-color);\n  font-size: 12px;\n}\n\n/* ── Reduced motion ── */\n@media (prefers-reduced-motion: reduce) {\n  .b-menu-item {\n    transition: none;\n  }\n\n  .b-menu-item--horizontal::after {\n    transition: none;\n  }\n}\n</style>\n"],"mappings":""}