@astryx-vue/core 0.1.0 → 0.1.3

package/dist/Resizable-BuGKvU9I.js

@@ -0,0 +1,261 @@
+import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, onBeforeUnmount, openBlock, ref, renderSlot, useAttrs, useTemplateRef } from "vue";
+import "../styles/resize-handle.css";
+//#region src/Resizable/ResizeHandle.vue
+const _hoisted_1 = [
+	"aria-orientation",
+	"aria-valuenow",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuetext",
+	"aria-label",
+	"aria-disabled",
+	"tabindex",
+	"data-direction",
+	"data-position",
+	"data-divider",
+	"data-disabled",
+	"data-active",
+	"data-resizing"
+];
+const _hoisted_2 = ["data-hidden"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxResizeHandle",
+	inheritAttrs: false,
+	__name: "ResizeHandle",
+	props: {
+		direction: { default: "horizontal" },
+		position: { default: "inline" },
+		isReversed: {
+			type: Boolean,
+			default: false
+		},
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		hasDivider: {
+			type: Boolean,
+			default: false
+		},
+		isAlwaysVisible: {
+			type: Boolean,
+			default: true
+		},
+		pillPlacement: { default: "auto" },
+		label: {},
+		resizable: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const attrs = useAttrs();
+		const messages = useAstryxMessages();
+		const root = useTemplateRef("root");
+		const dragging = ref(false);
+		const hovered = ref(false);
+		const focused = ref(false);
+		let drag = null;
+		__expose({ element: root });
+		const label = computed(() => props.label || messages.value.layout.resizeHandle);
+		const sign = computed(() => props.isReversed ? -1 : 1);
+		const collapsed = computed(() => props.resizable?._isCollapsed ?? false);
+		const active = computed(() => hovered.value || focused.value || dragging.value);
+		const pillSide = computed(() => resolveSide(props.pillPlacement, props.isReversed, collapsed.value));
+		const forwardedAttrs = computed(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style" && key !== "onKeydown")));
+		const rootClass = computed(() => ["astryx-resize-handle", attrs.class]);
+		const rootStyle = computed(() => attrs.style);
+		const ariaNow = computed(() => {
+			const resizable = props.resizable;
+			if (resizable == null) return void 0;
+			return collapsed.value ? Math.max(resizable._size, resizable._minSizePx) : resizable._size;
+		});
+		const ariaMax = computed(() => {
+			const max = props.resizable?._maxSizePx;
+			return max != null && max !== Number.POSITIVE_INFINITY ? max : void 0;
+		});
+		const ariaText = computed(() => collapsed.value && props.resizable ? messages.value.layout.collapsed : void 0);
+		const pillStyle = computed(() => offsetStyle(props.direction, pillSide.value, true));
+		const hitStyle = computed(() => offsetStyle(props.direction, pillSide.value, false));
+		function resolveSide(placement, reversed, isCollapsed) {
+			if (placement !== "auto") return placement;
+			const panelSide = reversed ? "end" : "start";
+			if (isCollapsed) return panelSide === "start" ? "end" : "start";
+			return panelSide;
+		}
+		function offsetStyle(direction, side, pill) {
+			const dir = side === "center" ? 0 : side === "start" ? -1 : 1;
+			const gap = "var(--astryx-spacing-1, 4px)";
+			if (direction === "horizontal") {
+				if (side === "center") return {
+					insetInlineStart: "50%",
+					transform: "translateX(-50%)"
+				};
+				if (pill) return {
+					insetInlineStart: "0",
+					transform: `translate(calc(${dir} * (100% + ${gap})), -50%)`
+				};
+				return {
+					insetInlineStart: "0",
+					transform: `translateX(calc(${dir} * (3px + ${gap}) - 6.5px))`
+				};
+			}
+			if (side === "center") return {
+				insetBlockStart: "50%",
+				transform: "translateY(-50%)"
+			};
+			if (pill) return {
+				top: "0",
+				transform: `translate(-50%, calc(${dir} * (100% + ${gap})))`
+			};
+			return {
+				insetBlockStart: "0",
+				transform: `translateY(calc(${dir} * (3px + ${gap}) - 6.5px))`
+			};
+		}
+		function rtlMultiplier() {
+			if (props.direction !== "horizontal" || root.value == null) return 1;
+			return getComputedStyle(root.value).direction === "rtl" ? -1 : 1;
+		}
+		function clearDrag() {
+			drag = null;
+			dragging.value = false;
+			document.body.style.cursor = "";
+			document.body.style.userSelect = "";
+		}
+		let frame = 0;
+		let pendingDelta = 0;
+		function flushMove() {
+			if (frame) {
+				cancelAnimationFrame(frame);
+				frame = 0;
+			}
+			props.resizable?._onResizeMove(pendingDelta);
+		}
+		function pointerDown(event) {
+			if (props.isDisabled || props.resizable == null || drag) return;
+			event.preventDefault();
+			event.stopPropagation();
+			const target = event.currentTarget;
+			if (target instanceof HTMLElement) target.setPointerCapture?.(event.pointerId);
+			drag = {
+				pointerId: event.pointerId,
+				start: props.direction === "horizontal" ? event.clientX : event.clientY,
+				rtl: rtlMultiplier()
+			};
+			dragging.value = true;
+			pendingDelta = 0;
+			document.body.style.cursor = props.direction === "horizontal" ? "col-resize" : "row-resize";
+			document.body.style.userSelect = "none";
+			props.resizable._onResizeStart();
+		}
+		function pointerMove(event) {
+			if (drag == null || drag.pointerId !== event.pointerId || props.resizable == null) return;
+			pendingDelta = ((props.direction === "horizontal" ? event.clientX : event.clientY) - drag.start) * drag.rtl * sign.value;
+			if (frame) return;
+			frame = requestAnimationFrame(() => {
+				frame = 0;
+				props.resizable?._onResizeMove(pendingDelta);
+			});
+		}
+		function pointerUp(event) {
+			if (drag?.pointerId !== event.pointerId) return;
+			flushMove();
+			clearDrag();
+			props.resizable?._onResizeEnd();
+		}
+		function pointerCancel(event) {
+			if (drag?.pointerId !== event.pointerId) return;
+			if (frame) {
+				cancelAnimationFrame(frame);
+				frame = 0;
+			}
+			clearDrag();
+			props.resizable?._onResizeCancel?.();
+		}
+		function keydown(event) {
+			const resizable = props.resizable;
+			if (props.isDisabled || resizable == null) return;
+			const step = event.shiftKey ? 50 : 10;
+			const rtl = rtlMultiplier();
+			const move = (delta) => {
+				resizable._onResizeStart();
+				resizable._onResizeMove(delta);
+				resizable._onResizeEnd();
+			};
+			if (event.key === "ArrowRight" || event.key === "ArrowDown") {
+				event.preventDefault();
+				move(step * rtl * sign.value);
+			} else if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
+				event.preventDefault();
+				move(-step * rtl * sign.value);
+			} else if (event.key === "Home") {
+				event.preventDefault();
+				move(resizable._minSizePx - resizable._size);
+			} else if (event.key === "End" && resizable._maxSizePx !== Number.POSITIVE_INFINITY) {
+				event.preventDefault();
+				move(resizable._maxSizePx - resizable._size);
+			} else if (event.key === "Enter" && resizable._collapsible) {
+				event.preventDefault();
+				move(resizable._isCollapsed ? resizable._minSizePx : -resizable._size);
+			}
+		}
+		function doubleClick() {
+			const resizable = props.resizable;
+			if (props.isDisabled || resizable == null || !resizable._collapsible) return;
+			resizable._onResizeStart();
+			resizable._onResizeMove(resizable._isCollapsed ? resizable._minSizePx : -resizable._size);
+			resizable._onResizeEnd();
+		}
+		onBeforeUnmount(() => {
+			if (frame) {
+				cancelAnimationFrame(frame);
+				frame = 0;
+			}
+			if (drag) clearDrag();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" eslint-disable-next-line vue-a11y/no-static-element-interactions -- role=separator 加 tabindex 就是键盘控件；方向键、Home、End、Enter 都在这个元素上。 "), createElementVNode("div", mergeProps({
+				ref_key: "root",
+				ref: root
+			}, forwardedAttrs.value, {
+				class: rootClass.value,
+				style: rootStyle.value,
+				role: "separator",
+				"aria-orientation": __props.direction === "horizontal" ? "vertical" : "horizontal",
+				"aria-valuenow": ariaNow.value,
+				"aria-valuemin": __props.resizable?._minSizePx,
+				"aria-valuemax": ariaMax.value,
+				"aria-valuetext": ariaText.value,
+				"aria-label": label.value,
+				"aria-disabled": __props.isDisabled || void 0,
+				tabindex: __props.isDisabled ? -1 : 0,
+				"data-direction": __props.direction,
+				"data-position": __props.position,
+				"data-divider": __props.hasDivider || void 0,
+				"data-disabled": __props.isDisabled || void 0,
+				"data-active": active.value || void 0,
+				"data-resizing": dragging.value || void 0,
+				onKeydown: keydown,
+				onDblclick: doubleClick,
+				onFocus: _cache[2] || (_cache[2] = ($event) => focused.value = true),
+				onBlur: _cache[3] || (_cache[3] = ($event) => focused.value = false)
+			}), [createElementVNode("div", {
+				class: "astryx-resize-handle__hit",
+				style: normalizeStyle(hitStyle.value),
+				onPointerdown: pointerDown,
+				onPointermove: pointerMove,
+				onPointerup: pointerUp,
+				onPointercancel: pointerCancel,
+				onLostpointercapture: pointerCancel,
+				onPointerenter: _cache[0] || (_cache[0] = ($event) => hovered.value = true),
+				onPointerleave: _cache[1] || (_cache[1] = ($event) => hovered.value = dragging.value)
+			}, null, 36), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", {
+				class: "astryx-resize-handle-pill",
+				"data-hidden": __props.isAlwaysVisible ? void 0 : true,
+				style: normalizeStyle(pillStyle.value)
+			}, null, 12, _hoisted_2)])], 16, _hoisted_1)], 2112);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/ScrollableArea/index.d.ts

@@ -0,0 +1,2 @@
+import { in as ScrollableAreaSlots, nn as _default, rn as ScrollableAreaProps } from "../index-Df2YvC8o.js";
+export { _default as ScrollableArea, type ScrollableAreaProps, type ScrollableAreaSlots };

package/dist/ScrollableArea/index.js

@@ -0,0 +1,2 @@
+import { t as _sfc_main } from "../ScrollableArea-DQDYjnxO.js";
+export { _sfc_main as ScrollableArea };

package/dist/ScrollableArea-DQDYjnxO.js

@@ -0,0 +1,78 @@
+import { t as useScrollableArea } from "./useScrollableArea-DDk_CluT.js";
+import { i as spacingVariable, n as resolvePadding, t as formatSize } from "./size-xcIqExkS.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, unref, useAttrs } from "vue";
+import "../styles/scrollable-area.css";
+//#region src/ScrollableArea/ScrollableArea.vue
+const _hoisted_1 = ["data-axis", "data-full-bleed"];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxScrollableArea",
+	inheritAttrs: false,
+	__name: "ScrollableArea",
+	props: {
+		axis: { default: "block" },
+		label: {},
+		role: { default: "group" },
+		overscroll: { default: "allow" },
+		width: {},
+		height: {},
+		maxWidth: {},
+		minHeight: {},
+		stickyContainment: { default: "whenScrollable" },
+		isFullBleed: {
+			type: Boolean,
+			default: false
+		},
+		padding: { default: 0 },
+		paddingInline: {},
+		paddingInlineStart: {},
+		paddingInlineEnd: {},
+		paddingBlock: {},
+		paddingBlockStart: {},
+		paddingBlockEnd: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const attrs = useAttrs();
+		const scroll = useScrollableArea(props);
+		const forwardedAttrs = computed(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")));
+		const rootClass = computed(() => ["astryx-scrollable-area", attrs.class]);
+		const rootStyle = computed(() => [
+			attrs.style,
+			{
+				width: formatSize(props.width),
+				height: formatSize(props.height),
+				maxWidth: formatSize(props.maxWidth),
+				minHeight: formatSize(props.minHeight)
+			},
+			scroll.viewportStyle.value
+		]);
+		const contentStyle = computed(() => {
+			const padding = resolvePadding(props, props.padding ?? 0);
+			if (padding == null) return {};
+			return {
+				"--_pad-inline-start": spacingVariable(padding.inlineStart),
+				"--_pad-inline-end": spacingVariable(padding.inlineEnd),
+				"--_pad-block-start": spacingVariable(padding.blockStart),
+				"--_pad-block-end": spacingVariable(padding.blockEnd)
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({ ref: unref(scroll).viewport }, {
+				...forwardedAttrs.value,
+				...unref(scroll).viewportAttrs.value
+			}, {
+				class: rootClass.value,
+				style: rootStyle.value,
+				"data-axis": __props.axis,
+				"data-full-bleed": __props.isFullBleed || void 0
+			}), [createElementVNode("div", {
+				ref: unref(scroll).content,
+				class: "astryx-scrollable-area__content",
+				"data-scroll-content": "",
+				style: normalizeStyle(contentStyle.value)
+			}, [renderSlot(_ctx.$slots, "default")], 4)], 16, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/Section/index.d.ts

@@ -0,0 +1,2 @@
+import { a as SectionVariant, i as SectionSlots, n as SectionDivider, r as SectionProps, t as _default } from "../index-nKlTsNfV.js";
+export { _default as Section, type SectionDivider, type SectionProps, type SectionSlots, type SectionVariant };

package/dist/Section/index.js

@@ -0,0 +1,2 @@
+import { t as _sfc_main } from "../Section-C48Wqfc7.js";
+export { _sfc_main as Section };

package/dist/Section-C48Wqfc7.js

@@ -0,0 +1,68 @@
+import { r as spacingEdgeVars, t as formatSize } from "./size-xcIqExkS.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, useAttrs, useTemplateRef } from "vue";
+import "../styles/section.css";
+//#region src/Section/Section.vue
+const _hoisted_1 = [
+	"data-variant",
+	"data-divider-top",
+	"data-divider-bottom",
+	"data-divider-start",
+	"data-divider-end"
+];
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxSection",
+	inheritAttrs: false,
+	__name: "Section",
+	props: {
+		variant: { default: "section" },
+		width: {},
+		height: {},
+		maxWidth: {},
+		minHeight: {},
+		dividers: {},
+		padding: {},
+		paddingInline: {},
+		paddingInlineStart: {},
+		paddingInlineEnd: {},
+		paddingBlock: {},
+		paddingBlockStart: {},
+		paddingBlockEnd: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const attrs = useAttrs();
+		const root = useTemplateRef("root");
+		__expose({ element: root });
+		const forwardedAttrs = computed(() => Object.fromEntries(Object.entries(attrs).filter(([key]) => key !== "class" && key !== "style")));
+		const rootClass = computed(() => ["astryx-section", attrs.class]);
+		const rootStyle = computed(() => [attrs.style, {
+			width: formatSize(props.width),
+			height: formatSize(props.height),
+			maxWidth: formatSize(props.maxWidth),
+			minHeight: formatSize(props.minHeight)
+		}]);
+		const innerStyle = computed(() => spacingEdgeVars("--_section", props));
+		function hasDivider(edge) {
+			return props.dividers?.includes(edge) ? true : void 0;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({
+				ref_key: "root",
+				ref: root
+			}, forwardedAttrs.value, {
+				class: rootClass.value,
+				style: rootStyle.value
+			}), [createElementVNode("div", {
+				class: "astryx-section__inner",
+				"data-variant": __props.variant,
+				"data-divider-top": hasDivider("top"),
+				"data-divider-bottom": hasDivider("bottom"),
+				"data-divider-start": hasDivider("start"),
+				"data-divider-end": hasDivider("end"),
+				style: normalizeStyle(innerStyle.value)
+			}, [renderSlot(_ctx.$slots, "default")], 12, _hoisted_1)], 16);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as t };

package/dist/SegmentedControl/index.d.ts

@@ -1,2 +1,2 @@
-import { a as SegmentedControlItemProps, c as SegmentedControlProps, i as SegmentedControlEmits, l as SegmentedControlSize, n as _default, o as SegmentedControlItemSlots, r as SegmentedControlContextValue, s as SegmentedControlLayout, t as _default$1, u as SegmentedControlSlots } from "../index-COxy6LEW.js";
+import { a as SegmentedControlItemProps, c as SegmentedControlProps, i as SegmentedControlEmits, l as SegmentedControlSize, n as _default, o as SegmentedControlItemSlots, r as SegmentedControlContextValue, s as SegmentedControlLayout, t as _default$1, u as SegmentedControlSlots } from "../index-gW0HW02U.js";
 export { _default as SegmentedControl, type SegmentedControlContextValue, type SegmentedControlEmits, _default$1 as SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlItemSlots, type SegmentedControlLayout, type SegmentedControlProps, type SegmentedControlSize, type SegmentedControlSlots };

package/dist/SelectableCard/index.d.ts

@@ -0,0 +1,2 @@
+import { $t as SelectableCardEmits, Qt as _default, en as SelectableCardProps, tn as SelectableCardSlots } from "../index-Df2YvC8o.js";
+export { _default as SelectableCard, _default as default, type SelectableCardEmits, type SelectableCardProps, type SelectableCardSlots };

package/dist/SelectableCard/index.js

@@ -0,0 +1,2 @@
+import { n as _sfc_main, t as SelectableCard_default } from "../SelectableCard-Bj5s_tIN.js";
+export { _sfc_main as SelectableCard, SelectableCard_default as default };

package/dist/SelectableCard-Bj5s_tIN.js

@@ -0,0 +1,108 @@
+import { t as _sfc_main$1 } from "./VisuallyHidden-C7NN3VEP.js";
+import { n as useClickableContainer } from "./useClickableContainer-DyNpnSEa.js";
+import { t as _sfc_main$2 } from "./Card-HAjZQg2s.js";
+import { computed, createBlock, createVNode, defineComponent, mergeModels, openBlock, renderSlot, useModel, useTemplateRef, withCtx } from "vue";
+import "../styles/clickable-card.css";
+//#region src/SelectableCard/SelectableCard.vue
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "AstryxSelectableCard",
+	__name: "SelectableCard",
+	props: /*@__PURE__*/ mergeModels({
+		label: {},
+		isSelected: { type: Boolean },
+		isDisabled: {
+			type: Boolean,
+			default: false
+		},
+		variant: { default: "default" },
+		elevation: { default: "none" },
+		padding: {},
+		width: {},
+		height: {},
+		maxWidth: {}
+	}, {
+		"isSelected": {
+			type: Boolean,
+			required: true
+		},
+		"isSelectedModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["change"], ["update:isSelected"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const isSelected = useModel(__props, "isSelected");
+		const cardRef = useTemplateRef("card");
+		const interactiveRef = useTemplateRef("interactive");
+		const containerRef = computed(() => cardRef.value?.element ?? null);
+		const controlRef = computed(() => interactiveRef.value?.element ?? null);
+		function commit(next) {
+			isSelected.value = next;
+			emit("change", next);
+		}
+		const handlers = useClickableContainer({
+			containerRef,
+			interactiveRef: controlRef,
+			get disabled() {
+				return props.isDisabled;
+			},
+			onClick() {
+				commit(!isSelected.value);
+			}
+		});
+		function onSurfaceClick(event) {
+			if (props.isDisabled) return;
+			handlers.onClick(event);
+		}
+		function onKeyDown(event) {
+			if (props.isDisabled || event.key !== "Enter") return;
+			event.preventDefault();
+			commit(!isSelected.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(_sfc_main$2, {
+				ref: "card",
+				class: "astryx-clickable-card astryx-selectable-card",
+				"data-disabled": __props.isDisabled || void 0,
+				"data-selected": isSelected.value || void 0,
+				elevation: __props.elevation,
+				height: __props.height,
+				"max-width": __props.maxWidth,
+				padding: __props.padding,
+				variant: __props.variant,
+				width: __props.width,
+				onClick: onSurfaceClick
+			}, {
+				default: withCtx(() => [createVNode(_sfc_main$1, {
+					ref: "interactive",
+					as: "input",
+					"aria-label": __props.label,
+					checked: isSelected.value,
+					disabled: __props.isDisabled,
+					type: "checkbox",
+					onChange: _cache[0] || (_cache[0] = ($event) => commit($event.target.checked)),
+					onKeydown: onKeyDown
+				}, null, 8, [
+					"aria-label",
+					"checked",
+					"disabled"
+				]), renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"data-disabled",
+				"data-selected",
+				"elevation",
+				"height",
+				"max-width",
+				"padding",
+				"variant",
+				"width"
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/SelectableCard/index.ts
+var SelectableCard_default = _sfc_main;
+//#endregion
+export { _sfc_main as n, SelectableCard_default as t };

package/dist/Selector/index.d.ts

@@ -1,2 +1,2 @@
-import { a as SelectorSize, i as SelectorProps, n as SelectorEmits, o as SelectorSlots, r as SelectorOption, s as SelectorStatus, t as _default } from "../index-Cc2HGODZ.js";
+import { a as SelectorSize, i as SelectorProps, n as SelectorEmits, o as SelectorSlots, r as SelectorOption, s as SelectorStatus, t as _default } from "../index-C6RecznD.js";
 export { _default as Selector, type SelectorEmits, type SelectorOption, type SelectorProps, type SelectorSize, type SelectorSlots, type SelectorStatus };

package/dist/Selector/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Selector-C6sPJMtH.js";
+import { t as _sfc_main } from "../Selector-DlZpQh42.js";
 export { _sfc_main as Selector };

package/dist/{Selector-C6sPJMtH.js → Selector-DlZpQh42.js}

@@ -1,6 +1,6 @@
 import { t as useCombobox } from "./useCombobox-CTo5C-gc.js";
 import { t as useDismiss } from "./useDismiss-CAiHU6QD.js";
-import { a as useAstryxMessages } from "./locale-56lkR7OK.js";
+import { a as useAstryxMessages } from "./context-D6ECRdc5.js";
 import { t as usePositionedLayer } from "./usePositionedLayer-C1NBOsVT.js";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, useSlots, useTemplateRef, vShow, watch, withDirectives, withKeys, withModifiers } from "vue";
 import "../styles/visually-hidden-utility.css";

package/dist/SideNav/index.d.ts

@@ -1,2 +1,2 @@
-import { At as SideNavItemEmits, Ct as _default$2, Dt as SideNavCollapsible, Et as SideNavCollapseButtonProps, Ft as useSideNavCollapse, Mt as SideNavProps, Nt as SideNavSectionProps, Ot as SideNavEmits, Pt as SideNavCollapseContext, St as _default$3, Tt as _default, jt as SideNavItemProps, kt as SideNavHeadingProps, wt as _default$1, xt as _default$4 } from "../index-CaHXYQ_E.js";
+import { Bt as _default$1, Gt as SideNavHeadingProps, Ht as SideNavCollapseButtonProps, Jt as SideNavProps, Kt as SideNavItemEmits, Lt as _default$4, Rt as _default$3, Ut as SideNavCollapsible, Vt as _default, Wt as SideNavEmits, Xt as SideNavCollapseContext, Yt as SideNavSectionProps, Zt as useSideNavCollapse, qt as SideNavItemProps, zt as _default$2 } from "../index-Df2YvC8o.js";
 export { _default as SideNav, _default$1 as SideNavCollapseButton, type SideNavCollapseButtonProps, type SideNavCollapseContext, type SideNavCollapsible, type SideNavEmits, _default$2 as SideNavHeading, type SideNavHeadingProps, _default$3 as SideNavItem, type SideNavItemEmits, type SideNavItemProps, type SideNavProps, _default$4 as SideNavSection, type SideNavSectionProps, useSideNavCollapse };

package/dist/SideNav/index.js

@@ -1,2 +1,3 @@
-import { a as _sfc_main$1, i as _sfc_main, n as _sfc_main$3, o as useSideNavCollapse, r as _sfc_main$2, t as _sfc_main$4 } from "../SideNav-D9lnn-sM.js";
+import { r as useSideNavCollapse } from "../context-BjNya0v8.js";
+import { a as _sfc_main$1, i as _sfc_main, n as _sfc_main$3, r as _sfc_main$2, t as _sfc_main$4 } from "../SideNav-Cdrigq2A.js";
 export { _sfc_main as SideNav, _sfc_main$1 as SideNavCollapseButton, _sfc_main$2 as SideNavHeading, _sfc_main$3 as SideNavItem, _sfc_main$4 as SideNavSection, useSideNavCollapse };