twenty-ui 2.41.0 → 2.42.0

package/dist/primitives/data-display/index.d.ts

@@ -1,40 +1,17 @@
-export type { AnimatedCheckmarkProps } from './AnimatedCheckmark/AnimatedCheckmark';
-export { AnimatedCheckmark } from './AnimatedCheckmark/AnimatedCheckmark';
 export { Avatar } from './Avatar/Avatar';
 export { AVATAR_PROPERTIES_BY_SIZE } from './Avatar/constants/AvatarPropertiesBySize';
 export type { AvatarProps } from './Avatar/types/AvatarProps';
 export type { AvatarShape } from './Avatar/types/AvatarShape';
 export type { AvatarSize } from './Avatar/types/AvatarSize';
-export type { AvatarGroupProps } from './AvatarGroup/AvatarGroup';
-export { AvatarGroup } from './AvatarGroup/AvatarGroup';
-export { AvatarOrIcon } from './AvatarOrIcon/AvatarOrIcon';
-export type { AvatarOrIconProps } from './AvatarOrIcon/types/AvatarOrIconProps';
-export type { CheckmarkProps } from './Checkmark/Checkmark';
-export { Checkmark } from './Checkmark/Checkmark';
 export { Chip } from './Chip/Chip';
-export { LINK_CHIP_CLICK_OUTSIDE_ID } from './Chip/constants/LinkChipClickOutsideId';
 export type { ChipProps } from './Chip/types/ChipProps';
 export type { ChipSize } from './Chip/types/ChipSize';
 export type { ChipVariant } from './Chip/types/ChipVariant';
 export type { ColorSampleVariant, ColorSampleProps, } from './ColorSample/ColorSample';
 export { ColorSample } from './ColorSample/ColorSample';
-export { CommandBlock } from './CommandBlock/CommandBlock';
-export { EllipsisDisplay } from './EllipsisDisplay/EllipsisDisplay';
-export { JsonDisplay } from './JsonDisplay/JsonDisplay';
-export type { LinkChipProps } from './LinkChip/LinkChip';
-export { LinkChip } from './LinkChip/LinkChip';
-export { NotificationCounter } from './NotificationCounter/NotificationCounter';
-export { NumberDisplay } from './NumberDisplay/NumberDisplay';
 export { Pill } from './Pill/Pill';
-export { SelectDisplay } from './SelectDisplay/SelectDisplay';
 export { Status } from './Status/Status';
 export type { StatusProps } from './Status/types/StatusProps';
-export { StyledTintedIconTileContainer } from './StyledTintedIconTileContainer/StyledTintedIconTileContainer';
 export { Tag } from './Tag/Tag';
 export type { TagColor } from './Tag/types/TagColor';
 export type { TagProps } from './Tag/types/TagProps';
-export { TextDisplay } from './TextDisplay/TextDisplay';
-export type { TintedIconTileProps } from './TintedIconTile/TintedIconTile';
-export { TintedIconTile } from './TintedIconTile/TintedIconTile';
-export type { IconTileColorShades } from './TintedIconTile/utils/getIconTileColorShades';
-export { getIconTileColorShades } from './TintedIconTile/utils/getIconTileColorShades';

package/dist/primitives/data-display.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../Pill-4lAWCmbk.cjs"),e=require("../data-display-DH28tg-I.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.AnimatedCheckmark=e.AnimatedCheckmark;exports.Avatar=e.Avatar;exports.AvatarGroup=e.AvatarGroup;exports.AvatarOrIcon=e.AvatarOrIcon;exports.Checkmark=e.Checkmark;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.CommandBlock=e.CommandBlock;exports.EllipsisDisplay=e.EllipsisDisplay;exports.JsonDisplay=e.JsonDisplay;exports.LINK_CHIP_CLICK_OUTSIDE_ID=e.LINK_CHIP_CLICK_OUTSIDE_ID;exports.LinkChip=e.LinkChip;exports.NotificationCounter=e.NotificationCounter;exports.NumberDisplay=e.NumberDisplay;exports.Pill=i.Pill;exports.SelectDisplay=e.SelectDisplay;exports.Status=e.Status;exports.StyledTintedIconTileContainer=e.StyledTintedIconTileContainer;exports.Tag=e.Tag;exports.TextDisplay=e.TextDisplay;exports.TintedIconTile=e.TintedIconTile;exports.getIconTileColorShades=e.getIconTileColorShades;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Pill-BJ3K8Mdc.cjs"),a=require("../Avatar-BGFK0_a_.cjs"),e=require("../data-display-QOdhAohf.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.Avatar=a.Avatar;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.Pill=r.Pill;exports.Status=e.Status;exports.Tag=e.Tag;

package/dist/primitives/data-display.mjs

@@ -1,27 +1,12 @@
-import { t as s } from "../Pill-abKRH4XK.js";
-import { S as o, _ as t, a as e, b as l, c as r, d as n, f as p, g as m, h as C, i as I, l as c, m as T, n as S, o as _, p as d, r as y, s as A, t as D, u as h, v as k, x as u, y as E } from "../data-display-ByvqdkPn.js";
+import { t as r } from "../Pill-DaFEFIOT.js";
+import { t as o } from "../Avatar-C_TzSJBe.js";
+import { a as m, i, n as p, r as l, t as A } from "../data-display-YQG01UPq.js";
 export {
-  l as AVATAR_PROPERTIES_BY_SIZE,
-  o as AnimatedCheckmark,
-  u as Avatar,
-  E as AvatarGroup,
-  k as AvatarOrIcon,
-  t as Checkmark,
-  m as Chip,
-  T as ColorSample,
-  d as CommandBlock,
-  p as EllipsisDisplay,
-  n as JsonDisplay,
-  C as LINK_CHIP_CLICK_OUTSIDE_ID,
-  h as LinkChip,
-  c as NotificationCounter,
-  r as NumberDisplay,
-  s as Pill,
-  _ as SelectDisplay,
-  e as Status,
-  I as StyledTintedIconTileContainer,
-  A as Tag,
-  y as TextDisplay,
-  D as TintedIconTile,
-  S as getIconTileColorShades
+  m as AVATAR_PROPERTIES_BY_SIZE,
+  o as Avatar,
+  i as Chip,
+  l as ColorSample,
+  r as Pill,
+  p as Status,
+  A as Tag
 };

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

@@ -1,31 +1,6 @@
-export { AnimatedPlaceholder } from './AnimatedPlaceholder/AnimatedPlaceholder';
-export { BACKGROUND } from './AnimatedPlaceholder/constants/Background';
-export { DARK_BACKGROUND } from './AnimatedPlaceholder/constants/DarkBackground';
-export { DARK_MOVING_IMAGE } from './AnimatedPlaceholder/constants/DarkMovingImage';
-export { MOVING_IMAGE } from './AnimatedPlaceholder/constants/MovingImage';
-export type { AnimatedPlaceholderType } from './AnimatedPlaceholder/types/AnimatedPlaceholderType';
 export type { BannerColor, BannerVariant } from './Banner/Banner';
 export { Banner } from './Banner/Banner';
-export type { CalloutVariant, CalloutProps } from './Callout/Callout';
-export { Callout } from './Callout/Callout';
 export { CircularProgressBar } from './CircularProgressBar/CircularProgressBar';
-export { AnimatedPlaceholderEmptyContainer, AnimatedPlaceholderEmptyTextContainer, AnimatedPlaceholderEmptyTitle, AnimatedPlaceholderEmptySubTitle, } from './EmptyPlaceholderStyled/EmptyPlaceholderStyled';
-export { AnimatedPlaceholderErrorContainer, AnimatedPlaceholderErrorTextContainer, AnimatedPlaceholderErrorTitle, AnimatedPlaceholderErrorSubTitle, } from './ErrorPlaceholderStyled/ErrorPlaceholderStyled';
-export type { InfoAccent, InfoProps } from './Info/Info';
-export { Info } from './Info/Info';
-export { InlineBanner } from './InlineBanner/InlineBanner';
 export { Loader } from './Loader/Loader';
 export type { ProgressBarProps } from './ProgressBar/ProgressBar';
 export { ProgressBar } from './ProgressBar/ProgressBar';
-export type { SidePanelInformationBannerProps } from './SidePanelInformationBanner/SidePanelInformationBanner';
-export { SidePanelInformationBanner } from './SidePanelInformationBanner/SidePanelInformationBanner';
-export { useToast } from './Toast/hooks/useToast';
-export { Toast } from './Toast/Toast';
-export { ToastProvider } from './Toast/ToastProvider';
-export type { ToastNotification } from './Toast/types/ToastNotification';
-export type { ToastOptions } from './Toast/types/ToastOptions';
-export type { ToastProps } from './Toast/types/ToastProps';
-export type { ToastProviderProps } from './Toast/types/ToastProviderProps';
-export type { ToastVariant } from './Toast/types/ToastVariant';
-export { Toaster } from './Toaster/Toaster';
-export type { ToasterProps } from './Toaster/types/ToasterProps';

package/dist/primitives/feedback.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../Pill-4lAWCmbk.cjs"),e=require("../feedback-62S0e8tP.cjs");exports.AnimatedPlaceholder=e.AnimatedPlaceholder;exports.AnimatedPlaceholderEmptyContainer=e.AnimatedPlaceholderEmptyContainer;exports.AnimatedPlaceholderEmptySubTitle=e.AnimatedPlaceholderEmptySubTitle;exports.AnimatedPlaceholderEmptyTextContainer=e.AnimatedPlaceholderEmptyTextContainer;exports.AnimatedPlaceholderEmptyTitle=e.AnimatedPlaceholderEmptyTitle;exports.AnimatedPlaceholderErrorContainer=e.AnimatedPlaceholderErrorContainer;exports.AnimatedPlaceholderErrorSubTitle=e.AnimatedPlaceholderErrorSubTitle;exports.AnimatedPlaceholderErrorTextContainer=e.AnimatedPlaceholderErrorTextContainer;exports.AnimatedPlaceholderErrorTitle=e.AnimatedPlaceholderErrorTitle;exports.BACKGROUND=e.BACKGROUND;exports.Banner=e.Banner;exports.Callout=e.Callout;exports.CircularProgressBar=e.CircularProgressBar;exports.DARK_BACKGROUND=e.DARK_BACKGROUND;exports.DARK_MOVING_IMAGE=e.DARK_MOVING_IMAGE;exports.Info=e.Info;exports.InlineBanner=e.InlineBanner;exports.Loader=r.Loader;exports.MOVING_IMAGE=e.MOVING_IMAGE;exports.ProgressBar=e.ProgressBar;exports.SidePanelInformationBanner=e.SidePanelInformationBanner;exports.Toast=e.Toast;exports.ToastProvider=e.ToastProvider;exports.Toaster=e.Toaster;exports.useToast=e.useToast;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Loader-CHKTYJo7.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;

package/dist/primitives/feedback.mjs

@@ -1,29 +1,9 @@
-import { n as e } from "../Pill-abKRH4XK.js";
-import { C as o, S as s, _ as t, a as n, b as l, c as i, d, f as m, g as A, h as P, i as c, l as h, m as E, n as T, o as C, p, r as B, s as I, t as u, u as G, v as f, w as y, x as _, y as x } from "../feedback-Cu7U-W9T.js";
+import { t as o } from "../Loader-DbOLVUcK.js";
+import { n as s, t } from "../ProgressBar-RWLNIkzm.js";
+import { t as e } from "../feedback-BvpEL2-w.js";
 export {
-  l as AnimatedPlaceholder,
-  p as AnimatedPlaceholderEmptyContainer,
-  E as AnimatedPlaceholderEmptySubTitle,
-  P as AnimatedPlaceholderEmptyTextContainer,
-  A as AnimatedPlaceholderEmptyTitle,
-  h as AnimatedPlaceholderErrorContainer,
-  G as AnimatedPlaceholderErrorSubTitle,
-  d as AnimatedPlaceholderErrorTextContainer,
-  m as AnimatedPlaceholderErrorTitle,
-  y as BACKGROUND,
-  x as Banner,
-  f as Callout,
-  t as CircularProgressBar,
-  o as DARK_BACKGROUND,
-  s as DARK_MOVING_IMAGE,
-  i as Info,
-  I as InlineBanner,
-  e as Loader,
-  _ as MOVING_IMAGE,
-  C as ProgressBar,
-  n as SidePanelInformationBanner,
-  B as Toast,
-  T as ToastProvider,
-  u as Toaster,
-  c as useToast
+  s as Banner,
+  e as CircularProgressBar,
+  o as Loader,
+  t as ProgressBar
 };

package/dist/primitives/index.d.ts

@@ -2,7 +2,6 @@ export * from './accessibility';
 export * from './data-display';
 export * from './feedback';
 export * from './input';
-export * from './json-visualizer';
 export * from './layout';
 export * from './navigation';
 export * from './surfaces';

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, nativeButton, className, children, ...props }: ButtonProps) => import("react").JSX.Element;
+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;

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

@@ -3,7 +3,7 @@ import { ComponentPropsWithRef, ReactNode } from 'react';
 import { ButtonColor } from './ButtonColor';
 import { ButtonSize } from './ButtonSize';
 import { ButtonVariant } from './ButtonVariant';
-export type ButtonProps = Omit<ButtonPrimitive.Props, 'color'> & Pick<ComponentPropsWithRef<'a'>, 'href' | 'target' | 'rel' | 'download'> & {
+export type ButtonProps = Omit<ButtonPrimitive.Props, 'color' | 'nativeButton' | 'role'> & Pick<ComponentPropsWithRef<'a'>, 'href' | 'target' | 'rel' | 'download'> & {
     variant?: ButtonVariant;
     color?: ButtonColor;
     size?: ButtonSize;

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

@@ -1,2 +1,2 @@
 import { ButtonGroupProps } from './types/ButtonGroupProps';
-export declare const ButtonGroup: ({ className, children, variant, size, color, render, ref, ...props }: ButtonGroupProps) => import("react").JSX.Element;
+export declare const ButtonGroup: ({ attached, framed, className, children, variant, size, color, render, ref, ...props }: ButtonGroupProps) => import("react").JSX.Element;

package/dist/primitives/input/ButtonGroup/internal/ButtonGroupContext.d.ts

@@ -1,2 +1,2 @@
 import { ButtonProps } from '../../Button/types/ButtonProps';
-export declare const ButtonGroupContext: import('react').Context<Pick<ButtonProps, "color" | "size" | "variant"> | null>;
+export declare const ButtonGroupContext: import('react').Context<Pick<ButtonProps, "size" | "color" | "variant"> | null>;

package/dist/primitives/input/ButtonGroup/types/ButtonGroupProps.d.ts

@@ -1,3 +1,6 @@
 import { useRender } from '@base-ui/react/use-render';
 import { ButtonProps } from '../../Button/types/ButtonProps';
-export type ButtonGroupProps = useRender.ComponentProps<'div'> & Pick<ButtonProps, 'variant' | 'size' | 'color'>;
+export type ButtonGroupProps = useRender.ComponentProps<'div'> & Pick<ButtonProps, 'variant' | 'size' | 'color'> & {
+    attached?: boolean;
+    framed?: boolean;
+};

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

@@ -1,7 +1,3 @@
-export { AnimatedButton } from './AnimatedButton/AnimatedButton';
-export type { AnimatedButtonProps } from './AnimatedButton/types/AnimatedButtonProps';
-export type { AnimatedLightIconButtonProps } from './AnimatedLightIconButton/AnimatedLightIconButton';
-export { AnimatedLightIconButton } from './AnimatedLightIconButton/AnimatedLightIconButton';
 export { Button } from './Button/Button';
 export type { ButtonColor } from './Button/types/ButtonColor';
 export type { ButtonProps } from './Button/types/ButtonProps';
@@ -9,64 +5,21 @@ export type { ButtonSize } from './Button/types/ButtonSize';
 export type { ButtonVariant } from './Button/types/ButtonVariant';
 export { ButtonGroup } from './ButtonGroup/ButtonGroup';
 export type { ButtonGroupProps } from './ButtonGroup/types/ButtonGroupProps';
-export { CardPicker } from './CardPicker/CardPicker';
-export type { CardPickerProps } from './CardPicker/types/CardPickerProps';
 export { Checkbox } from './Checkbox/Checkbox';
 export type { CheckboxColor } from './Checkbox/types/CheckboxColor';
 export type { CheckboxProps } from './Checkbox/types/CheckboxProps';
 export type { CheckboxShape } from './Checkbox/types/CheckboxShape';
 export type { CheckboxSize } from './Checkbox/types/CheckboxSize';
 export type { CheckboxVariant } from './Checkbox/types/CheckboxVariant';
-export { CodeEditor } from './CodeEditor/CodeEditor';
-export { BASE_CODE_EDITOR_THEME_ID } from './CodeEditor/constants/BaseCodeEditorThemeId';
-export { getBaseCodeEditorTheme } from './CodeEditor/utils/getBaseCodeEditorTheme';
-export type { CoreEditorHeaderProps } from './CodeEditorHeader/CodeEditorHeader';
-export { CoreEditorHeader } from './CodeEditorHeader/CodeEditorHeader';
-export { ColorPickerButton } from './ColorPickerButton/ColorPickerButton';
-export type { ColorSchemeSegmentProps, ColorSchemeCardProps, } from './ColorSchemeCard/ColorSchemeCard';
-export { ColorSchemeCard } from './ColorSchemeCard/ColorSchemeCard';
-export type { ColorSchemePickerProps } from './ColorSchemePicker/ColorSchemePicker';
-export { ColorSchemePicker } from './ColorSchemePicker/ColorSchemePicker';
 export { Field } from './Field/Field';
-export type { FloatingButtonSize, FloatingButtonPosition, FloatingButtonProps, } from './FloatingButton/FloatingButton';
-export { FloatingButton } from './FloatingButton/FloatingButton';
-export type { FloatingButtonGroupProps } from './FloatingButtonGroup/FloatingButtonGroup';
-export { FloatingButtonGroup } from './FloatingButtonGroup/FloatingButtonGroup';
-export type { FloatingIconButtonSize, FloatingIconButtonPosition, FloatingIconButtonProps, } from './FloatingIconButton/FloatingIconButton';
-export { FloatingIconButton } from './FloatingIconButton/FloatingIconButton';
-export type { FloatingIconButtonGroupProps } from './FloatingIconButtonGroup/FloatingIconButtonGroup';
-export { FloatingIconButtonGroup } from './FloatingIconButtonGroup/FloatingIconButtonGroup';
-export { IconButton } from './IconButton/IconButton';
-export type { IconButtonAccent } from './IconButton/types/IconButtonAccent';
-export type { IconButtonPosition } from './IconButton/types/IconButtonPosition';
-export type { IconButtonProps } from './IconButton/types/IconButtonProps';
-export type { IconButtonSize } from './IconButton/types/IconButtonSize';
-export type { IconButtonVariant } from './IconButton/types/IconButtonVariant';
-export type { IconButtonGroupProps } from './IconButtonGroup/IconButtonGroup';
-export { IconButtonGroup } from './IconButtonGroup/IconButtonGroup';
-export type { IconButtonWithTooltipProps } from './IconButtonWithTooltip/IconButtonWithTooltip';
-export { IconButtonWithTooltip } from './IconButtonWithTooltip/IconButtonWithTooltip';
-export { IconListViewGrip } from './IconListViewGrip/IconListViewGrip';
 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 { InputHint } from './InputHint/InputHint';
-export { InputLabel } from './InputLabel/InputLabel';
-export type { InsideButtonProps } from './InsideButton/InsideButton';
-export { InsideButton } from './InsideButton/InsideButton';
-export type { LightIconButtonAccent, LightIconButtonSize, LightIconButtonProps, } from './LightIconButton/LightIconButton';
-export { LightIconButton } from './LightIconButton/LightIconButton';
-export type { LightIconButtonGroupProps } from './LightIconButtonGroup/LightIconButtonGroup';
-export { LightIconButtonGroup } from './LightIconButtonGroup/LightIconButtonGroup';
 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 { RoundedIconButtonSize } from './RoundedIconButton/RoundedIconButton';
-export { RoundedIconButton } from './RoundedIconButton/RoundedIconButton';
-export type { SearchInputProps } from './SearchInput/SearchInput';
-export { SearchInput } from './SearchInput/SearchInput';
 export type { SegmentedControlOption, SegmentedControlProps, } from './SegmentedControl/SegmentedControl';
 export { SegmentedControl } from './SegmentedControl/SegmentedControl';
 export { Select } from './Select/Select';
@@ -89,8 +42,6 @@ export type { SliderValueProps } from './Slider/types/SliderValueProps';
 export { Switch } from './Switch/Switch';
 export type { SwitchProps } from './Switch/types/SwitchProps';
 export type { SwitchSize } from './Switch/types/SwitchSize';
-export type { TabContentProps } from './TabButton/TabButton';
-export { StyledTabContainer, TabContent, TabButton, } from './TabButton/TabButton';
 export { Textarea } from './Textarea/Textarea';
 export type { TextareaProps } from './Textarea/types/TextareaProps';
 export type { ColorScheme } from './types/ColorScheme';

package/dist/primitives/input.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../Button-DDrUyVB1.cjs"),t=require("../input-B1qr987z.cjs");exports.AnimatedButton=t.AnimatedButton;exports.AnimatedLightIconButton=t.AnimatedLightIconButton;exports.BASE_CODE_EDITOR_THEME_ID=t.BASE_CODE_EDITOR_THEME_ID;exports.Button=o.Button;exports.ButtonGroup=t.ButtonGroup;exports.CardPicker=t.CardPicker;exports.Checkbox=t.Checkbox;exports.CodeEditor=t.CodeEditor;exports.ColorPickerButton=t.ColorPickerButton;exports.ColorSchemeCard=t.ColorSchemeCard;exports.ColorSchemePicker=t.ColorSchemePicker;exports.CoreEditorHeader=t.CoreEditorHeader;exports.Field=t.Field;exports.FloatingButton=t.FloatingButton;exports.FloatingButtonGroup=t.FloatingButtonGroup;exports.FloatingIconButton=t.FloatingIconButton;exports.FloatingIconButtonGroup=t.FloatingIconButtonGroup;exports.IconButton=t.IconButton;exports.IconButtonGroup=t.IconButtonGroup;exports.IconButtonWithTooltip=t.IconButtonWithTooltip;exports.IconListViewGrip=t.IconListViewGrip;exports.Input=t.Input;exports.InputGroup=t.InputGroup;exports.InputHint=t.InputHint;exports.InputLabel=t.InputLabel;exports.InsideButton=t.InsideButton;exports.LightIconButton=t.LightIconButton;exports.LightIconButtonGroup=t.LightIconButtonGroup;exports.Radio=t.Radio;exports.RadioGroup=t.RadioGroup;exports.RoundedIconButton=t.RoundedIconButton;exports.SearchInput=t.SearchInput;exports.SegmentedControl=t.SegmentedControl;exports.Select=t.Select;exports.Slider=t.Slider;exports.StyledTabContainer=t.StyledTabContainer;exports.Switch=t.Switch;exports.TabButton=t.TabButton;exports.TabContent=t.TabContent;exports.Textarea=t.Textarea;exports.getBaseCodeEditorTheme=t.getBaseCodeEditorTheme;
+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;

package/dist/primitives/input.mjs

@@ -1,45 +1,17 @@
-import { t as o } from "../Button-u4e3zI-a.js";
-import { A as n, B as s, C as e, D as r, E as i, F as u, I as c, L as d, M as B, N as I, O as p, P as l, R as C, S as h, T as m, _ as g, a as S, b as E, c as T, d as G, f as b, g as F, h as L, i as k, j as R, k as _, l as x, m as A, n as D, o as P, p as f, r as w, s as H, t as O, u as y, v as M, w as j, x as v, y as z, z as N } from "../input-DOIOurw8.js";
+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";
 export {
-  s as AnimatedButton,
-  N as AnimatedLightIconButton,
-  l as BASE_CODE_EDITOR_THEME_ID,
-  o as Button,
-  C as ButtonGroup,
-  c as CardPicker,
-  u as Checkbox,
-  B as CodeEditor,
-  _ as ColorPickerButton,
-  p as ColorSchemeCard,
-  r as ColorSchemePicker,
-  R as CoreEditorHeader,
+  t as Button,
+  S as ButtonGroup,
+  p as Checkbox,
   i as Field,
-  m as FloatingButton,
-  j as FloatingButtonGroup,
-  e as FloatingIconButton,
-  h as FloatingIconButtonGroup,
-  v as IconButton,
-  z as IconButtonGroup,
-  M as IconButtonWithTooltip,
-  g as IconListViewGrip,
-  F as Input,
-  L as InputGroup,
-  A as InputHint,
-  f as InputLabel,
-  E as InsideButton,
-  n as LightIconButton,
-  b as LightIconButtonGroup,
-  d as Radio,
-  G as RadioGroup,
-  y as RoundedIconButton,
-  x as SearchInput,
-  T as SegmentedControl,
-  H as Select,
-  P as Slider,
-  k as StyledTabContainer,
-  S as Switch,
-  D as TabButton,
-  w as TabContent,
-  O as Textarea,
-  I as getBaseCodeEditorTheme
+  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
 };

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

@@ -1,3 +1,4 @@
+import { AnimationDuration } from '../../../theme';
 import { AnimationDimension } from './types/AnimationDimension';
 import { AnimationDurations } from './types/AnimationDurations';
 import { AnimationMode } from './types/AnimationMode';
@@ -9,6 +10,7 @@ type AnimatedExpandableContainerProps = {
     mode?: AnimationMode;
     containAnimation?: boolean;
     initial?: boolean;
+    duration?: AnimationDuration;
 };
-export declare const AnimatedExpandableContainer: ({ children, isExpanded, dimension, animationDurations, containAnimation, }: AnimatedExpandableContainerProps) => import("react").JSX.Element;
+export declare const AnimatedExpandableContainer: ({ children, isExpanded, dimension, animationDurations, containAnimation, duration, }: AnimatedExpandableContainerProps) => import("react").JSX.Element;
 export {};

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

@@ -1,18 +1,10 @@
-export { AnimatedCircleLoading } from './AnimatedCircleLoading/AnimatedCircleLoading';
-export { AnimatedContainer } from './AnimatedContainer/AnimatedContainer';
-export { AnimatedEaseIn } from './AnimatedEaseIn/AnimatedEaseIn';
-export { AnimatedEaseInOut } from './AnimatedEaseInOut/AnimatedEaseInOut';
 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 { AnimatedIconCrossfade } from './AnimatedIconCrossfade/AnimatedIconCrossfade';
-export { AnimatedRotate } from './AnimatedRotate/AnimatedRotate';
-export { AutogrowWrapper } from './AutogrowWrapper/AutogrowWrapper';
 export { HorizontalSeparator } from './HorizontalSeparator/HorizontalSeparator';
 export { useResizeHandle } from './ResizeHandle/hooks/useResizeHandle';
 export { ResizeHandle } from './ResizeHandle/ResizeHandle';
-export { SectionAlignment, SectionFontColor, Section } from './Section/Section';
 export { TextDirectionProvider } from './TextDirectionProvider/TextDirectionProvider';

package/dist/primitives/layout.cjs

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

package/dist/primitives/layout.mjs

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

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, 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, hasSubmenu, className, children, render, ref, onClick, ...props }: ListItemProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

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

@@ -0,0 +1,6 @@
+type ListItemPickerExampleProps = {
+    multiple?: boolean;
+    onSelectionChange?: (selection: string[]) => void;
+};
+export declare const ListItemPickerExample: ({ multiple, onSelectionChange, }: ListItemPickerExampleProps) => import("react").JSX.Element;
+export {};

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

@@ -34,6 +34,7 @@ export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>,
     descriptionPlacement?: ListItemDescriptionPlacement;
     /** Trailing content, such as buttons, rendered after the content. */
     actions?: ReactNode;
+    actionsVisibility?: 'hover' | 'always';
     /**
      * Keyboard shortcut keys displayed at the end of the row. Registering the
      * shortcut is up to the application.

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

@@ -1,6 +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;
+    Tab: ({ className, children, startIcon, endIcon, badge, highlighted, size, ...props }: import('..').TabsTabProps) => import("react").JSX.Element;
     Panel: ({ className, ...props }: import('..').TabsPanelProps) => import("react").JSX.Element;
 };

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

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

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

@@ -6,6 +6,8 @@ export type TabsTabProps = TabsPrimitive.Tab.Props & {
     startIcon?: ReactNode;
     /** Content rendered after the label, such as a count. */
     badge?: ReactNode;
+    endIcon?: ReactNode;
+    highlighted?: boolean;
     /** Visual size of the tab. */
     size?: TabsSize;
 };

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

@@ -1,6 +1,4 @@
 export { ClickToActionLink } from './ClickToActionLink/ClickToActionLink';
-export { ContactLink } from './ContactLink/ContactLink';
-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';
@@ -10,45 +8,9 @@ export type { ListItemDescriptionPlacement } from './ListItem/types/ListItemDesc
 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';
-export { MenuItemLeftContent, StyledHoverableMenuItemBase, StyledMenuItemIconCheck, StyledMenuItemLabel, StyledMenuItemLeftContent, MenuItem, } from './MenuItem/MenuItem';
-export type { MenuItemAccent } from './MenuItem/types/MenuItemAccent';
-export type { MenuItemDraggableGripMode } from './MenuItem/types/MenuItemDraggableGripMode';
-export type { MenuItemAvatarProps } from './MenuItemAvatar/MenuItemAvatar';
-export { MenuItemAvatar } from './MenuItemAvatar/MenuItemAvatar';
-export type { MenuItemDraggableProps } from './MenuItemDraggable/MenuItemDraggable';
-export { MenuItemDraggable } from './MenuItemDraggable/MenuItemDraggable';
-export type { MenuItemHotKeysProps } from './MenuItemHotKeys/MenuItemHotKeys';
-export { MenuItemHotKeys } from './MenuItemHotKeys/MenuItemHotKeys';
-export { MenuItemMultiSelect } from './MenuItemMultiSelect/MenuItemMultiSelect';
-export { MenuItemMultiSelectAvatar } from './MenuItemMultiSelectAvatar/MenuItemMultiSelectAvatar';
-export { MenuItemMultiSelectTag } from './MenuItemMultiSelectTag/MenuItemMultiSelectTag';
-export type { MenuItemNavigateProps } from './MenuItemNavigate/MenuItemNavigate';
-export { MenuItemNavigate } from './MenuItemNavigate/MenuItemNavigate';
-export { StyledMenuItemSelect, MenuItemSelect, } from './MenuItemSelect/MenuItemSelect';
-export { MenuItemSelectAvatar } from './MenuItemSelectAvatar/MenuItemSelectAvatar';
-export { MenuItemSelectColor } from './MenuItemSelectColor/MenuItemSelectColor';
-export { MenuItemSelectTag } from './MenuItemSelectTag/MenuItemSelectTag';
-export type { MenuItemSuggestionProps } from './MenuItemSuggestion/MenuItemSuggestion';
-export { MenuItemSuggestion } from './MenuItemSuggestion/MenuItemSuggestion';
-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';
-export { NavigationBarItem } from './NavigationBarItem/NavigationBarItem';
-export { RawLink } from './RawLink/RawLink';
-export { RoundedLink } from './RoundedLink/RoundedLink';
-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/internal/tab/TabsTabContent.d.ts

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

package/dist/primitives/navigation.cjs

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

package/dist/primitives/navigation.mjs

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