@smworks-cz/ui-kit 1.2.1 → 1.3.1

package/dist/index.d.mts

@@ -370,10 +370,18 @@ interface ComboboxOption {
 interface ComboboxProps {
     /** Dostupné položky k výběru. */
     options: ComboboxOption[];
-    /** Aktuální vybraná hodnota. */
-    value: string;
-    /** Callback volaný při výběru položky. */
-    onChange: (value: string) => void;
+    /**
+     * Aktuální vybraná hodnota.
+     * - Jednoduchý výběr: `string`
+     * - Vícenásobný výběr: `string[]`
+     */
+    value: string | string[];
+    /**
+     * Callback volaný při výběru položky.
+     * - Jednoduchý výběr: `(value: string) => void`
+     * - Vícenásobný výběr: `(value: string[]) => void`
+     */
+    onChange: (value: any) => void;
     /** Callback volaný při změně textu ve vyhledávacím poli. Vhodné pro asynchronní filtrování. */
     onInputChange?: (input: string) => void;
     /** Zástupný text zobrazený při prázdném poli. */
@@ -386,6 +394,22 @@ interface ComboboxProps {
     disabled?: boolean;
     /** Zobrazí spinner místo ikony vyhledávání. Vhodné při načítání položek. */
     loading?: boolean;
+    /** Umožní vybrat více položek najednou. @default false */
+    multiple?: boolean;
+    /** Zobrazí tlačítko pro vymazání výběru. @default false */
+    clearable?: boolean;
+    /** Voláno při otevření/zavření dropdownu. */
+    onOpenChange?: (open: boolean) => void;
+    /** Voláno při výběru položky. */
+    onSelect?: (value: string, option: ComboboxOption) => void;
+    /** Voláno při odebrání položky (multiple). */
+    onDeselect?: (value: string, option: ComboboxOption) => void;
+    /** Voláno při vymazání výběru (clearable). */
+    onClear?: () => void;
+    /** Voláno při focus. */
+    onFocus?: (event: React.FocusEvent) => void;
+    /** Voláno při blur. */
+    onBlur?: (event: React.FocusEvent) => void;
     /** Povolí uživateli zadat vlastní hodnotu, která není v seznamu. @default false */
     allowCustom?: boolean;
     /** Callback volaný při vytvoření vlastní hodnoty (Enter při `allowCustom`). */
@@ -395,10 +419,19 @@ interface ComboboxProps {
         value: string;
         label?: string;
     }, highlighted: boolean) => React.ReactNode;
-    /** Obsah zobrazený když žádné výsledky neodpovídají. @default "Žádné výsledky" */
-    notFoundContent?: React.ReactNode;
-    /** Obsah zobrazený pod seznamem položek uvnitř dropdownu. */
-    footer?: React.ReactNode;
+    /**
+     * Obsah zobrazený když žádné výsledky neodpovídají.
+     * Může být ReactNode nebo funkce `(close: () => void) => ReactNode`
+     * pro přístup k zavření dropdownu.
+     * @default "Žádné výsledky"
+     */
+    notFoundContent?: React.ReactNode | ((close: () => void) => React.ReactNode);
+    /**
+     * Obsah zobrazený pod seznamem položek uvnitř dropdownu.
+     * Může být ReactNode nebo funkce `(close: () => void) => ReactNode`
+     * pro přístup k zavření dropdownu.
+     */
+    footer?: React.ReactNode | ((close: () => void) => React.ReactNode);
     /**
      * Velikostní preset.
      * @default 'md'
@@ -413,17 +446,27 @@ interface ComboboxProps {
  * Kombinované vyhledávací pole se seznamem dle SM-UI design systému.
  *
  * Uživatel zadává text pro filtrování položek. Dropdown se vykresluje
- * přes React portál. Podporuje navigaci klávesami, vlastní hodnoty
- * a asynchronní filtrování přes `onInputChange`.
+ * přes React portál. Podporuje navigaci klávesami, vlastní hodnoty,
+ * vícenásobný výběr a asynchronní filtrování přes `onInputChange`.
  *
  * @example
  * ```tsx
+ * // Jednoduchý výběr
  * <Combobox
  *   options={[{ value: 'cz', label: 'Česko' }, { value: 'sk', label: 'Slovensko' }]}
  *   value={zeme}
  *   onChange={setZeme}
  *   placeholder="Hledat zemi…"
  * />
+ *
+ * // Vícenásobný výběr
+ * <Combobox
+ *   multiple
+ *   options={options}
+ *   value={selectedCountries}
+ *   onChange={setSelectedCountries}
+ *   placeholder="Vyberte země…"
+ * />
  * ```
  */
 declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
@@ -930,6 +973,12 @@ interface FileUploadProps {
      * @default 'default'
      */
     buttonStyle?: 'default' | 'primary';
+    /**
+     * Řízená hodnota — pole souborů. Pokud je nastaveno, komponenta je plně
+     * řízená a interní stav se nepoužívá. Předejte prázdné pole `[]`
+     * pro reset / skrytí souborů.
+     */
+    value?: File[];
     /**
      * Zda zobrazit seznam nahraných souborů pod komponentou.
      * @default true
@@ -1261,6 +1310,89 @@ interface DataGridProps {
  */
 declare const DataGrid: React.FC<DataGridProps>;
 
+interface MobileDataCardColumn {
+    /** Klíč dat v řádkovém objektu. */
+    key: string;
+    /** Zobrazovaný popisek. */
+    header: string;
+    /** Vlastní renderování hodnoty — stejný podpis jako Table/DataGrid. */
+    render?: (value: any, row: any, index: number) => React.ReactNode;
+    /** Skrýt tento sloupec z karty. */
+    hidden?: boolean;
+    /** Zobrazit toto pole jako titulek karty. */
+    primary?: boolean;
+    /** Povolit řazení podle tohoto sloupce. */
+    sortable?: boolean;
+}
+interface MobileDataCardProps {
+    /** Definice sloupců — stejný tvar jako Table/DataGrid. */
+    columns: MobileDataCardColumn[];
+    /** Pole dat. */
+    data: any[];
+    /** Klíč v řádkovém objektu pro titulek karty. Alternativa k `primary` na sloupci. */
+    primaryKey?: string;
+    /** Klíč identifikátoru řádku. @default 'id' */
+    rowKey?: string;
+    /** Povolit výběr karet. @default false */
+    selectable?: boolean;
+    /** Řízené vybrané ID. */
+    selectedIds?: string[];
+    /** Callback při změně výběru. */
+    onSelectionChange?: (ids: string[]) => void;
+    /** Callback při kliknutí na kartu. */
+    onCardClick?: (row: any) => void;
+    /** Callback při řazení. */
+    onSort?: (key: string, direction: 'asc' | 'desc') => void;
+    /** Aktuální klíč řazení. */
+    sortKey?: string;
+    /** Aktuální směr řazení. */
+    sortDirection?: 'asc' | 'desc';
+    /** Zobrazit skeleton karty. @default false */
+    loading?: boolean;
+    /** Počet skeleton karet. @default 3 */
+    skeletonCount?: number;
+    /** Text prázdného stavu. @default 'Žádná data' */
+    emptyText?: string;
+    /** Vlastní obsah prázdného stavu. */
+    emptyContent?: React.ReactNode;
+    /** Mezera mezi kartami v px. @default 12 */
+    gap?: number;
+    /** Vykreslení akčních tlačítek v patičce karty. */
+    cardActions?: (row: any, index: number) => React.ReactNode;
+    /** Další inline styly. */
+    style?: React.CSSProperties;
+    /** Dodatečná CSS třída. */
+    className?: string;
+}
+/**
+ * Mobilní zobrazení dat ve formě karet.
+ *
+ * Každý datový řádek se zobrazí jako karta s páry popisek-hodnota.
+ * Kombinuje funkce Table (řazení, custom render) a DataGrid
+ * (výběr, kliknutí na řádek, skeleton).
+ *
+ * @example
+ * ```tsx
+ * <MobileDataCard
+ *   columns={[
+ *     { key: 'name', header: 'Jméno', primary: true },
+ *     { key: 'email', header: 'Email' },
+ *     { key: 'role', header: 'Role' },
+ *   ]}
+ *   data={users}
+ *   selectable
+ *   onCardClick={(row) => openDetail(row)}
+ *   cardActions={(row) => (
+ *     <>
+ *       <Button size="sm" variant="outline" onClick={() => edit(row)}>Upravit</Button>
+ *       <Button size="sm" variant="destructive" onClick={() => del(row)}>Smazat</Button>
+ *     </>
+ *   )}
+ * />
+ * ```
+ */
+declare const MobileDataCard: React.FC<MobileDataCardProps>;
+
 interface CardProps {
     /** Titulek karty. */
     title?: string;
@@ -1753,12 +1885,22 @@ declare const TagItem: React.FC<TagItemProps>;
 
 /** Událost zobrazená v kalendáři. */
 interface CalendarEvent {
-    /** Datum události. */
+    /** Unikátní ID události. */
+    id?: string;
+    /** Datum události (začátek). */
     date: Date;
+    /** Konec události (pro vícedenní). Pokud není zadáno, rovná se `date`. */
+    endDate?: Date;
     /** Název události. */
     title: string;
-    /** Barva tečky/indikátoru. @default '#FC4F00' */
+    /** Barva pozadí baru/tečky. @default '#FC4F00' */
     color?: string;
+    /** Barva textu na baru. @default '#ffffff' */
+    textColor?: string;
+    /** Emoji zobrazené před názvem. */
+    emoji?: string;
+    /** Obsah tooltipu. Pokud je nastaveno, event bar se obalí tooltipem. */
+    tooltip?: string | React.ReactNode;
 }
 interface CalendarProps {
     /** Aktuálně vybraný datum. */
@@ -1767,8 +1909,24 @@ interface CalendarProps {
     onChange?: (date: Date) => void;
     /** Režim zobrazení. @default 'month' */
     view?: 'month' | 'week';
-    /** Události k zobrazení (vizuální indikátory — barevné tečky). */
+    /** Události k zobrazení. */
     events?: CalendarEvent[];
+    /** Callback při kliknutí na událost (fullSize mode). */
+    onEventClick?: (event: CalendarEvent) => void;
+    /** Plnohodnotný kalendář s event bary místo teček. @default false */
+    fullSize?: boolean;
+    /** První den v týdnu: 0 = neděle, 1 = pondělí. @default 1 */
+    firstDay?: 0 | 1;
+    /** Jazyk. @default 'cs' */
+    locale?: 'cs' | 'en';
+    /** Max viditelných událostí v buňce (fullSize). @default 3 */
+    maxEventsPerDay?: number;
+    /** Zobrazit navigační hlavičku (měsíc + šipky). @default true */
+    showHeader?: boolean;
+    /** Callback při změně zobrazeného měsíce/týdne. Vrací první den zobrazeného období. */
+    onNavigate?: (date: Date) => void;
+    /** Počáteční datum pro navigaci (neřízený). @default new Date() */
+    initialDate?: Date;
     /** Minimální povolený datum. */
     minDate?: Date;
     /** Maximální povolený datum. */
@@ -1781,15 +1939,22 @@ interface CalendarProps {
 /**
  * Kalendářní komponenta s měsíčním a týdenním zobrazením.
  *
- * Podporuje výběr data, zobrazení událostí (barevné tečky),
- * navigaci mezi měsíci/týdny a omezení rozsahu dat.
+ * V kompaktním režimu (`fullSize={false}`) zobrazuje malý datepicker
+ * s barevnými tečkami pro události.
+ *
+ * V plnohodnotném režimu (`fullSize={true}`) zobrazuje velký měsíční
+ * kalendář s event bary, které mohou přesahovat přes více dní.
  *
  * @example
  * ```tsx
+ * // Kompaktní
+ * <Calendar value={date} onChange={setDate} events={events} />
+ *
+ * // Plnohodnotný
  * <Calendar
- *   value={selectedDate}
- *   onChange={setSelectedDate}
- *   events={[{ date: new Date(), title: 'Meeting', color: '#00A205' }]}
+ *   fullSize
+ *   events={events}
+ *   onEventClick={(ev) => console.log(ev)}
  * />
  * ```
  */
@@ -3261,4 +3426,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, Badge, type BadgeProps, 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, 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 EmptyStateProps, FileUpload, type FileUploadProps, Input, InputGroup, type InputGroupProps, type InputProps, type InputSize, Link, type LinkProps, type LinkVariant, Modal, type ModalProps, Navbar, type NavbarProps, Notification, type NotificationProps, type NotificationVariant, NumberInput, type NumberInputProps, type NumberInputSize, type NumberInputVariant, OTPInput, type OTPInputProps, Pagination, type PaginationProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressCircle, type ProgressCircleProps, 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, Spinner, type SpinnerProps, type SpinnerSize, 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, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, 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, 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 EmptyStateProps, FileUpload, type FileUploadProps, 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, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressCircle, type ProgressCircleProps, 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, Spinner, type SpinnerProps, type SpinnerSize, 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 };

package/dist/index.d.ts

@@ -370,10 +370,18 @@ interface ComboboxOption {
 interface ComboboxProps {
     /** Dostupné položky k výběru. */
     options: ComboboxOption[];
-    /** Aktuální vybraná hodnota. */
-    value: string;
-    /** Callback volaný při výběru položky. */
-    onChange: (value: string) => void;
+    /**
+     * Aktuální vybraná hodnota.
+     * - Jednoduchý výběr: `string`
+     * - Vícenásobný výběr: `string[]`
+     */
+    value: string | string[];
+    /**
+     * Callback volaný při výběru položky.
+     * - Jednoduchý výběr: `(value: string) => void`
+     * - Vícenásobný výběr: `(value: string[]) => void`
+     */
+    onChange: (value: any) => void;
     /** Callback volaný při změně textu ve vyhledávacím poli. Vhodné pro asynchronní filtrování. */
     onInputChange?: (input: string) => void;
     /** Zástupný text zobrazený při prázdném poli. */
@@ -386,6 +394,22 @@ interface ComboboxProps {
     disabled?: boolean;
     /** Zobrazí spinner místo ikony vyhledávání. Vhodné při načítání položek. */
     loading?: boolean;
+    /** Umožní vybrat více položek najednou. @default false */
+    multiple?: boolean;
+    /** Zobrazí tlačítko pro vymazání výběru. @default false */
+    clearable?: boolean;
+    /** Voláno při otevření/zavření dropdownu. */
+    onOpenChange?: (open: boolean) => void;
+    /** Voláno při výběru položky. */
+    onSelect?: (value: string, option: ComboboxOption) => void;
+    /** Voláno při odebrání položky (multiple). */
+    onDeselect?: (value: string, option: ComboboxOption) => void;
+    /** Voláno při vymazání výběru (clearable). */
+    onClear?: () => void;
+    /** Voláno při focus. */
+    onFocus?: (event: React.FocusEvent) => void;
+    /** Voláno při blur. */
+    onBlur?: (event: React.FocusEvent) => void;
     /** Povolí uživateli zadat vlastní hodnotu, která není v seznamu. @default false */
     allowCustom?: boolean;
     /** Callback volaný při vytvoření vlastní hodnoty (Enter při `allowCustom`). */
@@ -395,10 +419,19 @@ interface ComboboxProps {
         value: string;
         label?: string;
     }, highlighted: boolean) => React.ReactNode;
-    /** Obsah zobrazený když žádné výsledky neodpovídají. @default "Žádné výsledky" */
-    notFoundContent?: React.ReactNode;
-    /** Obsah zobrazený pod seznamem položek uvnitř dropdownu. */
-    footer?: React.ReactNode;
+    /**
+     * Obsah zobrazený když žádné výsledky neodpovídají.
+     * Může být ReactNode nebo funkce `(close: () => void) => ReactNode`
+     * pro přístup k zavření dropdownu.
+     * @default "Žádné výsledky"
+     */
+    notFoundContent?: React.ReactNode | ((close: () => void) => React.ReactNode);
+    /**
+     * Obsah zobrazený pod seznamem položek uvnitř dropdownu.
+     * Může být ReactNode nebo funkce `(close: () => void) => ReactNode`
+     * pro přístup k zavření dropdownu.
+     */
+    footer?: React.ReactNode | ((close: () => void) => React.ReactNode);
     /**
      * Velikostní preset.
      * @default 'md'
@@ -413,17 +446,27 @@ interface ComboboxProps {
  * Kombinované vyhledávací pole se seznamem dle SM-UI design systému.
  *
  * Uživatel zadává text pro filtrování položek. Dropdown se vykresluje
- * přes React portál. Podporuje navigaci klávesami, vlastní hodnoty
- * a asynchronní filtrování přes `onInputChange`.
+ * přes React portál. Podporuje navigaci klávesami, vlastní hodnoty,
+ * vícenásobný výběr a asynchronní filtrování přes `onInputChange`.
  *
  * @example
  * ```tsx
+ * // Jednoduchý výběr
  * <Combobox
  *   options={[{ value: 'cz', label: 'Česko' }, { value: 'sk', label: 'Slovensko' }]}
  *   value={zeme}
  *   onChange={setZeme}
  *   placeholder="Hledat zemi…"
  * />
+ *
+ * // Vícenásobný výběr
+ * <Combobox
+ *   multiple
+ *   options={options}
+ *   value={selectedCountries}
+ *   onChange={setSelectedCountries}
+ *   placeholder="Vyberte země…"
+ * />
  * ```
  */
 declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
@@ -930,6 +973,12 @@ interface FileUploadProps {
      * @default 'default'
      */
     buttonStyle?: 'default' | 'primary';
+    /**
+     * Řízená hodnota — pole souborů. Pokud je nastaveno, komponenta je plně
+     * řízená a interní stav se nepoužívá. Předejte prázdné pole `[]`
+     * pro reset / skrytí souborů.
+     */
+    value?: File[];
     /**
      * Zda zobrazit seznam nahraných souborů pod komponentou.
      * @default true
@@ -1261,6 +1310,89 @@ interface DataGridProps {
  */
 declare const DataGrid: React.FC<DataGridProps>;
 
+interface MobileDataCardColumn {
+    /** Klíč dat v řádkovém objektu. */
+    key: string;
+    /** Zobrazovaný popisek. */
+    header: string;
+    /** Vlastní renderování hodnoty — stejný podpis jako Table/DataGrid. */
+    render?: (value: any, row: any, index: number) => React.ReactNode;
+    /** Skrýt tento sloupec z karty. */
+    hidden?: boolean;
+    /** Zobrazit toto pole jako titulek karty. */
+    primary?: boolean;
+    /** Povolit řazení podle tohoto sloupce. */
+    sortable?: boolean;
+}
+interface MobileDataCardProps {
+    /** Definice sloupců — stejný tvar jako Table/DataGrid. */
+    columns: MobileDataCardColumn[];
+    /** Pole dat. */
+    data: any[];
+    /** Klíč v řádkovém objektu pro titulek karty. Alternativa k `primary` na sloupci. */
+    primaryKey?: string;
+    /** Klíč identifikátoru řádku. @default 'id' */
+    rowKey?: string;
+    /** Povolit výběr karet. @default false */
+    selectable?: boolean;
+    /** Řízené vybrané ID. */
+    selectedIds?: string[];
+    /** Callback při změně výběru. */
+    onSelectionChange?: (ids: string[]) => void;
+    /** Callback při kliknutí na kartu. */
+    onCardClick?: (row: any) => void;
+    /** Callback při řazení. */
+    onSort?: (key: string, direction: 'asc' | 'desc') => void;
+    /** Aktuální klíč řazení. */
+    sortKey?: string;
+    /** Aktuální směr řazení. */
+    sortDirection?: 'asc' | 'desc';
+    /** Zobrazit skeleton karty. @default false */
+    loading?: boolean;
+    /** Počet skeleton karet. @default 3 */
+    skeletonCount?: number;
+    /** Text prázdného stavu. @default 'Žádná data' */
+    emptyText?: string;
+    /** Vlastní obsah prázdného stavu. */
+    emptyContent?: React.ReactNode;
+    /** Mezera mezi kartami v px. @default 12 */
+    gap?: number;
+    /** Vykreslení akčních tlačítek v patičce karty. */
+    cardActions?: (row: any, index: number) => React.ReactNode;
+    /** Další inline styly. */
+    style?: React.CSSProperties;
+    /** Dodatečná CSS třída. */
+    className?: string;
+}
+/**
+ * Mobilní zobrazení dat ve formě karet.
+ *
+ * Každý datový řádek se zobrazí jako karta s páry popisek-hodnota.
+ * Kombinuje funkce Table (řazení, custom render) a DataGrid
+ * (výběr, kliknutí na řádek, skeleton).
+ *
+ * @example
+ * ```tsx
+ * <MobileDataCard
+ *   columns={[
+ *     { key: 'name', header: 'Jméno', primary: true },
+ *     { key: 'email', header: 'Email' },
+ *     { key: 'role', header: 'Role' },
+ *   ]}
+ *   data={users}
+ *   selectable
+ *   onCardClick={(row) => openDetail(row)}
+ *   cardActions={(row) => (
+ *     <>
+ *       <Button size="sm" variant="outline" onClick={() => edit(row)}>Upravit</Button>
+ *       <Button size="sm" variant="destructive" onClick={() => del(row)}>Smazat</Button>
+ *     </>
+ *   )}
+ * />
+ * ```
+ */
+declare const MobileDataCard: React.FC<MobileDataCardProps>;
+
 interface CardProps {
     /** Titulek karty. */
     title?: string;
@@ -1753,12 +1885,22 @@ declare const TagItem: React.FC<TagItemProps>;
 
 /** Událost zobrazená v kalendáři. */
 interface CalendarEvent {
-    /** Datum události. */
+    /** Unikátní ID události. */
+    id?: string;
+    /** Datum události (začátek). */
     date: Date;
+    /** Konec události (pro vícedenní). Pokud není zadáno, rovná se `date`. */
+    endDate?: Date;
     /** Název události. */
     title: string;
-    /** Barva tečky/indikátoru. @default '#FC4F00' */
+    /** Barva pozadí baru/tečky. @default '#FC4F00' */
     color?: string;
+    /** Barva textu na baru. @default '#ffffff' */
+    textColor?: string;
+    /** Emoji zobrazené před názvem. */
+    emoji?: string;
+    /** Obsah tooltipu. Pokud je nastaveno, event bar se obalí tooltipem. */
+    tooltip?: string | React.ReactNode;
 }
 interface CalendarProps {
     /** Aktuálně vybraný datum. */
@@ -1767,8 +1909,24 @@ interface CalendarProps {
     onChange?: (date: Date) => void;
     /** Režim zobrazení. @default 'month' */
     view?: 'month' | 'week';
-    /** Události k zobrazení (vizuální indikátory — barevné tečky). */
+    /** Události k zobrazení. */
     events?: CalendarEvent[];
+    /** Callback při kliknutí na událost (fullSize mode). */
+    onEventClick?: (event: CalendarEvent) => void;
+    /** Plnohodnotný kalendář s event bary místo teček. @default false */
+    fullSize?: boolean;
+    /** První den v týdnu: 0 = neděle, 1 = pondělí. @default 1 */
+    firstDay?: 0 | 1;
+    /** Jazyk. @default 'cs' */
+    locale?: 'cs' | 'en';
+    /** Max viditelných událostí v buňce (fullSize). @default 3 */
+    maxEventsPerDay?: number;
+    /** Zobrazit navigační hlavičku (měsíc + šipky). @default true */
+    showHeader?: boolean;
+    /** Callback při změně zobrazeného měsíce/týdne. Vrací první den zobrazeného období. */
+    onNavigate?: (date: Date) => void;
+    /** Počáteční datum pro navigaci (neřízený). @default new Date() */
+    initialDate?: Date;
     /** Minimální povolený datum. */
     minDate?: Date;
     /** Maximální povolený datum. */
@@ -1781,15 +1939,22 @@ interface CalendarProps {
 /**
  * Kalendářní komponenta s měsíčním a týdenním zobrazením.
  *
- * Podporuje výběr data, zobrazení událostí (barevné tečky),
- * navigaci mezi měsíci/týdny a omezení rozsahu dat.
+ * V kompaktním režimu (`fullSize={false}`) zobrazuje malý datepicker
+ * s barevnými tečkami pro události.
+ *
+ * V plnohodnotném režimu (`fullSize={true}`) zobrazuje velký měsíční
+ * kalendář s event bary, které mohou přesahovat přes více dní.
  *
  * @example
  * ```tsx
+ * // Kompaktní
+ * <Calendar value={date} onChange={setDate} events={events} />
+ *
+ * // Plnohodnotný
  * <Calendar
- *   value={selectedDate}
- *   onChange={setSelectedDate}
- *   events={[{ date: new Date(), title: 'Meeting', color: '#00A205' }]}
+ *   fullSize
+ *   events={events}
+ *   onEventClick={(ev) => console.log(ev)}
  * />
  * ```
  */
@@ -3261,4 +3426,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, Badge, type BadgeProps, 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, 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 EmptyStateProps, FileUpload, type FileUploadProps, Input, InputGroup, type InputGroupProps, type InputProps, type InputSize, Link, type LinkProps, type LinkVariant, Modal, type ModalProps, Navbar, type NavbarProps, Notification, type NotificationProps, type NotificationVariant, NumberInput, type NumberInputProps, type NumberInputSize, type NumberInputVariant, OTPInput, type OTPInputProps, Pagination, type PaginationProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressCircle, type ProgressCircleProps, 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, Spinner, type SpinnerProps, type SpinnerSize, 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, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, 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, 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 EmptyStateProps, FileUpload, type FileUploadProps, 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, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressCircle, type ProgressCircleProps, 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, Spinner, type SpinnerProps, type SpinnerSize, 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 };