twenty-ui 2.42.0 → 2.44.0

package/dist/primitives/input/SegmentedControl/SegmentedControl.d.ts

@@ -1,29 +1,2 @@
-import { ReactNode } from 'react';
-import { IconComponent } from '../../../icon';
-type SegmentedControlOptionBase<Value extends string> = {
-    disabled?: boolean;
-    value: Value;
-};
-type SegmentedControlOptionWithLabel<Value extends string> = SegmentedControlOptionBase<Value> & {
-    Icon?: IconComponent;
-    ariaLabel?: string;
-    label: NonNullable<ReactNode>;
-};
-type SegmentedControlOptionIconOnly<Value extends string> = SegmentedControlOptionBase<Value> & {
-    Icon: IconComponent;
-    ariaLabel: string;
-    label?: never;
-};
-export type SegmentedControlOption<Value extends string> = SegmentedControlOptionWithLabel<Value> | SegmentedControlOptionIconOnly<Value>;
-type SegmentedControlItemWidth = 'content' | 'equal';
-export type SegmentedControlProps<Value extends string> = {
-    ariaLabel: string;
-    itemWidth?: SegmentedControlItemWidth;
-    onChange: (value: Value) => void;
-    options: SegmentedControlOption<Value>[];
-    role?: 'group' | 'tablist';
-    value: Value;
-    width?: number | string;
-};
-export declare const SegmentedControl: <Value extends string>({ ariaLabel, itemWidth, onChange, options, role, value, width, }: SegmentedControlProps<Value>) => import("react").JSX.Element;
-export {};
+import { SegmentedControlProps } from './types/SegmentedControlProps';
+export declare const SegmentedControl: <TValue extends string>({ className, itemWidth, options, ...props }: SegmentedControlProps<TValue>) => import("react").JSX.Element;

package/dist/primitives/input/SegmentedControl/types/SegmentedControlOption.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type SegmentedControlOption<TValue extends string = string> = {
+    disabled?: boolean;
+    value: TValue;
+} & ({
+    label: NonNullable<ReactNode>;
+    startIcon?: ReactNode;
+    'aria-label'?: string;
+} | {
+    label?: never;
+    startIcon: NonNullable<ReactNode>;
+    'aria-label': string;
+});

package/dist/primitives/input/SegmentedControl/types/SegmentedControlProps.d.ts

@@ -0,0 +1,10 @@
+import { RadioGroupProps } from '../../RadioGroup/types/RadioGroupProps';
+import { SegmentedControlOption } from './SegmentedControlOption';
+export type SegmentedControlProps<TValue extends string = string> = Omit<RadioGroupProps<TValue>, 'aria-label' | 'aria-labelledby' | 'children' | 'role'> & {
+    itemWidth?: 'content' | 'equal';
+    options: readonly SegmentedControlOption<TValue>[];
+} & ({
+    'aria-label': string;
+} | {
+    'aria-labelledby': string;
+});

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

@@ -20,8 +20,9 @@ export { Radio } from './Radio/Radio';
 export type { RadioProps } from './Radio/types/RadioProps';
 export { RadioGroup } from './RadioGroup/RadioGroup';
 export type { RadioGroupProps } from './RadioGroup/types/RadioGroupProps';
-export type { SegmentedControlOption, SegmentedControlProps, } from './SegmentedControl/SegmentedControl';
 export { SegmentedControl } from './SegmentedControl/SegmentedControl';
+export type { SegmentedControlOption } from './SegmentedControl/types/SegmentedControlOption';
+export type { SegmentedControlProps } from './SegmentedControl/types/SegmentedControlProps';
 export { Select } from './Select/Select';
 export type { SelectGroupLabelProps } from './Select/types/SelectGroupLabelProps';
 export type { SelectGroupProps } from './Select/types/SelectGroupProps';
@@ -44,6 +45,5 @@ export type { SwitchProps } from './Switch/types/SwitchProps';
 export type { SwitchSize } from './Switch/types/SwitchSize';
 export { Textarea } from './Textarea/Textarea';
 export type { TextareaProps } from './Textarea/types/TextareaProps';
-export type { ColorScheme } from './types/ColorScheme';
 export type { InputSize } from './types/InputSize';
 export type { SelectOption } from './types/SelectOption';

package/dist/primitives/input.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Switch-DuoJ4ytC.cjs"),e=require("../input-CAX9aS7C.cjs");exports.Button=t.Button;exports.ButtonGroup=e.ButtonGroup;exports.Checkbox=e.Checkbox;exports.Field=e.Field;exports.Input=e.Input;exports.InputGroup=e.InputGroup;exports.Radio=t.Radio;exports.RadioGroup=e.RadioGroup;exports.SegmentedControl=e.SegmentedControl;exports.Select=e.Select;exports.Slider=e.Slider;exports.Switch=t.Switch;exports.Textarea=e.Textarea;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Switch-BLO0Y9bi.cjs"),e=require("../input-BNuMVtkM.cjs");exports.Button=t.Button;exports.ButtonGroup=e.ButtonGroup;exports.Checkbox=e.Checkbox;exports.Field=e.Field;exports.Input=t.Input;exports.InputGroup=t.InputGroup;exports.Radio=e.Radio;exports.RadioGroup=e.RadioGroup;exports.SegmentedControl=e.SegmentedControl;exports.Select=e.Select;exports.Slider=e.Slider;exports.Switch=t.Switch;exports.Textarea=e.Textarea;

package/dist/primitives/input.mjs

@@ -1,17 +1,17 @@
-import { n as o, r as t, t as s } from "../Switch-BvVP6vjR.js";
-import { a as e, c as i, i as n, l as p, n as u, o as d, r as l, s as m, t as c, u as S } from "../input-C2q7tGPj.js";
+import { a as o, n as t, r as s, t as r } from "../Switch-CMVfAYqP.js";
+import { a as i, c as n, i as p, l as u, n as d, o as l, r as m, s as c, t as S } from "../input-COx4wMjs.js";
 export {
-  t as Button,
-  S as ButtonGroup,
-  p as Checkbox,
-  i as Field,
-  m as Input,
-  d as InputGroup,
-  o as Radio,
-  e as RadioGroup,
-  n as SegmentedControl,
-  l as Select,
-  u as Slider,
-  s as Switch,
-  c as Textarea
+  o as Button,
+  u as ButtonGroup,
+  n as Checkbox,
+  c as Field,
+  s as Input,
+  t as InputGroup,
+  l as Radio,
+  i as RadioGroup,
+  p as SegmentedControl,
+  m as Select,
+  d as Slider,
+  r as Switch,
+  S as Textarea
 };

package/dist/primitives/layout/{AnimatedExpandableContainer/AnimatedExpandableContainer.d.ts → Collapsible/Collapsible.d.ts}

@@ -1,16 +1,13 @@
 import { AnimationDuration } from '../../../theme';
 import { AnimationDimension } from './types/AnimationDimension';
 import { AnimationDurations } from './types/AnimationDurations';
-import { AnimationMode } from './types/AnimationMode';
-type AnimatedExpandableContainerProps = {
+type CollapsibleProps = {
     children: React.ReactNode;
     isExpanded: boolean;
     dimension?: AnimationDimension;
     animationDurations?: AnimationDurations;
-    mode?: AnimationMode;
     containAnimation?: boolean;
-    initial?: boolean;
     duration?: AnimationDuration;
 };
-export declare const AnimatedExpandableContainer: ({ children, isExpanded, dimension, animationDurations, containAnimation, duration, }: AnimatedExpandableContainerProps) => import("react").JSX.Element;
+export declare const Collapsible: ({ children, isExpanded, dimension, animationDurations, containAnimation, duration, }: CollapsibleProps) => import("react").JSX.Element;
 export {};

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

@@ -1,9 +1,2 @@
-import { CSSProperties } from 'react';
-type ResizeHandleProps = {
-    onPointerDown?: (event: React.PointerEvent<HTMLDivElement>) => void;
-    onPointerMove?: (event: React.PointerEvent<HTMLDivElement>) => void;
-    onPointerUp?: (event: React.PointerEvent<HTMLDivElement>) => void;
-    style?: CSSProperties;
-};
-export declare const ResizeHandle: ({ onPointerDown, onPointerMove, onPointerUp, style, }: ResizeHandleProps) => import("react").JSX.Element;
-export {};
+import { ResizeHandleProps } from './types/ResizeHandleProps';
+export declare const ResizeHandle: ({ axis, value: controlledValue, defaultValue, onValueChange, min, max, step, disabled, className, children, render, ref, ...props }: ResizeHandleProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/layout/ResizeHandle/__stories__/ControlledResizeHandle.d.ts

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

package/dist/primitives/layout/ResizeHandle/__stories__/ResizableDemo.d.ts

@@ -0,0 +1,3 @@
+export declare const ResizableDemo: ({ axis }: {
+    axis?: "x" | "y";
+}) => import("react").JSX.Element;

package/dist/primitives/layout/ResizeHandle/__stories__/withMockPointerCapture.d.ts

@@ -0,0 +1,4 @@
+export declare const withMockPointerCapture: ({ handle, run, }: {
+    handle: HTMLElement;
+    run: () => Promise<void>;
+}) => Promise<void>;

package/dist/primitives/layout/ResizeHandle/internal/ResizeHandleDefaults.constant.d.ts

@@ -0,0 +1,6 @@
+export declare const RESIZE_HANDLE_DEFAULTS: {
+    value: number;
+    min: number;
+    max: number;
+    step: number;
+};

package/dist/primitives/layout/ResizeHandle/internal/useResizeHandleInteraction.d.ts

@@ -0,0 +1,19 @@
+import { KeyboardEvent, PointerEvent } from 'react';
+type UseResizeHandleInteractionArgs = {
+    axis: 'x' | 'y';
+    value: number;
+    onValueChange: (value: number) => void;
+    min: number;
+    max: number;
+    step: number;
+    disabled: boolean;
+};
+export declare const useResizeHandleInteraction: ({ axis, value, onValueChange, min, max, step, disabled, }: UseResizeHandleInteractionArgs) => {
+    onPointerDown: (event: PointerEvent<HTMLDivElement>) => void;
+    onPointerMove: (event: PointerEvent<HTMLDivElement>) => void;
+    onPointerUp: (event: PointerEvent<HTMLDivElement>) => void;
+    onPointerCancel: (event: PointerEvent<HTMLDivElement>) => void;
+    onLostPointerCapture: (event: PointerEvent<HTMLDivElement>) => void;
+    onKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
+};
+export {};

package/dist/primitives/layout/ResizeHandle/types/ResizeHandleProps.d.ts

@@ -0,0 +1,11 @@
+import { useRender } from '@base-ui/react/use-render';
+export type ResizeHandleProps = useRender.ComponentProps<'div'> & {
+    axis?: 'x' | 'y';
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+};

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

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

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

@@ -0,0 +1 @@
+export type TextDirection = 'ltr' | 'rtl';

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

@@ -0,0 +1,2 @@
+import { TextDirection } from './TextDirection';
+export declare const TextDirectionContext: import('react').Context<TextDirection | undefined>;

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

@@ -0,0 +1 @@
+export declare const useProvidedTextDirection: () => import('./TextDirection').TextDirection | undefined;

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

@@ -1,10 +1,8 @@
-export { AnimatedExpandableContainer } from './AnimatedExpandableContainer/AnimatedExpandableContainer';
-export type { AnimationDimension } from './AnimatedExpandableContainer/types/AnimationDimension';
-export type { AnimationDurationObject } from './AnimatedExpandableContainer/types/AnimationDurationObject';
-export type { AnimationDurations } from './AnimatedExpandableContainer/types/AnimationDurations';
-export type { AnimationMode } from './AnimatedExpandableContainer/types/AnimationMode';
-export type { AnimationSize } from './AnimatedExpandableContainer/types/AnimationSize';
+export { Collapsible } from './Collapsible/Collapsible';
+export type { AnimationDimension } from './Collapsible/types/AnimationDimension';
+export type { AnimationDurationObject } from './Collapsible/types/AnimationDurationObject';
+export type { AnimationDurations } from './Collapsible/types/AnimationDurations';
 export { HorizontalSeparator } from './HorizontalSeparator/HorizontalSeparator';
-export { useResizeHandle } from './ResizeHandle/hooks/useResizeHandle';
 export { ResizeHandle } from './ResizeHandle/ResizeHandle';
+export type { ResizeHandleProps } from './ResizeHandle/types/ResizeHandleProps';
 export { TextDirectionProvider } from './TextDirectionProvider/TextDirectionProvider';

package/dist/primitives/layout.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../HorizontalSeparator-vJLHHlc4.cjs"),e=require("../layout-BgAfeZsL.cjs"),r=require("../ResizeHandle-IVbYS3b8.cjs");exports.AnimatedExpandableContainer=e.AnimatedExpandableContainer;exports.HorizontalSeparator=i.HorizontalSeparator;exports.ResizeHandle=r.ResizeHandle;exports.TextDirectionProvider=e.TextDirectionProvider;exports.useResizeHandle=r.useResizeHandle;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../HorizontalSeparator-vJLHHlc4.cjs"),e=require("../layout-DniJJ8Mx.cjs"),o=require("../ResizeHandle-cll01qBQ.cjs");exports.Collapsible=e.Collapsible;exports.HorizontalSeparator=r.HorizontalSeparator;exports.ResizeHandle=o.ResizeHandle;exports.TextDirectionProvider=e.TextDirectionProvider;

package/dist/primitives/layout.mjs

@@ -1,10 +1,9 @@
-import { t as a } from "../HorizontalSeparator-JwV0dB5W.js";
-import { n as o, t } from "../layout-D-XbKoLM.js";
-import { n, t as s } from "../ResizeHandle-BWfY2ONo.js";
+import { t as r } from "../HorizontalSeparator-JwV0dB5W.js";
+import { n as a, t as e } from "../layout-BEC7fKLU.js";
+import { t as m } from "../ResizeHandle-DN1bRxQb.js";
 export {
-  o as AnimatedExpandableContainer,
-  a as HorizontalSeparator,
-  s as ResizeHandle,
-  t as TextDirectionProvider,
-  n as useResizeHandle
+  a as Collapsible,
+  r as HorizontalSeparator,
+  m as ResizeHandle,
+  e as TextDirectionProvider
 };

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

@@ -1,2 +1,2 @@
 import { ListItemProps } from './types/ListItemProps';
-export declare const ListItem: ({ color, selected, focused, disabled, indicator, startIcon, endIcon, description, descriptionPlacement, actions, actionsVisibility, hotkeys, hasSubmenu, className, children, render, ref, onClick, ...props }: ListItemProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const ListItem: ({ color, selected, focused, disabled, indicator, startIcon, endIcon, description, descriptionPlacement, actions, actionsVisibility, hotkeys, hotkeysJoinLabel, hasSubmenu, className, children, render, ref, onClick, ...props }: ListItemProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

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

@@ -40,6 +40,7 @@ export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>,
      * shortcut is up to the application.
      */
     hotkeys?: string[];
+    hotkeysJoinLabel?: string;
     /** Shows a chevron indicating that the item opens a submenu. */
     hasSubmenu?: boolean;
 };

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

@@ -1,7 +1,3 @@
-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';

package/dist/primitives/navigation.cjs

@@ -1 +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;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ListItem-UYe5GaEQ.cjs"),t=require("../navigation-qJfYicT7.cjs");exports.ListItem=e.ListItem;exports.Tabs=t.Tabs;

package/dist/primitives/navigation.mjs

@@ -1,10 +1,6 @@
-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";
+import { t as m } from "../ListItem-Bg7Sk5Nv.js";
+import { t as r } from "../navigation-CUofX3gO.js";
 export {
-  o as CAL_LINK,
-  i as ClickToActionLink,
-  r as GITHUB_LINK,
-  s as ListItem,
-  I as TWENTY_PRICING_LINK,
-  L as Tabs
+  m as ListItem,
+  r as Tabs
 };

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

@@ -1,8 +1,18 @@
-import { ComponentPropsWithoutRef } from 'react';
-type CardProps = ComponentPropsWithoutRef<'div'> & {
-    fullWidth?: boolean;
-    rounded?: boolean;
-    backgroundColor?: string;
+export declare const Card: {
+    Root: ({ children, className, fullWidth, rounded, backgroundColor, style, ...rest }: Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        fullWidth?: boolean;
+        rounded?: boolean;
+        backgroundColor?: string;
+    }) => import("react").JSX.Element;
+    Header: ({ children, className, ...rest }: Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">) => import("react").JSX.Element;
+    Content: ({ children, className, divider, isClickable, hasHoverHighlight, ...rest }: {
+        children?: import('react').ReactNode;
+        className?: string;
+        divider?: boolean;
+        isClickable?: boolean;
+        hasHoverHighlight?: boolean;
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">) => import("react").JSX.Element;
+    Footer: ({ children, className, divider, ...rest }: Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        divider?: boolean;
+    }) => import("react").JSX.Element;
 };
-export declare const Card: ({ children, className, fullWidth, rounded, backgroundColor, style, ...rest }: CardProps) => import("react").JSX.Element;
-export {};

package/dist/primitives/surfaces/Card/internal/CardRoot.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef } from 'react';
+type CardRootProps = ComponentPropsWithoutRef<'div'> & {
+    fullWidth?: boolean;
+    rounded?: boolean;
+    backgroundColor?: string;
+};
+export declare const CardRoot: ({ children, className, fullWidth, rounded, backgroundColor, style, ...rest }: CardRootProps) => import("react").JSX.Element;
+export {};

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

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

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

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

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

@@ -1,2 +1,2 @@
 import { ListItemProps } from '../../../navigation/ListItem/types/ListItemProps';
-export type MenuItemSlotProps = Pick<ListItemProps, 'color' | 'startIcon' | 'endIcon' | 'description' | 'descriptionPlacement' | 'hotkeys'>;
+export type MenuItemSlotProps = Pick<ListItemProps, 'color' | 'startIcon' | 'endIcon' | 'description' | 'descriptionPlacement' | 'hotkeys' | 'hotkeysJoinLabel'>;

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

@@ -2,7 +2,7 @@ import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
 export declare const Popover: {
     Root: typeof PopoverPrimitive.Root;
     Trigger: PopoverPrimitive.Trigger;
-    Popup: ({ side, align, sideOffset, alignOffset, arrow, anchor, container, keepMounted, className, children, ...props }: import('..').PopoverPopupProps) => import("react").JSX.Element;
+    Popup: ({ side, align, sideOffset, alignOffset, arrow, anchor, collisionPadding, container, keepMounted, className, children, ...props }: import('..').PopoverPopupProps) => import("react").JSX.Element;
     Title: ({ className, ...props }: import('..').PopoverTitleProps) => import("react").JSX.Element;
     Description: ({ className, ...props }: import('..').PopoverDescriptionProps) => import("react").JSX.Element;
     Close: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').PopoverCloseProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/primitives/surfaces/Popover/internal/PopoverPopup.d.ts

@@ -1,2 +1,2 @@
 import { PopoverPopupProps } from '../types/PopoverPopupProps';
-export declare const PopoverPopup: ({ side, align, sideOffset, alignOffset, arrow, anchor, container, keepMounted, className, children, ...props }: PopoverPopupProps) => import("react").JSX.Element;
+export declare const PopoverPopup: ({ side, align, sideOffset, alignOffset, arrow, anchor, collisionPadding, container, keepMounted, className, children, ...props }: PopoverPopupProps) => import("react").JSX.Element;

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

@@ -14,6 +14,11 @@ export type PopoverPopupProps = PopoverPrimitive.Popup.Props & {
     arrow?: boolean;
     /** Element or position the popup is anchored to. Defaults to the trigger. */
     anchor?: PopoverPrimitive.Positioner.Props['anchor'];
+    /**
+     * Space in pixels kept between the popup and the edges of its collision
+     * boundary, for all sides or per side. Defaults to 5.
+     */
+    collisionPadding?: PopoverPrimitive.Positioner.Props['collisionPadding'];
     /**
      * Element the popup is portaled into. Defaults to the theme's portal
      * container.

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

@@ -2,7 +2,7 @@ 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;
+    Popup: ({ side, align, sideOffset, alignOffset, anchor, positionMethod, collisionBoundary, collisionPadding, collisionAvoidance, sticky, disableAnchorTracking, arrow, withExitAnimation, 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/TooltipPopup.d.ts

@@ -1,2 +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;
+export declare const TooltipPopup: ({ side, align, sideOffset, alignOffset, anchor, positionMethod, collisionBoundary, collisionPadding, collisionAvoidance, sticky, disableAnchorTracking, arrow, withExitAnimation, maxWidth, container, keepMounted, className, children, ...props }: TooltipPopupProps) => import("react").JSX.Element;

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

@@ -6,6 +6,7 @@ export type TooltipPopupProps = TooltipPrimitive.Popup.Props & Pick<TooltipPrimi
     side?: TooltipSide;
     align?: TooltipAlign;
     arrow?: boolean;
+    withExitAnimation?: boolean;
     maxWidth?: CSSProperties['maxWidth'];
     container?: TooltipPrimitive.Portal.Props['container'];
     keepMounted?: boolean;

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

@@ -10,9 +10,6 @@ export type { AlertDialogSize } from './AlertDialog/types/AlertDialogSize';
 export type { AlertDialogTitleProps } from './AlertDialog/types/AlertDialogTitleProps';
 export type { AlertDialogTriggerProps } from './AlertDialog/types/AlertDialogTriggerProps';
 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';

package/dist/primitives/surfaces.cjs

@@ -1 +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;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../OverflowingTextWithTooltip-maBlogGW.cjs"),o=require("../MenuSeparator-Ct3cQtJ2.cjs"),e=require("../surfaces-iGk6vB0x.cjs");exports.AlertDialog=e.AlertDialog;exports.Card=e.Card;exports.Dialog=e.Dialog;exports.Menu=e.Menu;exports.Popover=o.Popover;exports.Tooltip=r.Tooltip;

package/dist/primitives/surfaces.mjs

@@ -1,13 +1,11 @@
-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";
+import { r } from "../OverflowingTextWithTooltip-CtHMhu6b.js";
+import { a as i } from "../MenuSeparator-CyUYx1nk.js";
+import { i as m, n as p, r as s, t as e } from "../surfaces-BJilWRcD.js";
 export {
-  t as AlertDialog,
-  C as Card,
-  d as CardContent,
-  s as CardFooter,
-  e as CardHeader,
+  m as AlertDialog,
+  s as Card,
   p as Dialog,
-  i as Menu,
-  l as Popover,
-  o as Tooltip
+  e as Menu,
+  i as Popover,
+  r as Tooltip
 };

package/dist/{utilities/utils → primitives/typography/OverflowingTextWithTooltip/internal/LinkifiedText}/linkifyText.d.ts

@@ -1,5 +1,6 @@
-export type LinkifyMatch = {
+type LinkifyMatch = {
     type: 'text' | 'link';
     content: string;
 };
 export declare const linkifyText: (text: string) => LinkifyMatch[];
+export {};

package/dist/primitives/typography.cjs

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

package/dist/primitives/typography.mjs

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

package/dist/primitives.cjs

@@ -1 +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;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./handleClickableElementKeyDown-0XD9MRqa.cjs"),u=require("./Loader-CMXdrX1d.cjs"),i=require("./Switch-BLO0Y9bi.cjs"),n=require("./ProgressBar-C8N-1Iav.cjs"),t=require("./OverflowingTextWithTooltip-maBlogGW.cjs"),s=require("./HorizontalSeparator-vJLHHlc4.cjs"),d=require("./ListItem-UYe5GaEQ.cjs"),q=require("./Heading-CQqDjovJ.cjs"),c=require("./MenuSeparator-Ct3cQtJ2.cjs"),p=require("./Avatar-B5-MSVUG.cjs"),r=require("./data-display-DenoFbuP.cjs"),e=require("./input-BNuMVtkM.cjs"),l=require("./layout-DniJJ8Mx.cjs"),_=require("./ResizeHandle-cll01qBQ.cjs"),S=require("./navigation-qJfYicT7.cjs"),o=require("./surfaces-iGk6vB0x.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=r.AVATAR_PROPERTIES_BY_SIZE;exports.AlertDialog=o.AlertDialog;exports.Avatar=p.Avatar;exports.Banner=n.Banner;exports.Button=i.Button;exports.ButtonGroup=e.ButtonGroup;exports.Card=o.Card;exports.Checkbox=e.Checkbox;exports.Chip=r.Chip;exports.Collapsible=l.Collapsible;exports.ColorSample=r.ColorSample;exports.Dialog=o.Dialog;exports.Field=e.Field;exports.Heading=q.Heading;exports.HorizontalSeparator=s.HorizontalSeparator;exports.Input=i.Input;exports.InputGroup=i.InputGroup;exports.ListItem=d.ListItem;exports.Loader=u.Loader;exports.Menu=o.Menu;exports.OverflowingTextWithTooltip=t.OverflowingTextWithTooltip;exports.Pill=r.Pill;exports.Popover=c.Popover;exports.ProgressBar=n.ProgressBar;exports.Radio=e.Radio;exports.RadioGroup=e.RadioGroup;exports.ResizeHandle=_.ResizeHandle;exports.SegmentedControl=e.SegmentedControl;exports.Select=e.Select;exports.Slider=e.Slider;exports.Status=r.Status;exports.Switch=i.Switch;exports.Tabs=S.Tabs;exports.Tag=r.Tag;exports.Text=t.Text;exports.TextDirectionProvider=l.TextDirectionProvider;exports.Textarea=e.Textarea;exports.Tooltip=t.Tooltip;exports.VisibilityHidden=a.VisibilityHidden;exports.handleClickableElementKeyDown=a.handleClickableElementKeyDown;