@smworks-cz/ui-kit 1.5.1 → 1.6.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'danger';
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'danger' | 'danger-outline';
 type ButtonSize = 'sm' | 'md' | 'lg';
 type ButtonIconPosition = 'left' | 'right';
 /** Sdílené props pro režim `<button>` i `<a>`. */
@@ -12,6 +12,7 @@ interface ButtonBaseProps {
      * - `secondary` — průhledné, bez okraje
      * - `outline`   — průhledné s bílým okrajem
      * - `danger`    — červené vyplnění (#EF3838)
+     * - `danger-outline` — průhledné s červeným okrajem a červeným textem
      * @default 'primary'
      */
     variant?: ButtonVariant;
@@ -311,6 +312,11 @@ interface NumberInputProps {
      * @default 'default'
      */
     variant?: NumberInputVariant;
+    /**
+     * Roztáhne pole na celou šířku kontejneru.
+     * @default false
+     */
+    fullWidth?: boolean;
     /** Text zobrazený před hodnotou (např. měna). */
     prefix?: string;
     /** Text zobrazený za hodnotou (např. jednotka). */
@@ -398,6 +404,8 @@ interface SelectProps {
      * Stylizován velkými písmeny dle SM-UI design systému.
      */
     label?: string;
+    /** Označí select jako povinný (hvězdička u popisku, stejně jako `Input`). */
+    required?: boolean;
     /** Zástupný text zobrazený při prázdném výběru. */
     placeholder?: string;
     /** Maximální výška (px) rozbalovacího seznamu před scrollováním. @default 240 */
@@ -410,6 +418,8 @@ interface SelectProps {
 interface SelectGroupProps {
     /** Text popisku nad selectem, velkými písmeny dle SM-UI design systému. */
     label: string;
+    /** Označí skupinu jako povinnou (hvězdička u popisku). */
+    required?: boolean;
     /** `htmlFor` propojující `<label>` se selectem. Automaticky generováno, pokud chybí. */
     htmlFor?: string;
     /** Select element(y) vykreslené uvnitř skupiny. */
@@ -588,6 +598,18 @@ interface DatePickerProps {
      * @default false
      */
     showTime?: boolean;
+    /**
+     * Řízené otevření kalendářového popoveru. Pokud je zadáno, komponenta je
+     * "controlled" — stav otevření řídí rodič a reaguje na `onOpenChange`.
+     */
+    open?: boolean;
+    /**
+     * Výchozí stav otevření pro neřízené (uncontrolled) použití.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /** Voláno při požadavku na otevření / zavření popoveru (`true` = otevřít). */
+    onOpenChange?: (open: boolean) => void;
     /**
      * Aktuální hodnota.
      * - `single` režim: `Date | null`
@@ -2015,8 +2037,14 @@ interface AvatarProps {
     /**
      * Iniciály zobrazené uvnitř avataru (např. `"DC"`, `"JN"`).
      * Automaticky převedeny na velká písmena.
+     * Použijí se i jako fallback, když `src` chybí nebo se obrázek nenačte.
      */
     initials: string;
+    /**
+     * URL obrázku. Pokud je zadán a načte se, vykreslí se místo iniciál.
+     * Při chybě načtení (`onError`) avatar automaticky spadne zpět na iniciály.
+     */
+    src?: string;
     /**
      * Velikost avataru.
      * - `'2xs'` — 16 px
@@ -2045,17 +2073,21 @@ interface AvatarProps {
     className?: string;
 }
 /**
- * Kruhový / čtvercový avatar zobrazující iniciály uživatele
- * na oranžovém gradientním pozadí.
+ * Kruhový / čtvercový avatar. Zobrazuje obrázek (`src`), nebo iniciály uživatele
+ * na oranžovém gradientním pozadí. Při selhání načtení obrázku automaticky
+ * spadne zpět na iniciály.
+ *
+ * Předává `ref` na kořenový element, takže ho lze přímo použít jako trigger
+ * pro `Tooltip` / `Popover` bez obalování do `<span>`.
  *
  * @example
  * ```tsx
  * <Avatar initials="DC" />
- * <Avatar initials="JN" size="lg" />
+ * <Avatar initials="JN" size="lg" src="/uploads/jana.jpg" />
  * <Avatar initials="AB" size={56} borderRadius="50%" />
  * ```
  */
-declare const Avatar: React.FC<AvatarProps>;
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
 
 interface AvatarStackProps {
     /** Avatar elementy. Každý dostane forced consistent size a circular shape. */
@@ -2108,12 +2140,25 @@ interface TagProps {
     /** Dodatečná CSS třída pro kořenový element. */
     className?: string;
 }
+type BadgeVariant = 'default' | 'success' | 'info' | 'warning' | 'danger';
 interface BadgeProps {
     /**
      * Text zobrazený uvnitř badge.
      * Automaticky převeden na velká písmena dle SM-UI design systému.
      */
     label: string;
+    /**
+     * Sémantická barevná varianta.
+     * - `'default'` — oranžová (brand), výchozí
+     * - `'success'` — zelená (#00A205)
+     * - `'info'` — modrá
+     * - `'warning'` — žlutá / amber
+     * - `'danger'` — červená (#EF3838)
+     * @default 'default'
+     */
+    variant?: BadgeVariant;
+    /** Vlastní barva pozadí — přepíše `variant`. */
+    color?: string;
     /** Další inline styly pro kořenový element. */
     style?: React.CSSProperties;
     /** Dodatečná CSS třída pro kořenový element. */
@@ -2162,13 +2207,17 @@ interface TagItemProps {
  */
 declare const Tag: React.FC<TagProps>;
 /**
- * Malý stavový badge vykreslený jako oranžová pilulka.
+ * Malý stavový badge vykreslený jako barevná pilulka.
  * Text je automaticky převeden na velká písmena.
  *
+ * Bez `variant` je oranžový (brand). Sémantické varianty nesou stavovou barvu.
+ *
  * @example
  * ```tsx
  * <Badge label="Novinka" />
- * <Badge label="Beta" />
+ * <Badge label="Schváleno" variant="success" />
+ * <Badge label="Zamítnuto" variant="danger" />
+ * <Badge label="Vlastní" color="#9C27B0" />
  * ```
  */
 declare const Badge: React.FC<BadgeProps>;
@@ -2426,6 +2475,295 @@ interface StatusBadgeProps {
  */
 declare const StatusBadge: React.FC<StatusBadgeProps>;
 
+/** Default series palette — brand orange first, then a distinct categorical set. */
+declare const CHART_PALETTE: readonly ["#FC4F00", "#2D7FF9", "#00A205", "#F5A623", "#9C27B0", "#00B8D9", "#EF3838", "#7C4DFF"];
+interface ChartSeries {
+    /** Series name shown in legend / tooltip. */
+    name: string;
+    /** Values aligned 1:1 with `categories`. */
+    data: number[];
+    /** Series color. Defaults to the palette by position. */
+    color?: string;
+}
+interface PieDatum {
+    /** Slice label. */
+    label: string;
+    /** Slice value (must be >= 0). */
+    value: number;
+    /** Slice color. Defaults to the palette by position. */
+    color?: string;
+}
+type LegendPosition = 'top' | 'bottom' | 'none';
+
+interface LineChartProps {
+    /** One or more data series, each aligned to `categories`. */
+    series: ChartSeries[];
+    /** X-axis category labels. */
+    categories: string[];
+    /** Chart height in px. @default 260 */
+    height?: number;
+    /** Explicit width in px. When omitted the chart fills its container (responsive). */
+    width?: number;
+    /** Fill the area under each line. @default false (AreaChart sets true) */
+    area?: boolean;
+    /** Line interpolation. @default 'smooth' */
+    curve?: 'smooth' | 'linear';
+    /** Show horizontal grid lines. @default true */
+    showGrid?: boolean;
+    /** Show the x-axis labels. @default true */
+    showXAxis?: boolean;
+    /** Show the y-axis labels. @default true */
+    showYAxis?: boolean;
+    /** Show point markers. @default true */
+    showDots?: boolean;
+    /** Show hover tooltip. @default true */
+    showTooltip?: boolean;
+    /** Legend position. @default 'top' for >1 series, jinak 'none' */
+    legend?: LegendPosition;
+    /** Fixed y domain `[min, max]`. Defaults to a "nice" auto range including 0. */
+    yDomain?: [number, number];
+    /** Approximate number of y-axis ticks. @default 5 */
+    yTickCount?: number;
+    /** Line thickness in px. @default 2 */
+    strokeWidth?: number;
+    /** Area fill opacity. @default 0.15 */
+    fillOpacity?: number;
+    /** Animate the draw-in on mount. @default true */
+    animate?: boolean;
+    /** Format y values / tooltip numbers. @default toLocaleString */
+    valueFormat?: (value: number) => string;
+    /** Plot margins (px). */
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Called when a point is clicked. */
+    onPointClick?: (info: {
+        category: string;
+        categoryIndex: number;
+        series: string;
+        value: number;
+    }) => void;
+    /** Accessible label for the chart. */
+    ariaLabel?: string;
+    /** Další inline styly pro obal. */
+    style?: React.CSSProperties;
+    /** Dodatečná CSS třída pro obal. */
+    className?: string;
+}
+/**
+ * Čárový graf (SVG, bez závislostí) dle SM-UI design systému.
+ *
+ * Více sérií, hladká / linear křivka, mřížka, osy, hover tooltip s crosshairem,
+ * legenda, draw-in animace a tmavý / světlý režim.
+ *
+ * @example
+ * ```tsx
+ * <LineChart
+ *   categories={['Po', 'Út', 'St', 'Čt', 'Pá']}
+ *   series={[{ name: 'Návštěvy', data: [120, 200, 150, 80, 170] }]}
+ * />
+ * ```
+ */
+declare const LineChart: React.FC<LineChartProps>;
+/**
+ * Plošný graf — `LineChart` s výplní pod čarou.
+ *
+ * @example
+ * ```tsx
+ * <AreaChart categories={mesice} series={[{ name: 'Tržby', data: trzby }]} />
+ * ```
+ */
+declare const AreaChart: React.FC<LineChartProps>;
+
+interface BarChartProps {
+    /** One or more data series, each aligned to `categories`. */
+    series: ChartSeries[];
+    /** Category labels. */
+    categories: string[];
+    /** Chart height in px. @default 260 */
+    height?: number;
+    /** Explicit width in px. When omitted the chart fills its container (responsive). */
+    width?: number;
+    /** Bar direction. @default 'vertical' */
+    orientation?: 'vertical' | 'horizontal';
+    /** Stack series instead of grouping them side by side. @default false */
+    stacked?: boolean;
+    /** Show grid lines on the value axis. @default true */
+    showGrid?: boolean;
+    /** Show category-axis labels. @default true */
+    showCategoryAxis?: boolean;
+    /** Show value-axis labels. @default true */
+    showValueAxis?: boolean;
+    /** Show hover tooltip. @default true */
+    showTooltip?: boolean;
+    /** Print the value on top of each bar. @default false */
+    showValues?: boolean;
+    /** Legend position. @default 'top' for >1 series, jinak 'none' */
+    legend?: LegendPosition;
+    /** Fixed value domain `[min, max]`. Defaults to a "nice" auto range including 0. */
+    valueDomain?: [number, number];
+    /** Approximate number of value-axis ticks. @default 5 */
+    valueTickCount?: number;
+    /** Corner radius of bars. @default 4 */
+    barRadius?: number;
+    /** Max thickness of a single bar (group) in px. */
+    maxBarSize?: number;
+    /** Animate the grow-in on mount. @default true */
+    animate?: boolean;
+    /** Format value-axis / tooltip numbers. @default toLocaleString */
+    valueFormat?: (value: number) => string;
+    /** Plot margins (px). */
+    margin?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
+    /** Called when a bar is clicked. */
+    onBarClick?: (info: {
+        category: string;
+        categoryIndex: number;
+        series: string;
+        value: number;
+    }) => void;
+    /** Accessible label for the chart. */
+    ariaLabel?: string;
+    /** Další inline styly pro obal. */
+    style?: React.CSSProperties;
+    /** Dodatečná CSS třída pro obal. */
+    className?: string;
+}
+/**
+ * Sloupcový graf (SVG, bez závislostí) dle SM-UI design systému.
+ *
+ * Vertikální i horizontální orientace, seskupené (grouped) i skládané (stacked)
+ * série, mřížka, osy, hover tooltip, legenda, grow-in animace a tmavý / světlý režim.
+ *
+ * @example
+ * ```tsx
+ * <BarChart
+ *   categories={['Q1', 'Q2', 'Q3', 'Q4']}
+ *   series={[{ name: 'Tržby', data: [120, 200, 150, 280] }]}
+ * />
+ *
+ * <BarChart
+ *   stacked
+ *   categories={['Po', 'Út', 'St']}
+ *   series={[{ name: 'Web', data: [10, 20, 15] }, { name: 'App', data: [5, 8, 12] }]}
+ * />
+ * ```
+ */
+declare const BarChart: React.FC<BarChartProps>;
+
+interface PieChartProps {
+    /** Slices to render (values must be >= 0). */
+    data: PieDatum[];
+    /** Diameter of the pie in px. @default 220 */
+    size?: number;
+    /** Inner radius as a fraction of the outer radius (0 = pie, >0 = donut). @default 0 */
+    innerRatio?: number;
+    /** Legend position. @default 'right' */
+    legend?: 'right' | 'bottom' | 'none';
+    /** Render the percentage on each slice. @default false */
+    showLabels?: boolean;
+    /** Show hover tooltip. @default true */
+    showTooltip?: boolean;
+    /** Gap between slices in degrees. @default 0 */
+    padAngle?: number;
+    /** Custom content rendered in the donut center (only meaningful when innerRatio > 0). */
+    centerLabel?: React.ReactNode;
+    /** Animate the draw-in on mount. @default true */
+    animate?: boolean;
+    /** Format tooltip / label numbers. @default toLocaleString */
+    valueFormat?: (value: number) => string;
+    /** Called when a slice is clicked. */
+    onSliceClick?: (info: {
+        label: string;
+        value: number;
+        index: number;
+        percent: number;
+    }) => void;
+    /** Accessible label for the chart. */
+    ariaLabel?: string;
+    /** Další inline styly pro obal. */
+    style?: React.CSSProperties;
+    /** Dodatečná CSS třída pro obal. */
+    className?: string;
+}
+/**
+ * Koláčový graf (SVG, bez závislostí) dle SM-UI design systému.
+ *
+ * Hover zvýraznění s vysunutím výseče, volitelné popisky s procenty, legenda,
+ * draw-in animace a tmavý / světlý režim.
+ *
+ * @example
+ * ```tsx
+ * <PieChart data={[
+ *   { label: 'Chrome', value: 64 },
+ *   { label: 'Safari', value: 19 },
+ *   { label: 'Firefox', value: 9 },
+ * ]} />
+ * ```
+ */
+declare const PieChart: React.FC<PieChartProps>;
+/**
+ * Prstencový graf — `PieChart` s dírou uprostřed (a volitelným `centerLabel`).
+ *
+ * @example
+ * ```tsx
+ * <DonutChart
+ *   data={browsers}
+ *   centerLabel={<strong style={{ fontSize: 22 }}>92%</strong>}
+ * />
+ * ```
+ */
+declare const DonutChart: React.FC<PieChartProps>;
+
+interface SparklineProps {
+    /** Data points. */
+    data: number[];
+    /** Width in px. @default 100 */
+    width?: number;
+    /** Height in px. @default 32 */
+    height?: number;
+    /** Visual type. @default 'line' */
+    type?: 'line' | 'area' | 'bar';
+    /** Line / bar / fill color. @default brand orange */
+    color?: string;
+    /** Line interpolation (line/area). @default 'smooth' */
+    curve?: 'smooth' | 'linear';
+    /** Line thickness. @default 1.5 */
+    strokeWidth?: number;
+    /** Area fill opacity. @default 0.18 */
+    fillOpacity?: number;
+    /** Highlight the last point with a dot. @default false */
+    showLastDot?: boolean;
+    /** Animate the draw-in on mount. @default true */
+    animate?: boolean;
+    /** Accessible label. */
+    ariaLabel?: string;
+    /** Další inline styly. */
+    style?: React.CSSProperties;
+    /** Dodatečná CSS třída. */
+    className?: string;
+}
+/**
+ * Mini graf bez os a popisků — pro vložení do `Stat` karet, tabulek a řádků.
+ *
+ * Měřítko se přizpůsobuje datům (ne nutně od nuly).
+ *
+ * @example
+ * ```tsx
+ * <Sparkline data={[3, 7, 4, 9, 6, 11, 8]} />
+ * <Sparkline type="area" color="#00A205" data={trend} showLastDot />
+ * <Sparkline type="bar" data={[4, 8, 6, 10, 7]} />
+ * ```
+ */
+declare const Sparkline: React.FC<SparklineProps>;
+
 interface ModalProps {
     /** Řídí zobrazení modálního okna. */
     open: boolean;
@@ -2439,13 +2777,24 @@ interface ModalProps {
     children: React.ReactNode;
     /** Obsah patičky modálu (tlačítka apod.). */
     footer?: React.ReactNode;
-    /** Velikostní preset modálu. @default 'md' */
-    size?: 'sm' | 'md' | 'lg' | 'fullscreen';
+    /** Velikostní preset modálu. `xl` je velký, ale ne fullscreen (1080px / 90vh). @default 'md' */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'fullscreen';
     /**
      * Explicitní šířka modálu. Přepíše `size`.
      * Přijímá číslo (px) nebo CSS string (např. '90vw').
      */
     width?: number | string;
+    /**
+     * Maximální výška karty. Přepíše výšku danou `size`.
+     * Obsah nad tuto výšku scrolluje v těle modálu. Číslo = px, nebo CSS string ('90vh').
+     */
+    maxHeight?: number | string;
+    /**
+     * z-index kořenového overlay kontejneru.
+     * Výchozí hodnota čerpá z CSS proměnné `--sm-ui-z-overlay` (fallback 99998),
+     * takže lze vrstvení řídit globálně. Tento prop ji přepíše pro jednu instanci.
+     */
+    zIndex?: number;
     /** Zavře modál kliknutím na překryvnou vrstvu. @default true */
     closeOnOverlay?: boolean;
     /** Zavře modál stisknutím klávesy Escape. @default true */
@@ -2504,6 +2853,22 @@ interface DrawerProps {
     className?: string;
     /** Další inline styly pro panel šuplíku. */
     style?: React.CSSProperties;
+    /** Vlastní inline styly pro tělo (scrollovací oblast). */
+    bodyStyle?: React.CSSProperties;
+    /** Dodatečná CSS třída pro tělo (scrollovací oblast). */
+    bodyClassName?: string;
+    /**
+     * Vypne výchozí vnitřní padding těla (`20px 24px`).
+     * Vhodné pro panely s vlastním layoutem (např. navigace edge-to-edge).
+     * @default false
+     */
+    disableBodyPadding?: boolean;
+    /**
+     * z-index kořenového overlay kontejneru.
+     * Výchozí hodnota čerpá z CSS proměnné `--sm-ui-z-overlay` (fallback 99998),
+     * takže lze vrstvení řídit globálně. Tento prop ji přepíše pro jednu instanci.
+     */
+    zIndex?: number;
 }
 /**
  * Vysuvný panel (Drawer) dle SM-UI design systému.
@@ -3543,6 +3908,48 @@ interface ConfirmDialogProps {
  * ```
  */
 declare const ConfirmDialog: React.FC<ConfirmDialogProps>;
+/** Nastavení předaná do imperativního `confirm()`. */
+interface ConfirmOptions {
+    /** Titulek dialogu. */
+    title: string;
+    /** Volitelný popis akce. */
+    description?: string;
+    /** Text potvrzovacího tlačítka. @default 'Potvrdit' */
+    confirmLabel?: string;
+    /** Text zrušovacího tlačítka. @default 'Zrušit' */
+    cancelLabel?: string;
+    /** Varianta dialogu – 'danger' zvýrazní potvrzovací tlačítko červeně. @default 'default' */
+    variant?: 'default' | 'danger';
+}
+/**
+ * Poskytuje imperativní `confirm()` přes hook `useConfirm()`.
+ * Vykresluje jeden sdílený `ConfirmDialog`. Umístěte **jednou** blízko kořene
+ * aplikace (typicky vedle `ToasterProvider`).
+ *
+ * @example
+ * ```tsx
+ * <ConfirmProvider>
+ *   <App />
+ * </ConfirmProvider>
+ * ```
+ */
+declare const ConfirmProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+/**
+ * Vrací funkci `confirm(options): Promise<boolean>` pro imperativní potvrzení.
+ * Musí být volán uvnitř stromu `<ConfirmProvider>`.
+ *
+ * @throws Při volání mimo `<ConfirmProvider>`.
+ *
+ * @example
+ * ```tsx
+ * const confirm = useConfirm();
+ * const ok = await confirm({ title: 'Smazat položku?', variant: 'danger' });
+ * if (ok) await deleteItem();
+ * ```
+ */
+declare const useConfirm: () => ((options: ConfirmOptions) => Promise<boolean>);
 
 interface CopyButtonProps {
     /** Text ke zkopírování do schránky. */
@@ -3916,4 +4323,4 @@ type Theme = 'light' | 'dark';
  */
 declare const useTheme: () => Theme;
 
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, type AlertVariant, AppSidebar, type AppSidebarProps, Avatar, type AvatarProps, type AvatarSize, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, Banner, type BannerPosition, type BannerProps, type BannerVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonAsAnchorProps, type ButtonAsButtonProps, type ButtonIconPosition, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarEvent, type CalendarProps, Card, type CardProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, type ComboboxSize, type CommandGroup, type CommandItem, CommandMenu, type CommandMenuProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerMaxWidth, type ContainerProps, CopyButton, type CopyButtonProps, type Country, type CropArea, type CropShape, DataGrid, type DataGridColumn, type DataGridProps, DataList, type DataListItem, type DataListProps, DatePicker, DatePickerGroup, type DatePickerGroupProps, type DatePickerProps, type DatePickerSize, Divider, type DividerOrientation, type DividerProps, type DragHandleProps, DragList, type DragListItem, type DragListProps, Drawer, type DrawerProps, DropdownMenu, type DropdownMenuItem, type DropdownMenuProps, EmptyState, type EmptyStatePreset, type EmptyStateProps, FileUpload, type FileUploadProps, FormField, type FormFieldProps, FormWizard, type FormWizardProps, type FormWizardStep, IconButton, type IconButtonProps, ImageCropper, type ImageCropperProps, Input, InputGroup, type InputGroupProps, type InputProps, type InputSize, Link, type LinkProps, type LinkVariant, MobileDataCard, type MobileDataCardColumn, type MobileDataCardProps, Modal, type ModalProps, Navbar, type NavbarProps, Notification, type NotificationProps, type NotificationVariant, NumberInput, type NumberInputProps, type NumberInputSize, type NumberInputVariant, OTPInput, type OTPInputProps, Pagination, type PaginationProps, PhoneInput, type PhoneInputProps, type PhoneInputSize, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressCircle, type ProgressCircleProps, type ProgressThreshold, type ProgressVariant, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, type RadioSize, Rating, type RatingProps, type RatingSize, SegmentedControl, type SegmentedControlItem, type SegmentedControlProps, type SegmentedControlSize, Select, SelectGroup, type SelectGroupProps, type SelectOption, type SelectProps, Sheet, type SheetProps, SidebarItem, type SidebarItemProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, SortableList, type SortableListProps, Spinner, type SpinnerProps, type SpinnerSize, Splitter, type SplitterProps, Spotlight, type SpotlightItem, type SpotlightProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps, Stat, type StatProps, StatusBadge, type StatusBadgeProps, type StatusBadgeStatus, type StepItem, Stepper, type StepperProps, Switch, type SwitchProps, type SwitchSize, Tab, TabPanel, type TabPanelProps, type TabProps, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Tag, TagItem, type TagItemProps, type TagProps, Textarea, type TextareaProps, type TextareaResize, type TextareaSize, type Theme, Timeline, type TimelineItem, type TimelineProps, Toast, type ToastContextValue, type ToastOptions, type ToastPosition, type ToastProps, type ToastVariant, ToasterProvider, type ToasterProviderProps, Tooltip, type TooltipProps, Tree, type TreeNode, type TreeProps, type UploadedFile, useTheme, useToast };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, type AlertVariant, AppSidebar, type AppSidebarProps, AreaChart, Avatar, type AvatarProps, type AvatarSize, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, type BadgeVariant, Banner, type BannerPosition, type BannerProps, type BannerVariant, BarChart, type BarChartProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonAsAnchorProps, type ButtonAsButtonProps, type ButtonIconPosition, type ButtonProps, type ButtonSize, type ButtonVariant, CHART_PALETTE, Calendar, type CalendarEvent, type CalendarProps, Card, type CardProps, type ChartSeries, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, type ComboboxSize, type CommandGroup, type CommandItem, CommandMenu, type CommandMenuProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmOptions, ConfirmProvider, Container, type ContainerMaxWidth, type ContainerProps, CopyButton, type CopyButtonProps, type Country, type CropArea, type CropShape, DataGrid, type DataGridColumn, type DataGridProps, DataList, type DataListItem, type DataListProps, DatePicker, DatePickerGroup, type DatePickerGroupProps, type DatePickerProps, type DatePickerSize, Divider, type DividerOrientation, type DividerProps, DonutChart, type DragHandleProps, DragList, type DragListItem, type DragListProps, Drawer, type DrawerProps, DropdownMenu, type DropdownMenuItem, type DropdownMenuProps, EmptyState, type EmptyStatePreset, type EmptyStateProps, FileUpload, type FileUploadProps, FormField, type FormFieldProps, FormWizard, type FormWizardProps, type FormWizardStep, IconButton, type IconButtonProps, ImageCropper, type ImageCropperProps, Input, InputGroup, type InputGroupProps, type InputProps, type InputSize, type LegendPosition, LineChart, type LineChartProps, Link, type LinkProps, type LinkVariant, MobileDataCard, type MobileDataCardColumn, type MobileDataCardProps, Modal, type ModalProps, Navbar, type NavbarProps, Notification, type NotificationProps, type NotificationVariant, NumberInput, type NumberInputProps, type NumberInputSize, type NumberInputVariant, OTPInput, type OTPInputProps, Pagination, type PaginationProps, PhoneInput, type PhoneInputProps, type PhoneInputSize, PieChart, type PieChartProps, type PieDatum, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressCircle, type ProgressCircleProps, type ProgressThreshold, type ProgressVariant, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, type RadioSize, Rating, type RatingProps, type RatingSize, SegmentedControl, type SegmentedControlItem, type SegmentedControlProps, type SegmentedControlSize, Select, SelectGroup, type SelectGroupProps, type SelectOption, type SelectProps, Sheet, type SheetProps, SidebarItem, type SidebarItemProps, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, SortableList, type SortableListProps, Sparkline, type SparklineProps, Spinner, type SpinnerProps, type SpinnerSize, Splitter, type SplitterProps, Spotlight, type SpotlightItem, type SpotlightProps, Stack, type StackAlign, type StackDirection, type StackJustify, type StackProps, Stat, type StatProps, StatusBadge, type StatusBadgeProps, type StatusBadgeStatus, type StepItem, Stepper, type StepperProps, Switch, type SwitchProps, type SwitchSize, Tab, TabPanel, type TabPanelProps, type TabProps, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Tag, TagItem, type TagItemProps, type TagProps, Textarea, type TextareaProps, type TextareaResize, type TextareaSize, type Theme, Timeline, type TimelineItem, type TimelineProps, Toast, type ToastContextValue, type ToastOptions, type ToastPosition, type ToastProps, type ToastVariant, ToasterProvider, type ToasterProviderProps, Tooltip, type TooltipProps, Tree, type TreeNode, type TreeProps, type UploadedFile, useConfirm, useTheme, useToast };