nuance-ui 0.1.1

package/dist/runtime/components/modal/modal-root.vue

@@ -0,0 +1,30 @@
+<script setup>
+import DialogRoot from "../dialog/dialog-root.vue";
+import css from "./modal.module.css";
+const {
+  centered,
+  fullScreen,
+  mod,
+  withinPortal = true,
+  ...rest
+} = defineProps({
+  centered: { type: Boolean, required: false },
+  fullScreen: { type: Boolean, required: false }
+});
+defineEmits(["open", "close"]);
+const opened = defineModel("open", { type: Boolean, ...{ default: false } });
+</script>
+
+<template>
+	<DialogRoot
+		v-model:open='opened'
+		:mod='[{ centered, "full-screen": fullScreen }, mod]'
+		:root-class='css.root'
+		:within-portal
+		v-bind='rest'
+		@open='$emit("open")'
+		@close='$emit("close")'
+	>
+		<slot />
+	</DialogRoot>
+</template>

package/dist/runtime/components/modal/modal-root.vue.d.ts

@@ -0,0 +1,33 @@
+import type { DialogModel, DialogRootProps } from '../dialog/index.js';
+export interface ModalRootProps extends /* @vue-ignore */ Omit<DialogRootProps, 'modal' | 'closeOnClickOutside' | 'rootClass' | 'withoutOverlay'> {
+    /** If set, the modal is centered vertically @default `false` */
+    centered?: boolean;
+    /** If set, the modal takes the entire screen @default `false` */
+    fullScreen?: boolean;
+}
+type __VLS_Props = ModalRootProps;
+type __VLS_ModelProps = {
+    'open'?: DialogModel['open'];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    open: () => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/modal/modal-title.d.vue.ts

@@ -0,0 +1,16 @@
+import type { DialogTitleProps } from '../dialog/index.js';
+export interface ModalTitleProps extends /* @vue-ignore */ DialogTitleProps {
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ModalTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ModalTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/modal/modal-title.vue

@@ -0,0 +1,10 @@
+<script setup>
+import DialogTitle from "../dialog/dialog-title.vue";
+const props = defineProps({});
+</script>
+
+<template>
+	<DialogTitle v-bind='props'>
+		<slot />
+	</DialogTitle>
+</template>

package/dist/runtime/components/modal/modal-title.vue.d.ts

@@ -0,0 +1,16 @@
+import type { DialogTitleProps } from '../dialog/index.js';
+export interface ModalTitleProps extends /* @vue-ignore */ DialogTitleProps {
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ModalTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ModalTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/modal/modal.module.css

@@ -0,0 +1 @@
+.root{--dialog-y-offset:5dvh;--dialog-x-offset:50%;transform:translateX(-50%)}.root[data-centered]{--dialog-x-offset:50%;--dialog-y-offset:50%;transform:translate(-50%,-50%)}.root[data-full-screen]{--dialog-y-offset:0;--dialog-x-offset:0;--dialog-radius:0;height:100%;width:100%}

package/dist/runtime/components/nav-link/index.d.ts

@@ -0,0 +1 @@
+export type * from './nav-link.vue';

package/dist/runtime/components/nav-link/nav-link.d.vue.ts

@@ -0,0 +1,35 @@
+import type { UiKitColor } from '@nui/types';
+import type { NuxtLinkProps } from 'nuxt/app';
+import type { BoxProps } from '../box.vue.js';
+export interface NavLinkProps extends /* @vue-ignore */ BoxProps, Omit<NuxtLinkProps, 'href' | 'custom'> {
+    /** Link description, displayed below the label */
+    description?: string;
+    /** Determines whether the link should have active styles @default `false` */
+    active?: boolean;
+    /** Key of `theme.colors` of any valid CSS color to control active styles @default `theme.primaryColor` */
+    color?: UiKitColor;
+    /** If set, label and description do not wrap to the next line @default `false` */
+    noWrap?: boolean;
+    /** If set, disabled styles will be added to the root element @default `false` */
+    disabled?: boolean;
+    variant?: 'filled' | 'light' | 'subtle';
+}
+declare var __VLS_14: {}, __VLS_20: {}, __VLS_26: {}, __VLS_28: {};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_14) => any;
+} & {
+    default?: (props: typeof __VLS_20) => any;
+} & {
+    description?: (props: typeof __VLS_26) => any;
+} & {
+    rightSection?: (props: typeof __VLS_28) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NavLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/nav-link/nav-link.vue

@@ -0,0 +1,201 @@
+<script setup>
+import { useActiveLink, useStyleResolver } from "@nui/composals";
+import { createVariantColorResolver } from "@nui/utils";
+import { computed } from "vue";
+import Box from "../box.vue";
+import UnstyledButton from "../button/unstyled-button.vue";
+import { extractNuxtLinkProps } from "../link";
+const props = defineProps({
+  description: { type: String, required: false },
+  active: { type: Boolean, required: false },
+  color: { type: null, required: false },
+  noWrap: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  variant: { type: String, required: false },
+  to: { type: null, required: false },
+  external: { type: Boolean, required: false },
+  target: { type: [String, Object, null], required: false },
+  rel: { type: [String, Object, null], required: false },
+  noRel: { type: Boolean, required: false },
+  prefetchedClass: { type: String, required: false },
+  prefetch: { type: Boolean, required: false },
+  prefetchOn: { type: [String, Object], required: false },
+  noPrefetch: { type: Boolean, required: false },
+  trailingSlash: { type: String, required: false },
+  activeClass: { type: String, required: false },
+  exactActiveClass: { type: String, required: false },
+  ariaCurrentValue: { type: String, required: false },
+  viewTransition: { type: Boolean, required: false },
+  replace: { type: Boolean, required: false }
+});
+const {
+  link,
+  rest: {
+    disabled,
+    mod: _mod,
+    variant = "filled",
+    color,
+    noWrap,
+    description
+  }
+} = extractNuxtLinkProps(props);
+const active = useActiveLink(link?.to);
+const mod = computed(() => [{ active: active.value, disabled }, _mod]);
+const style = useStyleResolver((theme) => {
+  const { background, hover, text } = createVariantColorResolver({ variant, color, theme });
+  return {
+    root: {
+      "--nl-bg": variant ? background : void 0,
+      "--nl-hover": variant ? hover : void 0,
+      "--nl-color": variant ? text : void 0
+    }
+  };
+});
+</script>
+
+<template>
+	<!-- @vue-ignore	-->
+	<NuxtLink
+		v-slot='{ href, navigate }'
+		v-bind='link'
+		custom
+	>
+		<UnstyledButton
+			is='a'
+			:class='$style.root'
+			:style='style.root'
+			:mod
+			:href
+			@click='(e) => navigate(e)'
+		>
+			<span
+				v-if='$slots.leftSection'
+				:class='$style.section'
+				data-position='left'
+			>
+				<slot name='leftSection' />
+			</span>
+
+			<Box :class='$style.body' :mod='{ "no-wrap": noWrap }'>
+				<span :class='$style.label'>
+					<slot />
+				</span>
+				<Box :class='$style.description' :mod='{ active }'>
+					<slot name='description'>
+						{{ description }}
+					</slot>
+				</Box>
+			</Box>
+
+			<span
+				v-if='$slots.rightSection'
+				:class='$style.section'
+				data-position='right'
+			>
+				<slot name='rightSection' />
+			</span>
+		</UnstyledButton>
+	</NuxtLink>
+</template>
+
+<style module lang="postcss">
+.root {
+	--nl-bg: var(--color-primary-light);
+	--nl-hover: var(--color-primary-light-hover);
+	--nl-color: var(--color-primary-light-color);
+
+	user-select: none;
+
+	display: flex;
+	align-items: center;
+
+	width: 100%;
+	padding: .25rem var(--spacing-sm);
+	border-radius: var(--radius-default);
+
+	&:where([data-disabled]) {
+		pointer-events: none;
+
+		opacity: 0.4;
+	}
+
+	&:where([data-active], [aria-current='page']) {
+		color: var(--nl-color);
+
+		background-color: var(--nl-bg);
+
+		.description {
+			--description-opacity: 0.9;
+			--description-color: var(--nl-color);
+		}
+
+		@mixin hover {
+			background-color: var(--nl-hover);
+		}
+	}
+
+	@mixin hover {
+		@mixin where-light {
+			background-color: var(--color-gray-0);
+		}
+
+		@mixin where-dark {
+			background-color: var(--color-dark-6);
+		}
+	}
+}
+
+.section {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+
+	transition: transform 150ms ease;
+
+	& > svg {
+		display: block;
+	}
+
+	&:where([data-position='left']) {
+		margin-inline-end: var(--spacing-sm);
+	}
+
+	&:where([data-position='right']) {
+		margin-inline-start: var(--spacing-sm);
+	}
+
+	&:where([data-rotate]) {
+		transform: rotate(90deg);
+	}
+}
+
+.label {
+	font-size: var(--font-size-sm);
+}
+
+.body {
+	overflow: hidden;
+	flex: 1;
+
+	text-overflow: ellipsis;
+
+	&:where([data-no-wrap]) {
+		white-space: nowrap;
+	}
+}
+
+.description {
+	overflow: hidden;
+	display: block;
+
+	font-size: var(--font-size-xs);
+	color: var(--description-color, var(--color-dimmed));
+	text-overflow: ellipsis;
+
+	opacity: var(--description-opacity, 1);
+
+	:where([data-no-wrap]) & {
+		white-space: nowrap;
+	}
+}
+</style>

package/dist/runtime/components/nav-link/nav-link.vue.d.ts

@@ -0,0 +1,35 @@
+import type { UiKitColor } from '@nui/types';
+import type { NuxtLinkProps } from 'nuxt/app';
+import type { BoxProps } from '../box.vue.js';
+export interface NavLinkProps extends /* @vue-ignore */ BoxProps, Omit<NuxtLinkProps, 'href' | 'custom'> {
+    /** Link description, displayed below the label */
+    description?: string;
+    /** Determines whether the link should have active styles @default `false` */
+    active?: boolean;
+    /** Key of `theme.colors` of any valid CSS color to control active styles @default `theme.primaryColor` */
+    color?: UiKitColor;
+    /** If set, label and description do not wrap to the next line @default `false` */
+    noWrap?: boolean;
+    /** If set, disabled styles will be added to the root element @default `false` */
+    disabled?: boolean;
+    variant?: 'filled' | 'light' | 'subtle';
+}
+declare var __VLS_14: {}, __VLS_20: {}, __VLS_26: {}, __VLS_28: {};
+type __VLS_Slots = {} & {
+    leftSection?: (props: typeof __VLS_14) => any;
+} & {
+    default?: (props: typeof __VLS_20) => any;
+} & {
+    description?: (props: typeof __VLS_26) => any;
+} & {
+    rightSection?: (props: typeof __VLS_28) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<NavLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NavLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/paper.d.vue.ts

@@ -0,0 +1,20 @@
+import type { UiKitRadius, UiKitShadow } from '@nui/types';
+import type { BoxProps } from './box.vue.js';
+export interface PaperProps extends /* @vue-ignore */ BoxProps {
+    shadow?: UiKitShadow;
+    radius?: UiKitRadius;
+    withBorder?: boolean;
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PaperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaperProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/paper.vue

@@ -0,0 +1,53 @@
+<script setup>
+import { getRadius, getShadow } from "@nui/utils";
+import { computed } from "vue";
+import Box from "./box.vue";
+const { is, mod, radius, shadow, withBorder } = defineProps({
+  shadow: { type: String, required: false },
+  radius: { type: [String, Number], required: false },
+  withBorder: { type: Boolean, required: false }
+});
+const style = computed(() => ({
+  "--paper-radius": radius && getRadius(radius),
+  "--paper-shadow": getShadow(shadow)
+}));
+</script>
+
+<template>
+	<Box :is :style :class='$style.root' :mod='[mod, { "with-border": withBorder }]'>
+		<slot />
+	</Box>
+</template>
+
+<style module lang="postcss">
+.root {
+	--paper-radius: var(--radius-default);
+	--paper-shadow: none;
+
+	touch-action: manipulation;
+
+	display: block;
+
+	border-radius: var(--paper-radius);
+
+	text-decoration: none;
+
+	background-color: var(--color-body);
+
+	outline: 0;
+	box-shadow: var(--paper-shadow);
+	-webkit-tap-highlight-color: transparent;
+
+	&:where([data-with-border]) {
+		border: rem(1px) solid var(--paper-border-color);
+	}
+
+	@mixin light {
+		--paper-border-color: var(--color-gray-3);
+	}
+
+	@mixin dark {
+		--paper-border-color: var(--color-slate-7);
+	}
+}
+</style>

package/dist/runtime/components/paper.vue.d.ts

@@ -0,0 +1,20 @@
+import type { UiKitRadius, UiKitShadow } from '@nui/types';
+import type { BoxProps } from './box.vue.js';
+export interface PaperProps extends /* @vue-ignore */ BoxProps {
+    shadow?: UiKitShadow;
+    radius?: UiKitRadius;
+    withBorder?: boolean;
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PaperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PaperProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/popover/index.d.ts

@@ -0,0 +1 @@
+export type * from './types';

package/dist/runtime/components/popover/lib/context.d.ts

@@ -0,0 +1,14 @@
+import type { UiKitRadius, UiKitShadow } from '@nui/types';
+import type { UsePopoverReturn } from './use-popover.js';
+interface PopoverState {
+    disabled?: boolean;
+    store: UsePopoverReturn;
+    withArrow: boolean;
+    id: string;
+    onToggle: (event: ToggleEvent) => void;
+    radius?: UiKitRadius;
+    shadow?: UiKitShadow;
+}
+export declare const useProvidePopoverState: (args_0: PopoverState) => PopoverState;
+export declare const usePopoverState: () => PopoverState;
+export {};

package/dist/runtime/components/popover/lib/context.js

@@ -0,0 +1,8 @@
+import { createStrictInjection } from "@nui/helpers";
+const injectionKey = Symbol("popover");
+const [useProvide, useState] = createStrictInjection((state) => state, {
+  injectionKey,
+  name: "PopoverState"
+});
+export const useProvidePopoverState = useProvide;
+export const usePopoverState = useState;

package/dist/runtime/components/popover/lib/get-arrow-position.d.ts

@@ -0,0 +1,12 @@
+import type { AlignedPlacement, Side } from '@floating-ui/vue';
+import type { ArrowPosition } from '../types/index.js';
+export declare function getArrowPosition({ placement: _placement, arrowSize, arrowOffset, arrowRadius, arrowPosition, arrowX, arrowY, dir, }: {
+    placement: Side | AlignedPlacement;
+    arrowSize?: number;
+    arrowOffset: number;
+    arrowRadius?: number;
+    arrowPosition: ArrowPosition;
+    arrowX: number | undefined;
+    arrowY: number | undefined;
+    dir?: 'rtl' | 'ltr';
+}): {};

package/dist/runtime/components/popover/lib/get-arrow-position.js

@@ -0,0 +1,88 @@
+function horizontalSide(placement, arrowY, arrowOffset, arrowPosition) {
+  switch (placement) {
+    case "center":
+      return arrowPosition === "center" ? { top: arrowY && `${arrowY}px` } : {};
+    case "end":
+      return { bottom: `${arrowOffset}px` };
+    case "start":
+      return { top: `${arrowOffset}px` };
+    default:
+      return {};
+  }
+}
+function verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir) {
+  switch (placement) {
+    case "center":
+      return arrowPosition === "center" ? { left: arrowX && `${arrowX}px` } : {};
+    case "end":
+      return { [dir === "ltr" ? "right" : "left"]: `${arrowOffset}px` };
+    case "start":
+      return { [dir === "ltr" ? "left" : "right"]: `${arrowOffset}px` };
+    default:
+      return {};
+  }
+}
+const radiusByFloatingSide = {
+  bottom: "borderTopLeftRadius",
+  left: "borderTopRightRadius",
+  right: "borderBottomLeftRadius",
+  top: "borderBottomRightRadius"
+};
+const PLACEMENT_VAR = "var(--arrow-placement)";
+export function getArrowPosition({
+  placement: _placement,
+  arrowSize,
+  arrowOffset,
+  arrowRadius,
+  arrowPosition,
+  arrowX,
+  arrowY,
+  dir = "ltr"
+}) {
+  const [side, placement = "center"] = _placement.split("-");
+  const baseStyles = {
+    "--arrow-size": arrowSize || void 0,
+    "--arrow-radius": arrowRadius || void 0,
+    [radiusByFloatingSide[side]]: "var(--arrow-radius)"
+  };
+  switch (side) {
+    case "left":
+      return {
+        ...baseStyles,
+        ...horizontalSide(placement, arrowY, arrowOffset, arrowPosition),
+        right: PLACEMENT_VAR,
+        borderLeftColor: "transparent",
+        borderBottomColor: "transparent",
+        clipPath: "polygon(100% 0, 0 0, 100% 100%)"
+      };
+    case "right":
+      return {
+        ...baseStyles,
+        ...horizontalSide(placement, arrowY, arrowOffset, arrowPosition),
+        left: PLACEMENT_VAR,
+        borderRightColor: "transparent",
+        borderTopColor: "transparent",
+        clipPath: "polygon(0 100%, 0 0, 100% 100%)"
+      };
+    case "top":
+      return {
+        ...baseStyles,
+        ...verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir),
+        bottom: PLACEMENT_VAR,
+        borderTopColor: "transparent",
+        borderLeftColor: "transparent",
+        clipPath: "polygon(0 100%, 100% 100%, 100% 0)"
+      };
+    case "bottom":
+      return {
+        ...baseStyles,
+        ...verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir),
+        top: PLACEMENT_VAR,
+        borderBottomColor: "transparent",
+        borderRightColor: "transparent",
+        clipPath: "polygon(0 100%, 0 0, 100% 0)"
+      };
+    default:
+      return {};
+  }
+}

package/dist/runtime/components/popover/lib/use-popover.d.ts

@@ -0,0 +1,23 @@
+import type { OffsetOptions, Placement, Strategy } from '@floating-ui/vue';
+import type { CSSProperties, ModelRef, Ref, ShallowRef } from 'vue';
+import type { ArrowPosition, PopoverWidth } from '../types/index.js';
+export interface PopoverOptions {
+    offset: OffsetOptions;
+    placement: Placement;
+    opened: ModelRef<boolean>;
+    width: PopoverWidth;
+    arrowOffset: number;
+    arrowRadius: number | undefined;
+    arrowPosition: ArrowPosition;
+    arrowSize: number | undefined;
+    withArrow: boolean;
+    strategy?: Strategy;
+}
+export interface UsePopoverReturn {
+    arrowStyles: Readonly<Ref<CSSProperties>>;
+    floatingStyles: Readonly<Ref<CSSProperties>>;
+    arrowRef: ShallowRef<HTMLElement | null>;
+    targetRef: ShallowRef<HTMLElement | null>;
+    dropdownRef: ShallowRef<HTMLElement | null>;
+}
+export declare function usePopover(options: PopoverOptions): UsePopoverReturn;