@konstructio/ui 0.1.2-alpha.112 → 0.1.2-alpha.114

package/dist/lib/components/Stepper/Stepper.variants.d.ts

@@ -1,11 +1,14 @@
 export declare const stepperVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
+    fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepListVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
+    fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepItemVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
+    fullWidth?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
@@ -13,25 +16,25 @@ export declare const stepVariants: (props?: ({
     clickable?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepIndicatorVariants: (props?: ({
-    status?: "error" | "active" | "completed" | "pending" | null | undefined;
+    status?: "error" | "active" | "pending" | "completed" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepContentVariants: (props?: ({
     variant?: "inline" | "horizontal" | "stacked" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepLabelVariants: (props?: ({
-    status?: "error" | "active" | "completed" | "pending" | null | undefined;
+    status?: "error" | "active" | "pending" | "completed" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     variant?: "inline" | "horizontal" | "stacked" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepDescriptionVariants: (props?: ({
-    status?: "error" | "active" | "completed" | "pending" | null | undefined;
+    status?: "error" | "active" | "pending" | "completed" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     variant?: "inline" | "horizontal" | "stacked" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const stepConnectorVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
-    status?: "error" | "active" | "completed" | "pending" | null | undefined;
+    status?: "error" | "active" | "pending" | "completed" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     variant?: "inline" | "horizontal" | "stacked" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -24,8 +24,15 @@ export interface Props extends VariantProps<typeof switchVariants> {
     helperText?: string;
     /** CSS classes for helper text */
     helperTextClassName?: string;
+    /** Disable the switch and show a spinner while a change is pending */
+    isLoading?: boolean;
     /** Label text displayed next to switch */
     label?: string;
+    /** Label text for each state; overrides `label` visually and for assistive technology */
+    labels?: {
+        off: string;
+        on: string;
+    };
     /** CSS classes for the label */
     labelClassName?: string;
     /** Additional CSS classes for the label wrapper */

package/dist/lib/components/Tabs/Tabs.d.ts

@@ -4,27 +4,27 @@ import { Content, List, Trigger } from './components';
 import * as ReactTabs from '@radix-ui/react-tabs';
 /**
  * A tabs component built on Radix UI primitives.
- * Supports horizontal and vertical orientations with List, Trigger, and Content sub-components.
+ * Supports horizontal and vertical orientations with List, Trigger, and Content sub-components,
+ * or a declarative `items` list.
  *
  * @example
  * ```tsx
  * <Tabs defaultValue="overview">
  *   <Tabs.List orientation="horizontal">
- *     <Tabs.Trigger tab="overview" label="Overview" isActive />
- *     <Tabs.Trigger tab="settings" label="Settings" isActive={false} />
- *     <Tabs.Trigger tab="billing" label="Billing" isActive={false} />
+ *     <Tabs.Trigger tab="overview" label="Overview" />
+ *     <Tabs.Trigger tab="settings" label="Settings" />
  *   </Tabs.List>
  *
- *   <Tabs.Content value="overview">
- *     Overview content here
- *   </Tabs.Content>
- *   <Tabs.Content value="settings">
- *     Settings content here
- *   </Tabs.Content>
- *   <Tabs.Content value="billing">
- *     Billing content here
- *   </Tabs.Content>
+ *   <Tabs.Content value="overview">Overview content here</Tabs.Content>
+ *   <Tabs.Content value="settings">Settings content here</Tabs.Content>
  * </Tabs>
+ *
+ * <Tabs
+ *   items={[
+ *     { value: 'overview', label: 'Overview', content: <Overview /> },
+ *     { value: 'settings', label: 'Settings', content: <Settings /> },
+ *   ]}
+ * />
  * ```
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-tabs--docs Storybook}

package/dist/lib/components/Tabs/Tabs.types.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 import { triggerVariants } from './Tabs.variants';
 import { Theme } from '../../domain/theme';
 import * as ReactTabs from '@radix-ui/react-tabs';
@@ -18,7 +18,18 @@ import * as ReactTabs from '@radix-ui/react-tabs';
  * </Tabs>
  * ```
  */
+export type TabItem = {
+    content: ReactNode;
+    contentClassName?: string;
+    label: string;
+    triggerClassName?: string;
+    value: string;
+};
 export interface Props extends ReactTabs.TabsProps, PropsWithChildren {
+    /** Declarative tabs: renders the list, triggers and contents; falls back to the first item when the active one disappears */
+    items?: TabItem[];
+    /** Additional className for the generated Tabs.List when using `items` */
+    listClassName?: string;
     /** Theme override for this component */
     theme?: Theme;
 }
@@ -32,8 +43,8 @@ export interface TriggerProps extends VariantProps<typeof triggerVariants>, Reac
     tab: string;
     /** Display label for the tab */
     label: string;
-    /** Whether this tab is active */
-    isActive: boolean;
+    /** Whether this tab is active; derived from the Tabs state when omitted */
+    isActive?: boolean;
 }
 /**
  * Props for Tabs.List component.

package/dist/lib/components/Tabs/Tabs.variants.d.ts

@@ -8,5 +8,5 @@ export declare const listVariants: (props?: ({
     variant?: "horizontal" | "vertical" | "default" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const triggerVariants: (props?: ({
-    variant?: "default" | "active" | "inactive" | null | undefined;
+    variant?: "auto" | "default" | "active" | "inactive" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/TagsInput/TagsInput.d.ts

@@ -0,0 +1,20 @@
+import { Props } from './TagsInput.types';
+/**
+ * A free-text tags field. Typing a delimiter (Enter or comma) adds a tag,
+ * Backspace on an empty input removes the last one, and `suggestions` offers
+ * existing tags in a keyboard-navigable list. Mirrors the `Input` API for
+ * label, error and helper text.
+ *
+ * @example
+ * ```tsx
+ * <TagsInput
+ *   label="Tags"
+ *   value={tags}
+ *   suggestions={existingTags}
+ *   helperText="Press Enter or comma to add a tag"
+ *   onChange={setTags}
+ * />
+ * ```
+ */
+declare const TagsInput: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLInputElement>>;
+export { TagsInput };

package/dist/lib/components/TagsInput/TagsInput.types.d.ts

@@ -0,0 +1,37 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { Theme } from '../../domain/theme';
+export interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+    /** Additional CSS classes for the field container */
+    className?: string;
+    /** Commit the typed text as a tag when the input loses focus. Defaults to true */
+    commitOnBlur?: boolean;
+    /** Keys that commit the typed text as a tag. Defaults to Enter and comma */
+    delimiters?: string[];
+    /** Error message displayed below the field */
+    error?: string;
+    /** Additional CSS classes for the error message */
+    errorClassName?: string;
+    /** Helper text displayed below the field when there is no error */
+    helperText?: string;
+    /** Additional CSS classes for the helper text */
+    helperTextClassName?: string;
+    /** Show a spinner in the field and a loading row in the suggestions */
+    isLoading?: boolean;
+    /** Show required indicator */
+    isRequired?: boolean;
+    /** Label displayed above the field */
+    label?: ReactNode;
+    /** Content displayed at the right end of the label row */
+    labelAction?: ReactNode;
+    /** Accessible name of the spinner and the loading row */
+    loadingText?: string;
+    /** Existing tags offered while typing; already selected ones are hidden */
+    suggestions?: string[];
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Current tags */
+    value: string[];
+    /** Called with the new tags when one is added or removed */
+    onChange: (tags: string[]) => void;
+}
+export type TagsInputProps = Props;

package/dist/lib/components/Tooltip/Tooltip.d.ts

@@ -17,6 +17,10 @@ import { Props } from './Tooltip.types';
  * <Tooltip content="Danger!" bgClassName="bg-red-500">
  *   <Button variant="danger">Delete</Button>
  * </Tooltip>
+ *
+ * <Tooltip content="This name is taken" asOverlay overlayClassName="right-0 top-7 h-10 w-8">
+ *   <Input label="Name" />
+ * </Tooltip>
  * ```
  */
 export declare const Tooltip: FC<Props>;

package/dist/lib/components/Tooltip/Tooltip.types.d.ts

@@ -22,6 +22,16 @@ export interface Props {
     content: ReactNode | string;
     /** The trigger element */
     children: ReactNode;
+    /** Render an invisible trigger over the children instead of wrapping them, for fields that cannot be wrapped or are disabled */
+    asOverlay?: boolean;
+    /** Keep the children as they are and never open the tooltip */
+    disabled?: boolean;
+    /** Position and size of the overlay trigger (defaults to `inset-0`) */
+    overlayClassName?: string;
+    /** Accessible name of the overlay trigger; defaults to `content` when it is a string */
+    overlayLabel?: string;
+    /** Additional className for the relative wrapper used in overlay mode */
+    wrapperClassName?: string;
     /** Tooltip position relative to trigger */
     side?: 'top' | 'bottom' | 'left' | 'right';
     /** Distance from trigger in px */

package/dist/lib/components/VirtualizedTable/VirtualizedTable.d.ts

@@ -1,9 +1,15 @@
 import { JSX } from 'react';
 import { Props, RowData } from './VirtualizedTable.types';
-import { TruncateText } from './components';
 import { Props as ActionProps } from './components/Actions/Actions.types';
+import { EmptyResults } from './components/EmptyResults/EmptyResults';
+import { EmptyState } from './components/EmptyState/EmptyState';
+import { ErrorState } from './components/ErrorState/ErrorState';
+import { TruncateText } from './components/TruncateText/TruncateText';
 type VirtualizedTableCompound = (<TData extends RowData>(props: Props<TData>) => JSX.Element) & {
     TruncateText: typeof TruncateText;
+    EmptyState: typeof EmptyState;
+    EmptyResults: typeof EmptyResults;
+    ErrorState: typeof ErrorState;
     Actions: <TData extends RowData>(props: ActionProps<TData>) => JSX.Element | null;
     Events: {
         sendExpandRowEvent: (tableId: string, rowId: string) => void;
@@ -15,4 +21,4 @@ type VirtualizedTableCompound = (<TData extends RowData>(props: Props<TData>) =>
     displayName?: string;
 };
 declare const VirtualizedTable: VirtualizedTableCompound;
-export { TruncateText, VirtualizedTable };
+export { EmptyResults, EmptyState, ErrorState, TruncateText, VirtualizedTable };

package/dist/lib/components/VirtualizedTable/components/Actions/Actions.types.d.ts

@@ -1,8 +1,12 @@
 import { CellContext } from '@tanstack/react-table';
 import { ElementType, ReactNode } from 'react';
+import { Props as TooltipProps } from '../../../Tooltip/Tooltip.types';
 import { RowData } from '../../VirtualizedTable.types';
 export type Action<TData> = {
     className?: string;
+    disabled?: boolean;
+    disabledReason?: ReactNode;
+    disabledReasonSide?: TooltipProps['side'];
     id?: string;
     onClick: (rowData: TData) => void;
 } & ({
@@ -16,8 +20,10 @@ export type Action<TData> = {
 });
 export type Props<TData extends RowData> = CellContext<TData, unknown> & {
     actions: Action<TData>[];
+    disabledReasonSide?: TooltipProps['side'];
     iconTriggerButtonClassName?: string;
     isPortal?: boolean;
+    openOnHover?: boolean;
     triggerButtonClassName?: string;
     wrapperActionsClassName?: string;
     wrapperClassName?: string;

package/dist/lib/components/VirtualizedTable/components/Actions/Actions.variants.d.ts

@@ -2,4 +2,6 @@ export declare const actionsTriggerVariants: (props?: ({
     isOpen?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const actionsPanelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
-export declare const actionsItemVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const actionsItemVariants: (props?: ({
+    isDisabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/lib/components/VirtualizedTable/components/Actions/components/ActionsList/ActionsList.d.ts

@@ -1,3 +1,3 @@
 import { RowData } from '../../../../VirtualizedTable.types';
 import { Props } from './ActionsList.types';
-export declare const ActionsList: <TData extends RowData>({ actions, className, isMenu, rowData, onSelect, }: Props<TData>) => import('react').JSX.Element;
+export declare const ActionsList: <TData extends RowData>({ actions, className, disabledReasonSide, isMenu, rowData, onSelect, }: Props<TData>) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Actions/components/ActionsList/ActionsList.types.d.ts

@@ -1,8 +1,10 @@
+import { Props as TooltipProps } from '../../../../../Tooltip/Tooltip.types';
 import { RowData } from '../../../../VirtualizedTable.types';
 import { Action } from '../../Actions.types';
 export type Props<TData extends RowData> = {
     actions: Action<TData>[];
     className?: string;
+    disabledReasonSide?: TooltipProps['side'];
     isMenu?: boolean;
     rowData: TData;
     onSelect?: () => void;

package/dist/lib/components/VirtualizedTable/components/Actions/components/InlineActions/InlineActions.d.ts

@@ -1,3 +1,3 @@
 import { RowData } from '../../../../VirtualizedTable.types';
 import { Props } from '../../Actions.types';
-export declare const InlineActions: <TData extends RowData>({ actions, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Omit<Props<TData>, "isPortal">) => import('react').JSX.Element;
+export declare const InlineActions: <TData extends RowData>({ actions, disabledReasonSide, openOnHover, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Omit<Props<TData>, "isPortal">) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/PortalActions.d.ts

@@ -1,3 +1,3 @@
 import { RowData } from '../../../../VirtualizedTable.types';
 import { Props } from '../../Actions.types';
-export declare const PortalActions: <TData extends RowData>({ actions, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Omit<Props<TData>, "isPortal">) => import('react').JSX.Element;
+export declare const PortalActions: <TData extends RowData>({ actions, disabledReasonSide, openOnHover, wrapperClassName, triggerButtonClassName, iconTriggerButtonClassName, wrapperActionsClassName, wrapperContentActionsClassName, ...delegated }: Omit<Props<TData>, "isPortal">) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-actions-menu/use-actions-menu.d.ts

@@ -1,4 +1,5 @@
-export declare const useActionsMenu: () => {
+import { Params } from './use-actions-menu.types';
+export declare const useActionsMenu: ({ openOnHover }: Params) => {
     buttonRef: import('react').RefObject<HTMLButtonElement | null>;
     hasOpened: boolean;
     isOpen: boolean;
@@ -12,4 +13,6 @@ export declare const useActionsMenu: () => {
     handleTriggerClick: () => void;
     handleTriggerKeyDown: (event: import('react').KeyboardEvent<HTMLDivElement>) => void;
     handleTriggerPointerDown: (event: import('react').PointerEvent<HTMLElement>) => void;
+    handleButtonPointerLeave: () => void;
+    selectAndClose: () => void;
 };

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-actions-menu/use-actions-menu.types.d.ts

@@ -0,0 +1,3 @@
+export type Params = {
+    openOnHover: boolean;
+};

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-interactions/use-menu-interactions.d.ts

@@ -1,10 +1,12 @@
 import { PointerEvent } from 'react';
 import { Params } from './use-menu-interactions.types';
-export declare const useMenuInteractions: ({ isOpen, menuRef, triggerRef, setIsOpen, }: Params) => {
+export declare const useMenuInteractions: ({ isOpen, menuRef, openOnHover, triggerRef, setIsOpen, }: Params) => {
     closeMenu: () => void;
     handlePointerEnter: (event: PointerEvent<HTMLElement>) => void;
     handlePointerLeave: (event: PointerEvent<HTMLElement>) => void;
     handleTriggerClick: () => void;
     handleTriggerPointerDown: (event: PointerEvent<HTMLElement>) => void;
+    handleButtonPointerLeave: () => void;
     openMenu: () => void;
+    selectAndClose: () => void;
 };

package/dist/lib/components/VirtualizedTable/components/Actions/components/PortalActions/hooks/use-menu-interactions/use-menu-interactions.types.d.ts

@@ -2,6 +2,7 @@ import { Dispatch, RefObject, SetStateAction } from 'react';
 export type Params = {
     isOpen: boolean;
     menuRef: RefObject<HTMLDivElement | null>;
+    openOnHover: boolean;
     triggerRef: RefObject<HTMLDivElement | null>;
     setIsOpen: Dispatch<SetStateAction<boolean>>;
 };

package/dist/lib/components/VirtualizedTable/components/EmptyResults/EmptyResults.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './EmptyResults.types';
+export declare const EmptyResults: FC<Props>;

package/dist/lib/components/VirtualizedTable/components/EmptyResults/EmptyResults.types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type Props = {
+    className?: string;
+    description?: ReactNode;
+    image?: ReactNode;
+    resetLabel?: ReactNode;
+    title?: ReactNode;
+    onResetFilters?: () => void;
+};

package/dist/lib/components/VirtualizedTable/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './EmptyState.types';
+export declare const EmptyState: FC<Props>;

package/dist/lib/components/VirtualizedTable/components/EmptyState/EmptyState.types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export type Props = {
+    action?: ReactNode;
+    className?: string;
+    description?: ReactNode;
+    image?: ReactNode;
+    title: ReactNode;
+};

package/dist/lib/components/VirtualizedTable/components/ErrorState/ErrorState.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { Props } from './ErrorState.types';
+export declare const ErrorState: FC<Props>;

package/dist/lib/components/VirtualizedTable/components/ErrorState/ErrorState.types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type Props = {
+    className?: string;
+    description?: ReactNode;
+    icon?: ReactNode;
+    retryLabel?: ReactNode;
+    title?: ReactNode;
+    onRetry?: () => void;
+};

package/dist/lib/components/VirtualizedTable/components/TruncateText/TruncateText.d.ts

@@ -1,2 +1,3 @@
+import { RowData } from '../../VirtualizedTable.types';
 import { Props } from './TruncateText.types';
-export declare const TruncateText: <TData>({ getValue, value, textClassName, side, sideOffset, bgClassName, arrowClassName, className, delayDuration, }: Props<TData>) => import('react').JSX.Element;
+export declare const TruncateText: <TData extends RowData = RowData>({ getValue, value, textClassName, variant, component, copyable, copyButtonProps, side, sideOffset, bgClassName, arrowClassName, className, delayDuration, }: Props<TData>) => import('react').JSX.Element;

package/dist/lib/components/VirtualizedTable/components/TruncateText/TruncateText.types.d.ts

@@ -1,8 +1,13 @@
 import { CellContext } from '@tanstack/react-table';
+import { Props as CopyButtonProps } from '../../../CopyButton/CopyButton.types';
 import { Props as TooltipProps } from '../../../Tooltip/Tooltip.types';
+import { Props as TypographyProps } from '../../../Typography/Typography.types';
 import { RowData } from '../../VirtualizedTable.types';
-export type Props<TData extends RowData> = CellContext<TData, string> & Partial<Omit<TooltipProps, 'content' | 'children' | 'textClassName'>> & {
-    value?: string;
-    /** Additional className for the text element */
+export type Props<TData extends RowData = RowData> = Partial<CellContext<TData, string>> & Partial<Omit<TooltipProps, 'content' | 'children' | 'textClassName'>> & {
+    component?: TypographyProps['component'];
+    copyable?: boolean;
+    copyButtonProps?: Partial<Omit<CopyButtonProps, 'text'>>;
     textClassName?: string;
+    value?: string;
+    variant?: TypographyProps['variant'];
 };

package/dist/lib/components/VirtualizedTable/components/VirtualizedTableContent/VirtualizedTableContent.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'react';
+import { Props, RowData } from '../../VirtualizedTable.types';
+export declare const VirtualizedTableContent: <TData extends RowData>({ id, ariaLabel, columns, data, totalItems, className, classNameHeaderActiveArrows, classNameHeaderArrows, classNameHeaderTable, classNameTable, classNameWrapperTable, isLoading, emptyState, errorState, headerContent, classNameHeaderContent, classNameScrollContainer, getRowId, fetchData, queryOptions, showPagination: showPaginationProp, showTotalItems, showDropdownPagination, showDotPagination, showFormPagination, pageSizes, dropdownPaginationDirection, showFilter, showFilterInput, filterSearchPlaceholder, filters, multiSelectFilter, filterActions, showResetButton, resetButtonClassName, closeOnApply, enableHoverRow, classNameHoverRow, enableExpandedRow, expandedState, defaultExpanded, classNameExpandedRow, classNameExpandedCell, classNameExpandedContent, classNameExpandedHeader, classNameActiveExpandedRow, onExpandedChange, renderExpandedRow, keepExpandColumnVisible, }: Props<TData>) => JSX.Element;

package/dist/lib/components/VirtualizedTable/components/index.d.ts

@@ -1,5 +1,8 @@
 export * from './Actions/Actions';
 export * from './Body/Body';
+export * from './EmptyResults/EmptyResults';
+export * from './EmptyState/EmptyState';
+export * from './ErrorState/ErrorState';
 export * from './Filter/Filter';
 export * from './Header/Header';
 export * from './Pagination/Pagination';

package/dist/lib/components/VirtualizedTable/contexts/table.context.d.ts

@@ -4,6 +4,7 @@ import { RowData } from '../VirtualizedTable.types';
 export type ContextType<TData extends RowData = RowData> = {
     sortedData: ColumnSort[];
     table: Table<TData>;
+    tableId: string;
     pageSize: number;
     tableFetching?: boolean;
     tableLoading?: boolean;

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

@@ -1,13 +1,19 @@
 export * from './Alert/Alert';
 export * from './AlertDialog/AlertDialog';
 export * from './Autocomplete/Autocomplete';
+export * from './Avatar/Avatar';
+export * from './AvatarGroup/AvatarGroup';
 export * from './Badge/Badge';
+export * from './BadgeGroup/BadgeGroup';
 export * from './Breadcrumb/Breadcrumb';
 export * from './Button/Button';
 export * from './ButtonGroup/ButtonGroup';
 export * from './Card/Card';
 export * from './Checkbox/Checkbox';
+export * from './CheckboxCard/CheckboxCard';
+export * from './Collapse/Collapse';
 export * from './CopyButton/CopyButton';
+export * from './ConfirmDialog/ConfirmDialog';
 export type { Props as CopyButtonProps } from './CopyButton/CopyButton.types';
 export * from './Counter/Counter';
 export * from './Datepicker/DatePicker';
@@ -22,6 +28,8 @@ export * from './Input/Input';
 export * from './LineChart/LineChart';
 export * from './Loading/Loading';
 export * from './Modal/Modal';
+export * from './OtpInput/OtpInput';
+export * from './PasswordRules/PasswordRules';
 export * from './MultiSelectDropdown/MultiSelectDropdown';
 export * from './PhoneNumberInput/PhoneNumberInput';
 export * from './PieChart/PieChart';
@@ -33,6 +41,7 @@ export * from './RadioGroup/RadioGroup';
 export * from './Range/Range';
 export * from './Select/Select';
 export * from './Sidebar/Sidebar';
+export * from './Skeleton/Skeleton';
 export * from './Slider/Slider';
 export * from './Spinner/Spinner';
 export * from './Stepper/Stepper';
@@ -41,6 +50,7 @@ export * from './Table/Table';
 export * from './Tabs/Tabs';
 export * from './Tag/Tag';
 export * from './TagSelect/TagSelect';
+export * from './TagsInput/TagsInput';
 export * from './TextArea/TextArea';
 export * from './TimePicker/TimePicker';
 export * from './Toast/Toast';