twenty-ui 1.0.0-alpha.2 → 2.42.0

package/dist/primitives/navigation/index.d.ts

@@ -0,0 +1,16 @@
+export { ClickToActionLink } from './ClickToActionLink/ClickToActionLink';
+export { CAL_LINK } from './Link/constants/Cal';
+export { GITHUB_LINK } from './Link/constants/GithubLink';
+export { TWENTY_PRICING_LINK } from './Link/constants/TwentyPricingLink';
+export { ListItem } from './ListItem/ListItem';
+export type { ListItemColor } from './ListItem/types/ListItemColor';
+export type { ListItemDescriptionPlacement } from './ListItem/types/ListItemDescriptionPlacement';
+export type { ListItemIndicator } from './ListItem/types/ListItemIndicator';
+export type { ListItemProps } from './ListItem/types/ListItemProps';
+export type { ListItemState } from './ListItem/types/ListItemState';
+export { Tabs } from './Tabs/Tabs';
+export type { TabsListProps } from './Tabs/types/TabsListProps';
+export type { TabsPanelProps } from './Tabs/types/TabsPanelProps';
+export type { TabsRootProps } from './Tabs/types/TabsRootProps';
+export type { TabsSize } from './Tabs/types/TabsSize';
+export type { TabsTabProps } from './Tabs/types/TabsTabProps';

package/dist/primitives/navigation/internal/tab/TabsTabContent.d.ts

@@ -0,0 +1,4 @@
+import { TabsTabProps } from '../../Tabs/types/TabsTabProps';
+type TabsTabContentProps = Pick<TabsTabProps, 'children' | 'startIcon' | 'endIcon' | 'badge'>;
+export declare const TabsTabContent: ({ children, startIcon, endIcon, badge, }: TabsTabContentProps) => import("react").JSX.Element;
+export {};

package/dist/primitives/navigation.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../ListItem-D75aS69B.cjs"),e=require("../navigation-e5PTdnND.cjs");exports.CAL_LINK=e.CAL_LINK;exports.ClickToActionLink=e.ClickToActionLink;exports.GITHUB_LINK=e.GITHUB_LINK;exports.ListItem=i.ListItem;exports.TWENTY_PRICING_LINK=e.TWENTY_PRICING_LINK;exports.Tabs=e.Tabs;

package/dist/primitives/navigation.mjs

@@ -0,0 +1,10 @@
+import { t as s } from "../ListItem-C08r49UJ.js";
+import { a as i, i as o, n as I, r, t as L } from "../navigation-Z7puI3wl.js";
+export {
+  o as CAL_LINK,
+  i as ClickToActionLink,
+  r as GITHUB_LINK,
+  s as ListItem,
+  I as TWENTY_PRICING_LINK,
+  L as Tabs
+};

package/dist/{surfaces → primitives/surfaces}/AlertDialog/types/AlertDialogPopupProps.d.ts

@@ -1,7 +1,13 @@
 import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
 import { AlertDialogSize } from './AlertDialogSize';
 export type AlertDialogPopupProps = AlertDialogPrimitive.Popup.Props & {
+    /** Width of the dialog, or `fullscreen` to fill the viewport. */
     size?: AlertDialogSize;
+    /**
+     * Element the dialog is portaled into. Defaults to the theme's portal
+     * container.
+     */
     container?: AlertDialogPrimitive.Portal.Props['container'];
+    /** Keeps the dialog mounted in the DOM while it is closed. */
     keepMounted?: boolean;
 };

package/dist/primitives/surfaces/Dialog/Dialog.d.ts

@@ -0,0 +1,13 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export declare const Dialog: {
+    createHandle: typeof DialogPrimitive.createHandle;
+    Root: <Payload>(props: DialogPrimitive.Root.Props<Payload>) => React.JSX.Element;
+    Trigger: DialogPrimitive.Trigger;
+    Popup: ({ size, container, keepMounted, backdrop, viewportProps, className, ...props }: import('..').DialogPopupProps) => import("react").JSX.Element;
+    Title: ({ level, size, color, className, render, ...props }: import('..').DialogTitleProps) => import("react").JSX.Element;
+    Description: ({ className, ...props }: import('..').DialogDescriptionProps) => import("react").JSX.Element;
+    Close: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Header: ({ render, ref, className, ...props }: import('..').DialogHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Body: ({ render, ref, className, ...props }: import('..').DialogBodyProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Footer: ({ render, ref, className, ...props }: import('..').DialogFooterProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+};

package/dist/primitives/surfaces/Dialog/__stories__/DialogExample.d.ts

@@ -0,0 +1,2 @@
+import { DialogExampleProps } from './DialogExampleProps';
+export declare const DialogExample: ({ size, popupProps, disabled, content, ...props }: DialogExampleProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/Dialog/__stories__/DialogExampleProps.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { DialogPopupProps } from '../types/DialogPopupProps';
+import { DialogRootProps } from '../types/DialogRootProps';
+export type DialogExampleProps = DialogRootProps & {
+    size?: DialogPopupProps['size'];
+    popupProps?: DialogPopupProps;
+    disabled?: boolean;
+    content?: ReactNode;
+};

package/dist/primitives/surfaces/Dialog/__stories__/waitForDialog.d.ts

@@ -0,0 +1 @@
+export declare const waitForDialog: (canvasElement: HTMLElement) => Promise<HTMLElement>;

package/dist/primitives/surfaces/Dialog/internal/DialogBody.d.ts

@@ -0,0 +1,2 @@
+import { DialogBodyProps } from '../types/DialogBodyProps';
+export declare const DialogBody: ({ render, ref, className, ...props }: DialogBodyProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/surfaces/Dialog/internal/DialogDescription.d.ts

@@ -0,0 +1,2 @@
+import { DialogDescriptionProps } from '../types/DialogDescriptionProps';
+export declare const DialogDescription: ({ className, ...props }: DialogDescriptionProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/Dialog/internal/DialogFooter.d.ts

@@ -0,0 +1,2 @@
+import { DialogFooterProps } from '../types/DialogFooterProps';
+export declare const DialogFooter: ({ render, ref, className, ...props }: DialogFooterProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/surfaces/Dialog/internal/DialogHeader.d.ts

@@ -0,0 +1,2 @@
+import { DialogHeaderProps } from '../types/DialogHeaderProps';
+export declare const DialogHeader: ({ render, ref, className, ...props }: DialogHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/surfaces/Dialog/internal/DialogPopup.d.ts

@@ -0,0 +1,2 @@
+import { DialogPopupProps } from '../types/DialogPopupProps';
+export declare const DialogPopup: ({ size, container, keepMounted, backdrop, viewportProps, className, ...props }: DialogPopupProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/Dialog/internal/DialogTitle.d.ts

@@ -0,0 +1,2 @@
+import { DialogTitleProps } from '../types/DialogTitleProps';
+export declare const DialogTitle: ({ level, size, color, className, render, ...props }: DialogTitleProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/Dialog/types/DialogBodyProps.d.ts

@@ -0,0 +1,2 @@
+import { useRender } from '@base-ui/react/use-render';
+export type DialogBodyProps = useRender.ComponentProps<'div'>;

package/dist/primitives/surfaces/Dialog/types/DialogCloseProps.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogCloseProps = DialogPrimitive.Close.Props;

package/dist/primitives/surfaces/Dialog/types/DialogDescriptionProps.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogDescriptionProps = DialogPrimitive.Description.Props;

package/dist/primitives/surfaces/Dialog/types/DialogFooterProps.d.ts

@@ -0,0 +1,2 @@
+import { useRender } from '@base-ui/react/use-render';
+export type DialogFooterProps = useRender.ComponentProps<'div'>;

package/dist/primitives/surfaces/Dialog/types/DialogHeaderProps.d.ts

@@ -0,0 +1,2 @@
+import { useRender } from '@base-ui/react/use-render';
+export type DialogHeaderProps = useRender.ComponentProps<'div'>;

package/dist/primitives/surfaces/Dialog/types/DialogPopupProps.d.ts

@@ -0,0 +1,9 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import { DialogSize } from './DialogSize';
+export type DialogPopupProps = DialogPrimitive.Popup.Props & {
+    size?: DialogSize;
+    container?: DialogPrimitive.Portal.Props['container'];
+    keepMounted?: boolean;
+    backdrop?: boolean | DialogPrimitive.Backdrop.Props;
+    viewportProps?: DialogPrimitive.Viewport.Props;
+};

package/dist/primitives/surfaces/Dialog/types/DialogRootProps.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogRootProps<TPayload = unknown> = DialogPrimitive.Root.Props<TPayload>;

package/dist/primitives/surfaces/Dialog/types/DialogSize.d.ts

@@ -0,0 +1 @@
+export type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';

package/dist/primitives/surfaces/Dialog/types/DialogTitleProps.d.ts

@@ -0,0 +1,3 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import { HeadingProps } from '../../../typography/Heading/types/HeadingProps';
+export type DialogTitleProps = Omit<DialogPrimitive.Title.Props, 'color'> & Pick<HeadingProps, 'level' | 'size' | 'color'>;

package/dist/primitives/surfaces/Dialog/types/DialogTriggerProps.d.ts

@@ -0,0 +1,2 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+export type DialogTriggerProps<TPayload = unknown> = DialogPrimitive.Trigger.Props<TPayload>;

package/dist/{surfaces → primitives/surfaces}/Menu/internal/getMenuListItemProps.d.ts

@@ -7,7 +7,7 @@ type MenuListItemProps<TState> = MenuItemSlotProps & {
     disabled?: boolean;
     render?: ReactElement | ComponentRenderFn<HTMLProps, TState>;
 };
-export declare const getMenuListItemProps: <TState, TProps extends MenuListItemProps<TState>>({ color, startIcon, endIcon, description, descriptionPlacement, hotkeys, disabled, children, render, ...props }: TProps, getListItemState?: (state: TState) => Pick<ListItemProps, "indicator" | "selected" | "hasSubmenu">) => Omit<TProps, "children" | "color" | "disabled" | "description" | "render" | "hotkeys" | "startIcon" | "endIcon" | "descriptionPlacement"> & {
+export declare const getMenuListItemProps: <TState, TProps extends MenuListItemProps<TState>>({ color, startIcon, endIcon, description, descriptionPlacement, hotkeys, disabled, children, render, ...props }: TProps, getListItemState?: (state: TState) => Pick<ListItemProps, "indicator" | "selected" | "hasSubmenu">) => Omit<TProps, "children" | "color" | "disabled" | "render" | "hotkeys" | "startIcon" | "endIcon" | "description" | "descriptionPlacement"> & {
     disabled: boolean;
     render: (renderProps: HTMLProps, state: TState) => import("react").JSX.Element;
 };

package/dist/primitives/surfaces/Menu/types/MenuPopupProps.d.ts

@@ -0,0 +1,31 @@
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { MenuAlign } from './MenuAlign';
+import { MenuSide } from './MenuSide';
+export type MenuPopupProps = MenuPrimitive.Popup.Props & {
+    /**
+     * Side of the anchor the popup is placed on. Defaults to `bottom` for a menu
+     * and `inline-end` for a submenu.
+     */
+    side?: MenuSide;
+    /** Alignment of the popup along the anchor. Defaults to `start`. */
+    align?: MenuAlign;
+    /**
+     * Distance in pixels between the anchor and the popup. Defaults to `8` for a
+     * menu and `0` for a submenu.
+     */
+    sideOffset?: number;
+    /**
+     * Offset in pixels along the alignment axis. Defaults to `0` for a menu and
+     * `-4` for a submenu.
+     */
+    alignOffset?: number;
+    /** Element or position the popup is anchored to. Defaults to the trigger. */
+    anchor?: MenuPrimitive.Positioner.Props['anchor'];
+    /**
+     * Element the popup is portaled into. Defaults to the theme's portal
+     * container.
+     */
+    container?: MenuPrimitive.Portal.Props['container'];
+    /** Keeps the popup mounted in the DOM while the menu is closed. */
+    keepMounted?: boolean;
+};

package/dist/primitives/surfaces/Popover/types/PopoverPopupProps.d.ts

@@ -0,0 +1,24 @@
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+import { PopoverAlign } from './PopoverAlign';
+import { PopoverSide } from './PopoverSide';
+export type PopoverPopupProps = PopoverPrimitive.Popup.Props & {
+    /** Side of the anchor the popup is placed on. */
+    side?: PopoverSide;
+    /** Alignment of the popup along the anchor. */
+    align?: PopoverAlign;
+    /** Distance in pixels between the anchor and the popup. */
+    sideOffset?: number;
+    /** Offset in pixels along the alignment axis. */
+    alignOffset?: number;
+    /** Shows an arrow pointing at the anchor. */
+    arrow?: boolean;
+    /** Element or position the popup is anchored to. Defaults to the trigger. */
+    anchor?: PopoverPrimitive.Positioner.Props['anchor'];
+    /**
+     * Element the popup is portaled into. Defaults to the theme's portal
+     * container.
+     */
+    container?: PopoverPrimitive.Portal.Props['container'];
+    /** Keeps the popup mounted in the DOM while the popover is closed. */
+    keepMounted?: boolean;
+};

package/dist/primitives/surfaces/Tooltip/Tooltip.d.ts

@@ -0,0 +1,9 @@
+import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+export declare const Tooltip: (({ content, children, open, defaultOpen, onOpenChange, onOpenChangeComplete, disabled, disableHoverablePopup, trackCursorAxis, actionsRef, triggerId, defaultTriggerId, delay, closeDelay, closeOnClick, ...props }: import('..').TooltipProps) => import("react").JSX.Element) & {
+    Root: <Payload>(props: TooltipPrimitive.Root.Props<Payload>) => React.JSX.Element;
+    Trigger: TooltipPrimitive.Trigger;
+    Popup: ({ side, align, sideOffset, alignOffset, anchor, positionMethod, collisionBoundary, collisionPadding, collisionAvoidance, sticky, disableAnchorTracking, arrow, maxWidth, container, keepMounted, className, children, ...props }: import('..').TooltipPopupProps) => import("react").JSX.Element;
+    Content: ({ children, description, startIcon, className, render, ref, ...props }: import('..').TooltipContentProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Provider: import('react').FC<import('@base-ui/react').TooltipProviderProps>;
+    createHandle: typeof TooltipPrimitive.createHandle;
+};

package/dist/primitives/surfaces/Tooltip/internal/TooltipComponent.d.ts

@@ -0,0 +1,2 @@
+import { TooltipProps } from '../types/TooltipProps';
+export declare const TooltipComponent: ({ content, children, open, defaultOpen, onOpenChange, onOpenChangeComplete, disabled, disableHoverablePopup, trackCursorAxis, actionsRef, triggerId, defaultTriggerId, delay, closeDelay, closeOnClick, ...props }: TooltipProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/Tooltip/internal/TooltipContent.d.ts

@@ -0,0 +1,2 @@
+import { TooltipContentProps } from '../types/TooltipContentProps';
+export declare const TooltipContent: ({ children, description, startIcon, className, render, ref, ...props }: TooltipContentProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/surfaces/Tooltip/internal/TooltipPopup.d.ts

@@ -0,0 +1,2 @@
+import { TooltipPopupProps } from '../types/TooltipPopupProps';
+export declare const TooltipPopup: ({ side, align, sideOffset, alignOffset, anchor, positionMethod, collisionBoundary, collisionPadding, collisionAvoidance, sticky, disableAnchorTracking, arrow, maxWidth, container, keepMounted, className, children, ...props }: TooltipPopupProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/Tooltip/types/TooltipAlign.d.ts

@@ -0,0 +1 @@
+export type TooltipAlign = 'start' | 'center' | 'end';

package/dist/primitives/surfaces/Tooltip/types/TooltipContentProps.d.ts

@@ -0,0 +1,6 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } from 'react';
+export type TooltipContentProps = useRender.ComponentProps<'div'> & {
+    description?: ReactNode;
+    startIcon?: ReactNode;
+};

package/dist/primitives/surfaces/Tooltip/types/TooltipPopupProps.d.ts

@@ -0,0 +1,12 @@
+import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+import { CSSProperties } from 'react';
+import { TooltipAlign } from './TooltipAlign';
+import { TooltipSide } from './TooltipSide';
+export type TooltipPopupProps = TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.Positioner.Props, 'anchor' | 'sideOffset' | 'alignOffset' | 'positionMethod' | 'collisionBoundary' | 'collisionPadding' | 'collisionAvoidance' | 'sticky' | 'disableAnchorTracking'> & {
+    side?: TooltipSide;
+    align?: TooltipAlign;
+    arrow?: boolean;
+    maxWidth?: CSSProperties['maxWidth'];
+    container?: TooltipPrimitive.Portal.Props['container'];
+    keepMounted?: boolean;
+};

package/dist/primitives/surfaces/Tooltip/types/TooltipProps.d.ts

@@ -0,0 +1,7 @@
+import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+import { ReactElement, ReactNode } from 'react';
+import { TooltipPopupProps } from './TooltipPopupProps';
+export type TooltipProps = Omit<TooltipPopupProps, 'children' | 'content'> & Omit<TooltipPrimitive.Root.Props, 'children' | 'handle'> & Pick<TooltipPrimitive.Trigger.Props, 'delay' | 'closeDelay' | 'closeOnClick'> & {
+    content: ReactNode;
+    children: ReactElement;
+};

package/dist/primitives/surfaces/Tooltip/types/TooltipProviderProps.d.ts

@@ -0,0 +1,2 @@
+import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+export type TooltipProviderProps = TooltipPrimitive.Provider.Props;

package/dist/primitives/surfaces/Tooltip/types/TooltipRootProps.d.ts

@@ -0,0 +1,2 @@
+import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+export type TooltipRootProps<TPayload = unknown> = TooltipPrimitive.Root.Props<TPayload>;

package/dist/primitives/surfaces/Tooltip/types/TooltipSide.d.ts

@@ -0,0 +1 @@
+export type TooltipSide = 'top' | 'right' | 'bottom' | 'left';

package/dist/primitives/surfaces/Tooltip/types/TooltipTriggerProps.d.ts

@@ -0,0 +1,2 @@
+import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+export type TooltipTriggerProps<TPayload = unknown> = TooltipPrimitive.Trigger.Props<TPayload>;

package/dist/{surfaces → primitives/surfaces}/index.d.ts

@@ -9,12 +9,21 @@ export type { AlertDialogRootProps } from './AlertDialog/types/AlertDialogRootPr
 export type { AlertDialogSize } from './AlertDialog/types/AlertDialogSize';
 export type { AlertDialogTitleProps } from './AlertDialog/types/AlertDialogTitleProps';
 export type { AlertDialogTriggerProps } from './AlertDialog/types/AlertDialogTriggerProps';
-export type { AppTooltipProps } from './AppTooltip/AppTooltip';
-export { TooltipPosition, TooltipDelay, AppTooltip, } from './AppTooltip/AppTooltip';
 export { Card } from './Card/Card';
 export { CardContent } from './CardContent/CardContent';
 export { CardFooter } from './CardFooter/CardFooter';
 export { CardHeader } from './CardHeader/CardHeader';
+export { Dialog } from './Dialog/Dialog';
+export type { DialogBodyProps } from './Dialog/types/DialogBodyProps';
+export type { DialogCloseProps } from './Dialog/types/DialogCloseProps';
+export type { DialogDescriptionProps } from './Dialog/types/DialogDescriptionProps';
+export type { DialogFooterProps } from './Dialog/types/DialogFooterProps';
+export type { DialogHeaderProps } from './Dialog/types/DialogHeaderProps';
+export type { DialogPopupProps } from './Dialog/types/DialogPopupProps';
+export type { DialogRootProps } from './Dialog/types/DialogRootProps';
+export type { DialogSize } from './Dialog/types/DialogSize';
+export type { DialogTitleProps } from './Dialog/types/DialogTitleProps';
+export type { DialogTriggerProps } from './Dialog/types/DialogTriggerProps';
 export { Menu } from './Menu/Menu';
 export type { MenuActionItemProps } from './Menu/types/MenuActionItemProps';
 export type { MenuAlign } from './Menu/types/MenuAlign';
@@ -31,19 +40,6 @@ export type { MenuSide } from './Menu/types/MenuSide';
 export type { MenuSubmenuRootProps } from './Menu/types/MenuSubmenuRootProps';
 export type { MenuSubmenuTriggerProps } from './Menu/types/MenuSubmenuTriggerProps';
 export type { MenuTriggerProps } from './Menu/types/MenuTriggerProps';
-export { Modal } from './Modal/Modal';
-export type { ModalOverlay } from './Modal/types/ModalOverlay';
-export type { ModalPadding } from './Modal/types/ModalPadding';
-export type { ModalProps } from './Modal/types/ModalProps';
-export type { ModalSize } from './Modal/types/ModalSize';
-export { ModalBackdrop } from './ModalBackdrop/ModalBackdrop';
-export type { ModalContentProps } from './ModalContent/ModalContent';
-export { ModalContent } from './ModalContent/ModalContent';
-export type { ModalFooterProps } from './ModalFooter/ModalFooter';
-export { ModalFooter } from './ModalFooter/ModalFooter';
-export type { ModalHeaderProps } from './ModalHeader/ModalHeader';
-export { ModalHeader } from './ModalHeader/ModalHeader';
-export { OverflowingTextWithTooltip } from './OverflowingTextWithTooltip/OverflowingTextWithTooltip';
 export { Popover } from './Popover/Popover';
 export type { PopoverAlign } from './Popover/types/PopoverAlign';
 export type { PopoverCloseProps } from './Popover/types/PopoverCloseProps';
@@ -53,3 +49,12 @@ export type { PopoverRootProps } from './Popover/types/PopoverRootProps';
 export type { PopoverSide } from './Popover/types/PopoverSide';
 export type { PopoverTitleProps } from './Popover/types/PopoverTitleProps';
 export type { PopoverTriggerProps } from './Popover/types/PopoverTriggerProps';
+export { Tooltip } from './Tooltip/Tooltip';
+export type { TooltipAlign } from './Tooltip/types/TooltipAlign';
+export type { TooltipContentProps } from './Tooltip/types/TooltipContentProps';
+export type { TooltipPopupProps } from './Tooltip/types/TooltipPopupProps';
+export type { TooltipProps } from './Tooltip/types/TooltipProps';
+export type { TooltipProviderProps } from './Tooltip/types/TooltipProviderProps';
+export type { TooltipRootProps } from './Tooltip/types/TooltipRootProps';
+export type { TooltipSide } from './Tooltip/types/TooltipSide';
+export type { TooltipTriggerProps } from './Tooltip/types/TooltipTriggerProps';

package/dist/primitives/surfaces.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../OverflowingTextWithTooltip-DpizuDxR.cjs"),e=require("../surfaces-CuxI6145.cjs");exports.AlertDialog=e.AlertDialog;exports.Card=e.Card;exports.CardContent=e.CardContent;exports.CardFooter=e.CardFooter;exports.CardHeader=e.CardHeader;exports.Dialog=e.Dialog;exports.Menu=e.Menu;exports.Popover=e.Popover;exports.Tooltip=r.Tooltip;

package/dist/primitives/surfaces.mjs

@@ -0,0 +1,13 @@
+import { r as o } from "../OverflowingTextWithTooltip-BXWJtb0f.js";
+import { a as s, c as t, i as e, n as i, o as d, r as p, s as C, t as l } from "../surfaces-Cr4lhCvZ.js";
+export {
+  t as AlertDialog,
+  C as Card,
+  d as CardContent,
+  s as CardFooter,
+  e as CardHeader,
+  p as Dialog,
+  i as Menu,
+  l as Popover,
+  o as Tooltip
+};

package/dist/primitives/typography/Heading/Heading.d.ts

@@ -0,0 +1,2 @@
+import { HeadingProps } from './types/HeadingProps';
+export declare const Heading: ({ level, size, color, render, ref, className, ...props }: HeadingProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/typography/Heading/types/HeadingProps.d.ts

@@ -0,0 +1,6 @@
+import { useRender } from '@base-ui/react/use-render';
+export type HeadingProps = Omit<useRender.ComponentProps<'h2'>, 'color'> & {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    color?: 'primary' | 'secondary' | 'tertiary';
+};

package/dist/{surfaces → primitives/typography}/OverflowingTextWithTooltip/OverflowingTextWithTooltip.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
-import { TooltipDelay, TooltipPosition } from '../AppTooltip/AppTooltip';
+import { TooltipSide } from '../../surfaces/Tooltip/types/TooltipSide';
 type OverflowingTextWithTooltipProps = {
     size?: 'large' | 'small';
     isTooltipMultiline?: boolean;
     displayedMaxRows?: number;
-    tooltipDelay?: TooltipDelay;
-    tooltipPlace?: TooltipPosition;
+    tooltipDelay?: number;
+    tooltipPlace?: TooltipSide;
     alwaysShowTooltip?: boolean;
     isFocusable?: boolean;
 } & ({
@@ -15,5 +15,5 @@ type OverflowingTextWithTooltipProps = {
     text: Exclude<ReactNode, string | null | undefined>;
     tooltipContent: string;
 });
-export declare const OverflowingTextWithTooltip: ({ size, text, isTooltipMultiline, displayedMaxRows, tooltipContent, tooltipDelay, tooltipPlace, alwaysShowTooltip, isFocusable, }: OverflowingTextWithTooltipProps) => import("react").JSX.Element;
+export declare const OverflowingTextWithTooltip: import('react').NamedExoticComponent<OverflowingTextWithTooltipProps>;
 export {};

package/dist/{typography → primitives/typography}/Text/Text.d.ts

@@ -1,9 +1,17 @@
 import { useRender } from '@base-ui/react/use-render';
 type TextTruncationProps = {
+    /**
+     * Truncates overflowing text on one line with an ellipsis. Cannot be
+     * combined with `lineClamp`.
+     */
     truncate?: boolean;
     lineClamp?: never;
 } | {
     truncate?: never;
+    /**
+     * Maximum number of lines before the text is truncated with an ellipsis.
+     * Cannot be combined with `truncate`.
+     */
     lineClamp?: number;
 };
 type TextProps = useRender.ComponentProps<'div'> & TextTruncationProps;

package/dist/primitives/typography/index.d.ts

@@ -0,0 +1,4 @@
+export { Heading } from './Heading/Heading';
+export type { HeadingProps } from './Heading/types/HeadingProps';
+export { OverflowingTextWithTooltip } from './OverflowingTextWithTooltip/OverflowingTextWithTooltip';
+export { Text } from './Text/Text';

package/dist/primitives/typography.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../OverflowingTextWithTooltip-DpizuDxR.cjs"),i=require("../Heading-CQqDjovJ.cjs");exports.Heading=i.Heading;exports.OverflowingTextWithTooltip=e.OverflowingTextWithTooltip;exports.Text=e.Text;

package/dist/primitives/typography.mjs

@@ -0,0 +1,7 @@
+import { n as o, t as i } from "../OverflowingTextWithTooltip-BXWJtb0f.js";
+import { t as e } from "../Heading-DvxTKEaL.js";
+export {
+  e as Heading,
+  i as OverflowingTextWithTooltip,
+  o as Text
+};

package/dist/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./handleClickableElementKeyDown-0XD9MRqa.cjs"),s=require("./Loader-CHKTYJo7.cjs"),t=require("./Switch-DuoJ4ytC.cjs"),c=require("./Pill-BJ3K8Mdc.cjs"),l=require("./ProgressBar-DwJQXHwg.cjs"),a=require("./OverflowingTextWithTooltip-DpizuDxR.cjs"),q=require("./HorizontalSeparator-vJLHHlc4.cjs"),_=require("./ListItem-D75aS69B.cjs"),C=require("./Heading-CQqDjovJ.cjs"),T=require("./Avatar-BGFK0_a_.cjs"),i=require("./data-display-QOdhAohf.cjs"),p=require("./feedback-CH2UC0Fv.cjs"),e=require("./input-CAX9aS7C.cjs"),u=require("./layout-BgAfeZsL.cjs"),d=require("./ResizeHandle-IVbYS3b8.cjs"),o=require("./navigation-e5PTdnND.cjs"),r=require("./surfaces-CuxI6145.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=i.AVATAR_PROPERTIES_BY_SIZE;exports.AlertDialog=r.AlertDialog;exports.AnimatedExpandableContainer=u.AnimatedExpandableContainer;exports.Avatar=T.Avatar;exports.Banner=l.Banner;exports.Button=t.Button;exports.ButtonGroup=e.ButtonGroup;exports.CAL_LINK=o.CAL_LINK;exports.Card=r.Card;exports.CardContent=r.CardContent;exports.CardFooter=r.CardFooter;exports.CardHeader=r.CardHeader;exports.Checkbox=e.Checkbox;exports.Chip=i.Chip;exports.CircularProgressBar=p.CircularProgressBar;exports.ClickToActionLink=o.ClickToActionLink;exports.ColorSample=i.ColorSample;exports.Dialog=r.Dialog;exports.Field=e.Field;exports.GITHUB_LINK=o.GITHUB_LINK;exports.Heading=C.Heading;exports.HorizontalSeparator=q.HorizontalSeparator;exports.Input=e.Input;exports.InputGroup=e.InputGroup;exports.ListItem=_.ListItem;exports.Loader=s.Loader;exports.Menu=r.Menu;exports.OverflowingTextWithTooltip=a.OverflowingTextWithTooltip;exports.Pill=c.Pill;exports.Popover=r.Popover;exports.ProgressBar=l.ProgressBar;exports.Radio=t.Radio;exports.RadioGroup=e.RadioGroup;exports.ResizeHandle=d.ResizeHandle;exports.SegmentedControl=e.SegmentedControl;exports.Select=e.Select;exports.Slider=e.Slider;exports.Status=i.Status;exports.Switch=t.Switch;exports.TWENTY_PRICING_LINK=o.TWENTY_PRICING_LINK;exports.Tabs=o.Tabs;exports.Tag=i.Tag;exports.Text=a.Text;exports.TextDirectionProvider=u.TextDirectionProvider;exports.Textarea=e.Textarea;exports.Tooltip=a.Tooltip;exports.VisibilityHidden=n.VisibilityHidden;exports.handleClickableElementKeyDown=n.handleClickableElementKeyDown;exports.useResizeHandle=d.useResizeHandle;

package/dist/primitives.mjs

@@ -0,0 +1,68 @@
+import { n as r, t as o } from "./handleClickableElementKeyDown-CJ_JsX2K.js";
+import { t as s } from "./Loader-DbOLVUcK.js";
+import { n as e, r as m, t as n } from "./Switch-BvVP6vjR.js";
+import { t as l } from "./Pill-DaFEFIOT.js";
+import { n as f, t as C } from "./ProgressBar-RWLNIkzm.js";
+import { n as u, r as I, t as c } from "./OverflowingTextWithTooltip-BXWJtb0f.js";
+import { t as g } from "./HorizontalSeparator-JwV0dB5W.js";
+import { t as P } from "./ListItem-C08r49UJ.js";
+import { t as x } from "./Heading-DvxTKEaL.js";
+import { t as H } from "./Avatar-C_TzSJBe.js";
+import { a as _, i as E, n as b, r as h, t as G } from "./data-display-YQG01UPq.js";
+import { t as k } from "./feedback-BvpEL2-w.js";
+import { a as D, c as K, i as w, l as z, n as y, o as F, r as O, s as V, t as W, u as Y } from "./input-C2q7tGPj.js";
+import { n as U, t as Z } from "./layout-D-XbKoLM.js";
+import { n as q, t as J } from "./ResizeHandle-BWfY2ONo.js";
+import { a as X, i as $, n as aa, r as ra, t as oa } from "./navigation-Z7puI3wl.js";
+import { a as sa, c as ia, i as ea, n as ma, o as na, r as pa, s as la, t as da } from "./surfaces-Cr4lhCvZ.js";
+export {
+  _ as AVATAR_PROPERTIES_BY_SIZE,
+  ia as AlertDialog,
+  U as AnimatedExpandableContainer,
+  H as Avatar,
+  f as Banner,
+  m as Button,
+  Y as ButtonGroup,
+  $ as CAL_LINK,
+  la as Card,
+  na as CardContent,
+  sa as CardFooter,
+  ea as CardHeader,
+  z as Checkbox,
+  E as Chip,
+  k as CircularProgressBar,
+  X as ClickToActionLink,
+  h as ColorSample,
+  pa as Dialog,
+  K as Field,
+  ra as GITHUB_LINK,
+  x as Heading,
+  g as HorizontalSeparator,
+  V as Input,
+  F as InputGroup,
+  P as ListItem,
+  s as Loader,
+  ma as Menu,
+  c as OverflowingTextWithTooltip,
+  l as Pill,
+  da as Popover,
+  C as ProgressBar,
+  e as Radio,
+  D as RadioGroup,
+  J as ResizeHandle,
+  w as SegmentedControl,
+  O as Select,
+  y as Slider,
+  b as Status,
+  n as Switch,
+  aa as TWENTY_PRICING_LINK,
+  oa as Tabs,
+  G as Tag,
+  u as Text,
+  Z as TextDirectionProvider,
+  W as Textarea,
+  I as Tooltip,
+  r as VisibilityHidden,
+  o as handleClickableElementKeyDown,
+  q as useResizeHandle
+};