@yamada-ui/popover 0.1.0

package/dist/popover-close-button.js

@@ -0,0 +1,72 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/popover-close-button.tsx
+var popover_close_button_exports = {};
+__export(popover_close_button_exports, {
+  PopoverCloseButton: () => PopoverCloseButton
+});
+module.exports = __toCommonJS(popover_close_button_exports);
+var import_close_button = require("@yamada-ui/close-button");
+var import_core2 = require("@yamada-ui/core");
+var import_utils2 = require("@yamada-ui/utils");
+
+// src/popover.tsx
+var import_core = require("@yamada-ui/core");
+var import_use_animation = require("@yamada-ui/use-animation");
+var import_use_disclosure = require("@yamada-ui/use-disclosure");
+var import_use_focus = require("@yamada-ui/use-focus");
+var import_use_popper = require("@yamada-ui/use-popper");
+var import_utils = require("@yamada-ui/utils");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var [PopoverProvider, usePopover] = (0, import_utils.createContext)({
+  strict: false,
+  name: "PopoverContext"
+});
+
+// src/popover-close-button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PopoverCloseButton = (0, import_core2.forwardRef)(
+  ({ onClick, ...rest }, ref) => {
+    const { styles, onClose } = usePopover();
+    const css = {
+      position: "absolute",
+      ...styles.closeButton
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_close_button.CloseButton,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-popover-close-button"),
+        __css: css,
+        onClick: (0, import_utils2.handlerAll)(onClick, (event) => {
+          event.stopPropagation();
+          onClose == null ? void 0 : onClose();
+        }),
+        size: "sm",
+        ...rest
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PopoverCloseButton
+});

package/dist/popover-close-button.mjs

@@ -0,0 +1,7 @@
+import {
+  PopoverCloseButton
+} from "./chunk-O75PU3DP.mjs";
+import "./chunk-DQEXAU5O.mjs";
+export {
+  PopoverCloseButton
+};

package/dist/popover-content.d.ts

@@ -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-content.js

@@ -0,0 +1,173 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/popover-content.tsx
+var popover_content_exports = {};
+__export(popover_content_exports, {
+  PopoverContent: () => PopoverContent
+});
+module.exports = __toCommonJS(popover_content_exports);
+var import_core3 = require("@yamada-ui/core");
+var import_motion = require("@yamada-ui/motion");
+var import_transitions = require("@yamada-ui/transitions");
+var import_utils3 = require("@yamada-ui/utils");
+
+// src/popover.tsx
+var import_core = require("@yamada-ui/core");
+var import_use_animation = require("@yamada-ui/use-animation");
+var import_use_disclosure = require("@yamada-ui/use-disclosure");
+var import_use_focus = require("@yamada-ui/use-focus");
+var import_use_popper = require("@yamada-ui/use-popper");
+var import_utils = require("@yamada-ui/utils");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var [PopoverProvider, usePopover] = (0, import_utils.createContext)({
+  strict: false,
+  name: "PopoverContext"
+});
+
+// src/popover-close-button.tsx
+var import_close_button = require("@yamada-ui/close-button");
+var import_core2 = require("@yamada-ui/core");
+var import_utils2 = require("@yamada-ui/utils");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PopoverCloseButton = (0, import_core2.forwardRef)(
+  ({ onClick, ...rest }, ref) => {
+    const { styles, onClose } = usePopover();
+    const css = {
+      position: "absolute",
+      ...styles.closeButton
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_close_button.CloseButton,
+      {
+        ref,
+        className: (0, import_utils2.cx)("ui-popover-close-button"),
+        __css: css,
+        onClick: (0, import_utils2.handlerAll)(onClick, (event) => {
+          event.stopPropagation();
+          onClose == null ? void 0 : onClose();
+        }),
+        size: "sm",
+        ...rest
+      }
+    );
+  }
+);
+
+// src/popover-content.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var getPopoverContentProps = (animation = "scale", duration) => {
+  const custom = {
+    reverse: true,
+    duration,
+    enter: { visibility: "visible" },
+    transitionEnd: { exit: { visibility: "hidden" } }
+  };
+  switch (animation) {
+    case "scale":
+      return {
+        ...import_transitions.scaleFadeProps,
+        custom: { ...custom, scale: 0.95 }
+      };
+    case "top":
+      return {
+        ...import_transitions.slideFadeProps,
+        custom: { ...custom, offsetX: 0, offsetY: -16 }
+      };
+    case "right":
+      return {
+        ...import_transitions.slideFadeProps,
+        custom: { ...custom, offsetX: 16, offsetY: 0 }
+      };
+    case "left":
+      return {
+        ...import_transitions.slideFadeProps,
+        custom: { ...custom, offsetX: -16, offsetY: 0 }
+      };
+    case "bottom":
+      return {
+        ...import_transitions.slideFadeProps,
+        custom: { ...custom, offsetX: 0, offsetY: 16 }
+      };
+  }
+};
+var PopoverContent = (0, import_core3.forwardRef)(
+  ({ as = "section", className, children, w, width, minW, minWidth, zIndex, __css, ...rest }, ref) => {
+    var _a, _b, _c, _d;
+    const {
+      isOpen,
+      closeOnButton,
+      getPopperProps,
+      getPopoverProps,
+      onAnimationComplete,
+      animation,
+      duration,
+      styles
+    } = usePopover();
+    const validChildren = (0, import_utils3.getValidChildren)(children);
+    const [customPopoverCloseButton, ...cloneChildren] = (0, import_utils3.findChildren)(
+      validChildren,
+      PopoverCloseButton
+    );
+    const css = {
+      position: "relative",
+      w: "100%",
+      display: "flex",
+      flexDirection: "column",
+      outline: 0,
+      ...(0, import_utils3.omitObject)(__css != null ? __css : styles.container, ["zIndex"])
+    };
+    w = (_b = w != null ? w : width) != null ? _b : (_a = styles.container.w) != null ? _a : styles.container.width;
+    minW = (_d = minW != null ? minW : minWidth) != null ? _d : (_c = styles.container.minW) != null ? _c : styles.container.minWidth;
+    zIndex = zIndex != null ? zIndex : styles.container.zIndex;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_core3.ui.div,
+      {
+        ...getPopperProps({ style: { visibility: isOpen ? "visible" : "hidden" } }),
+        className: "ui-popover",
+        w,
+        minW,
+        zIndex,
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          import_core3.ui.section,
+          {
+            as: import_motion.motion[as],
+            className: (0, import_utils3.cx)("ui-popover-content", className),
+            ...animation !== "none" ? getPopoverContentProps(animation, duration) : {},
+            ...getPopoverProps(rest, ref),
+            initial: "exit",
+            animate: isOpen ? "enter" : "exit",
+            exit: "exit",
+            onAnimationComplete: (0, import_utils3.funcAll)(onAnimationComplete, rest.onAnimationComplete),
+            __css: css,
+            children: [
+              customPopoverCloseButton != null ? customPopoverCloseButton : closeOnButton ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PopoverCloseButton, {}) : null,
+              cloneChildren
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PopoverContent
+});

package/dist/popover-content.mjs

@@ -0,0 +1,7 @@
+import {
+  PopoverContent
+} from "./chunk-O75PU3DP.mjs";
+import "./chunk-DQEXAU5O.mjs";
+export {
+  PopoverContent
+};

package/dist/popover-footer.d.ts

@@ -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-footer.js

@@ -0,0 +1,60 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/popover-footer.tsx
+var popover_footer_exports = {};
+__export(popover_footer_exports, {
+  PopoverFooter: () => PopoverFooter
+});
+module.exports = __toCommonJS(popover_footer_exports);
+var import_core2 = require("@yamada-ui/core");
+var import_utils2 = require("@yamada-ui/utils");
+
+// src/popover.tsx
+var import_core = require("@yamada-ui/core");
+var import_use_animation = require("@yamada-ui/use-animation");
+var import_use_disclosure = require("@yamada-ui/use-disclosure");
+var import_use_focus = require("@yamada-ui/use-focus");
+var import_use_popper = require("@yamada-ui/use-popper");
+var import_utils = require("@yamada-ui/utils");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var [PopoverProvider, usePopover] = (0, import_utils.createContext)({
+  strict: false,
+  name: "PopoverContext"
+});
+
+// src/popover-footer.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PopoverFooter = (0, import_core2.forwardRef)(
+  ({ className, ...rest }, ref) => {
+    const { styles } = usePopover();
+    const css = {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      ...styles.footer
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.footer, { ref, className: (0, import_utils2.cx)("ui-popover-footer", className), __css: css, ...rest });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PopoverFooter
+});

package/dist/popover-footer.mjs

@@ -0,0 +1,7 @@
+import {
+  PopoverFooter
+} from "./chunk-O75PU3DP.mjs";
+import "./chunk-DQEXAU5O.mjs";
+export {
+  PopoverFooter
+};

package/dist/popover-header.d.ts

@@ -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-header.js

@@ -0,0 +1,60 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/popover-header.tsx
+var popover_header_exports = {};
+__export(popover_header_exports, {
+  PopoverHeader: () => PopoverHeader
+});
+module.exports = __toCommonJS(popover_header_exports);
+var import_core2 = require("@yamada-ui/core");
+var import_utils2 = require("@yamada-ui/utils");
+
+// src/popover.tsx
+var import_core = require("@yamada-ui/core");
+var import_use_animation = require("@yamada-ui/use-animation");
+var import_use_disclosure = require("@yamada-ui/use-disclosure");
+var import_use_focus = require("@yamada-ui/use-focus");
+var import_use_popper = require("@yamada-ui/use-popper");
+var import_utils = require("@yamada-ui/utils");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var [PopoverProvider, usePopover] = (0, import_utils.createContext)({
+  strict: false,
+  name: "PopoverContext"
+});
+
+// src/popover-header.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PopoverHeader = (0, import_core2.forwardRef)(
+  ({ className, ...rest }, ref) => {
+    const { styles } = usePopover();
+    const css = {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-start",
+      ...styles.header
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.ui.header, { ref, className: (0, import_utils2.cx)("ui-popover-header", className), __css: css, ...rest });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PopoverHeader
+});

package/dist/popover-header.mjs

@@ -0,0 +1,7 @@
+import {
+  PopoverHeader
+} from "./chunk-O75PU3DP.mjs";
+import "./chunk-DQEXAU5O.mjs";
+export {
+  PopoverHeader
+};

package/dist/popover-trigger.d.ts

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

package/dist/popover-trigger.js

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/popover-trigger.tsx
+var popover_trigger_exports = {};
+__export(popover_trigger_exports, {
+  PopoverTrigger: () => PopoverTrigger
+});
+module.exports = __toCommonJS(popover_trigger_exports);
+var import_react2 = require("react");
+
+// src/popover.tsx
+var import_core = require("@yamada-ui/core");
+var import_use_animation = require("@yamada-ui/use-animation");
+var import_use_disclosure = require("@yamada-ui/use-disclosure");
+var import_use_focus = require("@yamada-ui/use-focus");
+var import_use_popper = require("@yamada-ui/use-popper");
+var import_utils = require("@yamada-ui/utils");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var [PopoverProvider, usePopover] = (0, import_utils.createContext)({
+  strict: false,
+  name: "PopoverContext"
+});
+
+// src/popover-trigger.tsx
+var PopoverTrigger = ({ children }) => {
+  const child = import_react2.Children.only(children);
+  const { getTriggerProps } = usePopover();
+  return (0, import_react2.cloneElement)(child, getTriggerProps(child.props, child.ref));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PopoverTrigger
+});

package/dist/popover-trigger.mjs

@@ -0,0 +1,7 @@
+import {
+  PopoverTrigger
+} from "./chunk-O75PU3DP.mjs";
+import "./chunk-DQEXAU5O.mjs";
+export {
+  PopoverTrigger
+};

package/dist/popover.d.ts

@@ -0,0 +1,45 @@
+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 } from 'react';
+
+type Trigger = 'click' | 'hover' | 'never';
+type Animation = 'scale' | 'top' | 'right' | 'left' | 'bottom' | 'none';
+type PopoverOptions = {
+    isOpen?: boolean;
+    defaultIsOpen?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+    initialFocusRef?: React.RefObject<{
+        focus(): void;
+    }>;
+    restoreFocus?: boolean;
+    autoFocus?: boolean;
+    closeOnBlur?: boolean;
+    closeOnEsc?: boolean;
+    closeOnButton?: boolean;
+    trigger?: Trigger;
+    openDelay?: number;
+    closeDelay?: number;
+    isLazy?: boolean;
+    lazyBehavior?: LazyMode;
+    animation?: Animation;
+    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 };