@soyfri/shared-library 4.0.2 → 4.1.0

package/theme/componentStyles.d.cts

@@ -0,0 +1,33 @@
+import { SxProps, Theme } from '@mui/material/styles';
+/**
+ * Lista de componentes del paquete que soportan presets registrables en el
+ * theme.
+ *
+ * @deprecated Ver la nota de arriba.
+ */
+export type LibraryComponentName = 'Input' | 'Select' | 'Autocomplete' | 'DatePicker' | 'DateTimePicker' | 'Drawer' | 'AppBar' | 'Card' | 'RadioGroup' | 'Switch' | 'Checkbox' | 'Gallery' | 'DataRow' | 'EmptyState' | 'PageHeader';
+/**
+ * Un estilo de preset. Puede ser un objeto sx directo o una función del theme
+ * para acceder a palette/typography/etc.
+ */
+export type PresetStyle = SxProps<Theme> | ((theme: Theme) => SxProps<Theme>);
+/**
+ * Map de presets disponibles para un componente. Las keys son nombres libres
+ * elegidos por el consumidor (p.ej. `reddit`, `compact-filled`). El paquete
+ * no registra ninguna entrada: `preset="default"` significa "usar el estilo
+ * built-in de fábrica" y no requiere registro.
+ */
+export type ComponentPresets = Record<string, PresetStyle>;
+/**
+ * Shape del namespace `theme.styles` — un map de componentes del paquete a
+ * sus presets registrados.
+ */
+export type LibraryStyles = Partial<Record<LibraryComponentName, ComponentPresets>>;
+declare module '@mui/material/styles' {
+    interface Theme {
+        styles: LibraryStyles;
+    }
+    interface ThemeOptions {
+        styles?: LibraryStyles;
+    }
+}

package/theme/componentStyles.d.mts

@@ -0,0 +1,33 @@
+import { SxProps, Theme } from '@mui/material/styles';
+/**
+ * Lista de componentes del paquete que soportan presets registrables en el
+ * theme.
+ *
+ * @deprecated Ver la nota de arriba.
+ */
+export type LibraryComponentName = 'Input' | 'Select' | 'Autocomplete' | 'DatePicker' | 'DateTimePicker' | 'Drawer' | 'AppBar' | 'Card' | 'RadioGroup' | 'Switch' | 'Checkbox' | 'Gallery' | 'DataRow' | 'EmptyState' | 'PageHeader';
+/**
+ * Un estilo de preset. Puede ser un objeto sx directo o una función del theme
+ * para acceder a palette/typography/etc.
+ */
+export type PresetStyle = SxProps<Theme> | ((theme: Theme) => SxProps<Theme>);
+/**
+ * Map de presets disponibles para un componente. Las keys son nombres libres
+ * elegidos por el consumidor (p.ej. `reddit`, `compact-filled`). El paquete
+ * no registra ninguna entrada: `preset="default"` significa "usar el estilo
+ * built-in de fábrica" y no requiere registro.
+ */
+export type ComponentPresets = Record<string, PresetStyle>;
+/**
+ * Shape del namespace `theme.styles` — un map de componentes del paquete a
+ * sus presets registrados.
+ */
+export type LibraryStyles = Partial<Record<LibraryComponentName, ComponentPresets>>;
+declare module '@mui/material/styles' {
+    interface Theme {
+        styles: LibraryStyles;
+    }
+    interface ThemeOptions {
+        styles?: LibraryStyles;
+    }
+}

package/theme/componentStyles.d.ts

@@ -1,8 +1,9 @@
 import { SxProps, Theme } from '@mui/material/styles';
 /**
  * Lista de componentes del paquete que soportan presets registrables en el
- * theme. Si en el futuro se agrega otro componente al sistema, se extiende
- * esta union.
+ * theme.
+ *
+ * @deprecated Ver la nota de arriba.
  */
 export type LibraryComponentName = 'Input' | 'Select' | 'Autocomplete' | 'DatePicker' | 'DateTimePicker' | 'Drawer' | 'AppBar' | 'Card' | 'RadioGroup' | 'Switch' | 'Checkbox' | 'Gallery' | 'DataRow' | 'EmptyState' | 'PageHeader';
 /**

package/theme/friComponents.d.cts

@@ -0,0 +1,138 @@
+import { ComponentsOverrides, ComponentsVariants } from '@mui/material/styles';
+import { AppBarProps } from '../components/AppBar/AppBar';
+import { CardProps } from '../components/Card/Card';
+import { CheckboxProps } from '../components/Checkbox/Checkbox';
+import { DrawerProps } from '../components/Drawer/Drawer';
+import { GalleryProps } from '../components/Gallery/Gallery';
+import { DataRowProps } from '../components/DataRow/DataRow';
+import { EmptyStateProps } from '../components/EmptyState/EmptyState';
+import { InputProps } from '../components/Input/Input';
+import { DatePickerProps } from '../components/DatePicker/DatePicker';
+import { DateTimePickerProps } from '../components/DateTimePicker/DateTimePicker';
+import { PageHeaderProps } from '../components/PageHeader/PageHeader';
+import { RadioGroupProps } from '../components/RadioGroup/RadioGroup';
+import { SelectProps } from '../components/Select/Select';
+import { StatProps } from '../components/Stat/Stat';
+import { StatusMessageProps } from '../components/StatusMessage/StatusMessage';
+import { SwitchProps } from '../components/Switch/Switch';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        FriCard: 'root';
+        FriDataRow: 'root';
+        FriEmptyState: 'root';
+        FriAppBar: 'root';
+        FriCheckbox: 'root';
+        FriDrawer: 'root';
+        FriGallery: 'root';
+        FriDatePicker: 'root';
+        FriDateTimePicker: 'root';
+        FriInput: 'root';
+        FriPageHeader: 'root';
+        FriRadioGroup: 'root';
+        FriSelect: 'root';
+        FriStat: 'root';
+        FriStatusMessage: 'root';
+        FriSwitch: 'root';
+    }
+    interface ComponentsPropsList {
+        FriCard: Partial<CardProps>;
+        FriDataRow: Partial<DataRowProps>;
+        FriAppBar: Partial<AppBarProps>;
+        FriCheckbox: Partial<Omit<CheckboxProps, 'name' | 'control' | 'checked' | 'onChange'>>;
+        FriDrawer: Partial<DrawerProps>;
+        FriGallery: Partial<GalleryProps>;
+        FriDatePicker: Partial<Omit<DatePickerProps, 'selectedDate' | 'onDateChange'>>;
+        FriDateTimePicker: Partial<Omit<DateTimePickerProps, 'name' | 'control' | 'selectedDateTime' | 'onDateTimeChange'>>;
+        FriEmptyState: Partial<EmptyStateProps>;
+        FriInput: Partial<Omit<InputProps, 'name' | 'control' | 'value' | 'onChange'>>;
+        FriPageHeader: Partial<PageHeaderProps>;
+        FriRadioGroup: Partial<Omit<RadioGroupProps, 'name' | 'control' | 'value' | 'onChange'>>;
+        FriSelect: Partial<Omit<SelectProps, 'name' | 'control' | 'value' | 'onChange'>>;
+        FriStat: Partial<StatProps>;
+        FriStatusMessage: Partial<StatusMessageProps>;
+        FriSwitch: Partial<Omit<SwitchProps, 'name' | 'control' | 'checked' | 'onChange'>>;
+    }
+    interface Components<Theme = unknown> {
+        FriCard?: {
+            defaultProps?: ComponentsPropsList['FriCard'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriCard'];
+            variants?: ComponentsVariants<Theme>['FriCard'];
+        };
+        FriDataRow?: {
+            defaultProps?: ComponentsPropsList['FriDataRow'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriDataRow'];
+            variants?: ComponentsVariants<Theme>['FriDataRow'];
+        };
+        FriEmptyState?: {
+            defaultProps?: ComponentsPropsList['FriEmptyState'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriEmptyState'];
+            variants?: ComponentsVariants<Theme>['FriEmptyState'];
+        };
+        FriAppBar?: {
+            defaultProps?: ComponentsPropsList['FriAppBar'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriAppBar'];
+            variants?: ComponentsVariants<Theme>['FriAppBar'];
+        };
+        FriDrawer?: {
+            defaultProps?: ComponentsPropsList['FriDrawer'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriDrawer'];
+            variants?: ComponentsVariants<Theme>['FriDrawer'];
+        };
+        FriGallery?: {
+            defaultProps?: ComponentsPropsList['FriGallery'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriGallery'];
+            variants?: ComponentsVariants<Theme>['FriGallery'];
+        };
+        FriCheckbox?: {
+            defaultProps?: ComponentsPropsList['FriCheckbox'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriCheckbox'];
+            variants?: ComponentsVariants<Theme>['FriCheckbox'];
+        };
+        FriRadioGroup?: {
+            defaultProps?: ComponentsPropsList['FriRadioGroup'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriRadioGroup'];
+            variants?: ComponentsVariants<Theme>['FriRadioGroup'];
+        };
+        FriSwitch?: {
+            defaultProps?: ComponentsPropsList['FriSwitch'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriSwitch'];
+            variants?: ComponentsVariants<Theme>['FriSwitch'];
+        };
+        FriDatePicker?: {
+            defaultProps?: ComponentsPropsList['FriDatePicker'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriDatePicker'];
+            variants?: ComponentsVariants<Theme>['FriDatePicker'];
+        };
+        FriDateTimePicker?: {
+            defaultProps?: ComponentsPropsList['FriDateTimePicker'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriDateTimePicker'];
+            variants?: ComponentsVariants<Theme>['FriDateTimePicker'];
+        };
+        FriInput?: {
+            defaultProps?: ComponentsPropsList['FriInput'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriInput'];
+            variants?: ComponentsVariants<Theme>['FriInput'];
+        };
+        FriPageHeader?: {
+            defaultProps?: ComponentsPropsList['FriPageHeader'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriPageHeader'];
+            variants?: ComponentsVariants<Theme>['FriPageHeader'];
+        };
+        FriSelect?: {
+            defaultProps?: ComponentsPropsList['FriSelect'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriSelect'];
+            variants?: ComponentsVariants<Theme>['FriSelect'];
+        };
+        FriStat?: {
+            defaultProps?: ComponentsPropsList['FriStat'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriStat'];
+            variants?: ComponentsVariants<Theme>['FriStat'];
+        };
+        FriStatusMessage?: {
+            defaultProps?: ComponentsPropsList['FriStatusMessage'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriStatusMessage'];
+            variants?: ComponentsVariants<Theme>['FriStatusMessage'];
+        };
+    }
+}
+export {};

package/theme/friComponents.d.mts

@@ -0,0 +1,138 @@
+import { ComponentsOverrides, ComponentsVariants } from '@mui/material/styles';
+import { AppBarProps } from '../components/AppBar/AppBar.mjs';
+import { CardProps } from '../components/Card/Card.mjs';
+import { CheckboxProps } from '../components/Checkbox/Checkbox.mjs';
+import { DrawerProps } from '../components/Drawer/Drawer.mjs';
+import { GalleryProps } from '../components/Gallery/Gallery.mjs';
+import { DataRowProps } from '../components/DataRow/DataRow.mjs';
+import { EmptyStateProps } from '../components/EmptyState/EmptyState.mjs';
+import { InputProps } from '../components/Input/Input.mjs';
+import { DatePickerProps } from '../components/DatePicker/DatePicker.mjs';
+import { DateTimePickerProps } from '../components/DateTimePicker/DateTimePicker.mjs';
+import { PageHeaderProps } from '../components/PageHeader/PageHeader.mjs';
+import { RadioGroupProps } from '../components/RadioGroup/RadioGroup.mjs';
+import { SelectProps } from '../components/Select/Select.mjs';
+import { StatProps } from '../components/Stat/Stat.mjs';
+import { StatusMessageProps } from '../components/StatusMessage/StatusMessage.mjs';
+import { SwitchProps } from '../components/Switch/Switch.mjs';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        FriCard: 'root';
+        FriDataRow: 'root';
+        FriEmptyState: 'root';
+        FriAppBar: 'root';
+        FriCheckbox: 'root';
+        FriDrawer: 'root';
+        FriGallery: 'root';
+        FriDatePicker: 'root';
+        FriDateTimePicker: 'root';
+        FriInput: 'root';
+        FriPageHeader: 'root';
+        FriRadioGroup: 'root';
+        FriSelect: 'root';
+        FriStat: 'root';
+        FriStatusMessage: 'root';
+        FriSwitch: 'root';
+    }
+    interface ComponentsPropsList {
+        FriCard: Partial<CardProps>;
+        FriDataRow: Partial<DataRowProps>;
+        FriAppBar: Partial<AppBarProps>;
+        FriCheckbox: Partial<Omit<CheckboxProps, 'name' | 'control' | 'checked' | 'onChange'>>;
+        FriDrawer: Partial<DrawerProps>;
+        FriGallery: Partial<GalleryProps>;
+        FriDatePicker: Partial<Omit<DatePickerProps, 'selectedDate' | 'onDateChange'>>;
+        FriDateTimePicker: Partial<Omit<DateTimePickerProps, 'name' | 'control' | 'selectedDateTime' | 'onDateTimeChange'>>;
+        FriEmptyState: Partial<EmptyStateProps>;
+        FriInput: Partial<Omit<InputProps, 'name' | 'control' | 'value' | 'onChange'>>;
+        FriPageHeader: Partial<PageHeaderProps>;
+        FriRadioGroup: Partial<Omit<RadioGroupProps, 'name' | 'control' | 'value' | 'onChange'>>;
+        FriSelect: Partial<Omit<SelectProps, 'name' | 'control' | 'value' | 'onChange'>>;
+        FriStat: Partial<StatProps>;
+        FriStatusMessage: Partial<StatusMessageProps>;
+        FriSwitch: Partial<Omit<SwitchProps, 'name' | 'control' | 'checked' | 'onChange'>>;
+    }
+    interface Components<Theme = unknown> {
+        FriCard?: {
+            defaultProps?: ComponentsPropsList['FriCard'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriCard'];
+            variants?: ComponentsVariants<Theme>['FriCard'];
+        };
+        FriDataRow?: {
+            defaultProps?: ComponentsPropsList['FriDataRow'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriDataRow'];
+            variants?: ComponentsVariants<Theme>['FriDataRow'];
+        };
+        FriEmptyState?: {
+            defaultProps?: ComponentsPropsList['FriEmptyState'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriEmptyState'];
+            variants?: ComponentsVariants<Theme>['FriEmptyState'];
+        };
+        FriAppBar?: {
+            defaultProps?: ComponentsPropsList['FriAppBar'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriAppBar'];
+            variants?: ComponentsVariants<Theme>['FriAppBar'];
+        };
+        FriDrawer?: {
+            defaultProps?: ComponentsPropsList['FriDrawer'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriDrawer'];
+            variants?: ComponentsVariants<Theme>['FriDrawer'];
+        };
+        FriGallery?: {
+            defaultProps?: ComponentsPropsList['FriGallery'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriGallery'];
+            variants?: ComponentsVariants<Theme>['FriGallery'];
+        };
+        FriCheckbox?: {
+            defaultProps?: ComponentsPropsList['FriCheckbox'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriCheckbox'];
+            variants?: ComponentsVariants<Theme>['FriCheckbox'];
+        };
+        FriRadioGroup?: {
+            defaultProps?: ComponentsPropsList['FriRadioGroup'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriRadioGroup'];
+            variants?: ComponentsVariants<Theme>['FriRadioGroup'];
+        };
+        FriSwitch?: {
+            defaultProps?: ComponentsPropsList['FriSwitch'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriSwitch'];
+            variants?: ComponentsVariants<Theme>['FriSwitch'];
+        };
+        FriDatePicker?: {
+            defaultProps?: ComponentsPropsList['FriDatePicker'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriDatePicker'];
+            variants?: ComponentsVariants<Theme>['FriDatePicker'];
+        };
+        FriDateTimePicker?: {
+            defaultProps?: ComponentsPropsList['FriDateTimePicker'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriDateTimePicker'];
+            variants?: ComponentsVariants<Theme>['FriDateTimePicker'];
+        };
+        FriInput?: {
+            defaultProps?: ComponentsPropsList['FriInput'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriInput'];
+            variants?: ComponentsVariants<Theme>['FriInput'];
+        };
+        FriPageHeader?: {
+            defaultProps?: ComponentsPropsList['FriPageHeader'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriPageHeader'];
+            variants?: ComponentsVariants<Theme>['FriPageHeader'];
+        };
+        FriSelect?: {
+            defaultProps?: ComponentsPropsList['FriSelect'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriSelect'];
+            variants?: ComponentsVariants<Theme>['FriSelect'];
+        };
+        FriStat?: {
+            defaultProps?: ComponentsPropsList['FriStat'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriStat'];
+            variants?: ComponentsVariants<Theme>['FriStat'];
+        };
+        FriStatusMessage?: {
+            defaultProps?: ComponentsPropsList['FriStatusMessage'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriStatusMessage'];
+            variants?: ComponentsVariants<Theme>['FriStatusMessage'];
+        };
+    }
+}
+export {};

package/theme/friComponents.d.ts

@@ -0,0 +1,138 @@
+import { ComponentsOverrides, ComponentsVariants } from '@mui/material/styles';
+import { AppBarProps } from '../components/AppBar/AppBar';
+import { CardProps } from '../components/Card/Card';
+import { CheckboxProps } from '../components/Checkbox/Checkbox';
+import { DrawerProps } from '../components/Drawer/Drawer';
+import { GalleryProps } from '../components/Gallery/Gallery';
+import { DataRowProps } from '../components/DataRow/DataRow';
+import { EmptyStateProps } from '../components/EmptyState/EmptyState';
+import { InputProps } from '../components/Input/Input';
+import { DatePickerProps } from '../components/DatePicker/DatePicker';
+import { DateTimePickerProps } from '../components/DateTimePicker/DateTimePicker';
+import { PageHeaderProps } from '../components/PageHeader/PageHeader';
+import { RadioGroupProps } from '../components/RadioGroup/RadioGroup';
+import { SelectProps } from '../components/Select/Select';
+import { StatProps } from '../components/Stat/Stat';
+import { StatusMessageProps } from '../components/StatusMessage/StatusMessage';
+import { SwitchProps } from '../components/Switch/Switch';
+declare module '@mui/material/styles' {
+    interface ComponentNameToClassKey {
+        FriCard: 'root';
+        FriDataRow: 'root';
+        FriEmptyState: 'root';
+        FriAppBar: 'root';
+        FriCheckbox: 'root';
+        FriDrawer: 'root';
+        FriGallery: 'root';
+        FriDatePicker: 'root';
+        FriDateTimePicker: 'root';
+        FriInput: 'root';
+        FriPageHeader: 'root';
+        FriRadioGroup: 'root';
+        FriSelect: 'root';
+        FriStat: 'root';
+        FriStatusMessage: 'root';
+        FriSwitch: 'root';
+    }
+    interface ComponentsPropsList {
+        FriCard: Partial<CardProps>;
+        FriDataRow: Partial<DataRowProps>;
+        FriAppBar: Partial<AppBarProps>;
+        FriCheckbox: Partial<Omit<CheckboxProps, 'name' | 'control' | 'checked' | 'onChange'>>;
+        FriDrawer: Partial<DrawerProps>;
+        FriGallery: Partial<GalleryProps>;
+        FriDatePicker: Partial<Omit<DatePickerProps, 'selectedDate' | 'onDateChange'>>;
+        FriDateTimePicker: Partial<Omit<DateTimePickerProps, 'name' | 'control' | 'selectedDateTime' | 'onDateTimeChange'>>;
+        FriEmptyState: Partial<EmptyStateProps>;
+        FriInput: Partial<Omit<InputProps, 'name' | 'control' | 'value' | 'onChange'>>;
+        FriPageHeader: Partial<PageHeaderProps>;
+        FriRadioGroup: Partial<Omit<RadioGroupProps, 'name' | 'control' | 'value' | 'onChange'>>;
+        FriSelect: Partial<Omit<SelectProps, 'name' | 'control' | 'value' | 'onChange'>>;
+        FriStat: Partial<StatProps>;
+        FriStatusMessage: Partial<StatusMessageProps>;
+        FriSwitch: Partial<Omit<SwitchProps, 'name' | 'control' | 'checked' | 'onChange'>>;
+    }
+    interface Components<Theme = unknown> {
+        FriCard?: {
+            defaultProps?: ComponentsPropsList['FriCard'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriCard'];
+            variants?: ComponentsVariants<Theme>['FriCard'];
+        };
+        FriDataRow?: {
+            defaultProps?: ComponentsPropsList['FriDataRow'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriDataRow'];
+            variants?: ComponentsVariants<Theme>['FriDataRow'];
+        };
+        FriEmptyState?: {
+            defaultProps?: ComponentsPropsList['FriEmptyState'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriEmptyState'];
+            variants?: ComponentsVariants<Theme>['FriEmptyState'];
+        };
+        FriAppBar?: {
+            defaultProps?: ComponentsPropsList['FriAppBar'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriAppBar'];
+            variants?: ComponentsVariants<Theme>['FriAppBar'];
+        };
+        FriDrawer?: {
+            defaultProps?: ComponentsPropsList['FriDrawer'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriDrawer'];
+            variants?: ComponentsVariants<Theme>['FriDrawer'];
+        };
+        FriGallery?: {
+            defaultProps?: ComponentsPropsList['FriGallery'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriGallery'];
+            variants?: ComponentsVariants<Theme>['FriGallery'];
+        };
+        FriCheckbox?: {
+            defaultProps?: ComponentsPropsList['FriCheckbox'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriCheckbox'];
+            variants?: ComponentsVariants<Theme>['FriCheckbox'];
+        };
+        FriRadioGroup?: {
+            defaultProps?: ComponentsPropsList['FriRadioGroup'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriRadioGroup'];
+            variants?: ComponentsVariants<Theme>['FriRadioGroup'];
+        };
+        FriSwitch?: {
+            defaultProps?: ComponentsPropsList['FriSwitch'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriSwitch'];
+            variants?: ComponentsVariants<Theme>['FriSwitch'];
+        };
+        FriDatePicker?: {
+            defaultProps?: ComponentsPropsList['FriDatePicker'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriDatePicker'];
+            variants?: ComponentsVariants<Theme>['FriDatePicker'];
+        };
+        FriDateTimePicker?: {
+            defaultProps?: ComponentsPropsList['FriDateTimePicker'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriDateTimePicker'];
+            variants?: ComponentsVariants<Theme>['FriDateTimePicker'];
+        };
+        FriInput?: {
+            defaultProps?: ComponentsPropsList['FriInput'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriInput'];
+            variants?: ComponentsVariants<Theme>['FriInput'];
+        };
+        FriPageHeader?: {
+            defaultProps?: ComponentsPropsList['FriPageHeader'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriPageHeader'];
+            variants?: ComponentsVariants<Theme>['FriPageHeader'];
+        };
+        FriSelect?: {
+            defaultProps?: ComponentsPropsList['FriSelect'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriSelect'];
+            variants?: ComponentsVariants<Theme>['FriSelect'];
+        };
+        FriStat?: {
+            defaultProps?: ComponentsPropsList['FriStat'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriStat'];
+            variants?: ComponentsVariants<Theme>['FriStat'];
+        };
+        FriStatusMessage?: {
+            defaultProps?: ComponentsPropsList['FriStatusMessage'];
+            styleOverrides?: ComponentsOverrides<Theme>['FriStatusMessage'];
+            variants?: ComponentsVariants<Theme>['FriStatusMessage'];
+        };
+    }
+}
+export {};

package/theme/tokens.d.cts

@@ -0,0 +1,38 @@
+/**
+ * Design tokens compartidos por los componentes de formulario
+ * (Input, Select, Autocomplete, DatePicker, DateTimePicker).
+ *
+ * Centralizar estos valores garantiza que:
+ * - el espaciado, la tipografía y las animaciones del label sean idénticos
+ *   en todos los campos;
+ * - un cambio visual global (p.ej. cambiar el transform del shrink) se haga
+ *   en un único archivo.
+ */
+/** Margen superior que deja el aire para el label flotante "outside". */
+export declare const LABEL_MARGIN_TOP = "14px";
+/**
+ * Padding vertical interno del input (TextField/Select/Picker sections).
+ * 9px → 41px de alto de control (9 + 9 + 23 de line-height). Es el único lugar
+ * donde se decide la densidad de TODOS los campos.
+ */
+export declare const FIELD_INPUT_PADDING_Y = "9px";
+/**
+ * Radio por defecto de los campos y de los controles con borde
+ * (Checkbox/Switch/RadioGroup bordered, InputGroup). Vive acá para que campos,
+ * botones y chips de un mismo formulario se puedan alinear a un solo valor.
+ */
+export declare const FIELD_BORDER_RADIUS = 8;
+/** Transform que aplica el label cuando sube arriba del input (shrink). */
+export declare const LABEL_SHRINK_TRANSFORM = "translate(4px, -22px) scale(0.85)";
+/** Origen del transform para el shrink. */
+export declare const LABEL_TRANSFORM_ORIGIN = "top left";
+/** Transición del label (color + transform + max-width). */
+export declare const LABEL_TRANSITION: string;
+/** Color del label en reposo. */
+export declare const LABEL_COLOR_REST = "text.secondary";
+/** Color del label cuando el campo tiene valor (shrink). */
+export declare const LABEL_COLOR_FILLED = "text.primary";
+/** Color del label cuando el campo está focused. */
+export declare const LABEL_COLOR_FOCUSED = "primary.main";
+/** Peso del label cuando sube (filled/focused). */
+export declare const LABEL_FONT_WEIGHT_FILLED = 500;

package/theme/tokens.d.mts

@@ -0,0 +1,38 @@
+/**
+ * Design tokens compartidos por los componentes de formulario
+ * (Input, Select, Autocomplete, DatePicker, DateTimePicker).
+ *
+ * Centralizar estos valores garantiza que:
+ * - el espaciado, la tipografía y las animaciones del label sean idénticos
+ *   en todos los campos;
+ * - un cambio visual global (p.ej. cambiar el transform del shrink) se haga
+ *   en un único archivo.
+ */
+/** Margen superior que deja el aire para el label flotante "outside". */
+export declare const LABEL_MARGIN_TOP = "14px";
+/**
+ * Padding vertical interno del input (TextField/Select/Picker sections).
+ * 9px → 41px de alto de control (9 + 9 + 23 de line-height). Es el único lugar
+ * donde se decide la densidad de TODOS los campos.
+ */
+export declare const FIELD_INPUT_PADDING_Y = "9px";
+/**
+ * Radio por defecto de los campos y de los controles con borde
+ * (Checkbox/Switch/RadioGroup bordered, InputGroup). Vive acá para que campos,
+ * botones y chips de un mismo formulario se puedan alinear a un solo valor.
+ */
+export declare const FIELD_BORDER_RADIUS = 8;
+/** Transform que aplica el label cuando sube arriba del input (shrink). */
+export declare const LABEL_SHRINK_TRANSFORM = "translate(4px, -22px) scale(0.85)";
+/** Origen del transform para el shrink. */
+export declare const LABEL_TRANSFORM_ORIGIN = "top left";
+/** Transición del label (color + transform + max-width). */
+export declare const LABEL_TRANSITION: string;
+/** Color del label en reposo. */
+export declare const LABEL_COLOR_REST = "text.secondary";
+/** Color del label cuando el campo tiene valor (shrink). */
+export declare const LABEL_COLOR_FILLED = "text.primary";
+/** Color del label cuando el campo está focused. */
+export declare const LABEL_COLOR_FOCUSED = "primary.main";
+/** Peso del label cuando sube (filled/focused). */
+export declare const LABEL_FONT_WEIGHT_FILLED = 500;

package/utils/index.d.cts

@@ -0,0 +1,2 @@
+export { scrollToTop } from './scrollToTop';
+export type { ScrollToTopOptions } from './scrollToTop';

package/utils/index.d.mts

@@ -0,0 +1,2 @@
+export { scrollToTop } from './scrollToTop.mjs';
+export type { ScrollToTopOptions } from './scrollToTop.mjs';

package/utils/scrollToTop.d.cts

@@ -0,0 +1,28 @@
+export interface ScrollToTopOptions {
+    /** Comportamiento del scroll. Default: `'smooth'`. */
+    behavior?: ScrollBehavior;
+    /**
+     * Elemento target del scroll. Default: `window`. Útil cuando el contenedor
+     * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).
+     */
+    target?: Window | HTMLElement;
+    /** Offset desde el top. Default: `0`. */
+    top?: number;
+}
+/**
+ * Hace scroll al tope (por default con animación suave). Safe en SSR — si
+ * `window` no existe, es un no-op.
+ *
+ * Llamar tras mutaciones / cambios de filtros / apertura de modales para
+ * asegurar que el usuario vea el mensaje de confirmación en la parte
+ * superior de la página.
+ *
+ * ```ts
+ * import { scrollToTop } from '@soyfri/shared-library';
+ *
+ * scrollToTop();                                  // window, smooth
+ * scrollToTop({ behavior: 'auto' });              // window, instantáneo
+ * scrollToTop({ target: myScrollableRef.current }); // container custom
+ * ```
+ */
+export declare function scrollToTop({ behavior, target, top, }?: ScrollToTopOptions): void;

package/utils/scrollToTop.d.mts

@@ -0,0 +1,28 @@
+export interface ScrollToTopOptions {
+    /** Comportamiento del scroll. Default: `'smooth'`. */
+    behavior?: ScrollBehavior;
+    /**
+     * Elemento target del scroll. Default: `window`. Útil cuando el contenedor
+     * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).
+     */
+    target?: Window | HTMLElement;
+    /** Offset desde el top. Default: `0`. */
+    top?: number;
+}
+/**
+ * Hace scroll al tope (por default con animación suave). Safe en SSR — si
+ * `window` no existe, es un no-op.
+ *
+ * Llamar tras mutaciones / cambios de filtros / apertura de modales para
+ * asegurar que el usuario vea el mensaje de confirmación en la parte
+ * superior de la página.
+ *
+ * ```ts
+ * import { scrollToTop } from '@soyfri/shared-library';
+ *
+ * scrollToTop();                                  // window, smooth
+ * scrollToTop({ behavior: 'auto' });              // window, instantáneo
+ * scrollToTop({ target: myScrollableRef.current }); // container custom
+ * ```
+ */
+export declare function scrollToTop({ behavior, target, top, }?: ScrollToTopOptions): void;