twenty-ui 1.0.0-alpha.1 → 2.41.0

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/primitives/navigation/ListItem/types/ListItemState.d.ts

@@ -0,0 +1,9 @@
+import { ListItemColor } from './ListItemColor';
+import { ListItemIndicator } from './ListItemIndicator';
+export type ListItemState = {
+    color: ListItemColor;
+    indicator: ListItemIndicator;
+    selected: boolean;
+    highlighted: boolean;
+    disabled: 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/primitives/navigation/MenuItem/parts/MenuItemMultiSelectCheckbox.d.ts

@@ -0,0 +1,7 @@
+type MenuItemMultiSelectCheckboxProps = {
+    selected: boolean;
+    onSelectChange?: (selected: boolean) => void;
+    ariaLabel?: string;
+};
+export declare const MenuItemMultiSelectCheckbox: ({ selected, onSelectChange, ariaLabel, }: MenuItemMultiSelectCheckboxProps) => import("react").JSX.Element;
+export {};

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;
@@ -8,7 +8,7 @@ type MenuItemMultiSelectProps = {
     isKeySelected?: boolean;
     withIconContainer?: boolean;
     text: string;
-    className: string;
+    className?: string;
     onSelectChange?: (selected: boolean) => void;
 };
 export declare const MenuItemMultiSelect: ({ color, LeftIcon, iconThemeColor, withIconContainer, text, selected, isKeySelected, className, onSelectChange, }: MenuItemMultiSelectProps) => import("react").JSX.Element;

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/primitives/navigation/MenuItemSwitch/MenuItemSwitch.d.ts

@@ -0,0 +1,14 @@
+import { IconComponent } from '../../../icon';
+import { SwitchSize } from '../../input/Switch/types/SwitchSize';
+export type MenuItemSwitchProps = {
+    focused?: boolean;
+    LeftIcon?: IconComponent;
+    withIconContainer?: boolean;
+    checked: boolean;
+    text: string;
+    className?: string;
+    onCheckedChange?: (checked: boolean) => void;
+    size?: SwitchSize;
+    disabled?: boolean;
+};
+export declare const MenuItemSwitch: ({ focused, LeftIcon, withIconContainer, text, checked, className, onCheckedChange, size, disabled, }: MenuItemSwitchProps) => import("react").JSX.Element;

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/primitives/navigation/NavigationBar/NavigationBar.d.ts

@@ -0,0 +1,13 @@
+import { IconComponent } from '../../../icon/types/IconComponent';
+type NavigationBarProps = {
+    activeItemName: string;
+    isHidden?: boolean;
+    items: {
+        name: string;
+        label: string;
+        Icon: IconComponent;
+        onClick: () => void;
+    }[];
+};
+export declare const NavigationBar: ({ activeItemName, isHidden, items, }: NavigationBarProps) => import("react").JSX.Element;
+export {};

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}/SocialLink/SocialLink.d.ts

@@ -1,7 +1,7 @@
 import { LinkType } from './LinkType';
 import * as React from 'react';
 type SocialLinkProps = {
-    label: string;
+    label?: string | null;
     href: string;
     type: LinkType;
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;

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

@@ -0,0 +1,6 @@
+export declare const Tabs: {
+    Root: ({ className, ...props }: import('..').TabsRootProps) => import("react").JSX.Element;
+    List: ({ className, children, onKeyDown, loopFocus, ...props }: import('..').TabsListProps) => import("react").JSX.Element;
+    Tab: ({ className, children, startIcon, badge, size, ...props }: import('..').TabsTabProps) => import("react").JSX.Element;
+    Panel: ({ className, ...props }: import('..').TabsPanelProps) => import("react").JSX.Element;
+};

package/dist/primitives/navigation/Tabs/internal/TabsList.d.ts

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

package/dist/primitives/navigation/Tabs/internal/TabsPanel.d.ts

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

package/dist/primitives/navigation/Tabs/internal/TabsRoot.d.ts

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

package/dist/primitives/navigation/Tabs/internal/TabsTab.d.ts

@@ -0,0 +1,2 @@
+import { TabsTabProps } from '../types/TabsTabProps';
+export declare const TabsTab: ({ className, children, startIcon, badge, size, ...props }: TabsTabProps) => import("react").JSX.Element;

package/dist/primitives/navigation/Tabs/internal/focusNextEnabledTab.d.ts

@@ -0,0 +1,9 @@
+import { TextDirection } from '@base-ui/react/direction-provider';
+import { TabsListProps } from '../types/TabsListProps';
+type FocusNextEnabledTabOptions = {
+    event: Parameters<NonNullable<TabsListProps['onKeyDown']>>[0];
+    direction: TextDirection;
+    loopFocus: boolean;
+};
+export declare const focusNextEnabledTab: ({ event, direction, loopFocus, }: FocusNextEnabledTabOptions) => void;
+export {};

package/dist/primitives/navigation/Tabs/internal/isRenderableSlot.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const isRenderableSlot: (slot: ReactNode) => boolean;

package/dist/primitives/navigation/Tabs/types/TabsListProps.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+export type TabsListProps = TabsPrimitive.List.Props;

package/dist/primitives/navigation/Tabs/types/TabsPanelProps.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+export type TabsPanelProps = TabsPrimitive.Panel.Props;

package/dist/primitives/navigation/Tabs/types/TabsRootProps.d.ts

@@ -0,0 +1,2 @@
+import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
+export type TabsRootProps = TabsPrimitive.Root.Props;

package/dist/primitives/navigation/Tabs/types/TabsSize.d.ts

@@ -0,0 +1 @@
+export type TabsSize = 'sm' | 'md';

package/dist/primitives/navigation/Tabs/types/TabsTabProps.d.ts

@@ -0,0 +1,11 @@
+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/{navigation → primitives/navigation}/index.d.ts

@@ -4,6 +4,12 @@ export { GithubVersionLink } from './GithubVersionLink/GithubVersionLink';
 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 type { ColorLabels } from './MenuItem/constants/DefaultColorLabels';
 export { DEFAULT_COLOR_LABELS } from './MenuItem/constants/DefaultColorLabels';
 export type { MenuItemIconButton, MenuItemProps } from './MenuItem/MenuItem';
@@ -27,8 +33,8 @@ export { MenuItemSelectColor } from './MenuItemSelectColor/MenuItemSelectColor';
 export { MenuItemSelectTag } from './MenuItemSelectTag/MenuItemSelectTag';
 export type { MenuItemSuggestionProps } from './MenuItemSuggestion/MenuItemSuggestion';
 export { MenuItemSuggestion } from './MenuItemSuggestion/MenuItemSuggestion';
-export type { MenuItemToggleProps } from './MenuItemToggle/MenuItemToggle';
-export { MenuItemToggle } from './MenuItemToggle/MenuItemToggle';
+export type { MenuItemSwitchProps } from './MenuItemSwitch/MenuItemSwitch';
+export { MenuItemSwitch } from './MenuItemSwitch/MenuItemSwitch';
 export type { MenuPickerProps } from './MenuPicker/MenuPicker';
 export { MenuPicker } from './MenuPicker/MenuPicker';
 export { NavigationBar } from './NavigationBar/NavigationBar';
@@ -39,4 +45,10 @@ export { LinkType } from './SocialLink/LinkType';
 export { SocialLink } from './SocialLink/SocialLink';
 export type { SocialLinkProvider } from './SocialLink/socialLinkProviders';
 export { SOCIAL_LINK_PROVIDERS } from './SocialLink/socialLinkProviders';
+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';
 export { UndecoratedLink } from './UndecoratedLink/UndecoratedLink';

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/primitives/navigation.mjs

@@ -0,0 +1,43 @@
+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,
+  L as ContactLink,
+  r as DEFAULT_COLOR_LABELS,
+  l as GITHUB_LINK,
+  b as GithubVersionLink,
+  t as LinkType,
+  n as ListItem,
+  c as MenuItem,
+  H as MenuItemAvatar,
+  g as MenuItemDraggable,
+  I as MenuItemHotKeys,
+  u as MenuItemLeftContent,
+  U as MenuItemMultiSelect,
+  w as MenuItemMultiSelectAvatar,
+  d as MenuItemMultiSelectTag,
+  _ as MenuItemNavigate,
+  R as MenuItemSelect,
+  K as MenuItemSelectAvatar,
+  A as MenuItemSelectColor,
+  T as MenuItemSelectTag,
+  P as MenuItemSuggestion,
+  p as MenuItemSwitch,
+  N as MenuPicker,
+  E as NavigationBar,
+  h as NavigationBarItem,
+  C as RawLink,
+  y as RoundedLink,
+  a as SOCIAL_LINK_PROVIDERS,
+  O as SocialLink,
+  G as StyledHoverableMenuItemBase,
+  k as StyledMenuItemIconCheck,
+  M as StyledMenuItemLabel,
+  o as StyledMenuItemLeftContent,
+  v as StyledMenuItemSelect,
+  f as TWENTY_PRICING_LINK,
+  B as Tabs,
+  D as UndecoratedLink
+};

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

@@ -0,0 +1,12 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export declare const AlertDialog: {
+    Root: typeof AlertDialogPrimitive.Root;
+    Trigger: AlertDialogPrimitive.Trigger;
+    Popup: ({ size, container, keepMounted, className, ...props }: import('..').AlertDialogPopupProps) => import("react").JSX.Element;
+    Title: ({ className, ...props }: import('..').AlertDialogTitleProps) => import("react").JSX.Element;
+    Description: ({ className, ...props }: import('..').AlertDialogDescriptionProps) => 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('..').AlertDialogHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Body: ({ render, ref, className, ...props }: import('..').AlertDialogBodyProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Footer: ({ render, ref, className, ...props }: import('..').AlertDialogFooterProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+};

package/dist/primitives/surfaces/AlertDialog/__stories__/AlertDialogExample.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { AlertDialogPopupProps } from '../types/AlertDialogPopupProps';
+import { AlertDialogRootProps } from '../types/AlertDialogRootProps';
+export type AlertDialogExampleProps = AlertDialogRootProps & {
+    size?: AlertDialogPopupProps['size'];
+    popupProps?: AlertDialogPopupProps;
+    disabled?: boolean;
+    content?: ReactNode;
+};
+export declare const AlertDialogExample: ({ size, popupProps, disabled, content, ...props }: AlertDialogExampleProps) => import("react").JSX.Element;

package/dist/primitives/surfaces/AlertDialog/__stories__/waitForAlertDialog.d.ts

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

package/dist/primitives/surfaces/AlertDialog/internal/AlertDialogBody.d.ts

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

package/dist/primitives/surfaces/AlertDialog/internal/AlertDialogDescription.d.ts

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

package/dist/primitives/surfaces/AlertDialog/internal/AlertDialogFooter.d.ts

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

package/dist/primitives/surfaces/AlertDialog/internal/AlertDialogHeader.d.ts

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

package/dist/primitives/surfaces/AlertDialog/internal/AlertDialogPopup.d.ts

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

package/dist/primitives/surfaces/AlertDialog/internal/AlertDialogTitle.d.ts

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

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogBodyProps.d.ts

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

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogCloseProps.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogCloseProps = AlertDialogPrimitive.Close.Props;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogDescriptionProps.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogDescriptionProps = AlertDialogPrimitive.Description.Props;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogFooterProps.d.ts

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

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogHeaderProps.d.ts

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

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogPopupProps.d.ts

@@ -0,0 +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/AlertDialog/types/AlertDialogRootProps.d.ts

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

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogSize.d.ts

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

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogTitleProps.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+export type AlertDialogTitleProps = AlertDialogPrimitive.Title.Props;

package/dist/primitives/surfaces/AlertDialog/types/AlertDialogTriggerProps.d.ts

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

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

@@ -1,3 +1,4 @@
+import { IconComponent } from '../../../icon/types/IconComponent';
 export declare enum TooltipPosition {
     Top = "top",
     Left = "left",
@@ -15,17 +16,19 @@ type PositionStrategy = 'absolute' | 'fixed';
 export type AppTooltipProps = {
     className?: string;
     anchorSelect?: string;
-    content?: string;
-    children?: React.ReactNode;
     offset?: number;
     noArrow?: boolean;
     hidden?: boolean;
     place?: PlacesType;
     delay?: TooltipDelay;
     positionStrategy?: PositionStrategy;
-    clickable?: boolean;
-    width?: string;
+    interactive?: boolean;
+    maxWidth?: string;
     isOpen?: boolean;
+    title?: string;
+    Icon?: IconComponent;
+    description?: string;
+    children?: React.ReactNode;
 };
-export declare const AppTooltip: ({ anchorSelect, className, content, hidden, noArrow, offset, delay, place, positionStrategy, children, clickable, width, isOpen, }: AppTooltipProps) => import("react").JSX.Element;
+export declare const AppTooltip: ({ anchorSelect, className, title, Icon, description, hidden, noArrow, offset, delay, place, positionStrategy, children, interactive, maxWidth, isOpen, }: AppTooltipProps) => import("react").JSX.Element;
 export {};

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

@@ -0,0 +1,15 @@
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+export declare const Menu: {
+    Root: <Payload>(props: MenuPrimitive.Root.Props<Payload>) => React.JSX.Element;
+    Trigger: MenuPrimitive.Trigger;
+    Popup: ({ side, align, sideOffset, alignOffset, anchor, keepMounted, className, children, ...props }: import('..').MenuPopupProps) => import("react").JSX.Element;
+    Item: (props: import('..').MenuActionItemProps) => import("react").JSX.Element;
+    CheckboxItem: (props: import('..').MenuCheckboxItemProps) => import("react").JSX.Element;
+    RadioGroup: ({ className, ...props }: import('..').MenuRadioGroupProps) => import("react").JSX.Element;
+    RadioItem: (props: import('..').MenuRadioItemProps) => import("react").JSX.Element;
+    Group: ({ className, ...props }: import('..').MenuGroupProps) => import("react").JSX.Element;
+    GroupLabel: ({ className, ...props }: import('..').MenuGroupLabelProps) => import("react").JSX.Element;
+    Separator: ({ className, ...props }: import('..').MenuSeparatorProps) => import("react").JSX.Element;
+    SubmenuRoot: ({ children, ...props }: import('..').MenuSubmenuRootProps) => import("react").JSX.Element;
+    SubmenuTrigger: (props: import('..').MenuSubmenuTriggerProps) => import("react").JSX.Element;
+};

package/dist/primitives/surfaces/Menu/internal/MenuCheckboxItem.d.ts

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

package/dist/primitives/surfaces/Menu/internal/MenuGroup.d.ts

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

package/dist/primitives/surfaces/Menu/internal/MenuGroupLabel.d.ts

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