@vizejs/ui 0.387.0 → 0.389.0

package/dist/breadcrumb-BvuPBfkj.mjs

@@ -0,0 +1,212 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { computed, createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, useTemplateRef, withCtx } from "vue";
+//#endregion
+//#region src/families/navigation/breadcrumb/breadcrumb.vue
+var breadcrumb_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "breadcrumb",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "nav"
+		},
+		label: {
+			type: String,
+			required: false,
+			default: "Breadcrumb"
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const element = useTemplateRef("element");
+		const labelState = computed(() => __props.label);
+		const slotState = computed(() => ({ label: labelState.value }));
+		__expose({
+			element,
+			label: labelState
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				ref_key: "element",
+				ref: element,
+				"aria-label": labelState.value,
+				"data-vize-ui": "breadcrumb",
+				part: "root"
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)]),
+				_: 3
+			}, 8, ["aria-label"]);
+		};
+	}
+}), [["__scopeId", "data-v-bc41f87d"]]);
+//#endregion
+//#region src/families/navigation/breadcrumb/breadcrumb-item.vue
+var breadcrumb_item_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "breadcrumb-item",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "li"
+		},
+		current: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const element = useTemplateRef("element");
+		const currentState = computed(() => __props.current);
+		const slotState = computed(() => ({ current: currentState.value }));
+		__expose({
+			current: currentState,
+			element
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				ref_key: "element",
+				ref: element,
+				"data-vize-ui": "breadcrumb-item",
+				part: "item",
+				"data-current": currentState.value ? "true" : void 0
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)]),
+				_: 3
+			}, 8, ["data-current"]);
+		};
+	}
+}), [["__scopeId", "data-v-e8944829"]]);
+//#endregion
+//#region src/families/navigation/breadcrumb/breadcrumb-link.vue
+var breadcrumb_link_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "breadcrumb-link",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "a"
+		},
+		current: {
+			type: [String, Boolean],
+			required: false,
+			default: false
+		},
+		href: {
+			type: String,
+			required: false,
+			default: () => void 0
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const UNSAFE_HREF = /^(?:data|javascript|vbscript):/i;
+		const element = useTemplateRef("element");
+		const currentState = computed(() => __props.current !== false);
+		const renderedHref = computed(() => {
+			if (__props.href === void 0) return void 0;
+			return normalizeHref(__props.href);
+		});
+		const anchorAttributes = computed(() => renderedHref.value === void 0 ? {} : { href: renderedHref.value });
+		const ariaCurrentState = computed(() => {
+			if (__props.current === false) return void 0;
+			return __props.current === true ? "page" : __props.current;
+		});
+		const slotState = computed(() => ({
+			ariaCurrent: ariaCurrentState.value,
+			current: currentState.value
+		}));
+		function focus(options) {
+			if (element.value instanceof HTMLElement) element.value.focus(options);
+		}
+		function normalizeHref(value) {
+			const normalized = value.trim();
+			if (normalized.length === 0 || hasControlCharacter(normalized) || UNSAFE_HREF.test(normalized)) return void 0;
+			return normalized;
+		}
+		function hasControlCharacter(value) {
+			for (let index = 0; index < value.length; index++) {
+				const code = value.charCodeAt(index);
+				if (code < 32 || code === 127) return true;
+			}
+			return false;
+		}
+		__expose({
+			ariaCurrent: ariaCurrentState,
+			current: currentState,
+			element,
+			focus
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({
+				ref_key: "element",
+				ref: element
+			}, anchorAttributes.value, {
+				"aria-current": ariaCurrentState.value,
+				"data-vize-ui": "breadcrumb-link",
+				part: "link",
+				"data-current": currentState.value ? "true" : void 0
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)]),
+				_: 3
+			}, 16, ["aria-current", "data-current"]);
+		};
+	}
+}), [["__scopeId", "data-v-bdb0e3ba"]]);
+//#endregion
+//#region src/families/navigation/breadcrumb/breadcrumb-list.vue
+var breadcrumb_list_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "breadcrumb-list",
+	props: { as: {
+		type: null,
+		required: false,
+		default: "ol"
+	} },
+	setup(__props, { expose: __expose }) {
+		const element = useTemplateRef("element");
+		__expose({ element });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				ref_key: "element",
+				ref: element,
+				"data-vize-ui": "breadcrumb-list",
+				part: "list"
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
+				_: 3
+			}, 512);
+		};
+	}
+}), [["__scopeId", "data-v-5b453b66"]]);
+//#endregion
+//#region src/families/navigation/breadcrumb/breadcrumb-separator.vue
+var breadcrumb_separator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "breadcrumb-separator",
+	props: { as: {
+		type: null,
+		required: false,
+		default: "span"
+	} },
+	setup(__props, { expose: __expose }) {
+		const element = useTemplateRef("element");
+		const decorativeState = computed(() => true);
+		const slotState = computed(() => ({ decorative: decorativeState.value }));
+		__expose({
+			decorative: decorativeState,
+			element
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				ref_key: "element",
+				ref: element,
+				"aria-hidden": "true",
+				"data-vize-ui": "breadcrumb-separator",
+				part: "separator",
+				role: "presentation"
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)]),
+				_: 3
+			}, 512);
+		};
+	}
+}), [["__scopeId", "data-v-337a11b7"]]);
+//#endregion
+export { breadcrumb_default as a, breadcrumb_item_default as i, breadcrumb_list_default as n, breadcrumb_link_default as r, breadcrumb_separator_default as t };

package/dist/breadcrumb-Cdyh20z-.d.mts

@@ -0,0 +1,202 @@
+import { n as PrimitiveElement, t as PrimitiveAs } from "./primitive-BE2mdUcw.mjs";
+
+//#region src/families/navigation/breadcrumb/breadcrumb-types.d.ts
+/** Values accepted by `aria-current` for route-aware breadcrumb links. */
+type BreadcrumbCurrent = "date" | "location" | "page" | "step" | "time" | true;
+/** State exposed by the Breadcrumb root default slot. */
+interface BreadcrumbRootSlotState {
+  /** Accessible landmark label mirrored to `aria-label`. */
+  readonly label: string;
+}
+/** State exposed by BreadcrumbItem's default slot. */
+interface BreadcrumbItemSlotState {
+  /** Whether this breadcrumb item represents the current page, step, or location. */
+  readonly current: boolean;
+}
+/** State exposed by BreadcrumbLink's default slot. */
+interface BreadcrumbLinkSlotState {
+  /** Whether this link represents the current page, step, or location. */
+  readonly current: boolean;
+  /** Resolved `aria-current` value, or `undefined` when the link is not current. */
+  readonly ariaCurrent: Exclude<BreadcrumbCurrent, true> | undefined;
+}
+/** State exposed by BreadcrumbSeparator's default slot. */
+interface BreadcrumbSeparatorSlotState {
+  /** Separators are always decorative and hidden from assistive technology. */
+  readonly decorative: true;
+}
+/** Public component instance state exposed by Breadcrumb. */
+interface BreadcrumbRootExpose extends BreadcrumbRootSlotState {
+  /** Rendered landmark element or component instance. */
+  readonly element: PrimitiveElement | null;
+}
+/** Public component instance state exposed by BreadcrumbList. */
+interface BreadcrumbListExpose {
+  /** Rendered list element or component instance. */
+  readonly element: PrimitiveElement | null;
+}
+/** Public component instance state exposed by BreadcrumbItem. */
+interface BreadcrumbItemExpose extends BreadcrumbItemSlotState {
+  /** Rendered list item element or component instance. */
+  readonly element: PrimitiveElement | null;
+}
+/** Public component instance state exposed by BreadcrumbLink. */
+interface BreadcrumbLinkExpose extends BreadcrumbLinkSlotState {
+  /** Rendered link element or component instance. */
+  readonly element: PrimitiveElement | null;
+  /** Focus the rendered link when it is a native HTMLElement. */
+  readonly focus: (options?: FocusOptions) => void;
+}
+/** Public component instance state exposed by BreadcrumbSeparator. */
+interface BreadcrumbSeparatorExpose extends BreadcrumbSeparatorSlotState {
+  /** Rendered separator element or component instance. */
+  readonly element: PrimitiveElement | null;
+}
+//#endregion
+//#region src/families/navigation/breadcrumb/breadcrumb.vue.d.ts
+type __VLS_Props$4 = {
+  /**
+   * Native element, custom element, or component to render.
+   *
+   * @default "nav"
+   */
+  readonly as?: PrimitiveAs;
+  /**
+   * Accessible landmark label mirrored to `aria-label`.
+   *
+   * @default "Breadcrumb"
+   */
+  readonly label?: string;
+};
+type __VLS_Slots$4 = {
+  /** Renders breadcrumb list content with the resolved landmark label. */default(props: BreadcrumbRootSlotState): unknown;
+};
+declare const __VLS_base$4: import("vue").DefineComponent<__VLS_Props$4, {
+  element: Readonly<import("vue").ShallowRef<PrimitiveElement | null>>;
+  label: import("vue").ComputedRef<string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props$4> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$4: __VLS_WithSlots$4<typeof __VLS_base$4, __VLS_Slots$4>;
+declare const _default$4: typeof __VLS_export$4;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/families/navigation/breadcrumb/breadcrumb-item.vue.d.ts
+type __VLS_Props$3 = {
+  /**
+   * Native element, custom element, or component to render.
+   *
+   * @default "li"
+   */
+  readonly as?: PrimitiveAs;
+  /**
+   * Whether this item represents the current route segment.
+   *
+   * @default false
+   */
+  readonly current?: boolean;
+};
+type __VLS_Slots$3 = {
+  /** Renders item contents with current-route state. */default(props: BreadcrumbItemSlotState): unknown;
+};
+declare const __VLS_base$3: import("vue").DefineComponent<__VLS_Props$3, {
+  current: import("vue").ComputedRef<boolean>;
+  element: Readonly<import("vue").ShallowRef<PrimitiveElement | null>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props$3> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$3: __VLS_WithSlots$3<typeof __VLS_base$3, __VLS_Slots$3>;
+declare const _default$3: typeof __VLS_export$3;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/families/navigation/breadcrumb/breadcrumb-link.vue.d.ts
+type __VLS_Props$2 = {
+  /**
+   * Native element, custom element, or component to render.
+   *
+   * @default "a"
+   */
+  readonly as?: PrimitiveAs;
+  /**
+   * Current route state. `true` resolves to `aria-current="page"`.
+   *
+   * @default false
+   */
+  readonly current?: BreadcrumbCurrent | false;
+  /**
+   * Native link destination. Router components can receive their own route attrs.
+   *
+   * @default undefined
+   */
+  readonly href?: string;
+};
+type __VLS_Slots$2 = {
+  /** Renders link content with resolved current-route state. */default(props: BreadcrumbLinkSlotState): unknown;
+};
+declare function focus(options?: FocusOptions): void;
+declare const __VLS_base$2: import("vue").DefineComponent<__VLS_Props$2, {
+  ariaCurrent: import("vue").ComputedRef<"time" | "step" | "page" | "date" | "location" | undefined>;
+  current: import("vue").ComputedRef<boolean>;
+  element: Readonly<import("vue").ShallowRef<PrimitiveElement | null>>;
+  focus: typeof focus;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props$2> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$2: __VLS_WithSlots$2<typeof __VLS_base$2, __VLS_Slots$2>;
+declare const _default$2: typeof __VLS_export$2;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/families/navigation/breadcrumb/breadcrumb-list.vue.d.ts
+type __VLS_Props$1 = {
+  /**
+   * Native element, custom element, or component to render.
+   *
+   * @default "ol"
+   */
+  readonly as?: PrimitiveAs;
+};
+type __VLS_Slots$1 = {
+  /** Renders ordered breadcrumb items. */default(): unknown;
+};
+declare const __VLS_base$1: import("vue").DefineComponent<__VLS_Props$1, {
+  element: Readonly<import("vue").ShallowRef<PrimitiveElement | null>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props$1> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;
+declare const _default$1: typeof __VLS_export$1;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/families/navigation/breadcrumb/breadcrumb-separator.vue.d.ts
+type __VLS_Props = {
+  /**
+   * Native element, custom element, or component to render.
+   *
+   * @default "span"
+   */
+  readonly as?: PrimitiveAs;
+};
+type __VLS_Slots = {
+  /** Renders decorative separator content hidden from assistive technology. */default(props: BreadcrumbSeparatorSlotState): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+  decorative: import("vue").ComputedRef<true>;
+  element: Readonly<import("vue").ShallowRef<PrimitiveElement | null>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default$4 as a, BreadcrumbItemSlotState as c, BreadcrumbListExpose as d, BreadcrumbRootExpose as f, BreadcrumbSeparatorSlotState as h, _default$3 as i, BreadcrumbLinkExpose as l, BreadcrumbSeparatorExpose as m, _default$1 as n, BreadcrumbCurrent as o, BreadcrumbRootSlotState as p, _default$2 as r, BreadcrumbItemExpose as s, _default as t, BreadcrumbLinkSlotState as u };

package/dist/breadcrumb.d.mts

@@ -0,0 +1,2 @@
+import { a as _default, c as BreadcrumbItemSlotState, d as BreadcrumbListExpose, f as BreadcrumbRootExpose, h as BreadcrumbSeparatorSlotState, i as _default$1, l as BreadcrumbLinkExpose, m as BreadcrumbSeparatorExpose, n as _default$3, o as BreadcrumbCurrent, p as BreadcrumbRootSlotState, r as _default$2, s as BreadcrumbItemExpose, t as _default$4, u as BreadcrumbLinkSlotState } from "./breadcrumb-Cdyh20z-.mjs";
+export { _default as Breadcrumb, _default as BreadcrumbRoot, type BreadcrumbCurrent, _default$1 as BreadcrumbItem, type BreadcrumbItemExpose, type BreadcrumbItemSlotState, _default$2 as BreadcrumbLink, type BreadcrumbLinkExpose, type BreadcrumbLinkSlotState, _default$3 as BreadcrumbList, type BreadcrumbListExpose, type BreadcrumbRootExpose, type BreadcrumbRootSlotState, _default$4 as BreadcrumbSeparator, type BreadcrumbSeparatorExpose, type BreadcrumbSeparatorSlotState };

package/dist/breadcrumb.mjs

@@ -0,0 +1,2 @@
+import { a as breadcrumb_default, i as breadcrumb_item_default, n as breadcrumb_list_default, r as breadcrumb_link_default, t as breadcrumb_separator_default } from "./breadcrumb-BvuPBfkj.mjs";
+export { breadcrumb_default as Breadcrumb, breadcrumb_default as BreadcrumbRoot, breadcrumb_item_default as BreadcrumbItem, breadcrumb_link_default as BreadcrumbLink, breadcrumb_list_default as BreadcrumbList, breadcrumb_separator_default as BreadcrumbSeparator };

package/dist/{button-DYg1mIIq.d.mts → button-Dye0M41O.d.mts}

@@ -1,6 +1,6 @@
-import { n as PrimitiveElement, t as PrimitiveAs } from "./primitive-C8jW7DLd.mjs";
+import { n as PrimitiveElement, t as PrimitiveAs } from "./primitive-BE2mdUcw.mjs";
 
-//#region src/button-keyboard.d.ts
+//#region src/families/actions/button/button-keyboard.d.ts
 /** Keyboard event phase used by button activation semantics. */
 type ButtonKeyboardPhase = "keydown" | "keyup";
 /** Action required to emulate a native button for one keyboard event. */
@@ -13,7 +13,7 @@ type ButtonKeyboardAction = "activate" | "prevent" | "ignore";
  */
 declare function getButtonKeyboardAction(key: string, phase: ButtonKeyboardPhase): ButtonKeyboardAction;
 //#endregion
-//#region src/ActionButton.vue.d.ts
+//#region src/families/actions/button/button.vue.d.ts
 type __VLS_Props = {
   /**
    * Native element, custom element, or component to render.

package/dist/{button-DT8AKlds.mjs → button-VVxUavbS.mjs}

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
 import { computed, createBlock, defineComponent, openBlock, renderSlot, resolveDynamicComponent, useTemplateRef, withCtx } from "vue";
-//#region src/button-keyboard.ts
+//#region src/families/actions/button/button-keyboard.ts
 /**
 * Resolve native-equivalent activation timing for a non-native button.
 *
@@ -13,9 +13,9 @@ function getButtonKeyboardAction(key, phase) {
 	return "ignore";
 }
 //#endregion
-//#region src/ActionButton.vue
-var ActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "ActionButton",
+//#region src/families/actions/button/button.vue
+var button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "button",
 	props: {
 		as: {
 			type: null,
@@ -122,6 +122,6 @@ var ActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-0ffc2dd9"]]);
+}), [["__scopeId", "data-v-49599542"]]);
 //#endregion
-export { getButtonKeyboardAction as n, ActionButton_default as t };
+export { getButtonKeyboardAction as n, button_default as t };

package/dist/button-group-C_mR0Jfw.d.mts

@@ -0,0 +1,137 @@
+import { n as PrimitiveElement, t as PrimitiveAs } from "./primitive-BE2mdUcw.mjs";
+import { ComputedRef, ShallowRef } from "vue";
+
+//#region src/families/actions/button-group/button-group-types.d.ts
+/** Accessible grouping semantics emitted by {@link ButtonGroup}. */
+type ButtonGroupRole = "group" | "toolbar";
+/** Directional layout hint used by toolbar arrow-key roving focus. */
+type ButtonGroupOrientation = "horizontal" | "vertical";
+/** Stable root state exposed for consumer-owned styling and tests. */
+type ButtonGroupState = "disabled" | "idle";
+/** Stable item state exposed for consumer-owned styling and tests. */
+type ButtonGroupItemState = "disabled" | "idle";
+/** State exposed to the ButtonGroup default slot. */
+interface ButtonGroupSlotState {
+  /** Whether the group suppresses every item activation. */
+  readonly disabled: boolean;
+  /** Directional layout hint used by toolbar arrow-key roving focus. */
+  readonly orientation: ButtonGroupOrientation;
+  /** Accessible grouping role rendered by the root. */
+  readonly role: ButtonGroupRole;
+  /** Whether items participate in a single-tabstop roving focus model. */
+  readonly rovingFocus: boolean;
+  /** Stable state token for styling and tests. */
+  readonly state: ButtonGroupState;
+}
+/** Public instance exposed by ButtonGroup. */
+interface ButtonGroupExpose extends ButtonGroupSlotState {
+  /** Currently active item value, or `null` before an item is focusable. */
+  readonly activeValue: string | null;
+  /** Rendered root element or component instance. */
+  readonly element: PrimitiveElement | null;
+  /** Move focus to the active or first enabled item. */
+  readonly focus: (options?: FocusOptions) => void;
+  /** Move focus to an enabled item by value and report whether it was found. */
+  readonly focusValue: (value: string, options?: FocusOptions) => boolean;
+}
+/** State exposed to a ButtonGroupItem slot. */
+interface ButtonGroupItemSlotState {
+  /** Item value used by the group navigation and press contract. */
+  readonly value: string;
+  /** Whether this item or its group suppresses activation. */
+  readonly disabled: boolean;
+  /** Directional layout hint inherited from the group. */
+  readonly orientation: ButtonGroupOrientation;
+  /** Stable state token for styling and tests. */
+  readonly state: ButtonGroupItemState;
+}
+/** Public instance exposed by ButtonGroupItem. */
+interface ButtonGroupItemExpose extends ButtonGroupItemSlotState {
+  /** Rendered item element or component instance. */
+  readonly element: PrimitiveElement | null;
+  /** Move focus to the rendered item. */
+  readonly focus: (options?: FocusOptions) => void;
+}
+//#endregion
+//#region src/families/actions/button-group/button-group.vue.d.ts
+type __VLS_Props$1 = {
+  /** Native element, custom element, or component to render. @default "div" */readonly as?: PrimitiveAs; /** Accessible grouping semantics for adjacent actions. @default "group" */
+  readonly role?: ButtonGroupRole; /** Disable every item and remove the group from roving focus. @default false */
+  readonly disabled?: boolean; /** Directional layout hint used by toolbar arrow-key roving focus. @default "horizontal" */
+  readonly orientation?: ButtonGroupOrientation; /** Whether arrow-key navigation wraps at the first and last enabled item. @default true */
+  readonly loop?: boolean;
+  /**
+   * Whether items participate in a single-tabstop roving focus model.
+   * Defaults to true for `role="toolbar"` and false for plain groups.
+   *
+   * @default undefined
+   */
+  readonly rovingFocus?: boolean; /** Accessible name when no visible label or `aria-labelledby` supplies one. @default undefined */
+  readonly ariaLabel?: string; /** Space-separated ids that label the group. @default undefined */
+  readonly ariaLabelledby?: string; /** Space-separated ids that describe the group. @default undefined */
+  readonly ariaDescribedby?: string;
+};
+type __VLS_Slots$1 = {
+  /** Compound ButtonGroup items. Receives grouping, availability, and navigation state. */default(props: ButtonGroupSlotState): unknown;
+};
+declare function focus$1(options?: FocusOptions): void;
+declare function focusValue(value: string, options?: FocusOptions): boolean;
+declare const __VLS_base$1: import("vue").DefineComponent<__VLS_Props$1, {
+  activeValue: ShallowRef<string | null, string | null>;
+  disabled: ComputedRef<boolean>;
+  element: Readonly<ShallowRef<PrimitiveElement | null>>;
+  focus: typeof focus$1;
+  focusValue: typeof focusValue;
+  orientation: ComputedRef<ButtonGroupOrientation>;
+  role: ComputedRef<ButtonGroupRole>;
+  rovingFocus: ComputedRef<boolean>;
+  state: ComputedRef<ButtonGroupState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  press: (value: string, nativeEvent: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props$1> & Readonly<{
+  onPress?: (value: string, nativeEvent: MouseEvent) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;
+declare const _default$1: typeof __VLS_export$1;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/families/actions/button-group/button-group-item.vue.d.ts
+type __VLS_Props = {
+  /** Native element, custom element, or component to render. @default "button" */readonly as?: PrimitiveAs; /** Whether the rendered target already implements native button semantics. @default auto */
+  readonly native?: boolean; /** Native button submission behavior. @default "button" */
+  readonly type?: "button" | "reset" | "submit"; /** Stable item value emitted by item and group press events. @default required */
+  readonly value: string; /** Disable this item while preserving the rest of the group. @default false */
+  readonly disabled?: boolean; /** Accessible name when no visible label or `aria-labelledby` supplies one. @default undefined */
+  readonly ariaLabel?: string; /** Space-separated ids that label this item. @default undefined */
+  readonly ariaLabelledby?: string; /** Space-separated ids that describe this item. @default undefined */
+  readonly ariaDescribedby?: string;
+};
+type __VLS_Slots = {
+  /** Renders item contents with current availability and navigation state. */default(props: ButtonGroupItemSlotState): unknown;
+};
+declare function focus(options?: FocusOptions): void;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+  disabled: ComputedRef<boolean>;
+  element: Readonly<import("vue").ShallowRef<PrimitiveElement | null>>;
+  focus: typeof focus;
+  orientation: ComputedRef<ButtonGroupOrientation>;
+  state: ComputedRef<ButtonGroupItemState>;
+  value: string;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  press: (value: string, nativeEvent: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+  onPress?: (value: string, nativeEvent: MouseEvent) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { ButtonGroupItemSlotState as a, ButtonGroupRole as c, ButtonGroupItemExpose as i, ButtonGroupSlotState as l, _default$1 as n, ButtonGroupItemState as o, ButtonGroupExpose as r, ButtonGroupOrientation as s, _default as t, ButtonGroupState as u };