@sakaniui/react 0.1.0

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface MenuProps {
+    children: React.ReactNode;
+    /** Accessible label for the menu. */
+    'aria-label'?: string;
+    /** Minimum width in px. Defaults to 208 (matches Figma). */
+    minWidth?: number;
+    className?: string;
+}
+export declare const Menu: React.FC<MenuProps>;
+export declare const MenuDivider: React.FC;
+export default Menu;

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

@@ -0,0 +1,2 @@
+export { Menu, MenuDivider, default } from './Menu';
+export type { MenuProps } from './Menu';

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export type MenuItemState = 'default' | 'checked' | 'disabled' | 'destructive';
+export interface MenuItemProps {
+    /** Visual state. Maps to Figma State axis. */
+    state?: MenuItemState;
+    /** Leading icon (any 16px Lucide icon). */
+    icon?: React.ReactNode;
+    /** Keyboard shortcut hint, right-aligned (e.g. "⌘E"). */
+    shortcut?: string;
+    children: React.ReactNode;
+    onSelect?: () => void;
+    className?: string;
+}
+export declare const MenuItem: React.FC<MenuItemProps>;
+export default MenuItem;

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

@@ -0,0 +1,2 @@
+export { MenuItem, default } from './MenuItem';
+export type { MenuItemProps, MenuItemState } from './MenuItem';

package/dist/components/MessageBubble/MessageBubble.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export type MessageBubbleType = 'received' | 'sent' | 'system';
+export type MessageBubbleContent = 'text' | 'image' | 'file';
+export interface MessageBubbleProps {
+    type?: MessageBubbleType;
+    content?: MessageBubbleContent;
+    /** Author avatar (received only). */
+    avatar?: React.ReactNode;
+    authorName?: React.ReactNode;
+    timestamp?: React.ReactNode;
+    /** Text body, image node, or file meta depending on content. */
+    children?: React.ReactNode;
+    /** Image source (content="image"). */
+    image?: React.ReactNode;
+    /** File meta (content="file"). */
+    fileName?: string;
+    fileSize?: string;
+    /** Reaction node (received only). */
+    reactions?: React.ReactNode;
+    /** Show read receipt (sent only). */
+    read?: boolean;
+    className?: string;
+}
+export declare const MessageBubble: React.FC<MessageBubbleProps>;
+export default MessageBubble;

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

@@ -0,0 +1,2 @@
+export { MessageBubble, default } from './MessageBubble';
+export type { MessageBubbleProps, MessageBubbleType, MessageBubbleContent } from './MessageBubble';

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export interface PaginationProps {
+    /** Total number of pages. */
+    total: number;
+    /** Current page (1-based). */
+    page: number;
+    onPageChange: (page: number) => void;
+    /** How many page numbers to show around the current page. */
+    siblings?: number;
+    className?: string;
+}
+export declare const Pagination: React.FC<PaginationProps>;
+export default Pagination;

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

@@ -0,0 +1,2 @@
+export { Pagination, default } from './Pagination';
+export type { PaginationProps } from './Pagination';

package/dist/components/PieChart/PieChart.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export type ChartSize = 'sm' | 'md' | 'lg' | 'xl';
+export type PieChartVariant = 'pie' | 'pie-no-separator' | 'label' | 'custom-label' | 'label-list' | 'donut' | 'donut-active' | 'donut-with-text' | 'stacked' | 'interactive';
+export interface PieDatum {
+    label: string;
+    value: number;
+}
+export interface PieChartProps {
+    data: PieDatum[];
+    variant?: PieChartVariant;
+    size?: ChartSize;
+    /** Big number shown in the center. Only rendered for "donut-with-text". */
+    centerValue?: string;
+    centerCaption?: string;
+    className?: string;
+}
+export declare const PieChart: React.FC<PieChartProps>;
+export default PieChart;

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

@@ -0,0 +1,2 @@
+export { PieChart, default } from './PieChart';
+export type { PieChartProps, PieDatum, PieChartVariant, ChartSize } from './PieChart';

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export type PopoverPlacement = 'bottom' | 'top' | 'bottom-start' | 'bottom-end';
+export interface PopoverProps {
+    /** The clickable element that toggles the popover. */
+    trigger: React.ReactNode;
+    title?: string;
+    description?: string;
+    /** Footer actions (1-3 buttons). */
+    actions?: React.ReactNode;
+    placement?: PopoverPlacement;
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const Popover: React.FC<PopoverProps>;
+export default Popover;

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

@@ -0,0 +1,2 @@
+export { Popover, default } from './Popover';
+export type { PopoverProps, PopoverPlacement } from './Popover';

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export type ProgressSize = 'sm' | 'md' | 'lg';
+export interface ProgressProps {
+    /** 0–100. Omit for indeterminate mode. */
+    value?: number;
+    size?: ProgressSize;
+    /** Accessible label */
+    label?: string;
+    className?: string;
+}
+export declare const Progress: React.FC<ProgressProps>;
+export default Progress;

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

@@ -0,0 +1,2 @@
+export { Progress, default } from './Progress';
+export type { ProgressProps, ProgressSize } from './Progress';

package/dist/components/RadarChart/RadarChart.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+export type ChartSize = 'sm' | 'md' | 'lg' | 'xl';
+export type RadarChartVariant = 'default' | 'dots' | 'dots-grid-none' | 'lines-only' | 'circle-grid' | 'circle-grid-no-lines' | 'grid-custom' | 'grid-filled' | 'circle-grid-filled' | 'multiple' | 'custom-label';
+export interface RadarDatum {
+    label: string;
+    value: number;
+    /** Second series (variant="multiple"). */
+    value2?: number;
+}
+export interface RadarChartProps {
+    data: RadarDatum[];
+    variant?: RadarChartVariant;
+    size?: ChartSize;
+    /** Legend labels for `value` / `value2`, shown for "multiple". */
+    seriesLabels?: [string, string?];
+    className?: string;
+}
+export declare const RadarChart: React.FC<RadarChartProps>;
+export default RadarChart;

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

@@ -0,0 +1,2 @@
+export { RadarChart, default } from './RadarChart';
+export type { RadarChartProps, RadarDatum, RadarChartVariant, ChartSize } from './RadarChart';

package/dist/components/RadialChart/RadialChart.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export type ChartSize = 'sm' | 'md' | 'lg' | 'xl';
+export type RadialChartVariant = 'multi' | 'grid' | 'text' | 'shape' | 'gauge-tick' | 'stacked' | 'stacked-3-layers' | 'stacked-label';
+export interface RadialDatum {
+    label: string;
+    value: number;
+    max?: number;
+}
+export interface RadialChartProps {
+    data: RadialDatum[];
+    variant?: RadialChartVariant;
+    size?: ChartSize;
+    centerValue?: string;
+    centerCaption?: string;
+    className?: string;
+}
+export declare const RadialChart: React.FC<RadialChartProps>;
+export default RadialChart;

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

@@ -0,0 +1,2 @@
+export { RadialChart, default } from './RadialChart';
+export type { RadialChartProps, RadialDatum, RadialChartVariant, ChartSize } from './RadialChart';

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    description?: string;
+}
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+export default Radio;

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

@@ -0,0 +1,2 @@
+export { Radio, default } from './Radio';
+export type { RadioProps } from './Radio';

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export interface SegmentedOption {
+    value: string;
+    label: string;
+}
+export interface SegmentedControlProps {
+    options: SegmentedOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    /** Stretch the track to fill its container; segments then share the width equally. */
+    fullWidth?: boolean;
+    className?: string;
+}
+export declare const SegmentedControl: React.FC<SegmentedControlProps>;
+export default SegmentedControl;

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

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

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export type SelectSize = 'sm' | 'md' | 'lg';
+export interface SelectOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+export interface SelectProps {
+    label?: string;
+    description?: string;
+    error?: string;
+    size?: SelectSize;
+    placeholder?: string;
+    options: SelectOption[];
+    /** Controlled value. */
+    value?: string;
+    /** Uncontrolled initial value. */
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    id?: string;
+    className?: string;
+}
+export declare const Select: React.FC<SelectProps>;
+export default Select;

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

@@ -0,0 +1,2 @@
+export { Select, default } from './Select';
+export type { SelectProps, SelectSize, SelectOption } from './Select';

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface SidebarProps {
+    collapsed?: boolean;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const Sidebar: React.FC<SidebarProps>;
+export default Sidebar;

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

@@ -0,0 +1,2 @@
+export { Sidebar, default } from './Sidebar';
+export type { SidebarProps } from './Sidebar';

package/dist/components/SidebarDivider/SidebarDivider.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export declare const SidebarDivider: React.FC;
+export default SidebarDivider;

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

@@ -0,0 +1 @@
+export { SidebarDivider, default } from './SidebarDivider';

package/dist/components/SidebarFooter/SidebarFooter.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+export type SidebarFooterType = 'user' | 'user-menu' | 'actions';
+export interface SidebarFooterProps {
+    type?: SidebarFooterType;
+    title?: string;
+    subtitle?: string;
+    /** Avatar image URL (passed to the system Avatar component). */
+    avatarSrc?: string;
+    /** Avatar initials fallback (passed to the system Avatar component). */
+    avatarInitials?: string;
+    collapsed?: boolean;
+    onMenu?: () => void;
+    onSignOut?: () => void;
+}
+export declare const SidebarFooter: React.FC<SidebarFooterProps>;
+export default SidebarFooter;

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

@@ -0,0 +1,2 @@
+export { SidebarFooter, default } from './SidebarFooter';
+export type { SidebarFooterProps, SidebarFooterType } from './SidebarFooter';

package/dist/components/SidebarGroupLabel/SidebarGroupLabel.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface SidebarGroupLabelProps {
+    children: React.ReactNode;
+}
+export declare const SidebarGroupLabel: React.FC<SidebarGroupLabelProps>;
+export default SidebarGroupLabel;

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

@@ -0,0 +1,2 @@
+export { SidebarGroupLabel, default } from './SidebarGroupLabel';
+export type { SidebarGroupLabelProps } from './SidebarGroupLabel';

package/dist/components/SidebarHeader/SidebarHeader.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { LucideIcon } from 'lucide-react';
+export type SidebarHeaderType = 'brand' | 'workspace' | 'brand-toggle';
+export interface SidebarHeaderProps {
+    type?: SidebarHeaderType;
+    title: string;
+    subtitle?: string;
+    /** Logo/brand mark (Lucide icon or any node). */
+    logo?: React.ReactNode;
+    collapsed?: boolean;
+    onToggle?: () => void;
+    /** Icon for the toggle button. Defaults to PanelLeftClose. */
+    toggleIcon?: LucideIcon;
+}
+export declare const SidebarHeader: React.FC<SidebarHeaderProps>;
+export default SidebarHeader;

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

@@ -0,0 +1,2 @@
+export { SidebarHeader, default } from './SidebarHeader';
+export type { SidebarHeaderProps, SidebarHeaderType } from './SidebarHeader';

package/dist/components/SidebarItem/SidebarItem.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { LucideIcon } from 'lucide-react';
+export interface SidebarItemProps {
+    icon?: LucideIcon;
+    label: string;
+    active?: boolean;
+    /** Only matters when `active` and not `collapsed` (collapsed is always
+     * indicator-styled, matching Figma). true (default) = bg/surface card +
+     * shadow + left accent bar ("Active - Indicator"). false = flat bg/subtle
+     * tint, no bar, no shadow ("Active - Default"). */
+    activeIndicator?: boolean;
+    disabled?: boolean;
+    badge?: string;
+    hasSubmenu?: boolean;
+    collapsed?: boolean;
+    onClick?: () => void;
+    href?: string;
+    /** Native title-attribute tooltip on collapse. Defaults to true; set
+     * false when the caller already wraps this in its own Tooltip component
+     * to avoid the two competing on hover. */
+    nativeTooltip?: boolean;
+}
+export declare const SidebarItem: React.FC<SidebarItemProps>;
+export default SidebarItem;

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

@@ -0,0 +1,2 @@
+export { SidebarItem, default } from './SidebarItem';
+export type { SidebarItemProps } from './SidebarItem';

package/dist/components/SidebarPromo/SidebarPromo.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { LucideIcon } from 'lucide-react';
+export interface SidebarPromoProps {
+    type?: 'upgrade' | 'announcement';
+    title: string;
+    description?: string;
+    /** Full-width CTA button label. */
+    ctaLabel?: string;
+    onCta?: () => void;
+    onDismiss?: () => void;
+    icon?: LucideIcon;
+}
+export declare const SidebarPromo: React.FC<SidebarPromoProps>;
+export default SidebarPromo;

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

@@ -0,0 +1,2 @@
+export { SidebarPromo, default } from './SidebarPromo';
+export type { SidebarPromoProps } from './SidebarPromo';

package/dist/components/SidebarSearch/SidebarSearch.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface SidebarSearchProps {
+    type?: 'field' | 'command';
+    placeholder?: string;
+    collapsed?: boolean;
+    value?: string;
+    onChange?: (v: string) => void;
+    onClick?: () => void;
+}
+export declare const SidebarSearch: React.FC<SidebarSearchProps>;
+export default SidebarSearch;

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

@@ -0,0 +1,2 @@
+export { SidebarSearch, default } from './SidebarSearch';
+export type { SidebarSearchProps } from './SidebarSearch';

package/dist/components/SidebarSubItem/SidebarSubItem.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface SidebarSubItemProps {
+    label: string;
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+    href?: string;
+}
+export declare const SidebarSubItem: React.FC<SidebarSubItemProps>;
+export default SidebarSubItem;

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

@@ -0,0 +1,2 @@
+export { SidebarSubItem, default } from './SidebarSubItem';
+export type { SidebarSubItemProps } from './SidebarSubItem';

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export type SkeletonVariant = 'text' | 'rect' | 'circle';
+export interface SkeletonProps {
+    variant?: SkeletonVariant;
+    /** Width — defaults to 100% for rect/text, size for circle */
+    width?: string | number;
+    /** Height — defaults to 1em for text, 100% for rect, size for circle */
+    height?: string | number;
+    className?: string;
+}
+export declare const Skeleton: React.FC<SkeletonProps>;
+export default Skeleton;

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

@@ -0,0 +1,2 @@
+export { Skeleton, default } from './Skeleton';
+export type { SkeletonProps, SkeletonVariant } from './Skeleton';

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: string;
+    /** Show the current value to the right of the label. */
+    showValue?: boolean;
+    min?: number;
+    max?: number;
+}
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLInputElement>>;
+export default Slider;

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

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

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export type SpinnerSize = 'sm' | 'md' | 'lg';
+export interface SpinnerProps {
+    size?: SpinnerSize;
+    /** Accessible label for screen readers */
+    label?: string;
+    className?: string;
+}
+export declare const Spinner: React.FC<SpinnerProps>;
+export default Spinner;

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

@@ -0,0 +1,2 @@
+export { Spinner, default } from './Spinner';
+export type { SpinnerProps, SpinnerSize } from './Spinner';

package/dist/components/StatCard/StatCard.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { LucideIcon } from 'lucide-react';
+import { BadgeVariant } from '../Badge';
+export type StatCardStyle = 'minimal' | 'icon' | 'featured';
+export type StatCardTrend = 'up' | 'down' | 'flat';
+export interface StatCardProps {
+    title: string;
+    value: string;
+    /** Supporting line under the delta (Figma: description). */
+    description?: string;
+    /** Data points for the inline sparkline (Figma: Sparkline toggle). */
+    sparkline?: number[];
+    /** e.g. "+12.5%" — colored by trend. */
+    delta?: string;
+    trend?: StatCardTrend;
+    /** Overrides the trend-derived badge color (e.g. a "down" delta that
+     * Figma still wants shown as warning, not danger, for a given card). */
+    badgeVariant?: BadgeVariant;
+    variant?: StatCardStyle;
+    /** Leading icon (shown for Icon/Featured styles). */
+    icon?: LucideIcon;
+    /** Show a trailing menu button. */
+    showMenu?: boolean;
+    onMenu?: () => void;
+    className?: string;
+}
+export declare const StatCard: React.FC<StatCardProps>;
+export default StatCard;

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

@@ -0,0 +1,2 @@
+export { StatCard, default } from './StatCard';
+export type { StatCardProps, StatCardStyle, StatCardTrend } from './StatCard';

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+export type StepState = 'completed' | 'current' | 'upcoming';
+export interface Step {
+    label: string;
+    description?: string;
+}
+export interface StepperProps {
+    steps: Step[];
+    /** Index of the current (active) step, 0-based. */
+    current: number;
+    /** Orientation. Defaults to horizontal. */
+    orientation?: 'horizontal' | 'vertical';
+    className?: string;
+}
+/** Single step — exported so it can be used standalone (mirrors Figma "Stepper Step"). */
+export declare const StepperStep: React.FC<{
+    index: number;
+    state: StepState;
+    label: string;
+    description?: string;
+    orientation?: 'horizontal' | 'vertical';
+}>;
+export declare const Stepper: React.FC<StepperProps>;
+export default Stepper;

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

@@ -0,0 +1,2 @@
+export { Stepper, StepperStep, default } from './Stepper';
+export type { StepperProps, Step, StepState } from './Stepper';

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    /** Optional label rendered to the right of the switch. */
+    label?: string;
+}
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+export default Switch;

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

@@ -0,0 +1,2 @@
+export { Switch, default } from './Switch';
+export type { SwitchProps } from './Switch';

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

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+export interface TableColumn<T> {
+    key: keyof T & string;
+    header: string;
+    render?: (row: T) => React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+    width?: string;
+}
+export interface TableProps<T> {
+    columns: TableColumn<T>[];
+    rows: T[];
+    selectable?: boolean;
+    selectedRows?: number[];
+    onSelectionChange?: (indices: number[]) => void;
+    rowKey?: (row: T, index: number) => string | number;
+    /** Enable drag-to-reorder on rows. Fires with the new row order. */
+    reorderable?: boolean;
+    onReorder?: (rows: T[]) => void;
+    /** Draws the table's own container border/radius. Defaults to true; set
+     * false when nesting inside a card that already has its own border
+     * (Figma: some Table instances sit borderless inside a Panel). */
+    bordered?: boolean;
+    /** Matches Figma's "Responsive" variant (Default / Stacked).
+     * - 'auto' (default): renders as a normal table, and switches to the
+     *   stacked card layout automatically below --bp-sm (640px).
+     * - 'default' / 'stacked': force one layout regardless of viewport —
+     *   useful for Storybook, tests, or a deliberately narrow container. */
+    responsive?: 'auto' | 'default' | 'stacked';
+    className?: string;
+}
+export declare function Table<T>({ columns, rows, selectable, selectedRows, onSelectionChange, rowKey, reorderable, onReorder, bordered, responsive, className, }: TableProps<T>): React.JSX.Element;
+export default Table;

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

@@ -0,0 +1,2 @@
+export { Table, default } from './Table';
+export type { TableProps, TableColumn } from './Table';

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

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { LucideIcon } from 'lucide-react';
+export interface TabItem {
+    /** Unique key/value for the tab. */
+    value: string;
+    /** Visible label. */
+    label: string;
+    /** Optional 16px leading glyph (Figma "Tab Item": icon adds a leading glyph). */
+    icon?: LucideIcon;
+    disabled?: boolean;
+}
+export interface TabsProps {
+    items: TabItem[];
+    /** Controlled active value. */
+    value?: string;
+    /** Uncontrolled initial value. */
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    /** Bottom border under the whole track. Defaults to true. */
+    bordered?: boolean;
+    /** Stretch every tab to share the row's width equally, like a segmented
+     * control, instead of each tab hugging its own label. Defaults to false. */
+    fill?: boolean;
+    className?: string;
+}
+export declare const Tabs: React.FC<TabsProps>;
+export default Tabs;

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

@@ -0,0 +1,2 @@
+export { Tabs, default } from './Tabs';
+export type { TabsProps, TabItem } from './Tabs';

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    description?: string;
+    error?: string;
+}
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;