@yamada-ui/popover 0.3.19 → 0.3.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  PopoverCloseButton
4
- } from "./chunk-IQVXY42J.mjs";
4
+ } from "./chunk-WMEMUEJ2.mjs";
5
5
  import {
6
6
  usePopover
7
7
  } from "./chunk-Z5SS7LLL.mjs";
@@ -116,7 +116,7 @@ var PopoverContent = forwardRef(
116
116
  ui.section,
117
117
  {
118
118
  as: motion[as],
119
- className: cx("ui-popover-content", className),
119
+ className: cx("ui-popover__content", className),
120
120
  ...animation !== "none" ? getPopoverContentProps(animation, duration) : {},
121
121
  ...getPopoverProps(
122
122
  {
@@ -20,7 +20,7 @@ var PopoverFooter = forwardRef(
20
20
  ui.footer,
21
21
  {
22
22
  ref,
23
- className: cx("ui-popover-footer", className),
23
+ className: cx("ui-popover__footer", className),
24
24
  __css: css,
25
25
  ...rest
26
26
  }
@@ -20,7 +20,7 @@ var PopoverHeader = forwardRef(
20
20
  ui.header,
21
21
  {
22
22
  ref,
23
- className: cx("ui-popover-header", className),
23
+ className: cx("ui-popover__header", className),
24
24
  __css: css,
25
25
  ...rest
26
26
  }
@@ -20,7 +20,7 @@ var PopoverBody = forwardRef(
20
20
  ui.main,
21
21
  {
22
22
  ref,
23
- className: cx("ui-popover-body", className),
23
+ className: cx("ui-popover__body", className),
24
24
  __css: css,
25
25
  ...rest
26
26
  }
@@ -19,7 +19,7 @@ var PopoverCloseButton = forwardRef(
19
19
  CloseButton,
20
20
  {
21
21
  ref,
22
- className: cx("ui-popover-close-button"),
22
+ className: cx("ui-popover__close-button"),
23
23
  __css: css,
24
24
  onClick: handlerAll(onClick, (ev) => {
25
25
  ev.stopPropagation();
package/dist/index.js CHANGED
@@ -292,7 +292,7 @@ var PopoverCloseButton = (0, import_core2.forwardRef)(
292
292
  import_close_button.CloseButton,
293
293
  {
294
294
  ref,
295
- className: (0, import_utils2.cx)("ui-popover-close-button"),
295
+ className: (0, import_utils2.cx)("ui-popover__close-button"),
296
296
  __css: css,
297
297
  onClick: (0, import_utils2.handlerAll)(onClick, (ev) => {
298
298
  ev.stopPropagation();
@@ -406,7 +406,7 @@ var PopoverContent = (0, import_core3.forwardRef)(
406
406
  import_core3.ui.section,
407
407
  {
408
408
  as: import_motion.motion[as],
409
- className: (0, import_utils3.cx)("ui-popover-content", className),
409
+ className: (0, import_utils3.cx)("ui-popover__content", className),
410
410
  ...animation !== "none" ? getPopoverContentProps(animation, duration) : {},
411
411
  ...getPopoverProps(
412
412
  {
@@ -447,7 +447,7 @@ var PopoverHeader = (0, import_core4.forwardRef)(
447
447
  import_core4.ui.header,
448
448
  {
449
449
  ref,
450
- className: (0, import_utils4.cx)("ui-popover-header", className),
450
+ className: (0, import_utils4.cx)("ui-popover__header", className),
451
451
  __css: css,
452
452
  ...rest
453
453
  }
@@ -472,7 +472,7 @@ var PopoverBody = (0, import_core5.forwardRef)(
472
472
  import_core5.ui.main,
473
473
  {
474
474
  ref,
475
- className: (0, import_utils5.cx)("ui-popover-body", className),
475
+ className: (0, import_utils5.cx)("ui-popover__body", className),
476
476
  __css: css,
477
477
  ...rest
478
478
  }
@@ -497,7 +497,7 @@ var PopoverFooter = (0, import_core6.forwardRef)(
497
497
  import_core6.ui.footer,
498
498
  {
499
499
  ref,
500
- className: (0, import_utils6.cx)("ui-popover-footer", className),
500
+ className: (0, import_utils6.cx)("ui-popover__footer", className),
501
501
  __css: css,
502
502
  ...rest
503
503
  }
package/dist/index.mjs CHANGED
@@ -1,22 +1,22 @@
1
1
  "use client"
2
2
  import {
3
3
  PopoverContent
4
- } from "./chunk-ZXXPS4GL.mjs";
4
+ } from "./chunk-6CMNB3NC.mjs";
5
5
  import {
6
6
  PopoverAnchor
7
7
  } from "./chunk-AZMTGSD5.mjs";
8
8
  import {
9
9
  PopoverBody
10
- } from "./chunk-K3ECBLCR.mjs";
10
+ } from "./chunk-U7EL4ITR.mjs";
11
11
  import {
12
12
  PopoverCloseButton
13
- } from "./chunk-IQVXY42J.mjs";
13
+ } from "./chunk-WMEMUEJ2.mjs";
14
14
  import {
15
15
  PopoverFooter
16
- } from "./chunk-7AHXIHWE.mjs";
16
+ } from "./chunk-HGCXNISI.mjs";
17
17
  import {
18
18
  PopoverHeader
19
- } from "./chunk-MYJEKZGT.mjs";
19
+ } from "./chunk-QZZNOTYI.mjs";
20
20
  import {
21
21
  PopoverTrigger
22
22
  } from "./chunk-QEQLVQMN.mjs";
@@ -1,7 +1,7 @@
1
1
  import * as _yamada_ui_core from '@yamada-ui/core';
2
2
  import { HTMLUIProps } from '@yamada-ui/core';
3
3
 
4
- type PopoverBodyProps = HTMLUIProps<'main'>;
4
+ type PopoverBodyProps = HTMLUIProps<"main">;
5
5
  declare const PopoverBody: _yamada_ui_core.Component<"main", PopoverBodyProps>;
6
6
 
7
7
  export { PopoverBody, PopoverBodyProps };
@@ -1,7 +1,7 @@
1
1
  import * as _yamada_ui_core from '@yamada-ui/core';
2
2
  import { HTMLUIProps } from '@yamada-ui/core';
3
3
 
4
- type PopoverBodyProps = HTMLUIProps<'main'>;
4
+ type PopoverBodyProps = HTMLUIProps<"main">;
5
5
  declare const PopoverBody: _yamada_ui_core.Component<"main", PopoverBodyProps>;
6
6
 
7
7
  export { PopoverBody, PopoverBodyProps };
@@ -56,7 +56,7 @@ var PopoverBody = (0, import_core2.forwardRef)(
56
56
  import_core2.ui.main,
57
57
  {
58
58
  ref,
59
- className: (0, import_utils2.cx)("ui-popover-body", className),
59
+ className: (0, import_utils2.cx)("ui-popover__body", className),
60
60
  __css: css,
61
61
  ...rest
62
62
  }
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  PopoverBody
4
- } from "./chunk-K3ECBLCR.mjs";
4
+ } from "./chunk-U7EL4ITR.mjs";
5
5
  import "./chunk-Z5SS7LLL.mjs";
6
6
  export {
7
7
  PopoverBody
@@ -55,7 +55,7 @@ var PopoverCloseButton = (0, import_core2.forwardRef)(
55
55
  import_close_button.CloseButton,
56
56
  {
57
57
  ref,
58
- className: (0, import_utils2.cx)("ui-popover-close-button"),
58
+ className: (0, import_utils2.cx)("ui-popover__close-button"),
59
59
  __css: css,
60
60
  onClick: (0, import_utils2.handlerAll)(onClick, (ev) => {
61
61
  ev.stopPropagation();
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  PopoverCloseButton
4
- } from "./chunk-IQVXY42J.mjs";
4
+ } from "./chunk-WMEMUEJ2.mjs";
5
5
  import "./chunk-Z5SS7LLL.mjs";
6
6
  export {
7
7
  PopoverCloseButton
@@ -2,7 +2,7 @@ import * as _yamada_ui_core from '@yamada-ui/core';
2
2
  import { HTMLUIProps } from '@yamada-ui/core';
3
3
  import { HTMLMotionProps } from '@yamada-ui/motion';
4
4
 
5
- type PopoverContentProps = Omit<HTMLUIProps<'section'>, keyof Omit<HTMLMotionProps<'section'>, 'children'>> & Omit<HTMLMotionProps<'section'>, 'color' | 'style' | 'onDrag' | 'onDragEnd' | 'onDragStart' | 'onAnimationStart' | 'variants' | 'transition'>;
5
+ type PopoverContentProps = Omit<HTMLUIProps<"section">, keyof Omit<HTMLMotionProps<"section">, "children">> & Omit<HTMLMotionProps<"section">, "color" | "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "variants" | "transition">;
6
6
  declare const PopoverContent: _yamada_ui_core.Component<"section", PopoverContentProps>;
7
7
 
8
8
  export { PopoverContent, PopoverContentProps };
@@ -2,7 +2,7 @@ import * as _yamada_ui_core from '@yamada-ui/core';
2
2
  import { HTMLUIProps } from '@yamada-ui/core';
3
3
  import { HTMLMotionProps } from '@yamada-ui/motion';
4
4
 
5
- type PopoverContentProps = Omit<HTMLUIProps<'section'>, keyof Omit<HTMLMotionProps<'section'>, 'children'>> & Omit<HTMLMotionProps<'section'>, 'color' | 'style' | 'onDrag' | 'onDragEnd' | 'onDragStart' | 'onAnimationStart' | 'variants' | 'transition'>;
5
+ type PopoverContentProps = Omit<HTMLUIProps<"section">, keyof Omit<HTMLMotionProps<"section">, "children">> & Omit<HTMLMotionProps<"section">, "color" | "style" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | "variants" | "transition">;
6
6
  declare const PopoverContent: _yamada_ui_core.Component<"section", PopoverContentProps>;
7
7
 
8
8
  export { PopoverContent, PopoverContentProps };
@@ -59,7 +59,7 @@ var PopoverCloseButton = (0, import_core2.forwardRef)(
59
59
  import_close_button.CloseButton,
60
60
  {
61
61
  ref,
62
- className: (0, import_utils2.cx)("ui-popover-close-button"),
62
+ className: (0, import_utils2.cx)("ui-popover__close-button"),
63
63
  __css: css,
64
64
  onClick: (0, import_utils2.handlerAll)(onClick, (ev) => {
65
65
  ev.stopPropagation();
@@ -169,7 +169,7 @@ var PopoverContent = (0, import_core3.forwardRef)(
169
169
  import_core3.ui.section,
170
170
  {
171
171
  as: import_motion.motion[as],
172
- className: (0, import_utils3.cx)("ui-popover-content", className),
172
+ className: (0, import_utils3.cx)("ui-popover__content", className),
173
173
  ...animation !== "none" ? getPopoverContentProps(animation, duration) : {},
174
174
  ...getPopoverProps(
175
175
  {
@@ -1,12 +1,12 @@
1
1
  "use client"
2
2
  import {
3
3
  PopoverContent
4
- } from "./chunk-ZXXPS4GL.mjs";
4
+ } from "./chunk-6CMNB3NC.mjs";
5
5
  import "./chunk-AZMTGSD5.mjs";
6
- import "./chunk-K3ECBLCR.mjs";
7
- import "./chunk-IQVXY42J.mjs";
8
- import "./chunk-7AHXIHWE.mjs";
9
- import "./chunk-MYJEKZGT.mjs";
6
+ import "./chunk-U7EL4ITR.mjs";
7
+ import "./chunk-WMEMUEJ2.mjs";
8
+ import "./chunk-HGCXNISI.mjs";
9
+ import "./chunk-QZZNOTYI.mjs";
10
10
  import "./chunk-QEQLVQMN.mjs";
11
11
  import "./chunk-Z5SS7LLL.mjs";
12
12
  export {
@@ -1,7 +1,7 @@
1
1
  import * as _yamada_ui_core from '@yamada-ui/core';
2
2
  import { HTMLUIProps } from '@yamada-ui/core';
3
3
 
4
- type PopoverFooterProps = HTMLUIProps<'footer'>;
4
+ type PopoverFooterProps = HTMLUIProps<"footer">;
5
5
  declare const PopoverFooter: _yamada_ui_core.Component<"footer", PopoverFooterProps>;
6
6
 
7
7
  export { PopoverFooter, PopoverFooterProps };
@@ -1,7 +1,7 @@
1
1
  import * as _yamada_ui_core from '@yamada-ui/core';
2
2
  import { HTMLUIProps } from '@yamada-ui/core';
3
3
 
4
- type PopoverFooterProps = HTMLUIProps<'footer'>;
4
+ type PopoverFooterProps = HTMLUIProps<"footer">;
5
5
  declare const PopoverFooter: _yamada_ui_core.Component<"footer", PopoverFooterProps>;
6
6
 
7
7
  export { PopoverFooter, PopoverFooterProps };
@@ -56,7 +56,7 @@ var PopoverFooter = (0, import_core2.forwardRef)(
56
56
  import_core2.ui.footer,
57
57
  {
58
58
  ref,
59
- className: (0, import_utils2.cx)("ui-popover-footer", className),
59
+ className: (0, import_utils2.cx)("ui-popover__footer", className),
60
60
  __css: css,
61
61
  ...rest
62
62
  }
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  PopoverFooter
4
- } from "./chunk-7AHXIHWE.mjs";
4
+ } from "./chunk-HGCXNISI.mjs";
5
5
  import "./chunk-Z5SS7LLL.mjs";
6
6
  export {
7
7
  PopoverFooter
@@ -1,7 +1,7 @@
1
1
  import * as _yamada_ui_core from '@yamada-ui/core';
2
2
  import { HTMLUIProps } from '@yamada-ui/core';
3
3
 
4
- type PopoverHeaderProps = HTMLUIProps<'header'>;
4
+ type PopoverHeaderProps = HTMLUIProps<"header">;
5
5
  declare const PopoverHeader: _yamada_ui_core.Component<"header", PopoverHeaderProps>;
6
6
 
7
7
  export { PopoverHeader, PopoverHeaderProps };
@@ -1,7 +1,7 @@
1
1
  import * as _yamada_ui_core from '@yamada-ui/core';
2
2
  import { HTMLUIProps } from '@yamada-ui/core';
3
3
 
4
- type PopoverHeaderProps = HTMLUIProps<'header'>;
4
+ type PopoverHeaderProps = HTMLUIProps<"header">;
5
5
  declare const PopoverHeader: _yamada_ui_core.Component<"header", PopoverHeaderProps>;
6
6
 
7
7
  export { PopoverHeader, PopoverHeaderProps };
@@ -56,7 +56,7 @@ var PopoverHeader = (0, import_core2.forwardRef)(
56
56
  import_core2.ui.header,
57
57
  {
58
58
  ref,
59
- className: (0, import_utils2.cx)("ui-popover-header", className),
59
+ className: (0, import_utils2.cx)("ui-popover__header", className),
60
60
  __css: css,
61
61
  ...rest
62
62
  }
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  PopoverHeader
4
- } from "./chunk-MYJEKZGT.mjs";
4
+ } from "./chunk-QZZNOTYI.mjs";
5
5
  import "./chunk-Z5SS7LLL.mjs";
6
6
  export {
7
7
  PopoverHeader
@@ -66,7 +66,7 @@ type PopoverOptions = {
66
66
  *
67
67
  * @default 'click'
68
68
  */
69
- trigger?: 'click' | 'hover' | 'never';
69
+ trigger?: "click" | "hover" | "never";
70
70
  /**
71
71
  * The number of delay time to open.
72
72
  *
@@ -99,14 +99,14 @@ type PopoverOptions = {
99
99
  *
100
100
  * @default 'scale'
101
101
  */
102
- animation?: 'scale' | 'top' | 'right' | 'left' | 'bottom' | 'none';
102
+ animation?: "scale" | "top" | "right" | "left" | "bottom" | "none";
103
103
  /**
104
104
  * The animation duration.
105
105
  */
106
- duration?: MotionTransitionProperties['duration'];
106
+ duration?: MotionTransitionProperties["duration"];
107
107
  };
108
- type PopoverProps = ThemeProps<'Popover'> & Omit<UsePopperProps, 'enabled'> & PropsWithChildren<PopoverOptions>;
109
- type PopoverContext = Pick<PopoverOptions, 'isOpen' | 'onClose' | 'closeOnButton' | 'animation' | 'duration'> & {
108
+ type PopoverProps = ThemeProps<"Popover"> & Omit<UsePopperProps, "enabled"> & PropsWithChildren<PopoverOptions>;
109
+ type PopoverContext = Pick<PopoverOptions, "isOpen" | "onClose" | "closeOnButton" | "animation" | "duration"> & {
110
110
  onAnimationComplete: () => void;
111
111
  forceUpdate: () => void | undefined;
112
112
  getTriggerProps: PropGetter;
package/dist/popover.d.ts CHANGED
@@ -66,7 +66,7 @@ type PopoverOptions = {
66
66
  *
67
67
  * @default 'click'
68
68
  */
69
- trigger?: 'click' | 'hover' | 'never';
69
+ trigger?: "click" | "hover" | "never";
70
70
  /**
71
71
  * The number of delay time to open.
72
72
  *
@@ -99,14 +99,14 @@ type PopoverOptions = {
99
99
  *
100
100
  * @default 'scale'
101
101
  */
102
- animation?: 'scale' | 'top' | 'right' | 'left' | 'bottom' | 'none';
102
+ animation?: "scale" | "top" | "right" | "left" | "bottom" | "none";
103
103
  /**
104
104
  * The animation duration.
105
105
  */
106
- duration?: MotionTransitionProperties['duration'];
106
+ duration?: MotionTransitionProperties["duration"];
107
107
  };
108
- type PopoverProps = ThemeProps<'Popover'> & Omit<UsePopperProps, 'enabled'> & PropsWithChildren<PopoverOptions>;
109
- type PopoverContext = Pick<PopoverOptions, 'isOpen' | 'onClose' | 'closeOnButton' | 'animation' | 'duration'> & {
108
+ type PopoverProps = ThemeProps<"Popover"> & Omit<UsePopperProps, "enabled"> & PropsWithChildren<PopoverOptions>;
109
+ type PopoverContext = Pick<PopoverOptions, "isOpen" | "onClose" | "closeOnButton" | "animation" | "duration"> & {
110
110
  onAnimationComplete: () => void;
111
111
  forceUpdate: () => void | undefined;
112
112
  getTriggerProps: PropGetter;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yamada-ui/popover",
3
- "version": "0.3.19",
3
+ "version": "0.3.21",
4
4
  "description": "Yamada UI popover component",
5
5
  "keywords": [
6
6
  "yamada",
@@ -35,15 +35,15 @@
35
35
  "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
36
36
  },
37
37
  "dependencies": {
38
- "@yamada-ui/core": "0.12.5",
38
+ "@yamada-ui/core": "0.12.6",
39
39
  "@yamada-ui/utils": "0.3.3",
40
- "@yamada-ui/close-button": "0.3.15",
41
- "@yamada-ui/transitions": "0.3.16",
42
- "@yamada-ui/motion": "0.4.15",
43
- "@yamada-ui/use-popper": "0.4.15",
40
+ "@yamada-ui/close-button": "0.3.16",
41
+ "@yamada-ui/transitions": "0.3.17",
42
+ "@yamada-ui/motion": "0.4.16",
43
+ "@yamada-ui/use-popper": "0.4.16",
44
44
  "@yamada-ui/use-disclosure": "0.4.3",
45
45
  "@yamada-ui/use-focus": "0.2.5",
46
- "@yamada-ui/use-animation": "0.4.4"
46
+ "@yamada-ui/use-animation": "0.4.5"
47
47
  },
48
48
  "devDependencies": {
49
49
  "react": "^18.0.0",