@vizejs/ui 0.386.0 → 0.388.0

package/dist/{checkbox-BgIvwjyC.mjs → checkbox-bM5y7vH8.mjs}

@@ -1,14 +1,14 @@
-import { useControllableState } from "./controllable-state.mjs";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { useControllableState } from "./controllable-state.mjs";
 import { computed, createElementBlock, defineComponent, nextTick, openBlock, unref, useTemplateRef, watch, watchEffect } from "vue";
-//#region src/checkbox-state.ts
+//#region src/families/selection/checkbox/checkbox-state.ts
 /** Resolve the visual state while giving the mixed state precedence. */
 function getCheckboxState(checked, indeterminate) {
 	if (indeterminate) return "indeterminate";
 	return checked ? "checked" : "unchecked";
 }
 //#endregion
-//#region src/CheckboxControl.vue?vue&type=script&setup=true&lang.ts
+//#region src/families/selection/checkbox/checkbox-control.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = [
 	"checked",
 	"disabled",
@@ -17,9 +17,9 @@ const _hoisted_1 = [
 	"data-state"
 ];
 //#endregion
-//#region src/CheckboxControl.vue
-var CheckboxControl_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "CheckboxControl",
+//#region src/families/selection/checkbox/checkbox-control.vue
+var checkbox_control_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "checkbox-control",
 	props: {
 		modelValue: {
 			type: Boolean,
@@ -114,6 +114,6 @@ var CheckboxControl_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}, null, 40, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-09fed76b"]]);
+}), [["__scopeId", "data-v-3becdfb9"]]);
 //#endregion
-export { getCheckboxState as n, CheckboxControl_default as t };
+export { getCheckboxState as n, checkbox_control_default as t };

package/dist/checkbox.d.mts

@@ -1,2 +1,2 @@
-import { n as CheckboxState, r as getCheckboxState, t as _default } from "./checkbox-DP3_ko7D.mjs";
+import { as as CheckboxState, is as _default, os as getCheckboxState } from "./announcer-DGr2Iz0i.mjs";
 export { _default as Checkbox, CheckboxState, getCheckboxState };

package/dist/checkbox.mjs

@@ -1,2 +1,2 @@
-import { n as getCheckboxState, t as CheckboxControl_default } from "./checkbox-BgIvwjyC.mjs";
-export { CheckboxControl_default as Checkbox, getCheckboxState };
+import { n as getCheckboxState, t as checkbox_control_default } from "./checkbox-bM5y7vH8.mjs";
+export { checkbox_control_default as Checkbox, getCheckboxState };

package/dist/cluster-BWF028Xt.d.mts

@@ -0,0 +1,133 @@
+import { t as PrimitiveAs } from "./primitive-BE2mdUcw.mjs";
+import { ComponentPublicInstance } from "vue";
+
+//#region src/families/layout/cluster/cluster-types.d.ts
+/** Native CSS `align-items` values supported by {@link Cluster}. */
+type ClusterAlign = "stretch" | "start" | "center" | "end" | "baseline";
+/** Native CSS `justify-content` values supported by {@link Cluster}. */
+type ClusterJustify = "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
+/** Native CSS `gap` value accepted by {@link Cluster}. Numbers resolve to px lengths. */
+type ClusterGap = string | number;
+/** CSS-ready `gap` value published after numeric gaps are normalized. */
+type ClusterResolvedGap = string;
+/** CSS `flex-direction` produced by the inline cluster flow. */
+type ClusterFlexDirection = "row" | "row-reverse";
+/** CSS `flex-wrap` value produced by the Cluster wrap flag. */
+type ClusterFlexWrap = "wrap" | "nowrap";
+/** Rendered data state for {@link Cluster}. */
+type ClusterState = "clustered";
+/** Rendered value exposed by {@link Cluster}. */
+type ClusterElement = Element | ComponentPublicInstance;
+/** State exposed to the default Cluster slot. */
+interface ClusterSlotState {
+  /** Whether items can wrap onto additional lines. */
+  readonly wrap: boolean;
+  /** Whether inline item flow is reversed without changing DOM order. */
+  readonly reversed: boolean;
+  /** CSS `flex-direction` applied to the rendered host. */
+  readonly direction: ClusterFlexDirection;
+  /** CSS `flex-wrap` applied to the rendered host. */
+  readonly wrapMode: ClusterFlexWrap;
+  /** Resolved CSS `gap` value between direct children. */
+  readonly gap: ClusterResolvedGap;
+  /** Native CSS `align-items` value for the cross axis. */
+  readonly align: ClusterAlign;
+  /** Native CSS `justify-content` value for the inline axis. */
+  readonly justify: ClusterJustify;
+  /** Stable state token for styling and tests. */
+  readonly state: ClusterState;
+}
+/** Inline style hooks applied to the rendered Cluster host. */
+interface ClusterStyle {
+  /** Consumer-overridable gap hook read by the host `gap` declaration. */
+  readonly "--vize-ui-cluster-gap": ClusterResolvedGap;
+  /** Consumer-overridable alignment hook read by the host `align-items` declaration. */
+  readonly "--vize-ui-cluster-align": ClusterAlign;
+  /** Consumer-overridable justification hook read by the host `justify-content` declaration. */
+  readonly "--vize-ui-cluster-justify": ClusterJustify;
+  /** Flex layout mode for wrapping inline clusters. */
+  readonly display: "flex";
+  /** CSS inline flow direction. */
+  readonly flexDirection: ClusterFlexDirection;
+  /** CSS line wrapping behavior. */
+  readonly flexWrap: ClusterFlexWrap;
+  /** Native child spacing declaration. */
+  readonly gap: string;
+  /** Native cross-axis alignment declaration. */
+  readonly alignItems: string;
+  /** Native inline-axis distribution declaration. */
+  readonly justifyContent: string;
+}
+/** Resolved layout state published by {@link Cluster}. */
+interface ClusterResolvedLayout extends ClusterSlotState {
+  /** Native flexbox style object applied to the host. */
+  readonly style: ClusterStyle;
+}
+/** Public instance state exposed by the Cluster primitive. */
+interface ClusterExpose extends ClusterSlotState {
+  /** Rendered host element or component instance. */
+  readonly element: ClusterElement | null;
+}
+//#endregion
+//#region src/families/layout/cluster/cluster.vue.d.ts
+type __VLS_Props = {
+  /**
+   * Native element, custom element, or component to render.
+   *
+   * @default "div"
+   */
+  readonly as?: PrimitiveAs;
+  /**
+   * Native CSS `gap` value between direct children. Numbers resolve to px lengths.
+   *
+   * @default 0
+   */
+  readonly gap?: ClusterGap;
+  /**
+   * Native CSS `align-items` value for the cross axis.
+   *
+   * @default "stretch"
+   */
+  readonly align?: ClusterAlign;
+  /**
+   * Native CSS `justify-content` value for the inline axis.
+   *
+   * @default "start"
+   */
+  readonly justify?: ClusterJustify;
+  /**
+   * Allow items to wrap onto additional lines.
+   *
+   * @default true
+   */
+  readonly wrap?: boolean;
+  /**
+   * Reverse inline item flow without changing DOM order.
+   *
+   * @default false
+   */
+  readonly reversed?: boolean;
+};
+type __VLS_Slots = {
+  /** Renders cluster children with the resolved inline layout state. */default(props: ClusterSlotState): unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+  align: import("vue").ComputedRef<ClusterAlign>;
+  direction: import("vue").ComputedRef<ClusterFlexDirection>;
+  element: Readonly<import("vue").ShallowRef<ClusterElement | null>>;
+  gap: import("vue").ComputedRef<string>;
+  justify: import("vue").ComputedRef<ClusterJustify>;
+  reversed: import("vue").ComputedRef<boolean>;
+  state: import("vue").ComputedRef<"clustered">;
+  wrap: import("vue").ComputedRef<boolean>;
+  wrapMode: import("vue").ComputedRef<ClusterFlexWrap>;
+}, {}, {}, {}, 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 { ClusterFlexDirection as a, ClusterJustify as c, ClusterSlotState as d, ClusterState as f, ClusterExpose as i, ClusterResolvedGap as l, ClusterAlign as n, ClusterFlexWrap as o, ClusterStyle as p, ClusterElement as r, ClusterGap as s, _default as t, ClusterResolvedLayout as u };

package/dist/cluster-BydJTp9X.mjs

@@ -0,0 +1,149 @@
+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";
+function normalizeClusterGap(gap) {
+	if (typeof gap === "number") return gap === 0 ? "0" : `${gap}px`;
+	return gap;
+}
+function resolveFlexDirection(reversed) {
+	return reversed ? "row-reverse" : "row";
+}
+function resolveFlexWrap(wrap) {
+	return wrap ? "wrap" : "nowrap";
+}
+/** Resolve public Cluster props into a native CSS flexbox contract. */
+function resolveClusterLayout(options) {
+	const align = options.align ?? "stretch";
+	const gap = normalizeClusterGap(options.gap ?? 0);
+	const justify = options.justify ?? "start";
+	const reversed = options.reversed ?? false;
+	const wrap = options.wrap ?? true;
+	const direction = resolveFlexDirection(reversed);
+	const wrapMode = resolveFlexWrap(wrap);
+	return {
+		align,
+		direction,
+		gap,
+		justify,
+		reversed,
+		state: "clustered",
+		wrap,
+		wrapMode,
+		style: {
+			"--vize-ui-cluster-align": align,
+			"--vize-ui-cluster-gap": gap,
+			"--vize-ui-cluster-justify": justify,
+			alignItems: "var(--vize-ui-cluster-align)",
+			display: "flex",
+			flexDirection: direction,
+			flexWrap: wrapMode,
+			gap: "var(--vize-ui-cluster-gap)",
+			justifyContent: "var(--vize-ui-cluster-justify)"
+		}
+	};
+}
+//#endregion
+//#region src/families/layout/cluster/cluster.vue
+var cluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "cluster",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		},
+		gap: {
+			type: [String, Number],
+			required: false,
+			default: 0
+		},
+		align: {
+			type: String,
+			required: false,
+			default: "stretch"
+		},
+		justify: {
+			type: String,
+			required: false,
+			default: "start"
+		},
+		wrap: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
+		reversed: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const element = useTemplateRef("element");
+		const layout = computed(() => resolveClusterLayout({
+			align: __props.align,
+			gap: __props.gap,
+			justify: __props.justify,
+			reversed: __props.reversed,
+			wrap: __props.wrap
+		}));
+		const alignState = computed(() => layout.value.align);
+		const directionState = computed(() => layout.value.direction);
+		const gapState = computed(() => layout.value.gap);
+		const justifyState = computed(() => layout.value.justify);
+		const reversedState = computed(() => layout.value.reversed);
+		const clusterState = computed(() => layout.value.state);
+		const wrapState = computed(() => layout.value.wrap);
+		const wrapModeState = computed(() => layout.value.wrapMode);
+		const clusterStyle = computed(() => layout.value.style);
+		const slotState = computed(() => ({
+			align: alignState.value,
+			direction: directionState.value,
+			gap: gapState.value,
+			justify: justifyState.value,
+			reversed: reversedState.value,
+			state: clusterState.value,
+			wrap: wrapState.value,
+			wrapMode: wrapModeState.value
+		}));
+		const intrinsicProps = computed(() => ({ style: clusterStyle.value }));
+		__expose({
+			align: alignState,
+			direction: directionState,
+			element,
+			gap: gapState,
+			justify: justifyState,
+			reversed: reversedState,
+			state: clusterState,
+			wrap: wrapState,
+			wrapMode: wrapModeState
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), mergeProps({
+				ref_key: "element",
+				ref: element,
+				part: "root",
+				"data-vize-ui": "cluster",
+				"data-state": clusterState.value,
+				"data-wrap": wrapState.value ? "true" : "false",
+				"data-reversed": reversedState.value ? "true" : "false",
+				"data-align": alignState.value,
+				"data-justify": justifyState.value,
+				"data-vize-cluster-direction": directionState.value,
+				"data-vize-cluster-gap": gapState.value
+			}, intrinsicProps.value), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)]),
+				_: 3
+			}, 16, [
+				"data-state",
+				"data-wrap",
+				"data-reversed",
+				"data-align",
+				"data-justify",
+				"data-vize-cluster-direction",
+				"data-vize-cluster-gap"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-2f4ff50f"]]);
+//#endregion
+export { cluster_default as t };

package/dist/cluster.d.mts

@@ -0,0 +1,2 @@
+import { a as ClusterFlexDirection, c as ClusterJustify, d as ClusterSlotState, f as ClusterState, i as ClusterExpose, l as ClusterResolvedGap, n as ClusterAlign, o as ClusterFlexWrap, p as ClusterStyle, r as ClusterElement, s as ClusterGap, t as _default, u as ClusterResolvedLayout } from "./cluster-BWF028Xt.mjs";
+export { _default as Cluster, type ClusterAlign, type ClusterElement, type ClusterExpose, type ClusterFlexDirection, type ClusterFlexWrap, type ClusterGap, type ClusterJustify, type ClusterResolvedGap, type ClusterResolvedLayout, type ClusterSlotState, type ClusterState, type ClusterStyle };

package/dist/cluster.mjs

@@ -0,0 +1,2 @@
+import { t as cluster_default } from "./cluster-BydJTp9X.mjs";
+export { cluster_default as Cluster };

package/dist/code-D93YXaeJ.mjs

@@ -0,0 +1,66 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { computed, createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, useTemplateRef, withCtx } from "vue";
+//#endregion
+//#region src/families/typography/code/code.vue
+var code_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "code",
+	props: {
+		as: {
+			type: null,
+			required: false,
+			default: "code"
+		},
+		size: {
+			type: String,
+			required: false,
+			default: "md"
+		},
+		variant: {
+			type: String,
+			required: false,
+			default: "inline"
+		},
+		tone: {
+			type: String,
+			required: false,
+			default: "neutral"
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const element = useTemplateRef("element");
+		const sizeState = computed(() => __props.size);
+		const variantState = computed(() => __props.variant);
+		const toneState = computed(() => __props.tone);
+		const slotState = computed(() => ({
+			size: sizeState.value,
+			tone: toneState.value,
+			variant: variantState.value
+		}));
+		__expose({
+			element,
+			size: sizeState,
+			tone: toneState,
+			variant: variantState
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.as), {
+				ref_key: "element",
+				ref: element,
+				part: "root",
+				"data-vize-ui": "code",
+				"data-size": sizeState.value,
+				"data-variant": variantState.value,
+				"data-tone": toneState.value
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)]),
+				_: 3
+			}, 8, [
+				"data-size",
+				"data-variant",
+				"data-tone"
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-63bc8083"]]);
+//#endregion
+export { code_default as t };

package/dist/code.d.mts

@@ -0,0 +1,2 @@
+import { As as CodeVariant, Ds as CodeSize, Es as CodeExpose, Os as CodeSlotState, Ts as CodeElement, ks as CodeTone, ws as _default } from "./announcer-DGr2Iz0i.mjs";
+export { _default as Code, type CodeElement, type CodeExpose, type CodeSize, type CodeSlotState, type CodeTone, type CodeVariant };

package/dist/code.mjs

@@ -0,0 +1,2 @@
+import { t as code_default } from "./code-D93YXaeJ.mjs";
+export { code_default as Code };

package/dist/collapsible-Cra5y_if.mjs

@@ -0,0 +1,269 @@
+import { a as useDeterministicId, n as deriveDeterministicId } from "./deterministic-id-yMq4HfmS.mjs";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { createContext } from "./context.mjs";
+import { useControllableState } from "./controllable-state.mjs";
+import { computed, createElementBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, useTemplateRef } from "vue";
+//#region src/families/disclosure/collapsible/collapsible-context.ts
+const collapsibleContext = createContext("Collapsible");
+//#endregion
+//#region src/families/disclosure/collapsible/collapsible-root.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$2 = [
+	"id",
+	"data-state",
+	"data-disabled"
+];
+//#endregion
+//#region src/families/disclosure/collapsible/collapsible-root.vue
+var collapsible_root_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "collapsible-root",
+	props: {
+		id: {
+			type: [String, null],
+			required: false,
+			default: () => void 0
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: () => void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	},
+	emits: ["update:open", "open-change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const openState = useControllableState({
+			value: () => __props.open,
+			defaultValue: () => __props.defaultOpen
+		});
+		const isOpen = openState.value;
+		const disabledState = computed(() => __props.disabled);
+		const state = computed(() => isOpen.value ? "open" : "closed");
+		const baseId = useDeterministicId({
+			id: () => __props.id,
+			hint: "collapsible"
+		});
+		const triggerId = computed(() => deriveDeterministicId(baseId.value, "trigger"));
+		const contentId = computed(() => deriveDeterministicId(baseId.value, "content"));
+		const slotState = computed(() => ({
+			disabled: disabledState.value,
+			open: isOpen.value,
+			state: state.value
+		}));
+		function setOpen(value, nativeEvent = null) {
+			const previous = isOpen.value;
+			const changed = openState.set(value);
+			if (changed) {
+				emit("update:open", value);
+				emit("open-change", value, previous, nativeEvent);
+			}
+			return changed;
+		}
+		const context = collapsibleContext.provide({
+			id: baseId,
+			triggerId,
+			contentId,
+			open: isOpen,
+			disabled: disabledState,
+			state,
+			setOpen,
+			expand: (nativeEvent = null) => setOpen(true, nativeEvent),
+			collapse: (nativeEvent = null) => setOpen(false, nativeEvent),
+			toggle: (nativeEvent = null) => setOpen(!isOpen.value, nativeEvent)
+		});
+		__expose({
+			collapse: context.collapse,
+			contentId,
+			disabled: disabledState,
+			expand: context.expand,
+			id: baseId,
+			open: isOpen,
+			setOpen,
+			state,
+			toggle: context.toggle,
+			triggerId
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				id: unref(baseId),
+				"data-vize-ui": "collapsible-root",
+				part: "root",
+				"data-state": state.value,
+				"data-disabled": __props.disabled ? "true" : void 0
+			}, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotState.value)), void 0, true)], 8, _hoisted_1$2);
+		};
+	}
+}), [["__scopeId", "data-v-36b38cf6"]]);
+//#endregion
+//#region src/families/disclosure/collapsible/collapsible-content.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1$1 = [
+	"id",
+	"role",
+	"hidden",
+	"aria-label",
+	"aria-labelledby",
+	"aria-describedby",
+	"data-state",
+	"data-disabled"
+];
+//#endregion
+//#region src/families/disclosure/collapsible/collapsible-content.vue
+var collapsible_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "collapsible-content",
+	props: {
+		role: {
+			type: [String, null],
+			required: false,
+			default: "region"
+		},
+		ariaLabel: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		ariaLabelledby: {
+			type: [String, null],
+			required: false,
+			default: () => void 0
+		},
+		ariaDescribedby: {
+			type: String,
+			required: false,
+			default: () => void 0
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		const context = collapsibleContext.use();
+		const element = useTemplateRef("element");
+		const roleValue = computed(() => __props.role ?? void 0);
+		const ariaLabelledbyValue = computed(() => {
+			if (roleValue.value === void 0 || __props.ariaLabel) return void 0;
+			return __props.ariaLabelledby ?? context.triggerId.value;
+		});
+		function focusContent(options) {
+			element.value?.focus(options);
+		}
+		__expose({
+			disabled: context.disabled,
+			element,
+			focusContent,
+			open: context.open,
+			state: context.state
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				id: unref(context).contentId.value,
+				ref_key: "element",
+				ref: element,
+				role: roleValue.value,
+				hidden: unref(context).open.value ? void 0 : true,
+				"aria-label": roleValue.value === void 0 ? void 0 : __props.ariaLabel,
+				"aria-labelledby": ariaLabelledbyValue.value,
+				"aria-describedby": roleValue.value === void 0 ? void 0 : __props.ariaDescribedby,
+				"data-vize-ui": "collapsible-content",
+				part: "content",
+				"data-state": unref(context).state.value,
+				"data-disabled": unref(context).disabled.value ? "true" : void 0
+			}, [renderSlot(_ctx.$slots, "default", {
+				disabled: unref(context).disabled.value,
+				open: unref(context).open.value,
+				state: unref(context).state.value
+			}, void 0, true)], 8, _hoisted_1$1);
+		};
+	}
+}), [["__scopeId", "data-v-351bea23"]]);
+//#endregion
+//#region src/families/disclosure/collapsible/collapsible-trigger.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = [
+	"id",
+	"type",
+	"disabled",
+	"aria-label",
+	"aria-labelledby",
+	"aria-expanded",
+	"aria-controls",
+	"data-state",
+	"data-disabled"
+];
+//#endregion
+//#region src/families/disclosure/collapsible/collapsible-trigger.vue
+var collapsible_trigger_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "collapsible-trigger",
+	props: {
+		type: {
+			type: String,
+			required: false,
+			default: "button"
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		ariaLabel: {
+			type: String,
+			required: false,
+			default: () => void 0
+		},
+		ariaLabelledby: {
+			type: String,
+			required: false,
+			default: () => void 0
+		}
+	},
+	emits: ["click"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const context = collapsibleContext.use();
+		const element = useTemplateRef("element");
+		const triggerDisabled = computed(() => context.disabled.value || __props.disabled);
+		function onClick(event) {
+			if (triggerDisabled.value) {
+				event.preventDefault();
+				return;
+			}
+			emit("click", event);
+			if (!event.defaultPrevented) context.toggle(event);
+		}
+		function focus(options) {
+			element.value?.focus(options);
+		}
+		__expose({
+			element,
+			focus
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				id: unref(context).triggerId.value,
+				ref_key: "element",
+				ref: element,
+				type: __props.type,
+				disabled: triggerDisabled.value,
+				"aria-label": __props.ariaLabel,
+				"aria-labelledby": __props.ariaLabelledby,
+				"aria-expanded": unref(context).open.value ? "true" : "false",
+				"aria-controls": unref(context).contentId.value,
+				"data-vize-ui": "collapsible-trigger",
+				part: "trigger",
+				"data-state": unref(context).state.value,
+				"data-disabled": triggerDisabled.value ? "true" : void 0,
+				onClick
+			}, [renderSlot(_ctx.$slots, "default", {
+				disabled: triggerDisabled.value,
+				open: unref(context).open.value,
+				state: unref(context).state.value
+			}, void 0, true)], 8, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-650ae43b"]]);
+//#endregion
+export { collapsible_content_default as n, collapsible_root_default as r, collapsible_trigger_default as t };

package/dist/collapsible.d.mts

@@ -0,0 +1,2 @@
+import { cs as _default$1, ds as CollapsibleContentRole, fs as CollapsibleRootExpose, hs as CollapsibleTriggerExpose, ls as _default, ms as CollapsibleState, ps as CollapsibleSlotState, ss as _default$2, us as CollapsibleContentExpose } from "./announcer-DGr2Iz0i.mjs";
+export { _default as Collapsible, _default as CollapsibleRoot, _default$1 as CollapsibleContent, type CollapsibleContentExpose, type CollapsibleContentRole, type CollapsibleRootExpose, type CollapsibleSlotState, type CollapsibleState, _default$2 as CollapsibleTrigger, type CollapsibleTriggerExpose };