@stackcraftmx/calcita 0.27.0 → 0.30.0

package/dist/theme/themePieces.js

@@ -0,0 +1,16 @@
+"use client";
+import { styled, useThemeProps } from "@mui/material/styles";
+const PIECE_ONLY_PROPS = /* @__PURE__ */ new Set(["ownSx", "ownerState", "theme", "as"]);
+function piecePart(name, slot, component = "div") {
+  return styled(component, { name, slot, shouldForwardProp: (prop) => !PIECE_ONLY_PROPS.has(prop) })(
+    ({ theme, ownSx }) => ownSx ? theme.unstable_sx(ownSx) : {}
+  );
+}
+function usePieceProps(props, name) {
+  return useThemeProps({ props, name });
+}
+export {
+  piecePart,
+  usePieceProps
+};
+//# sourceMappingURL=themePieces.js.map

package/dist/theme/themePieces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themePieces.js","sources":["../../src/theme/themePieces.js"],"sourcesContent":["// Las piezas de Calcita se cambian desde el tema del proyecto como las de MUI: theme.components.Calcita<Pieza> con\n// defaultProps y styleOverrides de cada una de sus partes (root, title, card…). Lo del proyecto va DESPUÉS del estilo de\n// Calcita y le gana; los números se leen como en MUI (borderRadius: 4 son 4 px).\n//\n// Cómo se arma una parte con nombre: piecePart(nombre, parte, componente) da el componente (Box, Paper, Typography…) con su\n// lugar en el tema, y el estilo de Calcita le llega en `ownSx` (lo mismo que antes iba en `sx`, con su forma de sx: objeto,\n// lista o función del tema). Va en la base de la parte, ANTES de lo que ponga el proyecto. OJO: si quedara en `sx`, MUI lo\n// aplicaría al final y el tema del proyecto ya no le podría ganar.\n//\n//   const CardRoot = piecePart('CalcitaMetricCard', 'Root', Paper);\n//   <CardRoot variant=\"outlined\" ownSx={{p: 2, borderRadius: 3}}>…</CardRoot>\n//\n// Y sus props por omisión: const {label, value} = usePieceProps(props, 'CalcitaMetricCard').\n//\n// Funciones genéricas del paquete: function (regla de la casa).\nimport {styled, useThemeProps} from '@mui/material/styles';\n\n// lo que la parte usa y no se le pasa al componente de adentro (ni al HTML)\nconst PIECE_ONLY_PROPS = new Set(['ownSx', 'ownerState', 'theme', 'as']);\n\n/**\n * Un componente con su lugar en el tema: theme.components[name].styleOverrides[parte con minúscula] se aplica después\n * del estilo de Calcita (ownSx) y gana.\n *\n * @template {import('react').ElementType} C\n * @param {string} name el nombre de la pieza en el tema (CalcitaMetricCard)\n * @param {string} slot la parte, con mayúscula: Root, Title, Card…\n * @param {C} [component] lo que se pinta (por omisión un div)\n * @returns {import('react').ComponentType<any>}\n */\nexport function piecePart(name, slot, component = 'div') {\n    return styled(component, {name, slot, shouldForwardProp: (prop) => !PIECE_ONLY_PROPS.has(prop)})(\n        ({theme, ownSx}) => (ownSx ? theme.unstable_sx(ownSx) : {}),\n    );\n}\n\n/**\n * Los props de la pieza con los defaultProps del tema del proyecto debajo: lo que llega en la pantalla gana.\n *\n * @template {object} P\n * @param {P} props\n * @param {string} name el nombre de la pieza en el tema\n * @returns {P}\n */\nexport function usePieceProps(props, name) {\n    return useThemeProps({props, name});\n}\n"],"names":[],"mappings":";;AAkBA,MAAM,mBAAmB,oBAAI,IAAI,CAAC,SAAS,cAAc,SAAS,IAAI,CAAC;AAYhE,SAAS,UAAU,MAAM,MAAM,YAAY,OAAO;AACrD,SAAO,OAAO,WAAW,EAAC,MAAM,MAAM,mBAAmB,CAAC,SAAS,CAAC,iBAAiB,IAAI,IAAI,EAAC,CAAC;AAAA,IAC3F,CAAC,EAAC,OAAO,MAAK,MAAO,QAAQ,MAAM,YAAY,KAAK,IAAI;EAChE;AACA;AAUO,SAAS,cAAc,OAAO,MAAM;AACvC,SAAO,cAAc,EAAC,OAAO,KAAI,CAAC;AACtC;"}

package/dist/types/DataTable/AuditTrailDialog.d.ts

@@ -13,7 +13,7 @@
  *     consulta)
  * @param {(row: any) => string|null} [props.eventSuffixOf] complemento del evento de un renglón (AuditTrailTable)
  */
-export default function AuditTrailDialog({ open, onClose, title, subtitle, subjectKey, fetchPage, eventDictionary, resultDictionary, extraColumns, header, eventSuffixOf, }: {
+export default function AuditTrailDialog(props: {
     open: boolean;
     onClose: () => void;
     title: string;

package/dist/types/DataTable/ColumnFilters/HeaderFilterPopover.d.ts

@@ -1,7 +1,7 @@
 /**
  * @param {{activeCount?: number, onClear: () => void, children: import('react').ReactNode}} props children = el filtro
  */
-export default function HeaderFilterPopover({ activeCount, onClear, children }: {
+export default function HeaderFilterPopover(props: {
     activeCount?: number;
     onClear: () => void;
     children: import('react').ReactNode;

package/dist/types/DataTable/ColumnFilters/MultiSelectColumnFilter.d.ts

@@ -5,7 +5,7 @@
  * @param {Array<{value: string, total: number}>} [props.options] faceta del servidor
  * @param {(value: string) => import('react').ReactNode} [props.renderOption] cómo se lee el valor (diccionario)
  */
-export default function MultiSelectColumnFilter({ value, onChange, options, renderOption }: {
+export default function MultiSelectColumnFilter(props: {
     value?: string[];
     onChange: (value: string[]) => void;
     options?: Array<{

package/dist/types/DataTable/ColumnFilters/SortableFilterHeader.d.ts

@@ -10,7 +10,7 @@
  * @param {() => void} [props.onClear]
  * @param {import('react').ReactNode} [props.children] el filtro de la columna
  */
-export default function SortableFilterHeader({ label, sortable, sortEntry, onSort, onClearSort, filterable, activeCount, onClear, children, }: {
+export default function SortableFilterHeader(props: {
     label: string;
     sortable?: boolean;
     sortEntry?: {

package/dist/types/DataTable/EmptyState.d.ts

@@ -5,7 +5,7 @@
  * @param {() => void} [props.onClearFilters]
  * @param {object} [props.texts] los textos que cambian, con la forma de `table` en los textos del paquete
  */
-export default function EmptyState({ filtered, label, onClearFilters, texts }?: {
+export default function EmptyState(props?: {
     filtered?: boolean;
     label?: string;
     onClearFilters?: () => void;

package/dist/types/DataTable/FilterChips.d.ts

@@ -7,7 +7,7 @@
  * @param {number} [props.quickActiveCount] accesos rápidos puestos que no tienen chip aquí
  * @param {object} [props.texts] los textos que cambian, con la forma de `table` en los textos del paquete
  */
-export default function FilterChips({ chipConfig, filters, onSetFilter, onClearAll, quickActiveCount, texts }: {
+export default function FilterChips(props: {
     chipConfig: Array<object>;
     filters: object;
     onSetFilter: (field: string, value: unknown) => void;

package/dist/types/DataTable/GoToPage.d.ts

@@ -5,7 +5,7 @@
  * @param {(page: number) => void} props.onChange
  * @param {object} [props.texts] los textos que cambian, con la forma de `table` en los textos del paquete
  */
-export default function GoToPage({ page, pageCount, onChange, texts }: {
+export default function GoToPage(props: {
     page: number;
     pageCount: number;
     onChange: (page: number) => void;

package/dist/types/DataTable/ServerTable.d.ts

@@ -77,7 +77,7 @@ export type RowSelection = import('./rowSelection.js').RowSelection;
  *     (src/locales/es.js), ya en el idioma de la pantalla: {selection: {clear: 'Deseleccionar'}, empty: {filtered: '…'}}.
  *     También les llegan a sus filtros de columna, sus chips y su barra de elegidos
  */
-export default function ServerTable({ fetchPage, queryKey, enabled, columns, filterKinds, filterDefaults, chipConfig, quickFilters, searchField, searchPlaceholder, searchInBar, collapseSearchInBar, emptyLabel, countLabel, pageSizeOptions, defaultPageSize, getRowId, prefix, refreshToken, footer, toolbarExtra, header, beforeQuickFilters, columnGroupingModel, getRowClassName, isRowVisible, hideFooterWhenAllRowsFit, showGoToPage, striped, getRowHeight, gridSx, maxGridHeight, ariaLabel, fixedColumn, selectionActions, isRowSelectable, allowSelectAllMatching, onSelectionChange, selectionPhoneLayout, onQueryChange, onLoaded, onLoadError, gridProps, texts, }: {
+export default function ServerTable(props: {
     fetchPage: (params: {
         filters: Record<string, any>;
         sortOrders: Array<{

package/dist/types/access/PermissionMatrix.d.ts

@@ -6,7 +6,7 @@
  * @param {boolean} [props.readOnly] un perfil que no se puede cambiar (el de administración)
  * @param {object} [props.texts] los textos que cambian, con la forma de `access` en los textos del paquete
  */
-export default function PermissionMatrix({ groups, value, onChange, readOnly, texts }: {
+export default function PermissionMatrix(props: {
     groups: Array<{
         key: string;
         label: string;

package/dist/types/account/AccountSecuritySection.d.ts

@@ -3,7 +3,7 @@
  * @param {boolean} [props.showPasswordChange] por omisión sí
  * @param {object} [props.texts] los textos que cambian, con la forma de `account` en los textos del paquete
  */
-export default function AccountSecuritySection({ showPasswordChange, texts }: {
+export default function AccountSecuritySection(props: {
     showPasswordChange?: boolean;
     texts?: object;
 }): import("react").JSX.Element;

package/dist/types/account/DemoTotpCodeButton.d.ts

@@ -1,6 +1,6 @@
 /**
  * @param {{loadCode: () => Promise<string|null>}} props
  */
-export default function DemoTotpCodeButton({ loadCode }: {
+export default function DemoTotpCodeButton(props: {
     loadCode: () => Promise<string | null>;
 }): import("react").JSX.Element;

package/dist/types/account/ProfileScreen.d.ts

@@ -21,7 +21,7 @@ export type AccountUser = import('./accountConnector.js').AccountUser;
  * @param {object} [props.texts] los textos que cambian, con la forma de `account` en los textos del paquete:
  *     {profile: {tabs: {data: 'Mis datos'}}}
  */
-export default function ProfileScreen({ showColorScheme, extraFields, extraTabs, hiddenTabs, onTabChange, onProfileSaved, texts, }: {
+export default function ProfileScreen(props: {
     showColorScheme?: boolean;
     extraFields?: {
         initialValues?: (user: AccountUser & Record<string, any>) => Record<string, any>;

package/dist/types/account/SignInScreen.d.ts

@@ -9,7 +9,7 @@
  * @param {boolean} [props.showColorSchemeToggle] por omisión sí
  * @param {object} [props.texts] los textos que cambian, con la forma de `auth` en los textos del paquete
  */
-export default function SignInScreen({ homePath, forgotPasswordPath, logo, brandName, footer, showLanguageToggle, showColorSchemeToggle, texts }: {
+export default function SignInScreen(props: {
     homePath?: string;
     forgotPasswordPath?: string;
     logo?: import('react').ReactNode;

package/dist/types/appShell/AccountMenu.d.ts

@@ -7,7 +7,7 @@
  * @param {boolean} [props.isSigningOut]
  * @param {import('react').ReactNode} [props.settings] los ajustes de la app, entre los datos de la persona y sus ligas
  */
-export default function AccountMenu({ user, profilePath, accountMenuItems, onSignOut, isSigningOut, settings }: {
+export default function AccountMenu(props: {
     user: {
         name: string;
         email?: string;

package/dist/types/appShell/AppLayout.d.ts

@@ -42,7 +42,7 @@ export declare const MENU_POSITION: Readonly<{
  * @param {object} [props.texts] los textos que cambian, con la forma de `layout` en los textos del paquete (para todo el marco)
  * @param {import('react').ReactNode} props.children el contenido
  */
-export declare const AppLayout: ({ logo, wordmark, brandName, brandCaption, homePath, menuItems, menuPosition, user, profilePath, accountMenuItems, onSignOut, isSigningOut, headerActions, accountSettings, menuBadges, sidebarFooter, showFontSizeToggle, showLanguageToggle, showColorSchemeToggle, ribbons, isNavigating, defaultCollapsed, minimizeTabBarOnScroll, contentMaxWidth, onMenuCollapse, onMobileMenuChange, onMobileTabsChange, texts, children, }: {
+export declare const AppLayout: (props: {
     logo?: import('react').ReactNode;
     wordmark?: import('react').ReactNode;
     brandName?: string;

package/dist/types/appShell/AppearanceSettings.d.ts

@@ -31,7 +31,7 @@ export declare function SettingSection({ label, value, options, onChange }: {
  * @param {(mode: 'light'|'dark'|'system') => void} [props.onColorSchemeChange] la persona eligió otro modo
  * @param {object} [props.texts] los textos que cambian, con la forma de `layout` en los textos del paquete
  */
-export default function AppearanceSettings({ showFontSize, showLanguage, showColorScheme, onFontSizeChange, onColorSchemeChange, texts, }: {
+export default function AppearanceSettings(props: {
     showFontSize?: boolean;
     showLanguage?: boolean;
     showColorScheme?: boolean;

package/dist/types/appShell/AuthLayout.d.ts

@@ -9,7 +9,7 @@
  * @param {boolean} [props.showLanguageToggle] por omisión sí
  * @param {boolean} [props.showColorSchemeToggle] por omisión sí
  */
-export declare const AuthLayout: ({ logo, brandName, title, description, children, footer, showLanguageToggle, showColorSchemeToggle }: {
+export declare const AuthLayout: (props: {
     logo?: import('react').ReactNode;
     brandName?: string;
     title: string;

package/dist/types/appShell/BarActions.d.ts

@@ -11,7 +11,7 @@
  *     exclusivos): los otros se esconden, como el modo de edición del iPhone deja solo lo de lo elegido. Lo usa SelectionActions
  * @param {object} [props.texts] los textos que cambian, con la forma de `layout` en los textos del paquete
  */
-export default function BarActions({ children, label, order, sx, inlineSx, bare, exclusive, texts }: {
+export default function BarActions(props: {
     children: import('react').ReactNode;
     label?: string;
     order?: number;

package/dist/types/appShell/BarCapsule.d.ts

@@ -14,7 +14,7 @@ export declare function monochromeButtonsSxOf(color: string): object;
  * @param {Omit<import('react').HTMLAttributes<HTMLDivElement>, 'children'> & {children: import('react').ReactNode, sx?: object|Function|Array<any>}} props
  *     children: los botones del grupo; sx: estilos propios, encima de los de la cápsula
  */
-export default function BarCapsule({ children, sx, role, ...rest }: Omit<import('react').HTMLAttributes<HTMLDivElement>, 'children'> & {
+export default function BarCapsule(props: Omit<import('react').HTMLAttributes<HTMLDivElement>, 'children'> & {
     children: import('react').ReactNode;
     sx?: object | Function | Array<any>;
 }): import("react").JSX.Element;

package/dist/types/appShell/BarSearch.d.ts

@@ -11,7 +11,7 @@
  * @param {() => void} [props.onBlur]
  * @param {import('react').Ref<HTMLInputElement>} [props.inputRef] la caja, para enfocarla desde afuera (un atajo «/»)
  */
-export default function BarSearch({ value, onChange, placeholder, inBar, collapsible, order, onFocus, onBlur, inputRef }: {
+export default function BarSearch(props: {
     value: string;
     onChange: (value: string) => void;
     placeholder: string;

package/dist/types/appShell/HeaderTools.d.ts

@@ -12,7 +12,7 @@
  * @param {() => void} [props.onSignOut]
  * @param {boolean} [props.isSigningOut]
  */
-export default function HeaderTools({ headerActions, showFontSizeToggle, showLanguageToggle, showColorSchemeToggle, user, profilePath, accountMenuItems, onSignOut, isSigningOut, accountSettings, vertical, }: {
+export default function HeaderTools(props: {
     headerActions?: import('react').ReactNode;
     showFontSizeToggle: boolean;
     showLanguageToggle: boolean;

package/dist/types/appShell/MobileTabBar.d.ts

@@ -9,7 +9,7 @@
  * @param {(keys: string[]|null) => void} [props.onPinnedTabsChange] la persona eligió sus pestañas (null: regresó a las de
  *     omisión)
  */
-export default function MobileTabBar({ menuItems, activeItem, menuBadges, account, moreFooter, minimizeOnScroll, onPinnedTabsChange }: {
+export default function MobileTabBar(props: {
     menuItems: object[];
     activeItem: object | null;
     menuBadges?: Record<string, number>;

package/dist/types/appShell/SettingsMenu.d.ts

@@ -6,7 +6,7 @@
  * @param {import('react').ReactNode} [props.extraSettings] los ajustes del proyecto, debajo de los del paquete
  * @param {object[]} [props.menuLinks] las ligas propias (accountMenuItems), al final
  */
-export default function SettingsMenu({ showFontSize, showLanguage, showColorScheme, extraSettings, menuLinks }: {
+export default function SettingsMenu(props: {
     showFontSize?: boolean;
     showLanguage?: boolean;
     showColorScheme?: boolean;

package/dist/types/appShell/SideMenu.d.ts

@@ -15,7 +15,7 @@
  * @param {import('react').ReactNode} [props.railTop] arriba del menú encogido que hace de barra: la ☰ y el logo
  * @param {import('react').ReactNode} [props.railBottom] abajo de ese menú: los ajustes y la cuenta
  */
-export default function SideMenu({ logo, wordmark, brandName, brandCaption, homePath, menuItems, activeItem, collapsed, footer, showBrand, onNavigate, railTop, railBottom, menuBadges, }: {
+export default function SideMenu(props: {
     logo?: import('react').ReactNode;
     wordmark?: import('react').ReactNode;
     brandName: string;

package/dist/types/appShell/SideMenuEntry.d.ts

@@ -7,7 +7,7 @@
  * @param {Record<string, number>} [props.menuBadges] los conteos del servidor por badgeKey (menuBadgeOf)
  * @param {number} [props.depth]
  */
-export default function SideMenuEntry({ menuItem, activeItem, collapsed, onNavigate, menuBadges, depth }: {
+export default function SideMenuEntry(props: {
     menuItem: object;
     activeItem: object | null;
     collapsed: boolean;

package/dist/types/appShell/SubmenuActionsMenu.d.ts

@@ -13,7 +13,7 @@ export declare const SUBMENU_PLACEMENT: Readonly<{
  * @param {() => void} [props.onNavigate] al elegir una hija
  * @param {'side'|'above'} [props.placement] SUBMENU_PLACEMENT; por omisión a la derecha
  */
-export default function SubmenuActionsMenu({ anchorElement, onClose, menuItem, activeItem, menuBadges, onNavigate, placement }: {
+export default function SubmenuActionsMenu(props: {
     anchorElement: Element | null;
     onClose: () => void;
     menuItem: object;

package/dist/types/appShell/TabBarEditor.d.ts

@@ -5,7 +5,7 @@
  * @param {(keys: string[]) => void} props.onDone con las elegidas, en el orden del menú
  * @param {() => void} props.onReset regresar a las del proyecto
  */
-export default function TabBarEditor({ menuItems, pinnedKeys, onDone, onReset }: {
+export default function TabBarEditor(props: {
     menuItems: object[];
     pinnedKeys: string[];
     onDone: (keys: string[]) => void;

package/dist/types/appShell/TopMenu.d.ts

@@ -1,7 +1,7 @@
 /**
  * @param {{menuItems: object[], activeItem: object|null}} props
  */
-export default function TopMenu({ menuItems, activeItem }: {
+export default function TopMenu(props: {
     menuItems: object[];
     activeItem: object | null;
 }): import("react").JSX.Element;

package/dist/types/appShell/Wordmark.d.ts

@@ -1,6 +1,6 @@
 /**
  * @param {{children: import('react').ReactNode}} props el logo (una <img>, un <svg> o lo que pinte el proyecto)
  */
-export default function Wordmark({ children }: {
+export default function Wordmark(props: {
     children: import('react').ReactNode;
 }): import("react").JSX.Element;

package/dist/types/auth/PasswordChecklist.d.ts

@@ -5,7 +5,7 @@
  * @param {string} [props.id]
  * @param {object} [props.texts] los textos que cambian, con la forma de `auth` en los textos del paquete
  */
-export default function PasswordChecklist({ password, policy, id, texts }: {
+export default function PasswordChecklist(props: {
     password: string;
     policy?: object;
     id?: string;

package/dist/types/calendar/EventCalendar.d.ts

@@ -26,7 +26,7 @@ export declare const CALENDAR_VIEW: Readonly<{
  *     que el calendario controla (las citas, la barra, los eventos de arriba) no se reemplaza desde aquí
  * @param {object} [props.texts] los textos que cambian, con la forma de `calendar` en los textos del paquete
  */
-export default function EventCalendar({ events, initialView, views, onEventClick, onDateSelect, onEventChange, height, ariaLabel, onDatesChange, onViewChange, renderEvent, fullCalendarProps, texts, }: {
+export default function EventCalendar(props: {
     events: Array<{
         id: string;
         title: string;

package/dist/types/calendar/EventDetails.d.ts

@@ -12,7 +12,7 @@ export declare const ATTENDEE_RESPONSE: Readonly<{
  * @param {string} [props.titleId] el id del título: la ventana que lo contiene se nombra con él (aria-labelledby)
  * @param {object} [props.texts] los textos que cambian, con la forma de `calendar` en los textos del paquete
  */
-export default function EventDetails({ event, actions, titleId, texts }: {
+export default function EventDetails(props: {
     event: {
         title: string;
         start: string;

package/dist/types/feedback/ConfirmDialog.d.ts

@@ -14,7 +14,7 @@
  * @param {import('react').ReactNode} [props.children]
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function ConfirmDialog({ open, title, description, confirmLabel, cancelLabel, tone, isPending, isConfirmDisabled, errorMessage, onConfirm, onClose, children, texts, }: {
+export default function ConfirmDialog(props: {
     open: boolean;
     title: string;
     description?: import('react').ReactNode;

package/dist/types/feedback/ModalWaiting.d.ts

@@ -5,7 +5,7 @@
  * @param {string} [props.text] ya traducido; por omisión common:waiting.text
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function ModalWaiting({ open, title, text, texts }: {
+export default function ModalWaiting(props: {
     open: boolean;
     title?: string;
     text?: string;

package/dist/types/feedback/NewBuildNotice.d.ts

@@ -11,7 +11,7 @@ export declare const NEW_BUILD_NOTICE_VARIANT: Readonly<{
  * @param {'ribbon'|'floating'} [props.variant] franja o cápsula flotante (NEW_BUILD_NOTICE_VARIANT); por omisión franja
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function NewBuildNotice({ message, reloadLabel, onReload, variant, texts }?: {
+export default function NewBuildNotice(props?: {
     message?: string;
     reloadLabel?: string;
     onReload?: () => void;

package/dist/types/filepond/FileDropzone.d.ts

@@ -25,7 +25,7 @@
  * @param {object} [props.sx]
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function FileDropzone({ value, onChange, accept, maxSize, multiple, maxFiles, maxTotalSize, name, hint, buttonLabel, disabled, busy, busyModal, autoReject, validate, server, instantUpload, apiRef, onProcessProgress, onReject, actions, children, sx, texts, }: {
+export default function FileDropzone(props: {
     value?: File | File[] | null;
     onChange: (value: File | File[] | null) => void;
     accept?: string | string[];

package/dist/types/forms/auth/SignInForm.d.ts

@@ -7,7 +7,7 @@
  * @param {string} [props.initialEmail]
  * @param {object} [props.texts] los textos que cambian, con la forma de `auth` en los textos del paquete
  */
-export default function SignInForm({ onSubmit, forgotPasswordPath, showRememberMe, initialEmail, texts }: {
+export default function SignInForm(props: {
     onSubmit: (values: {
         email: string;
         password: string;

package/dist/types/forms/security/SecondStepForm.d.ts

@@ -16,7 +16,7 @@ export declare const SECOND_STEP_METHOD: Readonly<{
  *     useFormikContext (p. ej. el atajo de los ejemplos)
  * @param {object} [props.texts] los textos que cambian, con la forma de `security` en los textos del paquete
  */
-export default function SecondStepForm({ methods, canUsePasskeys, onUsePasskey, onSubmitCode, onCancel, footer, texts }: {
+export default function SecondStepForm(props: {
     methods: string[];
     canUsePasskeys?: boolean;
     onUsePasskey?: () => Promise<unknown>;

package/dist/types/forms/security/TwoStepVerificationCard.d.ts

@@ -17,7 +17,7 @@
  *     navegador la guarde (p. ej. el de la demostración: la llave queda de verdad en el llavero de la persona)
  * @param {object} [props.texts] los textos que cambian, con la forma de `security` en los textos del paquete
  */
-export default function TwoStepVerificationCard({ security, onSecurityChange, actions, canUsePasskeys, account, passkeyNotice, texts }: {
+export default function TwoStepVerificationCard(props: {
     security: {
         isEnabled: boolean;
         enabledAt?: string | null;

package/dist/types/inbox/InboxLayout.d.ts

@@ -13,7 +13,7 @@
  * @param {import('react').ReactNode} [props.foldersHeader] arriba de las carpetas en escritorio (un botón «Redactar»)
  * @param {object} [props.texts] los textos que cambian, con la forma de `inbox` en los textos del paquete
  */
-export default function InboxLayout({ folders, labels, selectedFolderId, onSelectFolder, toolbar, list, detail, isDetailOpen, onCloseDetail, foldersHeader, texts, }: {
+export default function InboxLayout(props: {
     folders: Array<{
         id: string;
         label: string;

package/dist/types/inbox/MessageList.d.ts

@@ -14,7 +14,7 @@
  * @param {string} [props.emptyText] ya traducido; por omisión el del paquete
  * @param {object} [props.texts] los textos que cambian, con la forma de `inbox` en los textos del paquete
  */
-export default function MessageList({ messages, selectedId, onSelect, onToggleStar, selectedIds, onSelectionChange, messageActions, renderMessage, emptyText, texts, }: {
+export default function MessageList(props: {
     messages: Array<{
         id: string;
         from: {

package/dist/types/inbox/MessageView.d.ts

@@ -10,7 +10,7 @@
  * @param {(message: any) => import('react').ReactNode} [props.renderBody] el texto a su manera (HTML ya limpio por el proyecto)
  * @param {object} [props.texts] los textos que cambian, con la forma de `inbox` en los textos del paquete
  */
-export default function MessageView({ message, actions, footer, onAttachmentClick, onExpand, renderBody, texts }: {
+export default function MessageView(props: {
     message: {
         id?: string;
         subject: string;

package/dist/types/index.d.ts

@@ -15,7 +15,8 @@ export { MINIMAL_BACKGROUND, MINIMAL_TONES } from './theme/components/minimalCom
 export { STACKCRAFT, stackcraftDarkPalette, stackcraftLightPalette } from './theme/stackcraftPalette.js';
 export { toolkitComponents } from './theme/toolkitComponents.js';
 export { mergeComponents } from './theme/mergeComponents.js';
-export { GLASS_INSET_PIXELS, GLASS_MENU_RADIUS_PIXELS, GLASS_OPACITY, GLASS_PANEL_RADIUS_PIXELS, ambientBackgroundOf, glassDropOf, glassStylesOf, glassSurfaceOf, accentTextStylesOf, canvasFieldStylesOf, fieldWellStylesOf, fixedBackgroundLayerOf, isGlassTheme, materialBackgroundOf, materialStylesOf, materialSurfaceOf, scrollEdgeStylesOf, } from './theme/glassSurface.js';
+export { CSS_TOKENS, cssTokenDeclarationsOf, cssTokenOf } from './theme/cssTokens.js';
+export { GLASS_INSET_PIXELS, GLASS_MENU_RADIUS_PIXELS, GLASS_OPACITY, GLASS_PANEL_RADIUS_PIXELS, ambientBackgroundOf, glassDropOf, glassStylesOf, glassSurfaceOf, FIELD_TONES, accentTextStylesOf, canvasFieldStylesOf, fieldPaletteOf, fieldWellStylesOf, fixedBackgroundLayerOf, isGlassTheme, materialBackgroundOf, materialStylesOf, materialSurfaceOf, scrollEdgeStylesOf, } from './theme/glassSurface.js';
 export { AppLayout, MENU_POSITION } from './appShell/AppLayout.js';
 export { AuthLayout } from './appShell/AuthLayout.js';
 export { default as BarActions } from './appShell/BarActions.js';

package/dist/types/inputs/ColorInput.d.ts

@@ -12,7 +12,7 @@
  * @param {import('react').Ref<HTMLInputElement>} [props.inputRef]
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function ColorInput({ name, label, value, onChange, onBlur, error, helperText, checkContrast, disabled, inputRef, texts, }: {
+export default function ColorInput(props: {
     name?: string;
     label: string;
     value: string | null | undefined;

package/dist/types/inputs/FormSection.d.ts

@@ -10,7 +10,7 @@ export declare const FORM_ROW_CLASS = "calcita-form-row";
  * @param {string} [props.labelId] el id de la etiqueta (para un campo que la nombra con aria-labelledby)
  * @param {import('react').ReactNode} props.children
  */
-export declare function FormRow({ label, htmlFor, labelId, children }: {
+export declare function FormRow(props: {
     label: import('react').ReactNode;
     htmlFor?: string;
     labelId?: string;
@@ -22,7 +22,7 @@ export declare function FormRow({ label, htmlFor, labelId, children }: {
  * @param {import('react').ReactNode} [props.footer] la explicación, abajo de la tarjeta
  * @param {import('react').ReactNode} props.children los campos, directo o dentro de un Grid, un Stack o un componente propio
  */
-export default function FormSection({ title, footer, children }: {
+export default function FormSection(props: {
     title?: string;
     footer?: import('react').ReactNode;
     children: import('react').ReactNode;

package/dist/types/inputs/SelectInput.d.ts

@@ -14,7 +14,7 @@
  * @param {boolean} [props.multiple] elegir varias opciones
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function SelectInput({ name, label, value, onChange, onBlur, options, error, helperText, placeholder, disabled, inputRef, multiple, texts, }: {
+export default function SelectInput(props: {
     name?: string;
     label: string;
     value: string | number | Array<string | number> | null | undefined;

package/dist/types/inputs/TextInput.d.ts

@@ -28,7 +28,7 @@
  * @param {object} [props.sx]
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function TextInput({ name, label, value, onChange, onBlur, error, type, helperText, startAdornment, endAdornment: customEndAdornment, uppercase, normalizeOnBlur, inputRef, clearable, texts, ...textFieldProps }: {
+export default function TextInput(props: {
     name?: string;
     label: string;
     value: string | null | undefined;

package/dist/types/inputs/WizardLayout.d.ts

@@ -15,7 +15,7 @@
  * @param {import('react').ReactNode} [props.problemAlert] el aviso de errores del servidor, arriba de los botones del último paso
  * @param {object} [props.texts] los textos que cambian, con la forma de `common`: {wizard: {next, back, skip, optional, skipped, stepOf}}
  */
-export default function WizardLayout({ steps, activeIndex, skippedKeys, isSubmitting, onBack, onNext, onSkip, submitButton, problemAlert, texts, }: {
+export default function WizardLayout(props: {
     steps: {
         key: string;
         label: string;

package/dist/types/kanban/KanbanBoard.d.ts

@@ -21,7 +21,7 @@
  * @param {string} props.ariaLabel ya traducido
  * @param {object} [props.texts] los textos que cambian, con la forma de `kanban` en los textos del paquete
  */
-export default function KanbanBoard({ columns, cards, onMove, renderCard, onCardClick, onAddCard, cardActions, columnActions, onCardComplete, onColumnCollapse, ariaLabel, texts, }: {
+export default function KanbanBoard(props: {
     columns: Array<{
         id: string;
         title: string;

package/dist/types/maps/MapView.d.ts

@@ -18,7 +18,7 @@ export declare const OPEN_STREET_MAP_TILES: Readonly<{
  * @param {import('react').ReactNode} [props.children] capas propias de react-leaflet (Circle, Polygon, GeoJSON…)
  * @param {object} [props.mapProps] lo demás de MapContainer de react-leaflet (scrollWheelZoom, minZoom…)
  */
-export default function MapView({ markers, selectedId, onSelect, ariaLabel, height, tileLayer, renderPopup, onMapClick, children, mapProps, }: {
+export default function MapView(props: {
     markers: Array<{
         id: string;
         position: [number, number];

package/dist/types/pwa/InstallInstructionsDialog.d.ts

@@ -12,7 +12,7 @@ export declare function variantHasInstructions(variant: string | null): boolean;
  * @param {() => void} props.onClose
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function InstallInstructionsDialog({ variant, open, onClose, texts }: {
+export default function InstallInstructionsDialog(props: {
     variant: string | null;
     open: boolean;
     onClose: () => void;

package/dist/types/pwa/InstallPromptBanner.d.ts

@@ -7,7 +7,7 @@
  * @param {() => void} [props.onDismiss] dijo «Ahora no» (o cerró los pasos): no se le vuelve a ofrecer en este navegador
  * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete
  */
-export default function InstallPromptBanner({ message, onInstallChoice, onShowSteps, onDismiss, texts }?: {
+export default function InstallPromptBanner(props?: {
     message?: string;
     onInstallChoice?: (outcome: 'accepted' | 'dismissed' | null) => void;
     onShowSteps?: () => void;

package/dist/types/security/ActivityLog.d.ts

@@ -19,7 +19,7 @@ export declare const ACCOUNT_EVENT_KIND: Readonly<{
  * @param {string|null} [props.error] ya traducido si no se pudieron traer
  * @param {object} [props.texts] los textos que cambian, con la forma de `security` en los textos del paquete
  */
-export default function ActivityLog({ events, error, texts }: {
+export default function ActivityLog(props: {
     events: Array<{
         id: string;
         kind: string;

package/dist/types/security/RecoveryCodesDialog.d.ts

@@ -7,7 +7,7 @@
  *     seguridad)
  * @param {object} [props.texts] los textos que cambian, con la forma de `security` en los textos del paquete
  */
-export default function RecoveryCodesDialog({ codes, account, onClose, onCodesSaved, texts }: {
+export default function RecoveryCodesDialog(props: {
     codes: string[] | null;
     account?: string;
     onClose: () => void;

package/dist/types/security/SessionsCard.d.ts

@@ -7,7 +7,7 @@
  * @param {() => void} [props.onClosed] p. ej. volver a pedir la lista
  * @param {object} [props.texts] los textos que cambian, con la forma de `security` en los textos del paquete
  */
-export default function SessionsCard({ sessions, error, onCloseOthers, onClosed, texts }: {
+export default function SessionsCard(props: {
     sessions: Array<{
         id: string;
         browser?: string | null;