@yamada-ui/popover 0.2.7 → 0.2.8

package/dist/index.d.mts

@@ -0,0 +1,15 @@
+export { Popover, PopoverProps } from './popover.mjs';
+export { PopoverTrigger } from './popover-trigger.mjs';
+export { PopoverAnchor } from './popover-anchor.mjs';
+export { PopoverCloseButton, PopoverCloseButtonProps } from './popover-close-button.mjs';
+export { PopoverContent, PopoverContentProps } from './popover-content.mjs';
+export { PopoverHeader, PopoverHeaderProps } from './popover-header.mjs';
+export { PopoverBody, PopoverBodyProps } from './popover-body.mjs';
+export { PopoverFooter, PopoverFooterProps } from './popover-footer.mjs';
+import '@yamada-ui/core';
+import '@yamada-ui/motion';
+import '@yamada-ui/use-disclosure';
+import '@yamada-ui/use-popper';
+import '@yamada-ui/utils';
+import 'react';
+import '@yamada-ui/close-button';

package/dist/popover-anchor.d.mts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+
+declare const PopoverAnchor: FC<PropsWithChildren<{}>>;
+
+export { PopoverAnchor };

package/dist/popover-body.d.mts

@@ -0,0 +1,7 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { HTMLUIProps } from '@yamada-ui/core';
+
+type PopoverBodyProps = HTMLUIProps<'main'>;
+declare const PopoverBody: _yamada_ui_core.Component<"main", PopoverBodyProps>;
+
+export { PopoverBody, PopoverBodyProps };

package/dist/popover-close-button.d.mts

@@ -0,0 +1,7 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { CloseButtonProps } from '@yamada-ui/close-button';
+
+type PopoverCloseButtonProps = CloseButtonProps;
+declare const PopoverCloseButton: _yamada_ui_core.Component<"button", CloseButtonProps>;
+
+export { PopoverCloseButton, PopoverCloseButtonProps };

package/dist/popover-content.d.mts

@@ -0,0 +1,8 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { HTMLUIProps } from '@yamada-ui/core';
+import { HTMLMotionProps } from '@yamada-ui/motion';
+
+type PopoverContentProps = Omit<HTMLUIProps<'section'>, keyof Omit<HTMLMotionProps<'section'>, 'children'>> & Omit<HTMLMotionProps<'section'>, 'color' | 'style' | 'onDrag' | 'onDragEnd' | 'onDragStart' | 'onAnimationStart' | 'variants' | 'transition'>;
+declare const PopoverContent: _yamada_ui_core.Component<"section", PopoverContentProps>;
+
+export { PopoverContent, PopoverContentProps };

package/dist/popover-footer.d.mts

@@ -0,0 +1,7 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { HTMLUIProps } from '@yamada-ui/core';
+
+type PopoverFooterProps = HTMLUIProps<'footer'>;
+declare const PopoverFooter: _yamada_ui_core.Component<"footer", PopoverFooterProps>;
+
+export { PopoverFooter, PopoverFooterProps };

package/dist/popover-header.d.mts

@@ -0,0 +1,7 @@
+import * as _yamada_ui_core from '@yamada-ui/core';
+import { HTMLUIProps } from '@yamada-ui/core';
+
+type PopoverHeaderProps = HTMLUIProps<'header'>;
+declare const PopoverHeader: _yamada_ui_core.Component<"header", PopoverHeaderProps>;
+
+export { PopoverHeader, PopoverHeaderProps };

package/dist/popover-trigger.d.mts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+
+declare const PopoverTrigger: FC<PropsWithChildren<{}>>;
+
+export { PopoverTrigger };

package/dist/popover.d.mts

@@ -0,0 +1,122 @@
+import { ThemeProps, CSSUIObject } from '@yamada-ui/core';
+import { MotionTransitionProperties } from '@yamada-ui/motion';
+import { LazyMode } from '@yamada-ui/use-disclosure';
+import { UsePopperProps } from '@yamada-ui/use-popper';
+import { PropGetter } from '@yamada-ui/utils';
+import { PropsWithChildren, FC, RefObject } from 'react';
+
+type PopoverOptions = {
+    /**
+     * If `true`, the popover will be opened.
+     */
+    isOpen?: boolean;
+    /**
+     * If `true`, the popover will be initially opened.
+     */
+    defaultIsOpen?: boolean;
+    /**
+     * Callback fired when the popover opens.
+     */
+    onOpen?: () => void;
+    /**
+     * Callback fired when the popover closes.
+     */
+    onClose?: () => void;
+    /**
+     * The `ref` of the element that should receive focus when the popover opens.
+     */
+    initialFocusRef?: RefObject<{
+        focus(): void;
+    }>;
+    /**
+     * If `true`, focus will be returned to the element that triggers the popover when it closes.
+     *
+     * @default true
+     */
+    restoreFocus?: boolean;
+    /**
+     * If `true`, focus will be transferred to the first interactive element when the popover opens.
+     *
+     * @default true
+     */
+    autoFocus?: boolean;
+    /**
+     * If `true`, the popover will close when you blur out it by clicking outside or tabbing out.
+     *
+     * @default true
+     */
+    closeOnBlur?: boolean;
+    /**
+     * If `true`, the popover will close when you hit the `Esc` key.
+     *
+     * @default true
+     */
+    closeOnEsc?: boolean;
+    /**
+     * If `true`, display the popover close button.
+     *
+     * @default true
+     */
+    closeOnButton?: boolean;
+    /**
+     * The interaction that triggers the popover.
+     *
+     * - `hover`: means the popover will open when you hover with mouse or focus with keyboard on the popover trigger.
+     * - `click`: means the popover will open on click or press `Enter` to `Space` on keyboard.
+     *
+     * @default 'click'
+     */
+    trigger?: 'click' | 'hover' | 'never';
+    /**
+     * The number of delay time to open.
+     *
+     * @default 200
+     */
+    openDelay?: number;
+    /**
+     * The number of delay time to close.
+     *
+     * @default 200
+     */
+    closeDelay?: number;
+    /**
+     * If `true`, the PopoverContent rendering will be deferred until the popover is open.
+     *
+     * @default false
+     */
+    isLazy?: boolean;
+    /**
+     * The lazy behavior of popover's content when not visible. Only works when `isLazy={true}`
+     *
+     * - `unmount`: The popover's content is always unmounted when not open.
+     * - `keepMounted`: The popover's content initially unmounted, but stays mounted when popover is open.
+     *
+     * @default 'unmount'
+     */
+    lazyBehavior?: LazyMode;
+    /**
+     * The animation of the popover.
+     *
+     * @default 'scale'
+     */
+    animation?: 'scale' | 'top' | 'right' | 'left' | 'bottom' | 'none';
+    /**
+     * The animation duration.
+     */
+    duration?: MotionTransitionProperties['duration'];
+};
+type PopoverProps = ThemeProps<'Popover'> & Omit<UsePopperProps, 'enabled'> & PropsWithChildren<PopoverOptions>;
+type PopoverContext = Pick<PopoverOptions, 'isOpen' | 'onClose' | 'closeOnButton' | 'animation' | 'duration'> & {
+    onAnimationComplete: () => void;
+    forceUpdate: () => void | undefined;
+    getTriggerProps: PropGetter;
+    getAnchorProps: PropGetter;
+    getPopperProps: PropGetter;
+    getPopoverProps: PropGetter;
+    styles: Record<string, CSSUIObject>;
+};
+declare const usePopover: () => PopoverContext;
+
+declare const Popover: FC<PopoverProps>;
+
+export { Popover, PopoverProps, usePopover };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/popover",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "Yamada UI popover component",
   "keywords": [
     "yamada",
@@ -35,15 +35,15 @@
     "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
   },
   "dependencies": {
-    "@yamada-ui/core": "0.4.3",
-    "@yamada-ui/utils": "0.1.2",
-    "@yamada-ui/close-button": "0.2.4",
-    "@yamada-ui/transitions": "0.2.5",
-    "@yamada-ui/motion": "0.3.2",
-    "@yamada-ui/use-popper": "0.2.4",
-    "@yamada-ui/use-disclosure": "0.2.3",
-    "@yamada-ui/use-focus": "0.1.2",
-    "@yamada-ui/use-animation": "0.1.16"
+    "@yamada-ui/core": "0.5.0",
+    "@yamada-ui/utils": "0.1.3",
+    "@yamada-ui/close-button": "0.2.5",
+    "@yamada-ui/transitions": "0.2.6",
+    "@yamada-ui/motion": "0.3.3",
+    "@yamada-ui/use-popper": "0.2.5",
+    "@yamada-ui/use-disclosure": "0.2.4",
+    "@yamada-ui/use-focus": "0.1.3",
+    "@yamada-ui/use-animation": "0.1.17"
   },
   "devDependencies": {
     "react": "^18.0.0",