twenty-ui 1.0.0-alpha.2 → 2.41.0

package/dist/{layout → primitives/layout}/AnimatedEaseInOut/AnimatedEaseInOut.d.ts

@@ -1,4 +1,4 @@
-import { AnimationDuration } from '../../theme';
+import { AnimationDuration } from '../../../theme';
 type AnimatedEaseInOutProps = {
     isOpen: boolean;
     children: React.ReactNode;

package/dist/{layout → primitives/layout}/AnimatedIconCrossfade/AnimatedIconCrossfade.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../icon/types/IconComponent';
+import { IconComponent } from '../../../icon/types/IconComponent';
 type AnimatedIconCrossfadeProps = {
     isActive: boolean;
     ActiveIcon: IconComponent;

package/dist/{layout → primitives/layout}/AnimatedRotate/AnimatedRotate.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-import { AnimationDuration } from '../../theme';
+import { AnimationDuration } from '../../../theme';
 type AnimatedRotateProps = {
     children?: React.ReactNode;
     duration?: AnimationDuration;

package/dist/primitives/layout/TextDirectionProvider/TextDirectionProvider.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+type TextDirectionProviderProps = {
+    direction: 'ltr' | 'rtl';
+    children: ReactNode;
+};
+export declare const TextDirectionProvider: ({ direction, children, }: TextDirectionProviderProps) => import("react").JSX.Element;
+export {};

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

@@ -15,3 +15,4 @@ export { HorizontalSeparator } from './HorizontalSeparator/HorizontalSeparator';
 export { useResizeHandle } from './ResizeHandle/hooks/useResizeHandle';
 export { ResizeHandle } from './ResizeHandle/ResizeHandle';
 export { SectionAlignment, SectionFontColor, Section } from './Section/Section';
+export { TextDirectionProvider } from './TextDirectionProvider/TextDirectionProvider';

package/dist/primitives/layout.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../useResizeHandle-BsV5UEJk.cjs"),t=require("../HorizontalSeparator-BWu4LVEU.cjs"),e=require("../layout-BN3KI-Wu.cjs");exports.AnimatedCircleLoading=e.AnimatedCircleLoading;exports.AnimatedContainer=e.AnimatedContainer;exports.AnimatedEaseIn=e.AnimatedEaseIn;exports.AnimatedEaseInOut=e.AnimatedEaseInOut;exports.AnimatedExpandableContainer=e.AnimatedExpandableContainer;exports.AnimatedIconCrossfade=e.AnimatedIconCrossfade;exports.AnimatedRotate=e.AnimatedRotate;exports.AutogrowWrapper=e.AutogrowWrapper;exports.HorizontalSeparator=t.HorizontalSeparator;exports.ResizeHandle=n.ResizeHandle;exports.Section=e.Section;exports.SectionAlignment=e.SectionAlignment;exports.SectionFontColor=e.SectionFontColor;exports.TextDirectionProvider=e.TextDirectionProvider;exports.useResizeHandle=n.useResizeHandle;

package/dist/primitives/layout.mjs

@@ -0,0 +1,20 @@
+import { n as e, t } from "../useResizeHandle-CCRiw9Fi.js";
+import { t as o } from "../HorizontalSeparator-p1xF1-ka.js";
+import { a as s, c as r, d, f as m, i as A, l, n as p, o as c, r as f, s as C, t as u, u as S } from "../layout-LzKpLxiO.js";
+export {
+  m as AnimatedCircleLoading,
+  d as AnimatedContainer,
+  S as AnimatedEaseIn,
+  l as AnimatedEaseInOut,
+  r as AnimatedExpandableContainer,
+  C as AnimatedIconCrossfade,
+  c as AnimatedRotate,
+  s as AutogrowWrapper,
+  o as HorizontalSeparator,
+  e as ResizeHandle,
+  p as Section,
+  f as SectionAlignment,
+  A as SectionFontColor,
+  u as TextDirectionProvider,
+  t as useResizeHandle
+};

package/dist/primitives/navigation/ListItem/types/ListItemProps.d.ts

@@ -0,0 +1,44 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } from 'react';
+import { ListItemColor } from './ListItemColor';
+import { ListItemDescriptionPlacement } from './ListItemDescriptionPlacement';
+import { ListItemIndicator } from './ListItemIndicator';
+import { ListItemState } from './ListItemState';
+export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>, 'color'> & {
+    /** Color of the text and icons. `danger` marks a destructive action. */
+    color?: ListItemColor;
+    /**
+     * Whether the item is selected. Shows the check or checkbox indicator when
+     * `indicator` is set.
+     */
+    selected?: boolean;
+    /** Applies the highlighted style, for example to the focused item of a list. */
+    focused?: boolean;
+    /** Prevents clicks and applies the disabled style. */
+    disabled?: boolean;
+    /**
+     * Selection indicator: a check icon after the content or a checkbox before
+     * it.
+     */
+    indicator?: ListItemIndicator;
+    /** Icon rendered before the content. */
+    startIcon?: ReactNode;
+    /** Icon rendered after the content. */
+    endIcon?: ReactNode;
+    /** Supporting text, placed according to `descriptionPlacement`. */
+    description?: ReactNode;
+    /**
+     * Where the description renders: inline after the content or at the end of
+     * the row.
+     */
+    descriptionPlacement?: ListItemDescriptionPlacement;
+    /** Trailing content, such as buttons, rendered after the content. */
+    actions?: ReactNode;
+    /**
+     * Keyboard shortcut keys displayed at the end of the row. Registering the
+     * shortcut is up to the application.
+     */
+    hotkeys?: string[];
+    /** Shows a chevron indicating that the item opens a submenu. */
+    hasSubmenu?: boolean;
+};

package/dist/{navigation → primitives/navigation}/MenuItem/MenuItem.d.ts

@@ -1,8 +1,8 @@
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 import { LightIconButtonProps } from '../../input/LightIconButton/LightIconButton';
 import { FunctionComponent, MouseEvent, ReactElement, ReactNode } from 'react';
-import { ThemeColor } from '../../theme';
-import { Nullable } from '../../utilities/types/Nullable';
+import { ThemeColor } from '../../../theme';
+import { Nullable } from '../../../utilities/types/Nullable';
 import { MenuItemLeftContent } from './parts/MenuItemLeftContent';
 import { StyledHoverableMenuItemBase, StyledMenuItemIconCheck, StyledMenuItemLabel, StyledMenuItemLeftContent } from './parts/StyledMenuItemBase';
 import { MenuItemAccent } from './types/MenuItemAccent';

package/dist/{navigation → primitives/navigation}/MenuItem/constants/DefaultColorLabels.d.ts

@@ -1,3 +1,3 @@
-import { ThemeColor } from '../../../theme';
+import { ThemeColor } from '../../../../theme';
 export type ColorLabels = Record<ThemeColor, string>;
 export declare const DEFAULT_COLOR_LABELS: ColorLabels;

package/dist/{navigation → primitives/navigation}/MenuItem/parts/MenuItemIcon.d.ts

@@ -1,5 +1,5 @@
-import { IconComponent } from '../../../icon';
-import { ThemeColor } from '../../../theme';
+import { IconComponent } from '../../../../icon';
+import { ThemeColor } from '../../../../theme';
 export type MenuItemIconProps = {
     Icon: IconComponent | null | undefined;
     iconThemeColor?: ThemeColor | null;

package/dist/{navigation → primitives/navigation}/MenuItem/parts/MenuItemIconWithGripSwap.d.ts

@@ -1,5 +1,5 @@
-import { IconComponent } from '../../../icon';
-import { ThemeColor } from '../../../theme';
+import { IconComponent } from '../../../../icon';
+import { ThemeColor } from '../../../../theme';
 export type MenuItemIconWithGripSwapProps = {
     LeftIcon: IconComponent | null | undefined;
     iconThemeColor?: ThemeColor | null;

package/dist/{navigation → primitives/navigation}/MenuItem/parts/MenuItemLeftContent.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { IconComponent } from '../../../icon';
-import { ThemeColor } from '../../../theme';
+import { IconComponent } from '../../../../icon';
+import { ThemeColor } from '../../../../theme';
 import { MenuItemDraggableGripMode } from '../types/MenuItemDraggableGripMode';
 type MenuItemLeftContentProps = {
     className?: string;

package/dist/{navigation → primitives/navigation}/MenuItemAvatar/MenuItemAvatar.d.ts

@@ -1,4 +1,4 @@
-import { AvatarProps } from '../../data-display';
+import { AvatarProps } from '../../data-display/Avatar/types/AvatarProps';
 import { MenuItemIconButton } from '../MenuItem/MenuItem';
 import { MouseEvent, ReactNode } from 'react';
 import { MenuItemAccent } from '../MenuItem/types/MenuItemAccent';
@@ -8,7 +8,7 @@ export type MenuItemAvatarProps = {
     iconButtons?: MenuItemIconButton[];
     isIconDisplayedOnHoverOnly?: boolean;
     isTooltipOpen?: boolean;
-    avatar?: Pick<AvatarProps, 'avatarUrl' | 'placeholderColorSeed' | 'placeholder' | 'size' | 'type'> | null;
+    avatar?: Pick<AvatarProps, 'src' | 'colorSeed' | 'name' | 'size' | 'shape'> | null;
     onClick?: (event: MouseEvent<HTMLDivElement>) => void;
     onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
     onMouseLeave?: (event: MouseEvent<HTMLDivElement>) => void;

package/dist/{navigation → primitives/navigation}/MenuItemDraggable/MenuItemDraggable.d.ts

@@ -1,5 +1,5 @@
 import { MenuItemAccent } from '../MenuItem/types/MenuItemAccent';
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 import { ReactNode } from 'react';
 import { MenuItemDraggableGripMode } from '../MenuItem/types/MenuItemDraggableGripMode';
 import { MenuItemIconButton } from '../MenuItem/MenuItem';

package/dist/{navigation → primitives/navigation}/MenuItemMultiSelect/MenuItemMultiSelect.d.ts

@@ -1,5 +1,5 @@
-import { IconComponent } from '../../icon';
-import { ThemeColor } from '../../theme';
+import { IconComponent } from '../../../icon';
+import { ThemeColor } from '../../../theme';
 type MenuItemMultiSelectProps = {
     color?: ThemeColor;
     LeftIcon?: IconComponent;

package/dist/{navigation → primitives/navigation}/MenuItemMultiSelectTag/MenuItemMultiSelectTag.d.ts

@@ -1,5 +1,5 @@
-import { IconComponent } from '../../icon';
-import { ThemeColor } from '../../theme';
+import { IconComponent } from '../../../icon';
+import { ThemeColor } from '../../../theme';
 type MenuItemMultiSelectTagProps = {
     selected: boolean;
     className?: string;

package/dist/{navigation → primitives/navigation}/MenuItemNavigate/MenuItemNavigate.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 export type MenuItemNavigateProps = {
     LeftIcon?: IconComponent;
     withIconContainer?: boolean;

package/dist/{navigation → primitives/navigation}/MenuItemSelect/MenuItemSelect.d.ts

@@ -1,5 +1,5 @@
-import { IconComponent } from '../../icon';
-import { ThemeColor } from '../../theme';
+import { IconComponent } from '../../../icon';
+import { ThemeColor } from '../../../theme';
 import { ReactNode } from 'react';
 export declare const StyledMenuItemSelect: import('react').ForwardRefExoticComponent<{
     disabled?: boolean;
@@ -7,6 +7,7 @@ export declare const StyledMenuItemSelect: import('react').ForwardRefExoticCompo
     isKeySelected?: boolean;
 } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 type MenuItemSelectProps = {
+    LeftComponent?: ReactNode;
     LeftIcon?: IconComponent | null | undefined;
     leftIconColor?: ThemeColor | null;
     withIconContainer?: boolean;
@@ -21,5 +22,5 @@ type MenuItemSelectProps = {
     contextualText?: ReactNode;
     contextualTextPosition?: 'left' | 'right';
 };
-export declare const MenuItemSelect: ({ LeftIcon, leftIconColor, withIconContainer, text, selected, needIconCheck, className, onClick, disabled, focused, hasSubMenu, contextualText, contextualTextPosition, }: MenuItemSelectProps) => import("react").JSX.Element;
+export declare const MenuItemSelect: ({ LeftComponent, LeftIcon, leftIconColor, withIconContainer, text, selected, needIconCheck, className, onClick, disabled, focused, hasSubMenu, contextualText, contextualTextPosition, }: MenuItemSelectProps) => import("react").JSX.Element;
 export {};

package/dist/{navigation → primitives/navigation}/MenuItemSelectColor/MenuItemSelectColor.d.ts

@@ -1,5 +1,5 @@
 import { ColorSampleVariant } from '../../data-display';
-import { ThemeColor } from '../../theme';
+import { ThemeColor } from '../../../theme';
 import { ColorLabels } from '../MenuItem/constants/DefaultColorLabels';
 type MenuItemSelectColorProps = {
     selected: boolean;

package/dist/{navigation → primitives/navigation}/MenuItemSelectTag/MenuItemSelectTag.d.ts

@@ -1,5 +1,5 @@
-import { IconComponent } from '../../icon';
-import { ThemeColor } from '../../theme';
+import { IconComponent } from '../../../icon';
+import { ThemeColor } from '../../../theme';
 type MenuItemSelectTagProps = {
     selected?: boolean;
     focused?: boolean;
@@ -8,7 +8,7 @@ type MenuItemSelectTagProps = {
     onClick?: () => void;
     color: ThemeColor | 'transparent';
     text: string;
-    variant?: 'solid' | 'outline';
+    variant?: 'soft' | 'outline';
     LeftIcon?: IconComponent | null;
 };
 export declare const MenuItemSelectTag: ({ color, selected, focused, isKeySelected, className, onClick, text, variant, LeftIcon, }: MenuItemSelectTagProps) => import("react").JSX.Element;

package/dist/{navigation → primitives/navigation}/MenuItemSuggestion/MenuItemSuggestion.d.ts

@@ -1,5 +1,5 @@
 import { MouseEvent } from 'react';
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 export type MenuItemSuggestionProps = {
     LeftIcon?: IconComponent | null;
     withIconContainer?: boolean;

package/dist/{navigation → primitives/navigation}/MenuItemSwitch/MenuItemSwitch.d.ts

@@ -1,5 +1,5 @@
-import { IconComponent } from '../../icon';
-import { SwitchSize } from '../../input';
+import { IconComponent } from '../../../icon';
+import { SwitchSize } from '../../input/Switch/types/SwitchSize';
 export type MenuItemSwitchProps = {
     focused?: boolean;
     LeftIcon?: IconComponent;

package/dist/{navigation → primitives/navigation}/MenuPicker/MenuPicker.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../icon';
+import { IconComponent } from '../../../icon';
 import { TooltipDelay } from '../../surfaces';
 export type MenuPickerProps = {
     id: string;

package/dist/{navigation → primitives/navigation}/NavigationBar/NavigationBar.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../icon/types/IconComponent';
+import { IconComponent } from '../../../icon/types/IconComponent';
 type NavigationBarProps = {
     activeItemName: string;
     isHidden?: boolean;

package/dist/{navigation → primitives/navigation}/NavigationBarItem/NavigationBarItem.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../icon/types/IconComponent';
+import { IconComponent } from '../../../icon/types/IconComponent';
 type NavigationBarItemProps = {
     Icon: IconComponent;
     isActive: boolean;

package/dist/{navigation → primitives/navigation}/Tabs/types/TabsTabProps.d.ts

@@ -2,7 +2,10 @@ import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
 import { ReactNode } from 'react';
 import { TabsSize } from './TabsSize';
 export type TabsTabProps = TabsPrimitive.Tab.Props & {
+    /** Icon rendered before the label. */
     startIcon?: ReactNode;
+    /** Content rendered after the label, such as a count. */
     badge?: ReactNode;
+    /** Visual size of the tab. */
     size?: TabsSize;
 };

package/dist/primitives/navigation.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../utilities-DmbkuukL.cjs"),n=require("../surfaces-ec8RlQ5J.cjs"),e=require("../navigation-BqWHvCpD.cjs");exports.CAL_LINK=e.CAL_LINK;exports.ClickToActionLink=e.ClickToActionLink;exports.ContactLink=e.ContactLink;exports.DEFAULT_COLOR_LABELS=e.DEFAULT_COLOR_LABELS;exports.GITHUB_LINK=e.GITHUB_LINK;exports.GithubVersionLink=e.GithubVersionLink;exports.LinkType=t.LinkType;exports.ListItem=n.ListItem;exports.MenuItem=e.MenuItem;exports.MenuItemAvatar=e.MenuItemAvatar;exports.MenuItemDraggable=e.MenuItemDraggable;exports.MenuItemHotKeys=n.MenuItemHotKeys;exports.MenuItemLeftContent=e.MenuItemLeftContent;exports.MenuItemMultiSelect=e.MenuItemMultiSelect;exports.MenuItemMultiSelectAvatar=e.MenuItemMultiSelectAvatar;exports.MenuItemMultiSelectTag=e.MenuItemMultiSelectTag;exports.MenuItemNavigate=e.MenuItemNavigate;exports.MenuItemSelect=e.MenuItemSelect;exports.MenuItemSelectAvatar=e.MenuItemSelectAvatar;exports.MenuItemSelectColor=e.MenuItemSelectColor;exports.MenuItemSelectTag=e.MenuItemSelectTag;exports.MenuItemSuggestion=e.MenuItemSuggestion;exports.MenuItemSwitch=e.MenuItemSwitch;exports.MenuPicker=e.MenuPicker;exports.NavigationBar=e.NavigationBar;exports.NavigationBarItem=e.NavigationBarItem;exports.RawLink=e.RawLink;exports.RoundedLink=e.RoundedLink;exports.SOCIAL_LINK_PROVIDERS=t.SOCIAL_LINK_PROVIDERS;exports.SocialLink=e.SocialLink;exports.StyledHoverableMenuItemBase=e.StyledHoverableMenuItemBase;exports.StyledMenuItemIconCheck=e.StyledMenuItemIconCheck;exports.StyledMenuItemLabel=e.StyledMenuItemLabel;exports.StyledMenuItemLeftContent=e.StyledMenuItemLeftContent;exports.StyledMenuItemSelect=e.StyledMenuItemSelect;exports.TWENTY_PRICING_LINK=e.TWENTY_PRICING_LINK;exports.Tabs=e.Tabs;exports.UndecoratedLink=e.UndecoratedLink;

package/dist/{navigation.mjs → primitives/navigation.mjs}

@@ -1,6 +1,6 @@
-import { n as a, r as t } from "./utilities-Ba96imFW.js";
-import { c as n, d as I } from "./surfaces-CMiB6au_.js";
-import { A as m, C as u, D as o, E as M, M as l, N as L, O as r, P as S, S as c, T as k, _ as d, a as C, b as g, c as N, d as T, f as A, g as _, h as v, i as y, j as b, k as f, l as p, m as R, n as B, o as E, p as K, r as O, s as h, t as D, u as P, v as w, w as G, x as H, y as U } from "./navigation-BtjiCRRV.js";
+import { n as a, r as t } from "../utilities-kvjM4sIB.js";
+import { c as n, d as I } from "../surfaces-B8zw9F5W.js";
+import { A as m, C as u, D as o, E as M, M as l, N as L, O as r, P as S, S as c, T as k, _ as d, a as C, b as g, c as N, d as T, f as A, g as _, h as v, i as y, j as b, k as f, l as p, m as R, n as B, o as E, p as K, r as O, s as h, t as D, u as P, v as w, w as G, x as H, y as U } from "../navigation-CqKtMuQI.js";
 export {
   m as CAL_LINK,
   S as ClickToActionLink,

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/{surfaces → primitives/surfaces}/AppTooltip/AppTooltip.d.ts

@@ -1,4 +1,4 @@
-import { IconComponent } from '../../icon/types/IconComponent';
+import { IconComponent } from '../../../icon/types/IconComponent';
 export declare enum TooltipPosition {
     Top = "top",
     Left = "left",

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" | "hotkeys" | "render" | "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.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../OverflowingTextWithTooltip-C2iADYbv.cjs"),o=require("../surfaces-ec8RlQ5J.cjs");exports.AlertDialog=o.AlertDialog;exports.AppTooltip=e.AppTooltip;exports.Card=o.Card;exports.CardContent=o.CardContent;exports.CardFooter=o.CardFooter;exports.CardHeader=o.CardHeader;exports.Menu=o.Menu;exports.Modal=o.Modal;exports.ModalBackdrop=o.ModalBackdrop;exports.ModalContent=o.ModalContent;exports.ModalFooter=o.ModalFooter;exports.ModalHeader=o.ModalHeader;exports.OverflowingTextWithTooltip=e.OverflowingTextWithTooltip;exports.Popover=o.Popover;exports.TooltipDelay=e.TooltipDelay;exports.TooltipPosition=e.TooltipPosition;

package/dist/{surfaces.mjs → primitives/surfaces.mjs}

@@ -1,5 +1,5 @@
-import { i as a, n as r, r as t, t as s } from "./OverflowingTextWithTooltip-D2ri4HNc.js";
-import { a as i, f as l, g as d, h as p, i as n, m as C, n as M, o as m, p as T, r as f, s as g, t as h } from "./surfaces-CMiB6au_.js";
+import { i as a, n as r, r as t, t as s } from "../OverflowingTextWithTooltip-C21bgWKF.js";
+import { a as i, f as l, g as d, h as p, i as n, m as C, n as M, o as m, p as T, r as f, s as g, t as h } from "../surfaces-B8zw9F5W.js";
 export {
   d as AlertDialog,
   r as AppTooltip,

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.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../OverflowingTextWithTooltip-C2iADYbv.cjs"),e=require("../typography-Rw7ZDHyn.cjs");exports.H1Title=e.H1Title;exports.H1TitleFontColor=e.H1TitleFontColor;exports.H2Title=e.H2Title;exports.H3Title=e.H3Title;exports.Label=e.Label;exports.LinkifiedText=t.LinkifiedText;exports.SeparatorLineText=e.SeparatorLineText;exports.StyledText=e.StyledText;exports.StyledTextContent=e.StyledTextContent;exports.StyledTextWrapper=e.StyledTextWrapper;exports.Text=t.Text;

package/dist/{typography.mjs → primitives/typography.mjs}

@@ -1,5 +1,5 @@
-import { a as e, o as a } from "./OverflowingTextWithTooltip-D2ri4HNc.js";
-import { a as s, c as i, i as r, l, n as T, o as x, r as n, s as p, t as d } from "./typography-BdBVEyRT.js";
+import { a as e, o as a } from "../OverflowingTextWithTooltip-C21bgWKF.js";
+import { a as s, c as i, i as r, l, n as T, o as x, r as n, s as p, t as d } from "../typography-CaY1Dwdi.js";
 export {
   i as H1Title,
   l as H1TitleFontColor,

package/dist/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./Pill-4lAWCmbk.cjs"),c=require("./utilities-DmbkuukL.cjs"),C=require("./Button-DDrUyVB1.cjs"),I=require("./accessibility-BEkMTFE2.cjs"),T=require("./handleClickableElementKeyDown-CByqtBhO.cjs"),n=require("./data-display-DH28tg-I.cjs"),d=require("./OverflowingTextWithTooltip-C2iADYbv.cjs"),o=require("./feedback-62S0e8tP.cjs"),e=require("./input-B1qr987z.cjs"),i=require("./surfaces-ec8RlQ5J.cjs"),s=require("./useResizeHandle-BsV5UEJk.cjs"),l=require("./typography-Rw7ZDHyn.cjs"),m=require("./HorizontalSeparator-BWu4LVEU.cjs"),a=require("./json-visualizer-CN76kFy-.cjs"),r=require("./layout-BN3KI-Wu.cjs"),t=require("./navigation-BqWHvCpD.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=n.AVATAR_PROPERTIES_BY_SIZE;exports.AlertDialog=i.AlertDialog;exports.AnimatedButton=e.AnimatedButton;exports.AnimatedCheckmark=n.AnimatedCheckmark;exports.AnimatedCircleLoading=r.AnimatedCircleLoading;exports.AnimatedContainer=r.AnimatedContainer;exports.AnimatedEaseIn=r.AnimatedEaseIn;exports.AnimatedEaseInOut=r.AnimatedEaseInOut;exports.AnimatedExpandableContainer=r.AnimatedExpandableContainer;exports.AnimatedIconCrossfade=r.AnimatedIconCrossfade;exports.AnimatedLightIconButton=e.AnimatedLightIconButton;exports.AnimatedPlaceholder=o.AnimatedPlaceholder;exports.AnimatedPlaceholderEmptyContainer=o.AnimatedPlaceholderEmptyContainer;exports.AnimatedPlaceholderEmptySubTitle=o.AnimatedPlaceholderEmptySubTitle;exports.AnimatedPlaceholderEmptyTextContainer=o.AnimatedPlaceholderEmptyTextContainer;exports.AnimatedPlaceholderEmptyTitle=o.AnimatedPlaceholderEmptyTitle;exports.AnimatedPlaceholderErrorContainer=o.AnimatedPlaceholderErrorContainer;exports.AnimatedPlaceholderErrorSubTitle=o.AnimatedPlaceholderErrorSubTitle;exports.AnimatedPlaceholderErrorTextContainer=o.AnimatedPlaceholderErrorTextContainer;exports.AnimatedPlaceholderErrorTitle=o.AnimatedPlaceholderErrorTitle;exports.AnimatedRotate=r.AnimatedRotate;exports.AppTooltip=d.AppTooltip;exports.AutogrowWrapper=r.AutogrowWrapper;exports.Avatar=n.Avatar;exports.AvatarGroup=n.AvatarGroup;exports.AvatarOrIcon=n.AvatarOrIcon;exports.BACKGROUND=o.BACKGROUND;exports.BASE_CODE_EDITOR_THEME_ID=e.BASE_CODE_EDITOR_THEME_ID;exports.Banner=o.Banner;exports.Button=C.Button;exports.ButtonGroup=e.ButtonGroup;exports.CAL_LINK=t.CAL_LINK;exports.Callout=o.Callout;exports.Card=i.Card;exports.CardContent=i.CardContent;exports.CardFooter=i.CardFooter;exports.CardHeader=i.CardHeader;exports.CardPicker=e.CardPicker;exports.Checkbox=e.Checkbox;exports.Checkmark=n.Checkmark;exports.Chip=n.Chip;exports.CircularProgressBar=o.CircularProgressBar;exports.ClickToActionLink=t.ClickToActionLink;exports.CodeEditor=e.CodeEditor;exports.ColorPickerButton=e.ColorPickerButton;exports.ColorSample=n.ColorSample;exports.ColorSchemeCard=e.ColorSchemeCard;exports.ColorSchemePicker=e.ColorSchemePicker;exports.CommandBlock=n.CommandBlock;exports.ContactLink=t.ContactLink;exports.CoreEditorHeader=e.CoreEditorHeader;exports.DARK_BACKGROUND=o.DARK_BACKGROUND;exports.DARK_MOVING_IMAGE=o.DARK_MOVING_IMAGE;exports.DEFAULT_COLOR_LABELS=t.DEFAULT_COLOR_LABELS;exports.EllipsisDisplay=n.EllipsisDisplay;exports.Field=e.Field;exports.FloatingButton=e.FloatingButton;exports.FloatingButtonGroup=e.FloatingButtonGroup;exports.FloatingIconButton=e.FloatingIconButton;exports.FloatingIconButtonGroup=e.FloatingIconButtonGroup;exports.GITHUB_LINK=t.GITHUB_LINK;exports.GithubVersionLink=t.GithubVersionLink;exports.H1Title=l.H1Title;exports.H1TitleFontColor=l.H1TitleFontColor;exports.H2Title=l.H2Title;exports.H3Title=l.H3Title;exports.HorizontalSeparator=m.HorizontalSeparator;exports.IconButton=e.IconButton;exports.IconButtonGroup=e.IconButtonGroup;exports.IconButtonWithTooltip=e.IconButtonWithTooltip;exports.IconListViewGrip=e.IconListViewGrip;exports.Info=o.Info;exports.InlineBanner=o.InlineBanner;exports.Input=e.Input;exports.InputGroup=e.InputGroup;exports.InputHint=e.InputHint;exports.InputLabel=e.InputLabel;exports.InsideButton=e.InsideButton;exports.JsonArrayNode=a.JsonArrayNode;exports.JsonDisplay=n.JsonDisplay;exports.JsonNestedNode=a.JsonNestedNode;exports.JsonNode=a.JsonNode;exports.JsonObjectNode=a.JsonObjectNode;exports.JsonTree=a.JsonTree;exports.JsonTreeContext=a.JsonTreeContext;exports.JsonTreeContextProvider=a.JsonTreeContextProvider;exports.JsonValueNode=a.JsonValueNode;exports.LINK_CHIP_CLICK_OUTSIDE_ID=n.LINK_CHIP_CLICK_OUTSIDE_ID;exports.Label=l.Label;exports.LightIconButton=e.LightIconButton;exports.LightIconButtonGroup=e.LightIconButtonGroup;exports.LinkChip=n.LinkChip;exports.LinkType=c.LinkType;exports.LinkifiedText=d.LinkifiedText;exports.ListItem=i.ListItem;exports.Loader=u.Loader;exports.MOVING_IMAGE=o.MOVING_IMAGE;exports.Menu=i.Menu;exports.MenuItem=t.MenuItem;exports.MenuItemAvatar=t.MenuItemAvatar;exports.MenuItemDraggable=t.MenuItemDraggable;exports.MenuItemHotKeys=i.MenuItemHotKeys;exports.MenuItemLeftContent=t.MenuItemLeftContent;exports.MenuItemMultiSelect=t.MenuItemMultiSelect;exports.MenuItemMultiSelectAvatar=t.MenuItemMultiSelectAvatar;exports.MenuItemMultiSelectTag=t.MenuItemMultiSelectTag;exports.MenuItemNavigate=t.MenuItemNavigate;exports.MenuItemSelect=t.MenuItemSelect;exports.MenuItemSelectAvatar=t.MenuItemSelectAvatar;exports.MenuItemSelectColor=t.MenuItemSelectColor;exports.MenuItemSelectTag=t.MenuItemSelectTag;exports.MenuItemSuggestion=t.MenuItemSuggestion;exports.MenuItemSwitch=t.MenuItemSwitch;exports.MenuPicker=t.MenuPicker;exports.Modal=i.Modal;exports.ModalBackdrop=i.ModalBackdrop;exports.ModalContent=i.ModalContent;exports.ModalFooter=i.ModalFooter;exports.ModalHeader=i.ModalHeader;exports.NavigationBar=t.NavigationBar;exports.NavigationBarItem=t.NavigationBarItem;exports.NotificationCounter=n.NotificationCounter;exports.NumberDisplay=n.NumberDisplay;exports.OverflowingTextWithTooltip=d.OverflowingTextWithTooltip;exports.Pill=u.Pill;exports.Popover=i.Popover;exports.ProgressBar=o.ProgressBar;exports.Radio=e.Radio;exports.RadioGroup=e.RadioGroup;exports.RawLink=t.RawLink;exports.ResizeHandle=s.ResizeHandle;exports.RoundedIconButton=e.RoundedIconButton;exports.RoundedLink=t.RoundedLink;exports.SOCIAL_LINK_PROVIDERS=c.SOCIAL_LINK_PROVIDERS;exports.SearchInput=e.SearchInput;exports.Section=r.Section;exports.SectionAlignment=r.SectionAlignment;exports.SectionFontColor=r.SectionFontColor;exports.SegmentedControl=e.SegmentedControl;exports.Select=e.Select;exports.SelectDisplay=n.SelectDisplay;exports.SeparatorLineText=l.SeparatorLineText;exports.SidePanelInformationBanner=o.SidePanelInformationBanner;exports.Slider=e.Slider;exports.SocialLink=t.SocialLink;exports.Status=n.Status;exports.StyledHoverableMenuItemBase=t.StyledHoverableMenuItemBase;exports.StyledMenuItemIconCheck=t.StyledMenuItemIconCheck;exports.StyledMenuItemLabel=t.StyledMenuItemLabel;exports.StyledMenuItemLeftContent=t.StyledMenuItemLeftContent;exports.StyledMenuItemSelect=t.StyledMenuItemSelect;exports.StyledTabContainer=e.StyledTabContainer;exports.StyledText=l.StyledText;exports.StyledTextContent=l.StyledTextContent;exports.StyledTextWrapper=l.StyledTextWrapper;exports.StyledTintedIconTileContainer=n.StyledTintedIconTileContainer;exports.Switch=e.Switch;exports.TWENTY_PRICING_LINK=t.TWENTY_PRICING_LINK;exports.TabButton=e.TabButton;exports.TabContent=e.TabContent;exports.Tabs=t.Tabs;exports.Tag=n.Tag;exports.Text=d.Text;exports.TextDirectionProvider=r.TextDirectionProvider;exports.TextDisplay=n.TextDisplay;exports.Textarea=e.Textarea;exports.TintedIconTile=n.TintedIconTile;exports.Toast=o.Toast;exports.ToastProvider=o.ToastProvider;exports.Toaster=o.Toaster;exports.TooltipDelay=d.TooltipDelay;exports.TooltipPosition=d.TooltipPosition;exports.UndecoratedLink=t.UndecoratedLink;exports.VisibilityHidden=I.VisibilityHidden;exports.VisibilityHiddenInput=I.VisibilityHiddenInput;exports.getBaseCodeEditorTheme=e.getBaseCodeEditorTheme;exports.getIconTileColorShades=n.getIconTileColorShades;exports.handleClickableElementKeyDown=T.handleClickableElementKeyDown;exports.isArray=a.isArray;exports.isTwoFirstDepths=a.isTwoFirstDepths;exports.useJsonTreeContextOrThrow=a.useJsonTreeContextOrThrow;exports.useResizeHandle=s.useResizeHandle;exports.useToast=o.useToast;