@sfperusacdev/sf-ui 0.2.9 → 0.3.1

package/dist/types/src/components/interactive-inputs/KeyValueInput.d.ts

@@ -13,4 +13,4 @@ export type KeyValueInputProps<TFormValues extends FieldValues> = {
     onChange?: (value: KeyValuePair[]) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const KeyValueInput: <TFormValues extends FieldValues>({ form, name, label, info, required, readOnly, disabled, small, className, onChange, onRefresh, }: KeyValueInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const KeyValueInput: <TFormValues extends FieldValues>({ form, name, label, info, required, readOnly, disabled, small, className, onChange, onRefresh, }: KeyValueInputProps<TFormValues>) => import('react').JSX.Element;

package/dist/types/src/components/interactive-inputs/NumberStepper.d.ts

@@ -14,4 +14,4 @@ export type NumberStepperProps = {
     formatValue?: (value: number) => string;
     className?: string;
 };
-export declare const NumberStepper: ({ value, onChange, min, max, step, tone, size, disabled, readOnly, ariaLabel, formatValue, className, }: NumberStepperProps) => import("react").JSX.Element;
+export declare const NumberStepper: ({ value, onChange, min, max, step, tone, size, disabled, readOnly, ariaLabel, formatValue, className, }: NumberStepperProps) => import('react').JSX.Element;

package/dist/types/src/components/interactive-inputs/ProgressBar.d.ts

@@ -12,4 +12,4 @@ export type ProgressBarProps<TFormValues extends FieldValues> = {
     formatValue?: (value: number) => string;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const ProgressBar: <TFormValues extends FieldValues>({ form, name, label, info, required, min, max, suffix, className, formatValue, onRefresh, }: ProgressBarProps<TFormValues>) => import("react").JSX.Element;
+export declare const ProgressBar: <TFormValues extends FieldValues>({ form, name, label, info, required, min, max, suffix, className, formatValue, onRefresh, }: ProgressBarProps<TFormValues>) => import('react').JSX.Element;

package/dist/types/src/components/interactive-inputs/ProgressBarReadonly.d.ts

@@ -12,4 +12,4 @@ export type ProgressBarReadonlyProps = {
     size?: ProgressBarReadonlySize;
     className?: string;
 };
-export declare const ProgressBarReadonly: ({ value, min, max, label, showValue, suffix, formatValue, tone, size, className, }: ProgressBarReadonlyProps) => import("react").JSX.Element;
+export declare const ProgressBarReadonly: ({ value, min, max, label, showValue, suffix, formatValue, tone, size, className, }: ProgressBarReadonlyProps) => import('react').JSX.Element;

package/dist/types/src/components/interactive-inputs/RangeSliderInput.d.ts

@@ -17,4 +17,4 @@ export type RangeSliderInputProps<TFormValues extends FieldValues> = {
     onChange?: (value: NumberRange) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const RangeSliderInput: <TFormValues extends FieldValues>({ form, name, label, info, required, min, max, step, suffix, readOnly, disabled, className, formatValue, onChange, onRefresh, }: RangeSliderInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const RangeSliderInput: <TFormValues extends FieldValues>({ form, name, label, info, required, min, max, step, suffix, readOnly, disabled, className, formatValue, onChange, onRefresh, }: RangeSliderInputProps<TFormValues>) => import('react').JSX.Element;

package/dist/types/src/components/interactive-inputs/RatingInput.d.ts

@@ -13,4 +13,4 @@ export type RatingInputProps<TFormValues extends FieldValues> = {
     onChange?: (value: number) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const RatingInput: <TFormValues extends FieldValues>({ form, name, label, info, required, stars, readOnly, disabled, small, className, onChange, onRefresh, }: RatingInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const RatingInput: <TFormValues extends FieldValues>({ form, name, label, info, required, stars, readOnly, disabled, small, className, onChange, onRefresh, }: RatingInputProps<TFormValues>) => import('react').JSX.Element;

package/dist/types/src/components/interactive-inputs/SemanticSlider.d.ts

@@ -18,4 +18,4 @@ export type SemanticSliderProps = {
  * `SliderInput`. Distinto de `SliderInput`: ese es numérico con valor libre; este es una escala
  * ordinal fija con significado en cada posición.
  */
-export declare const SemanticSlider: ({ value, onChange, zones, label, disabled, className }: SemanticSliderProps) => import("react").JSX.Element;
+export declare const SemanticSlider: ({ value, onChange, zones, label, disabled, className }: SemanticSliderProps) => import('react').JSX.Element;

package/dist/types/src/components/interactive-inputs/SliderInput.d.ts

@@ -16,4 +16,4 @@ export type SliderInputProps<TFormValues extends FieldValues> = {
     onChange?: (value: number) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const SliderInput: <TFormValues extends FieldValues>({ form, name, label, info, required, min, max, step, suffix, readOnly, disabled, className, formatValue, onChange, onRefresh, }: SliderInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const SliderInput: <TFormValues extends FieldValues>({ form, name, label, info, required, min, max, step, suffix, readOnly, disabled, className, formatValue, onChange, onRefresh, }: SliderInputProps<TFormValues>) => import('react').JSX.Element;

package/dist/types/src/components/interactive-inputs/SortableList.d.ts

@@ -9,4 +9,4 @@ export type SortableListProps = {
     onReorder: (fromIndex: number, toIndex: number) => void;
     className?: string;
 };
-export declare const SortableList: ({ items, onReorder, className }: SortableListProps) => import("react").JSX.Element;
+export declare const SortableList: ({ items, onReorder, className }: SortableListProps) => import('react').JSX.Element;

package/dist/types/src/components/interactive-inputs/TagsInput.d.ts

@@ -13,4 +13,4 @@ export type TagsInputProps<TFormValues extends FieldValues> = {
     onChange?: (value: string[]) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const TagsInput: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, maxItems, readOnly, disabled, className, onChange, onRefresh, }: TagsInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const TagsInput: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, maxItems, readOnly, disabled, className, onChange, onRefresh, }: TagsInputProps<TFormValues>) => import('react').JSX.Element;

package/dist/types/src/components/interactive-inputs/TemporalScrub.d.ts

@@ -26,4 +26,4 @@ export type TemporalScrubProps = {
  * Es un `<input type="range">` nativo, igual que `SliderInput`/`SemanticSlider` — teclado y accesibilidad
  * vienen gratis por ser nativo.
  */
-export declare const TemporalScrub: ({ value, onChange, min, max, step, marks, formatValue, label, disabled, className, }: TemporalScrubProps) => import("react").JSX.Element;
+export declare const TemporalScrub: ({ value, onChange, min, max, step, marks, formatValue, label, disabled, className, }: TemporalScrubProps) => import('react').JSX.Element;

package/dist/types/src/components/layout/Accordion.d.ts

@@ -14,4 +14,4 @@ export type AccordionProps = {
     onChange?: (openIds: string[]) => void;
     className?: string;
 };
-export declare const Accordion: ({ items, type, defaultValue, value, onChange, className, }: AccordionProps) => import("react").JSX.Element;
+export declare const Accordion: ({ items, type, defaultValue, value, onChange, className, }: AccordionProps) => import('react').JSX.Element;

package/dist/types/src/components/layout/AppShell.caracterizacion.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/layout/AppShell.d.ts

@@ -15,6 +15,8 @@ export type AppShellNavItem = {
      * detrás de bandera o permiso, donde la definición del menú es estática.
      */
     hidden?: boolean;
+    /** 1 = subopción del ítem anterior: va con sangría y en letra menor. */
+    level?: 0 | 1;
 };
 export type AppShellCategory = {
     id: string;
@@ -75,6 +77,7 @@ export type AppShellExitToModulesAction = {
     ariaLabel?: string;
     icon?: ReactNode;
 };
+export type AppShellLayout = "rail" | "sidebar";
 export type AppShellProps = {
     categories: AppShellCategory[];
     activeItemId: string;
@@ -82,6 +85,9 @@ export type AppShellProps = {
     brand?: ReactNode;
     topBar?: ReactNode;
     children: ReactNode;
+    /** "rail" (por defecto): riel de categorías y submenú de la categoría activa. "sidebar": una sola columna con
+     * `brand` arriba y los ítems de todas las categorías; con más de una categoría, cada grupo lleva su título. */
+    layout?: AppShellLayout;
     submenuCollapsed?: boolean;
     onSubmenuCollapsedChange?: (collapsed: boolean) => void;
     submenuFooter?: ReactNode;
@@ -101,12 +107,12 @@ export type AppShellProps = {
     className?: string;
     contentClassName?: string;
 };
-export declare const AppShell: ({ categories, activeItemId, onChange, brand, topBar, children, submenuCollapsed, onSubmenuCollapsedChange, submenuFooter, showSubmenuHeader, showDefaultTopBar, topBarContext, branchSelector, themeToggle, notifications, moduleLauncher, userMenu, helpAction, exitToModulesAction, className, contentClassName, }: AppShellProps) => import("react").JSX.Element;
+export declare const AppShell: ({ categories, activeItemId, onChange, brand, topBar, children, layout, submenuCollapsed, onSubmenuCollapsedChange, submenuFooter, showSubmenuHeader, showDefaultTopBar, topBarContext, branchSelector, themeToggle, notifications, moduleLauncher, userMenu, helpAction, exitToModulesAction, className, contentClassName, }: AppShellProps) => import('react').JSX.Element;
 /**
  * @deprecated Use `AppShell` instead. `AppBarContainer` remains as temporary
  * compatibility alias and is scheduled for removal in the next major release.
  */
-export declare const AppBarContainer: ({ categories, activeItemId, onChange, brand, topBar, children, submenuCollapsed, onSubmenuCollapsedChange, submenuFooter, showSubmenuHeader, showDefaultTopBar, topBarContext, branchSelector, themeToggle, notifications, moduleLauncher, userMenu, helpAction, exitToModulesAction, className, contentClassName, }: AppShellProps) => import("react").JSX.Element;
+export declare const AppBarContainer: ({ categories, activeItemId, onChange, brand, topBar, children, layout, submenuCollapsed, onSubmenuCollapsedChange, submenuFooter, showSubmenuHeader, showDefaultTopBar, topBarContext, branchSelector, themeToggle, notifications, moduleLauncher, userMenu, helpAction, exitToModulesAction, className, contentClassName, }: AppShellProps) => import('react').JSX.Element;
 /**
  * @deprecated Use `AppShellProps` instead.
  */

package/dist/types/src/components/layout/Breadcrumb.d.ts

@@ -11,4 +11,4 @@ export type BreadcrumbProps = {
     className?: string;
     ariaLabel?: string;
 };
-export declare const Breadcrumb: ({ items, separator, className, ariaLabel, }: BreadcrumbProps) => import("react").JSX.Element | null;
+export declare const Breadcrumb: ({ items, separator, className, ariaLabel, }: BreadcrumbProps) => import('react').JSX.Element | null;

package/dist/types/src/components/layout/DateWeekStrip.d.ts

@@ -9,4 +9,4 @@ export type DateWeekStripProps = {
     todayLabel?: string;
     className?: string;
 };
-export declare const DateWeekStrip: ({ selectedDate, onSelectedDateChange, todayIso, dayLabels, monthLabels, todayLabel, className, }: DateWeekStripProps) => import("react").JSX.Element;
+export declare const DateWeekStrip: ({ selectedDate, onSelectedDateChange, todayIso, dayLabels, monthLabels, todayLabel, className, }: DateWeekStripProps) => import('react').JSX.Element;

package/dist/types/src/components/layout/FilterBar.d.ts

@@ -7,13 +7,13 @@ export type FilterBarProps = {
     className?: string;
     ariaLabel?: string;
 };
-export declare const FilterBar: ({ children, onApply, applyLabel, applyLoading, className, ariaLabel, }: FilterBarProps) => import("react").JSX.Element;
+export declare const FilterBar: ({ children, onApply, applyLabel, applyLoading, className, ariaLabel, }: FilterBarProps) => import('react').JSX.Element;
 export type FilterBarFieldProps = {
     label: string;
     children: ReactNode;
     className?: string;
 };
-export declare const FilterBarField: ({ label, children, className }: FilterBarFieldProps) => import("react").JSX.Element;
+export declare const FilterBarField: ({ label, children, className }: FilterBarFieldProps) => import('react').JSX.Element;
 export type FilterBarDateProps = {
     value?: string;
     defaultValue?: string;
@@ -23,7 +23,7 @@ export type FilterBarDateProps = {
     id?: string;
     "aria-label"?: string;
 };
-export declare const FilterBarDate: ({ value, defaultValue, onChange, disabled, className, id, "aria-label": ariaLabel, }: FilterBarDateProps) => import("react").JSX.Element;
+export declare const FilterBarDate: ({ value, defaultValue, onChange, disabled, className, id, "aria-label": ariaLabel, }: FilterBarDateProps) => import('react').JSX.Element;
 export type FilterBarSelectOption = {
     label: string;
     value: string;
@@ -40,7 +40,7 @@ export type FilterBarSelectProps = {
     id?: string;
     "aria-label"?: string;
 };
-export declare const FilterBarSelect: ({ value, defaultValue, onChange, options, placeholder, disabled, className, id, "aria-label": ariaLabel, }: FilterBarSelectProps) => import("react").JSX.Element;
+export declare const FilterBarSelect: ({ value, defaultValue, onChange, options, placeholder, disabled, className, id, "aria-label": ariaLabel, }: FilterBarSelectProps) => import('react').JSX.Element;
 export type FilterBarTextProps = {
     value?: string;
     defaultValue?: string;
@@ -54,4 +54,4 @@ export type FilterBarTextProps = {
      * con ella el input se envuelve en `.sf-filter-bar__text--with-icon` y recibe padding-left. */
     leadingIcon?: ReactNode;
 };
-export declare const FilterBarText: ({ value, defaultValue, onChange, placeholder, disabled, className, id, "aria-label": ariaLabel, leadingIcon, }: FilterBarTextProps) => import("react").JSX.Element;
+export declare const FilterBarText: ({ value, defaultValue, onChange, placeholder, disabled, className, id, "aria-label": ariaLabel, leadingIcon, }: FilterBarTextProps) => import('react').JSX.Element;

package/dist/types/src/components/layout/FormWizard.d.ts

@@ -7,5 +7,5 @@ export type FormWizardProps = UseFormWizardOptions & {
     contentBorderless?: boolean;
     className?: string;
 };
-export declare const FormWizard: ({ contentBorderless, hideFooter, className, ...options }: FormWizardProps) => import("react").JSX.Element;
+export declare const FormWizard: ({ contentBorderless, hideFooter, className, ...options }: FormWizardProps) => import('react').JSX.Element;
 export { useFormWizard };

package/dist/types/src/components/layout/HeightProvider.d.ts

@@ -3,5 +3,5 @@ export type HeightProviderProps = {
     height: number;
     children: ReactNode;
 };
-export declare const HeightProvider: ({ height, children }: HeightProviderProps) => import("react").JSX.Element;
+export declare const HeightProvider: ({ height, children }: HeightProviderProps) => import('react').JSX.Element;
 export declare const useContainerHeight: () => number | null;

package/dist/types/src/components/layout/ItineraryEditor.d.ts

@@ -17,4 +17,4 @@ export type ItineraryEditorProps = {
     mapSlot?: ReactNode;
     className?: string;
 };
-export declare const ItineraryEditor: ({ eyebrow, title, action, originLabel, destinationLabel, stops, mapSlot, className, }: ItineraryEditorProps) => import("react").JSX.Element;
+export declare const ItineraryEditor: ({ eyebrow, title, action, originLabel, destinationLabel, stops, mapSlot, className, }: ItineraryEditorProps) => import('react').JSX.Element;

package/dist/types/src/components/layout/LiveRouteBoard.d.ts

@@ -47,4 +47,4 @@ export type LiveRouteBoardProps = {
     className?: string;
     ariaLabel?: string;
 };
-export declare const LiveRouteBoard: ({ routes, openRouteId, defaultOpenRouteId, onOpenRouteChange, onPassengerRemove, onPassengerBoard, onPassengerAbsent, onAddPassenger, onEvento, onCloseManifest, className, ariaLabel, }: LiveRouteBoardProps) => import("react").JSX.Element;
+export declare const LiveRouteBoard: ({ routes, openRouteId, defaultOpenRouteId, onOpenRouteChange, onPassengerRemove, onPassengerBoard, onPassengerAbsent, onAddPassenger, onEvento, onCloseManifest, className, ariaLabel, }: LiveRouteBoardProps) => import('react').JSX.Element;

package/dist/types/src/components/layout/MaestroLayout.d.ts

@@ -12,4 +12,4 @@ export type MaestroLayoutProps = {
     className?: string;
     ariaLabel?: string;
 };
-export declare const MaestroLayout: ({ title, searchValue, onSearchChange, searchPlaceholder, onNew, newLabel, actions, children, footer, className, ariaLabel, }: MaestroLayoutProps) => import("react").JSX.Element;
+export declare const MaestroLayout: ({ title, searchValue, onSearchChange, searchPlaceholder, onNew, newLabel, actions, children, footer, className, ariaLabel, }: MaestroLayoutProps) => import('react').JSX.Element;

package/dist/types/src/components/layout/MasterDetailLayout.d.ts

@@ -17,5 +17,5 @@ export type MasterDetailLayoutProps = {
     className?: string;
     ariaLabel?: string;
 };
-export declare const MasterDetailListItem: ({ title, subtitle, meta, status, icon, active, onClick, className, }: MasterDetailListItemProps) => import("react").JSX.Element;
-export declare const MasterDetailLayout: ({ listHeader, list, detail, listWidth, className, ariaLabel, }: MasterDetailLayoutProps) => import("react").JSX.Element;
+export declare const MasterDetailListItem: ({ title, subtitle, meta, status, icon, active, onClick, className, }: MasterDetailListItemProps) => import('react').JSX.Element;
+export declare const MasterDetailLayout: ({ listHeader, list, detail, listWidth, className, ariaLabel, }: MasterDetailLayoutProps) => import('react').JSX.Element;

package/dist/types/src/components/layout/PageContainer.d.ts

@@ -4,5 +4,5 @@ type PageContainerProps = {
     className?: string;
     padded?: boolean;
 };
-export declare const PageContainer: ({ children, className, padded }: PageContainerProps) => import("react").JSX.Element;
+export declare const PageContainer: ({ children, className, padded }: PageContainerProps) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/layout/PageHeader.d.ts

@@ -14,4 +14,4 @@ export type PageHeaderProps = {
     tone?: "default" | "app";
     sticky?: boolean;
 };
-export declare const PageHeader: ({ title, subtitle, eyebrow, stepLabel, icon, actions, className, tone, sticky, }: PageHeaderProps) => import("react").JSX.Element;
+export declare const PageHeader: ({ title, subtitle, eyebrow, stepLabel, icon, actions, className, tone, sticky, }: PageHeaderProps) => import('react').JSX.Element;

package/dist/types/src/components/layout/ScrollArea.d.ts

@@ -6,4 +6,4 @@ export type ScrollAreaProps = {
     className?: string;
     ariaLabel?: string;
 };
-export declare const ScrollArea: ({ children, maxHeight, maxWidth, className, ariaLabel }: ScrollAreaProps) => import("react").JSX.Element;
+export declare const ScrollArea: ({ children, maxHeight, maxWidth, className, ariaLabel }: ScrollAreaProps) => import('react').JSX.Element;

package/dist/types/src/components/layout/Separator.d.ts

@@ -3,4 +3,4 @@ export type SeparatorProps = {
     orientation?: SeparatorOrientation;
     className?: string;
 };
-export declare const Separator: ({ orientation, className }: SeparatorProps) => import("react").JSX.Element;
+export declare const Separator: ({ orientation, className }: SeparatorProps) => import('react').JSX.Element;

package/dist/types/src/components/layout/SidePanel.d.ts

@@ -11,5 +11,5 @@ type SidePanelProps = {
     footer?: ReactNode;
     className?: string;
 };
-export declare const SidePanel: ({ open, title, subtitle, onClose, width, side, children, footer, className, }: SidePanelProps) => import("react").JSX.Element;
+export declare const SidePanel: ({ open, title, subtitle, onClose, width, side, children, footer, className, }: SidePanelProps) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/layout/SidePanelContainer.d.ts

@@ -17,5 +17,5 @@ export type SidePanelContainerProps = {
     ariaLabel?: string;
     className?: string;
 };
-export declare const SidePanelContainer: ({ children, panel, width, handle, closeOnClickOutside, ariaLabel, className, }: SidePanelContainerProps) => import("react").JSX.Element;
+export declare const SidePanelContainer: ({ children, panel, width, handle, closeOnClickOutside, ariaLabel, className, }: SidePanelContainerProps) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/layout/SummaryItem.d.ts

@@ -10,5 +10,5 @@ type SummaryItemProps = {
  * 2 columnas dentro de una tarjeta de resumen.
  * Estilos en sf-layout.css — sin clases arbitrarias de Tailwind.
  */
-export declare const SummaryItem: ({ label, value, className }: SummaryItemProps) => import("react").JSX.Element;
+export declare const SummaryItem: ({ label, value, className }: SummaryItemProps) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/layout/TablePageLayout.d.ts

@@ -5,5 +5,5 @@ type TablePageLayoutProps = {
     padded?: boolean;
 };
 /** Área de página para listados/tablas — fondo y padding consistentes. */
-export declare const TablePageLayout: ({ children, className, padded }: TablePageLayoutProps) => import("react").JSX.Element;
+export declare const TablePageLayout: ({ children, className, padded }: TablePageLayoutProps) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/layout/Tabs.caracterizacion.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/layout/Tabs.d.ts

@@ -11,7 +11,10 @@ type TabsProps = {
     value: string;
     onChange: (id: string) => void;
     className?: string;
-    variant?: "underline" | "segmented" | "accentUnderline";
+    /** "pills": cada pestaña en su propia píldora con borde; la activa, rellena. */
+    variant?: "underline" | "segmented" | "accentUnderline" | "pills";
+    /** "sm": pestañas bajas para la cabecera de una tarjeta. */
+    size?: "md" | "sm";
 };
-export declare const Tabs: ({ tabs, value, onChange, className, variant }: TabsProps) => import("react").JSX.Element;
+export declare const Tabs: ({ tabs, value, onChange, className, variant, size }: TabsProps) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/layout/Tabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/layout/ThemePicker.d.ts

@@ -0,0 +1,23 @@
+export type ThemePickerOption = {
+    id: string;
+    label: string;
+    /** Dos colores de muestra (fondo y acento) para reconocer el tema. */
+    swatch: [string, string];
+};
+export type ThemePickerMode = "light" | "dark";
+export type ThemePickerProps = {
+    themes: ThemePickerOption[];
+    value: string;
+    onChange: (id: string) => void;
+    mode: ThemePickerMode;
+    onModeChange: (mode: ThemePickerMode) => void;
+    /** false: solo las muestras de color; el nombre queda como texto accesible y en el `title`. */
+    showLabels?: boolean;
+    ariaLabel?: string;
+    className?: string;
+};
+/**
+ * Selector de tema de color (radio) y de modo claro u oscuro (interruptor). Solo informa la elección: quien lo usa
+ * aplica `data-skin` y `data-theme` en el <html> (ver theme/temas.css).
+ */
+export declare const ThemePicker: ({ themes, value, onChange, mode, onModeChange, showLabels, ariaLabel, className, }: ThemePickerProps) => import('react').JSX.Element;

package/dist/types/src/components/layout/ThemePicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/layout/UnitSelector.d.ts

@@ -11,4 +11,4 @@ export type UnitSelectorProps = {
     className?: string;
     ariaLabel?: string;
 };
-export declare const UnitSelector: ({ label, value, options, onChange, className, ariaLabel, }: UnitSelectorProps) => import("react").JSX.Element;
+export declare const UnitSelector: ({ label, value, options, onChange, className, ariaLabel, }: UnitSelectorProps) => import('react').JSX.Element;

package/dist/types/src/components/layout/Visibility.d.ts

@@ -5,6 +5,6 @@ export type VisibilityProps = {
     className?: string;
 };
 /** Muestra u oculta hijos con `hidden` (mantiene montados). */
-export declare const Visibility: ({ visible, children, className }: VisibilityProps) => import("react").JSX.Element;
+export declare const Visibility: ({ visible, children, className }: VisibilityProps) => import('react').JSX.Element;
 /** Alias legacy sarkui (typo original). */
-export declare const Visivility: ({ visible, children, className }: VisibilityProps) => import("react").JSX.Element;
+export declare const Visivility: ({ visible, children, className }: VisibilityProps) => import('react').JSX.Element;

package/dist/types/src/components/layout/WeekdayToggleStrip.d.ts

@@ -9,4 +9,4 @@ export type WeekdayToggleStripProps = {
     days?: WeekdayOption[];
     className?: string;
 };
-export declare const WeekdayToggleStrip: ({ selected, onChange, label, days, className, }: WeekdayToggleStripProps) => import("react").JSX.Element;
+export declare const WeekdayToggleStrip: ({ selected, onChange, label, days, className, }: WeekdayToggleStripProps) => import('react').JSX.Element;

package/dist/types/src/components/layout/WorkspaceHeader.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { NotificationItem } from '../overlays';
+import { BreadcrumbItem } from './Breadcrumb';
+export type WorkspaceHeaderSearch = {
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    onSubmit?: (value: string) => void;
+    ariaLabel?: string;
+};
+export type WorkspaceHeaderUser = {
+    name: string;
+    role?: string;
+    avatarSrc?: string;
+    initials?: string;
+};
+export type WorkspaceHeaderProps = {
+    title: string;
+    subtitle?: string;
+    breadcrumb?: BreadcrumbItem[];
+    search?: WorkspaceHeaderSearch;
+    notifications?: {
+        items: NotificationItem[];
+        onItemClick?: (item: NotificationItem) => void;
+    };
+    user?: WorkspaceHeaderUser;
+    /** Botones bajo la zona de herramientas, alineados a la derecha. */
+    actions?: ReactNode;
+    className?: string;
+};
+export declare const WorkspaceHeader: ({ title, subtitle, breadcrumb, search, notifications, user, actions, className, }: WorkspaceHeaderProps) => import('react').JSX.Element;

package/dist/types/src/components/layout/WorkspaceHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/layout/index.d.ts

@@ -14,6 +14,10 @@ export type { VisibilityProps } from './Visibility';
 export { Separator } from './Separator';
 export type { SeparatorOrientation, SeparatorProps } from './Separator';
 export { Breadcrumb } from './Breadcrumb';
+export { WorkspaceHeader } from './WorkspaceHeader';
+export { ThemePicker } from './ThemePicker';
+export type { ThemePickerMode, ThemePickerOption, ThemePickerProps } from './ThemePicker';
+export type { WorkspaceHeaderProps, WorkspaceHeaderSearch, WorkspaceHeaderUser } from './WorkspaceHeader';
 export type { BreadcrumbItem, BreadcrumbProps } from './Breadcrumb';
 export { Accordion } from './Accordion';
 export type { AccordionItemDef, AccordionProps, AccordionType } from './Accordion';
@@ -39,4 +43,4 @@ export { WeekdayToggleStrip } from './WeekdayToggleStrip';
 export type { WeekdayToggleStripProps, WeekdayOption } from './WeekdayToggleStrip';
 export type { UnitSelectorOption, UnitSelectorProps } from './UnitSelector';
 export { AppShell, AppBarContainer } from './AppShell';
-export type { AppShellCategory, AppShellNavItem, AppShellProps, AppShellBranchSelector, AppShellExitToModulesAction, AppShellHelpAction, AppShellModuleLauncher, AppShellModuleLauncherItem, AppShellThemeToggle, AppShellTopBarContext, AppShellUserMenu, AppBarContainerProps, } from './AppShell';
+export type { AppShellCategory, AppShellNavItem, AppShellProps, AppShellBranchSelector, AppShellExitToModulesAction, AppShellHelpAction, AppShellLayout, AppShellModuleLauncher, AppShellModuleLauncherItem, AppShellThemeToggle, AppShellTopBarContext, AppShellUserMenu, AppBarContainerProps, } from './AppShell';

package/dist/types/src/components/maps/base/MapFrame.d.ts

@@ -5,4 +5,4 @@ export type MapFrameProps = {
     className?: string;
     children: ReactNode;
 };
-export declare const MapFrame: ({ title, description, className, children }: MapFrameProps) => import("react").JSX.Element;
+export declare const MapFrame: ({ title, description, className, children }: MapFrameProps) => import('react').JSX.Element;

package/dist/types/src/components/maps/base/MapLegend.d.ts

@@ -7,4 +7,4 @@ export type MapLegendProps = {
     items: MapLegendItem[];
     className?: string;
 };
-export declare const MapLegend: ({ items, className }: MapLegendProps) => import("react").JSX.Element;
+export declare const MapLegend: ({ items, className }: MapLegendProps) => import('react').JSX.Element;

package/dist/types/src/components/maps/base/MapPointCard.d.ts

@@ -19,4 +19,4 @@ export type MapPointCardProps = {
     className?: string;
 };
 /** Tarjeta con lo que hay en el punto pulsado de un mapa. Va en `MapView.panel`. */
-export declare const MapPointCard: ({ title, items, loading, error, warning, onClose, className, }: MapPointCardProps) => import("react").JSX.Element;
+export declare const MapPointCard: ({ title, items, loading, error, warning, onClose, className, }: MapPointCardProps) => import('react').JSX.Element;

package/dist/types/src/components/maps/base/MapStatus.d.ts

@@ -2,4 +2,4 @@ export type MapStatusProps = {
     tone?: "info" | "warning" | "error";
     children: string;
 };
-export declare const MapStatus: ({ tone, children }: MapStatusProps) => import("react").JSX.Element;
+export declare const MapStatus: ({ tone, children }: MapStatusProps) => import('react').JSX.Element;

package/dist/types/src/components/maps/base/MapToolbar.d.ts

@@ -7,4 +7,4 @@ export type MapToolbarProps = {
     onLayers?: () => void;
     className?: string;
 };
-export declare const MapToolbar: ({ mapType, onMapTypeChange, onFullscreen, onLayers, className }: MapToolbarProps) => import("react").JSX.Element;
+export declare const MapToolbar: ({ mapType, onMapTypeChange, onFullscreen, onLayers, className }: MapToolbarProps) => import('react').JSX.Element;

package/dist/types/src/components/maps/base/MapVehiclePopup.d.ts

@@ -7,4 +7,4 @@ export type MapVehiclePopupProps = {
     onClick?: () => void;
     className?: string;
 };
-export declare const MapVehiclePopup: ({ title, subtitle, statusLabel, statusColor, speedKmh, onClick, className, }: MapVehiclePopupProps) => import("react").JSX.Element;
+export declare const MapVehiclePopup: ({ title, subtitle, statusLabel, statusColor, speedKmh, onClick, className, }: MapVehiclePopupProps) => import('react').JSX.Element;

package/dist/types/src/components/maps/forms/AddressSearchInput.d.ts

@@ -13,4 +13,4 @@ export type AddressSearchInputProps<TFormValues extends FieldValues> = {
     onChange?: (value: SfPlace | null) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const AddressSearchInput: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, readOnly, disabled, className, onChange, onRefresh, }: AddressSearchInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const AddressSearchInput: <TFormValues extends FieldValues>({ form, name, label, info, required, placeholder, readOnly, disabled, className, onChange, onRefresh, }: AddressSearchInputProps<TFormValues>) => import('react').JSX.Element;

package/dist/types/src/components/maps/forms/AreaInput.d.ts

@@ -4,4 +4,4 @@ import { SfLatLng } from '../../../types/maps';
 export type AreaInputProps<TFormValues extends FieldValues> = Omit<ShapeInputProps<TFormValues>, "mode"> & {
     onChange?: (value: SfLatLng[]) => void;
 };
-export declare const AreaInput: <TFormValues extends FieldValues>(props: AreaInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const AreaInput: <TFormValues extends FieldValues>(props: AreaInputProps<TFormValues>) => import('react').JSX.Element;

package/dist/types/src/components/maps/forms/CoordinatesInput.d.ts

@@ -2,5 +2,5 @@ import { FieldValues } from 'react-hook-form';
 import { LocationPickerProps } from './LocationPicker';
 import { SfLatLng } from '../../../types/maps';
 export type CoordinatesInputProps<TFormValues extends FieldValues> = LocationPickerProps<TFormValues>;
-export declare const CoordinatesInput: <TFormValues extends FieldValues>(props: CoordinatesInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const CoordinatesInput: <TFormValues extends FieldValues>(props: CoordinatesInputProps<TFormValues>) => import('react').JSX.Element;
 export type CoordinatesValue = SfLatLng;

package/dist/types/src/components/maps/forms/LocationPicker.d.ts

@@ -13,4 +13,4 @@ export type LocationPickerProps<TFormValues extends FieldValues> = {
     onChange?: (value: SfLatLng) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const LocationPicker: <TFormValues extends FieldValues>({ form, name, label, info, required, zoom, readOnly, disabled, className, onChange, onRefresh, }: LocationPickerProps<TFormValues>) => import("react").JSX.Element;
+export declare const LocationPicker: <TFormValues extends FieldValues>({ form, name, label, info, required, zoom, readOnly, disabled, className, onChange, onRefresh, }: LocationPickerProps<TFormValues>) => import('react').JSX.Element;

package/dist/types/src/components/maps/forms/RouteInput.d.ts

@@ -4,4 +4,4 @@ import { SfLatLng } from '../../../types/maps';
 export type RouteInputProps<TFormValues extends FieldValues> = Omit<ShapeInputProps<TFormValues>, "mode"> & {
     onChange?: (value: SfLatLng[]) => void;
 };
-export declare const RouteInput: <TFormValues extends FieldValues>(props: RouteInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const RouteInput: <TFormValues extends FieldValues>(props: RouteInputProps<TFormValues>) => import('react').JSX.Element;

package/dist/types/src/components/maps/forms/ShapeInput.d.ts

@@ -15,5 +15,5 @@ export type ShapeInputProps<TFormValues extends FieldValues> = {
     onChange?: (value: SfLatLng[]) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const ShapeInput: <TFormValues extends FieldValues>({ form, name, mode, label, info, required, zoom, readOnly, disabled, className, onChange, onRefresh, }: ShapeInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const ShapeInput: <TFormValues extends FieldValues>({ form, name, mode, label, info, required, zoom, readOnly, disabled, className, onChange, onRefresh, }: ShapeInputProps<TFormValues>) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/maps/forms/SmartMapInput.d.ts

@@ -35,5 +35,5 @@ type SmartMapRouteProps<TFormValues extends FieldValues> = SmartMapBaseProps<TFo
     onChange?: (value: SfLatLng[]) => void;
 };
 export type SmartMapInputProps<TFormValues extends FieldValues> = SmartMapCoordinatesProps<TFormValues> | SmartMapLocationProps<TFormValues> | SmartMapAddressProps<TFormValues> | SmartMapAreaProps<TFormValues> | SmartMapRouteProps<TFormValues>;
-export declare const SmartMapInput: <TFormValues extends FieldValues>(props: SmartMapInputProps<TFormValues>) => import("react").JSX.Element | null;
+export declare const SmartMapInput: <TFormValues extends FieldValues>(props: SmartMapInputProps<TFormValues>) => import('react').JSX.Element | null;
 export {};

package/dist/types/src/components/maps/renderers/google/GoogleMapRenderer.d.ts

@@ -2,5 +2,5 @@ import { SfGoogleMapsEngineConfig, SfMapRendererProps } from '../../../../types/
 type GoogleMapRendererProps = SfMapRendererProps & {
     config?: SfGoogleMapsEngineConfig;
 };
-export declare const GoogleMapRenderer: ({ config, center, zoom, markers, routes, areas, circles, mapType, view, onViewChange, zoomControl, height, className, readOnly, onClick, onMarkerClick, onMarkerDoubleClick, onMarkerDrag, onMarkerDragEnd, }: GoogleMapRendererProps) => import("react").JSX.Element;
+export declare const GoogleMapRenderer: ({ config, center, zoom, markers, routes, areas, circles, mapType, view, onViewChange, zoomControl, height, className, readOnly, onClick, onMarkerClick, onMarkerDoubleClick, onMarkerDrag, onMarkerDragEnd, }: GoogleMapRendererProps) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/maps/renderers/leaflet/LeafletMapRenderer.d.ts

@@ -3,5 +3,5 @@ type LeafletMapRendererProps = SfMapRendererProps & {
     tileUrl?: string;
     attribution?: string;
 };
-export declare const LeafletMapRenderer: ({ center, zoom, markers, routes, areas, circles, mapType, view, onViewChange, zoomControl, height, className, readOnly, tileUrl, attribution, onClick, onMarkerClick, onMarkerDoubleClick, onMarkerDrag, onMarkerDragEnd, }: LeafletMapRendererProps) => import("react").JSX.Element;
+export declare const LeafletMapRenderer: ({ center, zoom, markers, routes, areas, circles, mapType, view, onViewChange, zoomControl, height, className, readOnly, tileUrl, attribution, onClick, onMarkerClick, onMarkerDoubleClick, onMarkerDrag, onMarkerDragEnd, }: LeafletMapRendererProps) => import('react').JSX.Element;
 export {};

package/dist/types/src/components/maps/views/MapView.d.ts

@@ -23,4 +23,4 @@ export type MapViewProps = Omit<SfMapRendererProps, "markers" | "view" | "onView
     /** Panel arriba a la izquierda, bajo el selector de capas (p. ej. `MapPointCard`). */
     panel?: ReactNode;
 };
-export declare const MapView: ({ title, description, center, zoom, markers, routes, areas, circles, mapType, onMapTypeChange, showControls, recenterTo, focus, focusZoom, legend, panel, height, className, readOnly, onClick, onMarkerClick, onMarkerDoubleClick, onMarkerDrag, onMarkerDragEnd, }: MapViewProps) => import("react").JSX.Element;
+export declare const MapView: ({ title, description, center, zoom, markers, routes, areas, circles, mapType, onMapTypeChange, showControls, recenterTo, focus, focusZoom, legend, panel, height, className, readOnly, onClick, onMarkerClick, onMarkerDoubleClick, onMarkerDrag, onMarkerDragEnd, }: MapViewProps) => import('react').JSX.Element;

package/dist/types/src/components/media-inputs/FileDropInput.d.ts

@@ -17,5 +17,5 @@ type FileDropInputProps<TFormValues extends FieldValues> = {
     onUpload?: (file: File, reportProgress: (percent: number) => void) => Promise<void>;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const FileDropInput: <TFormValues extends FieldValues>({ form, name, label, info, required, accept, multiple, maxSizeMb, dropLabel, readOnly, disabled, small, className, onChange, onUpload, onRefresh, }: FileDropInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const FileDropInput: <TFormValues extends FieldValues>({ form, name, label, info, required, accept, multiple, maxSizeMb, dropLabel, readOnly, disabled, small, className, onChange, onUpload, onRefresh, }: FileDropInputProps<TFormValues>) => import('react').JSX.Element;
 export type { FileDropInputProps };

package/dist/types/src/components/media-inputs/MultiPhotoInput.d.ts

@@ -16,5 +16,5 @@ type MultiPhotoInputProps<TFormValues extends FieldValues> = {
     onChange?: (photos: PhotoItem[]) => void;
     onRefresh?: () => Promise<void> | void;
 };
-export declare const MultiPhotoInput: <TFormValues extends FieldValues>({ form, name, label, info, required, max, maxSizeMb, camera, readOnly, disabled, small, className, onChange, onRefresh, }: MultiPhotoInputProps<TFormValues>) => import("react").JSX.Element;
+export declare const MultiPhotoInput: <TFormValues extends FieldValues>({ form, name, label, info, required, max, maxSizeMb, camera, readOnly, disabled, small, className, onChange, onRefresh, }: MultiPhotoInputProps<TFormValues>) => import('react').JSX.Element;
 export type { MultiPhotoInputProps };

package/dist/types/src/components/media-inputs/PhotoCropEditor.d.ts

@@ -6,4 +6,4 @@ export type PhotoCropEditorProps = {
     onConfirm: (file: File) => void;
     className?: string;
 };
-export declare const PhotoCropEditor: ({ imageUrl, fileName, aspect, onCancel, onConfirm, className, }: PhotoCropEditorProps) => import("react").JSX.Element;
+export declare const PhotoCropEditor: ({ imageUrl, fileName, aspect, onCancel, onConfirm, className, }: PhotoCropEditorProps) => import('react').JSX.Element;