@wavv/ui 1.8.21 → 1.9.0

package/build/cjs/types/components/Tabs.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { Margin } from './types';
+type TabItem = {
+    id: string | number;
+    label: ReactNode;
+};
+type Props<ItemType> = {
+    /** The tab items to be rendered */
+    items: ItemType[];
+    /** The id of the active tab */
+    activeItem: string | number;
+    /** Controls whether the tabs fill the space of the container */
+    itemWidth?: 'auto' | 'fill';
+    /** The gap between each tab item */
+    itemGap?: string | number;
+    /** The function called with the tab item after the tab is changed */
+    onChange: (tab: ItemType) => void;
+} & Margin;
+declare const Tabs: <ItemType extends TabItem>({ items, activeItem, itemWidth, itemGap, onChange, ...props }: Props<ItemType>) => import("react/jsx-runtime").JSX.Element;
+export default Tabs;

package/build/cjs/types/hooks/index.d.ts

@@ -4,3 +4,4 @@ export { default as useSelectAll } from './useSelectAll';
 export { default as useEventListener } from './useEventListener';
 export { default as useSelect } from './useSelect';
 export { default as useElementObserver } from './useElementObserver';
+export { default as usePrevious } from './usePrevious';

package/build/cjs/types/hooks/usePrevious.d.ts

@@ -0,0 +1,2 @@
+declare const usePrevious: <T>(value: T) => T;
+export default usePrevious;

package/build/cjs/types/index.d.ts

@@ -39,6 +39,7 @@ export { default as TransferList } from './components/TransferList';
 export { default as Table } from './components/Table';
 export { default as Toggle } from './components/Toggle';
 export { default as Tooltip } from './components/Tooltip';
+export { default as Tabs } from './components/Tabs';
 export { default as theme } from './theme';
 export type { ITheme, ThemeProp } from './theme/ThemeTypes';
 export type { IconNames } from './components/Icon/icons';
@@ -52,6 +53,7 @@ export { default as useSelectAll } from './hooks/useSelectAll';
 export { default as useWindowSize } from './hooks/useWindowSize';
 export { default as useConfirm } from './hooks/useConfirm';
 export { default as useElementObserver } from './hooks/useElementObserver';
+export { default as usePrevious } from './hooks/usePrevious';
 export { default as formatDate } from './utils/formatDate';
 export { default as copyToClipboard } from './utils/copyToClipboard';
 export { default as numberWithCommas } from './utils/numberWithCommas';