twenty-ui 2.43.0 → 2.45.0

package/dist/primitives/feedback/ProgressBar/ProgressBar.d.ts

@@ -1,12 +1,2 @@
-export type ProgressBarProps = {
-    value: number;
-    className?: string;
-    barColor?: string;
-    backgroundColor?: string;
-    withBorderRadius?: boolean;
-    ariaLabel?: string;
-    countdownDurationInMs?: number;
-    isCountdownPaused?: boolean;
-    onCountdownComplete?: () => void;
-};
-export declare const ProgressBar: ({ value, className, barColor, backgroundColor, withBorderRadius, ariaLabel, countdownDurationInMs, isCountdownPaused, onCountdownComplete, }: ProgressBarProps) => import("react").JSX.Element;
+import { ProgressBarProps } from './types/ProgressBarProps';
+export declare const ProgressBar: ({ value, size, className, barColor, backgroundColor, withBorderRadius, withGrowIn, withGlint, withSpringFill, withMinimumFillWidth, ariaLabel, onGrowInComplete, }: ProgressBarProps) => import("react").JSX.Element;

package/dist/primitives/feedback/ProgressBar/types/ProgressBarProps.d.ts

@@ -0,0 +1,14 @@
+export type ProgressBarProps = {
+    value: number;
+    size?: 'sm' | 'md';
+    className?: string;
+    barColor?: string;
+    backgroundColor?: string;
+    withBorderRadius?: boolean;
+    withGrowIn?: boolean;
+    withGlint?: boolean;
+    withSpringFill?: boolean;
+    withMinimumFillWidth?: boolean;
+    ariaLabel?: string;
+    onGrowInComplete?: () => void;
+};

package/dist/primitives/feedback/ProgressRing/ProgressRing.d.ts

@@ -0,0 +1,2 @@
+import { ProgressRingProps } from './types/ProgressRingProps';
+export declare const ProgressRing: ({ value, size, barColor, children, className, style, "aria-valuetext": ariaValueText, ...props }: ProgressRingProps) => import("react").JSX.Element;

package/dist/primitives/feedback/ProgressRing/types/ProgressRingProps.d.ts

@@ -0,0 +1,6 @@
+import { useRender } from '@base-ui/react/use-render';
+export type ProgressRingProps = useRender.ComponentProps<'div'> & {
+    value: number;
+    size?: 'sm' | 'md';
+    barColor?: string;
+};

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

@@ -1,6 +1,7 @@
 export type { BannerColor, BannerVariant } from './Banner/Banner';
 export { Banner } from './Banner/Banner';
-export { CircularProgressBar } from './CircularProgressBar/CircularProgressBar';
 export { Loader } from './Loader/Loader';
-export type { ProgressBarProps } from './ProgressBar/ProgressBar';
 export { ProgressBar } from './ProgressBar/ProgressBar';
+export type { ProgressBarProps } from './ProgressBar/types/ProgressBarProps';
+export { ProgressRing } from './ProgressRing/ProgressRing';
+export type { ProgressRingProps } from './ProgressRing/types/ProgressRingProps';

package/dist/primitives/feedback.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Loader-Z6_7AA-x.cjs"),r=require("../ProgressBar-DwJQXHwg.cjs"),a=require("../feedback-CH2UC0Fv.cjs");exports.Banner=r.Banner;exports.CircularProgressBar=a.CircularProgressBar;exports.Loader=e.Loader;exports.ProgressBar=r.ProgressBar;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../ProgressBar-CyqeRyzA.cjs"),e=require("../Loader-CMXdrX1d.cjs");exports.Banner=r.Banner;exports.Loader=e.Loader;exports.ProgressBar=r.ProgressBar;exports.ProgressRing=r.ProgressRing;

package/dist/primitives/feedback.mjs

@@ -1,9 +1,8 @@
-import { t as o } from "../Loader-X1LymYkw.js";
-import { n as s, t } from "../ProgressBar-RWLNIkzm.js";
-import { t as e } from "../feedback-BvpEL2-w.js";
+import { n as o, r as s, t as a } from "../ProgressBar-21MXyySH.js";
+import { t } from "../Loader-BLkXvZli.js";
 export {
-  s as Banner,
-  e as CircularProgressBar,
-  o as Loader,
-  t as ProgressBar
+  o as Banner,
+  t as Loader,
+  a as ProgressBar,
+  s as ProgressRing
 };

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

@@ -1,2 +1,2 @@
 import { ButtonProps } from './types/ButtonProps';
-export declare const Button: ({ variant, color, size, fullWidth, loading, elevated, startIcon, endIcon, hotkeys, soon, soonLabel, disabled, href, render, className, children, ...props }: ButtonProps) => import("react").JSX.Element;
+export declare const Button: ({ variant, color, size, fullWidth, loading, elevated, startIcon, endIcon, shortcut, shortcutJoinLabel, disabled, href, render, className, children, ...props }: ButtonProps) => import("react").JSX.Element;

package/dist/primitives/input/Button/types/ButtonProps.d.ts

@@ -1,3 +1,4 @@
+import { ShortcutDefinition } from '../../../typography/Shortcut/types/ShortcutDefinition';
 import { Button as ButtonPrimitive } from '@base-ui/react/button';
 import { ComponentPropsWithRef, ReactNode } from 'react';
 import { ButtonColor } from './ButtonColor';
@@ -12,7 +13,6 @@ export type ButtonProps = Omit<ButtonPrimitive.Props, 'color' | 'nativeButton' |
     elevated?: boolean;
     startIcon?: ReactNode;
     endIcon?: ReactNode;
-    hotkeys?: string[];
-    soon?: boolean;
-    soonLabel?: string;
+    shortcut?: ShortcutDefinition;
+    shortcutJoinLabel?: string;
 };

package/dist/primitives/input/Button/types/ButtonVariant.d.ts

@@ -1 +1 @@
-export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'soft';
+export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'soft' | 'link';

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

@@ -0,0 +1,2 @@
+import { NumberStepperProps } from './types/NumberStepperProps';
+export declare const NumberStepper: ({ value, defaultValue, onValueChange, allowOutOfRange, min, max, step, disabled, readOnly, required, name, form, id, showButtons, decrementLabel, incrementLabel, className, ...props }: NumberStepperProps) => import("react").JSX.Element;

package/dist/primitives/input/NumberStepper/__stories__/ControlledNumberStepperExample.d.ts

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

package/dist/primitives/input/NumberStepper/__stories__/NumberStepperFieldExample.d.ts

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

package/dist/primitives/input/NumberStepper/__stories__/NumberStepperFormExample.d.ts

@@ -0,0 +1,4 @@
+import { NumberStepperProps } from '../types/NumberStepperProps';
+export declare const NumberStepperFormExample: ({ external, ...props }: NumberStepperProps & {
+    external?: boolean;
+}) => import("react").JSX.Element;

package/dist/primitives/input/NumberStepper/internal/constants/NumberStepperFormat.d.ts

@@ -0,0 +1 @@
+export declare const NUMBER_STEPPER_FORMAT: Intl.NumberFormatOptions;

package/dist/primitives/input/NumberStepper/internal/utils/isBlurRoundingOfCurrentValue.d.ts

@@ -0,0 +1,8 @@
+import { NumberField } from '@base-ui/react/number-field';
+type IsBlurRoundingOfCurrentValueArgs = {
+    nextValue: number | null;
+    currentValue: number | null;
+    reason: NumberField.Root.ChangeEventReason;
+};
+export declare const isBlurRoundingOfCurrentValue: ({ nextValue, currentValue, reason, }: IsBlurRoundingOfCurrentValueArgs) => boolean;
+export {};

package/dist/primitives/input/NumberStepper/types/NumberStepperProps.d.ts

@@ -0,0 +1,7 @@
+import { NumberField } from '@base-ui/react/number-field';
+export type NumberStepperProps = Omit<NumberField.Input.Props, 'children' | 'defaultValue' | 'disabled' | 'max' | 'min' | 'name' | 'onChange' | 'readOnly' | 'required' | 'size' | 'step' | 'type' | 'value'> & Pick<NumberField.Root.Props, 'allowOutOfRange' | 'defaultValue' | 'disabled' | 'max' | 'min' | 'name' | 'onValueChange' | 'readOnly' | 'required' | 'value'> & {
+    step?: number;
+    showButtons?: boolean;
+    decrementLabel?: string;
+    incrementLabel?: string;
+};

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

@@ -1,2 +1,2 @@
 import { RadioProps } from './types/RadioProps';
-export declare const Radio: <TValue>({ children, className, size, ...props }: RadioProps<TValue>) => import("react").JSX.Element;
+export declare const Radio: <TValue>({ children, className, size, variant, ...props }: RadioProps<TValue>) => import("react").JSX.Element;

package/dist/primitives/input/Radio/types/RadioProps.d.ts

@@ -2,4 +2,5 @@ import { Radio as RadioPrimitive } from '@base-ui/react/radio';
 export type RadioProps<TValue = string> = RadioPrimitive.Root.Props<TValue> & {
     /** Visual size of the radio. */
     size?: 'sm' | 'md';
+    variant?: 'default' | 'card';
 };

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

@@ -16,6 +16,8 @@ export { Input } from './Input/Input';
 export type { InputProps } from './Input/types/InputProps';
 export { InputGroup } from './InputGroup/InputGroup';
 export type { InputGroupProps } from './InputGroup/types/InputGroupProps';
+export { NumberStepper } from './NumberStepper/NumberStepper';
+export type { NumberStepperProps } from './NumberStepper/types/NumberStepperProps';
 export { Radio } from './Radio/Radio';
 export type { RadioProps } from './Radio/types/RadioProps';
 export { RadioGroup } from './RadioGroup/RadioGroup';
@@ -45,6 +47,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("../Input-CFXY05bj.cjs"),e=require("../input-NBD4DP8j.cjs");exports.Button=t.Button;exports.ButtonGroup=e.ButtonGroup;exports.Checkbox=e.Checkbox;exports.Field=e.Field;exports.Input=t.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-CFCj3OQZ.cjs"),e=require("../input-CRiX4eQH.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.NumberStepper=e.NumberStepper;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,18 @@
-import { a as o, i as t, o as s, t as r } from "../Input-DHfmRBq5.js";
-import { a as i, c as p, i as n, l as u, n as d, o as l, r as m, s as c, t as S } from "../input-C8IiOA9Q.js";
+import { a as t, n as o, r, t as s } from "../Switch-BQp0t6JZ.js";
+import { a as p, c as u, i, l as n, n as m, o as d, r as l, s as S, t as c, u as x } from "../input-C50264Jb.js";
 export {
-  s as Button,
-  u as ButtonGroup,
-  p as Checkbox,
-  c as Field,
+  t as Button,
+  x as ButtonGroup,
+  n as Checkbox,
+  u as Field,
   r as Input,
-  l as InputGroup,
-  o as Radio,
-  i as RadioGroup,
-  n as SegmentedControl,
-  m as Select,
-  d as Slider,
-  t as Switch,
-  S as Textarea
+  o as InputGroup,
+  S as NumberStepper,
+  d as Radio,
+  p as RadioGroup,
+  i as SegmentedControl,
+  l as Select,
+  m as Slider,
+  s as Switch,
+  c 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/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,9 +1,7 @@
-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 { ResizeHandle } from './ResizeHandle/ResizeHandle';
 export type { ResizeHandleProps } from './ResizeHandle/types/ResizeHandleProps';

package/dist/primitives/layout.cjs

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

package/dist/primitives/layout.mjs

@@ -1,9 +1,9 @@
-import { t as o } from "../HorizontalSeparator-JwV0dB5W.js";
-import { n as a, t as e } from "../layout-D-XbKoLM.js";
-import { t as n } from "../ResizeHandle-DN1bRxQb.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-CGYGfOVF.js";
 export {
-  a as AnimatedExpandableContainer,
-  o as HorizontalSeparator,
-  n as ResizeHandle,
+  a as Collapsible,
+  r as HorizontalSeparator,
+  m as ResizeHandle,
   e as TextDirectionProvider
 };

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

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

package/dist/primitives/navigation/Breadcrumb/internal/BreadcrumbItemContent.d.ts

@@ -0,0 +1,6 @@
+import { BreadcrumbItem } from '../types/BreadcrumbItem';
+type BreadcrumbItemContentProps = BreadcrumbItem & {
+    current: boolean;
+};
+export declare const BreadcrumbItemContent: ({ children, href, render, title, current, }: BreadcrumbItemContentProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export {};

package/dist/primitives/navigation/Breadcrumb/types/BreadcrumbItem.d.ts

@@ -0,0 +1,2 @@
+import { useRender } from '@base-ui/react/use-render';
+export type BreadcrumbItem = Pick<useRender.ComponentProps<'a'>, 'children' | 'href' | 'render' | 'title'>;

package/dist/primitives/navigation/Breadcrumb/types/BreadcrumbProps.d.ts

@@ -0,0 +1,5 @@
+import { useRender } from '@base-ui/react/use-render';
+import { BreadcrumbItem } from './BreadcrumbItem';
+export type BreadcrumbProps = Omit<useRender.ComponentProps<'nav'>, 'children'> & {
+    links: BreadcrumbItem[];
+};

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, shortcut, shortcutJoinLabel, 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

@@ -1,3 +1,4 @@
+import { ShortcutDefinition } from '../../../typography/Shortcut/types/ShortcutDefinition';
 import { useRender } from '@base-ui/react/use-render';
 import { ReactNode } from 'react';
 import { ListItemColor } from './ListItemColor';
@@ -39,7 +40,8 @@ export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>,
      * Keyboard shortcut keys displayed at the end of the row. Registering the
      * shortcut is up to the application.
      */
-    hotkeys?: string[];
+    shortcut?: ShortcutDefinition;
+    shortcutJoinLabel?: string;
     /** Shows a chevron indicating that the item opens a submenu. */
     hasSubmenu?: boolean;
 };

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

@@ -1,7 +1,6 @@
-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 { Breadcrumb } from './Breadcrumb/Breadcrumb';
+export type { BreadcrumbItem } from './Breadcrumb/types/BreadcrumbItem';
+export type { BreadcrumbProps } from './Breadcrumb/types/BreadcrumbProps';
 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-2dHkY1NB.cjs"),e=require("../navigation-BqZBteC2.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 r=require("../ListItem-B2HOeN2h.cjs"),e=require("../navigation-B9YTBTaa.cjs");exports.Breadcrumb=e.Breadcrumb;exports.ListItem=r.ListItem;exports.Tabs=e.Tabs;

package/dist/primitives/navigation.mjs

@@ -1,10 +1,7 @@
-import { t as s } from "../ListItem-D6DvFIbl.js";
-import { a as i, i as o, n as I, r, t as L } from "../navigation-CLMgaqS8.js";
+import { t } from "../ListItem-D8BQRK1W.js";
+import { n as a, t as o } from "../navigation-CQUyRKgk.js";
 export {
-  o as CAL_LINK,
-  i as ClickToActionLink,
-  r as GITHUB_LINK,
-  s as ListItem,
-  I as TWENTY_PRICING_LINK,
-  L as Tabs
+  a as Breadcrumb,
+  t as ListItem,
+  o as Tabs
 };

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, shortcut, shortcutJoinLabel, disabled, children, render, ...props }, getListItemState, }: {
+    props: TProps;
+    getListItemState?: (state: TState) => Pick<ListItemProps, "indicator" | "selected" | "hasSubmenu">;
+}) => Omit<TProps, "children" | "color" | "disabled" | "render" | "startIcon" | "shortcut" | "endIcon" | "shortcutJoinLabel" | "description" | "descriptionPlacement"> & {
     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' | 'shortcut' | 'shortcutJoinLabel'>;

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

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../OverflowingTextWithTooltip-bn6EwWeq.cjs"),o=require("../MenuSeparator-DJOspG7J.cjs"),e=require("../surfaces-uuLwsFxg.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;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../OverflowingTextWithTooltip-tsJWb_Ie.cjs"),o=require("../MenuSeparator-Ct3cQtJ2.cjs"),e=require("../surfaces-Davk4uBw.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,6 +1,6 @@
-import { r } from "../OverflowingTextWithTooltip-CqEkoH6t.js";
-import { a as i } from "../MenuSeparator-dNx4JE6C.js";
-import { i as m, n as p, r as s, t as e } from "../surfaces-DX8oX1ou.js";
+import { r } from "../OverflowingTextWithTooltip-CNpmkBvJ.js";
+import { a as i } from "../MenuSeparator-CyUYx1nk.js";
+import { i as m, n as p, r as s, t as e } from "../surfaces-C9ZUjKxU.js";
 export {
   m as AlertDialog,
   s as Card,

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

@@ -0,0 +1,2 @@
+import { ShortcutProps } from './types/ShortcutProps';
+export declare const Shortcut: ({ shortcut, platform, sequenceJoinLabel, combinationSeparator, variant, visibility, className, "aria-label": ariaLabel, ...props }: ShortcutProps) => import("react").JSX.Element | null;

package/dist/primitives/typography/Shortcut/formatShortcut.d.ts

@@ -0,0 +1,2 @@
+import { ShortcutFormatOptions } from './types/ShortcutFormatOptions';
+export declare const formatShortcut: (options: ShortcutFormatOptions) => string;

package/dist/primitives/typography/Shortcut/internal/getShortcutPresentation.d.ts

@@ -0,0 +1,8 @@
+import { ShortcutFormatOptions } from '../types/ShortcutFormatOptions';
+export declare const getShortcutPresentation: ({ shortcut, platform, sequenceJoinLabel, combinationSeparator, }: ShortcutFormatOptions) => {
+    groups: string[][];
+    separator: string;
+    sequenceJoinLabel: string;
+    text: string;
+    accessibleLabel: string;
+};

package/dist/primitives/typography/Shortcut/types/ShortcutDefinition.d.ts

@@ -0,0 +1 @@
+export type ShortcutDefinition = readonly string[] | readonly (readonly string[])[];

package/dist/primitives/typography/Shortcut/types/ShortcutFormatOptions.d.ts

@@ -0,0 +1,7 @@
+import { ShortcutDefinition } from './ShortcutDefinition';
+export type ShortcutFormatOptions = {
+    shortcut: ShortcutDefinition;
+    platform?: 'mac' | 'other';
+    sequenceJoinLabel?: string;
+    combinationSeparator?: string;
+};

package/dist/primitives/typography/Shortcut/types/ShortcutProps.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from 'react';
+import { ShortcutFormatOptions } from './ShortcutFormatOptions';
+export type ShortcutProps = Omit<ComponentPropsWithRef<'span'>, 'children' | 'role'> & ShortcutFormatOptions & {
+    variant?: 'keys' | 'text' | 'button';
+    visibility?: 'always' | 'desktop';
+};

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

@@ -1,4 +1,9 @@
 export { Heading } from './Heading/Heading';
 export type { HeadingProps } from './Heading/types/HeadingProps';
 export { OverflowingTextWithTooltip } from './OverflowingTextWithTooltip/OverflowingTextWithTooltip';
+export { formatShortcut } from './Shortcut/formatShortcut';
+export { Shortcut } from './Shortcut/Shortcut';
+export type { ShortcutDefinition } from './Shortcut/types/ShortcutDefinition';
+export type { ShortcutFormatOptions } from './Shortcut/types/ShortcutFormatOptions';
+export type { ShortcutProps } from './Shortcut/types/ShortcutProps';
 export { Text } from './Text/Text';

package/dist/primitives/typography.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../OverflowingTextWithTooltip-bn6EwWeq.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 t=require("../Shortcut-CuBFak3I.cjs"),e=require("../OverflowingTextWithTooltip-tsJWb_Ie.cjs"),r=require("../Heading-CQqDjovJ.cjs"),o=require("../typography-D3fk3hSo.cjs");exports.Heading=r.Heading;exports.OverflowingTextWithTooltip=e.OverflowingTextWithTooltip;exports.Shortcut=t.Shortcut;exports.Text=e.Text;exports.formatShortcut=o.formatShortcut;

package/dist/primitives/typography.mjs

@@ -1,7 +1,11 @@
-import { n as o, t as i } from "../OverflowingTextWithTooltip-CqEkoH6t.js";
-import { t as e } from "../Heading-DvxTKEaL.js";
+import { t as o } from "../Shortcut-CRCVbA2m.js";
+import { n as m, t as i } from "../OverflowingTextWithTooltip-CNpmkBvJ.js";
+import { t as f } from "../Heading-DvxTKEaL.js";
+import { t as e } from "../typography-DUJWRilJ.js";
 export {
-  e as Heading,
+  f as Heading,
   i as OverflowingTextWithTooltip,
-  o as Text
+  o as Shortcut,
+  m as Text,
+  e as formatShortcut
 };

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-Z6_7AA-x.cjs"),o=require("./Input-CFXY05bj.cjs"),d=require("./Pill-BJ3K8Mdc.cjs"),u=require("./ProgressBar-DwJQXHwg.cjs"),a=require("./OverflowingTextWithTooltip-bn6EwWeq.cjs"),c=require("./HorizontalSeparator-vJLHHlc4.cjs"),q=require("./ListItem-2dHkY1NB.cjs"),_=require("./Heading-CQqDjovJ.cjs"),p=require("./MenuSeparator-DJOspG7J.cjs"),T=require("./Avatar-DTNH6Ku7.cjs"),r=require("./data-display-BQ9g9oSc.cjs"),I=require("./feedback-CH2UC0Fv.cjs"),e=require("./input-NBD4DP8j.cjs"),l=require("./layout-BgAfeZsL.cjs"),C=require("./ResizeHandle-cll01qBQ.cjs"),i=require("./navigation-BqZBteC2.cjs"),t=require("./surfaces-uuLwsFxg.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=r.AVATAR_PROPERTIES_BY_SIZE;exports.AlertDialog=t.AlertDialog;exports.AnimatedExpandableContainer=l.AnimatedExpandableContainer;exports.Avatar=T.Avatar;exports.Banner=u.Banner;exports.Button=o.Button;exports.ButtonGroup=e.ButtonGroup;exports.CAL_LINK=i.CAL_LINK;exports.Card=t.Card;exports.Checkbox=e.Checkbox;exports.Chip=r.Chip;exports.CircularProgressBar=I.CircularProgressBar;exports.ClickToActionLink=i.ClickToActionLink;exports.ColorSample=r.ColorSample;exports.Dialog=t.Dialog;exports.Field=e.Field;exports.GITHUB_LINK=i.GITHUB_LINK;exports.Heading=_.Heading;exports.HorizontalSeparator=c.HorizontalSeparator;exports.Input=o.Input;exports.InputGroup=e.InputGroup;exports.ListItem=q.ListItem;exports.Loader=s.Loader;exports.Menu=t.Menu;exports.OverflowingTextWithTooltip=a.OverflowingTextWithTooltip;exports.Pill=d.Pill;exports.Popover=p.Popover;exports.ProgressBar=u.ProgressBar;exports.Radio=o.Radio;exports.RadioGroup=e.RadioGroup;exports.ResizeHandle=C.ResizeHandle;exports.SegmentedControl=e.SegmentedControl;exports.Select=e.Select;exports.Slider=e.Slider;exports.Status=r.Status;exports.Switch=o.Switch;exports.TWENTY_PRICING_LINK=i.TWENTY_PRICING_LINK;exports.Tabs=i.Tabs;exports.Tag=r.Tag;exports.Text=a.Text;exports.TextDirectionProvider=l.TextDirectionProvider;exports.Textarea=e.Textarea;exports.Tooltip=a.Tooltip;exports.VisibilityHidden=n.VisibilityHidden;exports.handleClickableElementKeyDown=n.handleClickableElementKeyDown;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./handleClickableElementKeyDown-0XD9MRqa.cjs"),o=require("./ProgressBar-CyqeRyzA.cjs"),s=require("./Loader-CMXdrX1d.cjs"),c=require("./Shortcut-CuBFak3I.cjs"),t=require("./Switch-CFCj3OQZ.cjs"),a=require("./OverflowingTextWithTooltip-tsJWb_Ie.cjs"),d=require("./HorizontalSeparator-vJLHHlc4.cjs"),p=require("./ListItem-B2HOeN2h.cjs"),q=require("./MenuSeparator-Ct3cQtJ2.cjs"),S=require("./Heading-CQqDjovJ.cjs"),_=require("./Avatar-CkI8b3nh.cjs"),r=require("./data-display-BgweQocz.cjs"),e=require("./input-CRiX4eQH.cjs"),n=require("./layout-DniJJ8Mx.cjs"),g=require("./ResizeHandle-CI-VTVOi.cjs"),l=require("./navigation-B9YTBTaa.cjs"),i=require("./surfaces-Davk4uBw.cjs"),T=require("./typography-D3fk3hSo.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=r.AVATAR_PROPERTIES_BY_SIZE;exports.AlertDialog=i.AlertDialog;exports.Avatar=_.Avatar;exports.Banner=o.Banner;exports.Breadcrumb=l.Breadcrumb;exports.Button=t.Button;exports.ButtonGroup=e.ButtonGroup;exports.Card=i.Card;exports.Checkbox=e.Checkbox;exports.Chip=r.Chip;exports.Collapsible=n.Collapsible;exports.ColorSample=r.ColorSample;exports.Dialog=i.Dialog;exports.Field=e.Field;exports.Heading=S.Heading;exports.HorizontalSeparator=d.HorizontalSeparator;exports.Input=t.Input;exports.InputGroup=t.InputGroup;exports.ListItem=p.ListItem;exports.Loader=s.Loader;exports.Menu=i.Menu;exports.NumberStepper=e.NumberStepper;exports.OverflowingTextWithTooltip=a.OverflowingTextWithTooltip;exports.Pill=r.Pill;exports.Popover=q.Popover;exports.ProgressBar=o.ProgressBar;exports.ProgressRing=o.ProgressRing;exports.Radio=e.Radio;exports.RadioGroup=e.RadioGroup;exports.ResizeHandle=g.ResizeHandle;exports.SegmentedControl=e.SegmentedControl;exports.Select=e.Select;exports.Shortcut=c.Shortcut;exports.Slider=e.Slider;exports.Status=r.Status;exports.Switch=t.Switch;exports.Tabs=l.Tabs;exports.Tag=r.Tag;exports.Text=a.Text;exports.TextDirectionProvider=n.TextDirectionProvider;exports.Textarea=e.Textarea;exports.Tooltip=a.Tooltip;exports.VisibilityHidden=u.VisibilityHidden;exports.formatShortcut=T.formatShortcut;exports.handleClickableElementKeyDown=u.handleClickableElementKeyDown;