@hina-ui/vue 1.3.0 → 1.4.0

package/dist/types/lib/pointer-corridor.d.ts

@@ -0,0 +1,7 @@
+type Point = {
+    x: number;
+    y: number;
+};
+export declare function inPointerCorridor(point: Point, first: DOMRect, second: DOMRect): boolean;
+export {};
+//# sourceMappingURL=pointer-corridor.d.ts.map

package/dist/types/lib/pointer-corridor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointer-corridor.d.ts","sourceRoot":"","sources":["../../../src/lib/pointer-corridor.ts"],"names":[],"mappings":"AAAA,KAAK,KAAK,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAIrC,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,WAqB9E"}

package/dist/types/lib/useDirection.d.ts

@@ -0,0 +1,7 @@
+import { type Direction } from 'reka-ui';
+export declare function useDirection(dir: () => Direction | undefined): {
+    root: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
+    direction: import("vue").ComputedRef<Direction>;
+    rootDirection: import("vue").ComputedRef<Direction | undefined>;
+};
+//# sourceMappingURL=useDirection.d.ts.map

package/dist/types/lib/useDirection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDirection.d.ts","sourceRoot":"","sources":["../../../src/lib/useDirection.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,SAAS,CAAA;AAErE,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,SAAS,GAAG,SAAS;;;;EA2B5D"}

package/dist/types/locale/en-US.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en-US.d.ts","sourceRoot":"","sources":["../../../src/locale/en-US.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,IAAI,EAAE,UAqJlB,CAAA"}
+{"version":3,"file":"en-US.d.ts","sourceRoot":"","sources":["../../../src/locale/en-US.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,IAAI,EAAE,UAmKlB,CAAA"}

package/dist/types/locale/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/locale/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,WAAW,EAEhB,KAAK,gBAAgB,EACtB,MAAM,KAAK,CAAA;AACZ,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA2C5D,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,GAC5C,WAAW,CAAC,UAAU,CAAC,CAIzB;AAED,wBAAgB,WAAW,IAAI,WAAW,CAAC,UAAU,CAAC,CAErD;AAED,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/locale/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,WAAW,EAEhB,KAAK,gBAAgB,EACtB,MAAM,KAAK,CAAA;AACZ,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AA4C5D,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,GAC5C,WAAW,CAAC,UAAU,CAAC,CAIzB;AAED,wBAAgB,WAAW,IAAI,WAAW,CAAC,UAAU,CAAC,CAErD;AAED,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,YAAY,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA"}

package/dist/types/locale/types.d.ts

@@ -14,6 +14,15 @@ export interface UiMessages {
         next: string;
     };
     pagination: {
+        rangeLabel: (from: number, to: number, total: number) => string;
+        pageCountLabel: (page: number, count: number) => string;
+        pageSizeLabel: string;
+        pageSizeOption: (n: number) => string;
+        jumpLabel: string;
+        previousPagesLabel: (n: number) => string;
+        nextPagesLabel: (n: number) => string;
+        choosePage: string;
+        choosePageHint: string;
         navLabel: string;
         prev: string;
         next: string;
@@ -77,6 +86,7 @@ export interface UiMessages {
         zoomIn: string;
         zoomOut: string;
         resetZoom: string;
+        actualSize: string;
         rotate: string;
         download: string;
         loadingLarge: string;
@@ -92,6 +102,9 @@ export interface UiMessages {
         show: string;
         hide: string;
     };
+    treeSelect: {
+        search: string;
+    };
     combobox: {
         placeholder: string;
         toggle: string;

package/dist/types/locale/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/locale/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/locale/types.ts"],"names":[],"mappings":"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"}

package/dist/types/locale/zh-CN.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"zh-CN.d.ts","sourceRoot":"","sources":["../../../src/locale/zh-CN.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,IAAI,EAAE,UAqJlB,CAAA"}
+{"version":3,"file":"zh-CN.d.ts","sourceRoot":"","sources":["../../../src/locale/zh-CN.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,IAAI,EAAE,UAmKlB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hina-ui/vue",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "An elegant, restrained Vue 3 component library built on Reka UI and Tailwind CSS v4.",
   "keywords": [
     "vue",

package/src/components/alert-dialog/AlertDialog.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
   import {
     AlertDialogCancel,
-    AlertDialogContent,
     AlertDialogDescription,
     AlertDialogOverlay,
     AlertDialogPortal,
@@ -9,8 +8,10 @@
     AlertDialogTitle,
     AlertDialogTrigger,
   } from 'reka-ui'
+  import { useOverlayPortal } from '../../lib/overlay-portal'
   import { cn } from '../../lib/cn'
   import { useUiLocale } from '../../locale'
+  import ModalContent from '../dialog/ModalContent.vue'
   import Button from '../button/Button.vue'
   import Card from '../card/Card.vue'
   import { dialogCard, dialogWrapper } from '../dialog/dialog.variants'
@@ -45,6 +46,7 @@
   const emit = defineEmits<{ cancel: []; error: [error: unknown] }>()
 
   const open = defineModel<boolean>('open')
+  const { content, present } = useOverlayPortal(open)
   const t = useUiLocale()
   const remaining = useConfirmDelay(open, () => props.confirmDelay)
   const { busy, guard, confirm } = useAlertDialogConfirm(
@@ -60,11 +62,12 @@
     <AlertDialogTrigger v-if="$slots.default" as-child>
       <slot />
     </AlertDialogTrigger>
-    <AlertDialogPortal>
+    <AlertDialogPortal v-if="present">
       <AlertDialogOverlay class="hn-scrim" />
       <div :class="dialogWrapper({ placement: props.placement ?? 'auto' })">
-        <AlertDialogContent as-child @escape-key-down="guard">
+        <ModalContent alert as-child @escape-key-down="guard">
           <Card
+            ref="content"
             :padded="false"
             data-hn-alert-dialog
             :aria-busy="busy || undefined"
@@ -98,7 +101,7 @@
               </Button>
             </div>
           </Card>
-        </AlertDialogContent>
+        </ModalContent>
       </div>
     </AlertDialogPortal>
   </AlertDialogRoot>

package/src/components/badge/badge.variants.ts

@@ -2,7 +2,7 @@ import { tv, type VariantProps } from '../../lib/tv'
 
 export const badge = tv({
   base: [
-    'absolute z-[1] inline-flex items-center justify-center rounded-full will-change-transform',
+    'pointer-events-none absolute z-[1] inline-flex items-center justify-center rounded-full will-change-transform',
     'font-medium leading-none whitespace-nowrap select-none',
   ],
   variants: {

package/src/components/dialog/Dialog.vue

@@ -4,16 +4,17 @@
     DialogTrigger,
     DialogPortal,
     DialogOverlay,
-    DialogContent,
     DialogTitle,
     DialogDescription,
     DialogClose,
   } from 'reka-ui'
+  import ModalContent from './ModalContent.vue'
   import CloseButton from '../close-button/CloseButton.vue'
   import Card from '../card/Card.vue'
   import ScrollArea from '../scroll-area/ScrollArea.vue'
   import Heading from '../heading/Heading.vue'
   import Text from '../text/Text.vue'
+  import { useOverlayPortal } from '../../lib/overlay-portal'
   import { cn } from '../../lib/cn'
   import { dialogWrapper, dialogCard, type DialogVariants } from './dialog.variants'
 
@@ -47,6 +48,7 @@
   }
 
   const open = defineModel<boolean>('open')
+  const { content, present } = useOverlayPortal(open)
 
   function close() {
     open.value = false
@@ -58,11 +60,12 @@
     <DialogTrigger v-if="$slots.default" as-child>
       <slot />
     </DialogTrigger>
-    <DialogPortal>
+    <DialogPortal v-if="present">
       <DialogOverlay class="hn-scrim" />
       <div :class="dialogWrapper({ placement: props.placement ?? 'auto' })">
-        <DialogContent as-child @escape-key-down="guard" @interact-outside="guard">
+        <ModalContent as-child @escape-key-down="guard" @interact-outside="guard">
           <Card
+            ref="content"
             v-bind="props.description ? {} : { 'aria-describedby': undefined }"
             :padded="false"
             :class="
@@ -127,7 +130,7 @@
               </div>
             </template>
           </Card>
-        </DialogContent>
+        </ModalContent>
       </div>
     </DialogPortal>
   </DialogRoot>

package/src/components/dialog/ModalContent.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+  import { AlertDialogContent, DialogContent } from 'reka-ui'
+  import { useDialogCloseFocus } from '../../lib/dialog-focus'
+
+  defineOptions({ name: 'HnModalContent' })
+
+  const props = defineProps<{ alert?: boolean }>()
+  const emit = defineEmits<{ closeAutoFocus: [event: Event] }>()
+  const closeAutoFocus = useDialogCloseFocus(event => emit('closeAutoFocus', event))
+</script>
+
+<template>
+  <component
+    :is="props.alert ? AlertDialogContent : DialogContent"
+    @close-auto-focus="closeAutoFocus"
+  >
+    <slot />
+  </component>
+</template>

package/src/components/dropdown-menu/DropdownMenu.vue

@@ -45,7 +45,7 @@
   <DropdownMenuRoot v-model:open="visible" :modal="props.modal" :dir="props.dir">
     <DropdownMenuTrigger
       v-if="$slots.default"
-      ref="trigger"
+      :ref="trigger"
       as-child
       class="group/hn-disclosure"
       :style="{ transformOrigin: pressOrigin }"

package/src/components/hover-card/HoverCard.vue

@@ -2,11 +2,13 @@
   import { HoverCardContent, HoverCardPortal, HoverCardRoot, HoverCardTrigger } from 'reka-ui'
   import { cn } from '../../lib/cn'
   import Card from '../card/Card.vue'
+  import HoverCardAnchor from './HoverCardAnchor.vue'
 
   defineOptions({ name: 'HnHoverCard' })
 
   const props = withDefaults(
     defineProps<{
+      anchor?: HTMLElement | null
       side?: 'top' | 'right' | 'bottom' | 'left'
       align?: 'start' | 'center' | 'end'
       sideOffset?: number
@@ -14,6 +16,7 @@
       closeDelay?: number
       padded?: boolean
       class?: string
+      positionerClass?: string
     }>(),
     {
       side: 'bottom',
@@ -25,29 +28,44 @@
     },
   )
 
+  defineSlots<{ default?(): unknown; content?(): unknown }>()
+
   const open = defineModel<boolean>('open')
 </script>
 
 <template>
   <HoverCardRoot v-model:open="open" :open-delay="props.openDelay" :close-delay="props.closeDelay">
-    <HoverCardTrigger as-child>
+    <HoverCardTrigger v-if="$slots.default" as-child>
       <slot />
     </HoverCardTrigger>
-    <HoverCardPortal>
-      <HoverCardContent
-        as-child
-        :side="props.side"
-        :align="props.align"
-        :side-offset="props.sideOffset"
-      >
-        <Card
-          data-hn-hover-card
-          :padded="props.padded"
-          :class="cn('hn-anim-pop z-(--hn-z-overlay) max-w-sm shadow-md outline-none', props.class)"
+    <HoverCardAnchor
+      v-slot="{ reference, contentRef, present }"
+      :anchor="props.anchor"
+      :external="!$slots.default"
+      :close-delay="props.closeDelay"
+      :positioner-class="props.positionerClass"
+    >
+      <HoverCardPortal v-if="present">
+        <HoverCardContent
+          :reference="reference"
+          as-child
+          :side="props.side"
+          :align="props.align"
+          :side-offset="props.sideOffset"
         >
-          <slot name="content" />
-        </Card>
-      </HoverCardContent>
-    </HoverCardPortal>
+          <Card
+            :ref="contentRef"
+            data-hn-hover-card
+            :inert="!open"
+            :padded="props.padded"
+            :class="
+              cn('hn-anim-pop z-(--hn-z-overlay) max-w-sm shadow-md outline-none', props.class)
+            "
+          >
+            <slot name="content" />
+          </Card>
+        </HoverCardContent>
+      </HoverCardPortal>
+    </HoverCardAnchor>
   </HoverCardRoot>
 </template>

package/src/components/hover-card/HoverCardAnchor.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+  import { useHoverCardAnchor } from './composables/useHoverCardAnchor'
+
+  defineOptions({ name: 'HnHoverCardAnchor' })
+  const props = defineProps<{
+    anchor?: HTMLElement | null
+    external: boolean
+    closeDelay: number
+    positionerClass?: string
+  }>()
+  const { reference, contentRef, present } = useHoverCardAnchor(props)
+</script>
+
+<template>
+  <slot :reference="reference" :content-ref="contentRef" :present="present" />
+</template>

package/src/components/hover-card/composables/useHoverCardAnchor.ts

@@ -0,0 +1,160 @@
+import { computed, onScopeDispose, shallowRef, watch, type ComponentPublicInstance } from 'vue'
+import { useEventListener, useRafFn } from '@vueuse/core'
+import { injectHoverCardRootContext } from 'reka-ui'
+import { useOverlayPortal } from '../../../lib/overlay-portal'
+import { useOverlayPositionerClass } from '../../../lib/overlay-positioner'
+import { inPointerCorridor } from '../../../lib/pointer-corridor'
+
+interface HoverCardAnchorOptions {
+  anchor?: HTMLElement | null
+  external: boolean
+  closeDelay: number
+  positionerClass?: string
+}
+
+export function useHoverCardAnchor(props: HoverCardAnchorOptions) {
+  const root = injectHoverCardRootContext()
+  const original = { onOpen: root.onOpen, onClose: root.onClose, onDismiss: root.onDismiss }
+  const anchor = computed(() => (props.external ? (props.anchor ?? undefined) : undefined))
+  const { content, present } = useOverlayPortal(root.open)
+  useOverlayPositionerClass(content, () => props.positionerClass)
+  const panel = computed(() =>
+    props.external ? (content.value?.$el as HTMLElement | undefined) : undefined,
+  )
+  const liveAnchor = shallowRef<HTMLElement>()
+  const retained = shallowRef<{
+    getBoundingClientRect: () => DOMRect
+    contextElement: HTMLElement
+  }>()
+  const reference = computed(() =>
+    props.external ? (liveAnchor.value ?? retained.value) : undefined,
+  )
+  let timer: ReturnType<typeof setTimeout> | undefined
+  let tracking = false
+
+  function cancel() {
+    clearTimeout(timer)
+    timer = undefined
+  }
+
+  function dismiss() {
+    cancel()
+    tracking = false
+    root.onOpenChange(false)
+  }
+
+  function close() {
+    if (
+      timer !== undefined ||
+      !root.open.value ||
+      root.hasSelectionRef.value ||
+      root.isPointerDownOnContentRef.value
+    )
+      return
+    timer = setTimeout(dismiss, props.closeDelay)
+  }
+
+  function keep() {
+    tracking = false
+    cancel()
+  }
+
+  function track(event: Event) {
+    const pointer = event as PointerEvent
+    if (!root.open.value || !tracking || pointer.pointerType === 'touch') return
+    const target = pointer.target as Node | null
+    if (target && (anchor.value?.contains(target) || panel.value?.contains(target))) return keep()
+    const a = anchor.value?.getBoundingClientRect()
+    const b = panel.value?.getBoundingClientRect()
+    if (a && b && inPointerCorridor({ x: pointer.clientX, y: pointer.clientY }, a, b)) cancel()
+    else close()
+  }
+
+  function leave(event: Event) {
+    const pointer = event as PointerEvent
+    if (pointer.pointerType === 'touch' || !root.open.value) return
+    tracking = true
+    const a = anchor.value?.getBoundingClientRect()
+    const b = panel.value?.getBoundingClientRect()
+    if (a && b && inPointerCorridor({ x: pointer.clientX, y: pointer.clientY }, a, b)) cancel()
+    else close()
+  }
+
+  function measure() {
+    const element = anchor.value
+    if (!element?.isConnected) {
+      liveAnchor.value = undefined
+      if (root.open.value) dismiss()
+      return
+    }
+    liveAnchor.value = element
+    const rect = element.getBoundingClientRect()
+    const previous = retained.value?.getBoundingClientRect()
+    if (
+      !previous ||
+      retained.value?.contextElement !== element ||
+      rect.x !== previous.x ||
+      rect.y !== previous.y ||
+      rect.width !== previous.width ||
+      rect.height !== previous.height
+    )
+      retained.value = { getBoundingClientRect: () => rect, contextElement: element }
+  }
+
+  const { pause, resume } = useRafFn(measure, { immediate: false })
+  root.onOpen = () => (props.external ? keep() : original.onOpen())
+  root.onClose = () => (props.external ? close() : original.onClose())
+  root.onDismiss = () => (props.external ? dismiss() : original.onDismiss())
+
+  watch(
+    [anchor, root.open, present],
+    ([element, , mounted], previous) => {
+      cancel()
+      tracking = false
+      pause()
+      if (!props.external || !mounted) {
+        liveAnchor.value = undefined
+        return
+      }
+      if (element !== previous?.[0]) {
+        root.hasSelectionRef.value = false
+        root.isPointerDownOnContentRef.value = false
+      }
+      measure()
+      resume()
+    },
+    { immediate: true, flush: 'post' },
+  )
+
+  useEventListener(anchor, 'pointerenter', keep)
+  useEventListener(anchor, 'pointerleave', leave)
+  useEventListener(anchor, 'focusin', keep)
+  useEventListener(anchor, 'focusout', event => {
+    const target = (event as FocusEvent).relatedTarget as Node | null
+    if (!target || (!anchor.value?.contains(target) && !panel.value?.contains(target))) close()
+  })
+  useEventListener(panel, 'pointerenter', keep)
+  useEventListener(panel, 'pointerleave', leave)
+  useEventListener(() => anchor.value?.ownerDocument, 'pointermove', track)
+  useEventListener(
+    () => anchor.value?.ownerDocument,
+    'scroll',
+    event => {
+      if (root.open.value && (event.target as Node | null)?.contains(anchor.value ?? null))
+        dismiss()
+    },
+    { capture: true, passive: true },
+  )
+
+  onScopeDispose(() => {
+    cancel()
+    Object.assign(root, original)
+  })
+
+  function contentRef(value: Element | ComponentPublicInstance | null) {
+    content.value = value as ComponentPublicInstance | null
+    if (!value && !root.open.value) retained.value = undefined
+  }
+
+  return { reference, contentRef, present }
+}

package/src/components/image/Image.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-  import { computed, onBeforeUnmount, shallowRef, useId, watch } from 'vue'
+  import { computed, onBeforeUnmount, shallowRef, useId, watch, type StyleValue } from 'vue'
   import { Primitive } from 'reka-ui'
   import { cn } from '../../lib/cn'
   import { useRequiredLabel } from '../../lib/a11y'
   import Skeleton from '../skeleton/Skeleton.vue'
   import Lightbox from '../lightbox/Lightbox.vue'
   import type { LightboxItem } from '../lightbox/types'
-  import { image, type ImageVariants } from './image.variants'
+  import { image, imageRoot, type ImageVariants } from './image.variants'
   import { useImage } from './composables/useImage'
   import { useImageGroup } from './context'
   import { useImageResolver } from './resolver'
@@ -25,9 +25,12 @@
       skeleton?: boolean
       eager?: boolean
       preview?: boolean | string
+      previewSize?: LightboxItem['previewSize']
       draggable?: boolean
       class?: string
+      style?: StyleValue
       imageClass?: string
+      imageStyle?: StyleValue
     }>(),
     {
       alt: '',
@@ -62,6 +65,7 @@
       typeof props.preview === 'string' ? props.preview : (props.src ?? ''),
       'preview',
     ),
+    previewSize: props.previewSize,
     alt: props.alt,
     fit: props.fit,
     source: () => imageEl.value,
@@ -93,20 +97,15 @@
     ref="rootEl"
     :as="props.preview ? 'button' : 'span'"
     :type="props.preview ? 'button' : undefined"
-    :class="
-      cn(
-        'relative block overflow-hidden',
-        props.preview && 'hn-focus-ring cursor-zoom-in',
-        props.class,
-      )
-    "
-    :style="props.ratio ? { aspectRatio: String(props.ratio) } : undefined"
+    :class="cn(imageRoot({ preview: !!props.preview }), props.class)"
+    :style="[props.ratio ? { aspectRatio: String(props.ratio) } : undefined, props.style]"
     @click="openPreview"
   >
     <img
       v-if="showImage"
       ref="imageEl"
       v-bind="$attrs"
+      :style="props.imageStyle"
       :src="src"
       :alt="props.alt"
       :decoding="props.eager ? 'sync' : 'async'"
@@ -114,8 +113,8 @@
       :draggable="props.draggable"
       :class="
         cn(
-          image({ fit: props.fit }),
-          props.lazy ? !revealed && 'opacity-0' : 'relative z-10',
+          image({ fit: props.fit, lazy: props.lazy }),
+          props.lazy && !revealed && 'opacity-0',
           props.imageClass,
         )
       "

package/src/components/image/composables/useImage.ts

@@ -75,7 +75,7 @@ export function useImage(
     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',
       })
@@ -89,16 +89,19 @@ export function useImage(
   }
 
   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) {

package/src/components/image/composables/useImageGroupState.ts

@@ -10,7 +10,15 @@ export function useImageGroupState() {
   function byDom(a: LightboxItem, b: LightboxItem): number {
     const first = a.source?.()
     const second = b.source?.()
-    if (!first || !second || first === second) return 0
+    if (
+      !first ||
+      !second ||
+      first === second ||
+      !('compareDocumentPosition' in first) ||
+      !('compareDocumentPosition' in second)
+    ) {
+      return 0
+    }
     return first.compareDocumentPosition(second) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1
   }
 

package/src/components/image/image.variants.ts

@@ -1,8 +1,20 @@
 import { tv, type VariantProps } from '../../lib/tv'
 
+export const imageRoot = tv({
+  base: 'relative isolate block w-full overflow-hidden',
+  variants: {
+    preview: {
+      true: 'hn-focus-ring cursor-zoom-in',
+    },
+  },
+})
+
 export const image = tv({
-  base: 'block size-full',
+  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',