twenty-ui 2.41.0 → 2.42.0

package/dist/components/index.d.ts

@@ -1,3 +1,81 @@
-export { LightButton } from './LightButton/LightButton';
-export type { LightButtonProps } from './LightButton/types/LightButtonProps';
-export { MainButton } from './MainButton/MainButton';
+export { AvatarGroup } from './data-display/AvatarGroup/AvatarGroup';
+export type { AvatarGroupProps } from './data-display/AvatarGroup/types/AvatarGroupProps';
+export { CommandBlock } from './data-display/CommandBlock/CommandBlock';
+export { JsonTree } from './data-display/JsonTree/JsonTree';
+export type { GetJsonNodeHighlighting } from './data-display/JsonTree/types/GetJsonNodeHighlighting';
+export type { JsonNodeHighlighting } from './data-display/JsonTree/types/JsonNodeHighlighting';
+export type { JsonTreeEntry } from './data-display/JsonTree/types/JsonTreeEntry';
+export type { JsonTreeProps } from './data-display/JsonTree/types/JsonTreeProps';
+export type { ShouldExpandNodeInitiallyProps } from './data-display/JsonTree/types/ShouldExpandNodeInitiallyProps';
+export { NotificationCounter } from './data-display/NotificationCounter/NotificationCounter';
+export { TintedIconTile } from './data-display/TintedIconTile/TintedIconTile';
+export type { TintedIconTileProps } from './data-display/TintedIconTile/types/TintedIconTileProps';
+export type { IconTileColorShades } from './data-display/TintedIconTile/utils/getIconTileColorShades';
+export { getIconTileColorShades } from './data-display/TintedIconTile/utils/getIconTileColorShades';
+export { Callout } from './feedback/Callout/Callout';
+export type { CalloutProps } from './feedback/Callout/types/CalloutProps';
+export type { CalloutVariant } from './feedback/Callout/types/CalloutVariant';
+export { Info } from './feedback/Info/Info';
+export type { InfoAccent } from './feedback/Info/types/InfoAccent';
+export type { InfoProps } from './feedback/Info/types/InfoProps';
+export { InlineBanner } from './feedback/InlineBanner/InlineBanner';
+export { DEFAULT_TOAST_LIMIT } from './feedback/Toast/constants/DefaultToastLimit';
+export { ToastContext } from './feedback/Toast/contexts/ToastContext';
+export { useCloseToast } from './feedback/Toast/hooks/useCloseToast';
+export { useEnqueueToast } from './feedback/Toast/hooks/useEnqueueToast';
+export { useToast } from './feedback/Toast/hooks/useToast';
+export { useToastContext } from './feedback/Toast/hooks/useToastContext';
+export { useToastEntries } from './feedback/Toast/hooks/useToastEntries';
+export { createToastStore } from './feedback/Toast/stores/createToastStore';
+export { Toast } from './feedback/Toast/Toast';
+export { ToastProvider } from './feedback/Toast/ToastProvider';
+export type { ToastEntry } from './feedback/Toast/types/ToastEntry';
+export type { ToastNotification } from './feedback/Toast/types/ToastNotification';
+export type { ToastOptions } from './feedback/Toast/types/ToastOptions';
+export type { ToastProps } from './feedback/Toast/types/ToastProps';
+export type { ToastProviderProps } from './feedback/Toast/types/ToastProviderProps';
+export type { ToastStoreState } from './feedback/Toast/types/ToastStoreState';
+export type { ToastVariant } from './feedback/Toast/types/ToastVariant';
+export { completeToastExit } from './feedback/Toast/utils/completeToastExit';
+export { dismissToasts } from './feedback/Toast/utils/dismissToasts';
+export { isToastVisible } from './feedback/Toast/utils/isToastVisible';
+export { Toaster } from './feedback/Toaster/Toaster';
+export type { ToasterProps } from './feedback/Toaster/types/ToasterProps';
+export { CardPicker } from './input/CardPicker/CardPicker';
+export type { CardPickerProps } from './input/CardPicker/types/CardPickerProps';
+export { ColorSchemePicker } from './input/ColorSchemePicker/ColorSchemePicker';
+export type { ColorSchemePickerProps } from './input/ColorSchemePicker/types/ColorSchemePickerProps';
+export { IconButton } from './input/IconButton/IconButton';
+export type { IconButtonProps } from './input/IconButton/types/IconButtonProps';
+export type { IconButtonSize } from './input/IconButton/types/IconButtonSize';
+export { LightButton } from './input/LightButton/LightButton';
+export type { LightButtonProps } from './input/LightButton/types/LightButtonProps';
+export { LightIconButton } from './input/LightIconButton/LightIconButton';
+export type { LightIconButtonProps } from './input/LightIconButton/types/LightIconButtonProps';
+export { MainButton } from './input/MainButton/MainButton';
+export { SearchInput } from './input/SearchInput/SearchInput';
+export type { SearchInputProps } from './input/SearchInput/types/SearchInputProps';
+export { SettingsRow } from './input/SettingsRow/SettingsRow';
+export type { SettingsRowProps } from './input/SettingsRow/types/SettingsRowProps';
+export { AnimatedIconCrossfade } from './layout/AnimatedIconCrossfade/AnimatedIconCrossfade';
+export { Section } from './layout/Section/Section';
+export type { SectionHeaderProps } from './layout/Section/types/SectionHeaderProps';
+export type { SectionRootProps } from './layout/Section/types/SectionRootProps';
+export { DEFAULT_COLOR_LABELS } from './navigation/MenuItem/constants/DefaultColorLabels';
+export { MenuItem } from './navigation/MenuItem/MenuItem';
+export type { ColorLabels } from './navigation/MenuItem/types/ColorLabels';
+export type { MenuItemAccent } from './navigation/MenuItem/types/MenuItemAccent';
+export type { MenuItemDraggableGripMode } from './navigation/MenuItem/types/MenuItemDraggableGripMode';
+export type { MenuItemProps } from './navigation/MenuItem/types/MenuItemProps';
+export { MenuItemAvatar } from './navigation/MenuItemAvatar/MenuItemAvatar';
+export type { MenuItemAvatarProps } from './navigation/MenuItemAvatar/types/MenuItemAvatarProps';
+export { MenuItemDraggable } from './navigation/MenuItemDraggable/MenuItemDraggable';
+export type { MenuItemDraggableProps } from './navigation/MenuItemDraggable/types/MenuItemDraggableProps';
+export { MenuItemSuggestion } from './navigation/MenuItemSuggestion/MenuItemSuggestion';
+export type { MenuItemSuggestionProps } from './navigation/MenuItemSuggestion/types/MenuItemSuggestionProps';
+export { MenuPicker } from './navigation/MenuPicker/MenuPicker';
+export type { MenuPickerProps } from './navigation/MenuPicker/types/MenuPickerProps';
+export { NavigationBar } from './navigation/NavigationBar/NavigationBar';
+export { RoundedLink } from './navigation/RoundedLink/RoundedLink';
+export { TabButton } from './navigation/TabButton/TabButton';
+export type { TabButtonProps } from './navigation/TabButton/types/TabButtonProps';

package/dist/components/input/CardPicker/types/CardPickerProps.d.ts

@@ -0,0 +1,2 @@
+import { RadioProps } from '../../../../primitives/input/Radio/types/RadioProps';
+export type CardPickerProps<TValue = string> = RadioProps<TValue>;

package/dist/components/input/ColorSchemePicker/ColorSchemePicker.d.ts

@@ -0,0 +1,2 @@
+import { ColorSchemePickerProps } from './types/ColorSchemePickerProps';
+export declare const ColorSchemePicker: ({ value, onChange, className, lightLabel, darkLabel, systemLabel, }: ColorSchemePickerProps) => import("react").JSX.Element;

package/dist/{primitives/input → components/input/ColorSchemePicker/internal}/ColorSchemeCard/ColorSchemeCard.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ColorScheme } from '../types/ColorScheme';
+import { ColorScheme } from '../../../../../primitives/input/types/ColorScheme';
 export type ColorSchemeSegmentProps = {
     variant: ColorScheme;
     className?: string;

package/dist/components/input/ColorSchemePicker/types/ColorSchemePickerProps.d.ts

@@ -0,0 +1,9 @@
+import { ColorScheme } from '../../../../primitives/input/types/ColorScheme';
+export type ColorSchemePickerProps = {
+    value: ColorScheme;
+    className?: string;
+    onChange: (value: ColorScheme) => void;
+    lightLabel: string;
+    darkLabel: string;
+    systemLabel: string;
+};

package/dist/components/input/IconButton/IconButton.d.ts

@@ -0,0 +1,2 @@
+import { IconButtonProps } from './types/IconButtonProps';
+export declare const IconButton: ({ children, size, shape, className, tooltip, tooltipPlace, tooltipDelay, tooltipOffset, disabled, loading, ...props }: IconButtonProps) => import("react").JSX.Element;

package/dist/components/input/IconButton/types/IconButtonProps.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { IconButtonSize } from './IconButtonSize';
+import { ButtonProps } from '../../../../primitives/input/Button/types/ButtonProps';
+import { TooltipSide } from '../../../../primitives/surfaces/Tooltip/types/TooltipSide';
+export type IconButtonProps = Omit<ButtonProps, 'size' | 'aria-label' | 'children' | 'startIcon' | 'endIcon' | 'hotkeys' | 'fullWidth' | 'soon' | 'soonLabel'> & {
+    size?: IconButtonSize;
+    shape?: 'square' | 'round';
+    children: ReactNode;
+    'aria-label': string;
+    tooltip?: string;
+    tooltipPlace?: TooltipSide;
+    tooltipDelay?: number;
+    tooltipOffset?: number;
+};

package/dist/components/input/IconButton/types/IconButtonSize.d.ts

@@ -0,0 +1,2 @@
+import { ButtonSize } from '../../../../primitives/input/Button/types/ButtonSize';
+export type IconButtonSize = ButtonSize | 'xs';

package/dist/components/{LightButton → input/LightButton}/types/LightButtonProps.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from '../../../primitives/input/Button/types/ButtonProps';
+import { ButtonProps } from '../../../../primitives/input/Button/types/ButtonProps';
 export type LightButtonProps = ButtonProps & {
     emphasis?: 'standard' | 'subtle';
 };

package/dist/components/input/LightIconButton/LightIconButton.d.ts

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

package/dist/components/input/LightIconButton/types/LightIconButtonProps.d.ts

@@ -0,0 +1,4 @@
+import { IconButtonProps } from '../../IconButton/types/IconButtonProps';
+export type LightIconButtonProps = IconButtonProps & {
+    emphasis?: 'standard' | 'subtle';
+};

package/dist/components/{MainButton → input/MainButton}/MainButton.d.ts

@@ -1,2 +1,2 @@
-import { ButtonProps } from '../../primitives/input/Button/types/ButtonProps';
+import { ButtonProps } from '../../../primitives/input/Button/types/ButtonProps';
 export declare const MainButton: ({ className, elevated, variant, ...props }: ButtonProps) => import("react").JSX.Element;

package/dist/components/input/SearchInput/SearchInput.d.ts

@@ -0,0 +1,2 @@
+import { SearchInputProps } from './types/SearchInputProps';
+export declare const SearchInput: ({ value, onChange, placeholder, filterDropdown, autoFocus, disabled, className, id, filterButtonAriaLabel, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, }: SearchInputProps) => import("react").JSX.Element;

package/dist/{primitives/input/SearchInput/SearchInput.d.ts → components/input/SearchInput/types/SearchInputProps.d.ts}

@@ -12,4 +12,3 @@ export type SearchInputProps = {
     'aria-label'?: string;
     'aria-labelledby'?: string;
 };
-export declare const SearchInput: ({ value, onChange, placeholder, filterDropdown, autoFocus, disabled, className, id, filterButtonAriaLabel, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, }: SearchInputProps) => import("react").JSX.Element;

package/dist/components/input/SettingsRow/SettingsRow.d.ts

@@ -0,0 +1,2 @@
+import { SettingsRowProps } from './types/SettingsRowProps';
+export declare const SettingsRow: ({ children, startIcon, description, focused, checked, defaultChecked, onCheckedChange, disabled, readOnly, size, name, value, required, className, style, ref, ...labelProps }: SettingsRowProps) => import("react").JSX.Element;

package/dist/components/input/SettingsRow/__stories__/ControlledSettingsRowExample.d.ts

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

package/dist/components/input/SettingsRow/types/SettingsRowProps.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { SwitchProps } from '../../../../primitives/input/Switch/types/SwitchProps';
+import { ListItemProps } from '../../../../primitives/navigation/ListItem/types/ListItemProps';
+export type SettingsRowProps = Omit<ComponentPropsWithRef<'label'>, 'children' | 'htmlFor' | 'onChange' | 'onClick'> & Pick<ListItemProps, 'startIcon' | 'description' | 'focused'> & Pick<SwitchProps, 'checked' | 'defaultChecked' | 'onCheckedChange' | 'disabled' | 'readOnly' | 'size' | 'name' | 'value' | 'required'> & {
+    children: ReactNode;
+};

package/dist/components/layout/Section/Section.d.ts

@@ -0,0 +1,4 @@
+export declare const Section: {
+    Root: ({ align, color, fullWidth, className, render, ref, ...props }: import('./types/SectionRootProps').SectionRootProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+    Header: ({ title, description, adornment, level, size, color, descriptionLineClamp, render, ref, className, ...props }: import('./types/SectionHeaderProps').SectionHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+};

package/dist/components/layout/Section/internal/SectionHeader.d.ts

@@ -0,0 +1,2 @@
+import { SectionHeaderProps } from '../types/SectionHeaderProps';
+export declare const SectionHeader: ({ title, description, adornment, level, size, color, descriptionLineClamp, render, ref, className, ...props }: SectionHeaderProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/components/layout/Section/internal/SectionRoot.d.ts

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

package/dist/components/layout/Section/types/SectionHeaderProps.d.ts

@@ -0,0 +1,9 @@
+import { useRender } from '@base-ui/react/use-render';
+import { ReactNode } from 'react';
+import { HeadingProps } from '../../../../primitives/typography/Heading/types/HeadingProps';
+export type SectionHeaderProps = Omit<useRender.ComponentProps<'div'>, 'title' | 'children' | 'color'> & Pick<HeadingProps, 'level' | 'size' | 'color'> & {
+    title: ReactNode;
+    description?: ReactNode;
+    adornment?: ReactNode;
+    descriptionLineClamp?: number;
+};

package/dist/components/layout/Section/types/SectionRootProps.d.ts

@@ -0,0 +1,6 @@
+import { useRender } from '@base-ui/react/use-render';
+import { HeadingProps } from '../../../../primitives/typography/Heading/types/HeadingProps';
+export type SectionRootProps = Omit<useRender.ComponentProps<'div'>, 'color'> & Pick<HeadingProps, 'color'> & {
+    align?: 'left' | 'center';
+    fullWidth?: boolean;
+};

package/dist/components/navigation/MenuItem/MenuItem.d.ts

@@ -0,0 +1,2 @@
+import { MenuItemProps } from './types/MenuItemProps';
+export declare const MenuItem: ({ accent, className, withIconContainer, withIconContainerBackground, iconButtons, isIconDisplayedOnHoverOnly, LeftIcon, iconThemeColor, LeftComponent, RightIcon, RightComponent, onClick, onMouseEnter, onMouseLeave, testId, text, contextualTextPosition, contextualText, hasSubMenu, disabled, focused, selected, hotKeys, isSubMenuOpened, }: MenuItemProps) => import("react").JSX.Element;

package/dist/components/navigation/MenuItem/constants/DefaultColorLabels.d.ts

@@ -0,0 +1,2 @@
+import { ColorLabels } from '../types/ColorLabels';
+export declare const DEFAULT_COLOR_LABELS: ColorLabels;

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

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

package/dist/components/navigation/MenuItem/types/MenuItemProps.d.ts

@@ -0,0 +1,32 @@
+import { MenuItemAccent } from './MenuItemAccent';
+import { IconComponent } from '../../../../icon';
+import { ThemeColor } from '../../../../theme';
+import { Nullable } from '../../../../utilities/types/Nullable';
+import { MouseEvent, ReactNode } from 'react';
+export type MenuItemProps = {
+    accent?: MenuItemAccent;
+    className?: string;
+    withIconContainer?: boolean;
+    withIconContainerBackground?: boolean;
+    iconButtons?: ReactNode;
+    isIconDisplayedOnHoverOnly?: boolean;
+    isTooltipOpen?: boolean;
+    LeftIcon?: IconComponent | null;
+    iconThemeColor?: ThemeColor | null;
+    LeftComponent?: ReactNode;
+    RightIcon?: IconComponent | null;
+    RightComponent?: ReactNode;
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
+    onMouseLeave?: (event: MouseEvent<HTMLDivElement>) => void;
+    testId?: string;
+    disabled?: boolean;
+    text: ReactNode;
+    contextualTextPosition?: 'left' | 'right';
+    contextualText?: ReactNode;
+    hasSubMenu?: boolean;
+    focused?: boolean;
+    selected?: boolean;
+    hotKeys?: Nullable<string[]>;
+    isSubMenuOpened?: boolean;
+};

package/dist/components/navigation/MenuItemAvatar/MenuItemAvatar.d.ts

@@ -0,0 +1,2 @@
+import { MenuItemAvatarProps } from './types/MenuItemAvatarProps';
+export declare const MenuItemAvatar: ({ accent, className, iconButtons, isIconDisplayedOnHoverOnly, isTooltipOpen, onClick, onMouseEnter, onMouseLeave, testId, avatar, hasSubMenu, text, contextualText, }: MenuItemAvatarProps) => import("react").JSX.Element;

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

@@ -1,11 +1,10 @@
-import { AvatarProps } from '../../data-display/Avatar/types/AvatarProps';
-import { MenuItemIconButton } from '../MenuItem/MenuItem';
+import { MenuItemAccent } from '../../MenuItem/types/MenuItemAccent';
+import { AvatarProps } from '../../../../primitives/data-display/Avatar/types/AvatarProps';
 import { MouseEvent, ReactNode } from 'react';
-import { MenuItemAccent } from '../MenuItem/types/MenuItemAccent';
 export type MenuItemAvatarProps = {
     accent?: MenuItemAccent;
     className?: string;
-    iconButtons?: MenuItemIconButton[];
+    iconButtons?: ReactNode;
     isIconDisplayedOnHoverOnly?: boolean;
     isTooltipOpen?: boolean;
     avatar?: Pick<AvatarProps, 'src' | 'colorSeed' | 'name' | 'size' | 'shape'> | null;
@@ -17,4 +16,3 @@ export type MenuItemAvatarProps = {
     hasSubMenu?: boolean;
     contextualText?: ReactNode;
 };
-export declare const MenuItemAvatar: ({ accent, className, iconButtons, isIconDisplayedOnHoverOnly, isTooltipOpen, onClick, onMouseEnter, onMouseLeave, testId, avatar, hasSubMenu, text, contextualText, }: MenuItemAvatarProps) => import("react").JSX.Element;

package/dist/components/navigation/MenuItemDraggable/MenuItemDraggable.d.ts

@@ -0,0 +1,2 @@
+import { MenuItemDraggableProps } from './types/MenuItemDraggableProps';
+export declare const MenuItemDraggable: ({ LeftIcon, withIconContainer, accent, iconButtons, onClick, text, contextualText, isDragDisabled, className, isIconDisplayedOnHoverOnly, gripMode, }: MenuItemDraggableProps) => import("react").JSX.Element;

package/dist/components/navigation/MenuItemDraggable/types/MenuItemDraggableProps.d.ts

@@ -0,0 +1,19 @@
+import { MenuItemAccent } from '../../MenuItem/types/MenuItemAccent';
+import { MenuItemDraggableGripMode } from '../../MenuItem/types/MenuItemDraggableGripMode';
+import { IconComponent } from '../../../../icon';
+import { ReactNode } from 'react';
+export type MenuItemDraggableProps = {
+    LeftIcon?: IconComponent | undefined;
+    withIconContainer?: boolean;
+    accent?: MenuItemAccent;
+    iconButtons?: ReactNode;
+    isTooltipOpen?: boolean;
+    onClick?: () => void;
+    text: ReactNode;
+    contextualText?: ReactNode;
+    className?: string;
+    isIconDisplayedOnHoverOnly?: boolean;
+    gripMode?: MenuItemDraggableGripMode;
+    isDragDisabled?: boolean;
+    isHoverDisabled?: boolean;
+};

package/dist/components/navigation/MenuItemSuggestion/MenuItemSuggestion.d.ts

@@ -0,0 +1,2 @@
+import { MenuItemSuggestionProps } from './types/MenuItemSuggestionProps';
+export declare const MenuItemSuggestion: ({ LeftIcon, withIconContainer, text, contextualText, contextualTextPosition, className, selected, onClick, }: MenuItemSuggestionProps) => import("react").JSX.Element;

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

@@ -1,5 +1,5 @@
+import { IconComponent } from '../../../../icon';
 import { MouseEvent } from 'react';
-import { IconComponent } from '../../../icon';
 export type MenuItemSuggestionProps = {
     LeftIcon?: IconComponent | null;
     withIconContainer?: boolean;
@@ -10,4 +10,3 @@ export type MenuItemSuggestionProps = {
     className?: string;
     onClick?: (event: MouseEvent<HTMLLIElement>) => void;
 };
-export declare const MenuItemSuggestion: ({ LeftIcon, withIconContainer, text, contextualText, contextualTextPosition, className, selected, onClick, }: MenuItemSuggestionProps) => import("react").JSX.Element;

package/dist/components/navigation/MenuPicker/MenuPicker.d.ts

@@ -0,0 +1,2 @@
+import { MenuPickerProps } from './types/MenuPickerProps';
+export declare const MenuPicker: ({ id, icon: Icon, label, selected, disabled, showLabel, onClick, className, testId, tooltipContent, tooltipDelay, tooltipOffset, }: MenuPickerProps) => import("react").JSX.Element;

package/dist/components/navigation/MenuPicker/types/MenuPickerProps.d.ts

@@ -0,0 +1,15 @@
+import { IconComponent } from '../../../../icon';
+export type MenuPickerProps = {
+    id: string;
+    className?: string;
+    disabled?: boolean;
+    icon: IconComponent;
+    label?: string;
+    onClick?: () => void;
+    selected?: boolean;
+    showLabel?: boolean;
+    testId?: string;
+    tooltipContent?: string;
+    tooltipDelay?: number;
+    tooltipOffset?: number;
+};

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

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

package/dist/components/navigation/TabButton/TabButton.d.ts

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

package/dist/components/navigation/TabButton/types/TabButtonProps.d.ts

@@ -0,0 +1,5 @@
+import { ButtonProps } from '../../../../primitives/input/Button/types/ButtonProps';
+import { TabsTabProps } from '../../../../primitives/navigation/Tabs/types/TabsTabProps';
+export type TabButtonProps = Omit<ButtonProps, 'variant' | 'color' | 'fullWidth' | 'loading' | 'elevated' | 'hotkeys' | 'soon' | 'soonLabel'> & Pick<TabsTabProps, 'badge'> & {
+    active?: boolean;
+};