@yamada-ui/popover 1.3.4-dev-20241005220629 → 1.3.4-dev-20241006000212

Sign up to get free protection for your applications and to get access to all the features.
Files changed (51) hide show
  1. package/dist/{chunk-FAPYWOWO.mjs → chunk-7UFHYE2W.mjs} +24 -24
  2. package/dist/chunk-7UFHYE2W.mjs.map +1 -0
  3. package/dist/{chunk-4XXWFN6L.mjs → chunk-IESY3Y4P.mjs} +2 -2
  4. package/dist/{chunk-4XXWFN6L.mjs.map → chunk-IESY3Y4P.mjs.map} +1 -1
  5. package/dist/{chunk-P4MJ5IU7.mjs → chunk-J22VBFAF.mjs} +4 -4
  6. package/dist/{chunk-P4MJ5IU7.mjs.map → chunk-J22VBFAF.mjs.map} +1 -1
  7. package/dist/{chunk-6THCC2BT.mjs → chunk-KBEWDJLR.mjs} +42 -42
  8. package/dist/chunk-KBEWDJLR.mjs.map +1 -0
  9. package/dist/{chunk-ITQ2KUJZ.mjs → chunk-QQSUS4YW.mjs} +4 -4
  10. package/dist/chunk-QQSUS4YW.mjs.map +1 -0
  11. package/dist/{chunk-FIADAGVP.mjs → chunk-RXYUC4JZ.mjs} +2 -2
  12. package/dist/{chunk-FIADAGVP.mjs.map → chunk-RXYUC4JZ.mjs.map} +1 -1
  13. package/dist/{chunk-2EUPTTRC.mjs → chunk-S3KWEQPS.mjs} +4 -4
  14. package/dist/{chunk-2EUPTTRC.mjs.map → chunk-S3KWEQPS.mjs.map} +1 -1
  15. package/dist/{chunk-GXJI2MI3.mjs → chunk-YSYN7XPR.mjs} +4 -4
  16. package/dist/{chunk-GXJI2MI3.mjs.map → chunk-YSYN7XPR.mjs.map} +1 -1
  17. package/dist/index.d.mts +3 -3
  18. package/dist/index.d.ts +3 -3
  19. package/dist/index.js +136 -136
  20. package/dist/index.js.map +1 -1
  21. package/dist/index.mjs +8 -8
  22. package/dist/popover-anchor.js +37 -37
  23. package/dist/popover-anchor.js.map +1 -1
  24. package/dist/popover-anchor.mjs +2 -2
  25. package/dist/popover-body.js +38 -38
  26. package/dist/popover-body.js.map +1 -1
  27. package/dist/popover-body.mjs +2 -2
  28. package/dist/popover-close-button.js +39 -39
  29. package/dist/popover-close-button.js.map +1 -1
  30. package/dist/popover-close-button.mjs +2 -2
  31. package/dist/popover-content.js +60 -60
  32. package/dist/popover-content.js.map +1 -1
  33. package/dist/popover-content.mjs +3 -3
  34. package/dist/popover-footer.js +38 -38
  35. package/dist/popover-footer.js.map +1 -1
  36. package/dist/popover-footer.mjs +2 -2
  37. package/dist/popover-header.js +38 -38
  38. package/dist/popover-header.js.map +1 -1
  39. package/dist/popover-header.mjs +2 -2
  40. package/dist/popover-trigger.js +37 -37
  41. package/dist/popover-trigger.js.map +1 -1
  42. package/dist/popover-trigger.mjs +2 -2
  43. package/dist/popover.d.mts +62 -62
  44. package/dist/popover.d.ts +62 -62
  45. package/dist/popover.js +37 -37
  46. package/dist/popover.js.map +1 -1
  47. package/dist/popover.mjs +1 -1
  48. package/package.json +10 -10
  49. package/dist/chunk-6THCC2BT.mjs.map +0 -1
  50. package/dist/chunk-FAPYWOWO.mjs.map +0 -1
  51. package/dist/chunk-ITQ2KUJZ.mjs.map +0 -1
@@ -1,10 +1,10 @@
1
1
  "use client"
2
2
  import {
3
3
  PopoverCloseButton
4
- } from "./chunk-P4MJ5IU7.mjs";
4
+ } from "./chunk-J22VBFAF.mjs";
5
5
  import {
6
6
  usePopover
7
- } from "./chunk-6THCC2BT.mjs";
7
+ } from "./chunk-KBEWDJLR.mjs";
8
8
 
9
9
  // src/popover-content.tsx
10
10
  import { ui } from "@yamada-ui/core";
@@ -15,9 +15,9 @@ import { useMemo } from "react";
15
15
  import { jsx, jsxs } from "react/jsx-runtime";
16
16
  var getPopoverContentProps = (animation = "scale", duration) => {
17
17
  const custom = {
18
- reverse: true,
19
18
  duration,
20
19
  enter: { visibility: "visible" },
20
+ reverse: true,
21
21
  transitionEnd: { exit: { visibility: "hidden" } }
22
22
  };
23
23
  switch (animation) {
@@ -52,29 +52,29 @@ var PopoverContent = motionForwardRef(
52
52
  ({
53
53
  as = "section",
54
54
  className,
55
- containerProps,
56
55
  children,
57
- w,
58
- width,
59
- minW,
60
- minWidth,
61
56
  maxW,
62
57
  maxWidth,
58
+ minW,
59
+ minWidth,
60
+ w,
61
+ width,
63
62
  z,
64
63
  zIndex,
64
+ containerProps,
65
65
  __css,
66
66
  ...rest
67
67
  }, ref) => {
68
68
  var _a, _b, _c, _d, _e;
69
69
  const {
70
- isOpen,
71
- closeOnButton,
72
- getPopperProps,
73
- getPopoverProps,
74
- onAnimationComplete,
75
70
  animation,
71
+ closeOnButton,
76
72
  duration,
77
- styles
73
+ isOpen,
74
+ styles,
75
+ getPopoverProps,
76
+ getPopperProps,
77
+ onAnimationComplete
78
78
  } = usePopover();
79
79
  const validChildren = getValidChildren(children);
80
80
  const [customPopoverCloseButton, ...cloneChildren] = findChildren(
@@ -84,21 +84,21 @@ var PopoverContent = motionForwardRef(
84
84
  const Component = useMemo(() => motion(as), [as]);
85
85
  const css = (_a = __css != null ? __css : styles.container) != null ? _a : {};
86
86
  const computedCSS = {
87
- position: "relative",
88
- w: "100%",
89
87
  display: "flex",
90
88
  flexDirection: "column",
91
89
  outline: 0,
90
+ position: "relative",
91
+ w: "100%",
92
92
  ...css
93
93
  };
94
94
  width != null ? width : width = w;
95
- width != null ? width : width = (_b = css == null ? void 0 : css.width) != null ? _b : css == null ? void 0 : css.w;
95
+ width != null ? width : width = (_b = css.width) != null ? _b : css.w;
96
96
  minWidth != null ? minWidth : minWidth = minW;
97
- minWidth != null ? minWidth : minWidth = (_c = css == null ? void 0 : css.minWidth) != null ? _c : css == null ? void 0 : css.minW;
97
+ minWidth != null ? minWidth : minWidth = (_c = css.minWidth) != null ? _c : css.minW;
98
98
  maxWidth != null ? maxWidth : maxWidth = maxW;
99
- maxWidth != null ? maxWidth : maxWidth = (_d = css == null ? void 0 : css.maxWidth) != null ? _d : css == null ? void 0 : css.maxW;
99
+ maxWidth != null ? maxWidth : maxWidth = (_d = css.maxWidth) != null ? _d : css.maxW;
100
100
  zIndex != null ? zIndex : zIndex = z;
101
- zIndex != null ? zIndex : zIndex = (_e = css == null ? void 0 : css.zIndex) != null ? _e : css == null ? void 0 : css.z;
101
+ zIndex != null ? zIndex : zIndex = (_e = css.zIndex) != null ? _e : css.z;
102
102
  return /* @__PURE__ */ jsx(
103
103
  ui.div,
104
104
  {
@@ -106,10 +106,10 @@ var PopoverContent = motionForwardRef(
106
106
  style: { visibility: isOpen ? "visible" : "hidden" }
107
107
  }),
108
108
  className: "ui-popover",
109
+ maxWidth,
110
+ minWidth,
109
111
  outline: "none",
110
112
  width,
111
- minWidth,
112
- maxWidth,
113
113
  zIndex,
114
114
  ...containerProps,
115
115
  children: /* @__PURE__ */ jsxs(
@@ -118,9 +118,9 @@ var PopoverContent = motionForwardRef(
118
118
  className: cx("ui-popover__content", className),
119
119
  ...animation !== "none" ? getPopoverContentProps(animation, duration) : {},
120
120
  ...getPopoverProps(rest, ref),
121
- initial: "exit",
122
121
  animate: isOpen ? "enter" : "exit",
123
122
  exit: "exit",
123
+ initial: "exit",
124
124
  onAnimationComplete: funcAll(
125
125
  onAnimationComplete,
126
126
  rest.onAnimationComplete
@@ -142,4 +142,4 @@ PopoverContent.__ui__ = "PopoverContent";
142
142
  export {
143
143
  PopoverContent
144
144
  };
145
- //# sourceMappingURL=chunk-FAPYWOWO.mjs.map
145
+ //# sourceMappingURL=chunk-7UFHYE2W.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/popover-content.tsx"],"sourcesContent":["import type { CSSUIObject, CSSUIProps, HTMLUIProps } from \"@yamada-ui/core\"\nimport type { MotionPropsWithoutChildren } from \"@yamada-ui/motion\"\nimport type { PropsWithChildren } from \"react\"\nimport type { PopoverProps } from \"./popover\"\nimport { ui } from \"@yamada-ui/core\"\nimport { motion, motionForwardRef } from \"@yamada-ui/motion\"\nimport { scaleFadeProps, slideFadeProps } from \"@yamada-ui/transitions\"\nimport { cx, findChildren, funcAll, getValidChildren } from \"@yamada-ui/utils\"\nimport { useMemo } from \"react\"\nimport { usePopover } from \"./popover\"\nimport { PopoverCloseButton } from \"./popover-close-button\"\n\nexport interface PopoverContentProps\n extends MotionPropsWithoutChildren<\"section\">,\n PropsWithChildren {\n /**\n * The props of the container element.\n */\n containerProps?: Omit<HTMLUIProps, \"children\">\n}\n\nconst getPopoverContentProps = (\n animation: PopoverProps[\"animation\"] = \"scale\",\n duration?: PopoverProps[\"duration\"],\n) => {\n const custom = {\n duration,\n enter: { visibility: \"visible\" },\n reverse: true,\n transitionEnd: { exit: { visibility: \"hidden\" } },\n }\n\n switch (animation) {\n case \"scale\":\n return {\n ...scaleFadeProps,\n custom: { ...custom, scale: 0.95 },\n }\n case \"top\":\n return {\n ...slideFadeProps,\n custom: { ...custom, offsetX: 0, offsetY: -16 },\n }\n case \"right\":\n return {\n ...slideFadeProps,\n custom: { ...custom, offsetX: 16, offsetY: 0 },\n }\n case \"left\":\n return {\n ...slideFadeProps,\n custom: { ...custom, offsetX: -16, offsetY: 0 },\n }\n case \"bottom\":\n return {\n ...slideFadeProps,\n custom: { ...custom, offsetX: 0, offsetY: 16 },\n }\n }\n}\n\nexport const PopoverContent = motionForwardRef<PopoverContentProps, \"section\">(\n (\n {\n as = \"section\",\n className,\n children,\n maxW,\n maxWidth,\n minW,\n minWidth,\n w,\n width,\n z,\n zIndex,\n containerProps,\n __css,\n ...rest\n },\n ref,\n ) => {\n const {\n animation,\n closeOnButton,\n duration,\n isOpen,\n styles,\n getPopoverProps,\n getPopperProps,\n onAnimationComplete,\n } = usePopover()\n\n const validChildren = getValidChildren(children)\n const [customPopoverCloseButton, ...cloneChildren] = findChildren(\n validChildren,\n PopoverCloseButton,\n )\n\n const Component = useMemo(() => motion(as), [as])\n\n const css = __css ?? styles.container ?? {}\n\n const computedCSS: CSSUIObject = {\n display: \"flex\",\n flexDirection: \"column\",\n outline: 0,\n position: \"relative\",\n w: \"100%\",\n ...css,\n }\n\n width ??= w\n width ??= (css.width ?? css.w) as CSSUIProps[\"width\"]\n minWidth ??= minW\n minWidth ??= (css.minWidth ?? css.minW) as CSSUIProps[\"minWidth\"]\n maxWidth ??= maxW\n maxWidth ??= (css.maxWidth ?? css.maxW) as CSSUIProps[\"maxWidth\"]\n\n zIndex ??= z\n zIndex ??= (css.zIndex ?? css.z) as CSSUIProps[\"zIndex\"]\n\n return (\n <ui.div\n {...getPopperProps({\n style: { visibility: isOpen ? \"visible\" : \"hidden\" },\n })}\n className=\"ui-popover\"\n maxWidth={maxWidth}\n minWidth={minWidth}\n outline=\"none\"\n width={width}\n zIndex={zIndex}\n {...containerProps}\n >\n <Component\n className={cx(\"ui-popover__content\", className)}\n {...(animation !== \"none\"\n ? getPopoverContentProps(animation, duration)\n : {})}\n {...getPopoverProps(rest, ref)}\n animate={isOpen ? \"enter\" : \"exit\"}\n exit=\"exit\"\n initial=\"exit\"\n onAnimationComplete={funcAll(\n onAnimationComplete,\n rest.onAnimationComplete,\n )}\n __css={computedCSS}\n >\n {customPopoverCloseButton ??\n (closeOnButton ? <PopoverCloseButton /> : null)}\n\n {cloneChildren}\n </Component>\n </ui.div>\n )\n },\n)\n\nPopoverContent.displayName = \"PopoverContent\"\nPopoverContent.__ui__ = \"PopoverContent\"\n"],"mappings":";;;;;;;;;AAIA,SAAS,UAAU;AACnB,SAAS,QAAQ,wBAAwB;AACzC,SAAS,gBAAgB,sBAAsB;AAC/C,SAAS,IAAI,cAAc,SAAS,wBAAwB;AAC5D,SAAS,eAAe;AA8HhB,SAgBqB,KAhBrB;AAjHR,IAAM,yBAAyB,CAC7B,YAAuC,SACvC,aACG;AACH,QAAM,SAAS;AAAA,IACb;AAAA,IACA,OAAO,EAAE,YAAY,UAAU;AAAA,IAC/B,SAAS;AAAA,IACT,eAAe,EAAE,MAAM,EAAE,YAAY,SAAS,EAAE;AAAA,EAClD;AAEA,UAAQ,WAAW;AAAA,IACjB,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,EAAE,GAAG,QAAQ,OAAO,KAAK;AAAA,MACnC;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,EAAE,GAAG,QAAQ,SAAS,GAAG,SAAS,IAAI;AAAA,MAChD;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,EAAE,GAAG,QAAQ,SAAS,IAAI,SAAS,EAAE;AAAA,MAC/C;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,EAAE,GAAG,QAAQ,SAAS,KAAK,SAAS,EAAE;AAAA,MAChD;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ,EAAE,GAAG,QAAQ,SAAS,GAAG,SAAS,GAAG;AAAA,MAC/C;AAAA,EACJ;AACF;AAEO,IAAM,iBAAiB;AAAA,EAC5B,CACE;AAAA,IACE,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AAhFP;AAiFI,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,WAAW;AAEf,UAAM,gBAAgB,iBAAiB,QAAQ;AAC/C,UAAM,CAAC,0BAA0B,GAAG,aAAa,IAAI;AAAA,MACnD;AAAA,MACA;AAAA,IACF;AAEA,UAAM,YAAY,QAAQ,MAAM,OAAO,EAAE,GAAG,CAAC,EAAE,CAAC;AAEhD,UAAM,OAAM,6BAAS,OAAO,cAAhB,YAA6B,CAAC;AAE1C,UAAM,cAA2B;AAAA,MAC/B,SAAS;AAAA,MACT,eAAe;AAAA,MACf,SAAS;AAAA,MACT,UAAU;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAEA,oCAAU;AACV,qCAAW,SAAI,UAAJ,YAAa,IAAI;AAC5B,6CAAa;AACb,8CAAc,SAAI,aAAJ,YAAgB,IAAI;AAClC,6CAAa;AACb,8CAAc,SAAI,aAAJ,YAAgB,IAAI;AAElC,uCAAW;AACX,wCAAY,SAAI,WAAJ,YAAc,IAAI;AAE9B,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACE,GAAG,eAAe;AAAA,UACjB,OAAO,EAAE,YAAY,SAAS,YAAY,SAAS;AAAA,QACrD,CAAC;AAAA,QACD,WAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,SAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,uBAAuB,SAAS;AAAA,YAC7C,GAAI,cAAc,SACf,uBAAuB,WAAW,QAAQ,IAC1C,CAAC;AAAA,YACJ,GAAG,gBAAgB,MAAM,GAAG;AAAA,YAC7B,SAAS,SAAS,UAAU;AAAA,YAC5B,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,qBAAqB;AAAA,cACnB;AAAA,cACA,KAAK;AAAA,YACP;AAAA,YACA,OAAO;AAAA,YAEN;AAAA,4EACE,gBAAgB,oBAAC,sBAAmB,IAAK;AAAA,cAE3C;AAAA;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAC7B,eAAe,SAAS;","names":[]}
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  usePopover
4
- } from "./chunk-6THCC2BT.mjs";
4
+ } from "./chunk-KBEWDJLR.mjs";
5
5
 
6
6
  // src/popover-trigger.tsx
7
7
  import { Children, cloneElement } from "react";
@@ -16,4 +16,4 @@ PopoverTrigger.__ui__ = "PopoverTrigger";
16
16
  export {
17
17
  PopoverTrigger
18
18
  };
19
- //# sourceMappingURL=chunk-4XXWFN6L.mjs.map
19
+ //# sourceMappingURL=chunk-IESY3Y4P.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/popover-trigger.tsx"],"sourcesContent":["import type { FC } from \"@yamada-ui/core\"\nimport type { PropsWithChildren, ReactElement, RefObject } from \"react\"\nimport { Children, cloneElement } from \"react\"\nimport { usePopover } from \"./popover\"\n\nexport const PopoverTrigger: FC<PropsWithChildren<{}>> = ({ children }) => {\n const child = Children.only(children) as ReactElement & {\n ref: RefObject<any>\n }\n const { getTriggerProps } = usePopover()\n\n return cloneElement(child, getTriggerProps(child.props, child.ref))\n}\n\nPopoverTrigger.displayName = \"PopoverTrigger\"\nPopoverTrigger.__ui__ = \"PopoverTrigger\"\n"],"mappings":";;;;;;AAEA,SAAS,UAAU,oBAAoB;AAGhC,IAAM,iBAA4C,CAAC,EAAE,SAAS,MAAM;AACzE,QAAM,QAAQ,SAAS,KAAK,QAAQ;AAGpC,QAAM,EAAE,gBAAgB,IAAI,WAAW;AAEvC,SAAO,aAAa,OAAO,gBAAgB,MAAM,OAAO,MAAM,GAAG,CAAC;AACpE;AAEA,eAAe,cAAc;AAC7B,eAAe,SAAS;","names":[]}
1
+ {"version":3,"sources":["../src/popover-trigger.tsx"],"sourcesContent":["import type { FC } from \"@yamada-ui/core\"\nimport type { PropsWithChildren, ReactElement, RefObject } from \"react\"\nimport { Children, cloneElement } from \"react\"\nimport { usePopover } from \"./popover\"\n\nexport const PopoverTrigger: FC<PropsWithChildren<{}>> = ({ children }) => {\n const child = Children.only(children) as {\n ref: RefObject<any>\n } & ReactElement\n const { getTriggerProps } = usePopover()\n\n return cloneElement(child, getTriggerProps(child.props, child.ref))\n}\n\nPopoverTrigger.displayName = \"PopoverTrigger\"\nPopoverTrigger.__ui__ = \"PopoverTrigger\"\n"],"mappings":";;;;;;AAEA,SAAS,UAAU,oBAAoB;AAGhC,IAAM,iBAA4C,CAAC,EAAE,SAAS,MAAM;AACzE,QAAM,QAAQ,SAAS,KAAK,QAAQ;AAGpC,QAAM,EAAE,gBAAgB,IAAI,WAAW;AAEvC,SAAO,aAAa,OAAO,gBAAgB,MAAM,OAAO,MAAM,GAAG,CAAC;AACpE;AAEA,eAAe,cAAc;AAC7B,eAAe,SAAS;","names":[]}
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  usePopover
4
- } from "./chunk-6THCC2BT.mjs";
4
+ } from "./chunk-KBEWDJLR.mjs";
5
5
 
6
6
  // src/popover-close-button.tsx
7
7
  import { CloseButton } from "@yamada-ui/close-button";
@@ -20,12 +20,12 @@ var PopoverCloseButton = forwardRef(
20
20
  {
21
21
  ref,
22
22
  className: cx("ui-popover__close-button"),
23
- __css: css,
23
+ size: "sm",
24
24
  onClick: handlerAll(onClick, (ev) => {
25
25
  ev.stopPropagation();
26
26
  onClose == null ? void 0 : onClose();
27
27
  }),
28
- size: "sm",
28
+ __css: css,
29
29
  ...rest
30
30
  }
31
31
  );
@@ -37,4 +37,4 @@ PopoverCloseButton.__ui__ = "PopoverCloseButton";
37
37
  export {
38
38
  PopoverCloseButton
39
39
  };
40
- //# sourceMappingURL=chunk-P4MJ5IU7.mjs.map
40
+ //# sourceMappingURL=chunk-J22VBFAF.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/popover-close-button.tsx"],"sourcesContent":["import type { CloseButtonProps } from \"@yamada-ui/close-button\"\nimport { CloseButton } from \"@yamada-ui/close-button\"\nimport type { CSSUIObject } from \"@yamada-ui/core\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx, handlerAll } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport interface PopoverCloseButtonProps extends CloseButtonProps {}\n\nexport const PopoverCloseButton = forwardRef<PopoverCloseButtonProps, \"button\">(\n ({ onClick, ...rest }, ref) => {\n const { styles, onClose } = usePopover()\n\n const css: CSSUIObject = {\n position: \"absolute\",\n ...styles.closeButton,\n }\n\n return (\n <CloseButton\n ref={ref}\n className={cx(\"ui-popover__close-button\")}\n __css={css}\n onClick={handlerAll(onClick, (ev) => {\n ev.stopPropagation()\n onClose?.()\n })}\n size=\"sm\"\n {...rest}\n />\n )\n },\n)\n\nPopoverCloseButton.displayName = \"PopoverCloseButton\"\nPopoverCloseButton.__ui__ = \"PopoverCloseButton\"\n"],"mappings":";;;;;;AACA,SAAS,mBAAmB;AAE5B,SAAS,kBAAkB;AAC3B,SAAS,IAAI,kBAAkB;AAezB;AAVC,IAAM,qBAAqB;AAAA,EAChC,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,QAAQ;AAC7B,UAAM,EAAE,QAAQ,QAAQ,IAAI,WAAW;AAEvC,UAAM,MAAmB;AAAA,MACvB,UAAU;AAAA,MACV,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,0BAA0B;AAAA,QACxC,OAAO;AAAA,QACP,SAAS,WAAW,SAAS,CAAC,OAAO;AACnC,aAAG,gBAAgB;AACnB;AAAA,QACF,CAAC;AAAA,QACD,MAAK;AAAA,QACJ,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,mBAAmB,cAAc;AACjC,mBAAmB,SAAS;","names":[]}
1
+ {"version":3,"sources":["../src/popover-close-button.tsx"],"sourcesContent":["import type { CloseButtonProps } from \"@yamada-ui/close-button\"\nimport type { CSSUIObject } from \"@yamada-ui/core\"\nimport { CloseButton } from \"@yamada-ui/close-button\"\nimport { forwardRef } from \"@yamada-ui/core\"\nimport { cx, handlerAll } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport interface PopoverCloseButtonProps extends CloseButtonProps {}\n\nexport const PopoverCloseButton = forwardRef<PopoverCloseButtonProps, \"button\">(\n ({ onClick, ...rest }, ref) => {\n const { styles, onClose } = usePopover()\n\n const css: CSSUIObject = {\n position: \"absolute\",\n ...styles.closeButton,\n }\n\n return (\n <CloseButton\n ref={ref}\n className={cx(\"ui-popover__close-button\")}\n size=\"sm\"\n onClick={handlerAll(onClick, (ev) => {\n ev.stopPropagation()\n onClose?.()\n })}\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nPopoverCloseButton.displayName = \"PopoverCloseButton\"\nPopoverCloseButton.__ui__ = \"PopoverCloseButton\"\n"],"mappings":";;;;;;AAEA,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,IAAI,kBAAkB;AAezB;AAVC,IAAM,qBAAqB;AAAA,EAChC,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,QAAQ;AAC7B,UAAM,EAAE,QAAQ,QAAQ,IAAI,WAAW;AAEvC,UAAM,MAAmB;AAAA,MACvB,UAAU;AAAA,MACV,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,0BAA0B;AAAA,QACxC,MAAK;AAAA,QACL,SAAS,WAAW,SAAS,CAAC,OAAO;AACnC,aAAG,gBAAgB;AACnB;AAAA,QACF,CAAC;AAAA,QACD,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,mBAAmB,cAAc;AACjC,mBAAmB,SAAS;","names":[]}
@@ -1,15 +1,15 @@
1
1
  "use client"
2
2
 
3
3
  // src/popover.tsx
4
- import { useComponentMultiStyle, omitThemeProps } from "@yamada-ui/core";
4
+ import { omitThemeProps, useComponentMultiStyle } from "@yamada-ui/core";
5
5
  import { useAnimationObserver } from "@yamada-ui/use-animation";
6
6
  import { useDisclosure, useLazyDisclosure } from "@yamada-ui/use-disclosure";
7
7
  import {
8
8
  useFocusOnHide,
9
- useFocusOnShow,
10
- useFocusOnPointerDown
9
+ useFocusOnPointerDown,
10
+ useFocusOnShow
11
11
  } from "@yamada-ui/use-focus";
12
- import { usePopper, popperProperties } from "@yamada-ui/use-popper";
12
+ import { popperProperties, usePopper } from "@yamada-ui/use-popper";
13
13
  import {
14
14
  createContext,
15
15
  getEventRelatedTarget,
@@ -41,43 +41,43 @@ var popoverProperties = [
41
41
  "duration"
42
42
  ];
43
43
  var [PopoverProvider, usePopover] = createContext({
44
- strict: false,
45
- name: "PopoverContext"
44
+ name: "PopoverContext",
45
+ errorMessage: `usePopoverContext returned is 'undefined'. Seems you forgot to wrap the components in "<Popover />"`
46
46
  });
47
47
  var Popover = (props) => {
48
48
  const [styles, mergedProps] = useComponentMultiStyle("Popover", props);
49
49
  const {
50
- children,
51
- initialFocusRef,
52
- restoreFocus = true,
50
+ animation = "scale",
53
51
  autoFocus = true,
52
+ children,
53
+ closeDelay = 200,
54
54
  closeOnBlur = true,
55
- closeOnEsc = true,
56
55
  closeOnButton = true,
57
- trigger = "click",
58
- openDelay = 200,
59
- closeDelay = 200,
56
+ closeOnEsc = true,
57
+ duration,
58
+ initialFocusRef,
60
59
  isLazy,
61
60
  lazyBehavior = "unmount",
62
- animation = "scale",
63
- duration,
61
+ openDelay = 200,
64
62
  relatedRef,
63
+ restoreFocus = true,
64
+ trigger = "click",
65
65
  ...rest
66
66
  } = omitThemeProps(mergedProps);
67
- const { isOpen, onOpen, onClose, onToggle } = useDisclosure(mergedProps);
67
+ const { isOpen, onClose, onOpen, onToggle } = useDisclosure(mergedProps);
68
68
  const anchorRef = useRef(null);
69
69
  const triggerRef = useRef(null);
70
70
  const popoverRef = useRef(null);
71
71
  const { present, onAnimationComplete } = useAnimationObserver({
72
- isOpen,
73
- ref: popoverRef
72
+ ref: popoverRef,
73
+ isOpen
74
74
  });
75
75
  const openTimeout = useRef(void 0);
76
76
  const closeTimeout = useRef(void 0);
77
77
  const isHoveringRef = useRef(false);
78
78
  const hasBeenOpened = useRef(false);
79
79
  if (isOpen) hasBeenOpened.current = true;
80
- const { referenceRef, getPopperProps, forceUpdate, transformOrigin } = usePopper({
80
+ const { forceUpdate, referenceRef, transformOrigin, getPopperProps } = usePopper({
81
81
  ...rest,
82
82
  enabled: isOpen
83
83
  });
@@ -88,39 +88,36 @@ var Popover = (props) => {
88
88
  };
89
89
  }, []);
90
90
  useFocusOnPointerDown({
91
- enabled: isOpen,
92
- ref: triggerRef
91
+ ref: triggerRef,
92
+ enabled: isOpen
93
93
  });
94
94
  useFocusOnHide(popoverRef, {
95
95
  focusRef: triggerRef,
96
- visible: isOpen,
97
- shouldFocus: restoreFocus && (trigger === "click" || trigger === "contextmenu")
96
+ shouldFocus: restoreFocus && (trigger === "click" || trigger === "contextmenu"),
97
+ visible: isOpen
98
98
  });
99
99
  useFocusOnShow(popoverRef, {
100
100
  focusRef: initialFocusRef,
101
- visible: isOpen,
102
- shouldFocus: autoFocus && (trigger === "click" || trigger === "contextmenu")
101
+ shouldFocus: autoFocus && (trigger === "click" || trigger === "contextmenu"),
102
+ visible: isOpen
103
103
  });
104
104
  const shouldRenderChildren = useLazyDisclosure({
105
- wasSelected: hasBeenOpened.current,
106
105
  enabled: isLazy,
106
+ isSelected: present,
107
107
  mode: lazyBehavior,
108
- isSelected: present
108
+ wasSelected: hasBeenOpened.current
109
109
  });
110
110
  const getPopoverProps = useCallback(
111
111
  (props2 = {}, ref = null) => {
112
112
  const popoverProps = {
113
113
  ...props2,
114
+ ref: mergeRefs(popoverRef, ref),
114
115
  style: {
115
116
  ...props2.style,
116
117
  transformOrigin
117
118
  },
118
- ref: mergeRefs(popoverRef, ref),
119
119
  children: shouldRenderChildren ? props2.children : null,
120
120
  tabIndex: -1,
121
- onKeyDown: handlerAll(props2.onKeyDown, (ev) => {
122
- if (closeOnEsc && ev.key === "Escape") onClose();
123
- }),
124
121
  onBlur: handlerAll(props2.onBlur, (ev) => {
125
122
  const relatedTarget = getEventRelatedTarget(ev);
126
123
  const targetIsPopover = isContains(popoverRef.current, relatedTarget);
@@ -128,6 +125,9 @@ var Popover = (props) => {
128
125
  const targetIsRelated = (relatedRef == null ? void 0 : relatedRef.current) ? isContains(relatedRef.current, relatedTarget) : false;
129
126
  const isValidBlur = !targetIsPopover && !targetIsTrigger && !targetIsRelated;
130
127
  if (isOpen && closeOnBlur && isValidBlur) onClose();
128
+ }),
129
+ onKeyDown: handlerAll(props2.onKeyDown, (ev) => {
130
+ if (closeOnEsc && ev.key === "Escape") onClose();
131
131
  })
132
132
  };
133
133
  if (trigger === "hover") {
@@ -239,23 +239,23 @@ var Popover = (props) => {
239
239
  PopoverProvider,
240
240
  {
241
241
  value: {
242
- isOpen,
243
- onClose,
242
+ animation,
244
243
  closeOnButton,
245
- onAnimationComplete,
244
+ duration,
246
245
  forceUpdate,
247
- getTriggerProps,
246
+ isOpen,
247
+ styles,
248
248
  getAnchorProps,
249
- getPopperProps,
250
249
  getPopoverProps,
251
- animation,
252
- duration,
253
- styles
250
+ getPopperProps,
251
+ getTriggerProps,
252
+ onAnimationComplete,
253
+ onClose
254
254
  },
255
255
  children: runIfFunc(children, {
256
+ forceUpdate,
256
257
  isOpen,
257
- onClose,
258
- forceUpdate
258
+ onClose
259
259
  })
260
260
  }
261
261
  );
@@ -268,4 +268,4 @@ export {
268
268
  usePopover,
269
269
  Popover
270
270
  };
271
- //# sourceMappingURL=chunk-6THCC2BT.mjs.map
271
+ //# sourceMappingURL=chunk-KBEWDJLR.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/popover.tsx"],"sourcesContent":["import type {\n CSSUIObject,\n FC,\n HTMLUIPropsWithRef,\n PropGetter,\n ThemeProps,\n} from \"@yamada-ui/core\"\nimport type { MotionProps, MotionTransitionProps } from \"@yamada-ui/motion\"\nimport type { LazyMode } from \"@yamada-ui/use-disclosure\"\nimport type { UsePopperProps } from \"@yamada-ui/use-popper\"\nimport type {\n ComponentProps,\n PropsWithChildren,\n RefAttributes,\n RefObject,\n} from \"react\"\nimport { omitThemeProps, useComponentMultiStyle } from \"@yamada-ui/core\"\nimport { useAnimationObserver } from \"@yamada-ui/use-animation\"\nimport { useDisclosure, useLazyDisclosure } from \"@yamada-ui/use-disclosure\"\nimport {\n useFocusOnHide,\n useFocusOnPointerDown,\n useFocusOnShow,\n} from \"@yamada-ui/use-focus\"\nimport { popperProperties, usePopper } from \"@yamada-ui/use-popper\"\nimport {\n createContext,\n getEventRelatedTarget,\n handlerAll,\n isContains,\n mergeRefs,\n runIfFunc,\n} from \"@yamada-ui/utils\"\nimport { useCallback, useEffect, useRef } from \"react\"\n\nexport type PopoverProperty = (typeof popoverProperties)[number]\n\nexport const popoverProperties = [\n ...popperProperties,\n \"isOpen\",\n \"defaultIsOpen\",\n \"onOpen\",\n \"onClose\",\n \"initialFocusRef\",\n \"restoreFocus\",\n \"autoFocus\",\n \"closeOnBlur\",\n \"closeOnEsc\",\n \"closeOnButton\",\n \"trigger\",\n \"openDelay\",\n \"closeDelay\",\n \"isLazy\",\n \"lazyBehavior\",\n \"animation\",\n \"duration\",\n] as const\n\nexport interface ComboBoxProps\n extends Omit<\n PopoverOptions,\n | \"autoFocus\"\n | \"closeOnButton\"\n | \"initialFocusRef\"\n | \"relatedRef\"\n | \"restoreFocus\"\n | \"trigger\"\n >,\n Omit<UsePopperProps, \"enabled\"> {}\n\ninterface PopoverOptions {\n /**\n * The animation of the popover.\n *\n * @default 'scale'\n */\n animation?: \"bottom\" | \"left\" | \"none\" | \"right\" | \"scale\" | \"top\"\n /**\n * If `true`, focus will be transferred to the first interactive element when the popover opens.\n *\n * @default true\n */\n autoFocus?: boolean\n /**\n * The number of delay time to close.\n *\n * @default 200\n */\n closeDelay?: number\n /**\n * If `true`, the popover will close when you blur out it by clicking outside or tabbing out.\n *\n * @default true\n */\n closeOnBlur?: boolean\n /**\n * If `true`, display the popover close button.\n *\n * @default true\n */\n closeOnButton?: boolean\n /**\n * If `true`, the popover will close when you hit the `Esc` key.\n *\n * @default true\n */\n closeOnEsc?: boolean\n /**\n * If `true`, the popover will be initially opened.\n */\n defaultIsOpen?: boolean\n /**\n * The animation duration.\n */\n duration?: MotionTransitionProps[\"duration\"]\n /**\n * The `ref` of the element that should receive focus when the popover opens.\n */\n initialFocusRef?: RefObject<{ focus(): void }>\n /**\n * If `true`, the PopoverContent rendering will be deferred until the popover is open.\n *\n * @default false\n */\n isLazy?: boolean\n /**\n * If `true`, the popover will be opened.\n */\n isOpen?: boolean\n /**\n * The lazy behavior of popover's content when not visible. Only works when `isLazy={true}`\n *\n * - `unmount`: The popover's content is always unmounted when not open.\n * - `keepMounted`: The popover's content initially unmounted, but stays mounted when popover is open.\n *\n * @default 'unmount'\n */\n lazyBehavior?: LazyMode\n /**\n * The number of delay time to open.\n *\n * @default 200\n */\n openDelay?: number\n /**\n * The `ref` of the element related to the popover.\n * This is used during the `onBlur` event.\n */\n relatedRef?: RefObject<HTMLElement>\n /**\n * If `true`, focus will be returned to the element that triggers the popover when it closes.\n *\n * @default true\n */\n restoreFocus?: boolean\n /**\n * The interaction that triggers the popover.\n *\n * - `hover`: means the popover will open when you hover with mouse or focus with keyboard on the popover trigger.\n * - `click`: means the popover will open on click or press `Enter` to `Space` on keyboard.\n *\n * @default 'click'\n */\n trigger?: \"click\" | \"contextmenu\" | \"hover\" | \"never\"\n /**\n * Callback fired when the popover closes.\n */\n onClose?: () => void\n /**\n * Callback fired when the popover opens.\n */\n onOpen?: () => void\n}\n\nexport interface PopoverProps\n extends ThemeProps<\"Popover\">,\n Omit<UsePopperProps, \"enabled\">,\n PropsWithChildren<PopoverOptions> {}\n\ninterface PopoverContext\n extends Pick<\n PopoverOptions,\n \"animation\" | \"closeOnButton\" | \"duration\" | \"isOpen\" | \"onClose\"\n > {\n forceUpdate: () => undefined | void\n styles: { [key: string]: CSSUIObject | undefined }\n getAnchorProps: PropGetter\n getPopoverProps: PropGetter<MotionProps<\"section\">, MotionProps<\"section\">>\n getPopperProps: PropGetter<ComponentProps<\"div\">>\n getTriggerProps: PropGetter\n onAnimationComplete: () => void\n}\n\nconst [PopoverProvider, usePopover] = createContext<PopoverContext>({\n name: \"PopoverContext\",\n errorMessage: `usePopoverContext returned is 'undefined'. Seems you forgot to wrap the components in \"<Popover />\"`,\n})\n\nexport { usePopover }\n\n/**\n * `Popover` is a component that floats around an element to display information.\n *\n * @see Docs https://yamada-ui.com/components/overlay/popover\n */\nexport const Popover: FC<PopoverProps> = (props) => {\n const [styles, mergedProps] = useComponentMultiStyle(\"Popover\", props)\n const {\n animation = \"scale\",\n autoFocus = true,\n children,\n closeDelay = 200,\n closeOnBlur = true,\n closeOnButton = true,\n closeOnEsc = true,\n duration,\n initialFocusRef,\n isLazy,\n lazyBehavior = \"unmount\",\n openDelay = 200,\n relatedRef,\n restoreFocus = true,\n trigger = \"click\",\n ...rest\n } = omitThemeProps(mergedProps)\n\n const { isOpen, onClose, onOpen, onToggle } = useDisclosure(mergedProps)\n\n const anchorRef = useRef<HTMLElement>(null)\n const triggerRef = useRef<HTMLElement>(null)\n const popoverRef = useRef<HTMLElement>(null)\n\n const { present, onAnimationComplete } = useAnimationObserver({\n ref: popoverRef,\n isOpen,\n })\n\n const openTimeout = useRef<number | undefined>(undefined)\n const closeTimeout = useRef<number | undefined>(undefined)\n\n const isHoveringRef = useRef(false)\n\n const hasBeenOpened = useRef(false)\n\n if (isOpen) hasBeenOpened.current = true\n\n const { forceUpdate, referenceRef, transformOrigin, getPopperProps } =\n usePopper({\n ...rest,\n enabled: isOpen,\n })\n\n useEffect(() => {\n return () => {\n if (openTimeout.current) clearTimeout(openTimeout.current)\n\n if (closeTimeout.current) clearTimeout(closeTimeout.current)\n }\n }, [])\n\n useFocusOnPointerDown({\n ref: triggerRef,\n enabled: isOpen,\n })\n\n useFocusOnHide(popoverRef, {\n focusRef: triggerRef,\n shouldFocus:\n restoreFocus && (trigger === \"click\" || trigger === \"contextmenu\"),\n visible: isOpen,\n })\n\n useFocusOnShow(popoverRef, {\n focusRef: initialFocusRef,\n shouldFocus:\n autoFocus && (trigger === \"click\" || trigger === \"contextmenu\"),\n visible: isOpen,\n })\n\n const shouldRenderChildren = useLazyDisclosure({\n enabled: isLazy,\n isSelected: present,\n mode: lazyBehavior,\n wasSelected: hasBeenOpened.current,\n })\n\n const getPopoverProps: PropGetter<\n MotionProps<\"section\">,\n MotionProps<\"section\">\n > = useCallback(\n (props = {}, ref = null) => {\n const popoverProps: MotionProps & RefAttributes<any> = {\n ...props,\n ref: mergeRefs(popoverRef, ref),\n style: {\n ...props.style,\n transformOrigin,\n },\n children: shouldRenderChildren ? props.children : null,\n tabIndex: -1,\n onBlur: handlerAll(props.onBlur, (ev) => {\n const relatedTarget = getEventRelatedTarget(ev)\n const targetIsPopover = isContains(popoverRef.current, relatedTarget)\n const targetIsTrigger = isContains(triggerRef.current, relatedTarget)\n const targetIsRelated = relatedRef?.current\n ? isContains(relatedRef.current, relatedTarget)\n : false\n\n const isValidBlur =\n !targetIsPopover && !targetIsTrigger && !targetIsRelated\n\n if (isOpen && closeOnBlur && isValidBlur) onClose()\n }),\n onKeyDown: handlerAll(props.onKeyDown, (ev) => {\n if (closeOnEsc && ev.key === \"Escape\") onClose()\n }),\n }\n\n if (trigger === \"hover\") {\n popoverProps.onMouseEnter = handlerAll(props.onMouseEnter, () => {\n isHoveringRef.current = true\n })\n\n popoverProps.onMouseLeave = handlerAll(props.onMouseLeave, (ev) => {\n if (ev.nativeEvent.relatedTarget === null) return\n\n isHoveringRef.current = false\n\n if (closeOnBlur) setTimeout(onClose, closeDelay)\n })\n }\n\n return popoverProps\n },\n [\n closeDelay,\n closeOnBlur,\n closeOnEsc,\n isOpen,\n onClose,\n shouldRenderChildren,\n transformOrigin,\n trigger,\n relatedRef,\n ],\n )\n\n const maybeReferenceRef = useCallback(\n (node: Element) => {\n if (anchorRef.current == null) referenceRef(node)\n },\n [referenceRef],\n )\n\n const getTriggerProps: PropGetter = useCallback(\n (props = {}, ref = null) => {\n const triggerProps: HTMLUIPropsWithRef = {\n ...props,\n ref: mergeRefs(triggerRef, ref, maybeReferenceRef),\n }\n\n if (trigger === \"click\") {\n triggerProps.onClick = handlerAll(props.onClick, onToggle)\n triggerProps.onBlur = handlerAll(props.onBlur, (ev) => {\n const relatedTarget = getEventRelatedTarget(ev)\n const isValidBlur = !isContains(popoverRef.current, relatedTarget)\n\n if (isOpen && closeOnBlur && isValidBlur) onClose()\n })\n }\n\n if (trigger === \"contextmenu\") {\n triggerProps.onContextMenu = handlerAll(props.onContextMenu, (ev) => {\n ev.preventDefault()\n onOpen()\n })\n triggerProps.onBlur = handlerAll(props.onBlur, (ev) => {\n const relatedTarget = getEventRelatedTarget(ev)\n const isValidBlur = !isContains(popoverRef.current, relatedTarget)\n\n if (isOpen && closeOnBlur && isValidBlur) onClose()\n })\n }\n\n if (trigger === \"hover\") {\n triggerProps.onFocus = handlerAll(props.onFocus, () => {\n if (openTimeout.current === undefined) onOpen()\n })\n\n triggerProps.onBlur = handlerAll(props.onBlur, (ev) => {\n const relatedTarget = getEventRelatedTarget(ev)\n const isValidBlur = !isContains(popoverRef.current, relatedTarget)\n\n if (isOpen && closeOnBlur && isValidBlur) onClose()\n })\n\n triggerProps.onKeyDown = handlerAll(props.onKeyDown, (ev) => {\n if (ev.key === \"Escape\") onClose()\n })\n\n triggerProps.onMouseEnter = handlerAll(props.onMouseEnter, () => {\n isHoveringRef.current = true\n openTimeout.current = window.setTimeout(onOpen, openDelay)\n })\n\n triggerProps.onMouseLeave = handlerAll(props.onMouseLeave, () => {\n isHoveringRef.current = false\n\n if (openTimeout.current) {\n clearTimeout(openTimeout.current)\n openTimeout.current = undefined\n }\n\n closeTimeout.current = window.setTimeout(() => {\n if (!isHoveringRef.current) onClose()\n }, closeDelay)\n })\n }\n\n return triggerProps\n },\n [\n closeDelay,\n closeOnBlur,\n isOpen,\n maybeReferenceRef,\n onClose,\n onOpen,\n onToggle,\n openDelay,\n trigger,\n ],\n )\n\n const getAnchorProps: PropGetter = useCallback(\n (props = {}, ref = null) => {\n return {\n ...props,\n ref: mergeRefs(ref, anchorRef, referenceRef),\n }\n },\n [anchorRef, referenceRef],\n )\n\n return (\n <PopoverProvider\n value={{\n animation,\n closeOnButton,\n duration,\n forceUpdate,\n isOpen,\n styles,\n getAnchorProps,\n getPopoverProps,\n getPopperProps,\n getTriggerProps,\n onAnimationComplete,\n onClose,\n }}\n >\n {runIfFunc(children, {\n forceUpdate,\n isOpen,\n onClose,\n })}\n </PopoverProvider>\n )\n}\n\nPopover.displayName = \"Popover\"\nPopover.__ui__ = \"Popover\"\n"],"mappings":"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","names":["props"]}
@@ -1,19 +1,19 @@
1
1
  "use client"
2
2
  import {
3
3
  usePopover
4
- } from "./chunk-6THCC2BT.mjs";
4
+ } from "./chunk-KBEWDJLR.mjs";
5
5
 
6
6
  // src/popover-body.tsx
7
- import { ui, forwardRef } from "@yamada-ui/core";
7
+ import { forwardRef, ui } from "@yamada-ui/core";
8
8
  import { cx } from "@yamada-ui/utils";
9
9
  import { jsx } from "react/jsx-runtime";
10
10
  var PopoverBody = forwardRef(
11
11
  ({ className, ...rest }, ref) => {
12
12
  const { styles } = usePopover();
13
13
  const css = {
14
+ alignItems: "flex-start",
14
15
  display: "flex",
15
16
  flexDirection: "column",
16
- alignItems: "flex-start",
17
17
  ...styles.body
18
18
  };
19
19
  return /* @__PURE__ */ jsx(
@@ -33,4 +33,4 @@ PopoverBody.__ui__ = "PopoverBody";
33
33
  export {
34
34
  PopoverBody
35
35
  };
36
- //# sourceMappingURL=chunk-ITQ2KUJZ.mjs.map
36
+ //# sourceMappingURL=chunk-QQSUS4YW.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/popover-body.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { forwardRef, ui } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport interface PopoverBodyProps extends HTMLUIProps {}\n\nexport const PopoverBody = forwardRef<PopoverBodyProps, \"div\">(\n ({ className, ...rest }, ref) => {\n const { styles } = usePopover()\n\n const css: CSSUIObject = {\n alignItems: \"flex-start\",\n display: \"flex\",\n flexDirection: \"column\",\n ...styles.body,\n }\n\n return (\n <ui.div\n ref={ref}\n className={cx(\"ui-popover__body\", className)}\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nPopoverBody.displayName = \"PopoverBody\"\nPopoverBody.__ui__ = \"PopoverBody\"\n"],"mappings":";;;;;;AACA,SAAS,YAAY,UAAU;AAC/B,SAAS,UAAU;AAiBb;AAZC,IAAM,cAAc;AAAA,EACzB,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,EAAE,OAAO,IAAI,WAAW;AAE9B,UAAM,MAAmB;AAAA,MACvB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,oBAAoB,SAAS;AAAA,QAC3C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAC1B,YAAY,SAAS;","names":[]}
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  usePopover
4
- } from "./chunk-6THCC2BT.mjs";
4
+ } from "./chunk-KBEWDJLR.mjs";
5
5
 
6
6
  // src/popover-anchor.tsx
7
7
  import { Children, cloneElement } from "react";
@@ -16,4 +16,4 @@ PopoverAnchor.__ui__ = "PopoverAnchor";
16
16
  export {
17
17
  PopoverAnchor
18
18
  };
19
- //# sourceMappingURL=chunk-FIADAGVP.mjs.map
19
+ //# sourceMappingURL=chunk-RXYUC4JZ.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/popover-anchor.tsx"],"sourcesContent":["import type { FC } from \"@yamada-ui/core\"\nimport type { PropsWithChildren, ReactElement, RefObject } from \"react\"\nimport { Children, cloneElement } from \"react\"\nimport { usePopover } from \"./popover\"\n\nexport const PopoverAnchor: FC<PropsWithChildren<{}>> = ({ children }) => {\n const child = Children.only(children) as ReactElement & {\n ref: RefObject<any>\n }\n const { getAnchorProps } = usePopover()\n\n return cloneElement(child, getAnchorProps(child.props, child.ref))\n}\n\nPopoverAnchor.displayName = \"PopoverAnchor\"\nPopoverAnchor.__ui__ = \"PopoverAnchor\"\n"],"mappings":";;;;;;AAEA,SAAS,UAAU,oBAAoB;AAGhC,IAAM,gBAA2C,CAAC,EAAE,SAAS,MAAM;AACxE,QAAM,QAAQ,SAAS,KAAK,QAAQ;AAGpC,QAAM,EAAE,eAAe,IAAI,WAAW;AAEtC,SAAO,aAAa,OAAO,eAAe,MAAM,OAAO,MAAM,GAAG,CAAC;AACnE;AAEA,cAAc,cAAc;AAC5B,cAAc,SAAS;","names":[]}
1
+ {"version":3,"sources":["../src/popover-anchor.tsx"],"sourcesContent":["import type { FC } from \"@yamada-ui/core\"\nimport type { PropsWithChildren, ReactElement, RefObject } from \"react\"\nimport { Children, cloneElement } from \"react\"\nimport { usePopover } from \"./popover\"\n\nexport const PopoverAnchor: FC<PropsWithChildren<{}>> = ({ children }) => {\n const child = Children.only(children) as {\n ref: RefObject<any>\n } & ReactElement\n const { getAnchorProps } = usePopover()\n\n return cloneElement(child, getAnchorProps(child.props, child.ref))\n}\n\nPopoverAnchor.displayName = \"PopoverAnchor\"\nPopoverAnchor.__ui__ = \"PopoverAnchor\"\n"],"mappings":";;;;;;AAEA,SAAS,UAAU,oBAAoB;AAGhC,IAAM,gBAA2C,CAAC,EAAE,SAAS,MAAM;AACxE,QAAM,QAAQ,SAAS,KAAK,QAAQ;AAGpC,QAAM,EAAE,eAAe,IAAI,WAAW;AAEtC,SAAO,aAAa,OAAO,eAAe,MAAM,OAAO,MAAM,GAAG,CAAC;AACnE;AAEA,cAAc,cAAc;AAC5B,cAAc,SAAS;","names":[]}
@@ -1,18 +1,18 @@
1
1
  "use client"
2
2
  import {
3
3
  usePopover
4
- } from "./chunk-6THCC2BT.mjs";
4
+ } from "./chunk-KBEWDJLR.mjs";
5
5
 
6
6
  // src/popover-header.tsx
7
- import { ui, forwardRef } from "@yamada-ui/core";
7
+ import { forwardRef, ui } from "@yamada-ui/core";
8
8
  import { cx } from "@yamada-ui/utils";
9
9
  import { jsx } from "react/jsx-runtime";
10
10
  var PopoverHeader = forwardRef(
11
11
  ({ className, ...rest }, ref) => {
12
12
  const { styles } = usePopover();
13
13
  const css = {
14
- display: "flex",
15
14
  alignItems: "center",
15
+ display: "flex",
16
16
  justifyContent: "flex-start",
17
17
  ...styles.header
18
18
  };
@@ -33,4 +33,4 @@ PopoverHeader.__ui__ = "PopoverHeader";
33
33
  export {
34
34
  PopoverHeader
35
35
  };
36
- //# sourceMappingURL=chunk-2EUPTTRC.mjs.map
36
+ //# sourceMappingURL=chunk-S3KWEQPS.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/popover-header.tsx"],"sourcesContent":["import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport interface PopoverHeaderProps extends HTMLUIProps<\"header\"> {}\n\nexport const PopoverHeader = forwardRef<PopoverHeaderProps, \"header\">(\n ({ className, ...rest }, ref) => {\n const { styles } = usePopover()\n\n const css: CSSUIObject = {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"flex-start\",\n ...styles.header,\n }\n\n return (\n <ui.header\n ref={ref}\n className={cx(\"ui-popover__header\", className)}\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nPopoverHeader.displayName = \"PopoverHeader\"\nPopoverHeader.__ui__ = \"PopoverHeader\"\n"],"mappings":";;;;;;AACA,SAAS,IAAI,kBAAkB;AAC/B,SAAS,UAAU;AAiBb;AAZC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,EAAE,OAAO,IAAI,WAAW;AAE9B,UAAM,MAAmB;AAAA,MACvB,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,sBAAsB,SAAS;AAAA,QAC7C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;AAC5B,cAAc,SAAS;","names":[]}
1
+ {"version":3,"sources":["../src/popover-header.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { forwardRef, ui } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport interface PopoverHeaderProps extends HTMLUIProps<\"header\"> {}\n\nexport const PopoverHeader = forwardRef<PopoverHeaderProps, \"header\">(\n ({ className, ...rest }, ref) => {\n const { styles } = usePopover()\n\n const css: CSSUIObject = {\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"flex-start\",\n ...styles.header,\n }\n\n return (\n <ui.header\n ref={ref}\n className={cx(\"ui-popover__header\", className)}\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nPopoverHeader.displayName = \"PopoverHeader\"\nPopoverHeader.__ui__ = \"PopoverHeader\"\n"],"mappings":";;;;;;AACA,SAAS,YAAY,UAAU;AAC/B,SAAS,UAAU;AAiBb;AAZC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,EAAE,OAAO,IAAI,WAAW;AAE9B,UAAM,MAAmB;AAAA,MACvB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,sBAAsB,SAAS;AAAA,QAC7C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;AAC5B,cAAc,SAAS;","names":[]}
@@ -1,18 +1,18 @@
1
1
  "use client"
2
2
  import {
3
3
  usePopover
4
- } from "./chunk-6THCC2BT.mjs";
4
+ } from "./chunk-KBEWDJLR.mjs";
5
5
 
6
6
  // src/popover-footer.tsx
7
- import { ui, forwardRef } from "@yamada-ui/core";
7
+ import { forwardRef, ui } from "@yamada-ui/core";
8
8
  import { cx } from "@yamada-ui/utils";
9
9
  import { jsx } from "react/jsx-runtime";
10
10
  var PopoverFooter = forwardRef(
11
11
  ({ className, ...rest }, ref) => {
12
12
  const { styles } = usePopover();
13
13
  const css = {
14
- display: "flex",
15
14
  alignItems: "center",
15
+ display: "flex",
16
16
  justifyContent: "flex-start",
17
17
  ...styles.footer
18
18
  };
@@ -33,4 +33,4 @@ PopoverFooter.__ui__ = "PopoverFooter";
33
33
  export {
34
34
  PopoverFooter
35
35
  };
36
- //# sourceMappingURL=chunk-GXJI2MI3.mjs.map
36
+ //# sourceMappingURL=chunk-YSYN7XPR.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/popover-footer.tsx"],"sourcesContent":["import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport interface PopoverFooterProps extends HTMLUIProps<\"footer\"> {}\n\nexport const PopoverFooter = forwardRef<PopoverFooterProps, \"footer\">(\n ({ className, ...rest }, ref) => {\n const { styles } = usePopover()\n\n const css: CSSUIObject = {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"flex-start\",\n ...styles.footer,\n }\n\n return (\n <ui.footer\n ref={ref}\n className={cx(\"ui-popover__footer\", className)}\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nPopoverFooter.displayName = \"PopoverFooter\"\nPopoverFooter.__ui__ = \"PopoverFooter\"\n"],"mappings":";;;;;;AACA,SAAS,IAAI,kBAAkB;AAC/B,SAAS,UAAU;AAiBb;AAZC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,EAAE,OAAO,IAAI,WAAW;AAE9B,UAAM,MAAmB;AAAA,MACvB,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,sBAAsB,SAAS;AAAA,QAC7C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;AAC5B,cAAc,SAAS;","names":[]}
1
+ {"version":3,"sources":["../src/popover-footer.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps } from \"@yamada-ui/core\"\nimport { forwardRef, ui } from \"@yamada-ui/core\"\nimport { cx } from \"@yamada-ui/utils\"\nimport { usePopover } from \"./popover\"\n\nexport interface PopoverFooterProps extends HTMLUIProps<\"footer\"> {}\n\nexport const PopoverFooter = forwardRef<PopoverFooterProps, \"footer\">(\n ({ className, ...rest }, ref) => {\n const { styles } = usePopover()\n\n const css: CSSUIObject = {\n alignItems: \"center\",\n display: \"flex\",\n justifyContent: \"flex-start\",\n ...styles.footer,\n }\n\n return (\n <ui.footer\n ref={ref}\n className={cx(\"ui-popover__footer\", className)}\n __css={css}\n {...rest}\n />\n )\n },\n)\n\nPopoverFooter.displayName = \"PopoverFooter\"\nPopoverFooter.__ui__ = \"PopoverFooter\"\n"],"mappings":";;;;;;AACA,SAAS,YAAY,UAAU;AAC/B,SAAS,UAAU;AAiBb;AAZC,IAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QAAQ;AAC/B,UAAM,EAAE,OAAO,IAAI,WAAW;AAE9B,UAAM,MAAmB;AAAA,MACvB,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,sBAAsB,SAAS;AAAA,QAC7C,OAAO;AAAA,QACN,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;AAC5B,cAAc,SAAS;","names":[]}
package/dist/index.d.mts CHANGED
@@ -1,11 +1,11 @@
1
1
  export { ComboBoxProps, Popover, PopoverProps, popoverProperties } from './popover.mjs';
2
- export { PopoverTrigger } from './popover-trigger.mjs';
3
2
  export { PopoverAnchor } from './popover-anchor.mjs';
3
+ export { PopoverBody, PopoverBodyProps } from './popover-body.mjs';
4
4
  export { PopoverCloseButton, PopoverCloseButtonProps } from './popover-close-button.mjs';
5
5
  export { PopoverContent, PopoverContentProps } from './popover-content.mjs';
6
- export { PopoverHeader, PopoverHeaderProps } from './popover-header.mjs';
7
- export { PopoverBody, PopoverBodyProps } from './popover-body.mjs';
8
6
  export { PopoverFooter, PopoverFooterProps } from './popover-footer.mjs';
7
+ export { PopoverHeader, PopoverHeaderProps } from './popover-header.mjs';
8
+ export { PopoverTrigger } from './popover-trigger.mjs';
9
9
  import '@yamada-ui/core';
10
10
  import '@yamada-ui/motion';
11
11
  import '@yamada-ui/use-disclosure';
package/dist/index.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  export { ComboBoxProps, Popover, PopoverProps, popoverProperties } from './popover.js';
2
- export { PopoverTrigger } from './popover-trigger.js';
3
2
  export { PopoverAnchor } from './popover-anchor.js';
3
+ export { PopoverBody, PopoverBodyProps } from './popover-body.js';
4
4
  export { PopoverCloseButton, PopoverCloseButtonProps } from './popover-close-button.js';
5
5
  export { PopoverContent, PopoverContentProps } from './popover-content.js';
6
- export { PopoverHeader, PopoverHeaderProps } from './popover-header.js';
7
- export { PopoverBody, PopoverBodyProps } from './popover-body.js';
8
6
  export { PopoverFooter, PopoverFooterProps } from './popover-footer.js';
7
+ export { PopoverHeader, PopoverHeaderProps } from './popover-header.js';
8
+ export { PopoverTrigger } from './popover-trigger.js';
9
9
  import '@yamada-ui/core';
10
10
  import '@yamada-ui/motion';
11
11
  import '@yamada-ui/use-disclosure';