@saas-ui/react 3.0.0-next.0 → 3.0.0-next.2

package/dist/{components/persona → persona}/index.cjs

@@ -33,7 +33,7 @@ var persona_exports = {};
 __export(persona_exports, {
   Persona: () => Persona,
   PersonaAvatar: () => PersonaAvatar2,
-  defaultPresenceOptions: () => defaultPresenceOptions
+  defaultPersonaPresenceOptions: () => defaultPersonaPresenceOptions
 });
 module.exports = __toCommonJS(persona_exports);
 
@@ -217,7 +217,7 @@ var PersonaAvatar2 = React2.forwardRef(function PersonaAvatar3(props, ref) {
 });
 
 // src/components/persona/presence.ts
-var defaultPresenceOptions = {
+var defaultPersonaPresenceOptions = {
   online: {
     label: "Online",
     color: "presence.online"
@@ -243,5 +243,5 @@ var defaultPresenceOptions = {
 0 && (module.exports = {
   Persona,
   PersonaAvatar,
-  defaultPresenceOptions
+  defaultPersonaPresenceOptions
 });

package/dist/{components/persona → persona}/index.d.cts

@@ -1,13 +1,21 @@
-import * as react from 'react';
-import react__default from 'react';
+import * as React$1 from 'react';
+import React__default from 'react';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { HTMLChakraProps, SlotRecipeProps, ImageProps } from '@chakra-ui/react';
-import { AvatarProps } from '../avatar/index.cjs';
+import { ImageProps as ImageProps$1, HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
+import { Avatar } from '@chakra-ui/react/avatar';
 import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
-import '@chakra-ui/react/avatar';
-import '@chakra-ui/react/group';
 
-declare const personaSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"presence" | "root" | "label" | "avatar" | "details" | "secondaryLabel" | "tertiaryLabel", {
+type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
+interface AvatarProps extends Avatar.RootProps {
+    name?: string;
+    src?: string;
+    srcSet?: string;
+    loading?: ImageProps['loading'];
+    icon?: React.ReactElement;
+    fallback?: React.ReactNode;
+}
+
+declare const personaSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"details" | "label" | "avatar" | "root" | "presence" | "secondaryLabel" | "tertiaryLabel", {
     size: {
         '2xs': {
             details: {
@@ -111,12 +119,12 @@ declare const personaSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"presence
 }>;
 type PersonaVariantProps = RecipeVariantProps<typeof personaSlotRecipe>;
 
-type Presence = 'online' | 'offline' | 'busy' | 'dnd' | 'away';
-interface PresenceConfig {
+type PersonaPresence = 'online' | 'offline' | 'busy' | 'dnd' | 'away';
+interface PersonaPresenceConfig {
     label: string;
     color: string;
 }
-type PresenceOptions<P extends string = Presence> = Record<P, PresenceConfig>;
+type PersonaPresenceOptions<P extends string = PersonaPresence> = Record<P, PersonaPresenceConfig>;
 /**
  * The presence configuration object.
  *
@@ -130,7 +138,7 @@ type PresenceOptions<P extends string = Presence> = Record<P, PresenceConfig>;
  *
  * @see Docs https://saas-ui.dev/docs/components/data-display/persona
  */
-declare const defaultPresenceOptions: PresenceOptions;
+declare const defaultPersonaPresenceOptions: PersonaPresenceOptions;
 
 interface PersonaRootProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'suiPersona'>, PersonaVariantProps {
     /**
@@ -140,7 +148,7 @@ interface PersonaRootProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'suiP
     /**
      * The presence status of the person
      */
-    presence?: Presence;
+    presence?: PersonaPresence;
 }
 interface PersonaAvatarOptions {
     /**
@@ -154,9 +162,9 @@ interface PersonaAvatarOptions {
 interface PersonaAvatarProps$1 extends PersonaAvatarOptions, AvatarProps {
     src?: string;
     srcSet?: string;
-    loading?: ImageProps['loading'];
-    icon?: react__default.ReactElement;
-    fallback?: react__default.ReactNode;
+    loading?: ImageProps$1['loading'];
+    icon?: React__default.ReactElement;
+    fallback?: React__default.ReactNode;
     getInitials?: (name?: string | null) => string | null;
 }
 
@@ -179,11 +187,11 @@ interface PersonaOptions {
      * - dnd
      * - away
      */
-    presence?: Presence;
+    presence?: PersonaPresence;
     /**
      * The icon shown in the AvatarBadge
      */
-    presenceIcon?: react.ReactNode;
+    presenceIcon?: React$1.ReactNode;
     /**
      * Indicates that a person is out of office. Changes the presence badge style.
      */
@@ -191,32 +199,32 @@ interface PersonaOptions {
     /**
      * Primary label of the persona, defaults to the name
      */
-    label?: react.ReactNode;
+    label?: React$1.ReactNode;
     /**
      * Secondary label, usually the role of the person
      * Only visible from md size and up.
      */
-    secondaryLabel?: react.ReactNode;
+    secondaryLabel?: React$1.ReactNode;
     /**
      * Tertiary label, usually the status of the person.
      * Only visible from lg size and up.
      */
-    tertiaryLabel?: react.ReactNode;
+    tertiaryLabel?: React$1.ReactNode;
     /**
      * Hide the persona details next to the avatar.
      */
     hideDetails?: boolean;
 }
-interface PersonaProps extends PersonaOptions, Omit<PersonaAvatarProps$1, 'size'>, PersonaRootProps, PersonaVariantProps {
+interface PersonaProps extends PersonaOptions, Omit<PersonaAvatarProps$1, 'size'>, Omit<PersonaRootProps, 'presence'>, PersonaVariantProps {
 }
 /**
  * The wrapper component that handles default composition.
  *
  * @see Docs https://saas-ui.dev/docs/components/data-display/persona
  */
-declare const Persona: react.ForwardRefExoticComponent<PersonaProps & react.RefAttributes<HTMLDivElement>>;
+declare const Persona: React$1.ForwardRefExoticComponent<PersonaProps & React$1.RefAttributes<HTMLDivElement>>;
 interface PersonaAvatarProps extends Omit<PersonaProps, 'hideDetails' | 'label' | 'secondaryLabel' | 'tertiaryLabel' | 'children'> {
 }
-declare const PersonaAvatar: react.ForwardRefExoticComponent<PersonaAvatarProps & react.RefAttributes<HTMLDivElement>>;
+declare const PersonaAvatar: React$1.ForwardRefExoticComponent<PersonaAvatarProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { Persona, PersonaAvatar, type PersonaAvatarProps, type PersonaProps, type Presence, type PresenceConfig, defaultPresenceOptions };
+export { Persona, PersonaAvatar, type PersonaAvatarProps, type PersonaPresence, type PersonaPresenceConfig, type PersonaProps, defaultPersonaPresenceOptions };

package/dist/{components/persona → persona}/index.d.ts

@@ -1,13 +1,21 @@
-import * as react from 'react';
-import react__default from 'react';
+import * as React$1 from 'react';
+import React__default from 'react';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { HTMLChakraProps, SlotRecipeProps, ImageProps } from '@chakra-ui/react';
-import { AvatarProps } from '../avatar/index.js';
+import { ImageProps as ImageProps$1, HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
+import { Avatar } from '@chakra-ui/react/avatar';
 import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
-import '@chakra-ui/react/avatar';
-import '@chakra-ui/react/group';
 
-declare const personaSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"presence" | "root" | "label" | "avatar" | "details" | "secondaryLabel" | "tertiaryLabel", {
+type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
+interface AvatarProps extends Avatar.RootProps {
+    name?: string;
+    src?: string;
+    srcSet?: string;
+    loading?: ImageProps['loading'];
+    icon?: React.ReactElement;
+    fallback?: React.ReactNode;
+}
+
+declare const personaSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"details" | "label" | "avatar" | "root" | "presence" | "secondaryLabel" | "tertiaryLabel", {
     size: {
         '2xs': {
             details: {
@@ -111,12 +119,12 @@ declare const personaSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"presence
 }>;
 type PersonaVariantProps = RecipeVariantProps<typeof personaSlotRecipe>;
 
-type Presence = 'online' | 'offline' | 'busy' | 'dnd' | 'away';
-interface PresenceConfig {
+type PersonaPresence = 'online' | 'offline' | 'busy' | 'dnd' | 'away';
+interface PersonaPresenceConfig {
     label: string;
     color: string;
 }
-type PresenceOptions<P extends string = Presence> = Record<P, PresenceConfig>;
+type PersonaPresenceOptions<P extends string = PersonaPresence> = Record<P, PersonaPresenceConfig>;
 /**
  * The presence configuration object.
  *
@@ -130,7 +138,7 @@ type PresenceOptions<P extends string = Presence> = Record<P, PresenceConfig>;
  *
  * @see Docs https://saas-ui.dev/docs/components/data-display/persona
  */
-declare const defaultPresenceOptions: PresenceOptions;
+declare const defaultPersonaPresenceOptions: PersonaPresenceOptions;
 
 interface PersonaRootProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'suiPersona'>, PersonaVariantProps {
     /**
@@ -140,7 +148,7 @@ interface PersonaRootProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'suiP
     /**
      * The presence status of the person
      */
-    presence?: Presence;
+    presence?: PersonaPresence;
 }
 interface PersonaAvatarOptions {
     /**
@@ -154,9 +162,9 @@ interface PersonaAvatarOptions {
 interface PersonaAvatarProps$1 extends PersonaAvatarOptions, AvatarProps {
     src?: string;
     srcSet?: string;
-    loading?: ImageProps['loading'];
-    icon?: react__default.ReactElement;
-    fallback?: react__default.ReactNode;
+    loading?: ImageProps$1['loading'];
+    icon?: React__default.ReactElement;
+    fallback?: React__default.ReactNode;
     getInitials?: (name?: string | null) => string | null;
 }
 
@@ -179,11 +187,11 @@ interface PersonaOptions {
      * - dnd
      * - away
      */
-    presence?: Presence;
+    presence?: PersonaPresence;
     /**
      * The icon shown in the AvatarBadge
      */
-    presenceIcon?: react.ReactNode;
+    presenceIcon?: React$1.ReactNode;
     /**
      * Indicates that a person is out of office. Changes the presence badge style.
      */
@@ -191,32 +199,32 @@ interface PersonaOptions {
     /**
      * Primary label of the persona, defaults to the name
      */
-    label?: react.ReactNode;
+    label?: React$1.ReactNode;
     /**
      * Secondary label, usually the role of the person
      * Only visible from md size and up.
      */
-    secondaryLabel?: react.ReactNode;
+    secondaryLabel?: React$1.ReactNode;
     /**
      * Tertiary label, usually the status of the person.
      * Only visible from lg size and up.
      */
-    tertiaryLabel?: react.ReactNode;
+    tertiaryLabel?: React$1.ReactNode;
     /**
      * Hide the persona details next to the avatar.
      */
     hideDetails?: boolean;
 }
-interface PersonaProps extends PersonaOptions, Omit<PersonaAvatarProps$1, 'size'>, PersonaRootProps, PersonaVariantProps {
+interface PersonaProps extends PersonaOptions, Omit<PersonaAvatarProps$1, 'size'>, Omit<PersonaRootProps, 'presence'>, PersonaVariantProps {
 }
 /**
  * The wrapper component that handles default composition.
  *
  * @see Docs https://saas-ui.dev/docs/components/data-display/persona
  */
-declare const Persona: react.ForwardRefExoticComponent<PersonaProps & react.RefAttributes<HTMLDivElement>>;
+declare const Persona: React$1.ForwardRefExoticComponent<PersonaProps & React$1.RefAttributes<HTMLDivElement>>;
 interface PersonaAvatarProps extends Omit<PersonaProps, 'hideDetails' | 'label' | 'secondaryLabel' | 'tertiaryLabel' | 'children'> {
 }
-declare const PersonaAvatar: react.ForwardRefExoticComponent<PersonaAvatarProps & react.RefAttributes<HTMLDivElement>>;
+declare const PersonaAvatar: React$1.ForwardRefExoticComponent<PersonaAvatarProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { Persona, PersonaAvatar, type PersonaAvatarProps, type PersonaProps, type Presence, type PresenceConfig, defaultPresenceOptions };
+export { Persona, PersonaAvatar, type PersonaAvatarProps, type PersonaPresence, type PersonaPresenceConfig, type PersonaProps, defaultPersonaPresenceOptions };

package/dist/{chunk-VJ4UOABT.js → persona/index.js}

@@ -1,18 +1,54 @@
 'use client'
-import {
-  Avatar
-} from "./chunk-FN7TU5F5.js";
+import "../chunk-RTMS5TJN.js";
 
 // src/components/persona/persona.tsx
 import * as React2 from "react";
 
 // src/components/persona/persona-primitive.tsx
-import { forwardRef } from "react";
+import { forwardRef as forwardRef2 } from "react";
 import {
   chakra
 } from "@chakra-ui/react";
 import { dataAttr } from "@saas-ui/core/utils";
 
+// src/components/avatar/avatar.tsx
+import { forwardRef } from "react";
+import { Avatar as ChakraAvatar } from "@chakra-ui/react/avatar";
+import { Group } from "@chakra-ui/react/group";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Avatar = forwardRef(
+  function Avatar2(props, ref) {
+    const { name, src, srcSet, loading, icon, fallback, children, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraAvatar.Root, { ref, ...rest, children: [
+      /* @__PURE__ */ jsx(AvatarFallback, { name, icon, children: fallback }),
+      /* @__PURE__ */ jsx(ChakraAvatar.Image, { src, srcSet, loading }),
+      children
+    ] });
+  }
+);
+var AvatarFallback = forwardRef(
+  function AvatarFallback2(props, ref) {
+    const { name, icon, children, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraAvatar.Fallback, { ref, ...rest, children: [
+      children,
+      name != null && children == null && /* @__PURE__ */ jsx(Fragment, { children: getInitials(name) }),
+      name == null && children == null && /* @__PURE__ */ jsx(ChakraAvatar.Icon, { asChild: !!icon, children: icon })
+    ] });
+  }
+);
+function getInitials(name) {
+  const names = name.trim().split(" ");
+  const firstName = names[0] != null ? names[0] : "";
+  const lastName = names.length > 1 ? names[names.length - 1] : "";
+  return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
+}
+var AvatarGroup = forwardRef(
+  function AvatarGroup2(props, ref) {
+    const { size, variant, borderless, ...rest } = props;
+    return /* @__PURE__ */ jsx(ChakraAvatar.PropsProvider, { value: { size, variant, borderless }, children: /* @__PURE__ */ jsx(Group, { gap: "0", spaceX: "-3", ref, ...rest }) });
+  }
+);
+
 // src/components/persona/persona.context.ts
 import { createSlotRecipeContext } from "@chakra-ui/react";
 var {
@@ -24,11 +60,11 @@ var {
 });
 
 // src/components/persona/persona-primitive.tsx
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var PersonaRoot = withProvider(
-  forwardRef((props, ref) => {
+  forwardRef2((props, ref) => {
     const { outOfOffice, presence, ...rest } = props;
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx2(
       chakra.div,
       {
         ref,
@@ -46,11 +82,11 @@ var PersonaRoot = withProvider(
   }),
   "root"
 );
-var PersonaAvatar = forwardRef(
+var PersonaAvatar = forwardRef2(
   (props, ref) => {
     const {
       name,
-      getInitials = (name2) => name2 == null ? void 0 : name2[0],
+      getInitials: getInitials2 = (name2) => name2 == null ? void 0 : name2[0],
       icon,
       loading,
       onError,
@@ -59,7 +95,7 @@ var PersonaAvatar = forwardRef(
       children,
       ...rest
     } = props;
-    return /* @__PURE__ */ jsx(Avatar, { ref, ...rest, children });
+    return /* @__PURE__ */ jsx2(Avatar, { ref, ...rest, children });
   }
 );
 var PersonaPresenceBadge = withContext("span", "presence");
@@ -82,7 +118,7 @@ var PersonaTertiaryLabel = withContext(
 );
 
 // src/components/persona/persona.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var Persona = React2.forwardRef(
   (props, ref) => {
     const {
@@ -97,7 +133,7 @@ var Persona = React2.forwardRef(
       hideDetails,
       children,
       /** Avatar props */
-      getInitials,
+      getInitials: getInitials2,
       icon,
       loading,
       onError,
@@ -106,7 +142,7 @@ var Persona = React2.forwardRef(
       fallback,
       ...rest
     } = props;
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs2(
       PersonaRoot,
       {
         ref,
@@ -115,25 +151,25 @@ var Persona = React2.forwardRef(
         size,
         ...rest,
         children: [
-          /* @__PURE__ */ jsx2(
+          /* @__PURE__ */ jsx3(
             PersonaAvatar,
             {
               name,
               size,
-              getInitials,
+              getInitials: getInitials2,
               icon,
               loading,
               onError,
               src,
               srcSet,
               fallback,
-              children: presence ? /* @__PURE__ */ jsx2(PersonaPresenceBadge, { children: presenceIcon }) : null
+              children: presence ? /* @__PURE__ */ jsx3(PersonaPresenceBadge, { children: presenceIcon }) : null
             }
           ),
-          !hideDetails && /* @__PURE__ */ jsxs(PersonaDetails, { children: [
-            /* @__PURE__ */ jsx2(PersonaLabel, { children: label || name }),
-            secondaryLabel && /* @__PURE__ */ jsx2(PersonaSecondaryLabel, { children: secondaryLabel }),
-            tertiaryLabel && /* @__PURE__ */ jsx2(PersonaTertiaryLabel, { children: tertiaryLabel }),
+          !hideDetails && /* @__PURE__ */ jsxs2(PersonaDetails, { children: [
+            /* @__PURE__ */ jsx3(PersonaLabel, { children: label || name }),
+            secondaryLabel && /* @__PURE__ */ jsx3(PersonaSecondaryLabel, { children: secondaryLabel }),
+            tertiaryLabel && /* @__PURE__ */ jsx3(PersonaTertiaryLabel, { children: tertiaryLabel }),
             children
           ] })
         ]
@@ -143,11 +179,11 @@ var Persona = React2.forwardRef(
 );
 Persona.displayName = "Persona";
 var PersonaAvatar2 = React2.forwardRef(function PersonaAvatar3(props, ref) {
-  return /* @__PURE__ */ jsx2(Persona, { ref, ...props, hideDetails: true });
+  return /* @__PURE__ */ jsx3(Persona, { ref, ...props, hideDetails: true });
 });
 
 // src/components/persona/presence.ts
-var defaultPresenceOptions = {
+var defaultPersonaPresenceOptions = {
   online: {
     label: "Online",
     color: "presence.online"
@@ -169,9 +205,8 @@ var defaultPresenceOptions = {
     color: "presence.away"
   }
 };
-
 export {
   Persona,
   PersonaAvatar2 as PersonaAvatar,
-  defaultPresenceOptions
+  defaultPersonaPresenceOptions
 };

package/dist/{components/pin-input → pin-input}/index.d.cts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as React$1 from 'react';
 import { PinInput as PinInput$1 } from '@chakra-ui/react/pin-input';
 
 interface PinInputProps extends PinInput$1.RootProps {
@@ -7,6 +7,6 @@ interface PinInputProps extends PinInput$1.RootProps {
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     attached?: boolean;
 }
-declare const PinInput: react.ForwardRefExoticComponent<PinInputProps & react.RefAttributes<HTMLInputElement>>;
+declare const PinInput: React$1.ForwardRefExoticComponent<PinInputProps & React$1.RefAttributes<HTMLInputElement>>;
 
 export { PinInput, type PinInputProps };

package/dist/{components/pin-input → pin-input}/index.d.ts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as React$1 from 'react';
 import { PinInput as PinInput$1 } from '@chakra-ui/react/pin-input';
 
 interface PinInputProps extends PinInput$1.RootProps {
@@ -7,6 +7,6 @@ interface PinInputProps extends PinInput$1.RootProps {
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     attached?: boolean;
 }
-declare const PinInput: react.ForwardRefExoticComponent<PinInputProps & react.RefAttributes<HTMLInputElement>>;
+declare const PinInput: React$1.ForwardRefExoticComponent<PinInputProps & React$1.RefAttributes<HTMLInputElement>>;
 
 export { PinInput, type PinInputProps };

package/dist/{chunk-RYKJOZ3B.js → pin-input/index.js}

@@ -1,4 +1,5 @@
 'use client'
+import "../chunk-RTMS5TJN.js";
 
 // src/components/pin-input/pin-input.tsx
 import { forwardRef } from "react";
@@ -21,7 +22,6 @@ var PinInput = forwardRef(
     ] });
   }
 );
-
 export {
   PinInput
 };

package/dist/{components/popover → popover}/index.cjs

@@ -201,6 +201,13 @@ var InfoIcon = createIcon({
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 8h.01" })
   ] })
 });
+var ArrowLeftIcon = createIcon({
+  displayName: "ArrowLeftIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "12 19 5 12 12 5" })
+  ] })
+});
 
 // src/components/close-button/close-button.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");

package/dist/popover/index.d.cts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { Popover } from '@chakra-ui/react/popover';
+
+interface ContentProps extends Popover.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+}
+declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const Arrow: React.ForwardRefExoticComponent<Popover.ArrowProps & React.RefAttributes<HTMLDivElement>>;
+declare const CloseButton: React.ForwardRefExoticComponent<Popover.CloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CloseTrigger: React.ForwardRefExoticComponent<Popover.CloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Title: React.ForwardRefExoticComponent<Popover.TitleProps & React.RefAttributes<HTMLDivElement>>;
+declare const Description: React.ForwardRefExoticComponent<Popover.DescriptionProps & React.RefAttributes<HTMLDivElement>>;
+declare const Footer: React.ForwardRefExoticComponent<Popover.FooterProps & React.RefAttributes<HTMLDivElement>>;
+declare const Header: React.ForwardRefExoticComponent<Popover.HeaderProps & React.RefAttributes<HTMLDivElement>>;
+declare const Root: React.FC<Popover.RootProps>;
+declare const Body: React.ForwardRefExoticComponent<Popover.BodyProps & React.RefAttributes<HTMLDivElement>>;
+declare const Trigger: React.ForwardRefExoticComponent<Popover.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+type RootProps = Popover.RootProps;
+
+declare const popover_Arrow: typeof Arrow;
+declare const popover_Body: typeof Body;
+declare const popover_CloseButton: typeof CloseButton;
+declare const popover_CloseTrigger: typeof CloseTrigger;
+declare const popover_Content: typeof Content;
+declare const popover_Description: typeof Description;
+declare const popover_Footer: typeof Footer;
+declare const popover_Header: typeof Header;
+declare const popover_Root: typeof Root;
+type popover_RootProps = RootProps;
+declare const popover_Title: typeof Title;
+declare const popover_Trigger: typeof Trigger;
+declare namespace popover {
+  export { popover_Arrow as Arrow, popover_Body as Body, popover_CloseButton as CloseButton, popover_CloseTrigger as CloseTrigger, popover_Content as Content, popover_Description as Description, popover_Footer as Footer, popover_Header as Header, popover_Root as Root, type popover_RootProps as RootProps, popover_Title as Title, popover_Trigger as Trigger };
+}
+
+export { popover as Popover };

package/dist/popover/index.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { Popover } from '@chakra-ui/react/popover';
+
+interface ContentProps extends Popover.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+}
+declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const Arrow: React.ForwardRefExoticComponent<Popover.ArrowProps & React.RefAttributes<HTMLDivElement>>;
+declare const CloseButton: React.ForwardRefExoticComponent<Popover.CloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CloseTrigger: React.ForwardRefExoticComponent<Popover.CloseTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Title: React.ForwardRefExoticComponent<Popover.TitleProps & React.RefAttributes<HTMLDivElement>>;
+declare const Description: React.ForwardRefExoticComponent<Popover.DescriptionProps & React.RefAttributes<HTMLDivElement>>;
+declare const Footer: React.ForwardRefExoticComponent<Popover.FooterProps & React.RefAttributes<HTMLDivElement>>;
+declare const Header: React.ForwardRefExoticComponent<Popover.HeaderProps & React.RefAttributes<HTMLDivElement>>;
+declare const Root: React.FC<Popover.RootProps>;
+declare const Body: React.ForwardRefExoticComponent<Popover.BodyProps & React.RefAttributes<HTMLDivElement>>;
+declare const Trigger: React.ForwardRefExoticComponent<Popover.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+type RootProps = Popover.RootProps;
+
+declare const popover_Arrow: typeof Arrow;
+declare const popover_Body: typeof Body;
+declare const popover_CloseButton: typeof CloseButton;
+declare const popover_CloseTrigger: typeof CloseTrigger;
+declare const popover_Content: typeof Content;
+declare const popover_Description: typeof Description;
+declare const popover_Footer: typeof Footer;
+declare const popover_Header: typeof Header;
+declare const popover_Root: typeof Root;
+type popover_RootProps = RootProps;
+declare const popover_Title: typeof Title;
+declare const popover_Trigger: typeof Trigger;
+declare namespace popover {
+  export { popover_Arrow as Arrow, popover_Body as Body, popover_CloseButton as CloseButton, popover_CloseTrigger as CloseTrigger, popover_Content as Content, popover_Description as Description, popover_Footer as Footer, popover_Header as Header, popover_Root as Root, type popover_RootProps as RootProps, popover_Title as Title, popover_Trigger as Trigger };
+}
+
+export { popover as Popover };