@andreagiugni/tailwind-dashboard-ui 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,573 @@
+import { ClassValue } from 'clsx';
+import { C as ColorOverrideProps } from './Editor-uOYxR3HX.cjs';
+export { E as Editor, a as EditorProps, b as EditorToolItem, s as styleOverride } from './Editor-uOYxR3HX.cjs';
+import React, { FormEvent } from 'react';
+import flatpickr from 'flatpickr';
+export { BarChart, BarChartProps } from './components/Charts/BarChart.cjs';
+export { LineChart, LineChartProps } from './components/Charts/LineChart.cjs';
+export { Calendar, CalendarProps } from './components/Calendar/Calendar.cjs';
+export { CountryMap, CountryMapProps } from './components/Map/CountryMap.cjs';
+import '@tiptap/react';
+import 'apexcharts';
+import '@fullcalendar/core';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "color">, ColorOverrideProps {
+    size?: "sm" | "md";
+    variant?: "primary" | "outline";
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+}
+declare const Button: React.FC<ButtonProps>;
+
+type BadgeVariant = "light" | "solid";
+type BadgeSize = "sm" | "md";
+type BadgeColor = "primary" | "success" | "error" | "warning" | "info" | "light" | "dark";
+interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, ColorOverrideProps {
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    color?: BadgeColor;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+}
+declare const Badge: React.FC<BadgeProps>;
+
+type RibbonVariant = "corner" | "rounded" | "flag";
+type RibbonColor = "primary" | "success" | "error" | "warning" | "info" | "dark";
+type RibbonPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right";
+interface RibbonProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, ColorOverrideProps {
+    /** Visual style of the ribbon. */
+    variant?: RibbonVariant;
+    /** Brand color. Defaults to `primary`. */
+    color?: RibbonColor;
+    /** Which corner/side the ribbon attaches to. Defaults to `top-right`. */
+    position?: RibbonPosition;
+}
+declare const Ribbon: React.FC<RibbonProps>;
+
+type AlertVariant = "success" | "error" | "warning" | "info";
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant: AlertVariant;
+    title: string;
+    message: string;
+    showLink?: boolean;
+    linkHref?: string;
+    linkText?: string;
+    /** Override the default variant icon. */
+    icon?: React.ReactNode;
+}
+declare const Alert: React.FC<AlertProps>;
+
+type AvatarSize = "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+type AvatarStatus = "online" | "offline" | "busy" | "none";
+interface AvatarProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, "size"> {
+    src: string;
+    alt?: string;
+    size?: AvatarSize;
+    status?: AvatarStatus;
+    /** Override the status indicator color. */
+    statusColor?: string;
+}
+declare const Avatar: React.FC<AvatarProps>;
+
+interface AvatarTextProps extends React.HTMLAttributes<HTMLDivElement> {
+    name: string;
+}
+declare const AvatarText: React.FC<AvatarTextProps>;
+
+interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
+    isOpen: boolean;
+    onClose: () => void;
+}
+declare const Dropdown: React.FC<DropdownProps>;
+
+type DropdownItemVariant = "default" | "primary" | "outline";
+interface DropdownItemProps extends ColorOverrideProps {
+    tag?: "a" | "button";
+    href?: string;
+    onClick?: () => void;
+    onItemClick?: () => void;
+    /** Visual style, mirroring Button: a plain menu row, a filled brand item, or an outlined one. */
+    variant?: DropdownItemVariant;
+    /** Full class override (escape hatch). When set, it replaces the variant styling. */
+    baseClassName?: string;
+    className?: string;
+    children: React.ReactNode;
+}
+declare const DropdownItem: React.FC<DropdownItemProps>;
+
+type ModalVariant = "success" | "info" | "warning" | "danger";
+interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
+    isOpen: boolean;
+    onClose: () => void;
+    showCloseButton?: boolean;
+    isFullscreen?: boolean;
+    closeOnBackdrop?: boolean;
+    closeOnEsc?: boolean;
+    /** Render a preset alert layout (decorative icon + title + message + action button). */
+    variant?: ModalVariant;
+    /** Alert title — used when `variant` is set. */
+    title?: string;
+    /** Alert body text — used when `variant` is set. */
+    description?: string;
+    /** Action button label. Default: "Okay, Got It". */
+    actionText?: string;
+    /** Action button handler. Defaults to `onClose`. */
+    onAction?: () => void;
+}
+declare const Modal: React.FC<ModalProps>;
+
+interface DropzoneProps {
+    /** Called with the dropped/selected files. */
+    onDrop?: (files: File[]) => void;
+    /** Accepted file types, e.g. "image/png,image/jpeg" (native input `accept`). */
+    accept?: string;
+    /** Allow selecting multiple files. Default: true. */
+    multiple?: boolean;
+    /** Heading text. Default: "Drag & Drop Files Here". */
+    title?: string;
+    /** Helper text under the heading. */
+    description?: string;
+    /** "Browse" call-to-action label. Default: "Browse File". */
+    browseLabel?: string;
+    /** Extra classes for the outer wrapper. */
+    className?: string;
+}
+/** Drag-and-drop file upload area — dependency-free (native HTML5 drag/drop). */
+declare const Dropzone: React.FC<DropzoneProps>;
+
+interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
+}
+declare const Table: React.FC<TableProps>;
+interface TableSectionProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+declare const TableHeader: React.FC<TableSectionProps>;
+declare const TableBody: React.FC<TableSectionProps>;
+interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+}
+declare const TableRow: React.FC<TableRowProps>;
+interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+    isHeader?: boolean;
+}
+declare const TableCell: React.FC<TableCellProps>;
+
+interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+}
+declare const Pagination: React.FC<PaginationProps>;
+
+type SortDirection = "asc" | "desc";
+interface DataTableColumn<T> {
+    /** Key into the row object — also the value used for sorting/searching. */
+    key: Extract<keyof T, string>;
+    /** Column header label. */
+    header: React.ReactNode;
+    /** Allow click-to-sort on this column. Default: false. */
+    sortable?: boolean;
+    /** Cell + header text alignment. Default: "left". */
+    align?: "left" | "center" | "right";
+    /** Custom cell renderer. Falls back to `String(row[key])`. */
+    render?: (row: T, rowIndex: number) => React.ReactNode;
+    /** Extra classes applied to this column's header and body cells. */
+    className?: string;
+}
+interface DataTableProps<T> {
+    /** The array of row objects to display. */
+    data: T[];
+    /** Column definitions (label, sortable, custom render, …). */
+    columns: DataTableColumn<T>[];
+    /** Rows shown per page. Default: 10. */
+    rowsPerPage?: number;
+    /** Options for the "Show N entries" selector. Default: [5, 10, 25, 50]. Pass [] to hide it. */
+    rowsPerPageOptions?: number[];
+    /** Render pagination controls + the entry counter. Default: true. */
+    pagination?: boolean;
+    /** Render the "Show N entries" selector (only when pagination is on). Default: true. */
+    showSizeSelector?: boolean;
+    /** Render the search field. Default: true. */
+    searchable?: boolean;
+    /** Placeholder for the search field. Default: "Search...". */
+    searchPlaceholder?: string;
+    /** Keys matched when searching. Defaults to every column key. */
+    searchKeys?: Extract<keyof T, string>[];
+    /** Column sorted on first render. */
+    defaultSortKey?: Extract<keyof T, string>;
+    /** Initial sort direction. Default: "asc". */
+    defaultSortDirection?: SortDirection;
+    /** Stable key for a row. Defaults to the row index. */
+    getRowId?: (row: T, index: number) => string | number;
+    /** Fires when a row is clicked (also makes rows hoverable/clickable). */
+    onRowClick?: (row: T, index: number) => void;
+    /** Shown when no rows match. Default: "No matching records". */
+    emptyContent?: React.ReactNode;
+    /** Extra classes for the outer wrapper. */
+    className?: string;
+}
+declare function DataTable<T extends Record<string, unknown>>({ data, columns, rowsPerPage, rowsPerPageOptions, pagination, showSizeSelector, searchable, searchPlaceholder, searchKeys, defaultSortKey, defaultSortDirection, getRowId, onRowClick, emptyContent, className, }: DataTableProps<T>): React.JSX.Element;
+
+interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+interface BreadcrumbProps {
+    pageTitle: string;
+    items?: BreadcrumbItem[];
+}
+declare const Breadcrumb: React.FC<BreadcrumbProps>;
+
+interface ThemeToggleButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    theme?: "light" | "dark";
+    onToggle?: () => void;
+}
+declare const ThemeToggleButton: React.FC<ThemeToggleButtonProps>;
+
+type AccordionSelectionMode = "single" | "multiple";
+interface AccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Unique key identifying this item. */
+    itemKey: string;
+    /** Header content. */
+    title: React.ReactNode;
+    /** Optional content rendered before the title (e.g. an icon). */
+    startContent?: React.ReactNode;
+    /** Disable expand/collapse for this item. */
+    disabled?: boolean;
+}
+declare const AccordionItem: React.FC<AccordionItemProps>;
+interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** "single" allows one open item, "multiple" allows many. */
+    selectionMode?: AccordionSelectionMode;
+    /** Uncontrolled initial expanded keys. */
+    defaultExpandedKeys?: string[];
+    /** Controlled expanded keys. */
+    expandedKeys?: string[];
+    /** Called with the new set of expanded keys when it changes. */
+    onExpandedChange?: (keys: string[]) => void;
+}
+declare const Accordion: React.FC<AccordionProps>;
+
+type TabsVariant = "underline" | "solid" | "pill";
+interface TabProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Unique key identifying this tab. */
+    tabKey: string;
+    /** Tab label (may include an icon). */
+    title: React.ReactNode;
+    /** Disable selection of this tab. */
+    disabled?: boolean;
+}
+/** Tab is a configuration element consumed by Tabs; it renders its children as the panel. */
+declare const Tab: React.FC<TabProps>;
+interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    variant?: TabsVariant;
+    /** Controlled selected key. */
+    selectedKey?: string;
+    /** Uncontrolled initial selected key. */
+    defaultSelectedKey?: string;
+    /** Called with the newly selected key. */
+    onSelectionChange?: (key: string) => void;
+    /** Accent color for the active tab (any CSS color). Defaults to the brand color. */
+    color?: string;
+    children?: React.ReactNode;
+}
+declare const Tabs: React.FC<TabsProps>;
+
+type TooltipPlacement = "top" | "right" | "bottom" | "left";
+interface TooltipProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color" | "content">, ColorOverrideProps {
+    /** The content rendered inside the tooltip bubble. */
+    content: React.ReactNode;
+    /** Which side of the trigger the tooltip appears on. */
+    placement?: TooltipPlacement;
+    /** Delay in milliseconds before showing the tooltip. */
+    delay?: number;
+    /** When true the tooltip never opens. */
+    disabled?: boolean;
+    /** The trigger element. */
+    children: React.ReactNode;
+}
+declare const Tooltip: React.FC<TooltipProps>;
+
+type PopoverPlacement = "top" | "right" | "bottom" | "left";
+interface PopoverProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "content"> {
+    /** The clickable trigger element. */
+    trigger: React.ReactNode;
+    /** Which side of the trigger the panel appears on. */
+    placement?: PopoverPlacement;
+    /** Controlled open state. Omit for uncontrolled behavior. */
+    isOpen?: boolean;
+    /** Called when the open state should change (controlled or uncontrolled). */
+    onOpenChange?: (open: boolean) => void;
+    /** Initial open state when uncontrolled. */
+    defaultOpen?: boolean;
+    /** Close when clicking outside the popover. */
+    closeOnOutsideClick?: boolean;
+    /** Close when pressing Escape. */
+    closeOnEsc?: boolean;
+    /** Panel content. */
+    children: React.ReactNode;
+}
+declare const Popover: React.FC<PopoverProps>;
+
+type DrawerPlacement = "left" | "right" | "top" | "bottom";
+interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
+    isOpen: boolean;
+    onClose: () => void;
+    /** Side the drawer slides in from. */
+    placement?: DrawerPlacement;
+    showCloseButton?: boolean;
+    closeOnBackdrop?: boolean;
+    closeOnEsc?: boolean;
+    /** Tailwind size class for the panel (width for left/right, height for top/bottom). */
+    size?: string;
+}
+declare const Drawer: React.FC<DrawerProps>;
+
+type ChipVariant = "light" | "solid";
+type ChipSize = "sm" | "md";
+type ChipColor = "primary" | "success" | "error" | "warning" | "info" | "light" | "dark";
+interface ChipProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, ColorOverrideProps {
+    variant?: ChipVariant;
+    size?: ChipSize;
+    color?: ChipColor;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    /** Rendered at the start of the chip, e.g. a small Avatar. */
+    avatar?: React.ReactNode;
+    /** When provided, renders a small close button that fires this callback. */
+    onClose?: () => void;
+}
+declare const Chip: React.FC<ChipProps>;
+
+type ProgressColor = "primary" | "success" | "error" | "warning" | "info" | "light" | "dark";
+type ProgressSize = "sm" | "md" | "lg";
+interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color">, ColorOverrideProps {
+    /** Current value (clamped between 0 and maxValue). */
+    value?: number;
+    /** Maximum value. Defaults to 100. */
+    maxValue?: number;
+    color?: ProgressColor;
+    size?: ProgressSize;
+    /** Optional label shown above the track. */
+    label?: React.ReactNode;
+    /** When true, shows the percentage (e.g. "75%") next to the label. */
+    showValueLabel?: boolean;
+    /** Animated, value-less progress. */
+    isIndeterminate?: boolean;
+}
+declare const Progress: React.FC<ProgressProps>;
+
+type SpinnerColor = "primary" | "success" | "error" | "warning" | "info" | "light" | "dark";
+type SpinnerSize = "sm" | "md" | "lg";
+interface SpinnerProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, ColorOverrideProps {
+    size?: SpinnerSize;
+    color?: SpinnerColor;
+    /** Optional text rendered beside the spinner (also used as aria-label). */
+    label?: React.ReactNode;
+}
+declare const Spinner: React.FC<SpinnerProps>;
+
+interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** When true, renders children normally with no shimmer. */
+    isLoaded?: boolean;
+    /** Convenience sizing (any CSS length). Falls back to className. */
+    width?: string | number;
+    height?: string | number;
+}
+declare const Skeleton: React.FC<SkeletonProps>;
+
+type CodeColor = "primary" | "success" | "error" | "warning" | "info" | "default";
+type CodeSize = "sm" | "md";
+interface CodeProps extends Omit<React.HTMLAttributes<HTMLElement>, "color">, ColorOverrideProps {
+    color?: CodeColor;
+    size?: CodeSize;
+}
+declare const Code: React.FC<CodeProps>;
+
+type SnippetSize = "sm" | "md";
+interface SnippetProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "color" | "children">, ColorOverrideProps {
+    /** Code content as a string (supports "\n") or an array of lines. */
+    code?: string | string[];
+    /** Alternative to `code`. */
+    children?: string | string[];
+    /** Prefix rendered before each line (e.g. "$ "). */
+    symbol?: string;
+    /** Hide the copy-to-clipboard button. */
+    hideCopyButton?: boolean;
+    /** Hide the line prefix symbol. */
+    hideSymbol?: boolean;
+    size?: SnippetSize;
+}
+declare const Snippet: React.FC<SnippetProps>;
+
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "color">, ColorOverrideProps {
+    success?: boolean;
+    error?: boolean;
+    hint?: string;
+}
+declare const Input: React.FC<InputProps>;
+
+interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+}
+declare const Label: React.FC<LabelProps>;
+
+interface TextAreaProps {
+    placeholder?: string;
+    rows?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+    disabled?: boolean;
+    error?: boolean;
+    hint?: string;
+}
+declare const TextArea: React.FC<TextAreaProps>;
+
+interface CheckboxProps {
+    label?: string;
+    checked: boolean;
+    className?: string;
+    id?: string;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    /** Override the checked accent color (maps to inline accentColor). */
+    checkedColor?: string;
+}
+declare const Checkbox: React.FC<CheckboxProps>;
+
+interface RadioProps {
+    id: string;
+    name: string;
+    value: string;
+    checked: boolean;
+    label: string;
+    onChange: (value: string) => void;
+    className?: string;
+    disabled?: boolean;
+}
+declare const Radio: React.FC<RadioProps>;
+
+interface RadioSmProps {
+    id: string;
+    name: string;
+    value: string;
+    checked: boolean;
+    label: string;
+    onChange: (value: string) => void;
+    className?: string;
+}
+declare const RadioSm: React.FC<RadioSmProps>;
+
+interface SwitchProps {
+    label: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    onChange?: (checked: boolean) => void;
+    color?: "blue" | "gray";
+}
+declare const Switch: React.FC<SwitchProps>;
+
+interface Option$1 {
+    value: string;
+    label: string;
+}
+interface SelectProps {
+    options: Option$1[];
+    placeholder?: string;
+    onChange: (value: string) => void;
+    className?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+}
+/**
+ * A custom single-select dropdown (no native `<select>`), so the menu is fully
+ * styleable and theme-aware. The selected option shows a check mark.
+ */
+declare const Select: React.FC<SelectProps>;
+
+interface Option {
+    value: string;
+    text: string;
+    selected: boolean;
+}
+interface MultiSelectProps {
+    label: string;
+    options: Option[];
+    defaultSelected?: string[];
+    onChange?: (selected: string[]) => void;
+    disabled?: boolean;
+}
+declare const MultiSelect: React.FC<MultiSelectProps>;
+
+interface FileInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const FileInput: React.FC<FileInputProps>;
+
+type Hook = flatpickr.Options.Hook;
+type DateOption$1 = flatpickr.Options.DateOption;
+interface DatePickerProps {
+    id: string;
+    mode?: "single" | "multiple" | "range" | "time";
+    onChange?: Hook | Hook[];
+    defaultDate?: DateOption$1;
+    label?: string;
+    placeholder?: string;
+}
+declare const DatePicker: React.FC<DatePickerProps>;
+
+type DateOption = flatpickr.Options.DateOption;
+interface DateTimePickerProps {
+    id: string;
+    /** Optional field label rendered above the controls. */
+    label?: string;
+    /** Placeholder for the date input. */
+    placeholder?: string;
+    /** Initial date for the calendar. */
+    defaultDate?: DateOption;
+    /** Initial time as "HH:MM". */
+    defaultTime?: string;
+    /** Fires whenever the date or time changes. */
+    onChange?: (value: {
+        date: Date | undefined;
+        time: string;
+    }) => void;
+}
+/**
+ * Date + time field: a flatpickr calendar for the date (same look as DatePicker)
+ * paired with a compact HH:MM time input (two fields separated by a ":").
+ */
+declare const DateTimePicker: React.FC<DateTimePickerProps>;
+
+interface PasswordInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
+}
+/** Password field with a show/hide toggle (eye icon), matching the template's "Password Input". */
+declare const PasswordInput: React.FC<PasswordInputProps>;
+
+interface FormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, "onSubmit"> {
+    onSubmit?: (event: FormEvent<HTMLFormElement>) => void;
+}
+declare const Form: React.FC<FormProps>;
+
+type SliderColor = "brand" | "primary" | "success" | "error" | "warning" | "info";
+interface SliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "color" | "value" | "defaultValue" | "onChange" | "type">, ColorOverrideProps {
+    /** Controlled value. */
+    value?: number;
+    /** Uncontrolled initial value. */
+    defaultValue?: number;
+    /** Fires with the new numeric value on change. */
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    /** Accent color of the track + thumb. */
+    color?: SliderColor;
+    /** Optional label rendered above the slider. */
+    label?: React.ReactNode;
+    /** Show the current value next to the label. */
+    showValue?: boolean;
+}
+declare const Slider: React.FC<SliderProps>;
+
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSelectionMode, Alert, type AlertProps, type AlertVariant, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, AvatarText, type AvatarTextProps, Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, Code, type CodeColor, type CodeProps, type CodeSize, ColorOverrideProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, DateTimePicker, type DateTimePickerProps, Drawer, type DrawerPlacement, type DrawerProps, Dropdown, DropdownItem, type DropdownItemProps, type DropdownItemVariant, type DropdownProps, Dropzone, type DropzoneProps, FileInput, type FileInputProps, Form, type FormProps, Input, type InputProps, Label, type LabelProps, Modal, type ModalProps, type ModalVariant, MultiSelect, type MultiSelectProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressColor, type ProgressProps, type ProgressSize, Radio, type RadioProps, RadioSm, type RadioSmProps, Ribbon, type RibbonColor, type RibbonPosition, type RibbonProps, type RibbonVariant, Select, type SelectProps, Skeleton, type SkeletonProps, Slider, type SliderColor, type SliderProps, Snippet, type SnippetProps, type SnippetSize, type SortDirection, Spinner, type SpinnerColor, type SpinnerProps, type SpinnerSize, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, TableCell, type TableCellProps, TableHeader, type TableProps, TableRow, type TableRowProps, type TableSectionProps, Tabs, type TabsProps, type TabsVariant, TextArea, type TextAreaProps, ThemeToggleButton, type ThemeToggleButtonProps, Tooltip, type TooltipPlacement, type TooltipProps, cn };