@hina-ui/vue 1.7.12 → 1.7.14

package/src/components/popover/Popover.vue

@@ -1,7 +1,12 @@
 <script setup lang="ts">
   import type { OverlayAnchor, OverlayPositionStrategy } from '../../lib/overlay-anchor'
   import { computed } from 'vue'
-  import { PopoverRoot, PopoverTrigger, PopoverPortal, type PopoverContentEmits } from 'reka-ui'
+  import {
+    PopoverRoot,
+    PopoverTrigger,
+    PopoverPortal,
+    type PopoverContentEmits,
+  } from '../../primitives/popover'
   import PopoverContent from './PopoverContent.vue'
   import { useAnchoredOverlay } from '../../lib/anchored-overlay'
   import Card from '../card/Card.vue'

package/src/components/popover/PopoverContent.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
   import {
     PopoverContent,
-    useForwardPropsEmits,
     type PopoverContentProps,
     type PopoverContentEmits,
-  } from 'reka-ui'
+  } from '../../primitives/popover'
+  import { useForwardPropsEmits } from '../../primitives/utils/useForwardPropsEmits'
   import { usePopoverCloseFocus } from './composables/usePopoverCloseFocus'
 
   defineOptions({ name: 'HnPopoverContent' })

package/src/components/popover/composables/usePopoverCloseFocus.ts

@@ -1,5 +1,5 @@
 import { nextTick } from 'vue'
-import { injectPopoverRootContext } from 'reka-ui'
+import { injectPopoverRootContext } from '../../../primitives/popover'
 
 export function usePopoverCloseFocus(emit: (event: 'closeAutoFocus', value: Event) => void) {
   const root = injectPopoverRootContext()

package/src/components/range-calendar/RangeCalendar.vue

@@ -12,7 +12,7 @@
     RangeCalendarPrev,
     RangeCalendarRoot,
     type DateRange,
-  } from 'reka-ui'
+  } from '../../primitives/range-calendar'
   import { getLocalTimeZone, today, type DateValue } from '@internationalized/date'
   import { cn } from '../../lib/cn'
   import {

package/src/components/select/Select.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts" generic="T extends SelectOption = SelectOption">
   import { computed, ref, shallowRef } from 'vue'
-  import { SelectRoot, SelectTrigger, useDirection } from 'reka-ui'
+  import { SelectRoot, SelectTrigger } from '../../primitives/select'
+  import { useDirection } from '../../primitives/utils/useDirection'
   import { cn } from '../../lib/cn'
   import type { VirtualizeOptions } from '../../lib/virtual/types'
   import { useUiLocale } from '../../locale'

package/src/components/select/SelectList.vue

@@ -8,7 +8,7 @@
     SelectItemText,
     SelectLabel,
     SelectPortal,
-  } from 'reka-ui'
+  } from '../../primitives/select'
   import { ref } from 'vue'
   import VirtualChoices from '../virtual-list/VirtualChoices.vue'
   import type { VirtualizeOptions } from '../../lib/virtual/types'

package/src/components/sheet/Sheet.vue

@@ -1,5 +1,9 @@
 <script setup lang="ts">
   import { computed } from 'vue'
+  import type {
+    FocusOutsideEvent,
+    PointerDownOutsideEvent,
+  } from '../../primitives/dismissable-layer'
   import {
     DialogClose,
     DialogContent,
@@ -9,7 +13,7 @@
     DialogRoot,
     DialogTitle,
     DialogTrigger,
-  } from 'reka-ui'
+  } from '../../primitives/dialog'
   import { useOverlayPortal } from '../../lib/overlay-portal'
   import { useScrollViewport } from '../../lib/scroll-viewport'
   import { cn } from '../../lib/cn'
@@ -71,6 +75,15 @@
     if (locked.value) event.preventDefault()
   }
 
+  const emit = defineEmits<{
+    interactOutside: [event: PointerDownOutsideEvent | FocusOutsideEvent]
+  }>()
+
+  function onInteractOutside(event: PointerDownOutsideEvent | FocusOutsideEvent) {
+    emit('interactOutside', event)
+    guard(event)
+  }
+
   function close() {
     open.value = false
   }
@@ -83,7 +96,7 @@
     </DialogTrigger>
     <DialogPortal v-if="present">
       <DialogOverlay class="hn-scrim" />
-      <DialogContent as-child @escape-key-down="guard" @interact-outside="guard">
+      <DialogContent as-child @escape-key-down="guard" @interact-outside="onInteractOutside">
         <Card
           ref="panel"
           v-bind="props.description ? {} : { 'aria-describedby': undefined }"

package/src/components/slider/SliderHandle.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { injectTooltipProviderContext } from 'reka-ui'
+  import { injectTooltipProviderContext } from '../../primitives/tooltip'
   import { SliderThumb } from '../../primitives/slider'
   import { rekaSliderThumbStyle } from '../../lib/reka/styles'
   import Tooltip from '../tooltip/Tooltip.vue'

package/src/components/tags-input/TagsInput.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { TagsInputInput, TagsInputItem, TagsInputRoot } from 'reka-ui'
+  import { TagsInputInput, TagsInputItem, TagsInputRoot } from '../../primitives/tags-input'
   import { computed } from 'vue'
   import { cn } from '../../lib/cn'
   import { useFieldControl } from '../form-field/context'

package/src/components/tags-input/TagsInputChip.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { TagsInputItemText } from 'reka-ui'
+  import { TagsInputItemText } from '../../primitives/tags-input'
   import Chip from '../chip/Chip.vue'
   import type { ChipVariants } from '../chip/chip.variants'
   import { tagsInputChip } from './tags-input.variants'

package/src/components/time/Time.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
   import { computed } from 'vue'
-  import { injectTooltipProviderContext } from 'reka-ui'
+  import { injectTooltipProviderContext } from '../../primitives/tooltip'
   import { cn } from '../../lib/cn'
   import { devWarn } from '../../lib/dev'
   import { useUiLocale } from '../../locale'

package/src/components/time-field/TimeField.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
   import { computed, shallowRef, useSlots } from 'vue'
-  import { TimeFieldInput, TimeFieldRoot, type TimeValue } from 'reka-ui'
+  import { TimeFieldInput, TimeFieldRoot, type TimeValue } from '../../primitives/time-field'
   import { cn } from '../../lib/cn'
   import { formatTimeValue, parseTimeValue, type TimeGranularity } from '../../lib/date'
   import { useUiLocale } from '../../locale'

package/src/components/toast/Toaster.vue

@@ -7,7 +7,7 @@
     ToastTitle,
     ToastDescription,
     ToastClose,
-  } from 'reka-ui'
+  } from '../../primitives/toast'
   import { CircleCheck, CircleX, TriangleAlert, Info } from '@lucide/vue'
   import Button from '../button/Button.vue'
   import CloseButton from '../close-button/CloseButton.vue'

package/src/components/toggle/Toggle.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { injectTooltipProviderContext } from 'reka-ui'
+  import { injectTooltipProviderContext } from '../../primitives/tooltip'
   import { Toggle as ToggleRoot } from '../../primitives/toggle'
   import { computed, useSlots } from 'vue'
   import { cn } from '../../lib/cn'

package/src/components/toolbar/ToolbarControl.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { injectTooltipProviderContext } from 'reka-ui'
+  import { injectTooltipProviderContext } from '../../primitives/tooltip'
   import { Passthrough } from '../../lib/passthrough'
   import Button from '../button/Button.vue'
   import Tooltip from '../tooltip/Tooltip.vue'

package/src/components/tooltip/Tooltip.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { TooltipRoot, TooltipTrigger } from 'reka-ui'
+  import { TooltipRoot, TooltipTrigger } from '../../primitives/tooltip'
   import TooltipBubble from './TooltipBubble.vue'
   import type { TooltipProps } from './types'
 

package/src/components/tooltip/TooltipBubble.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { TooltipPortal, TooltipContent, TooltipArrow } from 'reka-ui'
+  import { TooltipPortal, TooltipContent, TooltipArrow } from '../../primitives/tooltip'
   import { cn } from '../../lib/cn'
   import type { TooltipProps } from './types'
 

package/src/components/tooltip/TooltipDirectiveRoot.ts

@@ -4,7 +4,7 @@ import {
   TooltipRoot,
   injectTooltipProviderContext,
   injectTooltipRootContext,
-} from 'reka-ui'
+} from '../../primitives/tooltip'
 import TooltipBubble from './TooltipBubble.vue'
 import { useTooltipTarget } from './composables/useTooltipTarget'
 import type { TooltipDirectiveOptions } from './types'

package/src/components/tooltip/TooltipProvider.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { TooltipProvider as RekaTooltipProvider } from 'reka-ui'
+  import { TooltipProvider as RekaTooltipProvider } from '../../primitives/tooltip'
 
   defineOptions({ name: 'HnTooltipProvider' })
 

package/src/components/tooltip/composables/useTooltipTarget.ts

@@ -1,6 +1,6 @@
 import { onScopeDispose, watch, watchPostEffect } from 'vue'
 import { useEventListener } from '@vueuse/core'
-import { injectTooltipProviderContext, injectTooltipRootContext } from 'reka-ui'
+import { injectTooltipProviderContext, injectTooltipRootContext } from '../../../primitives/tooltip'
 
 type Handler = (event: Event) => void