@sia-ui/react-web 0.3.2 → 0.5.0

package/dist/index.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, ReactElement, RefObject, ImgHTMLAttributes, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, Key, TextareaHTMLAttributes, ForwardRefExoticComponent, RefAttributes, SVGProps, CSSProperties, PropsWithChildren } from 'react';
+import { ReactNode, ReactElement, HTMLAttributes, RefObject, ImgHTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, Key, TextareaHTMLAttributes, ForwardRefExoticComponent, RefAttributes, SVGProps, CSSProperties, PropsWithChildren } from 'react';
 import { ComponentTone, ComponentSize } from '@sia-ui/tokens';
 import * as _sia_ui_headless from '@sia-ui/headless';
-import { PermissionRule, Placement, SliderValue, FormAdapter, FormValidator, TableQueryStorage, TableQueryState, TableQuery, SessionStore, SessionState, ToastPlacement, ToastId, ToastOptions } from '@sia-ui/headless';
+import { PermissionRule, Placement, SliderValue, FormAdapter, FormValidator, FormSubmitResult, TableQueryStorage, TableQueryState, TableQuery, SessionStore, SessionState, ToastPlacement, ToastId, ToastOptions } from '@sia-ui/headless';
 export { SliderValue, ToastId, ToastOptions, ToastPlacement, ToastTone, toast, toastStore } from '@sia-ui/headless';
 import { Rule } from '@sia-ui/utils/validation';
 
@@ -256,6 +256,34 @@ type AppShellCollapsible = "icon" | "offcanvas" | false;
  */
 type AppShellMobileNav = "drawer" | "tabs" | "both";
 type AppShellContentWidth = "wide" | "narrow" | "full";
+interface AppShellBrandProps extends HTMLAttributes<HTMLDivElement> {
+    /** Symbole conservé lorsque la navigation devient un rail. */
+    icon: ReactNode;
+    /** Nom du produit, masqué automatiquement dans le rail. */
+    name: ReactNode;
+    /** Ligne secondaire facultative, masquée avec le nom. */
+    description?: ReactNode;
+}
+/**
+ * Identité de produit adaptée au rail de l'`AppShell`.
+ *
+ * L'application fournit le symbole et le texte une seule fois. Le composant
+ * masque sa copie dès que son parent reçoit `data-collapsed`.
+ */
+declare function AppShellBrand({ icon, name, description, className, ...props }: AppShellBrandProps): react_jsx_runtime.JSX.Element;
+interface AppShellRailItemProps extends HTMLAttributes<HTMLElement> {
+    /** Élément rendu : contenu simple, action ou lien. */
+    as?: "div" | "button" | "a";
+    /** Symbole toujours visible dans le rail. */
+    icon: ReactNode;
+    /** Libellé masqué visuellement dans le rail et conservé comme nom accessible. */
+    label: string;
+    href?: string;
+    type?: "button" | "submit" | "reset";
+    disabled?: boolean;
+}
+/** Contenu icône + libellé qui s'adapte automatiquement au rail. */
+declare function AppShellRailItem({ as, icon, label, className, href, type, disabled, ...props }: AppShellRailItemProps): react_jsx_runtime.JSX.Element;
 interface AppShellProps {
     nav: SidebarEntry[];
     children: ReactNode;
@@ -295,8 +323,8 @@ interface AppShellProps {
     /**
      * En tête de barre latérale : logo, nom du produit, sélecteur d'entité.
      *
-     * Reçoit `data-collapsed` en mode rail, comme `sidebarFooter` : sans quoi
-     * un nom de produit écrit en toutes lettres déborde des quatre rem du rail.
+     * `AppShellBrand` masque son texte automatiquement dans le rail. Un contenu
+     * entièrement personnalisé reçoit toujours `data-collapsed` sur son parent.
      */
     brand?: ReactNode;
     /**
@@ -304,8 +332,8 @@ interface AppShellProps {
      *
      * C'est la place de la déconnexion et des réglages du compte — ce qui sort
      * de l'application, par opposition à l'en-tête, réservé à ce qui agit sur
-     * l'écran courant. Reçoit `data-collapsed` en mode rail, de quoi masquer un
-     * libellé sans changer de composant.
+     * l'écran courant. `AppShellRailItem` masque son libellé automatiquement ;
+     * un contenu personnalisé peut encore lire `data-collapsed` sur son parent.
      */
     sidebarFooter?: ReactNode;
     /** La barre du haut : recherche, notifications, avatar de compte. */
@@ -491,6 +519,19 @@ interface SelectProps {
     invalid?: boolean;
     required?: boolean;
     placement?: OverlayPlacement;
+    /**
+     * Ce que montre le déclencheur. Par défaut, le libellé de l'option.
+     *
+     * La liste garde ses libellés complets — « 🇨🇲 Cameroun (+237) » — pendant
+     * que le champ fermé n'affiche que ce qui tient : « 🇨🇲 +237 ».
+     */
+    renderValue?: (option: SelectOption | undefined) => ReactNode;
+    /**
+     * `embedded` retire bordure, fond et largeur pleine du déclencheur : le
+     * `Select` se loge alors dans un autre contrôle — l'indicatif d'un
+     * `PhoneInput`, la taille de page d'une `Pagination`.
+     */
+    variant?: "default" | "embedded";
     className?: string;
     "aria-label"?: string;
     "aria-describedby"?: string;
@@ -1080,6 +1121,14 @@ interface DataTableProps<T> {
     searchPlaceholder?: string;
     /** Recherche déléguée. Fournie, le tableau cesse de filtrer lui-même. */
     onSearch?: (query: string) => void;
+    /**
+     * Millisecondes d'inactivité avant d'appeler `onSearch`.
+     *
+     * `0` — le défaut — l'appelle à chaque frappe, ce qui convient à un
+     * filtrage local. Pour une recherche serveur, 300 évite une requête par
+     * lettre ; Entrée et l'effacement déclenchent sans attendre.
+     */
+    searchDelay?: number;
     layout?: "auto" | "fixed";
     /** Hauteur du corps. Sans elle, `stickyHeader` n'a rien où se coller. */
     maxHeight?: string;
@@ -1691,6 +1740,8 @@ interface FormFieldGroup {
     fields: FormFieldConfig[];
 }
 type FormEntry = FormFieldConfig | FormFieldGroup;
+/** Les noms de champs, groupes aplatis. */
+declare function formFieldNames(fields: FormEntry[]): string[];
 /**
  * Les valeurs qu'un formulaire déclaratif peut porter.
  *
@@ -1712,7 +1763,14 @@ interface FormProps<TValues extends FormShape = FormShape> {
     defaultValues?: TValues;
     /** La validation. Un schéma Zod s'y branche en cinq lignes. */
     validate?: FormValidator<TValues>;
-    onSubmit?: (values: TValues) => void | Promise<void>;
+    /**
+     * L'envoi.
+     *
+     * Rendre des erreurs par champ les pose sous les champs. Lever une erreur
+     * l'affiche dans une alerte en tête des boutons — et une `HttpError` de
+     * `@sia-ui/api` voit en plus ses erreurs de champ posées à leur place.
+     */
+    onSubmit?: (values: TValues) => FormSubmitResult<TValues> | Promise<FormSubmitResult<TValues>>;
     columns?: number;
     submitText?: ReactNode;
     clearText?: ReactNode;
@@ -1958,7 +2016,7 @@ interface CrudDialogsProps<T> {
         mode: "create" | "edit";
         row?: T;
         index?: number;
-    }) => void | Promise<void>) | undefined;
+    }) => FormSubmitResult<FormShape> | Promise<FormSubmitResult<FormShape>>) | undefined;
     createDefaults?: FormShape | undefined;
     toFormValues?: ((row: T) => FormShape) | undefined;
     renderDetail?: ((row: T, index: number) => ReactNode) | undefined;
@@ -2027,12 +2085,17 @@ interface CrudPageBase<T> {
      * propre à cette page, aucune bibliothèque imposée.
      */
     fields?: FormEntry[];
-    /** Ce que la page fait d'un formulaire envoyé. */
+    /**
+     * Ce que la page fait d'un formulaire envoyé.
+     *
+     * Rendre des erreurs par champ, ou lever une `HttpError`, garde la boîte
+     * ouverte avec les erreurs affichées ; sinon elle se ferme.
+     */
     onSubmit?: (values: FormShape, context: {
         mode: "create" | "edit";
         row?: T;
         index?: number;
-    }) => void | Promise<void>;
+    }) => FormSubmitResult<FormShape> | Promise<FormSubmitResult<FormShape>>;
     /**
      * La validation, sous la même forme que `Form`.
      *
@@ -2082,6 +2145,8 @@ interface CrudPageBase<T> {
     searchKeys?: string[];
     searchPlaceholder?: string;
     onSearch?: (query: string) => void;
+    /** Temporise `onSearch` — voir `DataTable`. 300 pour une recherche serveur. */
+    searchDelay?: number;
     loading?: boolean;
     error?: ReactNode;
     onRetry?: () => void;
@@ -2089,6 +2154,11 @@ interface CrudPageBase<T> {
     page?: number;
     totalPages?: number;
     onPageChange?: (page: number) => void;
+    /** Avec `onPageSizeChange`, ajoute le choix du nombre de lignes par page. */
+    pageSize?: number;
+    onPageSizeChange?: (pageSize: number) => void;
+    /** Les tailles proposées — voir `Pagination`. */
+    pageSizeOptions?: number[];
     /**
      * Ce qui n'a pas de raccourci ici passe au tableau tel quel — densité,
      * mode cartes, tri, colonnes figées.
@@ -2130,7 +2200,7 @@ type CrudPageProps<T> = CrudPageBase<T> & ({
  *
  * Ici, fournir le gestionnaire suffit. Ne pas le fournir retire l'action.
  */
-declare function CrudPage<T>({ resource, title, description, eyebrow, columns: colonnesFournies, data, getRowKey: cleFournie, onCreate, onView, onEdit, onDelete, fields: champsFournis, onSubmit, validate: validationFournie, createDefaults, toFormValues, detail, dialog, operations, extraRowActions, onBulkDelete, can, headerActions, toolbar, searchKeys: clesDeRecherche, searchPlaceholder, onSearch, loading, error, onRetry, empty, page, totalPages, onPageChange, table, children, className, }: CrudPageProps<T>): react_jsx_runtime.JSX.Element;
+declare function CrudPage<T>({ resource, title, description, eyebrow, columns: colonnesFournies, data, getRowKey: cleFournie, onCreate, onView, onEdit, onDelete, fields: champsFournis, onSubmit, validate: validationFournie, createDefaults, toFormValues, detail, dialog, operations, extraRowActions, onBulkDelete, can, headerActions, toolbar, searchKeys: clesDeRecherche, searchPlaceholder, onSearch, searchDelay, loading, error, onRetry, empty, page, totalPages, onPageChange, pageSize, onPageSizeChange, pageSizeOptions, table, children, className, }: CrudPageProps<T>): react_jsx_runtime.JSX.Element;
 
 /**
  * L'état du tableau dans la barre d'adresse.
@@ -2168,7 +2238,7 @@ declare function useDataTableQuery(options?: UseDataTableQueryOptions): TableQue
  * elle filtre les lignes déjà chargées — ce qui suffit tant que tout tient
  * sur une page.
  */
-declare function DataTable<T>({ columns, data, getRowKey, title, description, toolbar, actions, searchKeys, searchPlaceholder, onSearch, layout, maxHeight, stickyHeader, density, striped, bordered, rowActions, inlineActionsLimit, actionsHeader, actionsDisplay, can, view: viewProp, defaultView, onViewChange, showViewToggle, responsive, cardsBreakpoint, renderCard, loading, skeletonRows, error, onRetry, empty, selectable, selectedKeys: selectedProp, defaultSelectedKeys, onSelectionChange, isRowSelectable, selectionActions, sort, onSortChange, onRowClick, rowClassName, caption, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T>({ columns, data, getRowKey, title, description, toolbar, actions, searchKeys, searchPlaceholder, onSearch, searchDelay, layout, maxHeight, stickyHeader, density, striped, bordered, rowActions, inlineActionsLimit, actionsHeader, actionsDisplay, can, view: viewProp, defaultView, onViewChange, showViewToggle, responsive, cardsBreakpoint, renderCard, loading, skeletonRows, error, onRetry, empty, selectable, selectedKeys: selectedProp, defaultSelectedKeys, onSelectionChange, isRowSelectable, selectionActions, sort, onSortChange, onRowClick, rowClassName, caption, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 type DateRangeValue = CalendarRangeValue;
 interface DateRangePickerProps extends Pick<CalendarProps, "locale" | "firstDayOfWeek" | "disabledDate" | "cellRender" | "showWeek"> {
@@ -2550,6 +2620,7 @@ declare function TrashIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function UploadIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function AlertCircleIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function InfoIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function SettingsIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function EyeIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function EyeOffIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 
@@ -2685,16 +2756,46 @@ interface PaginationProps {
     showTotal?: boolean;
     /** Masque les libellés et ne garde que les flèches. */
     compact?: boolean;
+    /** Le nombre de lignes par page en vigueur. */
+    pageSize?: number;
+    /**
+     * Fourni avec `pageSize`, ajoute le choix du nombre de lignes par page.
+     *
+     * Seul le nouveau nombre est remonté : revenir en page 1 est l'affaire de
+     * qui tient l'état — `setPerPage` de `useTableQuery` le fait déjà.
+     */
+    onPageSizeChange?: (pageSize: number) => void;
+    /**
+     * Les tailles proposées. Par défaut `10, 20, 50, 100`. Une taille en
+     * vigueur absente de la liste y est ajoutée, pour que le champ ne paraisse
+     * jamais vide.
+     */
+    pageSizeOptions?: number[];
+    /** Le libellé du choix. Par défaut `locale.perPage` — « Par page ». */
+    pageSizeLabel?: string;
+    /**
+     * Remplace entièrement le contrôle — des boutons segmentés, un champ libre.
+     * Le choix des tailles et leur tri sont déjà faits.
+     */
+    renderPageSize?: (context: PageSizeContext) => ReactNode;
     ariaLabel?: string;
     className?: string;
 }
+/** Ce que reçoit `renderPageSize`. */
+interface PageSizeContext {
+    pageSize: number;
+    options: number[];
+    onChange: (pageSize: number) => void;
+    label: string;
+}
+declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
 /**
  * La navigation entre les pages.
  *
  * Le calcul des numéros et des ellipses vient de `@sia-ui/headless` :
  * `usePagination` et ce composant appliquent la même règle, écrite une fois.
  */
-declare function Pagination({ page, totalPages, onPageChange, siblingCount, previousLabel: previousLabelProp, nextLabel: nextLabelProp, jumpTo, showTotal, compact, ariaLabel, className, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
+declare function Pagination({ page, totalPages, onPageChange, siblingCount, previousLabel: previousLabelProp, nextLabel: nextLabelProp, jumpTo, showTotal, compact, pageSize, onPageSizeChange, pageSizeOptions, pageSizeLabel, renderPageSize, ariaLabel, className, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
 
 interface PasswordStrength {
     /** De 0 à 4. */
@@ -3397,4 +3498,4 @@ interface YearPickerProps {
  */
 declare function YearPicker({ value, defaultValue, min, max, onValueChange, className }: YearPickerProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, type AccordionItem, type AccordionProps, Alert, AlertCircleIcon, type AlertProps, AmountDisplay, type AmountDisplayProps, AppShell, type AppShellCollapsible, type AppShellContentWidth, type AppShellMobileNav, type AppShellProps, ArrowRightIcon, AspectRatio, type AspectRatioProps, AsyncState, type AsyncStateProps, type AuditEvent, AuditMeta, type AuditMetaProps, AuthLayout, type AuthLayoutProps, Autocomplete, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, type AvatarTint, type AvatarVariant, Badge, type BadgeProps, BottomTabs, type BottomTabsProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Calendar, type CalendarDay, type CalendarEvent, CalendarIcon, type CalendarMode, type CalendarProps, type CalendarRangeValue, Can, type CanProps, Card, CardBody, CardFooter, CardHeader, Chart, type ChartProps, type ChartSeries, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, Collapse, type CollapseProps, ColorPicker, type ColorPickerProps, type ColumnCardRole, type CommandItem, CommandPalette, type CommandPaletteProps, ConfirmDialog, type ConfirmDialogProps, Container, ContextMenu, type ContextMenuProps, Countdown, type CountdownProps, type CrudActionOptions, type CrudCreateOptions, type CrudDialogOptions, type CrudDialogState, CrudDialogs, CrudPage, type CrudPageProps, CurrencyInput, type CurrencyInputProps, DEFAULT_COUNTRIES, DataTable, type DataTableColumn, type DataTableProps, type DataTableView, DatePicker, type DatePickerProps, DateRangeFilter, type DateRangeFilterProps, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DateRangeValue, DateTimePicker, type DateTimePickerProps, type DateTimeValue, type DescriptionItem, Descriptions, type DescriptionsProps, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, type DrawerComponent, DrawerFooter, DrawerHeader, type DrawerPosition, type DrawerProps, type DrawerRef, type DrawerSize, DrawerTitle, DropdownMenu, type DropdownMenuProps, DurationDisplay, type DurationDisplayProps, EmptyState, type EmptyStateProps, EntityMeta, type EntityMetaProps, ErrorState, type ErrorStateProps, EventCalendar, type EventCalendarProps, EyeIcon, EyeOffIcon, Field, type FieldBindingLike, type FieldProps, type FieldStatus, type FieldType, type FieldValue, FileUpload, type FileUploadProps, FiltersBar, type FiltersBarProps, Form, type FormEntry, Field as FormField, type FormFieldConfig, type FormFieldGroup, type FieldProps as FormFieldProps, type FormProps, type FormShape, Heading, type HeadingProps, HoverCard, type HoverCardProps, type IDrawerProps, type ILabelProps, type ITooltipProps, type ITooltipVariant, IconButton, type IconButtonProps, ImageUpload, type ImageUploadProps, InfoIcon, InlineCode, Input, InputNumber, type InputNumberProps, type InputProps, JsonEditor, type JsonEditorProps, KpiGrid, type KpiGridProps, Label, type LabelProps, MarkdownEditor, type MarkdownEditorProps, type MenuEntry, type MenuItem, type MenuLabel, MenuList, type MenuListProps, type MenuSeparator, MiniCalendar, MinusIcon, Modal, type ModalProps, MonthPicker, type MonthPickerProps, MoreHorizontalIcon, MultiSelect, type MultiSelectProps, OtpInput, type OtpInputProps, Overlay, type OverlayPlacement, type OverlayProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, type PasswordStrength, PermissionGate, type PermissionGateProps, type PhoneCountry, PhoneInput, type PhoneInputProps, PlusIcon, Popover, type PopoverProps, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, RadioButton, type RadioButtonProps, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, type ReferenceOption, ReferenceSelect, type ReferenceSelectProps, RelativeTime, type RelativeTimeProps, RequireSession, type RequireSessionProps, ResizablePanel, type ResizablePanelProps, type ResourceDefinition, type ResourceField, RichTextEditor, type RichTextEditorProps, type RowAction, ScrollArea, type ScrollAreaProps, SearchIcon, SearchInput, type SearchInputProps, Select, type SelectOption, type SelectProps, Sidebar, type SidebarEntry, type SidebarItem, type SidebarProps, type SidebarRenderLink, type SidebarSection, type SidebarState, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderRangeValue, Sparkline, type SparklineProps, Spinner, type SpinnerProps, Stack, StarIcon, StatCard, type StatCardProps, Statistic, type StatisticProps, type StepItem, type StepStatus, Steps, type StepsProps, Switch, type SwitchProps, Tabs, TabsContent, TabsList, type TabsProps, TabsTrigger, TagsInput, type TagsInputProps, Text, type TextProps, Textarea, type TextareaProps, type TimeParts, TimePicker, type TimePickerProps, TimeRangePicker, type TimeRangePickerProps, type TimeRangeValue, Timeline, type TimelineItem, type TimelineProps, Timer, type TimerProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, Toggle, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleProps, Tooltip, type TooltipProps, type TooltipVariant, Tour, type TourProps, type TourStep, Transfer, type TransferItem, type TransferProps, TrashIcon, Tree, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, UnsavedChangesGuard, type UnsavedChangesGuardProps, UploadIcon, type UseDataTableQueryOptions, WeekPicker, type WeekPickerProps, XIcon, YearPicker, type YearPickerProps, confirmUnsavedNavigation, createUrlTableStorage, defineResource, formatDuration, formatTimeValue, initialsOf, parseTimeValue, resourceColumns, resourceDefaults, resourceDetailColumns, resourceFormFields, resourcePermissions, resourceRowKey, resourceSearchKeys, resourceValidator, tintForName, useDataTableQuery, useToast };
+export { Accordion, type AccordionItem, type AccordionProps, Alert, AlertCircleIcon, type AlertProps, AmountDisplay, type AmountDisplayProps, AppShell, AppShellBrand, type AppShellBrandProps, type AppShellCollapsible, type AppShellContentWidth, type AppShellMobileNav, type AppShellProps, AppShellRailItem, type AppShellRailItemProps, ArrowRightIcon, AspectRatio, type AspectRatioProps, AsyncState, type AsyncStateProps, type AuditEvent, AuditMeta, type AuditMetaProps, AuthLayout, type AuthLayoutProps, Autocomplete, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, type AvatarTint, type AvatarVariant, Badge, type BadgeProps, BottomTabs, type BottomTabsProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Calendar, type CalendarDay, type CalendarEvent, CalendarIcon, type CalendarMode, type CalendarProps, type CalendarRangeValue, Can, type CanProps, Card, CardBody, CardFooter, CardHeader, Chart, type ChartProps, type ChartSeries, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, Collapse, type CollapseProps, ColorPicker, type ColorPickerProps, type ColumnCardRole, type CommandItem, CommandPalette, type CommandPaletteProps, ConfirmDialog, type ConfirmDialogProps, Container, ContextMenu, type ContextMenuProps, Countdown, type CountdownProps, type CrudActionOptions, type CrudCreateOptions, type CrudDialogOptions, type CrudDialogState, CrudDialogs, CrudPage, type CrudPageProps, CurrencyInput, type CurrencyInputProps, DEFAULT_COUNTRIES, DEFAULT_PAGE_SIZE_OPTIONS, DataTable, type DataTableColumn, type DataTableProps, type DataTableView, DatePicker, type DatePickerProps, DateRangeFilter, type DateRangeFilterProps, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DateRangeValue, DateTimePicker, type DateTimePickerProps, type DateTimeValue, type DescriptionItem, Descriptions, type DescriptionsProps, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, type DrawerComponent, DrawerFooter, DrawerHeader, type DrawerPosition, type DrawerProps, type DrawerRef, type DrawerSize, DrawerTitle, DropdownMenu, type DropdownMenuProps, DurationDisplay, type DurationDisplayProps, EmptyState, type EmptyStateProps, EntityMeta, type EntityMetaProps, ErrorState, type ErrorStateProps, EventCalendar, type EventCalendarProps, EyeIcon, EyeOffIcon, Field, type FieldBindingLike, type FieldProps, type FieldStatus, type FieldType, type FieldValue, FileUpload, type FileUploadProps, FiltersBar, type FiltersBarProps, Form, type FormEntry, Field as FormField, type FormFieldConfig, type FormFieldGroup, type FieldProps as FormFieldProps, type FormProps, type FormShape, Heading, type HeadingProps, HoverCard, type HoverCardProps, type IDrawerProps, type ILabelProps, type ITooltipProps, type ITooltipVariant, IconButton, type IconButtonProps, ImageUpload, type ImageUploadProps, InfoIcon, InlineCode, Input, InputNumber, type InputNumberProps, type InputProps, JsonEditor, type JsonEditorProps, KpiGrid, type KpiGridProps, Label, type LabelProps, MarkdownEditor, type MarkdownEditorProps, type MenuEntry, type MenuItem, type MenuLabel, MenuList, type MenuListProps, type MenuSeparator, MiniCalendar, MinusIcon, Modal, type ModalProps, MonthPicker, type MonthPickerProps, MoreHorizontalIcon, MultiSelect, type MultiSelectProps, OtpInput, type OtpInputProps, Overlay, type OverlayPlacement, type OverlayProps, PageHeader, type PageHeaderProps, type PageSizeContext, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, type PasswordStrength, PermissionGate, type PermissionGateProps, type PhoneCountry, PhoneInput, type PhoneInputProps, PlusIcon, Popover, type PopoverProps, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, RadioButton, type RadioButtonProps, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, type ReferenceOption, ReferenceSelect, type ReferenceSelectProps, RelativeTime, type RelativeTimeProps, RequireSession, type RequireSessionProps, ResizablePanel, type ResizablePanelProps, type ResourceDefinition, type ResourceField, RichTextEditor, type RichTextEditorProps, type RowAction, ScrollArea, type ScrollAreaProps, SearchIcon, SearchInput, type SearchInputProps, Select, type SelectOption, type SelectProps, SettingsIcon, Sidebar, type SidebarEntry, type SidebarItem, type SidebarProps, type SidebarRenderLink, type SidebarSection, type SidebarState, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderRangeValue, Sparkline, type SparklineProps, Spinner, type SpinnerProps, Stack, StarIcon, StatCard, type StatCardProps, Statistic, type StatisticProps, type StepItem, type StepStatus, Steps, type StepsProps, Switch, type SwitchProps, Tabs, TabsContent, TabsList, type TabsProps, TabsTrigger, TagsInput, type TagsInputProps, Text, type TextProps, Textarea, type TextareaProps, type TimeParts, TimePicker, type TimePickerProps, TimeRangePicker, type TimeRangePickerProps, type TimeRangeValue, Timeline, type TimelineItem, type TimelineProps, Timer, type TimerProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, Toggle, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleProps, Tooltip, type TooltipProps, type TooltipVariant, Tour, type TourProps, type TourStep, Transfer, type TransferItem, type TransferProps, TrashIcon, Tree, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, UnsavedChangesGuard, type UnsavedChangesGuardProps, UploadIcon, type UseDataTableQueryOptions, WeekPicker, type WeekPickerProps, XIcon, YearPicker, type YearPickerProps, confirmUnsavedNavigation, createUrlTableStorage, defineResource, formFieldNames, formatDuration, formatTimeValue, initialsOf, parseTimeValue, resourceColumns, resourceDefaults, resourceDetailColumns, resourceFormFields, resourcePermissions, resourceRowKey, resourceSearchKeys, resourceValidator, tintForName, useDataTableQuery, useToast };

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, ReactElement, RefObject, ImgHTMLAttributes, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, Key, TextareaHTMLAttributes, ForwardRefExoticComponent, RefAttributes, SVGProps, CSSProperties, PropsWithChildren } from 'react';
+import { ReactNode, ReactElement, HTMLAttributes, RefObject, ImgHTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, Key, TextareaHTMLAttributes, ForwardRefExoticComponent, RefAttributes, SVGProps, CSSProperties, PropsWithChildren } from 'react';
 import { ComponentTone, ComponentSize } from '@sia-ui/tokens';
 import * as _sia_ui_headless from '@sia-ui/headless';
-import { PermissionRule, Placement, SliderValue, FormAdapter, FormValidator, TableQueryStorage, TableQueryState, TableQuery, SessionStore, SessionState, ToastPlacement, ToastId, ToastOptions } from '@sia-ui/headless';
+import { PermissionRule, Placement, SliderValue, FormAdapter, FormValidator, FormSubmitResult, TableQueryStorage, TableQueryState, TableQuery, SessionStore, SessionState, ToastPlacement, ToastId, ToastOptions } from '@sia-ui/headless';
 export { SliderValue, ToastId, ToastOptions, ToastPlacement, ToastTone, toast, toastStore } from '@sia-ui/headless';
 import { Rule } from '@sia-ui/utils/validation';
 
@@ -256,6 +256,34 @@ type AppShellCollapsible = "icon" | "offcanvas" | false;
  */
 type AppShellMobileNav = "drawer" | "tabs" | "both";
 type AppShellContentWidth = "wide" | "narrow" | "full";
+interface AppShellBrandProps extends HTMLAttributes<HTMLDivElement> {
+    /** Symbole conservé lorsque la navigation devient un rail. */
+    icon: ReactNode;
+    /** Nom du produit, masqué automatiquement dans le rail. */
+    name: ReactNode;
+    /** Ligne secondaire facultative, masquée avec le nom. */
+    description?: ReactNode;
+}
+/**
+ * Identité de produit adaptée au rail de l'`AppShell`.
+ *
+ * L'application fournit le symbole et le texte une seule fois. Le composant
+ * masque sa copie dès que son parent reçoit `data-collapsed`.
+ */
+declare function AppShellBrand({ icon, name, description, className, ...props }: AppShellBrandProps): react_jsx_runtime.JSX.Element;
+interface AppShellRailItemProps extends HTMLAttributes<HTMLElement> {
+    /** Élément rendu : contenu simple, action ou lien. */
+    as?: "div" | "button" | "a";
+    /** Symbole toujours visible dans le rail. */
+    icon: ReactNode;
+    /** Libellé masqué visuellement dans le rail et conservé comme nom accessible. */
+    label: string;
+    href?: string;
+    type?: "button" | "submit" | "reset";
+    disabled?: boolean;
+}
+/** Contenu icône + libellé qui s'adapte automatiquement au rail. */
+declare function AppShellRailItem({ as, icon, label, className, href, type, disabled, ...props }: AppShellRailItemProps): react_jsx_runtime.JSX.Element;
 interface AppShellProps {
     nav: SidebarEntry[];
     children: ReactNode;
@@ -295,8 +323,8 @@ interface AppShellProps {
     /**
      * En tête de barre latérale : logo, nom du produit, sélecteur d'entité.
      *
-     * Reçoit `data-collapsed` en mode rail, comme `sidebarFooter` : sans quoi
-     * un nom de produit écrit en toutes lettres déborde des quatre rem du rail.
+     * `AppShellBrand` masque son texte automatiquement dans le rail. Un contenu
+     * entièrement personnalisé reçoit toujours `data-collapsed` sur son parent.
      */
     brand?: ReactNode;
     /**
@@ -304,8 +332,8 @@ interface AppShellProps {
      *
      * C'est la place de la déconnexion et des réglages du compte — ce qui sort
      * de l'application, par opposition à l'en-tête, réservé à ce qui agit sur
-     * l'écran courant. Reçoit `data-collapsed` en mode rail, de quoi masquer un
-     * libellé sans changer de composant.
+     * l'écran courant. `AppShellRailItem` masque son libellé automatiquement ;
+     * un contenu personnalisé peut encore lire `data-collapsed` sur son parent.
      */
     sidebarFooter?: ReactNode;
     /** La barre du haut : recherche, notifications, avatar de compte. */
@@ -491,6 +519,19 @@ interface SelectProps {
     invalid?: boolean;
     required?: boolean;
     placement?: OverlayPlacement;
+    /**
+     * Ce que montre le déclencheur. Par défaut, le libellé de l'option.
+     *
+     * La liste garde ses libellés complets — « 🇨🇲 Cameroun (+237) » — pendant
+     * que le champ fermé n'affiche que ce qui tient : « 🇨🇲 +237 ».
+     */
+    renderValue?: (option: SelectOption | undefined) => ReactNode;
+    /**
+     * `embedded` retire bordure, fond et largeur pleine du déclencheur : le
+     * `Select` se loge alors dans un autre contrôle — l'indicatif d'un
+     * `PhoneInput`, la taille de page d'une `Pagination`.
+     */
+    variant?: "default" | "embedded";
     className?: string;
     "aria-label"?: string;
     "aria-describedby"?: string;
@@ -1080,6 +1121,14 @@ interface DataTableProps<T> {
     searchPlaceholder?: string;
     /** Recherche déléguée. Fournie, le tableau cesse de filtrer lui-même. */
     onSearch?: (query: string) => void;
+    /**
+     * Millisecondes d'inactivité avant d'appeler `onSearch`.
+     *
+     * `0` — le défaut — l'appelle à chaque frappe, ce qui convient à un
+     * filtrage local. Pour une recherche serveur, 300 évite une requête par
+     * lettre ; Entrée et l'effacement déclenchent sans attendre.
+     */
+    searchDelay?: number;
     layout?: "auto" | "fixed";
     /** Hauteur du corps. Sans elle, `stickyHeader` n'a rien où se coller. */
     maxHeight?: string;
@@ -1691,6 +1740,8 @@ interface FormFieldGroup {
     fields: FormFieldConfig[];
 }
 type FormEntry = FormFieldConfig | FormFieldGroup;
+/** Les noms de champs, groupes aplatis. */
+declare function formFieldNames(fields: FormEntry[]): string[];
 /**
  * Les valeurs qu'un formulaire déclaratif peut porter.
  *
@@ -1712,7 +1763,14 @@ interface FormProps<TValues extends FormShape = FormShape> {
     defaultValues?: TValues;
     /** La validation. Un schéma Zod s'y branche en cinq lignes. */
     validate?: FormValidator<TValues>;
-    onSubmit?: (values: TValues) => void | Promise<void>;
+    /**
+     * L'envoi.
+     *
+     * Rendre des erreurs par champ les pose sous les champs. Lever une erreur
+     * l'affiche dans une alerte en tête des boutons — et une `HttpError` de
+     * `@sia-ui/api` voit en plus ses erreurs de champ posées à leur place.
+     */
+    onSubmit?: (values: TValues) => FormSubmitResult<TValues> | Promise<FormSubmitResult<TValues>>;
     columns?: number;
     submitText?: ReactNode;
     clearText?: ReactNode;
@@ -1958,7 +2016,7 @@ interface CrudDialogsProps<T> {
         mode: "create" | "edit";
         row?: T;
         index?: number;
-    }) => void | Promise<void>) | undefined;
+    }) => FormSubmitResult<FormShape> | Promise<FormSubmitResult<FormShape>>) | undefined;
     createDefaults?: FormShape | undefined;
     toFormValues?: ((row: T) => FormShape) | undefined;
     renderDetail?: ((row: T, index: number) => ReactNode) | undefined;
@@ -2027,12 +2085,17 @@ interface CrudPageBase<T> {
      * propre à cette page, aucune bibliothèque imposée.
      */
     fields?: FormEntry[];
-    /** Ce que la page fait d'un formulaire envoyé. */
+    /**
+     * Ce que la page fait d'un formulaire envoyé.
+     *
+     * Rendre des erreurs par champ, ou lever une `HttpError`, garde la boîte
+     * ouverte avec les erreurs affichées ; sinon elle se ferme.
+     */
     onSubmit?: (values: FormShape, context: {
         mode: "create" | "edit";
         row?: T;
         index?: number;
-    }) => void | Promise<void>;
+    }) => FormSubmitResult<FormShape> | Promise<FormSubmitResult<FormShape>>;
     /**
      * La validation, sous la même forme que `Form`.
      *
@@ -2082,6 +2145,8 @@ interface CrudPageBase<T> {
     searchKeys?: string[];
     searchPlaceholder?: string;
     onSearch?: (query: string) => void;
+    /** Temporise `onSearch` — voir `DataTable`. 300 pour une recherche serveur. */
+    searchDelay?: number;
     loading?: boolean;
     error?: ReactNode;
     onRetry?: () => void;
@@ -2089,6 +2154,11 @@ interface CrudPageBase<T> {
     page?: number;
     totalPages?: number;
     onPageChange?: (page: number) => void;
+    /** Avec `onPageSizeChange`, ajoute le choix du nombre de lignes par page. */
+    pageSize?: number;
+    onPageSizeChange?: (pageSize: number) => void;
+    /** Les tailles proposées — voir `Pagination`. */
+    pageSizeOptions?: number[];
     /**
      * Ce qui n'a pas de raccourci ici passe au tableau tel quel — densité,
      * mode cartes, tri, colonnes figées.
@@ -2130,7 +2200,7 @@ type CrudPageProps<T> = CrudPageBase<T> & ({
  *
  * Ici, fournir le gestionnaire suffit. Ne pas le fournir retire l'action.
  */
-declare function CrudPage<T>({ resource, title, description, eyebrow, columns: colonnesFournies, data, getRowKey: cleFournie, onCreate, onView, onEdit, onDelete, fields: champsFournis, onSubmit, validate: validationFournie, createDefaults, toFormValues, detail, dialog, operations, extraRowActions, onBulkDelete, can, headerActions, toolbar, searchKeys: clesDeRecherche, searchPlaceholder, onSearch, loading, error, onRetry, empty, page, totalPages, onPageChange, table, children, className, }: CrudPageProps<T>): react_jsx_runtime.JSX.Element;
+declare function CrudPage<T>({ resource, title, description, eyebrow, columns: colonnesFournies, data, getRowKey: cleFournie, onCreate, onView, onEdit, onDelete, fields: champsFournis, onSubmit, validate: validationFournie, createDefaults, toFormValues, detail, dialog, operations, extraRowActions, onBulkDelete, can, headerActions, toolbar, searchKeys: clesDeRecherche, searchPlaceholder, onSearch, searchDelay, loading, error, onRetry, empty, page, totalPages, onPageChange, pageSize, onPageSizeChange, pageSizeOptions, table, children, className, }: CrudPageProps<T>): react_jsx_runtime.JSX.Element;
 
 /**
  * L'état du tableau dans la barre d'adresse.
@@ -2168,7 +2238,7 @@ declare function useDataTableQuery(options?: UseDataTableQueryOptions): TableQue
  * elle filtre les lignes déjà chargées — ce qui suffit tant que tout tient
  * sur une page.
  */
-declare function DataTable<T>({ columns, data, getRowKey, title, description, toolbar, actions, searchKeys, searchPlaceholder, onSearch, layout, maxHeight, stickyHeader, density, striped, bordered, rowActions, inlineActionsLimit, actionsHeader, actionsDisplay, can, view: viewProp, defaultView, onViewChange, showViewToggle, responsive, cardsBreakpoint, renderCard, loading, skeletonRows, error, onRetry, empty, selectable, selectedKeys: selectedProp, defaultSelectedKeys, onSelectionChange, isRowSelectable, selectionActions, sort, onSortChange, onRowClick, rowClassName, caption, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T>({ columns, data, getRowKey, title, description, toolbar, actions, searchKeys, searchPlaceholder, onSearch, searchDelay, layout, maxHeight, stickyHeader, density, striped, bordered, rowActions, inlineActionsLimit, actionsHeader, actionsDisplay, can, view: viewProp, defaultView, onViewChange, showViewToggle, responsive, cardsBreakpoint, renderCard, loading, skeletonRows, error, onRetry, empty, selectable, selectedKeys: selectedProp, defaultSelectedKeys, onSelectionChange, isRowSelectable, selectionActions, sort, onSortChange, onRowClick, rowClassName, caption, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 type DateRangeValue = CalendarRangeValue;
 interface DateRangePickerProps extends Pick<CalendarProps, "locale" | "firstDayOfWeek" | "disabledDate" | "cellRender" | "showWeek"> {
@@ -2550,6 +2620,7 @@ declare function TrashIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function UploadIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function AlertCircleIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function InfoIcon(props: IconProps): react_jsx_runtime.JSX.Element;
+declare function SettingsIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function EyeIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 declare function EyeOffIcon(props: IconProps): react_jsx_runtime.JSX.Element;
 
@@ -2685,16 +2756,46 @@ interface PaginationProps {
     showTotal?: boolean;
     /** Masque les libellés et ne garde que les flèches. */
     compact?: boolean;
+    /** Le nombre de lignes par page en vigueur. */
+    pageSize?: number;
+    /**
+     * Fourni avec `pageSize`, ajoute le choix du nombre de lignes par page.
+     *
+     * Seul le nouveau nombre est remonté : revenir en page 1 est l'affaire de
+     * qui tient l'état — `setPerPage` de `useTableQuery` le fait déjà.
+     */
+    onPageSizeChange?: (pageSize: number) => void;
+    /**
+     * Les tailles proposées. Par défaut `10, 20, 50, 100`. Une taille en
+     * vigueur absente de la liste y est ajoutée, pour que le champ ne paraisse
+     * jamais vide.
+     */
+    pageSizeOptions?: number[];
+    /** Le libellé du choix. Par défaut `locale.perPage` — « Par page ». */
+    pageSizeLabel?: string;
+    /**
+     * Remplace entièrement le contrôle — des boutons segmentés, un champ libre.
+     * Le choix des tailles et leur tri sont déjà faits.
+     */
+    renderPageSize?: (context: PageSizeContext) => ReactNode;
     ariaLabel?: string;
     className?: string;
 }
+/** Ce que reçoit `renderPageSize`. */
+interface PageSizeContext {
+    pageSize: number;
+    options: number[];
+    onChange: (pageSize: number) => void;
+    label: string;
+}
+declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
 /**
  * La navigation entre les pages.
  *
  * Le calcul des numéros et des ellipses vient de `@sia-ui/headless` :
  * `usePagination` et ce composant appliquent la même règle, écrite une fois.
  */
-declare function Pagination({ page, totalPages, onPageChange, siblingCount, previousLabel: previousLabelProp, nextLabel: nextLabelProp, jumpTo, showTotal, compact, ariaLabel, className, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
+declare function Pagination({ page, totalPages, onPageChange, siblingCount, previousLabel: previousLabelProp, nextLabel: nextLabelProp, jumpTo, showTotal, compact, pageSize, onPageSizeChange, pageSizeOptions, pageSizeLabel, renderPageSize, ariaLabel, className, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
 
 interface PasswordStrength {
     /** De 0 à 4. */
@@ -3397,4 +3498,4 @@ interface YearPickerProps {
  */
 declare function YearPicker({ value, defaultValue, min, max, onValueChange, className }: YearPickerProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, type AccordionItem, type AccordionProps, Alert, AlertCircleIcon, type AlertProps, AmountDisplay, type AmountDisplayProps, AppShell, type AppShellCollapsible, type AppShellContentWidth, type AppShellMobileNav, type AppShellProps, ArrowRightIcon, AspectRatio, type AspectRatioProps, AsyncState, type AsyncStateProps, type AuditEvent, AuditMeta, type AuditMetaProps, AuthLayout, type AuthLayoutProps, Autocomplete, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, type AvatarTint, type AvatarVariant, Badge, type BadgeProps, BottomTabs, type BottomTabsProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Calendar, type CalendarDay, type CalendarEvent, CalendarIcon, type CalendarMode, type CalendarProps, type CalendarRangeValue, Can, type CanProps, Card, CardBody, CardFooter, CardHeader, Chart, type ChartProps, type ChartSeries, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, Collapse, type CollapseProps, ColorPicker, type ColorPickerProps, type ColumnCardRole, type CommandItem, CommandPalette, type CommandPaletteProps, ConfirmDialog, type ConfirmDialogProps, Container, ContextMenu, type ContextMenuProps, Countdown, type CountdownProps, type CrudActionOptions, type CrudCreateOptions, type CrudDialogOptions, type CrudDialogState, CrudDialogs, CrudPage, type CrudPageProps, CurrencyInput, type CurrencyInputProps, DEFAULT_COUNTRIES, DataTable, type DataTableColumn, type DataTableProps, type DataTableView, DatePicker, type DatePickerProps, DateRangeFilter, type DateRangeFilterProps, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DateRangeValue, DateTimePicker, type DateTimePickerProps, type DateTimeValue, type DescriptionItem, Descriptions, type DescriptionsProps, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, type DrawerComponent, DrawerFooter, DrawerHeader, type DrawerPosition, type DrawerProps, type DrawerRef, type DrawerSize, DrawerTitle, DropdownMenu, type DropdownMenuProps, DurationDisplay, type DurationDisplayProps, EmptyState, type EmptyStateProps, EntityMeta, type EntityMetaProps, ErrorState, type ErrorStateProps, EventCalendar, type EventCalendarProps, EyeIcon, EyeOffIcon, Field, type FieldBindingLike, type FieldProps, type FieldStatus, type FieldType, type FieldValue, FileUpload, type FileUploadProps, FiltersBar, type FiltersBarProps, Form, type FormEntry, Field as FormField, type FormFieldConfig, type FormFieldGroup, type FieldProps as FormFieldProps, type FormProps, type FormShape, Heading, type HeadingProps, HoverCard, type HoverCardProps, type IDrawerProps, type ILabelProps, type ITooltipProps, type ITooltipVariant, IconButton, type IconButtonProps, ImageUpload, type ImageUploadProps, InfoIcon, InlineCode, Input, InputNumber, type InputNumberProps, type InputProps, JsonEditor, type JsonEditorProps, KpiGrid, type KpiGridProps, Label, type LabelProps, MarkdownEditor, type MarkdownEditorProps, type MenuEntry, type MenuItem, type MenuLabel, MenuList, type MenuListProps, type MenuSeparator, MiniCalendar, MinusIcon, Modal, type ModalProps, MonthPicker, type MonthPickerProps, MoreHorizontalIcon, MultiSelect, type MultiSelectProps, OtpInput, type OtpInputProps, Overlay, type OverlayPlacement, type OverlayProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, type PasswordStrength, PermissionGate, type PermissionGateProps, type PhoneCountry, PhoneInput, type PhoneInputProps, PlusIcon, Popover, type PopoverProps, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, RadioButton, type RadioButtonProps, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, type ReferenceOption, ReferenceSelect, type ReferenceSelectProps, RelativeTime, type RelativeTimeProps, RequireSession, type RequireSessionProps, ResizablePanel, type ResizablePanelProps, type ResourceDefinition, type ResourceField, RichTextEditor, type RichTextEditorProps, type RowAction, ScrollArea, type ScrollAreaProps, SearchIcon, SearchInput, type SearchInputProps, Select, type SelectOption, type SelectProps, Sidebar, type SidebarEntry, type SidebarItem, type SidebarProps, type SidebarRenderLink, type SidebarSection, type SidebarState, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderRangeValue, Sparkline, type SparklineProps, Spinner, type SpinnerProps, Stack, StarIcon, StatCard, type StatCardProps, Statistic, type StatisticProps, type StepItem, type StepStatus, Steps, type StepsProps, Switch, type SwitchProps, Tabs, TabsContent, TabsList, type TabsProps, TabsTrigger, TagsInput, type TagsInputProps, Text, type TextProps, Textarea, type TextareaProps, type TimeParts, TimePicker, type TimePickerProps, TimeRangePicker, type TimeRangePickerProps, type TimeRangeValue, Timeline, type TimelineItem, type TimelineProps, Timer, type TimerProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, Toggle, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleProps, Tooltip, type TooltipProps, type TooltipVariant, Tour, type TourProps, type TourStep, Transfer, type TransferItem, type TransferProps, TrashIcon, Tree, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, UnsavedChangesGuard, type UnsavedChangesGuardProps, UploadIcon, type UseDataTableQueryOptions, WeekPicker, type WeekPickerProps, XIcon, YearPicker, type YearPickerProps, confirmUnsavedNavigation, createUrlTableStorage, defineResource, formatDuration, formatTimeValue, initialsOf, parseTimeValue, resourceColumns, resourceDefaults, resourceDetailColumns, resourceFormFields, resourcePermissions, resourceRowKey, resourceSearchKeys, resourceValidator, tintForName, useDataTableQuery, useToast };
+export { Accordion, type AccordionItem, type AccordionProps, Alert, AlertCircleIcon, type AlertProps, AmountDisplay, type AmountDisplayProps, AppShell, AppShellBrand, type AppShellBrandProps, type AppShellCollapsible, type AppShellContentWidth, type AppShellMobileNav, type AppShellProps, AppShellRailItem, type AppShellRailItemProps, ArrowRightIcon, AspectRatio, type AspectRatioProps, AsyncState, type AsyncStateProps, type AuditEvent, AuditMeta, type AuditMetaProps, AuthLayout, type AuthLayoutProps, Autocomplete, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, type AvatarTint, type AvatarVariant, Badge, type BadgeProps, BottomTabs, type BottomTabsProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Calendar, type CalendarDay, type CalendarEvent, CalendarIcon, type CalendarMode, type CalendarProps, type CalendarRangeValue, Can, type CanProps, Card, CardBody, CardFooter, CardHeader, Chart, type ChartProps, type ChartSeries, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClockIcon, Collapse, type CollapseProps, ColorPicker, type ColorPickerProps, type ColumnCardRole, type CommandItem, CommandPalette, type CommandPaletteProps, ConfirmDialog, type ConfirmDialogProps, Container, ContextMenu, type ContextMenuProps, Countdown, type CountdownProps, type CrudActionOptions, type CrudCreateOptions, type CrudDialogOptions, type CrudDialogState, CrudDialogs, CrudPage, type CrudPageProps, CurrencyInput, type CurrencyInputProps, DEFAULT_COUNTRIES, DEFAULT_PAGE_SIZE_OPTIONS, DataTable, type DataTableColumn, type DataTableProps, type DataTableView, DatePicker, type DatePickerProps, DateRangeFilter, type DateRangeFilterProps, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DateRangeValue, DateTimePicker, type DateTimePickerProps, type DateTimeValue, type DescriptionItem, Descriptions, type DescriptionsProps, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, type DrawerComponent, DrawerFooter, DrawerHeader, type DrawerPosition, type DrawerProps, type DrawerRef, type DrawerSize, DrawerTitle, DropdownMenu, type DropdownMenuProps, DurationDisplay, type DurationDisplayProps, EmptyState, type EmptyStateProps, EntityMeta, type EntityMetaProps, ErrorState, type ErrorStateProps, EventCalendar, type EventCalendarProps, EyeIcon, EyeOffIcon, Field, type FieldBindingLike, type FieldProps, type FieldStatus, type FieldType, type FieldValue, FileUpload, type FileUploadProps, FiltersBar, type FiltersBarProps, Form, type FormEntry, Field as FormField, type FormFieldConfig, type FormFieldGroup, type FieldProps as FormFieldProps, type FormProps, type FormShape, Heading, type HeadingProps, HoverCard, type HoverCardProps, type IDrawerProps, type ILabelProps, type ITooltipProps, type ITooltipVariant, IconButton, type IconButtonProps, ImageUpload, type ImageUploadProps, InfoIcon, InlineCode, Input, InputNumber, type InputNumberProps, type InputProps, JsonEditor, type JsonEditorProps, KpiGrid, type KpiGridProps, Label, type LabelProps, MarkdownEditor, type MarkdownEditorProps, type MenuEntry, type MenuItem, type MenuLabel, MenuList, type MenuListProps, type MenuSeparator, MiniCalendar, MinusIcon, Modal, type ModalProps, MonthPicker, type MonthPickerProps, MoreHorizontalIcon, MultiSelect, type MultiSelectProps, OtpInput, type OtpInputProps, Overlay, type OverlayPlacement, type OverlayProps, PageHeader, type PageHeaderProps, type PageSizeContext, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, type PasswordStrength, PermissionGate, type PermissionGateProps, type PhoneCountry, PhoneInput, type PhoneInputProps, PlusIcon, Popover, type PopoverProps, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, RadioButton, type RadioButtonProps, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, type ReferenceOption, ReferenceSelect, type ReferenceSelectProps, RelativeTime, type RelativeTimeProps, RequireSession, type RequireSessionProps, ResizablePanel, type ResizablePanelProps, type ResourceDefinition, type ResourceField, RichTextEditor, type RichTextEditorProps, type RowAction, ScrollArea, type ScrollAreaProps, SearchIcon, SearchInput, type SearchInputProps, Select, type SelectOption, type SelectProps, SettingsIcon, Sidebar, type SidebarEntry, type SidebarItem, type SidebarProps, type SidebarRenderLink, type SidebarSection, type SidebarState, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderRangeValue, Sparkline, type SparklineProps, Spinner, type SpinnerProps, Stack, StarIcon, StatCard, type StatCardProps, Statistic, type StatisticProps, type StepItem, type StepStatus, Steps, type StepsProps, Switch, type SwitchProps, Tabs, TabsContent, TabsList, type TabsProps, TabsTrigger, TagsInput, type TagsInputProps, Text, type TextProps, Textarea, type TextareaProps, type TimeParts, TimePicker, type TimePickerProps, TimeRangePicker, type TimeRangePickerProps, type TimeRangeValue, Timeline, type TimelineItem, type TimelineProps, Timer, type TimerProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, Toggle, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleProps, Tooltip, type TooltipProps, type TooltipVariant, Tour, type TourProps, type TourStep, Transfer, type TransferItem, type TransferProps, TrashIcon, Tree, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, UnsavedChangesGuard, type UnsavedChangesGuardProps, UploadIcon, type UseDataTableQueryOptions, WeekPicker, type WeekPickerProps, XIcon, YearPicker, type YearPickerProps, confirmUnsavedNavigation, createUrlTableStorage, defineResource, formFieldNames, formatDuration, formatTimeValue, initialsOf, parseTimeValue, resourceColumns, resourceDefaults, resourceDetailColumns, resourceFormFields, resourcePermissions, resourceRowKey, resourceSearchKeys, resourceValidator, tintForName, useDataTableQuery, useToast };