@7pmlabs/design-system 1.0.10 → 2.0.0

package/dist/design-system97.js

@@ -1,9 +1,8 @@
-import e from "./design-system14.js";
-import t from "./design-system95.js";
+import e from "./design-system95.js";
 /* empty css                */
-//#region src/components/BForm/BForm.vue
-var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-cf5d3049"]]);
+//#region src/components/BFloatButton/BFloatButtonBackTop.vue
+var t = e;
 //#endregion
-export { n as default };
+export { t as default };
 
 //# sourceMappingURL=design-system97.js.map

package/dist/design-system97.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system97.js","names":[],"sources":["../src/components/BForm/BForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useValidationForm } from '@/composables/useValidation.ts';\nimport { computed, provide, ref } from 'vue';\nimport { BFormContextKey } from './context.ts';\nimport {\n  BFormLayout,\n  BFormLabelAlign,\n  BFormRequiredMark,\n  BFormValidateTrigger,\n  type BFormFieldError,\n  type BFormItemContext,\n  type BFormValidateResult,\n} from './types.ts';\n\nconst {\n  layout = BFormLayout.Horizontal,\n  labelAlign = BFormLabelAlign.Left,\n  labelWidth,\n  colon = true,\n  disabled = false,\n  requiredMark = true,\n  name,\n  model,\n  scrollToFirstError = false,\n  validateTrigger = BFormValidateTrigger.Change,\n  noHtml5Validate = false,\n} = defineProps<{\n  /** Form layout mode. */\n  layout?: `${BFormLayout}`;\n  /** Label text alignment. */\n  labelAlign?: `${BFormLabelAlign}`;\n  /** Fixed width for all labels. */\n  labelWidth?: string;\n  /** Display colon after label (horizontal layout only). */\n  colon?: boolean;\n  /** Whether all form controls are disabled. */\n  disabled?: boolean;\n  /** How required/optional marks are displayed. */\n  requiredMark?: boolean | `${BFormRequiredMark}`;\n  /** Form name, used as field id prefix. */\n  name?: string;\n  /** Form data model object. Fields read their value from model[fieldName]. */\n  model?: Record<string, unknown>;\n  /** Auto-scroll to first validation error on submit failure. */\n  scrollToFirstError?: boolean | ScrollIntoViewOptions;\n  /** Default field validation trigger. */\n  validateTrigger?: `${BFormValidateTrigger}` | `${BFormValidateTrigger}`[];\n  /** Disable native HTML5 validation. */\n  noHtml5Validate?: boolean;\n}>();\n\nconst emit = defineEmits<{\n  /** Called after successful validation on submit. */\n  finish: [values: Record<string, unknown>];\n  /** Called when validation fails on submit. */\n  finishFailed: [result: BFormValidateResult];\n}>();\n\nconst formEl = ref<HTMLFormElement | null>(null);\n\nconst { fields, validateAll, resetAll, isValid } = useValidationForm();\n\nconst formContext = computed<BFormItemContext>(() => ({\n  layout,\n  labelAlign,\n  labelWidth,\n  colon,\n  disabled,\n  requiredMark,\n  validateTrigger,\n  model,\n}));\n\nprovide(BFormContextKey, formContext.value);\n\nconst validate = (): boolean => {\n  return validateAll();\n};\n\nconst buildResult = (): BFormValidateResult => {\n  const errorFields: BFormFieldError[] = [];\n  const values: Record<string, unknown> = {};\n\n  for (const [key, fieldState] of Object.entries(fields)) {\n    values[key] = model?.[key];\n    if (!fieldState.value.isValid) {\n      errorFields.push({ name: key, errors: fieldState.value.errors });\n    }\n  }\n\n  return { values, errorFields };\n};\n\nconst resetFields = (names?: string[]) => {\n  if (!names) {\n    resetAll();\n    return;\n  }\n  for (const fieldName of names) {\n    if (fields[fieldName]) {\n      fields[fieldName].value.reset();\n    }\n  }\n};\n\nconst scrollToField = (fieldName: string, options?: ScrollIntoViewOptions) => {\n  const el = formEl.value?.querySelector(`[data-form-field=\"${fieldName}\"]`);\n  if (el) {\n    el.scrollIntoView(options ?? { behavior: 'smooth', block: 'center' });\n  }\n};\n\nconst handleSubmit = (e: Event) => {\n  e.preventDefault();\n  const allValid = validate();\n  const result = buildResult();\n\n  if (allValid) {\n    emit('finish', result.values);\n  } else {\n    emit('finishFailed', result);\n    if (scrollToFirstError && result.errorFields.length > 0) {\n      const opts =\n        typeof scrollToFirstError === 'object' ? scrollToFirstError : { behavior: 'smooth' as const, block: 'center' as const };\n      scrollToField(result.errorFields[0].name, opts);\n    }\n  }\n};\n\nconst formClasses = computed(() => [\n  'b-form',\n  `b-form--${layout}`,\n  `b-form--label-${labelAlign}`,\n  {\n    'b-form--disabled': disabled,\n  },\n]);\n\ndefineExpose({\n  validate,\n  resetFields,\n  scrollToField,\n  isValid,\n});\n</script>\n\n<template>\n  <form\n    ref=\"formEl\"\n    :class=\"formClasses\"\n    :name=\"name\"\n    :novalidate=\"noHtml5Validate\"\n    role=\"form\"\n    :aria-label=\"name\"\n    @submit=\"handleSubmit\"\n  >\n    <slot />\n  </form>\n</template>\n\n<style scoped>\n.b-form {\n  --b-form-item-margin-bottom: 24px;\n  --b-form-inline-item-margin-bottom: 0;\n  --b-form-label-color: rgba(0, 0, 0, 0.88);\n  --b-form-label-font-size: 14px;\n  --b-form-label-height: 32px;\n  --b-form-label-colon-margin-inline-start: 2px;\n  --b-form-label-colon-margin-inline-end: 8px;\n  --b-form-label-required-mark-color: #cf1322;\n  --b-form-vertical-label-margin: 0;\n  --b-form-vertical-label-padding: 0 0 8px;\n  --b-form-help-color: rgba(0, 0, 0, 0.65);\n  --b-form-error-color: #cf1322;\n  --b-form-warning-color: #874d00;\n  --b-form-success-color: #52c41a;\n\n  margin: 0;\n  padding: 0;\n  font-size: var(--b-form-label-font-size);\n  color: var(--b-form-label-color);\n}\n\n.b-form--inline {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  align-items: flex-end;\n}\n\n[data-prefers-color='dark'] .b-form {\n  --b-form-label-color: rgba(255, 255, 255, 0.88);\n  --b-form-label-required-mark-color: #dc3838;\n  --b-form-help-color: rgba(255, 255, 255, 0.65);\n  --b-form-error-color: #dc3838;\n  --b-form-warning-color: #d1a300;\n  --b-form-success-color: #49aa19;\n}\n\n@media (prefers-color-scheme: dark) {\n  [data-prefers-color='system'] .b-form {\n    --b-form-label-color: rgba(255, 255, 255, 0.88);\n    --b-form-label-required-mark-color: #dc3838;\n    --b-form-help-color: rgba(255, 255, 255, 0.65);\n    --b-form-error-color: #dc3838;\n    --b-form-warning-color: #d1a300;\n    --b-form-success-color: #49aa19;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .b-form :deep(.b-form-item__help) {\n    transition: none;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"design-system97.js","names":[],"sources":["../src/components/BFloatButton/BFloatButtonBackTop.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, ref } from 'vue';\nimport BFloatButton from './BFloatButton.vue';\nimport { BFloatButtonShape, BFloatButtonType } from './types.ts';\n\n// ─────────────────────────────────────────────\n// Props & emits\n// ─────────────────────────────────────────────\nconst {\n  duration = 450,\n  target,\n  visibilityHeight = 400,\n  shape = BFloatButtonShape.Circle,\n  type = BFloatButtonType.Default,\n} = defineProps<{\n  /**\n   * Scroll animation duration in milliseconds.\n   * @default 450\n   */\n  duration?: number;\n  /**\n   * A function that returns the scrollable container.\n   * Defaults to `window`. May return `null` (e.g. if the element hasn't mounted yet).\n   */\n  target?: () => HTMLElement | Window | null;\n  /**\n   * The button becomes visible when the scroll position exceeds this value (px).\n   * @default 400\n   */\n  visibilityHeight?: number;\n  /**\n   * Shape of the back-top button.\n   * @default 'circle'\n   */\n  shape?: `${BFloatButtonShape}`;\n  /**\n   * Type of the back-top button.\n   * @default 'default'\n   */\n  type?: `${BFloatButtonType}`;\n}>();\n\nconst emit = defineEmits<{\n  /** Emitted when the back-top button is clicked. */\n  (e: 'click', event: MouseEvent): void;\n}>();\n\ndefineSlots<{\n  /** Custom content for the button. If omitted, renders an up-arrow icon. */\n  default?(): unknown;\n}>();\n\n// ─────────────────────────────────────────────\n// Scroll logic\n// ─────────────────────────────────────────────\nconst visible = ref(false);\nlet scrollContainer: HTMLElement | Window = window;\n\nfunction getScrollTop(): number {\n  if (scrollContainer === window) return window.scrollY;\n  return (scrollContainer as HTMLElement).scrollTop;\n}\n\nfunction onScroll() {\n  visible.value = getScrollTop() > visibilityHeight;\n}\n\nfunction easeInOutCubic(t: number): number {\n  return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;\n}\n\nfunction scrollToTop() {\n  const startTime = performance.now();\n  const startTop = getScrollTop();\n\n  function step(now: number) {\n    const elapsed = now - startTime;\n    const progress = Math.min(elapsed / duration, 1);\n    const eased = easeInOutCubic(progress);\n    const newTop = startTop * (1 - eased);\n\n    if (scrollContainer === window) {\n      window.scrollTo(0, newTop);\n    } else {\n      (scrollContainer as HTMLElement).scrollTop = newTop;\n    }\n\n    if (progress < 1) {\n      requestAnimationFrame(step);\n    }\n  }\n\n  requestAnimationFrame(step);\n}\n\nfunction handleClick(event: MouseEvent) {\n  scrollToTop();\n  emit('click', event);\n}\n\nonMounted(() => {\n  scrollContainer = target?.() ?? window;\n  scrollContainer.addEventListener('scroll', onScroll, { passive: true });\n  onScroll();\n});\n\nonBeforeUnmount(() => {\n  scrollContainer.removeEventListener('scroll', onScroll);\n});\n\nconst isVisible = visible;\n</script>\n\n<template>\n  <Transition name=\"b-float-button-backtop\">\n    <BFloatButton\n      v-if=\"isVisible\"\n      :shape=\"shape\"\n      :type=\"type\"\n      aria-label=\"Back to top\"\n      class=\"b-float-button-backtop\"\n      @click=\"handleClick\"\n    >\n      <template #icon>\n        <slot>\n          <!-- Default: up arrow -->\n          <svg\n            width=\"1em\"\n            height=\"1em\"\n            viewBox=\"0 0 24 24\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n          >\n            <path d=\"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z\" />\n          </svg>\n        </slot>\n      </template>\n    </BFloatButton>\n  </Transition>\n</template>\n\n<style>\n/* ─────────────────────────────────────────────\n   BackTop enter/leave transitions\n   ───────────────────────────────────────────── */\n.b-float-button-backtop-enter-active,\n.b-float-button-backtop-leave-active {\n  transition:\n    opacity 300ms ease,\n    transform 300ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.b-float-button-backtop-enter-from,\n.b-float-button-backtop-leave-to {\n  opacity: 0;\n  transform: scale(0.8);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .b-float-button-backtop-enter-active,\n  .b-float-button-backtop-leave-active {\n    transition-duration: 0ms;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/design-system98.js

@@ -1,209 +1,91 @@
-import { useComponentId as e } from "./design-system10.js";
-import { useValidationField as t } from "./design-system92.js";
-import { BFormContextKey as n } from "./design-system93.js";
-import { BFormLayout as r, BFormRequiredMark as i, BFormValidateStatus as a, BFormValidateTrigger as o } from "./design-system94.js";
-import { computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, defineComponent as f, inject as p, normalizeClass as m, normalizeStyle as h, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, watch as b } from "vue";
-//#region src/components/BForm/BFormItem.vue?vue&type=script&setup=true&lang.ts
-var x = ["data-form-field", "aria-labelledby"], S = ["id", "for"], C = {
-	key: 0,
-	class: "b-form-item__required-mark",
+import { BFloatButtonGroupPlacement as e, BFloatButtonShape as t, BFloatButtonTrigger as n } from "./design-system91.js";
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, onBeforeUnmount as l, openBlock as u, provide as d, ref as f, renderSlot as p, watch as m } from "vue";
+//#region src/components/BFloatButton/BFloatButtonGroup.vue?vue&type=script&setup=true&lang.ts
+var h = ["role", "aria-label"], g = ["aria-hidden", "inert"], _ = ["aria-expanded", "aria-label"], v = { class: "b-float-button__body" }, y = {
+	class: "b-float-button__icon",
 	"aria-hidden": "true"
-}, w = {
-	key: 1,
-	class: "b-form-item__optional-mark"
-}, T = {
-	key: 2,
-	class: "b-form-item__colon",
-	"aria-hidden": "true"
-}, E = ["title"], D = { class: "b-form-item__control" }, O = { class: "b-form-item__control-input" }, k = {
-	key: 0,
-	class: "b-form-item__feedback-icon"
-}, ee = {
-	key: 0,
-	viewBox: "64 64 896 896",
-	width: "14",
-	height: "14",
-	fill: "currentColor",
-	"aria-hidden": "true"
-}, te = {
-	key: 1,
-	viewBox: "64 64 896 896",
-	width: "14",
-	height: "14",
-	fill: "currentColor",
-	"aria-hidden": "true"
-}, A = {
-	key: 2,
-	viewBox: "64 64 896 896",
-	width: "14",
-	height: "14",
-	fill: "currentColor",
-	"aria-hidden": "true"
-}, j = {
-	key: 3,
-	class: "b-form-item__loading-icon"
-}, M = ["id"], N = {
-	key: 1,
-	class: "b-form-item__extra"
-}, P = /* @__PURE__ */ f({
-	__name: "BFormItem",
+}, b = /* @__PURE__ */ s({
+	__name: "BFloatButtonGroup",
 	props: {
-		label: {},
-		name: {},
-		schema: {},
-		required: {
-			type: Boolean,
-			default: !1
-		},
-		validateStatus: {},
-		help: {},
-		extra: {},
-		colon: {
-			type: [Boolean, null],
-			default: null
-		},
-		labelAlign: {},
-		labelWidth: {},
-		hidden: {
-			type: Boolean,
-			default: !1
-		},
-		noStyle: {
-			type: Boolean,
-			default: !1
-		},
-		hasFeedback: {
-			type: Boolean,
-			default: !1
-		},
-		validateTrigger: {},
-		tooltip: {},
-		layout: {}
+		open: { type: [Boolean, null] },
+		trigger: {},
+		placement: {},
+		shape: {},
+		closeIcon: {}
 	},
-	setup(f, { expose: P }) {
-		let F = p(n, void 0), { componentUID: I } = e(), L = s(() => `b-form-item-${f.name ? f.name + "-" : ""}${I.value}`), R = s(() => {
-			if (f.name && F?.model) return F.model[f.name];
-		}), z = _(R.value);
-		b(R, (e) => {
-			z.value = e;
-		});
-		let B = f.name && f.schema ? t(f.name, z, f.schema) : void 0, V = s(() => {
-			if (f.validateTrigger) return Array.isArray(f.validateTrigger) ? f.validateTrigger : [f.validateTrigger];
-			let e = F?.validateTrigger ?? o.Change;
-			return Array.isArray(e) ? e : [e];
-		}), H = () => {
-			B && V.value.includes(o.Blur) && (B.markTouched(), B.validate());
-		}, U = () => {
-			B && V.value.includes(o.Change) && B.validate();
-		};
-		b(R, () => {
-			U();
-		});
-		let W = s(() => {
-			if (f.validateStatus) return f.validateStatus;
-			if (B) {
-				if (B.errors.value.length > 0) return a.Error;
-				if (B.touched.value && B.isValid.value) return a.Success;
-			}
-		}), G = s(() => f.layout === void 0 ? F?.layout === void 0 ? r.Horizontal : F.layout : f.layout), K = s(() => f.labelAlign === void 0 ? F?.labelAlign === void 0 ? "right" : F.labelAlign : f.labelAlign), q = s(() => f.colon === null ? F?.colon === void 0 ? !0 : F.colon : f.colon), J = s(() => f.labelWidth ?? F?.labelWidth), Y = s(() => F?.disabled ?? !1), X = s(() => !!(f.required || f.schema && (!f.schema.safeParse(void 0).success || !f.schema.safeParse("").success))), Z = s(() => q.value && G.value === "horizontal"), Q = s(() => {
-			let e = F?.requiredMark ?? !0;
-			return e === !1 || e === i.Optional ? !1 : X.value;
-		}), ne = s(() => (F?.requiredMark ?? !0) === i.Optional && !X.value), $ = s(() => {
-			if (f.help !== void 0) return f.help;
-			if (B && B.errors.value.length > 0) return B.errors.value[0];
-		}), re = s(() => [
-			"b-form-item",
-			`b-form-item--${G.value}`,
-			{
-				"b-form-item--has-error": W.value === a.Error,
-				"b-form-item--has-warning": W.value === a.Warning,
-				"b-form-item--has-success": W.value === a.Success,
-				"b-form-item--validating": W.value === a.Validating,
-				"b-form-item--has-feedback": f.hasFeedback,
-				"b-form-item--hidden": f.hidden,
-				"b-form-item--no-style": f.noStyle,
-				"b-form-item--required": Q.value
-			}
-		]), ie = s(() => {
-			let e = {};
-			return J.value && (e.width = J.value, e.flexShrink = "0"), e;
-		});
-		return P({
-			validate: B?.validate ?? (() => !0),
-			reset: B?.reset ?? (() => {}),
-			errors: B?.errors ?? s(() => []),
-			isValid: B?.isValid ?? s(() => !0),
-			dirty: B?.dirty ?? s(() => !1),
-			touched: B?.touched ?? s(() => !1),
-			handleBlur: H
-		}), (e, t) => f.noStyle ? v(e.$slots, "default", {
-			key: 1,
-			id: L.value,
-			status: W.value,
-			disabled: Y.value,
-			onBlur: H
-		}, void 0, !0) : (g(), l("div", {
+	emits: ["openChange", "update:open"],
+	setup(s, { emit: b }) {
+		let x = s, S = b, C = f(!1);
+		m(() => x.open, (e) => {
+			e === !0 ? C.value = !0 : e === !1 && (C.value = !1);
+		}, { immediate: !0 });
+		function w(e) {
+			C.value = e, S("update:open", e), S("openChange", e);
+		}
+		function T() {
+			w(!C.value);
+		}
+		function E() {
+			w(!0);
+		}
+		function D() {
+			w(!1);
+		}
+		let O = null;
+		function k() {
+			x.trigger === n.Hover && (O &&= (clearTimeout(O), null), E());
+		}
+		function A() {
+			x.trigger === n.Hover && (O = setTimeout(() => D(), 100));
+		}
+		l(() => {
+			O && clearTimeout(O);
+		}), d("bFloatButtonGroupShape", r(() => x.shape ?? t.Circle));
+		let j = r(() => x.trigger !== void 0), M = r(() => `b-float-button-group--${x.placement ?? e.Top}`), N = r(() => `b-float-button-group--shape-${x.shape ?? t.Circle}`);
+		return (e, t) => (u(), a("div", {
+			class: c(["b-float-button-group", [
+				M.value,
+				N.value,
+				{
+					"b-float-button-group--menu": j.value,
+					"b-float-button-group--open": j.value && C.value
+				}
+			]]),
+			role: j.value ? void 0 : "group",
+			"aria-label": j.value ? void 0 : "Float button group",
+			onMouseenter: k,
+			onMouseleave: A
+		}, [o("div", {
+			class: "b-float-button-group__list",
+			"aria-hidden": j.value ? !C.value : void 0,
+			inert: j.value && !C.value ? !0 : void 0
+		}, [p(e.$slots, "default")], 8, g), j.value ? (u(), a("button", {
 			key: 0,
-			class: m(re.value),
-			"data-form-field": f.name,
-			role: "group",
-			"aria-labelledby": f.label ? `${L.value}-label` : void 0
-		}, [f.label || e.$slots.label ? (g(), l("div", {
-			key: 0,
-			class: m(["b-form-item__label", [`b-form-item__label--${K.value}`]]),
-			style: h(ie.value)
-		}, [u("label", {
-			id: `${L.value}-label`,
-			for: L.value
-		}, [
-			Q.value ? (g(), l("span", C, "*")) : c("", !0),
-			v(e.$slots, "label", {}, () => [d(y(f.label), 1)], !0),
-			ne.value ? (g(), l("span", w, "(optional)")) : c("", !0),
-			Z.value ? (g(), l("span", T, ":")) : c("", !0)
-		], 8, S), f.tooltip ? (g(), l("span", {
-			key: 0,
-			class: "b-form-item__tooltip",
-			title: f.tooltip,
-			role: "img",
-			"aria-label": "Help"
-		}, [...t[0] ||= [u("svg", {
-			viewBox: "64 64 896 896",
-			width: "14",
-			height: "14",
+			type: "button",
+			class: c(["b-float-button-group__trigger", [
+				"b-float-button",
+				`b-float-button--${x.shape ?? "circle"}`,
+				"b-float-button--primary"
+			]]),
+			"aria-expanded": C.value,
+			"aria-label": C.value ? "Collapse button group" : "Expand button group",
+			onClick: T
+		}, [o("span", v, [o("span", y, [C.value ? p(e.$slots, "closeIcon", { key: 0 }, () => [t[0] ||= o("svg", {
+			width: "1em",
+			height: "1em",
+			viewBox: "0 0 24 24",
+			fill: "currentColor",
+			"aria-hidden": "true"
+		}, [o("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })], -1)]) : p(e.$slots, "icon", { key: 1 }, () => [t[1] ||= o("svg", {
+			width: "1em",
+			height: "1em",
+			viewBox: "0 0 24 24",
 			fill: "currentColor",
 			"aria-hidden": "true"
-		}, [
-			u("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" }),
-			u("path", { d: "M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.4-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7c0-19.7 12.4-37.7 30.9-44.8 59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3z" }),
-			u("path", { d: "M512 732a40 40 0 100-80 40 40 0 000 80z" })
-		], -1)]], 8, E)) : c("", !0)], 6)) : c("", !0), u("div", D, [
-			u("div", O, [v(e.$slots, "default", {
-				id: L.value,
-				status: W.value,
-				disabled: Y.value,
-				onBlur: H
-			}, void 0, !0), f.hasFeedback && W.value ? (g(), l("span", k, [W.value === "success" ? (g(), l("svg", ee, [...t[1] ||= [u("path", { d: "M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z" }, null, -1)]])) : W.value === "error" ? (g(), l("svg", te, [...t[2] ||= [u("path", { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L512 449.8 295.9 191.7c-3-3.6-7.5-5.7-12.3-5.7H204c-6.8 0-10.5 7.9-6.1 13.1L460.2 512 197.8 824.9A7.95 7.95 0 00204 838h79.8c4.7 0 9.2-2.1 12.3-5.7L512 574.1l216.2 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" }, null, -1)]])) : W.value === "warning" ? (g(), l("svg", A, [...t[3] ||= [u("path", { d: "M464 720a48 48 0 1096 0 48 48 0 10-96 0zm16-304v184c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V416c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8z" }, null, -1), u("path", { d: "M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48z" }, null, -1)]])) : W.value === "validating" ? (g(), l("span", j, [...t[4] ||= [u("svg", {
-				viewBox: "0 0 1024 1024",
-				width: "14",
-				height: "14",
-				fill: "currentColor",
-				"aria-hidden": "true"
-			}, [u("path", { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.3 199.3 0 19.9-16.1 36-36 36z" })], -1)]])) : c("", !0)])) : c("", !0)]),
-			$.value || e.$slots.help ? (g(), l("div", {
-				key: 0,
-				class: m(["b-form-item__help", {
-					"b-form-item__help--error": W.value === "error",
-					"b-form-item__help--warning": W.value === "warning"
-				}]),
-				id: `${L.value}-help`,
-				role: "alert",
-				"aria-live": "polite"
-			}, [v(e.$slots, "help", {}, () => [d(y($.value), 1)], !0)], 10, M)) : c("", !0),
-			f.extra || e.$slots.extra ? (g(), l("div", N, [v(e.$slots, "extra", {}, () => [d(y(f.extra), 1)], !0)])) : c("", !0)
-		])], 10, x));
+		}, [o("path", { d: "M19 13H13v6h-2v-6H5v-2h6V5h2v6h6v2z" })], -1)])])])], 10, _)) : i("", !0)], 42, h));
 	}
 });
 //#endregion
-export { P as default };
+export { b as default };
 
 //# sourceMappingURL=design-system98.js.map

package/dist/design-system98.js.map

@@ -1 +1 @@
-{"version":3,"file":"design-system98.js","names":[],"sources":["../src/components/BForm/BFormItem.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle } from \"vue\"\n\nconst _hoisted_1 = [\"data-form-field\", \"aria-labelledby\"]\nconst _hoisted_2 = [\"id\", \"for\"]\nconst _hoisted_3 = {\n  key: 0,\n  class: \"b-form-item__required-mark\",\n  \"aria-hidden\": \"true\"\n}\nconst _hoisted_4 = {\n  key: 1,\n  class: \"b-form-item__optional-mark\"\n}\nconst _hoisted_5 = {\n  key: 2,\n  class: \"b-form-item__colon\",\n  \"aria-hidden\": \"true\"\n}\nconst _hoisted_6 = [\"title\"]\nconst _hoisted_7 = { class: \"b-form-item__control\" }\nconst _hoisted_8 = { class: \"b-form-item__control-input\" }\nconst _hoisted_9 = {\n  key: 0,\n  class: \"b-form-item__feedback-icon\"\n}\nconst _hoisted_10 = {\n  key: 0,\n  viewBox: \"64 64 896 896\",\n  width: \"14\",\n  height: \"14\",\n  fill: \"currentColor\",\n  \"aria-hidden\": \"true\"\n}\nconst _hoisted_11 = {\n  key: 1,\n  viewBox: \"64 64 896 896\",\n  width: \"14\",\n  height: \"14\",\n  fill: \"currentColor\",\n  \"aria-hidden\": \"true\"\n}\nconst _hoisted_12 = {\n  key: 2,\n  viewBox: \"64 64 896 896\",\n  width: \"14\",\n  height: \"14\",\n  fill: \"currentColor\",\n  \"aria-hidden\": \"true\"\n}\nconst _hoisted_13 = {\n  key: 3,\n  class: \"b-form-item__loading-icon\"\n}\nconst _hoisted_14 = [\"id\"]\nconst _hoisted_15 = {\n  key: 1,\n  class: \"b-form-item__extra\"\n}\n\nimport { useComponentId } from '@/composables/useComponentId.ts';\nimport { useValidationField } from '@/composables/useValidation.ts';\nimport { computed, inject, ref, watch } from 'vue';\nimport type { ZodType } from 'zod';\nimport { BFormContextKey } from './context.ts';\nimport {\n  BFormLayout,\n  BFormRequiredMark,\n  BFormValidateStatus,\n  BFormValidateTrigger,\n} from './types.ts';\n\n\nexport default /*@__PURE__*/_defineComponent({\n  __name: 'BFormItem',\n  props: {\n    label: {},\n    name: {},\n    schema: {},\n    required: { type: Boolean, default: false },\n    validateStatus: {},\n    help: {},\n    extra: {},\n    colon: { type: [Boolean, null], default: null },\n    labelAlign: {},\n    labelWidth: {},\n    hidden: { type: Boolean, default: false },\n    noStyle: { type: Boolean, default: false },\n    hasFeedback: { type: Boolean, default: false },\n    validateTrigger: {},\n    tooltip: {},\n    layout: {}\n  },\n  setup(__props: any, { expose: __expose }) {\n\n\n\nconst formContext = inject(BFormContextKey, undefined);\n\nconst { componentUID } = useComponentId();\nconst fieldId = computed(() => `b-form-item-${__props.name ? __props.name + '-' : ''}${componentUID.value}`);\n\nconst fieldValueRef = computed(() => {\n  if (__props.name && formContext?.model) {\n    return formContext.model[__props.name];\n  }\n  return undefined;\n});\n\nconst fieldValueAsRef = ref(fieldValueRef.value);\nwatch(fieldValueRef, (val) => {\n  fieldValueAsRef.value = val;\n});\n\nconst hasValidation = !!(__props.name && __props.schema);\n\nconst validation = hasValidation\n  ? useValidationField(__props.name!, fieldValueAsRef, __props.schema!)\n  : undefined;\n\nconst resolvedTrigger = computed(() => {\n  if (__props.validateTrigger) return Array.isArray(__props.validateTrigger) ? __props.validateTrigger : [__props.validateTrigger];\n  const parentTrigger = formContext?.validateTrigger ?? BFormValidateTrigger.Change;\n  return Array.isArray(parentTrigger) ? parentTrigger : [parentTrigger];\n});\n\nconst handleBlur = () => {\n  if (validation && resolvedTrigger.value.includes(BFormValidateTrigger.Blur)) {\n    validation.markTouched();\n    validation.validate();\n  }\n};\n\nconst handleChange = () => {\n  if (validation && resolvedTrigger.value.includes(BFormValidateTrigger.Change)) {\n    validation.validate();\n  }\n};\n\nwatch(fieldValueRef, () => {\n  handleChange();\n});\n\nconst computedStatus = computed<`${BFormValidateStatus}` | undefined>(() => {\n  if (__props.validateStatus) return __props.validateStatus;\n  if (!validation) return undefined;\n  if (validation.errors.value.length > 0) return BFormValidateStatus.Error;\n  if (validation.touched.value && validation.isValid.value) return BFormValidateStatus.Success;\n  return undefined;\n});\n\nconst resolvedLayout = computed(() => {\n  if (__props.layout !== undefined) return __props.layout;\n  if (formContext?.layout !== undefined) return formContext.layout;\n  return BFormLayout.Horizontal;\n});\nconst resolvedLabelAlign = computed(() => {\n  if (__props.labelAlign !== undefined) return __props.labelAlign;\n  if (formContext?.labelAlign !== undefined) return formContext.labelAlign;\n  return 'right';\n});\nconst resolvedColon = computed(() => {\n  if (__props.colon !== null) return __props.colon;\n  if (formContext?.colon !== undefined) return formContext.colon;\n  return true;\n});\nconst resolvedLabelWidth = computed(() => __props.labelWidth ?? formContext?.labelWidth);\nconst isDisabled = computed(() => formContext?.disabled ?? false);\n\nconst isRequired = computed(() => {\n  if (__props.required) return true;\n  if (__props.schema) {\n    const result = __props.schema.safeParse(undefined);\n    if (!result.success) return true;\n    const emptyResult = __props.schema.safeParse('');\n    if (!emptyResult.success) return true;\n  }\n  return false;\n});\n\nconst showColon = computed(() => resolvedColon.value && resolvedLayout.value === 'horizontal');\n\nconst showRequiredMark = computed(() => {\n  const mark = formContext?.requiredMark ?? true;\n  if (mark === false) return false;\n  if (mark === BFormRequiredMark.Optional) return false;\n  return isRequired.value;\n});\n\nconst showOptionalMark = computed(() => {\n  const mark = formContext?.requiredMark ?? true;\n  return mark === BFormRequiredMark.Optional && !isRequired.value;\n});\n\nconst helpMessage = computed(() => {\n  if (__props.help !== undefined) return __props.help;\n  if (validation && validation.errors.value.length > 0) return validation.errors.value[0];\n  return undefined;\n});\n\nconst itemClasses = computed(() => [\n  'b-form-item',\n  `b-form-item--${resolvedLayout.value}`,\n  {\n    'b-form-item--has-error': computedStatus.value === BFormValidateStatus.Error,\n    'b-form-item--has-warning': computedStatus.value === BFormValidateStatus.Warning,\n    'b-form-item--has-success': computedStatus.value === BFormValidateStatus.Success,\n    'b-form-item--validating': computedStatus.value === BFormValidateStatus.Validating,\n    'b-form-item--has-feedback': __props.hasFeedback,\n    'b-form-item--hidden': __props.hidden,\n    'b-form-item--no-style': __props.noStyle,\n    'b-form-item--required': showRequiredMark.value,\n  },\n]);\n\nconst labelStyle = computed(() => {\n  const styles: Record<string, string> = {};\n  if (resolvedLabelWidth.value) {\n    styles.width = resolvedLabelWidth.value;\n    styles.flexShrink = '0';\n  }\n  return styles;\n});\n\n__expose({\n  validate: validation?.validate ?? (() => true),\n  reset: validation?.reset ?? (() => {}),\n  errors: validation?.errors ?? computed(() => []),\n  isValid: validation?.isValid ?? computed(() => true),\n  dirty: validation?.dirty ?? computed(() => false),\n  touched: validation?.touched ?? computed(() => false),\n  handleBlur,\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (!__props.noStyle)\n    ? (_openBlock(), _createElementBlock(\"div\", {\n        key: 0,\n        class: _normalizeClass(itemClasses.value),\n        \"data-form-field\": __props.name,\n        role: \"group\",\n        \"aria-labelledby\": __props.label ? `${fieldId.value}-label` : undefined\n      }, [\n        (__props.label || _ctx.$slots.label)\n          ? (_openBlock(), _createElementBlock(\"div\", {\n              key: 0,\n              class: _normalizeClass([\"b-form-item__label\", [`b-form-item__label--${resolvedLabelAlign.value}`]]),\n              style: _normalizeStyle(labelStyle.value)\n            }, [\n              _createElementVNode(\"label\", {\n                id: `${fieldId.value}-label`,\n                for: fieldId.value\n              }, [\n                (showRequiredMark.value)\n                  ? (_openBlock(), _createElementBlock(\"span\", _hoisted_3, \"*\"))\n                  : _createCommentVNode(\"\", true),\n                _renderSlot(_ctx.$slots, \"label\", {}, () => [\n                  _createTextVNode(_toDisplayString(__props.label), 1)\n                ], true),\n                (showOptionalMark.value)\n                  ? (_openBlock(), _createElementBlock(\"span\", _hoisted_4, \"(optional)\"))\n                  : _createCommentVNode(\"\", true),\n                (showColon.value)\n                  ? (_openBlock(), _createElementBlock(\"span\", _hoisted_5, \":\"))\n                  : _createCommentVNode(\"\", true)\n              ], 8, _hoisted_2),\n              (__props.tooltip)\n                ? (_openBlock(), _createElementBlock(\"span\", {\n                    key: 0,\n                    class: \"b-form-item__tooltip\",\n                    title: __props.tooltip,\n                    role: \"img\",\n                    \"aria-label\": \"Help\"\n                  }, [...(_cache[0] || (_cache[0] = [\n                    _createElementVNode(\"svg\", {\n                      viewBox: \"64 64 896 896\",\n                      width: \"14\",\n                      height: \"14\",\n                      fill: \"currentColor\",\n                      \"aria-hidden\": \"true\"\n                    }, [\n                      _createElementVNode(\"path\", { d: \"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z\" }),\n                      _createElementVNode(\"path\", { d: \"M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.4-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7c0-19.7 12.4-37.7 30.9-44.8 59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3z\" }),\n                      _createElementVNode(\"path\", { d: \"M512 732a40 40 0 100-80 40 40 0 000 80z\" })\n                    ], -1)\n                  ]))], 8, _hoisted_6))\n                : _createCommentVNode(\"\", true)\n            ], 6))\n          : _createCommentVNode(\"\", true),\n        _createElementVNode(\"div\", _hoisted_7, [\n          _createElementVNode(\"div\", _hoisted_8, [\n            _renderSlot(_ctx.$slots, \"default\", {\n              id: fieldId.value,\n              status: computedStatus.value,\n              disabled: isDisabled.value,\n              onBlur: handleBlur\n            }, undefined, true),\n            (__props.hasFeedback && computedStatus.value)\n              ? (_openBlock(), _createElementBlock(\"span\", _hoisted_9, [\n                  (computedStatus.value === 'success')\n                    ? (_openBlock(), _createElementBlock(\"svg\", _hoisted_10, [...(_cache[1] || (_cache[1] = [\n                        _createElementVNode(\"path\", { d: \"M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z\" }, null, -1)\n                      ]))]))\n                    : (computedStatus.value === 'error')\n                      ? (_openBlock(), _createElementBlock(\"svg\", _hoisted_11, [...(_cache[2] || (_cache[2] = [\n                          _createElementVNode(\"path\", { d: \"M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L512 449.8 295.9 191.7c-3-3.6-7.5-5.7-12.3-5.7H204c-6.8 0-10.5 7.9-6.1 13.1L460.2 512 197.8 824.9A7.95 7.95 0 00204 838h79.8c4.7 0 9.2-2.1 12.3-5.7L512 574.1l216.2 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z\" }, null, -1)\n                        ]))]))\n                      : (computedStatus.value === 'warning')\n                        ? (_openBlock(), _createElementBlock(\"svg\", _hoisted_12, [...(_cache[3] || (_cache[3] = [\n                            _createElementVNode(\"path\", { d: \"M464 720a48 48 0 1096 0 48 48 0 10-96 0zm16-304v184c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V416c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8z\" }, null, -1),\n                            _createElementVNode(\"path\", { d: \"M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48z\" }, null, -1)\n                          ]))]))\n                        : (computedStatus.value === 'validating')\n                          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_13, [...(_cache[4] || (_cache[4] = [\n                              _createElementVNode(\"svg\", {\n                                viewBox: \"0 0 1024 1024\",\n                                width: \"14\",\n                                height: \"14\",\n                                fill: \"currentColor\",\n                                \"aria-hidden\": \"true\"\n                              }, [\n                                _createElementVNode(\"path\", { d: \"M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.3 199.3 0 19.9-16.1 36-36 36z\" })\n                              ], -1)\n                            ]))]))\n                          : _createCommentVNode(\"\", true)\n                ]))\n              : _createCommentVNode(\"\", true)\n          ]),\n          (helpMessage.value || _ctx.$slots.help)\n            ? (_openBlock(), _createElementBlock(\"div\", {\n                key: 0,\n                class: _normalizeClass([\"b-form-item__help\", {\n          'b-form-item__help--error': computedStatus.value === 'error',\n          'b-form-item__help--warning': computedStatus.value === 'warning',\n        }]),\n                id: `${fieldId.value}-help`,\n                role: \"alert\",\n                \"aria-live\": \"polite\"\n              }, [\n                _renderSlot(_ctx.$slots, \"help\", {}, () => [\n                  _createTextVNode(_toDisplayString(helpMessage.value), 1)\n                ], true)\n              ], 10, _hoisted_14))\n            : _createCommentVNode(\"\", true),\n          (__props.extra || _ctx.$slots.extra)\n            ? (_openBlock(), _createElementBlock(\"div\", _hoisted_15, [\n                _renderSlot(_ctx.$slots, \"extra\", {}, () => [\n                  _createTextVNode(_toDisplayString(__props.extra), 1)\n                ], true)\n              ]))\n            : _createCommentVNode(\"\", true)\n        ])\n      ], 10, _hoisted_1))\n    : _renderSlot(_ctx.$slots, \"default\", {\n        key: 1,\n        id: fieldId.value,\n        status: computedStatus.value,\n        disabled: isDisabled.value,\n        onBlur: handleBlur\n      }, undefined, true)\n}\n}\n\n})"],"mappings":"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"}
+{"version":3,"file":"design-system98.js","names":[],"sources":["../src/components/BFloatButton/BFloatButtonGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, provide, ref, watch } from 'vue';\nimport { BFloatButtonGroupPlacement, BFloatButtonShape, BFloatButtonTrigger } from './types.ts';\n\n// ─────────────────────────────────────────────\n// Props & emits\n// ─────────────────────────────────────────────\nconst props = defineProps<{\n  /**\n   * Controlled open state. Use with `v-model:open` for two-way binding.\n   * When this prop changes, the internal state syncs to it.\n   */\n  open?: boolean | null;\n  /**\n   * The trigger mode for expanding/collapsing the group menu.\n   * When set, a trigger button is shown that reveals child buttons.\n   */\n  trigger?: `${BFloatButtonTrigger}`;\n  /**\n   * Animation direction when expanding/collapsing.\n   * @default 'top'\n   */\n  placement?: `${BFloatButtonGroupPlacement}`;\n  /**\n   * Shape applied to all child float buttons.\n   * @default 'circle'\n   */\n  shape?: `${BFloatButtonShape}`;\n  /**\n   * Icon name for the close/collapse trigger button.\n   */\n  closeIcon?: string;\n}>();\n\nconst emit = defineEmits<{\n  /** Emitted when the group open state changes. */\n  (e: 'openChange', open: boolean): void;\n  /** v-model support. */\n  (e: 'update:open', open: boolean): void;\n}>();\n\ndefineSlots<{\n  /** Float button children. */\n  default?(): unknown;\n  /** Custom trigger icon (open state). */\n  icon?(): unknown;\n  /** Custom close icon (close state). */\n  closeIcon?(): unknown;\n}>();\n\n// ─────────────────────────────────────────────\n// Internal state — always the rendering source of truth\n// ─────────────────────────────────────────────\nconst internalOpen = ref(false);\n\n// Sync from controlled prop → internal state when explicitly changed\nwatch(\n  () => props.open,\n  (val) => {\n    if (val === true) internalOpen.value = true;\n    else if (val === false) internalOpen.value = false;\n    // null/undefined means \"uncontrolled\" — do not override internal state\n  },\n  { immediate: true },\n);\n\nfunction setOpen(val: boolean) {\n  internalOpen.value = val;\n  emit('update:open', val);\n  emit('openChange', val);\n}\n\nfunction toggle() {\n  setOpen(!internalOpen.value);\n}\n\nfunction openGroup() {\n  setOpen(true);\n}\n\nfunction closeGroup() {\n  setOpen(false);\n}\n\n// ─────────────────────────────────────────────\n// Hover trigger\n// ─────────────────────────────────────────────\nlet hideTimer: ReturnType<typeof setTimeout> | null = null;\n\nfunction onMouseEnter() {\n  if (props.trigger !== BFloatButtonTrigger.Hover) return;\n  if (hideTimer) {\n    clearTimeout(hideTimer);\n    hideTimer = null;\n  }\n  openGroup();\n}\n\nfunction onMouseLeave() {\n  if (props.trigger !== BFloatButtonTrigger.Hover) return;\n  hideTimer = setTimeout(() => closeGroup(), 100);\n}\n\nonBeforeUnmount(() => {\n  if (hideTimer) clearTimeout(hideTimer);\n});\n\n// ─────────────────────────────────────────────\n// Provide shape to children\n// ─────────────────────────────────────────────\nprovide(\n  'bFloatButtonGroupShape',\n  computed(() => props.shape ?? BFloatButtonShape.Circle),\n);\n\nconst isGroup = computed(() => props.trigger !== undefined);\nconst placementClass = computed(\n  () => `b-float-button-group--${props.placement ?? BFloatButtonGroupPlacement.Top}`,\n);\nconst shapeClass = computed(\n  () => `b-float-button-group--shape-${props.shape ?? BFloatButtonShape.Circle}`,\n);\n</script>\n\n<template>\n  <div\n    class=\"b-float-button-group\"\n    :class=\"[\n      placementClass,\n      shapeClass,\n      {\n        'b-float-button-group--menu': isGroup,\n        'b-float-button-group--open': isGroup && internalOpen,\n      },\n    ]\"\n    :role=\"!isGroup ? 'group' : undefined\"\n    :aria-label=\"!isGroup ? 'Float button group' : undefined\"\n    @mouseenter=\"onMouseEnter\"\n    @mouseleave=\"onMouseLeave\"\n  >\n    <!-- Child buttons list (always rendered; hidden when group is collapsed) -->\n    <div\n      class=\"b-float-button-group__list\"\n      :aria-hidden=\"isGroup ? !internalOpen : undefined\"\n      :inert=\"isGroup && !internalOpen ? true : undefined\"\n    >\n      <slot />\n    </div>\n\n    <!-- Trigger button (only rendered when trigger is set) -->\n    <button\n      v-if=\"isGroup\"\n      type=\"button\"\n      class=\"b-float-button-group__trigger\"\n      :class=\"[\n        'b-float-button',\n        `b-float-button--${props.shape ?? 'circle'}`,\n        'b-float-button--primary',\n      ]\"\n      :aria-expanded=\"internalOpen\"\n      :aria-label=\"internalOpen ? 'Collapse button group' : 'Expand button group'\"\n      @click=\"toggle\"\n    >\n      <span class=\"b-float-button__body\">\n        <span class=\"b-float-button__icon\" aria-hidden=\"true\">\n          <template v-if=\"internalOpen\">\n            <slot name=\"closeIcon\">\n              <svg\n                width=\"1em\"\n                height=\"1em\"\n                viewBox=\"0 0 24 24\"\n                fill=\"currentColor\"\n                aria-hidden=\"true\"\n              >\n                <path\n                  d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n                />\n              </svg>\n            </slot>\n          </template>\n          <template v-else>\n            <slot name=\"icon\">\n              <svg\n                width=\"1em\"\n                height=\"1em\"\n                viewBox=\"0 0 24 24\"\n                fill=\"currentColor\"\n                aria-hidden=\"true\"\n              >\n                <path d=\"M19 13H13v6h-2v-6H5v-2h6V5h2v6h6v2z\" />\n              </svg>\n            </slot>\n          </template>\n        </span>\n      </span>\n    </button>\n  </div>\n</template>\n\n<style>\n/* ─────────────────────────────────────────────\n   Group container\n   ───────────────────────────────────────────── */\n.b-float-button-group {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.75rem;\n  position: relative;\n}\n\n.b-float-button-group--menu {\n  position: relative;\n}\n\n/* ─────────────────────────────────────────────\n   Items list (collapsible)\n   ───────────────────────────────────────────── */\n.b-float-button-group__list {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0.75rem;\n  list-style: none;\n  padding: 0;\n  margin: 0 0 0.75rem 0;\n\n  /* Collapsed: hidden */\n  overflow: hidden;\n  max-height: 0;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    max-height 300ms cubic-bezier(0.4, 0, 0.2, 1),\n    opacity 250ms ease;\n}\n\n.b-float-button-group--open .b-float-button-group__list {\n  max-height: 60vh;\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* ── Placement variants for list direction ── */\n.b-float-button-group--top .b-float-button-group__list {\n  flex-direction: column-reverse;\n}\n\n.b-float-button-group--bottom .b-float-button-group__list {\n  flex-direction: column;\n}\n\n.b-float-button-group--left .b-float-button-group__list {\n  flex-direction: row-reverse;\n  margin: 0 0.75rem 0 0;\n}\n\n.b-float-button-group--right .b-float-button-group__list {\n  flex-direction: row;\n  margin: 0 0 0 0.75rem;\n}\n\n/* ── Horizontal layout for left/right placements ── */\n.b-float-button-group--left,\n.b-float-button-group--right {\n  flex-direction: row;\n  align-items: center;\n}\n\n/* ── Trigger button ── */\n.b-float-button-group__trigger {\n  flex-shrink: 0;\n}\n\n/* ─────────────────────────────────────────────\n   Reduced motion\n   ───────────────────────────────────────────── */\n@media (prefers-reduced-motion: reduce) {\n  .b-float-button-group__list {\n    transition-duration: 0ms;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;EAOA,IAAM,IAAQ,GA2BR,IAAO,GAmBP,IAAe,EAAI,GAAM;AAG/B,UACQ,EAAM,OACX,MAAQ;AACP,GAAI,MAAQ,KAAM,EAAa,QAAQ,KAC9B,MAAQ,OAAO,EAAa,QAAQ;KAG/C,EAAE,WAAW,IAAM,CACpB;EAED,SAAS,EAAQ,GAAc;AAG7B,GAFA,EAAa,QAAQ,GACrB,EAAK,eAAe,EAAI,EACxB,EAAK,cAAc,EAAI;;EAGzB,SAAS,IAAS;AAChB,KAAQ,CAAC,EAAa,MAAM;;EAG9B,SAAS,IAAY;AACnB,KAAQ,GAAK;;EAGf,SAAS,IAAa;AACpB,KAAQ,GAAM;;EAMhB,IAAI,IAAkD;EAEtD,SAAS,IAAe;AAClB,KAAM,YAAY,EAAoB,UAC1C,AAEE,OADA,aAAa,EAAU,EACX,OAEd,GAAW;;EAGb,SAAS,IAAe;AAClB,KAAM,YAAY,EAAoB,UAC1C,IAAY,iBAAiB,GAAY,EAAE,IAAI;;AAUjD,EAPA,QAAsB;AACpB,GAAI,KAAW,aAAa,EAAU;IACtC,EAKF,EACE,0BACA,QAAe,EAAM,SAAS,EAAkB,OAAO,CACxD;EAED,IAAM,IAAU,QAAe,EAAM,YAAY,KAAA,EAAU,EACrD,IAAiB,QACf,yBAAyB,EAAM,aAAa,EAA2B,MAC9E,EACK,IAAa,QACX,+BAA+B,EAAM,SAAS,EAAkB,SACvE;yBAIC,EAuEM,OAAA;GAtEJ,OAAK,EAAA,CAAC,wBAAsB;IACZ,EAAA;IAAsB,EAAA;;mCAA0D,EAAA;mCAA+C,EAAA,SAAW,EAAA;;;GAQzJ,MAAO,EAAA,QAAoB,KAAA,IAAb;GACd,cAAa,EAAA,QAAiC,KAAA,IAA1B;GACpB,cAAY;GACZ,cAAY;MAGb,EAMM,OAAA;GALJ,OAAM;GACL,eAAa,EAAA,QAAO,CAAI,EAAA,QAAe,KAAA;GACvC,OAAO,EAAA,SAAO,CAAK,EAAA,QAAY,KAAU,KAAA;MAE1C,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,GAAA,EAAA,EAKF,EAAA,SAAA,GAAA,EADR,EA6CS,UAAA;;GA3CP,MAAK;GACL,OAAK,EAAA,CAAC,iCAA+B;;uBAC0B,EAAM,SAAK;;;GAKzE,iBAAe,EAAA;GACf,cAAY,EAAA,QAAY,0BAAA;GACxB,SAAO;MAER,EA+BO,QA/BP,GA+BO,CA9BL,EA6BO,QA7BP,GA6BO,CA5BW,EAAA,QACd,EAYO,EAAA,QAAA,aAAA,EAAA,KAAA,GAAA,QAAA,CAAA,AAAA,EAAA,OAXL,EAUM,OAAA;GATJ,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,eAAY;MAEZ,EAEE,QAAA,EADA,GAAE,yGAAuG,CAAA,CAAA,EAAA,GAAA,CAAA,CAAA,GAM/G,EAUO,EAAA,QAAA,QAAA,EAAA,KAAA,GAAA,QAAA,CAAA,AAAA,EAAA,OATL,EAQM,OAAA;GAPJ,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,eAAY;MAEZ,EAAgD,QAAA,EAA1C,GAAE,uCAAqC,CAAA,CAAA,EAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,IAAA,EAAA"}

package/dist/types/components/BCalendar/BCalendar.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/BCalendar/BCalendar.vue.d.ts

@@ -0,0 +1,114 @@
+import type { BCalendarCellSlotScope, BCalendarEvent, BCalendarEventDetailsSlotScope, BCalendarHeaderSlotScope, BCalendarMode, BCalendarSelectInfo } from './types';
+type __VLS_Props = {
+    /**
+     * Controlled selected date. Pair with `v-model` for two-way binding.
+     * AntD: `value`.
+     */
+    modelValue?: Date | null;
+    /**
+     * Initial selected date when uncontrolled.
+     * AntD: `defaultValue`.
+     */
+    defaultValue?: Date;
+    /**
+     * Controlled panel mode (month / year). When omitted, the component
+     * manages its own mode starting from `defaultMode`.
+     * AntD: `mode`.
+     */
+    mode?: BCalendarMode;
+    /**
+     * Initial panel mode when uncontrolled.
+     * @default 'month'
+     */
+    defaultMode?: BCalendarMode;
+    /**
+     * Full-screen layout when `true`, mini layout when `false`.
+     * AntD: `fullscreen`.
+     * @default true
+     */
+    fullscreen?: boolean;
+    /**
+     * Show a week-number column in month mode.
+     * AntD: `showWeek`.
+     * @default false
+     */
+    showWeek?: boolean;
+    /**
+     * Inclusive [start, end] range outside which dates are disabled.
+     * AntD: `validRange`.
+     */
+    validRange?: [Date, Date];
+    /**
+     * BCP 47 locale tag for weekday / month labels (e.g. `'en-US'`, `'vi-VN'`).
+     * AntD: `locale` (object). We accept a locale string and use Intl.
+     */
+    locale?: string;
+    /**
+     * Predicate to disable specific dates.
+     * AntD: `disabledDate`.
+     */
+    disabledDate?: (date: Date) => boolean;
+    /** Accessible label for the calendar root region. */
+    ariaLabel?: string;
+    /**
+     * Returns events for a given date. When provided, event titles are auto-rendered
+     * inside each day cell (unless the `dateCell` slot replaces them).
+     */
+    events?: (date: Date) => BCalendarEvent[];
+    /**
+     * Open a details modal when clicking a date that has events.
+     * Set `false` to keep clicks selection-only.
+     * @default true
+     */
+    showEventDetails?: boolean;
+    /**
+     * Maximum number of events shown inline per day cell. Extra events collapse
+     * into a "+N more" indicator (full list is still available in the modal).
+     * @default 3
+     */
+    maxEventsVisible?: number;
+};
+type __VLS_Slots = {
+    /** Custom header. AntD: `headerRender`. */
+    header?(scope: BCalendarHeaderSlotScope): unknown;
+    /** Inject extra content into a date cell. AntD: `cellRender` (date). */
+    dateCell?(scope: BCalendarCellSlotScope): unknown;
+    /** Inject extra content into a month cell. AntD: `cellRender` (month). */
+    monthCell?(scope: BCalendarCellSlotScope): unknown;
+    /** Replace the entire date cell. AntD: `fullCellRender` / `dateFullCellRender`. */
+    dateFullCell?(scope: BCalendarCellSlotScope): unknown;
+    /** Replace the entire month cell. AntD: `fullCellRender` / `monthFullCellRender`. */
+    monthFullCell?(scope: BCalendarCellSlotScope): unknown;
+    /** Replace the contents of the event-details modal. */
+    eventDetails?(scope: BCalendarEventDetailsSlotScope): unknown;
+};
+declare function setMode(next: BCalendarMode): void;
+declare function setPanelDate(date: Date): void;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    /** Programmatically select a date. */
+    select: (d: Date) => void;
+    /** Programmatically change the panel mode. */
+    setMode: typeof setMode;
+    /** Move the panel to a specific date without selecting. */
+    goTo: typeof setPanelDate;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (date: Date) => any;
+    select: (date: Date, info: BCalendarSelectInfo) => any;
+    change: (date: Date) => any;
+    "update:mode": (mode: BCalendarMode) => any;
+    panelChange: (date: Date, mode: BCalendarMode) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: (date: Date) => any;
+    onSelect?: (date: Date, info: BCalendarSelectInfo) => any;
+    onChange?: (date: Date) => any;
+    "onUpdate:mode"?: (mode: BCalendarMode) => any;
+    onPanelChange?: (date: Date, mode: BCalendarMode) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/BCalendar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BCalendar } from './BCalendar.vue';
+export type { BCalendarCellRenderType, BCalendarCellSlotScope, BCalendarEvent, BCalendarEventDetailsSlotScope, BCalendarEventType, BCalendarHeaderSlotScope, BCalendarMode, BCalendarSelectInfo, BCalendarSelectSource, } from './types';

package/dist/types/components/BCalendar/types.d.ts

@@ -0,0 +1,54 @@
+/** Display mode of the calendar panel. */
+export type BCalendarMode = 'month' | 'year';
+/** Source of a `select` event. */
+export type BCalendarSelectSource = 'date' | 'month' | 'year' | 'customize';
+/** Payload for the `select` event. */
+export interface BCalendarSelectInfo {
+    source: BCalendarSelectSource;
+}
+/** Scope passed to `cellRender` / `fullCellRender`. */
+export type BCalendarCellRenderType = 'date' | 'month';
+/** Slot scope shared by all cell-render slots. */
+export interface BCalendarCellSlotScope {
+    /** The Date represented by this cell. */
+    date: Date;
+    /** Whether this cell is the currently selected date. */
+    selected: boolean;
+    /** Whether this cell is "today". */
+    today: boolean;
+    /** Whether this cell falls outside the current panel month/year. */
+    outside: boolean;
+    /** Whether the cell is disabled (out of validRange or disabledDate). */
+    disabled: boolean;
+}
+/** Slot scope passed to `header` for custom header rendering. */
+export interface BCalendarHeaderSlotScope {
+    /** Currently displayed panel date. */
+    value: Date;
+    /** Currently displayed mode. */
+    mode: BCalendarMode;
+    /** Update the panel mode. */
+    onTypeChange: (mode: BCalendarMode) => void;
+    /** Update the panel value (does not select). */
+    onChange: (value: Date) => void;
+}
+/** Visual variant for an event marker. */
+export type BCalendarEventType = 'success' | 'info' | 'warning' | 'error' | 'default';
+/** A user-supplied event attached to a date. */
+export interface BCalendarEvent {
+    /** Short event title rendered inside the cell and modal. */
+    title: string;
+    /** Optional longer description shown in the details modal. */
+    description?: string;
+    /** Visual badge color. Defaults to `'default'`. */
+    type?: BCalendarEventType;
+}
+/** Slot scope for the `eventDetails` slot (modal content customization). */
+export interface BCalendarEventDetailsSlotScope {
+    /** The date the modal is opened for. */
+    date: Date;
+    /** Events for that date. */
+    events: BCalendarEvent[];
+    /** Programmatically close the modal. */
+    close: () => void;
+}

package/dist/types/components/BCarousel/BCarousel.spec.d.ts

@@ -0,0 +1 @@
+export {};