@equisoft/design-elements-react 9.11.0 → 9.11.1-snapshot.20260129021021

package/dist/components/progress-tracker/index.d.ts

@@ -0,0 +1,2 @@
+export { ProgressTracker } from './progress-tracker';
+export type { ProgressTrackerStep, ProgressTrackerProps } from './progress-tracker';

package/dist/components/progress-tracker/progress-tracker.d.ts

@@ -1,16 +1,15 @@
-import { VoidFunctionComponent } from 'react';
+import { type FC } from 'react';
 export interface ProgressTrackerStep {
     href?: string;
     label: string;
     completion?: 'completed' | 'uncompleted';
     onClick?: (stepNumber: number) => void;
 }
-interface ProgressTrackerProps {
+export interface ProgressTrackerProps {
     ariaLabel?: string;
     className?: string;
     linear?: boolean;
     steps: ProgressTrackerStep[];
     value: number;
 }
-export declare const ProgressTracker: VoidFunctionComponent<ProgressTrackerProps>;
-export {};
+export declare const ProgressTracker: FC<ProgressTrackerProps>;

package/dist/components/radio-button/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioButton } from './radio-button';
+export type { RadioButtonProps } from './radio-button';

package/dist/components/radio-button/radio-button.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, FunctionComponent } from 'react';
-interface RadioButtonProps {
+export interface RadioButtonProps {
     ariaLabel?: string;
     ariaLabelledBy?: string[];
     checked?: boolean;
@@ -13,4 +13,3 @@ interface RadioButtonProps {
     onChange?(event: ChangeEvent<HTMLInputElement>): void;
 }
 export declare const RadioButton: FunctionComponent<RadioButtonProps>;
-export {};

package/dist/components/radio-button/radio-input.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, FocusEvent } from 'react';
-interface RadioInputProps {
+export interface RadioInputProps {
     ariaLabel?: string;
     ariaLabelledBy?: string[];
     checked?: boolean;
@@ -14,4 +14,3 @@ interface RadioInputProps {
     onChange?(event: ChangeEvent<HTMLInputElement>): void;
 }
 export declare const RadioInput: import("react").ForwardRefExoticComponent<RadioInputProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/components/radio-button-group/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioButtonGroup } from './radio-button-group';
+export type { RadioButtonGroupProps, RadioButtonGroupButtonProps } from './radio-button-group';

package/dist/components/radio-button-group/radio-button-group.d.ts

@@ -1,18 +1,18 @@
-import { ChangeEvent, VoidFunctionComponent } from 'react';
-import { ToggletipProps } from '../toggletip/toggletip';
-import { TooltipProps } from '../tooltip/tooltip';
-interface RadioButtonProps {
+import { ChangeEvent, type FC, ReactElement } from 'react';
+import { ToggletipProps } from '../toggletip';
+import { TooltipProps } from '../tooltip';
+export interface RadioButtonGroupButtonProps {
     label: string;
     value: string;
     id?: string;
     defaultChecked?: boolean;
     disabled?: boolean;
     content?: {
-        element: React.ReactElement;
+        element: ReactElement;
         maxHeight?: number;
     };
 }
-interface RadioButtonGroupProps {
+export interface RadioButtonGroupProps {
     ariaLabel?: string;
     ariaLabelledBy?: string[];
     className?: string;
@@ -23,10 +23,9 @@ interface RadioButtonGroupProps {
     /** Sets the name property of all buttons */
     groupName: string;
     checkedValue?: string;
-    buttons: RadioButtonProps[];
+    buttons: RadioButtonGroupButtonProps[];
     /** Duration in milliseconds */
     transitionDuration?: number;
     onChange?(event: ChangeEvent<HTMLInputElement>): void;
 }
-export declare const RadioButtonGroup: VoidFunctionComponent<RadioButtonGroupProps>;
-export {};
+export declare const RadioButtonGroup: FC<RadioButtonGroupProps>;

package/dist/components/radio-card-group/index.d.ts

@@ -0,0 +1,4 @@
+export { RadioCard } from './radio-card';
+export type { RadioCardProps } from './radio-card';
+export { RadioCardGroup } from './radio-card-group';
+export type { RadioCardGroupProps } from './radio-card-group';

package/dist/components/radio-card-group/radio-card-group.d.ts

@@ -1,10 +1,9 @@
-import { ReactElement, VoidFunctionComponent } from 'react';
+import { type FC, ReactElement } from 'react';
 import { RadioCardProps } from './radio-card';
-interface RadioCardGroupProps {
+export interface RadioCardGroupProps {
     children: ReactElement<RadioCardProps> | ReactElement<RadioCardProps>[];
     className?: string;
     label?: string;
     orientation?: 'horizontal' | 'vertical';
 }
-export declare const RadioCardGroup: VoidFunctionComponent<RadioCardGroupProps>;
-export {};
+export declare const RadioCardGroup: FC<RadioCardGroupProps>;

package/dist/components/radio-card-group/radio-card.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, ReactElement, ReactNode, VoidFunctionComponent } from 'react';
+import { ChangeEvent, FC, ReactElement, ReactNode } from 'react';
 export interface RadioCardProps {
     checked?: boolean;
     children?: ReactNode;
@@ -12,5 +12,5 @@ export interface RadioCardProps {
     value: string;
     onChange?(event: ChangeEvent<HTMLInputElement>): void;
 }
-export declare const RadioCard: VoidFunctionComponent<RadioCardProps>;
+export declare const RadioCard: FC<RadioCardProps>;
 export declare const isRadioCard: (child: unknown) => child is ReactElement<RadioCardProps>;

package/dist/components/radio-card-group/styled-components.d.ts

@@ -1,4 +1,4 @@
-import { ResolvedTheme } from '../../themes/theme';
+import { ResolvedTheme } from '../../themes';
 interface DescriptionProps {
     $isMobile: boolean;
     theme: ResolvedTheme;

package/dist/components/route-link/index.d.ts

@@ -0,0 +1,2 @@
+export { RouteLink } from './route-link';
+export type { RouteLinkProps } from './route-link';

package/dist/components/route-link/route-link.d.ts

@@ -1,8 +1,8 @@
-import { ComponentPropsWithoutRef, MouseEvent, VoidFunctionComponent } from 'react';
-import { NavLink, Link as ReactRouterLink } from 'react-router-dom';
-import { IconName } from '../icon/icon';
+import { ComponentPropsWithoutRef, type FC, MouseEvent } from 'react';
+import { Link as ReactRouterLink, NavLink } from 'react-router-dom';
+import { IconName } from '../icon';
 type RouterLinkProps = Pick<ComponentPropsWithoutRef<typeof NavLink>, 'end'>;
-interface LinkProps extends RouterLinkProps {
+export interface RouteLinkProps extends RouterLinkProps {
     className?: string;
     disabled?: boolean;
     href: string;
@@ -14,5 +14,5 @@ interface LinkProps extends RouterLinkProps {
 /**
  * @deprecated This component is deprecated and will be removed in future releases. Use Link instead.
  */
-export declare const RouteLink: VoidFunctionComponent<LinkProps>;
+export declare const RouteLink: FC<RouteLinkProps>;
 export {};

package/dist/components/route-link/styles/index.d.ts

@@ -0,0 +1 @@
+export * from './styled-link';

package/dist/components/screen-reader-only-text/ScreenReaderOnlyText.d.ts

@@ -1,6 +1,5 @@
-import { VoidFunctionComponent } from 'react';
-interface Props {
+import { type FC } from 'react';
+export interface ScreenReaderOnlyTextProps {
     label: string;
 }
-export declare const ScreenReaderOnlyText: VoidFunctionComponent<Props>;
-export {};
+export declare const ScreenReaderOnlyText: FC<ScreenReaderOnlyTextProps>;

package/dist/components/screen-reader-only-text/index.d.ts

@@ -0,0 +1,2 @@
+export { ScreenReaderOnlyText } from './ScreenReaderOnlyText';
+export type { ScreenReaderOnlyTextProps } from './ScreenReaderOnlyText';

package/dist/components/search/index.d.ts

@@ -0,0 +1,4 @@
+export { SearchContextual } from './search-contextual';
+export type { SearchContextualProps } from './search-contextual';
+export { SearchGlobal } from './search-global';
+export type { SearchGlobalProps } from './search-global';

package/dist/components/search/search-contextual.d.ts

@@ -1,4 +1,3 @@
-import { VoidFunctionComponent } from 'react';
 import { CommonSearchProps } from './search-input';
 export type SearchContextualProps = CommonSearchProps;
-export declare const SearchContextual: VoidFunctionComponent<SearchContextualProps>;
+export declare const SearchContextual: import("react").ForwardRefExoticComponent<CommonSearchProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/search/search-global.d.ts

@@ -1,4 +1,4 @@
-import { VoidFunctionComponent } from 'react';
+import { type FC } from 'react';
 import { CommonSearchProps } from './search-input';
 export type SearchGlobalProps = CommonSearchProps;
-export declare const SearchGlobal: VoidFunctionComponent<SearchGlobalProps>;
+export declare const SearchGlobal: FC<SearchGlobalProps>;

package/dist/components/search/search-input.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FocusEvent, VoidFunctionComponent } from 'react';
+import { type ChangeEvent, type FocusEvent } from 'react';
 export interface CommonSearchProps {
     id?: string;
     disabled?: boolean;
@@ -16,4 +16,4 @@ export interface SearchInputProps extends CommonSearchProps {
     hasButton?: boolean;
     hasIcon?: boolean;
 }
-export declare const SearchInput: VoidFunctionComponent<SearchInputProps>;
+export declare const SearchInput: import("react").ForwardRefExoticComponent<SearchInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/sectional-banner/index.d.ts

@@ -0,0 +1,2 @@
+export { SectionalBanner } from './sectional-banner';
+export type { SectionalBannerType, SectionalBannerProps } from './sectional-banner';

package/dist/components/sectional-banner/sectional-banner.d.ts

@@ -1,12 +1,12 @@
-import { ReactNode, VoidFunctionComponent } from 'react';
-import { Tag } from '../heading/heading';
+import { type FC, ReactNode } from 'react';
+import { type HeadingTag } from '../heading';
 export type SectionalBannerType = 'neutral' | 'info' | 'discovery' | 'success' | 'warning' | 'alert';
-interface SectionalBannerProps {
+export interface SectionalBannerProps {
     buttonLabel?: string;
     className?: string;
     children: ReactNode;
     focusable?: boolean;
-    headingTag?: Tag;
+    headingTag?: HeadingTag;
     id?: string;
     /** Sets custom message title */
     title?: string;
@@ -15,5 +15,4 @@ interface SectionalBannerProps {
     onButtonClicked?(): void;
     onDismiss?(): void;
 }
-export declare const SectionalBanner: VoidFunctionComponent<SectionalBannerProps>;
-export {};
+export declare const SectionalBanner: FC<SectionalBannerProps>;

package/dist/components/segmented-control/index.d.ts

@@ -0,0 +1,2 @@
+export { SegmentedControl } from './segmented-control';
+export type { SegmentedControlProps } from './segmented-control';

package/dist/components/segmented-control/segmented-control.d.ts

@@ -1,6 +1,6 @@
-import { MouseEvent, VoidFunctionComponent } from 'react';
-import { IconName } from '../icon/icon';
-interface SegmentedControlProps {
+import { type FC, MouseEvent } from 'react';
+import { type IconName } from '../icon';
+export interface SegmentedControlProps {
     /**
      * Takes an array of objects containing all the buttons needed
      */
@@ -20,5 +20,4 @@ interface SegmentedControlProps {
     toggleable?: boolean;
     onClick?(event: MouseEvent<HTMLButtonElement>): void;
 }
-export declare const SegmentedControl: VoidFunctionComponent<SegmentedControlProps>;
-export {};
+export declare const SegmentedControl: FC<SegmentedControlProps>;

package/dist/components/shadow-wrapper/index.d.ts

@@ -0,0 +1,2 @@
+export { ShadowWrapper } from './shadow-wrapper';
+export type { ShadowWrapperProps } from './shadow-wrapper';

package/dist/components/shadow-wrapper/shadow-wrapper.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent, PropsWithChildren } from 'react';
-interface ShadowWrapperProps {
+export interface ShadowWrapperProps {
     /**
      * Sets host element tag
      * @default div
@@ -7,4 +7,3 @@ interface ShadowWrapperProps {
     tagName?: string;
 }
 export declare const ShadowWrapper: FunctionComponent<PropsWithChildren<ShadowWrapperProps>>;
-export {};

package/dist/components/side-drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { SideDrawer } from './side-drawer';
+export type { SideDrawerProps } from './side-drawer';

package/dist/components/side-drawer/side-drawer.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
 type Origin = 'right' | 'left';
-interface SideDrawerProps {
+export interface SideDrawerProps {
     children: ReactNode;
     className?: string;
     /**

package/dist/components/skip-link/index.d.ts

@@ -0,0 +1,2 @@
+export { SkipLink } from './skip-link';
+export type { SkipLinkProps } from './skip-link';

package/dist/components/skip-link/skip-link.d.ts

@@ -1,7 +1,7 @@
-import { MouseEvent, VoidFunctionComponent } from 'react';
+import { type FC, MouseEvent } from 'react';
 export interface SkipLinkProps {
     className?: string;
     href: string;
     onClick?(event: MouseEvent<HTMLAnchorElement>): void;
 }
-export declare const SkipLink: VoidFunctionComponent<SkipLinkProps>;
+export declare const SkipLink: FC<SkipLinkProps>;

package/dist/components/slider/index.d.ts

@@ -0,0 +1,2 @@
+export { Slider } from './slider';
+export type { SliderProps } from './slider';

package/dist/components/slider/slider.d.ts

@@ -1,8 +1,8 @@
 import { ReactElement } from 'react';
-import { ToggletipProps } from '../toggletip/toggletip';
-import { TooltipProps } from '../tooltip/tooltip';
+import { ToggletipProps } from '../toggletip';
+import { TooltipProps } from '../tooltip';
 type InferValueType<T> = T extends number ? number : number[];
-interface SliderProps<TValue extends number | number[]> {
+export interface SliderProps<TValue extends number | number[]> {
     className?: string;
     id?: string;
     max: number;

package/dist/components/slider/value-tooltip.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
-import { SliderValueLabelSlotProps } from '@mui/base/Slider';
+import { type SliderValueLabelSlotProps } from '@mui/base/Slider';
+import { type FunctionComponent } from 'react';
 export declare const ValueTooltipContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ValueTooltip: FunctionComponent<SliderValueLabelSlotProps>;

package/dist/components/spinner/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @deprecated Use {@link ProgressIndicator} instead.
+ */
+declare const Spinner: import("styled-components").StyledComponent<import("react").FC<import("react").SVGProps<SVGSVGElement>>, import("styled-components").DefaultTheme, {}, never>;
+export { Spinner, };

package/dist/components/stepper-input/index.d.ts

@@ -0,0 +1,2 @@
+export { StepperInput } from './stepper-input';
+export type { StepperInputProps } from './stepper-input';

package/dist/components/stepper-input/stepper-buttons.d.ts

@@ -1,9 +1,9 @@
-import React, { VoidFunctionComponent } from 'react';
+import React, { type FC } from 'react';
 interface StepperButtonsProps {
     disabled?: boolean;
     onIncrement?(event: React.MouseEvent<HTMLButtonElement>): void;
     onDecrement?(event: React.MouseEvent<HTMLButtonElement>): void;
     onStop?(): void;
 }
-export declare const StepperButtons: VoidFunctionComponent<StepperButtonsProps>;
+export declare const StepperButtons: FC<StepperButtonsProps>;
 export {};

package/dist/components/stepper-input/stepper-input.d.ts

@@ -1,9 +1,9 @@
-import { DetailedHTMLProps, InputHTMLAttributes, VoidFunctionComponent } from 'react';
-import { ToggletipProps } from '../toggletip/toggletip';
-import { TooltipProps } from '../tooltip/tooltip';
+import { type DetailedHTMLProps, type FC, type InputHTMLAttributes } from 'react';
+import { ToggletipProps } from '../toggletip';
+import { TooltipProps } from '../tooltip';
 type PartialStepperInputProps = Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'disabled' | 'onFocus' | 'onBlur' | 'step'>;
 type Value = undefined | number | null;
-interface StepperInputProps extends PartialStepperInputProps {
+export interface StepperInputProps extends PartialStepperInputProps {
     defaultValue?: number;
     hint?: string;
     id?: string;
@@ -19,5 +19,5 @@ interface StepperInputProps extends PartialStepperInputProps {
     required?: boolean;
     onChange?(value: Value): void;
 }
-export declare const StepperInput: VoidFunctionComponent<StepperInputProps>;
+export declare const StepperInput: FC<StepperInputProps>;
 export {};

package/dist/components/table/index.d.ts

@@ -1,2 +1,3 @@
-export { Table, type TableProps, type TableRowId } from './table';
-export { type TableData, type TableColumn } from './types';
+export { Table } from './table';
+export type { TableProps, TableRowId } from './table';
+export type { TableColumn, TableData } from './types';

package/dist/components/table/table-caption.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'react';
+export type TableCaptionSize = 'large' | 'medium' | 'small';
+export interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {
+    className?: string;
+    id?: string;
+    bold?: boolean;
+    size?: TableCaptionSize;
+}
+export interface StyledTableCaptionProps {
+    $bold?: boolean;
+}
+export declare const TableCaption: import("react").ForwardRefExoticComponent<TableCaptionProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLTableCaptionElement>>;

package/dist/components/table/table-footer.d.ts

@@ -1,5 +1,5 @@
+import { type HeaderGroup } from '@tanstack/react-table';
 import { ReactElement } from 'react';
-import { HeaderGroup } from '@tanstack/react-table';
 interface TableFooterProps<T extends object> {
     footerGroup: HeaderGroup<T>;
     sticky: boolean;

package/dist/components/table/table-row.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
 import { Row } from '@tanstack/react-table';
+import { ReactElement } from 'react';
 interface StyledTableRowProps {
     $clickable?: boolean;
     $error?: boolean;

package/dist/components/table/table.d.ts

@@ -1,5 +1,6 @@
 import { ColumnSort, Row } from '@tanstack/react-table';
 import { ReactElement } from 'react';
+import { TableCaptionSize } from './table-caption';
 import { type TableColumn } from './types';
 type RowSize = 'small' | 'medium' | 'large';
 export type RowSelectionMode = 'single' | 'multiple';
@@ -8,11 +9,14 @@ type RowIdField<T> = {
     [K in keyof T]: T[K] extends TableRowId ? K : never;
 }[keyof T];
 export interface TableProps<T extends object> {
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
     ariaLabelledByColumnId?: string;
     data: T[];
     defaultSort?: ColumnSort;
+    caption?: string;
+    captionSize?: TableCaptionSize;
     columns: TableColumn<T>[];
-    excludeGroupsFromSelection?: boolean;
     expandableRows?: 'single' | 'multiple';
     expandChildrenOnRowSelection?: boolean;
     hideSelectAll?: boolean;
@@ -42,9 +46,8 @@ export interface TableProps<T extends object> {
     stickyFooter?: boolean;
     manualSort?: boolean;
     onRowClick?(row: Row<T>): void;
-    onSelectedRowIdsChange?(selectedRows: TableRowId[]): void;
-    onSelectedRowsChange?(selectedRows: T[]): void;
+    onSelectedRowIdsChange?(selectedRowIds: TableRowId[]): void;
     onSort?(sort: ColumnSort | null): void;
 }
-export declare const Table: <T extends object>({ ariaLabelledByColumnId, className, data, rowIdField, defaultSort, columns: providedColumns, excludeGroupsFromSelection, expandableRows, expandChildrenOnRowSelection, hideSelectAll, selectedRowIds, stickyHeader, stickyFooter, rowNumbers, rowSize, rowSelectionMode, striped, manualSort, onRowClick, onSelectedRowIdsChange, onSelectedRowsChange, onSort, }: TableProps<T>) => ReactElement;
+export declare const Table: <T extends object>({ ariaLabelledBy, ariaDescribedBy, ariaLabelledByColumnId, caption, captionSize, className, data, rowIdField, defaultSort, columns: providedColumns, expandableRows, expandChildrenOnRowSelection, hideSelectAll, selectedRowIds, stickyHeader, stickyFooter, rowNumbers, rowSize, rowSelectionMode, striped, manualSort, onRowClick, onSelectedRowIdsChange, onSort, }: TableProps<T>) => ReactElement;
 export {};

package/dist/components/table/types.d.ts

@@ -1,9 +1,9 @@
-import { Cell, Column, ColumnDef, Header } from '@tanstack/react-table';
-import { CSSProperties } from 'react';
+import type { Cell, Column, ColumnDef, Header } from '@tanstack/react-table';
+import type { CSSProperties, ReactNode } from 'react';
 export type TableData<TData> = TData & {
     error?: boolean;
     subRows?: TableData<TData>[];
-    subContent?: React.ReactNode;
+    subContent?: ReactNode;
 };
 export type TableColumn<TData> = ColumnDef<TData> & {
     className?: string;

package/dist/components/table/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './table-utils';

package/dist/components/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { Tabs } from './tabs';
+export type { AddButtonProps, Tab, TabsProps } from './tabs';

package/dist/components/tabs/tab-button.d.ts

@@ -1,16 +1,2 @@
-import { KeyboardEvent } from 'react';
-import { IconName } from '../icon/icon';
-interface TabButtonProps {
-    global?: boolean;
-    id: string;
-    children: string;
-    panelId: string;
-    leftIcon?: IconName;
-    rightIcon?: IconName;
-    isSelected: boolean;
-    onClick(): void;
-    onRemove?(): void;
-    onKeyDown?(event: KeyboardEvent<HTMLDivElement>): void;
-}
+import type { TabButtonProps } from './types';
 export declare const TabButton: import("react").ForwardRefExoticComponent<TabButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/components/tabs/tab-panel.d.ts

@@ -1,10 +1,3 @@
-import { FunctionComponent, PropsWithChildren, ReactNode } from 'react';
-interface TabPanelProps {
-    buttonId: string;
-    children: ReactNode;
-    hidden: boolean;
-    id: string;
-    global?: boolean;
-}
+import { FunctionComponent, PropsWithChildren } from 'react';
+import type { TabPanelProps } from './types';
 export declare const TabPanel: FunctionComponent<PropsWithChildren<TabPanelProps>>;
-export {};

package/dist/components/tabs/tabs-classes.d.ts

@@ -0,0 +1,5 @@
+export interface TabsClasses {
+    tablistContainer: string;
+}
+export type TabsClassKeys = keyof TabsClasses;
+export declare const tabsClasses: TabsClasses;

package/dist/components/tabs/tabs.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode, VoidFunctionComponent } from 'react';
-import { IconName } from '../icon/icon';
+import { type FC, ReactNode } from 'react';
+import { IconName } from '../icon';
+import { TabSize } from './types';
 export interface Tab {
     id: string;
     title: string;
@@ -8,17 +9,17 @@ export interface Tab {
     panelContent: ReactNode;
     onBeforeUnload?(): Promise<boolean>;
 }
-interface AddButtonProps {
+export interface AddButtonProps {
     label?: string;
     disabled?: boolean;
     loading?: boolean;
     tooltipContent?: string;
     onClick(): void;
 }
-interface Props {
+export interface TabsProps {
     className?: string;
     forceRenderTabPanels?: boolean;
-    global?: boolean;
+    size?: TabSize;
     tabs: Tab[];
     defaultSelectedId?: string;
     addButton?: AddButtonProps;
@@ -32,5 +33,4 @@ interface Props {
      */
     onTabChange?(tabId: string): void;
 }
-export declare const Tabs: VoidFunctionComponent<Props>;
-export {};
+export declare const Tabs: FC<TabsProps>;

package/dist/components/tabs/types.d.ts

@@ -0,0 +1,30 @@
+import type { KeyboardEvent, ReactNode } from 'react';
+import type { IconName } from '../icon';
+export type TabSize = 'medium' | 'small';
+export interface Tab {
+    id: string;
+    title: string;
+    leftIcon?: IconName;
+    rightIcon?: IconName;
+    panelContent: ReactNode;
+    onBeforeUnload?(): Promise<boolean>;
+}
+export interface TabButtonProps {
+    size: TabSize;
+    id: string;
+    panelId: string;
+    leftIcon?: IconName;
+    rightIcon?: IconName;
+    isSelected: boolean;
+    onClick(): void;
+    onRemove?(): void;
+    onKeyDown?(event: KeyboardEvent<HTMLDivElement>): void;
+    children: ReactNode;
+}
+export interface TabPanelProps {
+    buttonId: string;
+    children: ReactNode;
+    hidden: boolean;
+    id: string;
+    size?: TabSize;
+}

package/dist/components/tag/index.d.ts

@@ -0,0 +1,4 @@
+export { Tag } from './tag';
+export type { TagColor, TagProps, TagSize, TagValue, } from './tag';
+export { ToggleTag } from './toggle-tag';
+export type { ToggleTagProps, ToggleTagSize, ToggleTagValue, } from './toggle-tag';

package/dist/components/tag/tag.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'react';
-import { IconName } from '../icon/icon';
+import { type IconName } from '../icon';
 export type TagColor = 'default' | 'decorative-01' | 'decorative-02' | 'decorative-03' | 'decorative-04' | 'decorative-05' | 'decorative-06' | 'decorative-07' | 'decorative-08' | 'decorative-09' | 'decorative-10';
 export type TagSize = 'small' | 'medium';
 export interface TagValue {
@@ -8,12 +8,12 @@ export interface TagValue {
 }
 export interface TagProps {
     className?: string;
+    color?: TagColor;
+    iconName?: IconName;
     labelRef?: Ref<HTMLSpanElement>;
     size?: TagSize;
     subtle?: boolean;
     value: TagValue;
-    iconName?: IconName;
-    color?: TagColor;
     onRemove?(tag: TagValue): void;
 }
 export declare const Tag: import("react").ForwardRefExoticComponent<TagProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/tag/toggle-tag.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '../icon/icon';
+import { type IconName } from '../icon';
 export type ToggleTagSize = 'small' | 'medium';
 export interface ToggleTagValue {
     id?: string;