@hyphen/hyphen-components 7.3.1 → 7.3.3

package/dist/components/SelectInput/SelectInput.d.ts

@@ -1,148 +0,0 @@
-import { FocusEvent, ReactNode } from 'react';
-import { OptionsOrGroups, OnChangeValue } from 'react-select';
-import { ResponsiveProp } from '../../types';
-import { GroupBase } from 'react-select/dist/declarations/src/types';
-type SelectOptions = any;
-type SelectGroupOptions = GroupBase<SelectOptions>;
-export type SelectInputOptions = OptionsOrGroups<SelectOptions, SelectGroupOptions>;
-export type SimulatedEventPayloadType = {
-    target: {
-        name: string;
-        value: OnChangeValue<SelectInputOptions, boolean>;
-    };
-};
-export type TextInputSize = 'sm' | 'md' | 'lg' | ResponsiveProp<'sm' | 'md' | 'lg'>;
-export interface SelectInputProps {
-    /**
-     * The id attribute of the input.
-     */
-    id: string;
-    /**
-     * Custom content to be displayed above the input. If the label is hidden, will be used to set aria-label attribute.
-     */
-    label: string;
-    /**
-     * Callback function to call on change event.
-     */
-    onChange: (event: SimulatedEventPayloadType) => void;
-    /**
-     * The value(s) of select.
-     */
-    value: any | any[];
-    /**
-     * Options for dropdown list.
-     */
-    options: SelectInputOptions | AsyncOptions;
-    /**
-     * Autofocus select input on render.
-     */
-    autoFocus?: boolean;
-    /**
-     * Additional classes to add.
-     */
-    className?: string;
-    /**
-     * Mark the input field as invalid and display a validation message.
-     * Pass a string or node to render a validation message below the input.
-     */
-    error?: ReactNode;
-    /**
-     * Additional clarifying text to help describe the input
-     */
-    helpText?: ReactNode;
-    /**
-     * Visually hide the label.
-     */
-    hideLabel?: boolean;
-    /**
-     * Load the input asynchronously.
-     */
-    isAsync?: boolean;
-    /**
-     * If the input value is clearable programmatically.
-     */
-    isClearable?: boolean;
-    /**
-     * Include custom option in dropdown list.
-     */
-    isCreatable?: boolean;
-    /**
-     * If the input should be disabled and not focusable.
-     */
-    isDisabled?: boolean;
-    /**
-     * Is multi select enabled.
-     */
-    isMulti?: boolean;
-    /**
-     * The required and aria-required attributes on the input
-     */
-    isRequired?: boolean;
-    /**
-     * Select 'name' attribute.
-     */
-    name?: string;
-    /**
-     * A ref to portal the dropdown menu to. This is useful when the dropdown is located in a smaller container
-     * and we want to avoid cutting off the menu.
-     */
-    menuPortalTarget?: HTMLElement;
-    /**
-     * Callback function to call on blur event.
-     */
-    onBlur?: (event: FocusEvent<HTMLElement>) => void;
-    /**
-     * Callback function to call on focus event.
-     */
-    onFocus?: (event: FocusEvent<HTMLElement>) => void;
-    /**
-     * Placeholder for input.
-     */
-    placeholder?: string;
-    /**
-     * Visual indicator that the field is required, that gets appended to the label
-     */
-    requiredIndicator?: ReactNode;
-    /**
-     * The size of the text input.
-     */
-    size?: TextInputSize;
-    /**
-     * Additional props to be spread. These will be applied specifically to
-     * the `react-select` component that powers the select. For full docs on
-     * react-select props, [Click Here](https://react-select.com/props)
-     */
-    [x: string]: any;
-}
-type AsyncOptions = (inputValue: string) => Promise<SelectInputOptions>;
-type AsyncSelectInputProps = SelectInputProps & {
-    /**
-     * Load the input asynchronously.
-     */
-    isAsync: true;
-    /**
-     * Load options asynchronously.
-     */
-    options: AsyncOptions;
-    /**
-     * If cacheOptions is passed, then the loaded data will be cached.
-     */
-    cacheOptions?: boolean;
-    /**
-     * The default set of options to show before the user starts searching.
-     */
-    defaultOptions?: boolean;
-};
-type SyncSelectInputProps = SelectInputProps & {
-    /**
-     * Load the input synchronously.
-     */
-    isAsync?: false;
-    /**
-     * Options for dropdown list.
-     */
-    options: SelectInputOptions;
-};
-export declare function SelectInput(props: AsyncSelectInputProps): JSX.Element;
-export declare function SelectInput(props: SyncSelectInputProps): JSX.Element;
-export {};

package/dist/components/SelectInput/SelectInput.stories.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { SelectInput } from './SelectInput';
-import type { Meta } from '@storybook/react-vite';
-declare const meta: Meta<typeof SelectInput>;
-export default meta;
-export declare const Default: () => React.JSX.Element;
-export declare const PreSelected: () => React.JSX.Element;
-export declare const HelpText: () => React.JSX.Element;
-export declare const Placeholder: () => React.JSX.Element;
-export declare const HiddenLabel: () => React.JSX.Element;
-export declare const CreatableSelect: () => React.JSX.Element;
-export declare const AsyncSelect: () => React.JSX.Element;
-export declare const AsyncCreatableSelect: () => React.JSX.Element;
-export declare const MultiSelect: () => React.JSX.Element;
-export declare const MultiSelectAndPreSelected: () => React.JSX.Element;
-export declare const MultiSelectCreatable: () => React.JSX.Element;
-export declare const Autofocus: () => React.JSX.Element;
-export declare const Required: () => React.JSX.Element;
-export declare const Disabled: () => React.JSX.Element;
-export declare const Clearable: () => React.JSX.Element;
-export declare const Error: () => React.JSX.Element;
-export declare const Sizes: () => React.JSX.Element;
-export declare const WithPortal: () => React.JSX.Element;
-export declare const CustomClasses: () => React.JSX.Element;

package/dist/components/SelectInputInset/SelectInputInset.d.ts

@@ -1,92 +0,0 @@
-import { ChangeEvent, MouseEvent, KeyboardEvent, FocusEvent, ForwardRefExoticComponent, ReactNode, HTMLProps } from 'react';
-import { ResponsiveProp } from '../../types';
-import { BoxProps } from '../Box/Box';
-export type SelectInputInsetSize = 'md' | 'lg';
-export interface SelectInputInsetProps {
-    /**
-     * The input's id attribute. Used to programmatically tie the input with its label.
-     */
-    id: string;
-    /**
-     * Custom content to be displayed above the input. If the label is hidden, will be used to set aria-label attribute.
-     */
-    label: string;
-    /**
-     * List of options for the select input.
-     */
-    options: {
-        value: string | number;
-        label: string | number;
-    }[];
-    /**
-     * Callback function to call on change event.
-     */
-    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Value of selected option. Should match the value key in the option object.
-     */
-    value: string | number | null;
-    /**
-     * Automatically focus the input when the page is loaded.
-     */
-    autoFocus?: boolean;
-    /**
-     * Custom class to be added to standard input classes.
-     */
-    className?: string;
-    /**
-     * Mark the input field as invalid and display a validation message.
-     * Pass a string or node to render a validation message below the input.
-     */
-    error?: ReactNode;
-    /**
-     * Additional clarifying text to help describe the input
-     */
-    helpText?: ReactNode;
-    /**
-     * Props passed directly to the input element of the component
-     */
-    inputProps?: BoxProps & HTMLProps<HTMLInputElement>;
-    /**
-     * The input's disabled attribute
-     */
-    isDisabled?: boolean;
-    /**
-     * The required and aria-required attributes on the input
-     */
-    isRequired?: boolean;
-    /**
-     * The input's 'name' attribute.
-     */
-    name?: string;
-    /**
-     * Callback function to call on blur event.
-     */
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    /**
-     * Callback function to call when input us cleared. When this is passed,
-     * the input will display an icon on the right side, for triggering this callback.
-     */
-    onClear?: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
-    /**
-     * Callback function to call on focus event.
-     */
-    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
-    /**
-     * The input placeholder attribute.
-     */
-    placeholder?: string;
-    /**
-     * Visual indicator that the field is required, that gets appended to the label
-     */
-    requiredIndicator?: ReactNode;
-    /**
-     * The size of the text input.
-     */
-    size?: SelectInputInsetSize | ResponsiveProp<SelectInputInsetSize>;
-    /**
-     * Additional props to be spread to rendered element
-     */
-    [x: string]: any;
-}
-export declare const SelectInputInset: ForwardRefExoticComponent<SelectInputInsetProps>;

package/dist/components/SelectInputInset/SelectInputInset.stories.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { SelectInputInset } from './SelectInputInset';
-import type { Meta } from '@storybook/react-vite';
-declare const meta: Meta<typeof SelectInputInset>;
-export default meta;
-export declare const Default: () => React.JSX.Element;
-export declare const Required: () => React.JSX.Element;
-export declare const HelpText: () => React.JSX.Element;
-export declare const ValidationError: () => React.JSX.Element;
-export declare const Disabled: () => React.JSX.Element;
-export declare const Clearable: () => React.JSX.Element;
-export declare const Sizes: () => React.JSX.Element;

package/dist/components/SelectInputNative/SelectInputNative.d.ts

@@ -1,45 +0,0 @@
-import React from 'react';
-import { ResponsiveProp } from '../../types';
-import { BoxProps } from '../Box/Box';
-import { FormControlProps } from '../FormControl/FormControl';
-export type SelectInputNativeSize = 'sm' | 'md' | 'lg';
-export interface SelectInputNativeOption {
-    value: string | number;
-    label: string | number;
-    disabled?: boolean;
-}
-export interface SelectInputNativeProps extends BoxProps, FormControlProps {
-    /**
-     * List of options for the select input.
-     */
-    options: SelectInputNativeOption[];
-    /**
-     * onChange callback from select element.
-     */
-    onChange: (event: React.ChangeEvent<HTMLSelectElement>) => void;
-    /**
-     * Value of selected option. Should match the value key in the option object.
-     */
-    value: string | number | null;
-    /**
-     * The input's 'name' attribute.
-     */
-    name?: string;
-    /**
-     * Visual indicator that the field is required, that gets appended to the label
-     */
-    requiredIndicator?: React.ReactNode;
-    /**
-     * Size of the input. ('sm' | 'md' | 'lg')
-     */
-    size?: SelectInputNativeSize | ResponsiveProp<SelectInputNativeSize>;
-    /**
-     * Whether the input is autofocused on initial render.
-     */
-    autoFocus?: HTMLSelectElement['autofocus'];
-    /**
-     * Additional props to be spread.
-     */
-    [x: string]: any;
-}
-export declare const SelectInputNative: React.FC<SelectInputNativeProps>;

package/dist/components/SelectInputNative/SelectInputNative.stories.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { SelectInputNative } from './SelectInputNative';
-import type { Meta, StoryObj } from '@storybook/react-vite';
-declare const meta: Meta<typeof SelectInputNative>;
-export default meta;
-export declare const Default: () => React.JSX.Element;
-export declare const PreSelected: () => React.JSX.Element;
-export declare const HelpText: () => React.JSX.Element;
-export declare const Placeholder: () => React.JSX.Element;
-export declare const HiddenLabel: () => React.JSX.Element;
-export declare const Autofocus: () => React.JSX.Element;
-export declare const Required: () => React.JSX.Element;
-export declare const CustomRequiredIndicator: () => React.JSX.Element;
-export declare const Disabled: () => React.JSX.Element;
-export declare const Error: () => React.JSX.Element;
-export declare const Sizes: () => React.JSX.Element;
-export declare const InteractionTest: StoryObj<typeof SelectInputNative>;
-export declare const InteractionDisabled: StoryObj<typeof SelectInputNative>;
-export declare const InteractionChangePreSelected: StoryObj<typeof SelectInputNative>;

package/dist/components/Sidebar/Sidebar.d.ts

@@ -1,57 +0,0 @@
-import React from 'react';
-import { IconName } from 'src/types';
-import { TooltipContent } from '../Tooltip/Tooltip';
-type SidebarSide = 'left' | 'right';
-type SidebarOpenState = Record<SidebarSide, boolean>;
-type SidebarOpenValue = boolean | Partial<SidebarOpenState>;
-type SidebarStorageKey = string | Partial<Record<SidebarSide, string>>;
-declare function useSidebar(sideOverride?: SidebarSide): {
-    isMobile: boolean;
-    side: SidebarSide;
-    state: "expanded" | "collapsed";
-    open: boolean;
-    setOpen: (open: boolean | ((open: boolean) => boolean)) => void;
-    openMobile: boolean;
-    setOpenMobile: (open: boolean | ((open: boolean) => boolean)) => void;
-    toggleSidebar: () => void;
-};
-declare const SidebarProvider: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    defaultOpen?: SidebarOpenValue;
-    open?: SidebarOpenValue;
-    storageKey?: SidebarStorageKey;
-    onOpenChange?: (open: boolean, side?: SidebarSide) => void;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    side?: "left" | "right";
-    collapsible?: "offcanvas" | "icon" | "none";
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import("../Button/Button").BaseButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement> & {
-    side?: SidebarSide;
-    iconName?: IconName;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
-declare const SidebarMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    asChild?: boolean;
-    isActive?: boolean;
-    icon?: IconName;
-    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarMenuSub: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
-declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
-    asChild?: boolean;
-    isActive?: boolean;
-}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    asChild?: boolean;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const SidebarMenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarTrigger, useSidebar, };

package/dist/components/Sidebar/Sidebar.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { Meta } from '@storybook/react-vite';
-import { Sidebar } from './Sidebar';
-declare const meta: Meta<typeof Sidebar>;
-export default meta;
-export declare const SidebarExample: () => React.JSX.Element;
-export declare const SidebarRightExample: () => React.JSX.Element;
-export declare const SidebarBothSides: () => React.JSX.Element;
-export declare const SidebarCollapsed: () => React.JSX.Element;

package/dist/components/Spinner/Spinner.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-export interface SpinnerProps {
-    /**
-     * Custom className to be applied to spinner container div element.
-     */
-    className?: string;
-    /**
-     * Size of the spinner.
-     */
-    size?: 'sm' | 'md' | 'lg' | 'xl';
-}
-export declare const Spinner: FC<SpinnerProps>;

package/dist/components/Spinner/Spinner.stories.d.ts

@@ -1,8 +0,0 @@
-import type { Meta } from '@storybook/react-vite';
-import React from 'react';
-import { Spinner } from './Spinner';
-declare const meta: Meta<typeof Spinner>;
-export default meta;
-export declare const Default: () => React.JSX.Element;
-export declare const Color: () => React.JSX.Element;
-export declare const Sizes: () => React.JSX.Element;

package/dist/components/Switch/Switch.d.ts

@@ -1,64 +0,0 @@
-import React, { ChangeEvent, FC, FocusEvent, ReactNode } from 'react';
-import { ResponsiveProp } from '../../types';
-export type SwitchSize = 'sm' | 'md' | 'lg';
-export interface SwitchProps {
-    /**
-     * The id attribute of the input.
-     */
-    id: string;
-    /**
-     * The switch input "checked" attribute.
-     */
-    isChecked: boolean;
-    /**
-     * Custom content to be displayed to right of switch.
-     */
-    label: string;
-    /**
-     * Callback function when input is changed.
-     */
-    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Additional classes to add.
-     */
-    className?: string;
-    /**
-     * Mark the input field as invalid and display a validation message.
-     * Pass a string or node to render a validation message below the input.
-     */
-    error?: ReactNode;
-    /**
-     * Additional clarifying text to help describe the input
-     */
-    helpText?: ReactNode;
-    /**
-     * Determines if the label is not shown for stylistic reasons.
-     * Note the label is still a required prop and will be used as the aria-label for accessibility reasons.
-     */
-    hideLabel?: boolean;
-    /**
-     * If the input should be disabled and not focusable.
-     */
-    isDisabled?: boolean;
-    /**
-     * The required and aria-required attributes on the input
-     */
-    isRequired?: boolean;
-    /**
-     * Callback function when input is blurred.
-     */
-    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    /**
-     * Callback function when input is focused.
-     */
-    onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
-    /**
-     * Visual indicator that the field is required, that gets appended to the label
-     */
-    requiredIndicator?: React.ReactNode;
-    /**
-     * The size of the switch.
-     */
-    size?: SwitchSize | ResponsiveProp<SwitchSize>;
-}
-export declare const Switch: FC<SwitchProps>;

package/dist/components/Switch/Switch.stories.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { Meta } from '@storybook/react-vite';
-import { Switch } from './Switch';
-declare const meta: Meta<typeof Switch>;
-export default meta;
-export declare const Overview: () => React.JSX.Element;
-export declare const Basic: () => React.JSX.Element;
-export declare const HelpText: () => React.JSX.Element;
-export declare const HiddenLabel: () => React.JSX.Element;
-export declare const Sizes: () => React.JSX.Element;
-export declare const Disabled: () => React.JSX.Element;
-export declare const Error: () => React.JSX.Element;

package/dist/components/Table/Table.d.ts

@@ -1,86 +0,0 @@
-import { FC } from 'react';
-import { Column, Row, EventWithColumnKey } from '../../types';
-export interface TableProps {
-    /**
-     * Columns for the table. See Column definition below for details.
-     */
-    columns: Column[];
-    /**
-     * The data rows to be displayed
-     */
-    rows: Row[];
-    /**
-     * Key that represents a unique value for a row. This is necessary in
-     * order to supply React with a node key on each row.
-     */
-    rowKey: string;
-    /**
-     * Additional classes to add.
-     */
-    className?: string;
-    /**
-     * Text alignment for all table cells. Can be superseded by passing the same prop into the `Column` object
-     * for a specific column.
-     */
-    align?: 'left' | 'right' | 'center';
-    /**
-     * Global placeholder for empty cells. Can be overwritten by setting the same attribute
-     * in the `Column` config.
-     */
-    emptyCellPlaceholder?: string | number | undefined;
-    /**
-     * Enable a hover state on table rows.
-     */
-    hoverableRows?: boolean;
-    /**
-     * Remove borders around table, thead, tbody, td, etc.
-     */
-    isBorderless?: boolean;
-    /**
-     * Make Table more compact by cutting cell padding in half.
-     */
-    isCompact?: boolean;
-    /**
-     * If table scrolls vertically, header will remain stuck to the top of the table, and not scroll away.
-     */
-    hasStickyHeader?: boolean;
-    /**
-     * Set to true if data is loading.
-     */
-    isLoading?: boolean;
-    /**
-     * Set the maximum width and height and enable scrolling within the container when the table grows
-     * past those values. Useful for when we want to render a large table but not force the parent container
-     * to grow and instead make the user scroll. Set values to boolean `true` to enable `overflow: scroll` on the table
-     * without specifying a width/height
-     */
-    isScrollable?: {
-        x?: boolean;
-        y?: boolean;
-    };
-    /**
-     * Adds zebra-striping to any table row within the table body.
-     */
-    isStriped?: boolean;
-    /**
-     * Callback function to fire on sorting one of the table headers.
-     */
-    onSort?: (event: EventWithColumnKey) => void;
-    /**
-     * The key of the sorted column and its sort direction.
-     */
-    sortedColumn?: {
-        dataKey: string | undefined;
-        sortDirection: 'none' | 'ascending' | 'descending' | undefined;
-    };
-    /**
-     * Control the `table-layout` css property for the table.
-     */
-    useFixedTableLayout?: boolean;
-    /**
-     * Truncate overflow inside column based on column width. Can be overwritten on specific columns,
-     * by passing `truncateOverflow` value on a specific Column
-     */
-    truncateOverflow?: boolean;
-}
-export declare const Table: FC<TableProps>;

package/dist/components/Table/Table.stories.d.ts

@@ -1,31 +0,0 @@
-import type { Meta } from '@storybook/react-vite';
-import React from 'react';
-import { Table } from './Table';
-declare const meta: Meta<typeof Table>;
-export default meta;
-export declare const Column: () => React.JSX.Element;
-export declare const CommonExample: () => React.JSX.Element;
-export declare const Loading: () => React.JSX.Element;
-export declare const Sortable: () => React.JSX.Element;
-export declare const SortablewithDefaultSortedColumn: () => React.JSX.Element;
-export declare const SortableAndLoading: () => React.JSX.Element;
-export declare const Scrollable: () => React.JSX.Element;
-export declare const ScrollablewithStickyHeader: () => React.JSX.Element;
-export declare const ScrollablewithFirstColumnStuckToLeft: () => React.JSX.Element;
-export declare const ScrollablewithStickyHeaderAndNthColumnStuckToLeft: () => React.JSX.Element;
-export declare const ScrollableWithLastColumnStuckToRight: () => React.JSX.Element;
-export declare const ScrollableWithStickyHeaderAndFirstColumnStuckToLeft: () => React.JSX.Element;
-export declare const ScrollableAndLoading: () => React.JSX.Element;
-export declare const FixedWidthColumns: () => React.JSX.Element;
-export declare const FixedTableLayout: () => React.JSX.Element;
-export declare const TruncateOverflow: () => React.JSX.Element;
-export declare const CustomActions: () => React.JSX.Element;
-export declare const EmptyCellPlaceholder: () => React.JSX.Element;
-export declare const Borderless: () => React.JSX.Element;
-export declare const Compact: () => React.JSX.Element;
-export declare const Striped: () => React.JSX.Element;
-export declare const Hoverable: () => React.JSX.Element;
-export declare const StripedAndHoverable: () => React.JSX.Element;
-export declare const AligningCellText: () => React.JSX.Element;
-export declare const GlobalAlign: () => React.JSX.Element;
-export declare const ComponentAsColumnHeader: () => React.JSX.Element;