@astryx-vue/core 0.2.6 → 0.3.0

package/THIRD_PARTY_NOTICES.md

@@ -43,3 +43,12 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
+
+## OverlayScrollbars
+
+`ScrollbarsProvider` uses OverlayScrollbars as a runtime dependency. It is installed from npm and is not copied into this package. `styles/scrollbars.css` imports its stylesheet into the `astryx.base` layer and defines the `os-theme-astryx` theme.
+
+- Repository: <https://github.com/KingSora/OverlayScrollbars>
+- Version: `2.16.0`
+- License: MIT
+- Copyright: (c) Rene Haas | KingSora

package/dist/AlertDialog/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as useImperativeAlertDialog } from "../AlertDialog-BBhl5P1X.js";
+import { n as _sfc_main, t as useImperativeAlertDialog } from "../AlertDialog-RAVA_cT1.js";
 export { _sfc_main as AlertDialog, useImperativeAlertDialog };

package/dist/{AlertDialog-BBhl5P1X.js → AlertDialog-RAVA_cT1.js}

@@ -2,7 +2,8 @@ import { t as _sfc_main$1 } from "./Button-B6Hj_O_s.js";
 import { t as useMediaQuery } from "./useMediaQuery-GMmgp28-.js";
 import { t as _sfc_main$2 } from "./Dialog-FGHfDu5M.js";
 import { t as _sfc_main$3 } from "./Heading-BnwWEWkp.js";
-import { t as _sfc_main$4 } from "./Stack-D_Bhs-3r.js";
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
+import { t as _sfc_main$4 } from "./Stack-kQlYbbL4.js";
 import { t as _sfc_main$5 } from "./Text-CV3LmscH.js";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, h, mergeProps, normalizeClass, openBlock, provide, ref, renderList, renderSlot, shallowRef, toDisplayString, unref, useId, useTemplateRef, withCtx } from "vue";
 import "../styles/alert-dialog.css";
@@ -10,7 +11,10 @@ import "../styles/alert-dialog.css";
 const ALERT_DIALOG_CONTEXT_KEY = Symbol("astryx-alert-dialog");
 //#endregion
 //#region src/AlertDialog/AlertDialog.vue
-const _hoisted_1 = { class: "astryx-alert-dialog__content" };
+const _hoisted_1 = {
+	ref: "content",
+	class: "astryx-alert-dialog__content"
+};
 const _hoisted_2 = { class: "astryx-alert-dialog__footer" };
 /**
 * Order is part of the contract, not just the visual: on a narrow screen the
@@ -51,6 +55,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			titleId
 		});
 		const dialog = useTemplateRef("dialog");
+		const contentEl = useTemplateRef("content");
+		useScrollbars(contentEl);
 		const element = computed(() => {
 			const rendered = dialog.value?.$el;
 			return rendered instanceof HTMLElement ? rendered : null;
@@ -120,7 +126,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(__props.description), 1)])]),
 					_: 3
-				})]), createElementVNode("div", _hoisted_2, [createVNode(_sfc_main$4, {
+				})], 512), createElementVNode("div", _hoisted_2, [createVNode(_sfc_main$4, {
 					class: "astryx-alert-dialog__actions",
 					direction: unref(isSmallScreen) ? "vertical" : "horizontal",
 					gap: 2,

package/dist/AppShell/index.d.ts

@@ -1,2 +1,2 @@
-import { a as AppShellMobileNav, c as AppShellVariant, i as AppShellHeight, n as AppShellBreakpoint, o as AppShellProps, r as AppShellEmits, s as AppShellSlots, t as _default } from "../index-B1eCxBCY.js";
+import { a as AppShellMobileNav, c as AppShellVariant, i as AppShellHeight, n as AppShellBreakpoint, o as AppShellProps, r as AppShellEmits, s as AppShellSlots, t as _default } from "../index-TXcNH86P.js";
 export { _default as AppShell, type AppShellBreakpoint, type AppShellEmits, type AppShellHeight, type AppShellMobileNav, type AppShellProps, type AppShellSlots, type AppShellVariant };

package/dist/AppShell/index.js

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

package/dist/{AppShell-mrflO0Uy.js → AppShell-0wTvOo3H.js}

@@ -1,7 +1,7 @@
 import { t as appShellMobileKey } from "./useAppShellMobile-DTsyuAJ4.js";
 import { o as useAstryxMessages } from "./context-iABt_ueM.js";
-import { a as _sfc_main$2, n as _sfc_main$4, r as _sfc_main$3, t as _sfc_main$5 } from "./LayoutPanel-DeOh00p5.js";
-import { n as _sfc_main$7, t as _sfc_main$6 } from "./MobileNavToggle-C3dkrM98.js";
+import { a as _sfc_main$2, n as _sfc_main$4, r as _sfc_main$3, t as _sfc_main$5 } from "./LayoutPanel-DXOsaeQb.js";
+import { n as _sfc_main$7, t as _sfc_main$6 } from "./MobileNavToggle-DxGz0xKA.js";
 import { n as sideNavRenderModeKey } from "./context-BjNya0v8.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeModels, mergeProps, openBlock, provide, reactive, ref, renderSlot, toDisplayString, unref, useAttrs, useId, useModel, useSlots, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/app-shell.css";

package/dist/Avatar/index.d.ts

@@ -1,2 +1,2 @@
-import { a as AvatarProps, c as AvatarStatusDotProps, d as AvatarStatusDotVariantName, i as AvatarNumericSize, l as AvatarStatusDotSlots, n as _default, o as AvatarShape, r as AvatarNamedSize, s as AvatarSize, t as _default$1, u as AvatarStatusDotVariant } from "../index-DUnDGFQE.js";
+import { a as AvatarProps, c as AvatarStatusDotProps, d as AvatarStatusDotVariantName, i as AvatarNumericSize, l as AvatarStatusDotSlots, n as _default, o as AvatarShape, r as AvatarNamedSize, s as AvatarSize, t as _default$1, u as AvatarStatusDotVariant } from "../index-DNA2l1RN.js";
 export { _default as Avatar, type AvatarNamedSize, type AvatarNumericSize, type AvatarProps, type AvatarShape, type AvatarSize, _default$1 as AvatarStatusDot, type AvatarStatusDotProps, type AvatarStatusDotSlots, type AvatarStatusDotVariant, type AvatarStatusDotVariantName };

package/dist/AvatarGroup/index.d.ts

@@ -1,2 +1,2 @@
-import { a as AvatarGroupOverflowSlots, i as AvatarGroupOverflowProps, n as _default, o as AvatarGroupProps, r as AvatarGroupOverflowEmits, t as _default$1 } from "../index-CdtZjkmG.js";
+import { a as AvatarGroupOverflowSlots, i as AvatarGroupOverflowProps, n as _default, o as AvatarGroupProps, r as AvatarGroupOverflowEmits, t as _default$1 } from "../index-DUaLJO7l.js";
 export { _default as AvatarGroup, _default$1 as AvatarGroupOverflow, type AvatarGroupOverflowEmits, type AvatarGroupOverflowProps, type AvatarGroupOverflowSlots, type AvatarGroupProps };

package/dist/Banner/index.d.ts

@@ -1,2 +1,2 @@
-import { Ga as BannerContainer, Ja as BannerSlots, Ka as BannerEmits, Wa as _default, Ya as BannerStatus, qa as BannerProps } from "../index-CdtZjkmG.js";
+import { Ga as BannerContainer, Ja as BannerSlots, Ka as BannerEmits, Wa as _default, Ya as BannerStatus, qa as BannerProps } from "../index-DUaLJO7l.js";
 export { _default as Banner, type BannerContainer, type BannerEmits, type BannerProps, type BannerSlots, type BannerStatus };

package/dist/BottomSheet/index.d.ts

@@ -1,2 +1,2 @@
-import { a as BottomSheetMotion, c as BottomSheetPurpose, d as BottomSheetState, i as BottomSheetHeight, l as BottomSheetSlots, n as _default, o as BottomSheetPadding, r as BottomSheetEmits, s as BottomSheetProps, t as _default$1, u as BottomSheetSnapPoint } from "../index-CQCTKjIO.js";
+import { a as BottomSheetMotion, c as BottomSheetPurpose, d as BottomSheetState, i as BottomSheetHeight, l as BottomSheetSlots, n as _default, o as BottomSheetPadding, r as BottomSheetEmits, s as BottomSheetProps, t as _default$1, u as BottomSheetSnapPoint } from "../index-0QGtSf3r.js";
 export { _default as BottomSheet, type BottomSheetEmits, type BottomSheetHeight, type BottomSheetMotion, type BottomSheetPadding, type BottomSheetProps, type BottomSheetPurpose, type BottomSheetSlots, type BottomSheetSnapPoint, type BottomSheetState, _default$1 as BottomSheetSwitcher };

package/dist/BottomSheet/index.js

@@ -1,3 +1,3 @@
-import { t as _sfc_main } from "../BottomSheet-eJ3FzTBD.js";
-import { t as _sfc_main$1 } from "../BottomSheet-DIVwbGr3.js";
+import { t as _sfc_main } from "../BottomSheet-pt7m4CvC.js";
+import { t as _sfc_main$1 } from "../BottomSheet-JYMB_Ofl.js";
 export { _sfc_main as BottomSheet, _sfc_main$1 as BottomSheetSwitcher };

package/dist/{BottomSheet-DIVwbGr3.js → BottomSheet-JYMB_Ofl.js}

@@ -1,6 +1,6 @@
 import { n as useFocusTrap } from "./useRestoreFocus-Djw9RUIf.js";
 import { t as useScrollLock } from "./scrollLock-BzIvIimL.js";
-import { n as bottomSheetSwitcherKey } from "./BottomSheet-eJ3FzTBD.js";
+import { n as bottomSheetSwitcherKey } from "./BottomSheet-pt7m4CvC.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, mergeProps, nextTick, onBeforeUnmount, onMounted, openBlock, provide, ref, renderSlot, shallowRef, useModel, useTemplateRef, watch } from "vue";
 import "../styles/bottom-sheet.css";
 //#region src/BottomSheet/BottomSheetSwitcher.vue

package/dist/{BottomSheet-eJ3FzTBD.js → BottomSheet-pt7m4CvC.js}

@@ -1,5 +1,6 @@
 import { n as useFocusTrap, t as useRestoreFocus } from "./useRestoreFocus-Djw9RUIf.js";
 import { t as useScrollLock } from "./scrollLock-BzIvIimL.js";
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUpdated, openBlock, ref, renderSlot, toValue, unref, useAttrs, useModel, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/bottom-sheet.css";
 /** Scrim opacity at the peek stop: dimmed, never clear, because the sheet stays modal. */
@@ -578,6 +579,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		};
 		const panel = useTemplateRef("panel");
 		const body = useTemplateRef("body");
+		useScrollbars(body);
 		const isInteractive = computed(() => props.state === "open");
 		const heightKind = computed(() => {
 			const height = props.height;

package/dist/Breadcrumbs/index.js

@@ -1,3 +1,3 @@
 import { i as _sfc_main$1, n as _sfc_main$3, r as _sfc_main$2 } from "../useMenuDrillIn-DzKGkTho.js";
-import { n as _sfc_main, t as _sfc_main$4 } from "../Breadcrumbs-DPVaziH4.js";
+import { n as _sfc_main, t as _sfc_main$4 } from "../Breadcrumbs-DIm4figq.js";
 export { _sfc_main as BreadcrumbItem, _sfc_main$1 as BreadcrumbMenuCheckboxItem, _sfc_main$2 as BreadcrumbMenuRadioGroup, _sfc_main$3 as BreadcrumbMenuRadioItem, _sfc_main$4 as Breadcrumbs };

package/dist/{Breadcrumbs-DPVaziH4.js → Breadcrumbs-DIm4figq.js}

@@ -1,7 +1,7 @@
 import { n as useLinkComponent } from "./context-C_peZbXf.js";
 import { n as useDevWarning } from "./useDevWarning-DznOpOHT.js";
 import { t as _sfc_main$2 } from "./Icon-bteSId7T.js";
-import { t as _sfc_main$3 } from "./DropdownMenu-BEasdJ6R.js";
+import { t as _sfc_main$3 } from "./DropdownMenu-DEb2dSSP.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, inject, mergeProps, normalizeClass, openBlock, provide, renderSlot, resolveDynamicComponent, toDisplayString, toRaw, useSlots, withCtx } from "vue";
 import "../styles/breadcrumbs.css";
 //#region src/Breadcrumbs/context.ts

package/dist/Button/index.d.ts

@@ -1,3 +1,3 @@
 import { a as ButtonProps, c as ButtonSizeValue, d as ButtonVariantMap, i as ButtonLinkElement, l as ButtonSlots, n as ButtonElevation, o as ButtonRootElement, r as ButtonEmits, s as ButtonSize, t as ButtonClickAction, u as ButtonVariant } from "../types-WlmsNL1I.js";
-import { t as _default } from "../index-EFqQF2Bx.js";
+import { t as _default } from "../index-B4OOtNP8.js";
 export { _default as Button, _default as default, type ButtonClickAction, type ButtonElevation, type ButtonEmits, type ButtonLinkElement, type ButtonProps, type ButtonRootElement, type ButtonSize, type ButtonSizeValue, type ButtonSlots, type ButtonVariant, type ButtonVariantMap };

package/dist/ButtonGroup/index.d.ts

@@ -1,2 +1,2 @@
-import { Ba as _default, Ha as ButtonGroupSlots, Ua as ButtonGroupOrientation, Va as ButtonGroupProps } from "../index-CdtZjkmG.js";
+import { Ba as _default, Ha as ButtonGroupSlots, Ua as ButtonGroupOrientation, Va as ButtonGroupProps } from "../index-DUaLJO7l.js";
 export { _default as ButtonGroup, _default as default, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonGroupSlots };

package/dist/Calendar/index.d.ts

@@ -1,2 +1,2 @@
-import { Fa as CalendarHandle, Ia as CalendarHandleRef, La as CalendarProps, Na as _default, Pa as CalendarEmits, Ra as CalendarRangeValue, za as CalendarSlots } from "../index-CdtZjkmG.js";
+import { Fa as CalendarHandle, Ia as CalendarHandleRef, La as CalendarProps, Na as _default, Pa as CalendarEmits, Ra as CalendarRangeValue, za as CalendarSlots } from "../index-DUaLJO7l.js";
 export { _default as Calendar, type CalendarEmits, type CalendarHandle, type CalendarHandleRef, type CalendarProps, type CalendarRangeValue, type CalendarSlots };

package/dist/Card/index.d.ts

@@ -1,2 +1,2 @@
-import { a as CardSlots, i as CardSizeValue, n as CardElevation, o as CardVariant, r as CardProps, t as _default } from "../index-BNy3SW4S.js";
+import { a as CardSlots, i as CardSizeValue, n as CardElevation, o as CardVariant, r as CardProps, t as _default } from "../index-BVKivP59.js";
 export { _default as Card, type CardElevation, type CardProps, type CardSizeValue, type CardSlots, type CardVariant };

package/dist/Card/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Card-HAjZQg2s.js";
+import { t as _sfc_main } from "../Card-B-I24X9S.js";
 export { _sfc_main as Card };

package/dist/{Card-HAjZQg2s.js → Card-B-I24X9S.js}

@@ -1,3 +1,4 @@
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
 import { computed, createElementBlock, defineComponent, normalizeStyle, openBlock, renderSlot, useTemplateRef } from "vue";
 import "../styles/card.css";
 //#region src/Card/Card.vue
@@ -23,6 +24,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const props = __props;
 		const element = useTemplateRef("element");
 		const hasFixedHeight = computed(() => props.height != null && props.height !== "auto");
+		useScrollbars(element, { enabled: hasFixedHeight });
 		function formatSize(value) {
 			if (value == null) return void 0;
 			return typeof value === "number" ? `${value}px` : value;

package/dist/Carousel/index.js

@@ -1,2 +1,2 @@
-import { t as _sfc_main } from "../Carousel-DAkOa7KK.js";
+import { t as _sfc_main } from "../Carousel-CA8zpD9v.js";
 export { _sfc_main as Carousel };

package/dist/{Carousel-DAkOa7KK.js → Carousel-CA8zpD9v.js}

@@ -1,7 +1,7 @@
 import { t as _sfc_main$1 } from "./IconButton-DDNgNl7B.js";
 import { o as useAstryxMessages } from "./context-iABt_ueM.js";
 import { t as _sfc_main$2 } from "./Icon-bteSId7T.js";
-import { Comment, Fragment, Text, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, unref, useSlots, watch, withCtx } from "vue";
+import { Comment, Fragment, Text, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, h, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUpdated, openBlock, ref, unref, watch, withCtx } from "vue";
 import "../styles/carousel.css";
 //#region src/Carousel/slides.ts
 function flattenSlides(nodes) {
@@ -17,14 +17,38 @@ function flattenSlides(nodes) {
 	}
 	return slides;
 }
-const CarouselSlideHost = defineComponent({
-	name: "CarouselSlideHost",
-	props: { node: {
-		type: Object,
-		required: true
-	} },
-	setup(props) {
-		return () => props.node;
+/**
+* 在自己的渲染函数里读取轮播的默认插槽，并给每张卡片套上分组外壳。
+*
+* 插槽必须在渲染时调用：Vue 才能追踪插槽里用到的响应式数据，
+* 父组件传下新的插槽函数时也能立刻看到最新内容。放进 `computed` 或 `watch`
+* 会得到缓存的旧结果，在 `setup` 里求值还会触发 Vue 的警告。
+*/
+const CarouselItems = defineComponent({
+	name: "CarouselItems",
+	props: {
+		content: {
+			type: Function,
+			default: void 0
+		},
+		label: {
+			type: Function,
+			required: true
+		}
+	},
+	emits: ["update"],
+	setup(props, { emit }) {
+		onUpdated(() => emit("update"));
+		return () => {
+			const slides = flattenSlides(props.content?.() ?? []);
+			return slides.map((slide, index) => h("div", {
+				"key": index,
+				"class": "astryx-carousel__item",
+				"role": "group",
+				"aria-roledescription": "slide",
+				"aria-label": props.label(index + 1, slides.length)
+			}, [slide]));
+		};
 	}
 });
 //#endregion
@@ -178,13 +202,12 @@ const _hoisted_2 = [
 	"data-edge-fade",
 	"data-fade"
 ];
-const _hoisted_3 = ["aria-label"];
-const _hoisted_4 = {
+const _hoisted_3 = {
 	key: 0,
 	class: "astryx-carousel__controls"
 };
+const _hoisted_4 = ["data-hidden"];
 const _hoisted_5 = ["data-hidden"];
-const _hoisted_6 = ["data-hidden"];
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "AstryxCarousel",
 	inheritAttrs: false,
@@ -212,14 +235,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props, { expose: __expose }) {
 		const props = __props;
-		const slots = useSlots();
 		const messages = useAstryxMessages();
 		const scroller = ref(null);
 		const startButton = ref(null);
 		const endButton = ref(null);
 		const focusedNav = ref(null);
 		const { measure, onKeyDown, overflow, scrollByDirection, scrollToIndex } = useCarouselScroller(scroller);
-		const slides = computed(() => flattenSlides(slots.default?.() ?? []));
 		const regionLabel = computed(() => props.label ?? messages.value.carousel.label);
 		const canScrollStart = computed(() => props.hasLoop && overflow.value.hasOverflow ? true : overflow.value.overflowStart);
 		const canScrollEnd = computed(() => props.hasLoop && overflow.value.hasOverflow ? true : overflow.value.overflowEnd);
@@ -286,9 +307,9 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			scrollPrev,
 			scrollTo: scrollToIndex
 		});
-		watch(slides, () => {
-			nextTick(measure);
-		});
+		function slideLabel(position, total) {
+			return messages.value.carousel.slide(position, total);
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(["astryx-carousel", _ctx.$attrs.class]),
@@ -311,16 +332,12 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 					tabindex: "0",
 					style: normalizeStyle(scrollerStyle.value),
 					onKeydown: _cache[0] || (_cache[0] = ($event) => unref(onKeyDown)($event, __props.hasLoop))
-				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(slides.value, (slide, index) => {
-					return openBlock(), createElementBlock("div", {
-						key: index,
-						class: "astryx-carousel__item",
-						role: "group",
-						"aria-roledescription": "slide",
-						"aria-label": unref(messages).carousel.slide(index + 1, slides.value.length)
-					}, [createVNode(unref(CarouselSlideHost), { node: slide }, null, 8, ["node"])], 8, _hoisted_3);
-				}), 128))], 44, _hoisted_2),
-				__props.hasButtons ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", {
+				}, [createVNode(unref(CarouselItems), {
+					content: _ctx.$slots.default,
+					label: slideLabel,
+					onUpdate: unref(measure)
+				}, null, 8, ["content", "onUpdate"])], 44, _hoisted_2),
+				__props.hasButtons ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", {
 					class: "astryx-carousel__pill astryx-carousel__pill--start",
 					"data-hidden": !canScrollStart.value || void 0
 				}, [createVNode(_sfc_main$1, {
@@ -337,7 +354,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						size: "xsm"
 					})]),
 					_: 1
-				}, 8, ["label", "is-disabled"])], 8, _hoisted_5), createElementVNode("div", {
+				}, 8, ["label", "is-disabled"])], 8, _hoisted_4), createElementVNode("div", {
 					class: "astryx-carousel__pill astryx-carousel__pill--end",
 					"data-hidden": !canScrollEnd.value || void 0
 				}, [createVNode(_sfc_main$1, {
@@ -354,7 +371,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						size: "xsm"
 					})]),
 					_: 1
-				}, 8, ["label", "is-disabled"])], 8, _hoisted_6)])) : createCommentVNode("v-if", true)
+				}, 8, ["label", "is-disabled"])], 8, _hoisted_5)])) : createCommentVNode("v-if", true)
 			], 14, _hoisted_1);
 		};
 	}

package/dist/Chat/index.d.ts

@@ -1,2 +1,2 @@
-import { $ as ChatComposerTokenBadge, A as _default$8, At as ChatSystemMessageProps, B as ChatComposerDrawerEmits, Bt as ChatTypingIndicatorProps, C as _default$15, Ct as ChatMessageStatus, D as _default$11, Dt as ChatSendButtonEmits, E as _default$12, Et as ChatReasoningSlots, F as _default$3, Ft as ChatToolCallItem, G as ChatComposerInputControl, H as ChatComposerDrawerSlots, I as _default$2, It as ChatToolCallStatus, J as ChatComposerInputProps, K as ChatComposerInputEmits, L as _default$1, Lt as ChatToolCallsEmits, M as _default$6, Mt as ChatSystemMessageVariant, N as _default$5, Nt as ChatTokenizedTextProps, O as _default$10, Ot as ChatSendButtonProps, P as _default$4, Pt as ChatTokenizedTextSlots, Q as ChatComposerToken, R as _default, Rt as ChatToolCallsProps, S as _default$16, St as ChatMessageSlots, T as _default$13, Tt as ChatReasoningProps, U as ChatComposerElevation, V as ChatComposerDrawerProps, Vt as ChatUnreadDividerProps, W as ChatComposerEmits, X as ChatComposerSlots, Y as ChatComposerProps, Z as ChatComposerStatus, _ as useChatComposerContext, _t as ChatMessageListSlots, a as useChatPasteAsToken, at as ChatDictationButtonProps, b as useChatMessageContext, bt as ChatMessageProps, c as SpeechRecognitionError, ct as ChatLayoutScrollButtonProps, d as useSpeechRecognition, dt as ChatMessageBubbleGroup, et as ChatComposerTokenCustom, f as TokenPortal, ft as ChatMessageBubbleProps, g as ChatComposerContextValue, gt as ChatMessageListProps, h as useChatComposerTokens, ht as ChatMessageListAlign, i as pastedTextLabel, it as ChatDensity, j as _default$7, jt as ChatSystemMessageSlots, k as _default$9, kt as ChatSendButtonSlots, l as UseSpeechRecognitionOptions, lt as ChatLayoutScrollSlotProps, m as UseChatComposerTokensReturn, mt as ChatMessageBubbleVariant, n as UseChatPasteAsTokenOptions, nt as ChatComposerTrigger, o as UseChatDictationOptions, ot as ChatLayoutProps, p as UseChatComposerTokensOptions, pt as ChatMessageBubbleSlots, q as ChatComposerInputHandle, r as UseChatPasteAsTokenReturn, rt as ChatComposerTriggerItem, s as useChatDictation, st as ChatLayoutScrollButtonEmits, t as PASTE_TOKEN_THRESHOLD, tt as ChatComposerTokenElementProps, u as UseSpeechRecognitionReturn, ut as ChatLayoutSlots, v as useChatLayoutContext, vt as ChatMessageMetadataProps, w as _default$14, wt as ChatReasoningEmits, x as _default$17, xt as ChatMessageSender, y as useChatListContext, yt as ChatMessageMetadataSlots, z as ChatComposerDensity, zt as ChatToolCallsSlots } from "../index-BJSxFVXH.js";
+import { $ as ChatComposerTokenBadge, A as _default$8, At as ChatSystemMessageProps, B as ChatComposerDrawerEmits, Bt as ChatTypingIndicatorProps, C as _default$15, Ct as ChatMessageStatus, D as _default$11, Dt as ChatSendButtonEmits, E as _default$12, Et as ChatReasoningSlots, F as _default$3, Ft as ChatToolCallItem, G as ChatComposerInputControl, H as ChatComposerDrawerSlots, I as _default$2, It as ChatToolCallStatus, J as ChatComposerInputProps, K as ChatComposerInputEmits, L as _default$1, Lt as ChatToolCallsEmits, M as _default$6, Mt as ChatSystemMessageVariant, N as _default$5, Nt as ChatTokenizedTextProps, O as _default$10, Ot as ChatSendButtonProps, P as _default$4, Pt as ChatTokenizedTextSlots, Q as ChatComposerToken, R as _default, Rt as ChatToolCallsProps, S as _default$16, St as ChatMessageSlots, T as _default$13, Tt as ChatReasoningProps, U as ChatComposerElevation, V as ChatComposerDrawerProps, Vt as ChatUnreadDividerProps, W as ChatComposerEmits, X as ChatComposerSlots, Y as ChatComposerProps, Z as ChatComposerStatus, _ as useChatComposerContext, _t as ChatMessageListSlots, a as useChatPasteAsToken, at as ChatDictationButtonProps, b as useChatMessageContext, bt as ChatMessageProps, c as SpeechRecognitionError, ct as ChatLayoutScrollButtonProps, d as useSpeechRecognition, dt as ChatMessageBubbleGroup, et as ChatComposerTokenCustom, f as TokenPortal, ft as ChatMessageBubbleProps, g as ChatComposerContextValue, gt as ChatMessageListProps, h as useChatComposerTokens, ht as ChatMessageListAlign, i as pastedTextLabel, it as ChatDensity, j as _default$7, jt as ChatSystemMessageSlots, k as _default$9, kt as ChatSendButtonSlots, l as UseSpeechRecognitionOptions, lt as ChatLayoutScrollSlotProps, m as UseChatComposerTokensReturn, mt as ChatMessageBubbleVariant, n as UseChatPasteAsTokenOptions, nt as ChatComposerTrigger, o as UseChatDictationOptions, ot as ChatLayoutProps, p as UseChatComposerTokensOptions, pt as ChatMessageBubbleSlots, q as ChatComposerInputHandle, r as UseChatPasteAsTokenReturn, rt as ChatComposerTriggerItem, s as useChatDictation, st as ChatLayoutScrollButtonEmits, t as PASTE_TOKEN_THRESHOLD, tt as ChatComposerTokenElementProps, u as UseSpeechRecognitionReturn, ut as ChatLayoutSlots, v as useChatLayoutContext, vt as ChatMessageMetadataProps, w as _default$14, wt as ChatReasoningEmits, x as _default$17, xt as ChatMessageSender, y as useChatListContext, yt as ChatMessageMetadataSlots, z as ChatComposerDensity, zt as ChatToolCallsSlots } from "../index-IBAInumL.js";
 export { _default as ChatComposer, type ChatComposerContextValue, type ChatComposerDensity, _default$1 as ChatComposerDrawer, type ChatComposerDrawerEmits, type ChatComposerDrawerProps, type ChatComposerDrawerSlots, type ChatComposerElevation, type ChatComposerEmits, _default$2 as ChatComposerInput, type ChatComposerInputControl, type ChatComposerInputEmits, type ChatComposerInputHandle, type ChatComposerInputProps, type ChatComposerProps, type ChatComposerSlots, type ChatComposerStatus, type ChatComposerToken, type ChatComposerTokenBadge, type ChatComposerTokenCustom, _default$3 as ChatComposerTokenElement, type ChatComposerTokenElementProps, type ChatComposerTrigger, type ChatComposerTriggerItem, type ChatDensity, _default$4 as ChatDictationButton, type ChatDictationButtonProps, _default$5 as ChatLayout, type ChatLayoutProps, _default$6 as ChatLayoutScrollButton, type ChatLayoutScrollButtonEmits, type ChatLayoutScrollButtonProps, type ChatLayoutScrollSlotProps, type ChatLayoutSlots, _default$7 as ChatMessage, _default$8 as ChatMessageBubble, type ChatMessageBubbleGroup, type ChatMessageBubbleProps, type ChatMessageBubbleSlots, type ChatMessageBubbleVariant, _default$9 as ChatMessageList, type ChatMessageListAlign, type ChatMessageListProps, type ChatMessageListSlots, _default$10 as ChatMessageMetadata, type ChatMessageMetadataProps, type ChatMessageMetadataSlots, type ChatMessageProps, type ChatMessageSender, type ChatMessageSlots, type ChatMessageStatus, _default$11 as ChatReasoning, type ChatReasoningEmits, type ChatReasoningProps, type ChatReasoningSlots, _default$12 as ChatSendButton, type ChatSendButtonEmits, type ChatSendButtonProps, type ChatSendButtonSlots, _default$13 as ChatSystemMessage, type ChatSystemMessageProps, type ChatSystemMessageSlots, type ChatSystemMessageVariant, _default$14 as ChatTokenizedText, type ChatTokenizedTextProps, type ChatTokenizedTextSlots, type ChatToolCallItem, type ChatToolCallStatus, _default$15 as ChatToolCalls, type ChatToolCallsEmits, type ChatToolCallsProps, type ChatToolCallsSlots, _default$16 as ChatTypingIndicator, type ChatTypingIndicatorProps, _default$17 as ChatUnreadDivider, type ChatUnreadDividerProps, PASTE_TOKEN_THRESHOLD, type SpeechRecognitionError, type TokenPortal, type UseChatComposerTokensOptions, type UseChatComposerTokensReturn, type UseChatDictationOptions, type UseChatPasteAsTokenOptions, type UseChatPasteAsTokenReturn, type UseSpeechRecognitionOptions, type UseSpeechRecognitionReturn, pastedTextLabel, useChatComposerContext, useChatComposerTokens, useChatDictation, useChatLayoutContext, useChatListContext, useChatMessageContext, useChatPasteAsToken, useSpeechRecognition };

package/dist/Chat/index.js

@@ -1,2 +1,2 @@
-import { C as useChatLayoutContext, D as pastedTextLabel, E as PASTE_TOKEN_THRESHOLD, O as useChatPasteAsToken, S as useChatComposerContext, T as useChatMessageContext, _ as _sfc_main$1, a as _sfc_main$15, b as _sfc_main$2, c as _sfc_main$11, d as _sfc_main$8, f as _sfc_main$7, g as _sfc_main$3, h as _sfc_main$4, i as _sfc_main$16, l as _sfc_main$10, m as _sfc_main$6, n as useSpeechRecognition, o as _sfc_main$14, p as _sfc_main$5, r as _sfc_main$17, s as _sfc_main$13, t as useChatDictation, u as _sfc_main$9, v as _sfc_main, w as useChatListContext, x as useChatComposerTokens, y as _sfc_main$12 } from "../Chat-DVoI6UOA.js";
+import { C as useChatLayoutContext, D as pastedTextLabel, E as PASTE_TOKEN_THRESHOLD, O as useChatPasteAsToken, S as useChatComposerContext, T as useChatMessageContext, _ as _sfc_main$1, a as _sfc_main$15, b as _sfc_main$2, c as _sfc_main$11, d as _sfc_main$8, f as _sfc_main$7, g as _sfc_main$3, h as _sfc_main$4, i as _sfc_main$16, l as _sfc_main$10, m as _sfc_main$6, n as useSpeechRecognition, o as _sfc_main$14, p as _sfc_main$5, r as _sfc_main$17, s as _sfc_main$13, t as useChatDictation, u as _sfc_main$9, v as _sfc_main, w as useChatListContext, x as useChatComposerTokens, y as _sfc_main$12 } from "../Chat-Bmna9EOA.js";
 export { _sfc_main as ChatComposer, _sfc_main$1 as ChatComposerDrawer, _sfc_main$2 as ChatComposerInput, _sfc_main$3 as ChatComposerTokenElement, _sfc_main$4 as ChatDictationButton, _sfc_main$5 as ChatLayout, _sfc_main$6 as ChatLayoutScrollButton, _sfc_main$7 as ChatMessage, _sfc_main$8 as ChatMessageBubble, _sfc_main$9 as ChatMessageList, _sfc_main$10 as ChatMessageMetadata, _sfc_main$11 as ChatReasoning, _sfc_main$12 as ChatSendButton, _sfc_main$13 as ChatSystemMessage, _sfc_main$14 as ChatTokenizedText, _sfc_main$15 as ChatToolCalls, _sfc_main$16 as ChatTypingIndicator, _sfc_main$17 as ChatUnreadDivider, PASTE_TOKEN_THRESHOLD, pastedTextLabel, useChatComposerContext, useChatComposerTokens, useChatDictation, useChatLayoutContext, useChatListContext, useChatMessageContext, useChatPasteAsToken, useSpeechRecognition };

package/dist/{Chat-DVoI6UOA.js → Chat-Bmna9EOA.js}

@@ -4,6 +4,7 @@ import { t as useAnnounce } from "./announce-Cnio10Wk.js";
 import { r as useChatNewMessages, t as useChatStreamScroll } from "./useChatStreamScroll-oDfybEos.js";
 import { n as useDismiss, t as usePositionedLayer } from "./usePositionedLayer-Cru9_00b.js";
 import { a as useAstryxLocale, o as useAstryxMessages } from "./context-iABt_ueM.js";
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
 import { t as _sfc_main$26 } from "./Badge-CjDQPF5g.js";
 import { t as _sfc_main$27 } from "./Icon-bteSId7T.js";
 import { t as _sfc_main$28 } from "./Divider-BtwnL18I.js";
@@ -287,6 +288,8 @@ const _sfc_main$21 = /*@__PURE__*/ defineComponent({
 			if (!props.open || !props.keyboardMove || index < 0) return;
 			document.getElementById(optionId(index))?.scrollIntoView({ block: "nearest" });
 		});
+		const listEl = useTemplateRef("list");
+		useScrollbars(listEl);
 		function onSelect(item, event) {
 			event.preventDefault();
 			emit("select", item);
@@ -300,6 +303,7 @@ const _sfc_main$21 = /*@__PURE__*/ defineComponent({
 				style: normalizeStyle(style.value)
 			}, [createElementVNode("div", {
 				id: __props.listboxId,
+				ref: "list",
 				class: "astryx-chat-trigger__list",
 				role: "listbox",
 				"aria-label": __props.label
@@ -1783,6 +1787,7 @@ const _sfc_main$13 = /*@__PURE__*/ defineComponent({
 		const root = useTemplateRef("root");
 		const scrollTarget = computed(() => props.scrollRef ?? root.value);
 		const isSelfScrolling = computed(() => props.scrollRef == null);
+		useScrollbars(root, { enabled: isSelfScrolling });
 		const scroll = useChatStreamScroll({ scrollRef: scrollTarget });
 		const newMessages = useChatNewMessages({
 			isLocked: scroll.isLocked,

package/dist/CheckboxInput/index.d.ts

@@ -1,2 +1,2 @@
-import { Aa as CheckboxInputProps, Da as CheckboxInputChangeAction, Ea as _default, Ma as CheckboxValue, Oa as CheckboxInputChangeEvent, ja as CheckboxInputSlots, ka as CheckboxInputEmits } from "../index-CdtZjkmG.js";
+import { Aa as CheckboxInputProps, Da as CheckboxInputChangeAction, Ea as _default, Ma as CheckboxValue, Oa as CheckboxInputChangeEvent, ja as CheckboxInputSlots, ka as CheckboxInputEmits } from "../index-DUaLJO7l.js";
 export { _default as CheckboxInput, type CheckboxInputChangeAction, type CheckboxInputChangeEvent, type CheckboxInputEmits, type CheckboxInputProps, type CheckboxInputSlots, type CheckboxValue };

package/dist/CheckboxList/index.d.ts

@@ -1,2 +1,2 @@
-import { Ca as CheckboxListItemEmits, Sa as CheckboxListEmits, Ta as CheckboxListProps, ba as _default$1, wa as CheckboxListItemProps, xa as _default } from "../index-CdtZjkmG.js";
+import { Ca as CheckboxListItemEmits, Sa as CheckboxListEmits, Ta as CheckboxListProps, ba as _default$1, wa as CheckboxListItemProps, xa as _default } from "../index-DUaLJO7l.js";
 export { _default as CheckboxList, type CheckboxListEmits, _default$1 as CheckboxListItem, type CheckboxListItemEmits, type CheckboxListItemProps, type CheckboxListProps };

package/dist/ClickableCard/index.d.ts

@@ -1,2 +1,2 @@
-import { _a as ClickableCardEmits, ga as _default, va as ClickableCardProps, ya as ClickableCardSlots } from "../index-CdtZjkmG.js";
+import { _a as ClickableCardEmits, ga as _default, va as ClickableCardProps, ya as ClickableCardSlots } from "../index-DUaLJO7l.js";
 export { _default as ClickableCard, _default as default, type ClickableCardEmits, type ClickableCardProps, type ClickableCardSlots };

package/dist/ClickableCard/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as ClickableCard_default } from "../ClickableCard-Bhds4RRe.js";
+import { n as _sfc_main, t as ClickableCard_default } from "../ClickableCard-DUsC-j03.js";
 export { _sfc_main as ClickableCard, ClickableCard_default as default };

package/dist/{ClickableCard-Bhds4RRe.js → ClickableCard-DUsC-j03.js}

@@ -1,6 +1,6 @@
 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 { t as _sfc_main$2 } from "./Card-B-I24X9S.js";
 import { computed, createBlock, defineComponent, openBlock, renderSlot, useTemplateRef, withCtx } from "vue";
 import "../styles/clickable-card.css";
 //#region src/ClickableCard/ClickableCard.vue

package/dist/Code/index.d.ts

@@ -1,4 +1,4 @@
 import { a as SyntaxThemeInput, c as SyntaxTokenValue, i as SyntaxThemeDefinition, l as defineSyntaxTheme, n as SYNTAX_TOKEN_KEYS, o as SyntaxThemeTokens, r as SyntaxDiffTokenKey, s as SyntaxTokenKey, t as DIFF_SYNTAX_TOKEN_KEYS, u as githubDark } from "../syntaxTheme-CwVEcVDk.js";
-import { A as _default, B as CodeSlots, C as applyHighlightRanges, D as parseFenceLanguage, E as diffLineKind, F as CodeBlockTokenizer, H as TokenLine, I as CodeColor, L as CodeHighlightMode, M as CodeBlockEmits, N as CodeBlockProps, O as splitDiffLines, P as CodeBlockSize, R as CodeProps, S as HIGHLIGHTED_TOKEN_TYPES, T as DiffLines, V as SyntaxToken, _ as oneDarkPro, a as tokenize, b as tokyoNight, c as allSyntaxPresets, d as darkSyntaxPresets, f as dracula, g as nord, h as monokai, i as flatTokensToLines, j as CodeBlockContainer, k as _default$1, l as catppuccinLatte, m as lightSyntaxPresets, n as useSyntaxTheme, o as tokenizeAsync, p as githubLight, r as SYNC_TOKENIZE_THRESHOLD, s as _default$2, t as UseSyntaxThemeReturn, u as catppuccinMocha, v as oneLight, w as DiffLineKind, x as tokyoNightLight, y as solarizedLight, z as CodeSize } from "../index-D5N9ikrS.js";
+import { A as _default, B as CodeSlots, C as applyHighlightRanges, D as parseFenceLanguage, E as diffLineKind, F as CodeBlockTokenizer, H as TokenLine, I as CodeColor, L as CodeHighlightMode, M as CodeBlockEmits, N as CodeBlockProps, O as splitDiffLines, P as CodeBlockSize, R as CodeProps, S as HIGHLIGHTED_TOKEN_TYPES, T as DiffLines, V as SyntaxToken, _ as oneDarkPro, a as tokenize, b as tokyoNight, c as allSyntaxPresets, d as darkSyntaxPresets, f as dracula, g as nord, h as monokai, i as flatTokensToLines, j as CodeBlockContainer, k as _default$1, l as catppuccinLatte, m as lightSyntaxPresets, n as useSyntaxTheme, o as tokenizeAsync, p as githubLight, r as SYNC_TOKENIZE_THRESHOLD, s as _default$2, t as UseSyntaxThemeReturn, u as catppuccinMocha, v as oneLight, w as DiffLineKind, x as tokyoNightLight, y as solarizedLight, z as CodeSize } from "../index-hCpxKePE.js";
 import { n as UseClipboardReturn, r as useClipboard, t as UseClipboardOptions } from "../useClipboard-CU-kfqeJ.js";
 export { _default as Code, _default$1 as CodeBlock, type CodeBlockContainer, type CodeBlockEmits, type CodeBlockProps, type CodeBlockSize, type CodeBlockTokenizer, type CodeColor, type CodeHighlightMode, type CodeProps, type CodeSize, type CodeSlots, type UseClipboardOptions as CopyToClipboardOptions, type UseClipboardReturn as CopyToClipboardReturn, DIFF_SYNTAX_TOKEN_KEYS, type DiffLineKind, type DiffLines, HIGHLIGHTED_TOKEN_TYPES, SYNC_TOKENIZE_THRESHOLD, SYNTAX_TOKEN_KEYS, type SyntaxDiffTokenKey, _default$2 as SyntaxTheme, type SyntaxThemeDefinition, type SyntaxThemeInput, type SyntaxThemeTokens, type SyntaxToken, type SyntaxTokenKey, type SyntaxTokenValue, type TokenLine, type UseSyntaxThemeReturn, allSyntaxPresets, applyHighlightRanges, catppuccinLatte, catppuccinMocha, darkSyntaxPresets, defineSyntaxTheme, diffLineKind, dracula, flatTokensToLines, githubDark, githubLight, lightSyntaxPresets, monokai, nord, oneDarkPro, oneLight, parseFenceLanguage, solarizedLight, splitDiffLines, tokenize, tokenizeAsync, tokyoNight, tokyoNightLight, useClipboard as useCopyToClipboard, useSyntaxTheme };

package/dist/Code/index.js

@@ -1,5 +1,5 @@
 import { t as useClipboard } from "../useClipboard-BDfbEsWd.js";
-import { a as tokenizeAsync, c as splitDiffLines, d as _sfc_main, i as tokenize, l as HIGHLIGHTED_TOKEN_TYPES, n as SYNC_TOKENIZE_THRESHOLD, o as diffLineKind, r as flatTokensToLines, s as parseFenceLanguage, t as _sfc_main$1, u as applyHighlightRanges } from "../CodeBlock-BUM3czCS.js";
+import { a as tokenizeAsync, c as splitDiffLines, d as _sfc_main, i as tokenize, l as HIGHLIGHTED_TOKEN_TYPES, n as SYNC_TOKENIZE_THRESHOLD, o as diffLineKind, r as flatTokensToLines, s as parseFenceLanguage, t as _sfc_main$1, u as applyHighlightRanges } from "../CodeBlock-D0BFubut.js";
 import { i as githubDark, n as SYNTAX_TOKEN_KEYS, r as defineSyntaxTheme, t as DIFF_SYNTAX_TOKEN_KEYS } from "../syntaxTheme-R7xnu5x5.js";
 import { a as catppuccinMocha, c as githubLight, d as nord, f as oneDarkPro, g as tokyoNightLight, h as tokyoNight, i as catppuccinLatte, l as lightSyntaxPresets, m as solarizedLight, n as _sfc_main$2, o as darkSyntaxPresets, p as oneLight, r as allSyntaxPresets, s as dracula, t as useSyntaxTheme, u as monokai } from "../Code-XnPuGxey.js";
 export { _sfc_main as Code, _sfc_main$1 as CodeBlock, DIFF_SYNTAX_TOKEN_KEYS, HIGHLIGHTED_TOKEN_TYPES, SYNC_TOKENIZE_THRESHOLD, SYNTAX_TOKEN_KEYS, _sfc_main$2 as SyntaxTheme, allSyntaxPresets, applyHighlightRanges, catppuccinLatte, catppuccinMocha, darkSyntaxPresets, defineSyntaxTheme, diffLineKind, dracula, flatTokensToLines, githubDark, githubLight, lightSyntaxPresets, monokai, nord, oneDarkPro, oneLight, parseFenceLanguage, solarizedLight, splitDiffLines, tokenize, tokenizeAsync, tokyoNight, tokyoNightLight, useClipboard as useCopyToClipboard, useSyntaxTheme };

package/dist/{CodeBlock-BUM3czCS.js → CodeBlock-D0BFubut.js}

@@ -1,6 +1,7 @@
 import { t as _sfc_main$3 } from "./VisuallyHidden-C7NN3VEP.js";
 import { t as useClipboard } from "./useClipboard-BDfbEsWd.js";
 import { t as _sfc_main$4 } from "./IconButton-DDNgNl7B.js";
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
 import { t as _sfc_main$5 } from "./Icon-bteSId7T.js";
 import { a as syntaxThemeStyle } from "./syntaxTheme-R7xnu5x5.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useAttrs, useId, useTemplateRef, watch, withCtx, withModifiers } from "vue";
@@ -161,6 +162,8 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 	setup(__props) {
 		const props = __props;
 		const code = useTemplateRef("code");
+		const scrollEl = useTemplateRef("scroll");
+		useScrollbars(scrollEl);
 		const chunks = computed(() => {
 			const lines = props.lines;
 			if (lines.length < CHUNK_THRESHOLD) return [{
@@ -252,6 +255,7 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		onBeforeUnmount(() => removeRanges?.());
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
+				ref: "scroll",
 				class: "astryx-code-block__scroll",
 				role: "group",
 				tabindex: "0",

package/dist/Collapsible/index.d.ts

@@ -1,2 +1,2 @@
-import { a as _default$1, c as CollapsibleGroupSlots, d as CollapsibleGroupValue, f as _default, g as CollapsibleSlots, h as CollapsibleProps, i as useCollapsible, l as CollapsibleGroupDensity, m as CollapsibleEmits, n as UseCollapsibleOptions, o as CollapsibleGroupEmits, p as CollapsibleChevronPosition, r as UseCollapsibleReturn, s as CollapsibleGroupProps, t as CollapsibleConfig, u as CollapsibleGroupType } from "../index-BJMJ09K-.js";
+import { a as _default$1, c as CollapsibleGroupSlots, d as CollapsibleGroupValue, f as _default, g as CollapsibleSlots, h as CollapsibleProps, i as useCollapsible, l as CollapsibleGroupDensity, m as CollapsibleEmits, n as UseCollapsibleOptions, o as CollapsibleGroupEmits, p as CollapsibleChevronPosition, r as UseCollapsibleReturn, s as CollapsibleGroupProps, t as CollapsibleConfig, u as CollapsibleGroupType } from "../index-BkjSF265.js";
 export { _default as Collapsible, type CollapsibleChevronPosition, type CollapsibleConfig, type CollapsibleEmits, _default$1 as CollapsibleGroup, type CollapsibleGroupDensity, type CollapsibleGroupEmits, type CollapsibleGroupProps, type CollapsibleGroupSlots, type CollapsibleGroupType, type CollapsibleGroupValue, type CollapsibleProps, type CollapsibleSlots, type UseCollapsibleOptions, type UseCollapsibleReturn, useCollapsible };

package/dist/CommandPalette/index.js

@@ -1,2 +1,2 @@
-import { a as _sfc_main$3, i as _sfc_main$4, n as _sfc_main$6, o as _sfc_main$2, r as _sfc_main$5, s as _sfc_main$1, t as _sfc_main } from "../CommandPalette-D6wYS30d.js";
+import { a as _sfc_main$3, i as _sfc_main$4, n as _sfc_main$6, o as _sfc_main$2, r as _sfc_main$5, s as _sfc_main$1, t as _sfc_main } from "../CommandPalette-YHsUNg3V.js";
 export { _sfc_main as CommandPalette, _sfc_main$1 as CommandPaletteEmpty, _sfc_main$2 as CommandPaletteFooter, _sfc_main$3 as CommandPaletteGroup, _sfc_main$4 as CommandPaletteInput, _sfc_main$5 as CommandPaletteItem, _sfc_main$6 as CommandPaletteList };

package/dist/{CommandPalette-D6wYS30d.js → CommandPalette-YHsUNg3V.js}

@@ -3,6 +3,7 @@ import { n as useAsyncSource } from "./useAsyncSource-Gk0VtE7_.js";
 import { t as _sfc_main$7 } from "./Kbd-BB-Dw6zE.js";
 import { o as useAstryxMessages } from "./context-iABt_ueM.js";
 import { n as DIALOG_CONTEXT_KEY, t as _sfc_main$8 } from "./Dialog-FGHfDu5M.js";
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
 import { t as _sfc_main$9 } from "./Spinner-9cYUCnDy.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, inject, mergeModels, onMounted, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useId, useModel, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/command-palette.css";
@@ -260,9 +261,12 @@ const _sfc_main$1 = /*@__PURE__*/ defineComponent({
 		const label = computed(() => props.label ?? messages.value.commandPalette.listLabel);
 		/** 没有可选项时它只是个空容器，不再当作 listbox 暴露给读屏。 */
 		const hasOptions = computed(() => palette == null || palette.items.value.length > 0);
+		const listEl = useTemplateRef("list");
+		useScrollbars(listEl);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				id: unref(palette)?.listId,
+				ref: "list",
 				class: "astryx-command-palette-list",
 				role: hasOptions.value ? "listbox" : void 0,
 				"aria-label": hasOptions.value ? label.value : void 0

package/dist/ComplexSelector/index.js

@@ -1,2 +1,2 @@
-import { n as _sfc_main, t as ComplexSelector_default } from "../ComplexSelector-Bil81sfq.js";
+import { n as _sfc_main, t as ComplexSelector_default } from "../ComplexSelector-DWLdKPGI.js";
 export { _sfc_main as ComplexSelector, ComplexSelector_default as default };

package/dist/{ComplexSelector-Bil81sfq.js → ComplexSelector-DWLdKPGI.js}

@@ -1,9 +1,10 @@
 import { o as useAstryxMessages } from "./context-iABt_ueM.js";
+import { t as useScrollbars } from "./useScrollbars-C2NJ6Qwq.js";
 import { t as _sfc_main$1 } from "./Icon-bteSId7T.js";
 import { t as _sfc_main$2 } from "./Spinner-9cYUCnDy.js";
 import { t as _sfc_main$3 } from "./Field-D5gUEGw4.js";
-import { t as _sfc_main$4 } from "./Popover-CtoBfVlD.js";
-import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, normalizeProps, onBeforeUnmount, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, useId, useModel, useSlots, watch, withCtx } from "vue";
+import { t as _sfc_main$4 } from "./Popover-DJf8POzL.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, normalizeProps, onBeforeUnmount, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, useId, useModel, useSlots, useTemplateRef, watch, withCtx } from "vue";
 import "../styles/complex-selector.css";
 //#region src/ComplexSelector/ComplexSelector.vue
 const _hoisted_1 = [
@@ -77,6 +78,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const messages = useAstryxMessages();
 		const isOpen = ref(false);
 		const isPending = ref(false);
+		const contentEl = useTemplateRef("contentEl");
+		useScrollbars(contentEl);
 		const optimistic = ref(void 0);
 		const triggerId = `astryx-complex-selector-${useId()}`;
 		const labelId = `${triggerId}-label`;
@@ -196,13 +199,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			}, {
 				content: withCtx(() => [createElementVNode("div", {
 					id: contentId,
+					ref_key: "contentEl",
+					ref: contentEl,
 					class: "astryx-complex-selector-content"
 				}, [renderSlot(_ctx.$slots, "default", {
 					close,
 					commit,
 					state: state.value,
 					value: displayValue.value
-				})])]),
+				})], 512)]),
 				default: withCtx(() => [renderSlot(_ctx.$slots, "trigger", normalizeProps(guardReactiveProps(triggerProps.value)), () => [(openBlock(), createBlock(resolveDynamicComponent(triggerView)))])]),
 				_: 3
 			}, 8, [
@@ -242,13 +247,15 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				}, {
 					content: withCtx(() => [createElementVNode("div", {
 						id: contentId,
+						ref_key: "contentEl",
+						ref: contentEl,
 						class: "astryx-complex-selector-content"
 					}, [renderSlot(_ctx.$slots, "default", {
 						close,
 						commit,
 						state: state.value,
 						value: displayValue.value
-					})])]),
+					})], 512)]),
 					default: withCtx(() => [createElementVNode("button", {
 						id: triggerId,
 						class: "astryx-complex-selector",

package/dist/ContextMenu/index.d.ts

@@ -1,3 +1,3 @@
-import { $i as ContextMenuItemProps, Bi as _default, Gi as ContextMenuDividerProps, Hi as useContextMenuSize, Ii as _default$7, Ji as ContextMenuGroupProps, Ki as ContextMenuEmits, Li as _default$4, Qi as ContextMenuItemIcon, Ri as _default$3, Ui as ContextMenuCheckboxData, Vi as useContextMenu, Wi as ContextMenuDividerData, Xi as ContextMenuItemData, Yi as ContextMenuGroupSlots, Zi as ContextMenuItemEmits, aa as ContextMenuRadioData, ca as ContextMenuSize, da as ContextMenuSubMenuProps, ea as ContextMenuItemSlots, fa as ContextMenuSubMenuSlots, ha as ContextMenuWidth, ia as ContextMenuProps, la as ContextMenuSlots, ma as ContextMenuVariant, na as ContextMenuOption, oa as ContextMenuRadioOptionData, pa as ContextMenuTriggerElement, qi as ContextMenuEntry, ra as ContextMenuPresentation, sa as ContextMenuSection, ta as ContextMenuItemTarget, ua as ContextMenuSubMenuEmits, zi as _default$2 } from "../index-CdtZjkmG.js";
+import { $i as ContextMenuItemProps, Bi as _default, Gi as ContextMenuDividerProps, Hi as useContextMenuSize, Ii as _default$7, Ji as ContextMenuGroupProps, Ki as ContextMenuEmits, Li as _default$4, Qi as ContextMenuItemIcon, Ri as _default$3, Ui as ContextMenuCheckboxData, Vi as useContextMenu, Wi as ContextMenuDividerData, Xi as ContextMenuItemData, Yi as ContextMenuGroupSlots, Zi as ContextMenuItemEmits, aa as ContextMenuRadioData, ca as ContextMenuSize, da as ContextMenuSubMenuProps, ea as ContextMenuItemSlots, fa as ContextMenuSubMenuSlots, ha as ContextMenuWidth, ia as ContextMenuProps, la as ContextMenuSlots, ma as ContextMenuVariant, na as ContextMenuOption, oa as ContextMenuRadioOptionData, pa as ContextMenuTriggerElement, qi as ContextMenuEntry, ra as ContextMenuPresentation, sa as ContextMenuSection, ta as ContextMenuItemTarget, ua as ContextMenuSubMenuEmits, zi as _default$2 } from "../index-DUaLJO7l.js";
 import { n as _default$5, r as _default$1, t as _default$6 } from "../DropdownMenuRadioItem.vue-CXEURBcq.js";
 export { _default as ContextMenu, type ContextMenuCheckboxData, _default$1 as ContextMenuCheckboxItem, _default$2 as ContextMenuDivider, type ContextMenuDividerData, type ContextMenuDividerProps, type ContextMenuEmits, type ContextMenuEntry, _default$3 as ContextMenuGroup, type ContextMenuGroupProps, type ContextMenuGroupSlots, _default$4 as ContextMenuItem, type ContextMenuItemData, type ContextMenuItemEmits, type ContextMenuItemIcon, type ContextMenuItemProps, type ContextMenuItemSlots, type ContextMenuItemTarget, type ContextMenuOption, type ContextMenuPresentation, type ContextMenuProps, type ContextMenuRadioData, _default$5 as ContextMenuRadioGroup, _default$6 as ContextMenuRadioItem, type ContextMenuRadioOptionData, type ContextMenuSection, type ContextMenuSize, type ContextMenuSlots, _default$7 as ContextMenuSubMenu, type ContextMenuSubMenuEmits, type ContextMenuSubMenuProps, type ContextMenuSubMenuSlots, type ContextMenuTriggerElement, type ContextMenuVariant, type ContextMenuWidth, useContextMenu, useContextMenuSize };

package/dist/ContextMenu/index.js

@@ -1,3 +1,3 @@
 import { d as useContextMenuSize, i as _sfc_main$1, n as _sfc_main$6, r as _sfc_main$5, u as useContextMenu } from "../useMenuDrillIn-DzKGkTho.js";
-import { a as _sfc_main$2, i as _sfc_main$3, n as _sfc_main$7, r as _sfc_main$4, t as _sfc_main } from "../ContextMenu-DdLJnxNN.js";
+import { a as _sfc_main$2, i as _sfc_main$3, n as _sfc_main$7, r as _sfc_main$4, t as _sfc_main } from "../ContextMenu-Bq9b3Ti5.js";
 export { _sfc_main as ContextMenu, _sfc_main$1 as ContextMenuCheckboxItem, _sfc_main$2 as ContextMenuDivider, _sfc_main$3 as ContextMenuGroup, _sfc_main$4 as ContextMenuItem, _sfc_main$5 as ContextMenuRadioGroup, _sfc_main$6 as ContextMenuRadioItem, _sfc_main$7 as ContextMenuSubMenu, useContextMenu, useContextMenuSize };