@agentero/design-system 0.24.2 → 0.24.4

package/src/dropdown-menu/index.d.ts

@@ -1 +1,51 @@
-export { DropdownMenu } from './dropdown-menu';
+export declare const DropdownMenu: {
+    Root: {
+        (props: import('@radix-ui/react-dropdown-menu').DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: {
+        ({ className, ...props }: import('@radix-ui/react-dropdown-menu').DropdownMenuTriggerProps & import('react').RefAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Portal: import('react').FC<import('@radix-ui/react-dropdown-menu').DropdownMenuPortalProps>;
+    Content: {
+        ({ className, hasTriggerWidth, sideOffset, ...props }: import('@radix-ui/react-dropdown-menu').DropdownMenuContentProps & import('react').RefAttributes<HTMLDivElement> & import('tailwind-variants').VariantProps<import('tailwind-variants').TVReturnType<{
+            hasTriggerWidth: {
+                true: string;
+            };
+        }, undefined, string[], {
+            hasTriggerWidth: {
+                true: string;
+            };
+        }, undefined, import('tailwind-variants').TVReturnType<{
+            hasTriggerWidth: {
+                true: string;
+            };
+        }, undefined, string[], unknown, unknown, undefined>>>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: {
+        ({ className, ...props }: import('@radix-ui/react-dropdown-menu').DropdownMenuItemProps & import('react').RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Separator: {
+        ({ className, ...props }: import('@radix-ui/react-dropdown-menu').DropdownMenuSeparatorProps & import('react').RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Label: {
+        ({ className, ...props }: import('@radix-ui/react-dropdown-menu').DropdownMenuLabelProps & import('react').RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Sub: {
+        (props: import('@radix-ui/react-dropdown-menu').DropdownMenuSubProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    SubTrigger: {
+        ({ className, children, ...props }: import('@radix-ui/react-dropdown-menu').DropdownMenuSubTriggerProps & import('react').RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    SubContent: {
+        ({ className, sideOffset, alignOffset, ...props }: import('@radix-ui/react-dropdown-menu').DropdownMenuSubContentProps & import('react').RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};

package/src/dropdown-menu/index.js

@@ -1,2 +1,16 @@
-import { DropdownMenu as e } from "./dropdown-menu.js";
-export { e as DropdownMenu };
+import { Content as e, Item as t, Label as n, Portal as r, Root as i, Separator as a, Sub as o, SubContent as s, SubTrigger as c, Trigger as l } from "./dropdown-menu.js";
+//#region src/dropdown-menu/index.ts
+var u = {
+	Root: i,
+	Trigger: l,
+	Portal: r,
+	Content: e,
+	Item: t,
+	Separator: a,
+	Label: n,
+	Sub: o,
+	SubTrigger: c,
+	SubContent: s
+};
+//#endregion
+export { u as DropdownMenu };

package/src/hover-card/hover-card.d.ts

@@ -1,39 +1,53 @@
 import { ComponentProps } from 'react';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 type RootProps = ComponentProps<typeof HoverCardPrimitive.Root>;
-type TriggerProps = ComponentProps<typeof HoverCardPrimitive.Trigger>;
-export declare const hoverCardRecipe: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
-type ContentProps = ComponentProps<typeof HoverCardPrimitive.Content>;
-type ArrowProps = ComponentProps<typeof HoverCardPrimitive.Arrow>;
 /**
- * Rich, sighted-user hover preview anchored to a trigger (profile cards, entity
- * previews) shown on hover/focus, built on Radix HoverCard. Compose from
- * `Root` / `Trigger` / `Portal` / `Content`, plus an optional `Arrow`.
+ * Root of a rich, sighted-user hover preview anchored to a trigger (profile
+ * cards, entity previews) shown on hover/focus, built on Radix HoverCard.
+ * Compose `Root` with `Trigger` / `Portal` / `Content`, plus an optional
+ * `Arrow`.
  *
  * Pointer-first and NOT keyboard-accessible: focus opens it but focus never
  * enters the card — never put essential info or the only path to an action
  * inside. Use `Popover`/`DropdownMenu` for that, or `Tooltip` for text hints.
  *
- * @summary Compound overlay card for rich hover previews of an entity
+ * @summary Root provider for a rich hover preview of an entity
  * @see {@link https://www.radix-ui.com/primitives/docs/components/hover-card|Radix UI HoverCard}
+ *
+ * @example
+ * ```tsx
+ * import { HoverCard } from '@agentero/design-system/hover-card';
+ *
+ * <HoverCard.Root>
+ *   <HoverCard.Trigger>@rafa</HoverCard.Trigger>
+ *   <HoverCard.Portal>
+ *     <HoverCard.Content>
+ *       <ProfileCard />
+ *       <HoverCard.Arrow />
+ *     </HoverCard.Content>
+ *   </HoverCard.Portal>
+ * </HoverCard.Root>
+ * ```
  */
-export declare const HoverCard: {
-    Root: {
-        (props: RootProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Trigger: {
-        (props: TriggerProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Portal: import('react').FC<HoverCardPrimitive.HoverCardPortalProps>;
-    Content: {
-        ({ className, sideOffset, collisionPadding, ...props }: ContentProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Arrow: {
-        ({ className, width, height, ...props }: ArrowProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+export declare const Root: {
+    (props: RootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type TriggerProps = ComponentProps<typeof HoverCardPrimitive.Trigger>;
+export declare const Trigger: {
+    (props: TriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const Portal: import('react').FC<HoverCardPrimitive.HoverCardPortalProps>;
+export declare const hoverCardRecipe: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+type ContentProps = ComponentProps<typeof HoverCardPrimitive.Content>;
+export declare const Content: {
+    ({ className, sideOffset, collisionPadding, ...props }: ContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type ArrowProps = ComponentProps<typeof HoverCardPrimitive.Arrow>;
+export declare const Arrow: {
+    ({ className, width, height, ...props }: ArrowProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
 };
 export {};

package/src/hover-card/hover-card.js

@@ -1,4 +1,3 @@
-"use client";
 import { cn as e } from "../../lib/utils.js";
 import { tv as t } from "tailwind-variants";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
@@ -56,12 +55,5 @@ var u = ({ className: t, width: a = 12, height: o = 6, ...s }) => /* @__PURE__ *
 	})
 });
 u.displayName = "HoverCard.Arrow";
-var d = {
-	Root: a,
-	Trigger: o,
-	Portal: s,
-	Content: l,
-	Arrow: u
-};
 //#endregion
-export { d as HoverCard, c as hoverCardRecipe };
+export { u as Arrow, l as Content, s as Portal, a as Root, o as Trigger, c as hoverCardRecipe };

package/src/hover-card/index.d.ts

@@ -1 +1,20 @@
-export { HoverCard, hoverCardRecipe } from './hover-card';
+export { hoverCardRecipe } from './hover-card';
+export declare const HoverCard: {
+    Root: {
+        (props: import('@radix-ui/react-hover-card').HoverCardProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: {
+        (props: import('@radix-ui/react-hover-card').HoverCardTriggerProps & import('react').RefAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Portal: import('react').FC<import('@radix-ui/react-hover-card').HoverCardPortalProps>;
+    Content: {
+        ({ className, sideOffset, collisionPadding, ...props }: import('@radix-ui/react-hover-card').HoverCardContentProps & import('react').RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Arrow: {
+        ({ className, width, height, ...props }: import('@radix-ui/react-hover-card').HoverCardArrowProps & import('react').RefAttributes<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};

package/src/hover-card/index.js

@@ -1,2 +1,11 @@
-import { HoverCard as e, hoverCardRecipe as t } from "./hover-card.js";
-export { e as HoverCard, t as hoverCardRecipe };
+import { Arrow as e, Content as t, Portal as n, Root as r, Trigger as i, hoverCardRecipe as a } from "./hover-card.js";
+//#region src/hover-card/index.ts
+var o = {
+	Root: r,
+	Trigger: i,
+	Portal: n,
+	Content: t,
+	Arrow: e
+};
+//#endregion
+export { o as HoverCard, a as hoverCardRecipe };

package/src/label/label.js

@@ -1,4 +1,3 @@
-"use client";
 import { cn as e } from "../../lib/utils.js";
 import { tv as t } from "tailwind-variants";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";

package/src/modal/index.d.ts

@@ -1 +1,38 @@
-export { Modal, modalRecipe } from './modal';
+export { modalRecipe } from './modal';
+export declare const Modal: {
+    Root: {
+        (props: import('@radix-ui/react-dialog').DialogProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: {
+        (props: import('@radix-ui/react-dialog').DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ className, size, variant, children, onEscapeKeyDown, onPointerDownOutside, ...props }: import('@radix-ui/react-dialog').DialogContentProps & import('react').RefAttributes<HTMLDivElement> & {
+            size?: "md" | "lg" | undefined;
+            variant?: "dialog" | "alert";
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Title: {
+        ({ className, children, ...props }: import('@radix-ui/react-dialog').DialogTitleProps & import('react').RefAttributes<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Description: {
+        ({ className, ...props }: import('@radix-ui/react-dialog').DialogDescriptionProps & import('react').RefAttributes<HTMLParagraphElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Body: {
+        ({ className, ...props }: import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ className, ...props }: import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Close: {
+        (props: import('@radix-ui/react-dialog').DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};

package/src/modal/index.js

@@ -1,2 +1,14 @@
-import { Modal as e, modalRecipe as t } from "./modal.js";
-export { e as Modal, t as modalRecipe };
+import { Body as e, Close as t, Content as n, Description as r, Footer as i, Root as a, Title as o, Trigger as s, modalRecipe as c } from "./modal.js";
+//#region src/modal/index.ts
+var l = {
+	Root: a,
+	Trigger: s,
+	Content: n,
+	Title: o,
+	Description: r,
+	Body: e,
+	Footer: i,
+	Close: t
+};
+//#endregion
+export { l as Modal, c as modalRecipe };

package/src/modal/modal.d.ts

@@ -2,7 +2,71 @@ import { ComponentProps } from 'react';
 import { VariantProps } from 'tailwind-variants';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 type RootProps = ComponentProps<typeof DialogPrimitive.Root>;
+/**
+ * Root container of a dialog that interrupts the flow — confirmations, forms,
+ * and detail views. It owns the modal's open state, controlled via
+ * `open`/`onOpenChange` or uncontrolled via `defaultOpen`/`Trigger`. Built on
+ * Radix UI Dialog, so focus trapping, scroll locking, `Escape`/overlay
+ * dismissal, and ARIA wiring come for free.
+ *
+ * Compose `Root` with `Content` (surface, `size` md/lg), and fill it with
+ * `Title` (built-in X button), an optional `Description` right below it, `Body`
+ * (scrollable), and `Footer` (right-aligned actions). Close from inside with
+ * `Close asChild` around your cancel button.
+ *
+ * For a modal the user has to answer, pass `variant="alert"` to `Content`:
+ * `Escape`, the overlay click and the X button all stop closing it, and it is
+ * announced as an `alertdialog`.
+ *
+ * @summary Root provider for a Modal's open state
+ *
+ * @example
+ * ```tsx
+ * import { Modal } from '@agentero/design-system/modal';
+ *
+ * <Modal.Root open={isOpen} onOpenChange={setIsOpen}>
+ *   <Modal.Content size="md">
+ *     <Modal.Title>Delete carrier</Modal.Title>
+ *     <Modal.Description>This action cannot be undone.</Modal.Description>
+ *     <Modal.Footer>
+ *       <Modal.Close asChild>
+ *         <Button variant="ghost">Cancel</Button>
+ *       </Modal.Close>
+ *       <Button onClick={handleDelete}>Delete</Button>
+ *     </Modal.Footer>
+ *   </Modal.Content>
+ * </Modal.Root>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Alert: no Escape, no overlay click, no X — the user must answer.
+ * <Modal.Root open={isOpen}>
+ *   <Modal.Content variant="alert">
+ *     <Modal.Title>Complete your Docusign integration</Modal.Title>
+ *     <Modal.Body>Authorize access to finish connecting your account.</Modal.Body>
+ *     <Modal.Footer>
+ *       <Button onClick={handleAuthorize}>Authorize</Button>
+ *     </Modal.Footer>
+ *   </Modal.Content>
+ * </Modal.Root>
+ * ```
+ */
+export declare const Root: {
+    (props: RootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 type TriggerProps = ComponentProps<typeof DialogPrimitive.Trigger>;
+/**
+ * Button that opens the Modal. Pass `asChild` to delegate rendering to a
+ * custom element (e.g. a `Button`) while inheriting Radix's wiring.
+ *
+ * @summary Toggle button that opens the Modal
+ */
+export declare const Trigger: {
+    (props: TriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 type ModalVariant = 'dialog' | 'alert';
 export declare const modalRecipe: import('tailwind-variants').TVReturnType<{
     size: {
@@ -17,6 +81,7 @@ export declare const modalRecipe: import('tailwind-variants').TVReturnType<{
     overlay: string[];
     content: string[];
     title: string;
+    description: string;
     body: string;
     footer: string;
 }, undefined, {
@@ -32,6 +97,7 @@ export declare const modalRecipe: import('tailwind-variants').TVReturnType<{
     overlay: string[];
     content: string[];
     title: string;
+    description: string;
     body: string;
     footer: string;
 }, import('tailwind-variants').TVReturnType<{
@@ -47,6 +113,7 @@ export declare const modalRecipe: import('tailwind-variants').TVReturnType<{
     overlay: string[];
     content: string[];
     title: string;
+    description: string;
     body: string;
     footer: string;
 }, undefined, unknown, unknown, undefined>>;
@@ -66,88 +133,74 @@ type ContentProps = ComponentProps<typeof DialogPrimitive.Content> & {
      */
     variant?: ModalVariant;
 };
-type TitleProps = ComponentProps<typeof DialogPrimitive.Title>;
-type BodyProps = ComponentProps<'div'>;
-type FooterProps = ComponentProps<'div'>;
-type CloseProps = ComponentProps<typeof DialogPrimitive.Close>;
 /**
- * Modal is the compound component for dialogs that interrupt the flow —
- * confirmations, forms, and detail views. Built on Radix UI Dialog, so focus
- * trapping, scroll locking, `Escape`/overlay dismissal, and ARIA wiring come
- * for free.
+ * The modal surface, portalled over a dimmed overlay and centered in the
+ * viewport. Focus is trapped inside, `Escape` and overlay clicks close it,
+ * and body scroll is locked while open. Labelled by `Modal.Title`
+ * automatically; pass `aria-label` for the rare titleless modal.
  *
- * Compose `Root` (open state) with `Content` (surface, `size` md/lg), and
- * fill it with `Title` (built-in X button), `Body` (scrollable), and `Footer`
- * (right-aligned actions). Open it controlled (`open`/`onOpenChange`) or via
- * `Trigger`; close from inside with `Close asChild` around your cancel button.
+ * `variant="alert"` turns off every implicit way out — `Escape`, the overlay
+ * click, and the X button in `Modal.Title` — leaving only the footer actions.
  *
- * For a modal the user has to answer, pass `variant="alert"` to `Content`:
- * `Escape`, the overlay click and the X button all stop closing it, and it is
- * announced as an `alertdialog`.
+ * @summary Centered modal surface over a dimmed overlay
+ */
+export declare const Content: {
+    ({ className, size, variant, children, onEscapeKeyDown, onPointerDownOutside, ...props }: ContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type TitleProps = ComponentProps<typeof DialogPrimitive.Title>;
+/**
+ * Heading row of the modal with a built-in close (X) button. Radix wires it
+ * as the modal's accessible name via `aria-labelledby`. The X button is
+ * omitted inside a `Modal.Content` with `variant="alert"`.
  *
- * @summary Compound modal dialog over a dimmed overlay
+ * @summary Modal heading with built-in close button
+ */
+export declare const Title: {
+    ({ className, children, ...props }: TitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type DescriptionProps = ComponentProps<typeof DialogPrimitive.Description>;
+/**
+ * Supporting text placed directly below `Modal.Title`, spaced 0.5rem beneath
+ * it. Wired as the modal's accessible description via `aria-describedby`.
  *
- * @example
- * ```tsx
- * <Modal.Root open={isOpen} onOpenChange={setIsOpen}>
- *   <Modal.Content size="md">
- *     <Modal.Title>Delete carrier</Modal.Title>
- *     <Modal.Body>This action cannot be undone.</Modal.Body>
- *     <Modal.Footer>
- *       <Modal.Close asChild>
- *         <Button variant="ghost">Cancel</Button>
- *       </Modal.Close>
- *       <Button onClick={handleDelete}>Delete</Button>
- *     </Modal.Footer>
- *   </Modal.Content>
- * </Modal.Root>
- * ```
+ * @summary Supporting text below the Modal title
+ */
+export declare const Description: {
+    ({ className, ...props }: DescriptionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type BodyProps = ComponentProps<'div'>;
+/**
+ * Scrollable content area of the modal. Focusable (`tabIndex 0`) so keyboard
+ * users can scroll overflowing content with the arrow keys.
  *
- * @example
- * ```tsx
- * // Alert: no Escape, no overlay click, no X — the user must answer.
- * <Modal.Root open={isOpen}>
- *   <Modal.Content variant="alert">
- *     <Modal.Title>Complete your Docusign integration</Modal.Title>
- *     <Modal.Body>Authorize access to finish connecting your account.</Modal.Body>
- *     <Modal.Footer>
- *       <Button onClick={handleAuthorize}>Authorize</Button>
- *     </Modal.Footer>
- *   </Modal.Content>
- * </Modal.Root>
- * ```
+ * @summary Scrollable modal content area
+ */
+export declare const Body: {
+    ({ className, ...props }: BodyProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type FooterProps = ComponentProps<'div'>;
+/**
+ * Right-aligned action row at the bottom of the modal.
  *
- * @component
- * @namespace Modal
+ * @summary Right-aligned modal action row
  */
-export declare const Modal: {
-    Root: {
-        (props: RootProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Trigger: {
-        (props: TriggerProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Content: {
-        ({ className, size, variant, children, onEscapeKeyDown, onPointerDownOutside, ...props }: ContentProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Title: {
-        ({ className, children, ...props }: TitleProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Body: {
-        ({ className, ...props }: BodyProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Footer: {
-        ({ className, ...props }: FooterProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Close: {
-        (props: CloseProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+export declare const Footer: {
+    ({ className, ...props }: FooterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type CloseProps = ComponentProps<typeof DialogPrimitive.Close>;
+/**
+ * Closes the modal when activated. Pass `asChild` to wrap your own button —
+ * the idiomatic replacement for the legacy `{({ close }) => …}` render prop.
+ *
+ * @summary Closes the Modal when activated
+ */
+export declare const Close: {
+    (props: CloseProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
 };
 export {};

package/src/modal/modal.js

@@ -32,6 +32,7 @@ var d = o("dialog"), f = r({
 			"motion-reduce:animate-none!"
 		],
 		title: "flex items-center justify-between gap-2 px-10 text-[1.375rem] leading-7 font-semibold text-text-default-base-primary",
+		description: "-mt-4 px-10 text-base text-text-default-base-primary",
 		body: "-my-1 max-h-[60vh] overflow-y-auto px-10 py-1",
 		footer: "flex shrink-0 items-center justify-end gap-4 px-10"
 	},
@@ -50,7 +51,6 @@ var d = o("dialog"), f = r({
 		}), /* @__PURE__ */ i(c.Content, {
 			"data-slot": "modal-content",
 			role: m ? "alertdialog" : "dialog",
-			"aria-describedby": void 0,
 			className: e(p.content(), t),
 			onEscapeKeyDown: (e) => {
 				s?.(e), m && e.preventDefault();
@@ -85,32 +85,29 @@ var h = ({ className: e, children: r, ...o }) => {
 	});
 };
 h.displayName = "Modal.Title";
-var g = ({ className: e, ...t }) => /* @__PURE__ */ i("div", {
+var g = ({ className: e, ...t }) => /* @__PURE__ */ i(c.Description, {
+	"data-slot": "modal-description",
+	className: p.description({ className: e }),
+	...t
+});
+g.displayName = "Modal.Description";
+var _ = ({ className: e, ...t }) => /* @__PURE__ */ i("div", {
 	"data-slot": "modal-body",
 	tabIndex: 0,
 	className: p.body({ className: e }),
 	...t
 });
-g.displayName = "Modal.Body";
-var _ = ({ className: e, ...t }) => /* @__PURE__ */ i("div", {
+_.displayName = "Modal.Body";
+var v = ({ className: e, ...t }) => /* @__PURE__ */ i("div", {
 	"data-slot": "modal-footer",
 	className: p.footer({ className: e }),
 	...t
 });
-_.displayName = "Modal.Footer";
-var v = (e) => /* @__PURE__ */ i(c.Close, {
+v.displayName = "Modal.Footer";
+var y = (e) => /* @__PURE__ */ i(c.Close, {
 	"data-slot": "modal-close",
 	...e
 });
-v.displayName = "Modal.Close";
-var y = {
-	Root: l,
-	Trigger: u,
-	Content: m,
-	Title: h,
-	Body: g,
-	Footer: _,
-	Close: v
-};
+y.displayName = "Modal.Close";
 //#endregion
-export { y as Modal, f as modalRecipe };
+export { _ as Body, y as Close, m as Content, g as Description, v as Footer, l as Root, h as Title, u as Trigger, f as modalRecipe };

package/src/popover/index.d.ts

@@ -1 +1,24 @@
-export { Popover, popoverRecipe } from './popover';
+export { popoverRecipe } from './popover';
+export declare const Popover: {
+    Root: {
+        (props: import('@radix-ui/react-popover').PopoverProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: {
+        (props: import('@radix-ui/react-popover').PopoverTriggerProps & import('react').RefAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Anchor: {
+        (props: import('@radix-ui/react-popover').PopoverAnchorProps & import('react').RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Close: {
+        (props: import('@radix-ui/react-popover').PopoverCloseProps & import('react').RefAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Portal: import('react').FC<import('@radix-ui/react-popover').PopoverPortalProps>;
+    Content: {
+        ({ className, sideOffset, ...props }: import('@radix-ui/react-popover').PopoverContentProps & import('react').RefAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};

package/src/popover/index.js

@@ -1,2 +1,12 @@
-import { Popover as e, popoverRecipe as t } from "./popover.js";
-export { e as Popover, t as popoverRecipe };
+import { Anchor as e, Close as t, Content as n, Portal as r, Root as i, Trigger as a, popoverRecipe as o } from "./popover.js";
+//#region src/popover/index.ts
+var s = {
+	Root: i,
+	Trigger: a,
+	Anchor: e,
+	Close: t,
+	Portal: r,
+	Content: n
+};
+//#endregion
+export { s as Popover, o as popoverRecipe };