@hina-ui/vue 1.7.12 → 1.7.14

package/dist/types/vue/src/primitives/utils/env.d.ts

@@ -0,0 +1,2 @@
+export declare function isDevelopment(): boolean;
+//# sourceMappingURL=env.d.ts.map

package/dist/types/vue/src/primitives/utils/env.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"env.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/utils/env.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,YAE5B"}

package/dist/types/vue/src/primitives/utils/layers.d.ts

@@ -0,0 +1,5 @@
+export { DismissableLayer } from '../dismissable-layer/DismissableLayer';
+export { FocusScope } from '../focus-scope/FocusScope';
+export { useBodyScrollLock } from './useBodyScrollLock';
+export { useFocusGuards } from './useFocusGuards';
+//# sourceMappingURL=layers.d.ts.map

package/dist/types/vue/src/primitives/utils/layers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layers.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/utils/layers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/types/vue/src/primitives/utils/propsWithoutDefaults.d.ts

@@ -0,0 +1,2 @@
+export declare function propsWithoutDefaults<T extends Record<string, object>>(props: T): { [K in keyof T]: Omit<T[K], "default">; };
+//# sourceMappingURL=propsWithoutDefaults.d.ts.map

package/dist/types/vue/src/primitives/utils/propsWithoutDefaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"propsWithoutDefaults.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/utils/propsWithoutDefaults.ts"],"names":[],"mappings":"AAAA,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,GAMxE,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,GAAE,CAC/C"}

package/dist/types/vue/src/primitives/utils/useBodyScrollLock.d.ts

@@ -0,0 +1,2 @@
+export declare function useBodyScrollLock(initialState?: boolean): import("vue").WritableComputedRef<boolean, boolean>;
+//# sourceMappingURL=useBodyScrollLock.d.ts.map

package/dist/types/vue/src/primitives/utils/useBodyScrollLock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBodyScrollLock.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/utils/useBodyScrollLock.ts"],"names":[],"mappings":"AAQA,wBAAgB,iBAAiB,CAAC,YAAY,CAAC,EAAE,OAAO,uDAoBvD"}

package/dist/types/vue/src/primitives/utils/useDirection.d.ts

@@ -1,4 +1,4 @@
 import { type Ref } from 'vue';
 export type Direction = 'ltr' | 'rtl';
-export declare function useDirection(dir?: Ref<Direction | undefined>): import("vue").ComputedRef<"ltr" | "rtl">;
+export declare function useDirection(dir?: Ref<Direction | undefined>): import("vue").ComputedRef<Direction>;
 //# sourceMappingURL=useDirection.d.ts.map

package/dist/types/vue/src/primitives/utils/useDirection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDirection.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/utils/useDirection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAG7C,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,CAAA;AAErC,wBAAgB,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,4CAG5D"}
+{"version":3,"file":"useDirection.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/utils/useDirection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAG7C,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK,CAAA;AAErC,wBAAgB,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,wCAG5D"}

package/dist/types/vue/src/primitives/utils/useFocusGuards.d.ts

@@ -0,0 +1,2 @@
+export declare function useFocusGuards(): void;
+//# sourceMappingURL=useFocusGuards.d.ts.map

package/dist/types/vue/src/primitives/utils/useFocusGuards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusGuards.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/utils/useFocusGuards.ts"],"names":[],"mappings":"AAIA,wBAAgB,cAAc,SAK7B"}

package/dist/types/vue/src/primitives/utils/useGraceArea.d.ts

@@ -0,0 +1,6 @@
+import { type Ref } from 'vue';
+export declare function useGraceArea(triggerElement: Ref<HTMLElement | undefined>, containerElement: Ref<HTMLElement | undefined>): {
+    isPointerInTransit: Ref<boolean, boolean>;
+    onPointerExit: import("@vueuse/core").EventHookOn<void>;
+};
+//# sourceMappingURL=useGraceArea.d.ts.map

package/dist/types/vue/src/primitives/utils/useGraceArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGraceArea.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/utils/useGraceArea.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAWhD,wBAAgB,YAAY,CAC1B,cAAc,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC,EAC5C,gBAAgB,EAAE,GAAG,CAAC,WAAW,GAAG,SAAS,CAAC;;;EAuE/C"}

package/dist/types/vue/src/primitives/utils/useHideOthers.d.ts

@@ -0,0 +1,4 @@
+import { type MaybeRefOrGetter } from 'vue';
+import { type MaybeElement } from '@vueuse/core';
+export declare function useHideOthers(target: MaybeRefOrGetter<MaybeElement>): void;
+//# sourceMappingURL=useHideOthers.d.ts.map

package/dist/types/vue/src/primitives/utils/useHideOthers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHideOthers.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/utils/useHideOthers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAC/D,OAAO,EAAgB,KAAK,YAAY,EAAE,MAAM,cAAc,CAAA;AAG9D,wBAAgB,aAAa,CAAC,MAAM,EAAE,gBAAgB,CAAC,YAAY,CAAC,QAanE"}

package/dist/types/vue/src/primitives/utils/useIsUsingKeyboard.d.ts

@@ -0,0 +1,4 @@
+declare function useIsUsingKeyboardImpl(): import("vue").Ref<boolean, boolean>;
+export declare const useIsUsingKeyboard: typeof useIsUsingKeyboardImpl;
+export {};
+//# sourceMappingURL=useIsUsingKeyboard.d.ts.map

package/dist/types/vue/src/primitives/utils/useIsUsingKeyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsUsingKeyboard.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/utils/useIsUsingKeyboard.ts"],"names":[],"mappings":"AAGA,iBAAS,sBAAsB,wCAmB9B;AAED,eAAO,MAAM,kBAAkB,+BAAiD,CAAA"}

package/dist/types/vue/src/primitives/utils/useLocale.d.ts

@@ -0,0 +1,3 @@
+import { type Ref } from 'vue';
+export declare function useLocale(locale?: Ref<string | undefined>): import("vue").ComputedRef<string>;
+//# sourceMappingURL=useLocale.d.ts.map

package/dist/types/vue/src/primitives/utils/useLocale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocale.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/utils/useLocale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAG7C,wBAAgB,SAAS,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,SAAS,CAAC,qCAGzD"}

package/dist/types/vue/src/primitives/utils/useVModel.d.ts

@@ -2,6 +2,7 @@ import { type Ref } from 'vue';
 export interface VModelOptions<V> {
     defaultValue?: V;
     passive?: boolean;
+    deep?: boolean;
 }
 export declare function useVModel<P extends object, K extends keyof P & string, V = P[K]>(props: P, key: K, emit: (event: `update:${K}`, value: V) => void, options?: VModelOptions<V>): Ref<V>;
 //# sourceMappingURL=useVModel.d.ts.map

package/dist/types/vue/src/primitives/utils/useVModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVModel.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/utils/useVModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9D,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAC9E,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,EAC9C,OAAO,GAAE,aAAa,CAAC,CAAC,CAAM,GAC7B,GAAG,CAAC,CAAC,CAAC,CAwBR"}
+{"version":3,"file":"useVModel.d.ts","sourceRoot":"","sources":["../../../../../../src/primitives/utils/useVModel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9D,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAC9E,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,KAAK,IAAI,EAC9C,OAAO,GAAE,aAAa,CAAC,CAAC,CAAM,GAC7B,GAAG,CAAC,CAAC,CAAC,CA4BR"}

package/dist/types/vue/src/primitives/visually-hidden/VisuallyHiddenInput.d.ts

@@ -59,8 +59,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     required: boolean;
     disabled: boolean;
-    checked: boolean;
     feature: import("../../../../shared/src/primitives/visually-hidden/index.js").VisuallyHiddenFeature | undefined;
+    checked: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=VisuallyHiddenInput.d.ts.map

package/dist/types/vue/src/singletons.d.ts

@@ -1,3 +1,3 @@
-export declare const REQUIRED_SINGLETONS: readonly ["vue", "reka-ui", "@hina-ui/vue"];
+export declare const REQUIRED_SINGLETONS: readonly ["vue", "@hina-ui/vue"];
 export type RequiredSingleton = (typeof REQUIRED_SINGLETONS)[number];
 //# sourceMappingURL=singletons.d.ts.map

package/dist/types/vue/src/singletons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"singletons.d.ts","sourceRoot":"","sources":["../../../../src/singletons.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,6CAA8C,CAAA;AAE9E,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAA"}
+{"version":3,"file":"singletons.d.ts","sourceRoot":"","sources":["../../../../src/singletons.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,kCAAmC,CAAA;AAEnE,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hina-ui/vue",
-  "version": "1.7.12",
-  "description": "The design system behind Hikarinagi: Vue 3 components built on Reka UI and Tailwind CSS v4.",
+  "version": "1.7.14",
+  "description": "The design system behind Hikarinagi: Vue 3 components built on Tailwind CSS v4.",
   "keywords": [
     "vue",
     "vue3",
@@ -9,7 +9,6 @@
     "design-system",
     "ui",
     "tailwindcss",
-    "reka-ui",
     "accessibility"
   ],
   "homepage": "https://hinaui.dev",
@@ -49,20 +48,23 @@
     "test:browser": "vitest run -c vitest.browser.config.ts"
   },
   "dependencies": {
+    "@floating-ui/dom": "1.7.6",
+    "@floating-ui/vue": "1.1.11",
     "@internationalized/date": "^3.12.4",
     "@internationalized/number": "^3.6.8",
     "@lucide/vue": "^1.37.0",
     "@tanstack/vue-table": "^9.2.4",
     "@tanstack/vue-virtual": "^3.13.36",
     "@vueuse/core": "^12.8.2",
+    "aria-hidden": "^1.2.6",
     "clsx": "^2.1.1",
     "embla-carousel": "8.6.0",
     "motion-v": "^2.2.1",
     "overlayscrollbars": "2.16.0",
-    "reka-ui": "^2.9.10",
     "shiki": "4.0.2",
     "tailwind-merge": "^3.6.0",
     "tailwind-variants": "^3.3.1",
+    "thumbhash": "0.1.1",
     "uqr": "0.1.3",
     "vue-component-type-helpers": "^3.3.11"
   },
@@ -70,7 +72,6 @@
     "vue": "^3.5.0"
   },
   "devDependencies": {
-    "@floating-ui/dom": "1.7.6",
     "@hina-ui/shared": "workspace:*",
     "@tailwindcss/vite": "^4.3.0",
     "@vitejs/plugin-vue": "^6.0.7",

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

@@ -7,7 +7,7 @@
     AlertDialogRoot,
     AlertDialogTitle,
     AlertDialogTrigger,
-  } from 'reka-ui'
+  } from '../../primitives/alert-dialog'
   import { useOverlayPortal } from '../../lib/overlay-portal'
   import { cn } from '../../lib/cn'
   import { useUiLocale } from '../../locale'

package/src/components/button/Button.vue

@@ -99,7 +99,7 @@
 
       <span
         v-if="slots.default"
-        class="hn-transition inline-flex items-center gap-[var(--hn-control-gap)]"
+        class="hn-transition inline-flex min-w-0 items-center gap-[var(--hn-control-gap)]"
         :class="props.loading && spinnerAt === 'center' ? 'opacity-0' : 'opacity-100'"
       >
         <slot />

package/src/components/calendar/Calendar.vue

@@ -11,7 +11,7 @@
     CalendarNext,
     CalendarPrev,
     CalendarRoot,
-  } from 'reka-ui'
+  } from '../../primitives/calendar'
   import { getLocalTimeZone, today, type DateValue } from '@internationalized/date'
   import { cn } from '../../lib/cn'
   import { formatDateValue, parseDateValue } from '../../lib/date'

package/src/components/calendar/CalendarLevels.vue

@@ -17,7 +17,7 @@
     YearPickerNext,
     YearPickerPrev,
     YearPickerRoot,
-  } from 'reka-ui'
+  } from '../../primitives/picker'
   import type { DateValue } from '@internationalized/date'
   import { useUiLocale } from '../../locale'
   import CalendarHeader from './CalendarHeader.vue'

package/src/components/combobox/Combobox.vue

@@ -1,6 +1,11 @@
 <script setup lang="ts" generic="T extends SelectOption = SelectOption">
   import { computed } from 'vue'
-  import { ComboboxAnchor, ComboboxInput, ComboboxRoot, ComboboxTrigger } from 'reka-ui'
+  import {
+    ComboboxAnchor,
+    ComboboxInput,
+    ComboboxRoot,
+    ComboboxTrigger,
+  } from '../../primitives/combobox'
   import { cn } from '../../lib/cn'
   import type { VirtualizeOptions } from '../../lib/virtual/types'
   import { useUiLocale } from '../../locale'

package/src/components/combobox/ComboboxList.vue

@@ -8,7 +8,7 @@
     ComboboxItemIndicator,
     ComboboxLabel,
     ComboboxPortal,
-  } from 'reka-ui'
+  } from '../../primitives/combobox'
   import { ref } from 'vue'
   import VirtualChoices from '../virtual-list/VirtualChoices.vue'
   import type { VirtualizeOptions } from '../../lib/virtual/types'

package/src/components/command-palette/CommandPalette.vue

@@ -6,8 +6,8 @@
     DialogRoot,
     DialogTitle,
     DialogTrigger,
-    VisuallyHidden,
-  } from 'reka-ui'
+  } from '../../primitives/dialog'
+  import { VisuallyHidden } from '../../primitives/visually-hidden'
   import { computed, watch } from 'vue'
   import type { VirtualizeOptions } from '../../lib/virtual/types'
   import { useUiLocale } from '../../locale'

package/src/components/command-palette/CommandPaletteInput.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { ListboxFilter } from 'reka-ui'
+  import { ListboxFilter } from '../../primitives/listbox'
   import { shallowRef, watchEffect } from 'vue'
   import { cn } from '../../lib/cn'
   import { commandInput } from './command-palette.variants'

package/src/components/command-palette/CommandPaletteItem.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts" generic="T = unknown">
-  import { ListboxItem } from 'reka-ui'
+  import { ListboxItem } from '../../primitives/listbox'
   import { computed } from 'vue'
   import Kbd from '../kbd/Kbd.vue'
   import { selectItem } from '../select/select.variants'

package/src/components/command-palette/CommandPalettePanel.vue

@@ -1,6 +1,11 @@
 <script setup lang="ts" generic="T = unknown">
   import { Search } from '@lucide/vue'
-  import { ListboxContent, ListboxGroup, ListboxGroupLabel, ListboxRoot } from 'reka-ui'
+  import {
+    ListboxContent,
+    ListboxGroup,
+    ListboxGroupLabel,
+    ListboxRoot,
+  } from '../../primitives/listbox'
   import { computed, nextTick, shallowRef } from 'vue'
   import { cn } from '../../lib/cn'
   import { useUiLocale } from '../../locale'

package/src/components/config-provider/ConfigProvider.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+  import { toRefs } from 'vue'
+  import { provideConfigProviderContext } from '../../primitives/utils/config'
+  import type { ConfigProviderProps } from './types'
+
+  defineOptions({ name: 'HnConfigProvider', inheritAttrs: false })
+
+  const props = withDefaults(defineProps<ConfigProviderProps>(), {
+    dir: 'ltr',
+    locale: 'en',
+    scrollBody: true,
+    nonce: undefined,
+    teleportTo: undefined,
+  })
+
+  defineSlots<{ default?(): unknown }>()
+
+  const { dir, locale, scrollBody, nonce, teleportTo } = toRefs(props)
+  provideConfigProviderContext({ dir, locale, scrollBody, nonce, teleportTo })
+</script>
+
+<template>
+  <slot />
+</template>

package/src/components/config-provider/types.ts

@@ -0,0 +1,11 @@
+import type { ScrollBodyOption } from '../../primitives/utils/config'
+
+export type { ScrollBodyOption }
+
+export interface ConfigProviderProps {
+  dir?: 'ltr' | 'rtl'
+  locale?: string
+  scrollBody?: boolean | ScrollBodyOption
+  nonce?: string
+  teleportTo?: string | HTMLElement
+}

package/src/components/config-provider/useConfig.ts

@@ -0,0 +1,5 @@
+import { injectConfigProviderContext } from '../../primitives/utils/config'
+
+export function useConfig() {
+  return injectConfigProviderContext(null)
+}

package/src/components/context-menu/ContextMenu.vue

@@ -4,7 +4,7 @@
     ContextMenuPortal,
     ContextMenuRoot,
     ContextMenuTrigger,
-  } from 'reka-ui'
+  } from '../../primitives/context-menu'
   import { cn } from '../../lib/cn'
   import Card from '../card/Card.vue'
 

package/src/components/context-menu/ContextMenuCheckboxItem.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
   import { Check } from '@lucide/vue'
-  import { ContextMenuCheckboxItem, ContextMenuItemIndicator } from 'reka-ui'
+  import { ContextMenuCheckboxItem, ContextMenuItemIndicator } from '../../primitives/context-menu'
   import { cn } from '../../lib/cn'
   import { dropdownItem } from '../dropdown-menu/dropdown-menu.variants'
 

package/src/components/context-menu/ContextMenuGroup.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { ContextMenuGroup } from 'reka-ui'
+  import { ContextMenuGroup } from '../../primitives/context-menu'
   import { cn } from '../../lib/cn'
 
   defineOptions({ name: 'HnContextMenuGroup' })

package/src/components/context-menu/ContextMenuItem.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { ContextMenuItem } from 'reka-ui'
+  import { ContextMenuItem } from '../../primitives/context-menu'
   import { cn } from '../../lib/cn'
   import { dropdownItem, type DropdownItemVariants } from '../dropdown-menu/dropdown-menu.variants'
 

package/src/components/context-menu/ContextMenuLabel.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { ContextMenuLabel } from 'reka-ui'
+  import { ContextMenuLabel } from '../../primitives/context-menu'
   import { cn } from '../../lib/cn'
 
   defineOptions({ name: 'HnContextMenuLabel' })

package/src/components/context-menu/ContextMenuRadioGroup.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { ContextMenuRadioGroup } from 'reka-ui'
+  import { ContextMenuRadioGroup } from '../../primitives/context-menu'
 
   defineOptions({ name: 'HnContextMenuRadioGroup' })
 

package/src/components/context-menu/ContextMenuRadioItem.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
   import { Check } from '@lucide/vue'
-  import { ContextMenuItemIndicator, ContextMenuRadioItem } from 'reka-ui'
+  import { ContextMenuItemIndicator, ContextMenuRadioItem } from '../../primitives/context-menu'
   import { cn } from '../../lib/cn'
   import { dropdownItem } from '../dropdown-menu/dropdown-menu.variants'
 

package/src/components/context-menu/ContextMenuSeparator.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { ContextMenuSeparator } from 'reka-ui'
+  import { ContextMenuSeparator } from '../../primitives/context-menu'
   import { cn } from '../../lib/cn'
 
   defineOptions({ name: 'HnContextMenuSeparator' })

package/src/components/context-menu/ContextMenuSub.vue

@@ -5,7 +5,7 @@
     ContextMenuSub,
     ContextMenuSubContent,
     ContextMenuSubTrigger,
-  } from 'reka-ui'
+  } from '../../primitives/context-menu'
   import Card from '../card/Card.vue'
   import { cn } from '../../lib/cn'
   import { dropdownItem } from '../dropdown-menu/dropdown-menu.variants'

package/src/components/data-table/DataTableDragPreview.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts" generic="T extends object">
-  import { DialogPortal } from 'reka-ui'
+  import { DialogPortal } from '../../primitives/dialog'
   import type { DataTableDrag } from './composables/useTableDrag'
   import type { DataTableLayout } from './composables/useTableColumns'
   defineProps<{ drag: DataTableDrag<T>; layout: DataTableLayout<T> }>()

package/src/components/date-field/DateField.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
   import { computed, shallowRef, useSlots } from 'vue'
-  import { DateFieldInput, DateFieldRoot } from 'reka-ui'
+  import { DateFieldInput, DateFieldRoot } from '../../primitives/date-field'
   import type { DateValue } from '@internationalized/date'
   import { cn } from '../../lib/cn'
   import { formatDateValue, parseDateValue, type DateGranularity } from '../../lib/date'

package/src/components/date-picker/DatePicker.vue

@@ -6,7 +6,7 @@
     PopoverPortal,
     PopoverRoot,
     PopoverTrigger,
-  } from 'reka-ui'
+  } from '../../primitives/popover'
   import { CalendarDays } from '@lucide/vue'
   import { cn } from '../../lib/cn'
   import { useUiLocale } from '../../locale'

package/src/components/date-range-field/DateRangeField.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
   import { computed, shallowRef, useSlots } from 'vue'
-  import { DateRangeFieldInput, DateRangeFieldRoot, type DateRange } from 'reka-ui'
+  import {
+    DateRangeFieldInput,
+    DateRangeFieldRoot,
+    type DateRange,
+  } from '../../primitives/date-range-field'
   import { cn } from '../../lib/cn'
   import {
     formatDateRange,

package/src/components/date-range-picker/DateRangePicker.vue

@@ -6,7 +6,7 @@
     PopoverPortal,
     PopoverRoot,
     PopoverTrigger,
-  } from 'reka-ui'
+  } from '../../primitives/popover'
   import { CalendarRange } from '@lucide/vue'
   import { cn } from '../../lib/cn'
   import type { DateRangeValue } from '../../lib/date'

package/src/components/date-time-picker/DateTimePicker.vue

@@ -6,7 +6,7 @@
     PopoverPortal,
     PopoverRoot,
     PopoverTrigger,
-  } from 'reka-ui'
+  } from '../../primitives/popover'
   import { CalendarClock } from '@lucide/vue'
   import { cn } from '../../lib/cn'
   import { joinDateTime, splitDateTime, type TimeGranularity } from '../../lib/date'

package/src/components/dialog/Dialog.vue

@@ -1,5 +1,9 @@
 <script setup lang="ts">
   import { computed } from 'vue'
+  import type {
+    FocusOutsideEvent,
+    PointerDownOutsideEvent,
+  } from '../../primitives/dismissable-layer'
   import {
     DialogRoot,
     DialogTrigger,
@@ -8,7 +12,7 @@
     DialogTitle,
     DialogDescription,
     DialogClose,
-  } from 'reka-ui'
+  } from '../../primitives/dialog'
   import ModalContent from './ModalContent.vue'
   import CloseButton from '../close-button/CloseButton.vue'
   import Card from '../card/Card.vue'
@@ -53,6 +57,15 @@
     if (locked.value) e.preventDefault()
   }
 
+  const emit = defineEmits<{
+    interactOutside: [event: PointerDownOutsideEvent | FocusOutsideEvent]
+  }>()
+
+  function onInteractOutside(event: PointerDownOutsideEvent | FocusOutsideEvent) {
+    emit('interactOutside', event)
+    guard(event)
+  }
+
   const { scrollArea, viewport } = useScrollViewport()
   defineExpose({ viewport })
 
@@ -72,7 +85,7 @@
     <DialogPortal v-if="present">
       <DialogOverlay class="hn-scrim" />
       <div :class="dialogWrapper({ placement: props.placement ?? 'auto' })">
-        <ModalContent as-child @escape-key-down="guard" @interact-outside="guard">
+        <ModalContent as-child @escape-key-down="guard" @interact-outside="onInteractOutside">
           <Card
             ref="content"
             v-bind="props.description ? {} : { 'aria-describedby': undefined }"

package/src/components/dialog/ModalContent.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-  import { AlertDialogContent, DialogContent } from 'reka-ui'
+  import { AlertDialogContent } from '../../primitives/alert-dialog'
+  import { DialogContent } from '../../primitives/dialog'
   import { useDialogCloseFocus } from '../../lib/dialog-focus'
 
   defineOptions({ name: 'HnModalContent' })

package/src/components/drawer/Drawer.vue

@@ -1,5 +1,9 @@
 <script setup lang="ts">
   import { computed } from 'vue'
+  import type {
+    FocusOutsideEvent,
+    PointerDownOutsideEvent,
+  } from '../../primitives/dismissable-layer'
   import {
     DialogRoot,
     DialogTrigger,
@@ -9,7 +13,7 @@
     DialogTitle,
     DialogDescription,
     DialogClose,
-  } from 'reka-ui'
+  } from '../../primitives/dialog'
   import CloseButton from '../close-button/CloseButton.vue'
   import Card from '../card/Card.vue'
   import ScrollArea from '../scroll-area/ScrollArea.vue'
@@ -53,6 +57,15 @@
     if (locked.value) e.preventDefault()
   }
 
+  const emit = defineEmits<{
+    interactOutside: [event: PointerDownOutsideEvent | FocusOutsideEvent]
+  }>()
+
+  function onInteractOutside(event: PointerDownOutsideEvent | FocusOutsideEvent) {
+    emit('interactOutside', event)
+    guard(event)
+  }
+
   const { scrollArea, viewport } = useScrollViewport()
   defineExpose({ viewport })
 
@@ -71,7 +84,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="content"
           v-bind="props.description ? {} : { 'aria-describedby': undefined }"

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

@@ -7,7 +7,7 @@
     DropdownMenuPortal,
     DropdownMenuContent,
     type DropdownMenuContentEmits,
-  } from 'reka-ui'
+  } from '../../primitives/dropdown-menu'
   import { useAnchoredOverlay } from '../../lib/anchored-overlay'
   import Card from '../card/Card.vue'
   import { cn } from '../../lib/cn'

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

@@ -1,6 +1,9 @@
 <script setup lang="ts">
   import { Check } from '@lucide/vue'
-  import { DropdownMenuCheckboxItem, DropdownMenuItemIndicator } from 'reka-ui'
+  import {
+    DropdownMenuCheckboxItem,
+    DropdownMenuItemIndicator,
+  } from '../../primitives/dropdown-menu'
   import { cn } from '../../lib/cn'
   import { dropdownItem } from './dropdown-menu.variants'
 

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { DropdownMenuGroup } from 'reka-ui'
+  import { DropdownMenuGroup } from '../../primitives/dropdown-menu'
   import { cn } from '../../lib/cn'
 
   defineOptions({ name: 'HnDropdownMenuGroup' })

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-  import { DropdownMenuItem } from 'reka-ui'
+  import { DropdownMenuItem } from '../../primitives/dropdown-menu'
   import { cn } from '../../lib/cn'
   import { dropdownItem, type DropdownItemVariants } from './dropdown-menu.variants'