@hina-ui/vue 1.3.0 → 1.3.1

package/dist/index.js

@@ -2,7 +2,7 @@ import { clsx } from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
 import { createTV } from "tailwind-variants";
 import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, guardReactiveProps, h, inject, isRef, markRaw, mergeModels, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onBeforeUnmount, onBeforeUpdate, onMounted, onScopeDispose, openBlock, provide, reactive, ref, renderList, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toHandlers, toRef, toValue, unref, useAttrs, useId, useModel, useSlots, vModelDynamic, vModelSelect, vModelText, watch, watchEffect, withCtx, withDirectives, withKeys, withModifiers } from "vue";
-import { AccordionContent, AccordionHeader, AccordionItem, AccordionRoot, AccordionTrigger, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, AspectRatio, CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarNext, CalendarPrev, CalendarRoot, CheckboxGroupRoot, CheckboxRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ComboboxAnchor, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRoot, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DateFieldInput, DateFieldRoot, DateRangeFieldInput, DateRangeFieldRoot, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCardContent, HoverCardPortal, HoverCardRoot, HoverCardTrigger, ListboxContent, ListboxFilter, ListboxGroup, ListboxGroupLabel, ListboxItem, ListboxItemIndicator, ListboxRoot, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarItemIndicator, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarRoot, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MonthPickerCell, MonthPickerCellTrigger, MonthPickerGrid, MonthPickerGridBody, MonthPickerGridRow, MonthPickerNext, MonthPickerPrev, MonthPickerRoot, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, NumberFieldRoot, PinInputInput, PinInputRoot, PopoverAnchor, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, Primitive, ProgressIndicator, ProgressRoot, RadioGroupItem, RadioGroupRoot, RangeCalendarCell, RangeCalendarCellTrigger, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHead, RangeCalendarGridRow, RangeCalendarHeadCell, RangeCalendarNext, RangeCalendarPrev, RangeCalendarRoot, RatingItem, RatingItemIndicator, RatingRoot, SelectContent, SelectGroup, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectPortal, SelectRoot, SelectTrigger, Separator, SliderRoot, SliderThumb, SliderTrack, SplitterGroup, SplitterPanel, SplitterResizeHandle, SwitchRoot, TabsContent, TabsList, TabsRoot, TabsTrigger, TagsInputInput, TagsInputItem, TagsInputItemText, TagsInputRoot, TimeFieldInput, TimeFieldRoot, ToastClose, ToastDescription, ToastPortal, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toggle, ToggleGroupItem, ToggleGroupRoot, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TreeItem, TreeRoot, VisuallyHidden, YearPickerCell, YearPickerCellTrigger, YearPickerGrid, YearPickerGridBody, YearPickerGridRow, YearPickerNext, YearPickerPrev, YearPickerRoot, injectListboxItemContext, injectPopoverRootContext, injectTabsRootContext, injectTooltipProviderContext, useBodyScrollLock, useDirection, useForwardPropsEmits } from "reka-ui";
+import { AccordionContent, AccordionHeader, AccordionItem, AccordionRoot, AccordionTrigger, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, AspectRatio, CalendarCell, CalendarCellTrigger, CalendarGrid, CalendarGridBody, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarNext, CalendarPrev, CalendarRoot, CheckboxGroupRoot, CheckboxRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ComboboxAnchor, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuItemIndicator, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRoot, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DateFieldInput, DateFieldRoot, DateRangeFieldInput, DateRangeFieldRoot, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, HoverCardContent, HoverCardPortal, HoverCardRoot, HoverCardTrigger, ListboxContent, ListboxFilter, ListboxGroup, ListboxGroupLabel, ListboxItem, ListboxItemIndicator, ListboxRoot, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarItemIndicator, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarRoot, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MonthPickerCell, MonthPickerCellTrigger, MonthPickerGrid, MonthPickerGridBody, MonthPickerGridRow, MonthPickerNext, MonthPickerPrev, MonthPickerRoot, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, NumberFieldRoot, PinInputInput, PinInputRoot, PopoverAnchor, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, Primitive, ProgressIndicator, ProgressRoot, RadioGroupItem, RadioGroupRoot, RangeCalendarCell, RangeCalendarCellTrigger, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHead, RangeCalendarGridRow, RangeCalendarHeadCell, RangeCalendarNext, RangeCalendarPrev, RangeCalendarRoot, RatingItem, RatingItemIndicator, RatingRoot, SelectContent, SelectGroup, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectPortal, SelectRoot, SelectTrigger, Separator, SliderRoot, SliderThumb, SliderTrack, SplitterGroup, SplitterPanel, SplitterResizeHandle, SwitchRoot, TabsContent, TabsList, TabsRoot, TabsTrigger, TagsInputInput, TagsInputItem, TagsInputItemText, TagsInputRoot, TimeFieldInput, TimeFieldRoot, ToastClose, ToastDescription, ToastPortal, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toggle, ToggleGroupItem, ToggleGroupRoot, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TreeItem, TreeRoot, VisuallyHidden, YearPickerCell, YearPickerCellTrigger, YearPickerGrid, YearPickerGridBody, YearPickerGridRow, YearPickerNext, YearPickerPrev, YearPickerRoot, injectDialogRootContext, injectListboxItemContext, injectPopoverRootContext, injectTabsRootContext, injectTooltipProviderContext, useBodyScrollLock, useDirection, useForwardExpose, useForwardPropsEmits } from "reka-ui";
 import { ArrowLeft, ArrowRight, CalendarClock, CalendarDays, CalendarRange, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, CircleCheck, CircleX, Copy, Download, Eye, EyeOff, File, Inbox, Info, Lightbulb, Megaphone, Minus, PanelLeft, RotateCw, Search, Shrink, Star, TrendingDown, TrendingUp, TriangleAlert, Upload, User, X, ZoomIn, ZoomOut } from "@lucide/vue";
 import { Motion, animate, useMotionValue, useTransform } from "motion-v";
 import { createSharedComposable, useDocumentVisibility, useEventListener, useIntersectionObserver, useIntervalFn, useMediaQuery, useMutationObserver } from "@vueuse/core";
@@ -2116,7 +2116,7 @@ function useEdgeShadow(viewport, opts) {
 //#region src/components/scroll-area/composables/useWheelRedirect.ts
 function useWheelRedirect(viewport, enabled) {
 	function onWheel(event) {
-		if (!enabled()) return;
+		if (event.defaultPrevented || !enabled()) return;
 		const el = viewport.value;
 		if (!el) return;
 		if (Math.abs(event.deltaY) <= Math.abs(event.deltaX)) return;
@@ -2150,9 +2150,6 @@ var useBodyPointerLock = createSharedComposable(() => {
 	}
 	return locked;
 });
-function block(event) {
-	event.preventDefault();
-}
 function useLayerLock(viewport) {
 	const locked = useBodyPointerLock();
 	let release;
@@ -2160,12 +2157,21 @@ function useLayerLock(viewport) {
 		release?.();
 		release = void 0;
 		const el = viewport.value;
-		if (!el || !locked.value || getComputedStyle(el).pointerEvents !== "none") return;
-		el.addEventListener("wheel", block, { passive: false });
-		el.addEventListener("touchmove", block, { passive: false });
+		if (!el || !locked.value) return;
+		const block = (event) => {
+			if (getComputedStyle(el).pointerEvents === "none") event.preventDefault();
+		};
+		el.addEventListener("wheel", block, {
+			passive: false,
+			capture: true
+		});
+		el.addEventListener("touchmove", block, {
+			passive: false,
+			capture: true
+		});
 		release = () => {
-			el.removeEventListener("wheel", block);
-			el.removeEventListener("touchmove", block);
+			el.removeEventListener("wheel", block, true);
+			el.removeEventListener("touchmove", block, true);
 		};
 	}
 	watch([locked, viewport], apply, { flush: "post" });
@@ -2765,7 +2771,7 @@ var REST_POSE = {
 	y: 0,
 	scale: 1,
 	rotate: 0,
-	clipPath: "inset(0px 0px 0px 0px round 0px)"
+	clipPath: "inset(0px 0px 0px 0px round 0px 0px 0px 0px / 0px 0px 0px 0px)"
 };
 var TRAVEL_SPRING = {
 	type: "spring",
@@ -2816,22 +2822,41 @@ function intersect(a, b) {
 		height: Math.max(0, bottom - y)
 	};
 }
-function openPose(frame, box, natural, fit, radius = 0) {
+function openPose(frame, box, natural, fit, radius = 0, clipBox = box) {
 	const rendered = renderedRect(box, natural, fit);
 	if (frame.width <= 0 || frame.height <= 0 || rendered.width <= 0) return REST_POSE;
 	const scale = rendered.width / frame.width;
-	const visible = intersect(box, rendered);
+	const visible = intersect(intersect(box, clipBox), rendered);
 	const top = (visible.y - rendered.y) / scale;
 	const left = (visible.x - rendered.x) / scale;
 	const right = (rendered.x + rendered.width - visible.x - visible.width) / scale;
 	const bottom = (rendered.y + rendered.height - visible.y - visible.height) / scale;
-	const corner = Math.max(0, radius) / scale;
+	const corners = typeof radius === "number" ? Array.from({ length: 4 }, () => ({
+		x: radius,
+		y: radius
+	})) : radius;
+	const leftEdge = Math.abs(visible.x - clipBox.x) <= .5;
+	const topEdge = Math.abs(visible.y - clipBox.y) <= .5;
+	const rightEdge = Math.abs(visible.x + visible.width - clipBox.x - clipBox.width) <= .5;
+	const bottomEdge = Math.abs(visible.y + visible.height - clipBox.y - clipBox.height) <= .5;
+	const touches = [
+		leftEdge && topEdge,
+		rightEdge && topEdge,
+		rightEdge && bottomEdge,
+		leftEdge && bottomEdge
+	];
+	const clipped = corners.map((corner, index) => touches[index] ? corner : {
+		x: 0,
+		y: 0
+	});
+	const horizontal = clipped.map((corner) => px(Math.max(0, corner.x) / scale)).join(" ");
+	const vertical = clipped.map((corner) => px(Math.max(0, corner.y) / scale)).join(" ");
 	return {
 		x: rendered.x + rendered.width / 2 - (frame.x + frame.width / 2),
 		y: rendered.y + rendered.height / 2 - (frame.y + frame.height / 2),
 		scale,
 		rotate: 0,
-		clipPath: `inset(${px(top)} ${px(right)} ${px(bottom)} ${px(left)} round ${px(corner)})`
+		clipPath: `inset(${px(top)} ${px(right)} ${px(bottom)} ${px(left)} round ${horizontal} / ${vertical})`
 	};
 }
 function baseScale(frame, stage, rotation) {
@@ -2840,13 +2865,6 @@ function baseScale(frame, stage, rotation) {
 	if (rotation % 180 === 0) return 1;
 	return Math.min(stage.width / visual.width, stage.height / visual.height);
 }
-function radiusOf(el) {
-	for (let node = el, depth = 0; node && depth < 2; node = node.parentElement, depth += 1) {
-		const value = Number.parseFloat(getComputedStyle(node).borderTopLeftRadius);
-		if (value > 0) return value;
-	}
-	return 0;
-}
 function dismissProgress(offsetY, stageHeight) {
 	if (stageHeight <= 0) return 0;
 	return Math.min(1, Math.max(0, offsetY) / (stageHeight * DISMISS_TRAVEL));
@@ -2931,7 +2949,7 @@ function useLightboxMotion(stageHeight, restScale) {
 	function leave(to) {
 		stop();
 		const t = to ? timing(RETURN_SPRING) : transition("exit");
-		return settle([...to ? poseTo(to, t) : [animate(scale, FADE_POSE.scale, t), animate(opacity, 0, t)], animate(presence, 0, t)]);
+		return settle([...to ? poseTo(to, t) : [animate(scale, Math.min(scale.get(), FADE_POSE.scale), t), animate(opacity, 0, t)], animate(presence, 0, t)]);
 	}
 	function dismissMove(offsetY) {
 		y.set(offsetY < 0 ? rubberBand(offsetY, 0, Infinity, stageHeight()) : offsetY);
@@ -3577,6 +3595,131 @@ function useLightboxLarge(item, active) {
 	};
 }
 //#endregion
+//#region src/components/lightbox/utils/clip.ts
+function emptyCorners() {
+	return [
+		{
+			x: 0,
+			y: 0
+		},
+		{
+			x: 0,
+			y: 0
+		},
+		{
+			x: 0,
+			y: 0
+		},
+		{
+			x: 0,
+			y: 0
+		}
+	];
+}
+function length(value, size) {
+	const number = Number.parseFloat(value) || 0;
+	return value.endsWith("%") ? number * size / 100 : number;
+}
+function cornersOf(style, width, height) {
+	const corners = [
+		style.borderTopLeftRadius,
+		style.borderTopRightRadius,
+		style.borderBottomRightRadius,
+		style.borderBottomLeftRadius
+	].map((value) => {
+		const [x = "0", y = x] = value.split(/\s+/);
+		return {
+			x: length(x, width),
+			y: length(y, height)
+		};
+	});
+	const [tl, tr, br, bl] = corners;
+	const factor = Math.min(1, width / (tl.x + tr.x || 1), width / (bl.x + br.x || 1), height / (tl.y + bl.y || 1), height / (tr.y + br.y || 1));
+	return corners.map((corner) => ({
+		x: corner.x * factor,
+		y: corner.y * factor
+	}));
+}
+function paddingBox(node, style) {
+	const box = node.getBoundingClientRect();
+	const width = node instanceof HTMLElement ? node.offsetWidth : box.width;
+	const height = node instanceof HTMLElement ? node.offsetHeight : box.height;
+	const sx = width ? box.width / width : 1;
+	const sy = height ? box.height / height : 1;
+	const left = Number.parseFloat(style.borderLeftWidth) || 0;
+	const right = Number.parseFloat(style.borderRightWidth) || 0;
+	const top = Number.parseFloat(style.borderTopWidth) || 0;
+	const bottom = Number.parseFloat(style.borderBottomWidth) || 0;
+	const corners = cornersOf(style, width, height);
+	const borders = [
+		[left, top],
+		[right, top],
+		[right, bottom],
+		[left, bottom]
+	];
+	return {
+		rect: {
+			x: box.x + left * sx,
+			y: box.y + top * sy,
+			width: Math.max(0, box.width - (left + right) * sx),
+			height: Math.max(0, box.height - (top + bottom) * sy)
+		},
+		corners: corners.map((corner, index) => ({
+			x: Math.max(0, corner.x - borders[index][0]) * sx,
+			y: Math.max(0, corner.y - borders[index][1]) * sy
+		}))
+	};
+}
+function points(rect) {
+	return [
+		[rect.x, rect.y],
+		[rect.x + rect.width, rect.y],
+		[rect.x + rect.width, rect.y + rect.height],
+		[rect.x, rect.y + rect.height]
+	];
+}
+function clipOf(el, box) {
+	let rect = {
+		x: box.x,
+		y: box.y,
+		width: box.width,
+		height: box.height
+	};
+	const clips = [];
+	for (let node = el; node; node = node.parentElement) {
+		const style = getComputedStyle(node);
+		const clipX = node === el || /^(hidden|clip|scroll|auto)$/.test(style.overflowX);
+		const clipY = node === el || /^(hidden|clip|scroll|auto)$/.test(style.overflowY);
+		if (!clipX && !clipY) continue;
+		const clip = paddingBox(node, style);
+		const x = clipX ? Math.max(rect.x, clip.rect.x) : rect.x;
+		const y = clipY ? Math.max(rect.y, clip.rect.y) : rect.y;
+		const right = clipX ? Math.min(rect.x + rect.width, clip.rect.x + clip.rect.width) : rect.x + rect.width;
+		const bottom = clipY ? Math.min(rect.y + rect.height, clip.rect.y + clip.rect.height) : rect.y + rect.height;
+		rect = {
+			x,
+			y,
+			width: Math.max(0, right - x),
+			height: Math.max(0, bottom - y)
+		};
+		if (clipX && clipY) clips.push(clip);
+	}
+	const corners = emptyCorners();
+	const visible = points(rect);
+	for (const clip of clips) {
+		const edges = points(clip.rect);
+		for (let index = 0; index < 4; index += 1) {
+			if (visible[index].some((value, axis) => Math.abs(value - edges[index][axis]) > .5)) continue;
+			corners[index].x = Math.max(corners[index].x, clip.corners[index].x);
+			corners[index].y = Math.max(corners[index].y, clip.corners[index].y);
+		}
+	}
+	return {
+		rect,
+		corners
+	};
+}
+//#endregion
 //#region src/components/lightbox/composables/useLightboxPose.ts
 function useLightboxPose(frames, current) {
 	function sourceBox() {
@@ -3598,7 +3741,9 @@ function useLightboxPose(frames, current) {
 		const box = sourceBox();
 		const natural = frames.naturalOf(item);
 		if (!box || !natural) return null;
-		return openPose(frames.frameOf(item), box, natural, item?.fit, radiusOf(item?.source?.()));
+		const clip = clipOf(item?.source?.(), box);
+		if (clip.rect.width <= 0 || clip.rect.height <= 0) return null;
+		return openPose(frames.frameOf(item), box, natural, item?.fit, clip.corners, clip.rect);
 	}
 	return { fromSource };
 }
@@ -4010,15 +4155,22 @@ var Lightbox_default = /* @__PURE__ */ defineComponent({
 });
 //#endregion
 //#region src/components/image/image.variants.ts
+var imageRoot = tv({
+	base: "relative block w-full overflow-hidden",
+	variants: { preview: { true: "hn-focus-ring cursor-zoom-in" } }
+});
 var image = tv({
-	base: "block size-full",
-	variants: { fit: {
-		cover: "object-cover",
-		contain: "object-contain",
-		fill: "object-fill",
-		none: "object-none",
-		"scale-down": "object-scale-down"
-	} },
+	base: "relative z-10 block size-full",
+	variants: {
+		lazy: { true: "transition-opacity duration-(--hn-duration-base) ease-enter motion-reduce:transition-none" },
+		fit: {
+			cover: "object-cover",
+			contain: "object-contain",
+			fill: "object-fill",
+			none: "object-none",
+			"scale-down": "object-scale-down"
+		}
+	},
 	defaultVariants: { fit: "cover" }
 });
 //#endregion
@@ -4079,7 +4231,7 @@ function useImage(props, emit) {
 		const style = getComputedStyle(el);
 		try {
 			return el.animate(frames, {
-				duration: Number.parseFloat(style.getPropertyValue("--hn-duration-base")) || 0,
+				duration: Number.parseFloat(style.getPropertyValue("--hn-duration-fast")) || 0,
 				easing: style.getPropertyValue("--hn-ease-enter").trim() || "linear",
 				fill: "forwards"
 			});
@@ -4091,13 +4243,17 @@ function useImage(props, emit) {
 		return new Promise((res) => requestAnimationFrame(() => requestAnimationFrame(() => res())));
 	}
 	async function reveal() {
-		revealed.value = true;
 		if (!props.lazy) {
+			revealed.value = true;
 			skeletonMounted.value = false;
 			return;
 		}
+		const img = imageEl.value;
+		const at = src.value;
 		await nextTick();
 		await afterPaint();
+		if (imageEl.value !== img || src.value !== at) return;
+		revealed.value = true;
 		const layer = skeletonEl.value;
 		const anim = layer && play(layer, [{ opacity: 1 }, { opacity: 0 }]);
 		if (!anim) {
@@ -4197,7 +4353,21 @@ var Image_default = /* @__PURE__ */ defineComponent({
 		},
 		draggable: { type: Boolean },
 		class: {},
-		imageClass: {}
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		imageClass: {},
+		imageStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	emits: ["load", "error"],
 	setup(__props, { emit: __emit }) {
@@ -4233,8 +4403,8 @@ var Image_default = /* @__PURE__ */ defineComponent({
 				ref: rootEl,
 				as: props.preview ? "button" : "span",
 				type: props.preview ? "button" : void 0,
-				class: normalizeClass(unref(cn)("relative block overflow-hidden", props.preview && "hn-focus-ring cursor-zoom-in", props.class)),
-				style: normalizeStyle(props.ratio ? { aspectRatio: String(props.ratio) } : void 0),
+				class: normalizeClass(unref(cn)(unref(imageRoot)({ preview: !!props.preview }), props.class)),
+				style: normalizeStyle([props.ratio ? { aspectRatio: String(props.ratio) } : void 0, props.style]),
 				onClick: openPreview
 			}, {
 				default: withCtx(() => [
@@ -4243,12 +4413,16 @@ var Image_default = /* @__PURE__ */ defineComponent({
 						ref_key: "imageEl",
 						ref: imageEl
 					}, _ctx.$attrs, {
+						style: props.imageStyle,
 						src: unref(src),
 						alt: props.alt,
 						decoding: props.eager ? "sync" : "async",
 						fetchpriority: props.eager ? "high" : void 0,
 						draggable: props.draggable,
-						class: unref(cn)(unref(image)({ fit: props.fit }), props.lazy ? !unref(revealed) && "opacity-0" : "relative z-10", props.imageClass)
+						class: unref(cn)(unref(image)({
+							fit: props.fit,
+							lazy: props.lazy
+						}), props.lazy && !unref(revealed) && "opacity-0", props.imageClass)
 					}), null, 16, _hoisted_1$82)) : unref(failed) ? renderSlot(_ctx.$slots, "error", {}, void 0, void 0, 1) : renderSlot(_ctx.$slots, "empty", {}, void 0, void 0, 2),
 					unref(showSkeleton) ? (openBlock(), createElementBlock("span", {
 						key: 3,
@@ -12068,6 +12242,46 @@ var FileUpload_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
+//#region src/lib/overlay-portal.ts
+function useOverlayPortal(open) {
+	const content = shallowRef(null);
+	return {
+		content,
+		present: computed(() => !!open.value || !!content.value)
+	};
+}
+//#endregion
+//#region src/lib/dialog-focus.ts
+function useDialogCloseFocus(onCloseAutoFocus) {
+	const context = injectDialogRootContext();
+	return (event) => {
+		onCloseAutoFocus(event);
+		if (event.defaultPrevented) return;
+		event.preventDefault();
+		const target = context.triggerElement.value;
+		if (target?.isConnected) target.focus({ preventScroll: true });
+	};
+}
+//#endregion
+//#region src/components/dialog/ModalContent.vue
+var ModalContent_default = /* @__PURE__ */ defineComponent({
+	name: "HnModalContent",
+	__name: "ModalContent",
+	props: { alert: { type: Boolean } },
+	emits: ["closeAutoFocus"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const closeAutoFocus = useDialogCloseFocus((event) => emit("closeAutoFocus", event));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(props.alert ? unref(AlertDialogContent) : unref(DialogContent)), { onCloseAutoFocus: unref(closeAutoFocus) }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 40, ["onCloseAutoFocus"]);
+		};
+	}
+});
+//#endregion
 //#region src/components/dialog/dialog.variants.ts
 var dialogWrapper = tv({
 	base: "pointer-events-none fixed inset-0 z-(--hn-z-overlay) grid",
@@ -12261,6 +12475,7 @@ var AlertDialog_default = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const open = useModel(__props, "open");
+		const { content, present } = useOverlayPortal(open);
 		const t = useUiLocale();
 		const remaining = useConfirmDelay(open, () => props.confirmDelay);
 		const { busy, guard, confirm } = useAlertDialogConfirm(props, open, (error) => emit("error", error), () => remaining.value > 0);
@@ -12275,12 +12490,15 @@ var AlertDialog_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
-				})) : createCommentVNode("", true), createVNode(unref(AlertDialogPortal), null, {
-					default: withCtx(() => [createVNode(unref(AlertDialogOverlay), { class: "hn-scrim" }), createElementVNode("div", { class: normalizeClass(unref(dialogWrapper)({ placement: props.placement ?? "auto" })) }, [createVNode(unref(AlertDialogContent), {
+				})) : createCommentVNode("", true), unref(present) ? (openBlock(), createBlock(unref(AlertDialogPortal), { key: 1 }, {
+					default: withCtx(() => [createVNode(unref(AlertDialogOverlay), { class: "hn-scrim" }), createElementVNode("div", { class: normalizeClass(unref(dialogWrapper)({ placement: props.placement ?? "auto" })) }, [createVNode(ModalContent_default, {
+						alert: "",
 						"as-child": "",
 						onEscapeKeyDown: unref(guard)
 					}, {
 						default: withCtx(() => [createVNode(Card_default, {
+							ref_key: "content",
+							ref: content,
 							padded: false,
 							"data-hn-alert-dialog": "",
 							"aria-busy": unref(busy) || void 0,
@@ -12347,7 +12565,7 @@ var AlertDialog_default = /* @__PURE__ */ defineComponent({
 						_: 3
 					}, 8, ["onEscapeKeyDown"])], 2)]),
 					_: 3
-				})]),
+				})) : createCommentVNode("", true)]),
 				_: 3
 			}, 8, ["open"]);
 		};
@@ -17435,8 +17653,7 @@ var PopoverContent_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region src/lib/anchored-overlay.ts
 function useAnchoredOverlay(props, open, emit, openAutoFocus) {
-	const trigger = shallowRef(null);
-	const triggerElement = computed(() => trigger.value?.$el?.nodeType === 1 ? trigger.value.$el : void 0);
+	const { forwardRef: trigger, currentElement: triggerElement } = useForwardExpose();
 	const retainedAnchor = shallowRef();
 	const reference = computed(() => props.anchor ?? (open.value ? triggerElement.value ?? retainedAnchor.value : retainedAnchor.value ?? triggerElement.value));
 	const visible = computed({
@@ -17540,6 +17757,7 @@ var Popover_default = /* @__PURE__ */ defineComponent({
 		const open = useModel(__props, "open");
 		const emit = __emit;
 		const { trigger, reference, visible, events } = useAnchoredOverlay(props, open, emit, (event) => emit("openAutoFocus", event));
+		const { content, present } = useOverlayPortal(visible);
 		const pressOrigin = computed(() => {
 			if (props.side === "left") return "right";
 			if (props.side === "right") return "left";
@@ -17555,14 +17773,13 @@ var Popover_default = /* @__PURE__ */ defineComponent({
 			}, {
 				default: withCtx(() => [_ctx.$slots.default ? (openBlock(), createBlock(unref(PopoverTrigger), {
 					key: 0,
-					ref_key: "trigger",
-					ref: trigger,
+					ref: unref(trigger),
 					"as-child": "",
 					style: normalizeStyle({ transformOrigin: pressOrigin.value })
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
-				}, 8, ["style"])) : createCommentVNode("", true), createVNode(unref(PopoverPortal), null, {
+				}, 8, ["style"])) : createCommentVNode("", true), unref(present) ? (openBlock(), createBlock(unref(PopoverPortal), { key: 1 }, {
 					default: withCtx(() => [createVNode(PopoverContent_default, mergeProps({
 						..._ctx.$attrs,
 						...unref(events)
@@ -17574,6 +17791,8 @@ var Popover_default = /* @__PURE__ */ defineComponent({
 						"side-offset": props.sideOffset
 					}), {
 						default: withCtx(() => [createVNode(Card_default, {
+							ref_key: "content",
+							ref: content,
 							padded: props.padded,
 							class: normalizeClass(unref(cn)("hn-anim-pop z-(--hn-z-overlay) max-w-sm shadow-md outline-none", props.class))
 						}, {
@@ -17588,7 +17807,7 @@ var Popover_default = /* @__PURE__ */ defineComponent({
 						"side-offset"
 					])]),
 					_: 3
-				})]),
+				})) : createCommentVNode("", true)]),
 				_: 3
 			}, 8, ["open", "modal"]);
 		};
@@ -17642,8 +17861,7 @@ var DropdownMenu_default = /* @__PURE__ */ defineComponent({
 			}, {
 				default: withCtx(() => [_ctx.$slots.default ? (openBlock(), createBlock(unref(DropdownMenuTrigger), {
 					key: 0,
-					ref_key: "trigger",
-					ref: trigger,
+					ref: unref(trigger),
 					"as-child": "",
 					class: "group/hn-disclosure",
 					style: normalizeStyle({ transformOrigin: pressOrigin.value })
@@ -18001,6 +18219,7 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 			if (props.locked) e.preventDefault();
 		}
 		const open = useModel(__props, "open");
+		const { content, present } = useOverlayPortal(open);
 		function close() {
 			open.value = false;
 		}
@@ -18015,13 +18234,16 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
-				})) : createCommentVNode("", true), createVNode(unref(DialogPortal), null, {
-					default: withCtx(() => [createVNode(unref(DialogOverlay), { class: "hn-scrim" }), createElementVNode("div", { class: normalizeClass(unref(dialogWrapper)({ placement: props.placement ?? "auto" })) }, [createVNode(unref(DialogContent), {
+				})) : createCommentVNode("", true), unref(present) ? (openBlock(), createBlock(unref(DialogPortal), { key: 1 }, {
+					default: withCtx(() => [createVNode(unref(DialogOverlay), { class: "hn-scrim" }), createElementVNode("div", { class: normalizeClass(unref(dialogWrapper)({ placement: props.placement ?? "auto" })) }, [createVNode(ModalContent_default, {
 						"as-child": "",
 						onEscapeKeyDown: guard,
 						onInteractOutside: guard
 					}, {
-						default: withCtx(() => [createVNode(Card_default, mergeProps(props.description ? {} : { "aria-describedby": void 0 }, {
+						default: withCtx(() => [createVNode(Card_default, mergeProps({
+							ref_key: "content",
+							ref: content
+						}, props.description ? {} : { "aria-describedby": void 0 }, {
 							padded: false,
 							class: unref(cn)(unref(dialogCard)({
 								placement: props.placement ?? "auto",
@@ -18089,7 +18311,7 @@ var Dialog_default = /* @__PURE__ */ defineComponent({
 						_: 3
 					})], 2)]),
 					_: 3
-				})]),
+				})) : createCommentVNode("", true)]),
 				_: 3
 			}, 8, ["open"]);
 		};
@@ -19180,6 +19402,6 @@ function createScrollRestorer(key, ports) {
 	};
 }
 //#endregion
-export { Accordion_default as Accordion, AccordionContent_default as AccordionContent, AccordionItem_default as AccordionItem, AccordionTrigger_default as AccordionTrigger, Alert_default as Alert, AlertDialog_default as AlertDialog, Anchor_default as Anchor, AppShell_default as AppShell, AspectRatio_default as AspectRatio, Avatar_default as Avatar, AvatarGroup_default as AvatarGroup, Badge_default as Badge, Banner_default as Banner, Blockquote_default as Blockquote, Breadcrumb_default as Breadcrumb, BreadcrumbItem_default as BreadcrumbItem, BreadcrumbSeparator_default as BreadcrumbSeparator, Button_default as Button, ButtonGroup_default as ButtonGroup, Calendar_default as Calendar, Callout_default as Callout, Card_default as Card, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, Chip_default as Chip, CloseButton_default as CloseButton, Code_default as Code, CodeBlock_default as CodeBlock, Collapsible_default as Collapsible, CollapsibleContent_default as CollapsibleContent, CollapsibleTrigger_default as CollapsibleTrigger, Combobox_default as Combobox, CommandPalette_default as CommandPalette, Container_default as Container, ContextMenu_default as ContextMenu, ContextMenuCheckboxItem_default as ContextMenuCheckboxItem, ContextMenuGroup_default as ContextMenuGroup, ContextMenuItem_default as ContextMenuItem, ContextMenuLabel_default as ContextMenuLabel, ContextMenuRadioGroup_default as ContextMenuRadioGroup, ContextMenuRadioItem_default as ContextMenuRadioItem, ContextMenuSeparator_default as ContextMenuSeparator, ContextMenuSub_default as ContextMenuSub, CopyButton_default as CopyButton, DURATION, DateField_default as DateField, DatePicker_default as DatePicker, DateRangeField_default as DateRangeField, DateRangePicker_default as DateRangePicker, DateTimePicker_default as DateTimePicker, DescriptionDetails_default as DescriptionDetails, DescriptionList_default as DescriptionList, DescriptionTerm_default as DescriptionTerm, Dialog_default as Dialog, DisclosureIcon_default as DisclosureIcon, Divider_default as Divider, Drawer_default as Drawer, DropdownMenu_default as DropdownMenu, DropdownMenuCheckboxItem_default as DropdownMenuCheckboxItem, DropdownMenuGroup_default as DropdownMenuGroup, DropdownMenuItem_default as DropdownMenuItem, DropdownMenuLabel_default as DropdownMenuLabel, DropdownMenuRadioGroup_default as DropdownMenuRadioGroup, DropdownMenuRadioItem_default as DropdownMenuRadioItem, DropdownMenuSeparator_default as DropdownMenuSeparator, DropdownMenuSub_default as DropdownMenuSub, EASE, Empty_default as Empty, FileUpload_default as FileUpload, Flex_default as Flex, Form_default as Form, FormField_default as FormField, FormLayout_default as FormLayout, Grid_default as Grid, Heading_default as Heading, Highlight_default as Highlight, HoverCard_default as HoverCard, IconButton_default as IconButton, Image_default as Image, ImageGroup_default as ImageGroup, Indicator_default as Indicator, Inline_default as Inline, Input_default as Input, InputGroup_default as InputGroup, InputGroupAddon_default as InputGroupAddon, Kbd_default as Kbd, Link_default as Link, List_default as List, ListItem_default as ListItem, Listbox_default as Listbox, LoadingOverlay_default as LoadingOverlay, Mark_default as Mark, Menubar_default as Menubar, MenubarCheckboxItem_default as MenubarCheckboxItem, MenubarGroup_default as MenubarGroup, MenubarItem_default as MenubarItem, MenubarLabel_default as MenubarLabel, MenubarMenu_default as MenubarMenu, MenubarRadioGroup_default as MenubarRadioGroup, MenubarRadioItem_default as MenubarRadioItem, MenubarSeparator_default as MenubarSeparator, MenubarSub_default as MenubarSub, MeterGroup_default as MeterGroup, MultiCombobox_default as MultiCombobox, MultiSelect_default as MultiSelect, NavLink_default as NavLink, NumberFormat_default as NumberFormat, NumberInput_default as NumberInput, Page_default as Page, PageAside_default as PageAside, PageBody_default as PageBody, PageHeader_default as PageHeader, Panel_default as Panel, PasswordInput_default as PasswordInput, PinInput_default as PinInput, Popconfirm_default as Popconfirm, Popover_default as Popover, PrevNext_default as PrevNext, PrevNextLink_default as PrevNextLink, Progress_default as Progress, Prose_default as Prose, REQUIRED_SINGLETONS, RESTORE_DEADLINE_MS, RadioGroup_default as RadioGroup, RangeCalendar_default as RangeCalendar, RangeSlider_default as RangeSlider, Rating_default as Rating, Result_default as Result, RingProgress_default as RingProgress, Ripple_default as Ripple, SAVE_THROTTLE_MS, SCROLL_ATOP_ATTR, SCROLL_ATOP_HIDE_PX, SCROLL_AT_ATTR, SCROLL_RESTORE_ATTR, SCROLL_STATE_FIELD, STAGGER, ScrollArea_default as ScrollArea, SearchInput_default as SearchInput, Section_default as Section, SegmentedControl_default as SegmentedControl, Select_default as Select, Sheet_default as Sheet, Sidebar_default as Sidebar, SidebarGroup_default as SidebarGroup, SidebarTrigger_default as SidebarTrigger, SimpleGrid_default as SimpleGrid, Skeleton_default as Skeleton, Slider_default as Slider, Space_default as Space, Spinner_default as Spinner, Splitter_default as Splitter, SplitterHandle_default as SplitterHandle, SplitterPanel_default as SplitterPanel, Spoiler_default as Spoiler, Stack_default as Stack, Statistic_default as Statistic, Switch_default as Switch, TRANSITION, TRAVEL, Table_default as Table, TableBody_default as TableBody, TableCell_default as TableCell, TableHead_default as TableHead, TableHeader_default as TableHeader, TableRow_default as TableRow, Tabs_default as Tabs, TabsContent_default as TabsContent, TabsList_default as TabsList, TabsTrigger_default as TabsTrigger, Tag_default as Tag, TagsInput_default as TagsInput, Text_default as Text, Textarea_default as Textarea, Time_default as Time, TimeField_default as TimeField, Toaster_default as Toaster, Toggle_default as Toggle, Tooltip_default as Tooltip, TooltipProvider_default as TooltipProvider, TreeSelect_default as TreeSelect, VisuallyHidden_default as VisuallyHidden, atopOff, cn, createScrollRestorer, cssEase, enUS, firstPaintRestoreScript, provideImageResolver, provideUiLocale, readScrollRecord, toast, tokenize, tokensToHtml, tv, useImageResolver, useUiLocale, writeScrollRecord, zhCN };
+export { Accordion_default as Accordion, AccordionContent_default as AccordionContent, AccordionItem_default as AccordionItem, AccordionTrigger_default as AccordionTrigger, Alert_default as Alert, AlertDialog_default as AlertDialog, Anchor_default as Anchor, AppShell_default as AppShell, AspectRatio_default as AspectRatio, Avatar_default as Avatar, AvatarGroup_default as AvatarGroup, Badge_default as Badge, Banner_default as Banner, Blockquote_default as Blockquote, Breadcrumb_default as Breadcrumb, BreadcrumbItem_default as BreadcrumbItem, BreadcrumbSeparator_default as BreadcrumbSeparator, Button_default as Button, ButtonGroup_default as ButtonGroup, Calendar_default as Calendar, Callout_default as Callout, Card_default as Card, Center_default as Center, Checkbox_default as Checkbox, CheckboxGroup_default as CheckboxGroup, Chip_default as Chip, CloseButton_default as CloseButton, Code_default as Code, CodeBlock_default as CodeBlock, Collapsible_default as Collapsible, CollapsibleContent_default as CollapsibleContent, CollapsibleTrigger_default as CollapsibleTrigger, Combobox_default as Combobox, CommandPalette_default as CommandPalette, Container_default as Container, ContextMenu_default as ContextMenu, ContextMenuCheckboxItem_default as ContextMenuCheckboxItem, ContextMenuGroup_default as ContextMenuGroup, ContextMenuItem_default as ContextMenuItem, ContextMenuLabel_default as ContextMenuLabel, ContextMenuRadioGroup_default as ContextMenuRadioGroup, ContextMenuRadioItem_default as ContextMenuRadioItem, ContextMenuSeparator_default as ContextMenuSeparator, ContextMenuSub_default as ContextMenuSub, CopyButton_default as CopyButton, DURATION, DateField_default as DateField, DatePicker_default as DatePicker, DateRangeField_default as DateRangeField, DateRangePicker_default as DateRangePicker, DateTimePicker_default as DateTimePicker, DescriptionDetails_default as DescriptionDetails, DescriptionList_default as DescriptionList, DescriptionTerm_default as DescriptionTerm, Dialog_default as Dialog, DisclosureIcon_default as DisclosureIcon, Divider_default as Divider, Drawer_default as Drawer, DropdownMenu_default as DropdownMenu, DropdownMenuCheckboxItem_default as DropdownMenuCheckboxItem, DropdownMenuGroup_default as DropdownMenuGroup, DropdownMenuItem_default as DropdownMenuItem, DropdownMenuLabel_default as DropdownMenuLabel, DropdownMenuRadioGroup_default as DropdownMenuRadioGroup, DropdownMenuRadioItem_default as DropdownMenuRadioItem, DropdownMenuSeparator_default as DropdownMenuSeparator, DropdownMenuSub_default as DropdownMenuSub, EASE, Empty_default as Empty, FileUpload_default as FileUpload, Flex_default as Flex, Form_default as Form, FormField_default as FormField, FormLayout_default as FormLayout, Grid_default as Grid, Heading_default as Heading, Highlight_default as Highlight, HoverCard_default as HoverCard, IconButton_default as IconButton, Image_default as Image, ImageGroup_default as ImageGroup, Indicator_default as Indicator, Inline_default as Inline, Input_default as Input, InputGroup_default as InputGroup, InputGroupAddon_default as InputGroupAddon, Kbd_default as Kbd, Lightbox_default as Lightbox, Link_default as Link, List_default as List, ListItem_default as ListItem, Listbox_default as Listbox, LoadingOverlay_default as LoadingOverlay, Mark_default as Mark, Menubar_default as Menubar, MenubarCheckboxItem_default as MenubarCheckboxItem, MenubarGroup_default as MenubarGroup, MenubarItem_default as MenubarItem, MenubarLabel_default as MenubarLabel, MenubarMenu_default as MenubarMenu, MenubarRadioGroup_default as MenubarRadioGroup, MenubarRadioItem_default as MenubarRadioItem, MenubarSeparator_default as MenubarSeparator, MenubarSub_default as MenubarSub, MeterGroup_default as MeterGroup, MultiCombobox_default as MultiCombobox, MultiSelect_default as MultiSelect, NavLink_default as NavLink, NumberFormat_default as NumberFormat, NumberInput_default as NumberInput, Page_default as Page, PageAside_default as PageAside, PageBody_default as PageBody, PageHeader_default as PageHeader, Panel_default as Panel, PasswordInput_default as PasswordInput, PinInput_default as PinInput, Popconfirm_default as Popconfirm, Popover_default as Popover, PrevNext_default as PrevNext, PrevNextLink_default as PrevNextLink, Progress_default as Progress, Prose_default as Prose, REQUIRED_SINGLETONS, RESTORE_DEADLINE_MS, RadioGroup_default as RadioGroup, RangeCalendar_default as RangeCalendar, RangeSlider_default as RangeSlider, Rating_default as Rating, Result_default as Result, RingProgress_default as RingProgress, Ripple_default as Ripple, SAVE_THROTTLE_MS, SCROLL_ATOP_ATTR, SCROLL_ATOP_HIDE_PX, SCROLL_AT_ATTR, SCROLL_RESTORE_ATTR, SCROLL_STATE_FIELD, STAGGER, ScrollArea_default as ScrollArea, SearchInput_default as SearchInput, Section_default as Section, SegmentedControl_default as SegmentedControl, Select_default as Select, Sheet_default as Sheet, Sidebar_default as Sidebar, SidebarGroup_default as SidebarGroup, SidebarTrigger_default as SidebarTrigger, SimpleGrid_default as SimpleGrid, Skeleton_default as Skeleton, Slider_default as Slider, Space_default as Space, Spinner_default as Spinner, Splitter_default as Splitter, SplitterHandle_default as SplitterHandle, SplitterPanel_default as SplitterPanel, Spoiler_default as Spoiler, Stack_default as Stack, Statistic_default as Statistic, Switch_default as Switch, TRANSITION, TRAVEL, Table_default as Table, TableBody_default as TableBody, TableCell_default as TableCell, TableHead_default as TableHead, TableHeader_default as TableHeader, TableRow_default as TableRow, Tabs_default as Tabs, TabsContent_default as TabsContent, TabsList_default as TabsList, TabsTrigger_default as TabsTrigger, Tag_default as Tag, TagsInput_default as TagsInput, Text_default as Text, Textarea_default as Textarea, Time_default as Time, TimeField_default as TimeField, Toaster_default as Toaster, Toggle_default as Toggle, Tooltip_default as Tooltip, TooltipProvider_default as TooltipProvider, TreeSelect_default as TreeSelect, VisuallyHidden_default as VisuallyHidden, atopOff, cn, createScrollRestorer, cssEase, enUS, firstPaintRestoreScript, provideImageResolver, provideUiLocale, readScrollRecord, toast, tokenize, tokensToHtml, tv, useImageResolver, useUiLocale, writeScrollRecord, zhCN };
 
 //# sourceMappingURL=index.js.map