@william-callao/antonella-ui 1.0.3 → 1.0.4

package/dist/index.d.ts

@@ -1,9 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import React__default, { ComponentType, ReactNode, ReactElement } from 'react';
 import { StyleProp, ViewStyle, PressableProps, ViewProps, TextStyle, TextInputProps, KeyboardTypeOptions, TextProps as TextProps$1, ScrollViewProps } from 'react-native';
-import React, { ComponentType, ReactNode, ReactElement } from 'react';
 import { DashboardShellTokens, LayoutRowSize, LayoutColumnSize, TextType } from '@william-callao/antonella-theme';
 export { LayoutColumnSize, LayoutRowSize } from '@william-callao/antonella-theme';
 import { SharedValue } from 'react-native-reanimated';
+import { CameraType, FlashMode, BarcodeType } from 'expo-camera';
 
 type AvatarSize = "sm" | "md" | "lg";
 type AvatarProps = {
@@ -12,7 +13,7 @@ type AvatarProps = {
     size?: AvatarSize;
     style?: StyleProp<ViewStyle>;
 };
-declare function Avatar({ name, email, size, style }: AvatarProps): react_jsx_runtime.JSX.Element;
+declare function Avatar({ name, email, size, style }: AvatarProps): React__default.JSX.Element;
 
 type ButtonVariant = "primary" | "secondary" | "ghost" | "danger";
 type ButtonSize = "sm" | "md" | "lg";
@@ -24,12 +25,12 @@ interface ButtonProps extends Omit<PressableProps, "style"> {
     /** Muestra un spinner centrado en lugar del label (y deshabilita el botón). */
     loading?: boolean;
 }
-declare function Button({ label, variant, size, style, disabled, loading, android_ripple, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button({ label, variant, size, style, disabled, loading, android_ripple, ...rest }: ButtonProps): React__default.JSX.Element;
 
 interface CalendarProps extends ViewProps {
     date?: Date;
 }
-declare function Calendar({ date, style, ...rest }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare function Calendar({ date, style, ...rest }: CalendarProps): React__default.JSX.Element;
 
 type CardVariant = "default" | "line";
 interface CardProps extends ViewProps {
@@ -40,16 +41,16 @@ interface CardProps extends ViewProps {
     loading?: boolean;
     skeletonHeight?: number;
 }
-declare function Card({ background: bgOverride, loading, skeletonHeight, variant, style, children, ...rest }: CardProps): react_jsx_runtime.JSX.Element;
+declare function Card({ background: bgOverride, loading, skeletonHeight, variant, style, children, ...rest }: CardProps): React__default.JSX.Element;
 
 interface CardTitleProps {
     title: string;
     subtitle?: string;
     style?: ViewStyle;
 }
-declare function CardTitle({ title, subtitle, style }: CardTitleProps): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ title, subtitle, style }: CardTitleProps): React__default.JSX.Element;
 
-type IconName = "home" | "home-filled" | "mail" | "mail-filled" | "calendar" | "calendar-filled" | "bar-chart" | "bar-chart-filled" | "settings" | "settings-filled" | "user" | "user-filled" | "search" | "clipboard" | "clipboard-filled" | "checklist" | "checklist-filled" | "menu" | "close" | "chevron-down" | "chevron-forward" | "chevron-back" | "arrow-back" | "arrow-forward" | "arrow-down" | "arrow-up" | "arrow-up-filled" | "add" | "checkmark" | "pencil" | "trash" | "chevron-up" | "alert-circle" | "checkmark-circle" | "information-circle" | "notifications" | "notifications-filled" | "more-horizontal" | "more-vertical" | "log-in" | "log-out" | "git-network" | "construct" | "chatbubble" | "camera" | "time" | "analytics" | "barn" | "barn-filled" | "farm" | "farm-filled" | "people" | "people-filled" | "document-text" | "document-text-filled" | "backspace" | "palette" | "folder" | "folder-open" | "file" | "loader" | "inbox" | "triangle-alert" | "eye" | "eye-off";
+type IconName = "home" | "home-filled" | "mail" | "mail-filled" | "calendar" | "calendar-filled" | "bar-chart" | "bar-chart-filled" | "cart" | "settings" | "settings-filled" | "user" | "user-filled" | "search" | "clipboard" | "clipboard-filled" | "checklist" | "checklist-filled" | "menu" | "close" | "chevron-down" | "chevron-forward" | "chevron-back" | "arrow-back" | "arrow-forward" | "arrow-down" | "arrow-up" | "arrow-up-filled" | "add" | "checkmark" | "pencil" | "trash" | "chevron-up" | "alert-circle" | "checkmark-circle" | "information-circle" | "notifications" | "notifications-filled" | "more-horizontal" | "more-vertical" | "log-in" | "log-out" | "git-network" | "construct" | "chatbubble" | "camera" | "time" | "analytics" | "barn" | "barn-filled" | "farm" | "farm-filled" | "people" | "people-filled" | "document-text" | "document-text-filled" | "backspace" | "palette" | "folder" | "folder-open" | "file" | "loader" | "inbox" | "triangle-alert" | "eye" | "eye-off" | "flash" | "flash-off" | "torch" | "torch-off" | "flip-camera" | "scan" | "tag" | "tag-filled";
 declare const iconMap: Record<IconName, ComponentType<{
     size?: number;
     color?: string;
@@ -62,7 +63,7 @@ type IconProps = {
     style?: object;
     testID?: string;
 };
-declare function Icon({ name, size, color, style, testID }: IconProps): react_jsx_runtime.JSX.Element;
+declare function Icon({ name, size, color, style, testID }: IconProps): React.JSX.Element;
 
 type ChipVariant = "subtle" | "solid" | "outlined";
 type ChipSize = "sm" | "md";
@@ -78,7 +79,7 @@ type ChipProps = {
     textStyle?: StyleProp<TextStyle>;
     onPress?: () => void;
 };
-declare function Chip({ label, color, backgroundColor, variant, size, icon, uppercase, style, textStyle, onPress, }: ChipProps): react_jsx_runtime.JSX.Element;
+declare function Chip({ label, color, backgroundColor, variant, size, icon, uppercase, style, textStyle, onPress, }: ChipProps): React__default.JSX.Element;
 
 declare enum ItemStyle {
     DEFAULT = "DEFAULT",
@@ -102,22 +103,49 @@ type ItemProps = {
         selectedBg: string;
     };
 };
-declare function Item({ icon, label, onPress, selected, style, colors: overrideColors, }: ItemProps): react_jsx_runtime.JSX.Element;
+declare function Item({ icon, label, onPress, selected, style, colors: overrideColors, }: ItemProps): React__default.JSX.Element;
 
-type ChipRowOption = {
+type ChipTabsOption = {
     icon: IconName;
     label: string;
     value: string;
 };
-type ChipRowProps = {
-    options: ChipRowOption[];
+type ChipTabsProps = {
+    options: ChipTabsOption[];
     selected?: string;
     onSelect?: (value: string) => void;
     style?: ItemStyle;
     /** Cuando es true, los items se reparten el ancho completo (flex: 1) sin scroll horizontal. */
     fullWidth?: boolean;
 };
-declare function ChipRow({ options, selected: controlledSelected, onSelect, style, fullWidth, }: ChipRowProps): react_jsx_runtime.JSX.Element;
+declare function ChipTabs({ options, selected: controlledSelected, onSelect, style, fullWidth, }: ChipTabsProps): React__default.JSX.Element;
+
+declare enum LabelStyle {
+    DEFAULT = "DEFAULT",
+    LIGHT = "LIGHT",
+    DARKNESS = "DARKNESS"
+}
+type LabelProps = {
+    label: string;
+    /** Icono opcional a la izquierda del texto (16). */
+    icon?: IconName;
+    /** Estado seleccionado: pinta el relleno en vez del borde solo. */
+    selected?: boolean;
+    onPress?: () => void;
+    style?: LabelStyle;
+    /** Override de estilo de la propia label (p. ej. `flex: 1` para repartir
+     *  espacio en un contenedor de distribución). */
+    containerStyle?: StyleProp<ViewStyle>;
+    accessibilityLabel?: string;
+};
+declare function Label({ label, icon, selected, onPress, style, containerStyle, accessibilityLabel, }: LabelProps): React__default.JSX.Element;
+
+interface SectionTitleProps {
+    title: string;
+    description?: string;
+    style?: ViewStyle;
+}
+declare function SectionTitle({ title, description, style }: SectionTitleProps): React__default.JSX.Element;
 
 declare enum SearchBarStyle {
     DEFAULT = "DEFAULT",
@@ -133,25 +161,42 @@ type SearchBarProps = {
     bgColor?: string;
     onFocus?: () => void;
     onBlur?: () => void;
+    /** Tipo de tecla de retorno del teclado (ej: "search" para mostrar "Buscar"). */
+    returnKeyType?: TextInputProps["returnKeyType"];
+    /** Se dispara al presionar la tecla de retorno del teclado. */
+    onSubmitEditing?: TextInputProps["onSubmitEditing"];
+    /** Al presionar retorno, pierde el foco (default true de TextInput). */
+    blurOnSubmit?: boolean;
+    autoFocus?: boolean;
 };
-declare function SearchBar({ placeholder, value, onChangeText, style, icon, bgColor, onFocus, onBlur, }: SearchBarProps): react_jsx_runtime.JSX.Element;
+declare function SearchBar({ placeholder, value, onChangeText, style, icon, bgColor, onFocus, onBlur, returnKeyType, onSubmitEditing, blurOnSubmit, autoFocus, }: SearchBarProps): React__default.JSX.Element;
 
-declare enum HeaderBarStyle {
+declare enum TopActionStyle {
     DEFAULT = "DEFAULT",
     DARKNESS = "DARKNESS"
 }
-type HeaderBarProps = {
-    title: string;
-    /** Texto secundario debajo del título (opcional). */
-    description?: string;
-    style?: HeaderBarStyle;
-    /** Acción del botón de menú (hamburguesa, lado izquierdo). */
-    onMenuPress?: () => void;
-    menuIcon?: IconName;
-    /** Label de accesibilidad del botón izquierdo. */
+type TopActionProps = {
+    icon: IconName;
+    onPress: () => void;
+    style?: TopActionStyle;
+    /** Override de colores (opcional). */
+    colors?: Partial<{
+        buttonBg: string;
+        buttonPressedBg: string;
+        iconColor: string;
+    }>;
+    /** Radio de esquinas del botón (opcional, por defecto 24). */
+    borderRadius?: number;
+    /** Label de accesibilidad del botón. */
     accessibilityLabel?: string;
 };
-declare function HeaderBar({ title, description, style, onMenuPress, menuIcon, accessibilityLabel, }: HeaderBarProps): react_jsx_runtime.JSX.Element;
+declare function TopAction({ icon, onPress, style, colors, borderRadius, accessibilityLabel, }: TopActionProps): React__default.JSX.Element;
+
+type TopBarProps = {
+    children?: React__default.ReactNode;
+    style?: ViewStyle;
+};
+declare function TopBar({ children, style }: TopBarProps): React__default.JSX.Element;
 
 declare enum StateMessageType {
     LOADING = "LOADING",
@@ -160,7 +205,10 @@ declare enum StateMessageType {
 }
 declare enum StateMessageStyle {
     DEFAULT = "DEFAULT",
-    DARKNESS = "DARKNESS"
+    LIGHT = "LIGHT",
+    WHITE = "WHITE",
+    DARKNESS = "DARKNESS",
+    SECONDARY = "SECONDARY"
 }
 type StateMessageProps = {
     /** Qué estado representa el mensaje. */
@@ -176,7 +224,7 @@ type StateMessageProps = {
     onAction?: () => void;
     style?: StateMessageStyle;
 };
-declare function StateMessage({ state, icon, title, message, actionLabel, onAction, style, }: StateMessageProps): react_jsx_runtime.JSX.Element;
+declare function StateMessage({ state, icon, title, message, actionLabel, onAction, style, }: StateMessageProps): React__default.JSX.Element;
 
 declare enum DrawerMenuItemStyle {
     DEFAULT = "DEFAULT",
@@ -189,22 +237,38 @@ type DrawerMenuItemProps = {
     selected?: boolean;
     style?: DrawerMenuItemStyle;
 };
-declare function DrawerMenuItem({ icon, label, onPress, selected, style, }: DrawerMenuItemProps): react_jsx_runtime.JSX.Element;
+declare function DrawerMenuItem({ icon, label, onPress, selected, style, }: DrawerMenuItemProps): React__default.JSX.Element;
 
-declare enum CategoryTextStyle {
+declare enum SectionHeaderStyle {
     DEFAULT = "DEFAULT",
     LIGHT = "LIGHT",
     DARKNESS = "DARKNESS"
 }
-type CategoryTextProps = {
+type SectionHeaderProps = {
     title: string;
+    /** Texto secundario debajo del título (opcional). */
+    subtitle?: string;
+    /** Sin descripción: si es `true` no se renderiza la descripción (ni siquiera
+     *  el placeholder). En su defecto (false), si no se pasa `subtitle` se reserva
+     *  su espacio con un placeholder invisible (texto "mv" en el color del fondo
+     *  del contexto darkness) para que las filas sin descripción mantengan el alto
+     *  de las que sí tienen. Por defecto false. */
+    hideDescription?: boolean;
     action?: string;
     onAction?: () => void;
-    style?: CategoryTextStyle;
+    /** Ícono opcional a la derecha de la acción (edición, configuración, agregar, etc.). */
+    actionIcon?: IconName;
+    /** Handler del ícono. Si no se pasa, usa onAction. */
+    onActionIcon?: () => void;
+    style?: SectionHeaderStyle;
+    /** Padding horizontal de la fila (si no se pasa, 0). */
+    horizontalPadding?: number;
+    /** Override de estilo para la fila contenedora (p. ej. quitar el marginBottom por defecto). */
+    containerStyle?: StyleProp<ViewStyle>;
 };
-declare function CategoryText({ title, action, onAction, style, }: CategoryTextProps): react_jsx_runtime.JSX.Element;
+declare function SectionHeader({ title, subtitle, hideDescription, action, onAction, actionIcon, onActionIcon, style, horizontalPadding, containerStyle, }: SectionHeaderProps): React__default.JSX.Element;
 
-type BottomSheetProps = {
+type SheetProps = {
     visible: boolean;
     onClose: () => void;
     dismissible?: boolean;
@@ -212,23 +276,58 @@ type BottomSheetProps = {
     icon?: IconName;
     title?: string;
     caption?: string;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     contentStyle?: StyleProp<ViewStyle>;
     snapPoints?: Array<string | number>;
+    /** Zona de acciones fija al pie del sheet. */
+    actions?: React__default.ReactNode;
+    /**
+     * Renderiza el sheet SIN envolverlo en un RN Modal, para poder montarlo dentro
+     * de un host modal nativo (p.ej. un screen `transparentModal` de expo-router),
+     * donde anidar otro Modal rompería el edge-to-edge.
+     */
+    embedded?: boolean;
+};
+declare function Sheet({ visible, onClose, dismissible, showCloseButton, icon, title, caption, children, contentStyle, snapPoints, actions, embedded, }: SheetProps): React__default.JSX.Element;
+
+declare enum AppDialogMode {
+    Dismissable = "dismissable",
+    Required = "required"
+}
+type BottomSheetProps = {
+    visible: boolean;
+    onClose: () => void;
+    mode?: AppDialogMode;
+    icon?: IconName;
+    title?: string;
+    caption?: string;
+    children: React__default.ReactNode;
+    contentStyle?: React__default.ComponentProps<typeof Sheet>["contentStyle"];
+    snapPoints?: React__default.ComponentProps<typeof Sheet>["snapPoints"];
+    /** Zona de acciones fija al pie del diálogo (botones, etc.). */
+    actions?: React__default.ReactNode;
+    /** Monta el diálogo sin RN Modal (para hosts modales nativos tipo expo-router). */
+    embedded?: boolean;
 };
-declare function BottomSheet({ visible, onClose, dismissible, showCloseButton, icon, title, caption, children, contentStyle, snapPoints, }: BottomSheetProps): react_jsx_runtime.JSX.Element;
+declare function BottomSheet({ visible, onClose, mode, icon, title, caption, children, contentStyle, snapPoints, actions, embedded, }: BottomSheetProps): React__default.JSX.Element;
 
-type CardStackSheetProps = {
+type AppBottomSheetProps = {
     visible: boolean;
     onClose: () => void;
     dismissible?: boolean;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     contentStyle?: StyleProp<ViewStyle>;
     snapPoints?: Array<string | number>;
     /** Color del área semitransparente del sheet (fondo entre y bajo las cards). */
     areaColor?: string;
+    /**
+     * Renderiza el sheet SIN envolverlo en un RN Modal, para poder montarlo dentro
+     * de un host modal nativo (p.ej. un screen `transparentModal` de expo-router),
+     * donde anidar otro Modal rompería el edge-to-edge.
+     */
+    embedded?: boolean;
 };
-declare function CardStackSheet({ visible, onClose, dismissible, children, contentStyle, snapPoints, areaColor, }: CardStackSheetProps): react_jsx_runtime.JSX.Element;
+declare function AppBottomSheet({ visible, onClose, dismissible, children, contentStyle, snapPoints, areaColor, embedded, }: AppBottomSheetProps): React__default.JSX.Element;
 
 declare enum OptionListItemVariant {
     Default = "default",
@@ -246,7 +345,7 @@ type OptionListItemProps = {
     showSeparator?: boolean;
     style?: StyleProp<ViewStyle>;
 };
-declare function OptionListItem({ icon, title, description, onPress, variant, trailing, iconColor, showSeparator, style, }: OptionListItemProps): react_jsx_runtime.JSX.Element;
+declare function OptionListItem({ icon, title, description, onPress, variant, trailing, iconColor, showSeparator, style, }: OptionListItemProps): React__default.JSX.Element;
 
 declare enum ToastTone {
     Success = "success",
@@ -268,7 +367,7 @@ type ToastProps = {
     /** Padding superior (p. ej. insets.top) para que el fondo se extienda por detrás de la status bar. */
     topInset?: number;
 };
-declare function Toast({ message, tone, style, onClose, containerStyle, topInset, }: ToastProps): react_jsx_runtime.JSX.Element;
+declare function Toast({ message, tone, style, onClose, containerStyle, topInset, }: ToastProps): React__default.JSX.Element;
 
 declare const TOAST_DEFAULT_DURATION_MS = 3000;
 type ToastOptions = {
@@ -283,7 +382,7 @@ type ToastContextValue = {
 declare function useToast(): ToastContextValue;
 declare function ToastProvider({ children }: {
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): React__default.JSX.Element;
 
 type ModalProps = {
     visible: boolean;
@@ -293,27 +392,18 @@ type ModalProps = {
     icon?: IconName;
     title?: string;
     caption?: string;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     contentStyle?: StyleProp<ViewStyle>;
+    /** Zona de acciones fija al pie del modal. */
+    actions?: React__default.ReactNode;
+    /**
+     * Renderiza el modal SIN envolverlo en un RN Modal, para poder montarlo dentro
+     * de un host modal nativo (p.ej. un screen `transparentModal` de expo-router),
+     * donde anidar otro Modal rompería el edge-to-edge.
+     */
+    embedded?: boolean;
 };
-declare function Modal({ visible, onClose, dismissible, showCloseButton, icon, title, caption, children, contentStyle, }: ModalProps): react_jsx_runtime.JSX.Element;
-
-declare enum AppDialogMode {
-    Dismissable = "dismissable",
-    Required = "required"
-}
-type AppResponsiveDialogProps = {
-    visible: boolean;
-    onClose: () => void;
-    mode?: AppDialogMode;
-    icon?: IconName;
-    title?: string;
-    caption?: string;
-    children: React.ReactNode;
-    contentStyle?: React.ComponentProps<typeof BottomSheet>["contentStyle"];
-    snapPoints?: React.ComponentProps<typeof BottomSheet>["snapPoints"];
-};
-declare function AppResponsiveDialog({ visible, onClose, mode, icon, title, caption, children, contentStyle, snapPoints, }: AppResponsiveDialogProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ visible, onClose, dismissible, showCloseButton, icon, title, caption, children, contentStyle, actions, embedded, }: ModalProps): React__default.JSX.Element;
 
 type AppFilterChipOption = {
     label: string;
@@ -325,7 +415,7 @@ type AppFilterChipsProps = {
     onChange?: (value: string) => void;
     style?: StyleProp<ViewStyle>;
 };
-declare function AppFilterChips({ options, value, onChange, style }: AppFilterChipsProps): react_jsx_runtime.JSX.Element;
+declare function AppFilterChips({ options, value, onChange, style }: AppFilterChipsProps): React__default.JSX.Element;
 
 type PinKeypadProps = {
     value: string;
@@ -334,7 +424,7 @@ type PinKeypadProps = {
     pinLength?: number;
     style?: StyleProp<ViewStyle>;
 };
-declare function PinKeypad({ value, onChange, onComplete, pinLength, style }: PinKeypadProps): react_jsx_runtime.JSX.Element;
+declare function PinKeypad({ value, onChange, onComplete, pinLength, style }: PinKeypadProps): React.JSX.Element;
 
 type AppCheckItemStatus = "pending" | "ok" | "not-ok";
 type AppCheckItemProps = {
@@ -351,7 +441,7 @@ type AppCheckItemProps = {
     onCommentChange?: (comment: string) => void;
     style?: StyleProp<ViewStyle>;
 };
-declare function AppCheckItem({ label, description, value, comment, hasMessages, noActions, readOnly, onOpenMessages, onPress, onChange, onCommentChange, style, }: AppCheckItemProps): react_jsx_runtime.JSX.Element;
+declare function AppCheckItem({ label, description, value, comment, hasMessages, noActions, readOnly, onOpenMessages, onPress, onChange, onCommentChange, style, }: AppCheckItemProps): React__default.JSX.Element;
 
 type DonutSegment = {
     /** Fracción del anillo (0-1) que ocupa el segmento. */
@@ -364,9 +454,9 @@ interface DonutChartProps extends ViewProps {
     segments: DonutSegment[];
     trackColor?: string;
     startAngle?: number;
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }
-declare function DonutChart({ size, thickness, segments, trackColor, startAngle, style, children, ...rest }: DonutChartProps): react_jsx_runtime.JSX.Element;
+declare function DonutChart({ size, thickness, segments, trackColor, startAngle, style, children, ...rest }: DonutChartProps): React__default.JSX.Element;
 
 type SidebarItem = {
     id: string;
@@ -387,9 +477,9 @@ type SidebarSection = {
 type SidebarType = "responsive" | "full" | "icon";
 type DashboardShellProps = {
     sections: SidebarSection[];
-    sidebarHeader?: React.ReactNode;
-    sidebarFooter?: React.ReactNode;
-    topBar?: React.ReactNode;
+    sidebarHeader?: React__default.ReactNode;
+    sidebarFooter?: React__default.ReactNode;
+    topBar?: React__default.ReactNode;
     title?: string;
     brand?: string;
     logoutLabel?: string;
@@ -398,10 +488,10 @@ type DashboardShellProps = {
     themeMode?: "light" | "dark";
     tokens?: Partial<DashboardShellTokens>;
     selectedItemId?: string;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 };
 
-declare function DashboardShell({ sections, sidebarHeader, sidebarFooter, topBar, title, brand, logoutLabel, onLogout, type, themeMode, tokens, selectedItemId, children, }: DashboardShellProps): react_jsx_runtime.JSX.Element;
+declare function DashboardShell({ sections, sidebarHeader, sidebarFooter, topBar, title, brand, logoutLabel, onLogout, type, themeMode, tokens, selectedItemId, children, }: DashboardShellProps): React.JSX.Element;
 
 type DockItem = {
     icon: IconName;
@@ -418,13 +508,13 @@ type DockProps = {
      * El componente se provee desde afuera via `renderAgentOrb`.
      */
     agentMode?: boolean;
-    renderAgentOrb?: React.ComponentType<{
+    renderAgentOrb?: React__default.ComponentType<{
         size: number;
         paused: boolean;
     }>;
     style?: StyleProp<ViewStyle>;
 };
-declare function Dock({ items, selectedIndex, onSelect, visible, agentMode, renderAgentOrb, style }: DockProps): react_jsx_runtime.JSX.Element;
+declare function Dock({ items, selectedIndex, onSelect, visible, agentMode, renderAgentOrb, style }: DockProps): React__default.JSX.Element;
 
 type DrawerMenuItemType = {
     icon?: IconName;
@@ -438,19 +528,143 @@ type DrawerMenuProps = {
     side?: "left" | "right";
     width?: number;
     items?: DrawerMenuItemType[];
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
+    header?: React__default.ReactNode;
+    footer?: React__default.ReactNode;
     dismissible?: boolean;
     customizable?: boolean;
     itemStyle?: DrawerMenuItemStyle;
 };
-declare function DrawerMenu({ visible, onClose, side, width: widthProp, items, header, footer, dismissible, customizable, itemStyle, }: DrawerMenuProps): react_jsx_runtime.JSX.Element;
+declare function DrawerMenu({ visible, onClose, side, width: widthProp, items, header, footer, dismissible, customizable, itemStyle, }: DrawerMenuProps): React__default.JSX.Element;
+
+declare enum ListItemStyle {
+    DEFAULT = "DEFAULT",
+    LIGHT = "LIGHT",
+    DARKNESS = "DARKNESS"
+}
+type ListItemProps = {
+    title: string;
+    subtitle?: string;
+    onPress: () => void;
+    trailing?: IconName;
+    style?: ListItemStyle;
+    /** Ítem oculto/inactivo: atenúa la fila y el subtitle. */
+    dimmed?: boolean;
+    /** Línea divisoria inferior. */
+    separator?: boolean;
+    containerStyle?: StyleProp<ViewStyle>;
+};
+declare function ListItem({ title, subtitle, onPress, trailing, style, dimmed, separator, containerStyle, }: ListItemProps): React__default.JSX.Element;
+
+declare enum ProductCardStyle {
+    DEFAULT = "DEFAULT",
+    LIGHT = "LIGHT",
+    DARKNESS = "DARKNESS"
+}
+type ProductCardCart = {
+    quantity?: number;
+    unitPrice?: string;
+    code?: string;
+};
+type ProductCardProps = {
+    name: string;
+    price?: string;
+    code?: string;
+    cart?: ProductCardCart;
+    onQuantityChange?: (quantity: number) => void;
+    imageIcon?: IconName;
+    style?: ProductCardStyle;
+    containerStyle?: StyleProp<ViewStyle>;
+};
+declare function ProductCard({ name, price, code, cart, onQuantityChange, imageIcon, style, containerStyle, }: ProductCardProps): React__default.JSX.Element;
+
+declare enum ElementCardStyle {
+    DEFAULT = "DEFAULT",
+    LIGHT = "LIGHT",
+    DARKNESS = "DARKNESS"
+}
+type ElementCardProps = {
+    name: string;
+    /** Texto secundario debajo del nombre (opcional). */
+    subtitle?: string;
+    /** Ícono del placeholder que identifica el tipo de elemento (por defecto "folder"). */
+    icon?: IconName;
+    /** Llamado al presionar la card. */
+    onPress?: () => void;
+    /** Ícono a la derecha (por defecto "chevron-forward"). */
+    trailing?: IconName;
+    /** Llamado al presionar el ícono de la derecha. Si no se pasa, el ícono no es táctil. */
+    onTrailingPress?: () => void;
+    /** Elemento oculto/inactivo: atenúa la card. */
+    dimmed?: boolean;
+    style?: ElementCardStyle;
+    /** Override de estilo para el card contenedor. */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Fondo del elemento visual (TopAction) a la izquierda (opcional). */
+    visualBg?: string;
+    /** Color del icono del elemento visual (opcional). */
+    visualIconColor?: string;
+};
+declare function ElementCard({ name, subtitle, icon, onPress, trailing, onTrailingPress, dimmed, style, containerStyle, visualBg, visualIconColor, }: ElementCardProps): React__default.JSX.Element;
+
+declare enum KeyValueListStyle {
+    DEFAULT = "DEFAULT",
+    LIGHT = "LIGHT",
+    DARKNESS = "DARKNESS"
+}
+type KeyValueItem = {
+    /** Texto de la columna izquierda (la clave). */
+    label: string;
+    /** Texto de la columna derecha (el valor). */
+    value?: string;
+    /** Ícono al final de la fila, táctil (p. ej. un "close" para quitar la fila). */
+    actionIcon?: IconName;
+    /** Llamado al presionar el ícono de acción. */
+    onAction?: () => void;
+    /** Llamado al presionar la fila completa. */
+    onPress?: () => void;
+};
+type KeyValueListProps = {
+    items: KeyValueItem[];
+    style?: KeyValueListStyle;
+    /** Override de estilo para el contenedor. */
+    containerStyle?: StyleProp<ViewStyle>;
+};
+declare function KeyValueList({ items, style, containerStyle, }: KeyValueListProps): React__default.JSX.Element | null;
+
+declare enum StackDetailsStyle {
+    DEFAULT = "DEFAULT",
+    LIGHT = "LIGHT",
+    DARKNESS = "DARKNESS"
+}
+type StackDetailsAction = {
+    /** Ícono de la acción, táctil (p. ej. "pencil" para editar o "trash" para eliminar). */
+    icon: IconName;
+    /** Llamado al presionar el ícono de acción. */
+    onPress: () => void;
+};
+type StackDetailsRow = {
+    /** Texto de la columna izquierda (la clave). */
+    label: string;
+    /** Texto de la columna derecha (el valor). */
+    value?: string;
+    /** Si se pasa, la fila es presionable y muestra un chevron al final. */
+    onPress?: () => void;
+    /** Íconos de acción al final de la fila (editar, eliminar, desasignar...). */
+    actions?: StackDetailsAction[];
+};
+type StackDetailsProps = {
+    rows: StackDetailsRow[];
+    style?: StackDetailsStyle;
+    /** Override de estilo para el contenedor. */
+    containerStyle?: StyleProp<ViewStyle>;
+};
+declare function StackDetails({ rows, style, containerStyle, }: StackDetailsProps): React__default.JSX.Element | null;
 
 type ColorWheelProps = {
     onPress: () => void;
     size?: number;
 };
-declare function ColorWheel({ onPress, size }: ColorWheelProps): react_jsx_runtime.JSX.Element;
+declare function ColorWheel({ onPress, size }: ColorWheelProps): React__default.JSX.Element;
 
 type ColorToken = {
     /** Nombre legible del token (ej: "Fondo panel") */
@@ -470,7 +684,7 @@ type ColorCustomizerDialogProps = {
     tokens: ColorToken[];
     onTokenChange: (key: string, value: string) => void;
 };
-declare function ColorCustomizerDialog({ visible, onClose, componentName, tokens, onTokenChange, }: ColorCustomizerDialogProps): react_jsx_runtime.JSX.Element;
+declare function ColorCustomizerDialog({ visible, onClose, componentName, tokens, onTokenChange, }: ColorCustomizerDialogProps): React__default.JSX.Element;
 
 interface ComposingOrbProps {
     /** Rendered size in points. Default 64. */
@@ -497,7 +711,108 @@ interface ComposingOrbProps {
         set(value: number): void;
     };
 }
-declare function ComposingOrb({ size, style, accessibilityLabel, ...rest }: ComposingOrbProps): react_jsx_runtime.JSX.Element;
+declare function ComposingOrb({ size, style, accessibilityLabel, ...rest }: ComposingOrbProps): React.JSX.Element;
+
+declare enum ActionTilesStyle {
+    DEFAULT = "DEFAULT",
+    LIGHT = "LIGHT",
+    DARKNESS = "DARKNESS"
+}
+type ActionTile = {
+    icon: IconName;
+    label: string;
+    onPress?: () => void;
+    /** true pinta ícono y texto en color de peligro (acciones destructivas). */
+    destructive?: boolean;
+    accessibilityLabel?: string;
+};
+type ActionTilesProps = {
+    actions: ActionTile[];
+    style?: ActionTilesStyle;
+    /** Margin horizontal del contenedor (si no se pasa, 0). Inserta el card completo. */
+    horizontalMargin?: number;
+    containerStyle?: StyleProp<ViewStyle>;
+};
+declare function ActionTiles({ actions, style, horizontalMargin, containerStyle }: ActionTilesProps): React__default.JSX.Element;
+
+declare enum ActionCardStyle {
+    DEFAULT = "DEFAULT",
+    LIGHT = "LIGHT",
+    DARKNESS = "DARKNESS"
+}
+type ActionCardProps = {
+    /** Alto del card en píxeles. */
+    height: number;
+    /** Ancho del card en píxeles. Si no se pasa, el card reparte el espacio disponible (flex). */
+    width?: number;
+    /** Ícono tipado del design system, pequeño arriba a la derecha. */
+    icon: IconName;
+    /** Texto grande inferior izquierdo (acción). */
+    label: string;
+    /** Texto pequeño tenue sobre el label. */
+    caption?: string;
+    style?: ActionCardStyle;
+    onPress?: () => void;
+    accessibilityLabel?: string;
+    /** Override de estilo para el card contenedor. */
+    containerStyle?: StyleProp<ViewStyle>;
+};
+declare function ActionCard({ height, width, icon, label, caption, style, onPress, accessibilityLabel, containerStyle, }: ActionCardProps): React__default.JSX.Element;
+
+declare enum ShortcutCardStyle {
+    DEFAULT = "DEFAULT",
+    LIGHT = "LIGHT",
+    DARKNESS = "DARKNESS"
+}
+type ShortcutItem = {
+    icon: IconName;
+    label: string;
+    onPress?: () => void;
+    accessibilityLabel?: string;
+};
+type ShortcutCardProps = {
+    /** Atajos a mostrar dentro de la card (se reparten el ancho en una fila). */
+    shortcuts: ShortcutItem[];
+    /** Diámetro del círculo (por defecto 44). */
+    circleSize?: number;
+    /** Tamaño del ícono (por defecto 20). */
+    iconSize?: number;
+    style?: ShortcutCardStyle;
+    /** Override de estilo para la card contenedora. */
+    containerStyle?: StyleProp<ViewStyle>;
+};
+declare function ShortcutCard({ shortcuts, circleSize, iconSize, style, containerStyle, }: ShortcutCardProps): React__default.JSX.Element;
+
+declare enum TabNavigationStyle {
+    DEFAULT = "DEFAULT",
+    LIGHT = "LIGHT",
+    DARKNESS = "DARKNESS"
+}
+type TabNavigationOption = {
+    value: string;
+    label: string;
+    icon?: IconName;
+};
+type TabNavigationProps = {
+    options: TabNavigationOption[];
+    selected?: string;
+    onSelect?: (value: string) => void;
+    style?: TabNavigationStyle;
+    /** Fuerza el modo de reparto sin medir. `true` reparte el espacio en partes
+     *  iguales siempre (equivalente al modo fit, útil cuando se sabe que las
+     *  opciones son pocas y deben llenar el ancho); `false` fuerza scroll
+     *  horizontal con las chips a ancho natural. Si no se pasa, el componente
+     *  mide el ancho natural de las chips y decide solo: fit si entran, scroll si
+     *  se desbordan. */
+    fits?: boolean;
+    /** Margin horizontal del contenedor (si no se pasa, 0). Cuando las opciones
+     *  caben (fit) inserta el bar desde los costados del sitio de uso; si se
+     *  desbordan (scroll) el bar va a ancho completo y el margen se reparte como
+     *  colchones internos del contenido: margen izquierdo en la primera chip y
+     *  margen derecho en la última. */
+    horizontalMargin?: number;
+};
+declare function TabNavigation({ options, selected: controlledSelected, onSelect, style, fits, horizontalMargin, }: TabNavigationProps): React__default.JSX.Element;
 
 type DropdownOption = {
     label: string;
@@ -518,7 +833,7 @@ type DropdownProps = {
     maxHeight?: number;
     disabled?: boolean;
 };
-declare function Dropdown({ value, placeholder, options, onChange, style, maxHeight, disabled, }: DropdownProps): react_jsx_runtime.JSX.Element;
+declare function Dropdown({ value, placeholder, options, onChange, style, maxHeight, disabled, }: DropdownProps): React__default.JSX.Element;
 
 type FloatingActionButtonPosition = "bottom-right" | "bottom-left";
 interface FloatingActionButtonProps {
@@ -528,25 +843,25 @@ interface FloatingActionButtonProps {
     position?: FloatingActionButtonPosition;
     style?: StyleProp<ViewStyle>;
 }
-declare function FloatingActionButton({ icon, onPress, position, style, }: FloatingActionButtonProps): react_jsx_runtime.JSX.Element;
+declare function FloatingActionButton({ icon, onPress, position, style, }: FloatingActionButtonProps): React__default.JSX.Element;
 
 type HeaderCardLayoutProps = {
     headerBackgroundColor?: string;
     bodyBackgroundColor?: string;
-    header: React.ReactNode;
-    children: React.ReactNode;
+    header: React__default.ReactNode;
+    children: React__default.ReactNode;
     style?: StyleProp<ViewStyle>;
 };
-declare function HeaderCardLayout({ headerBackgroundColor, bodyBackgroundColor, header, children, style, }: HeaderCardLayoutProps): react_jsx_runtime.JSX.Element;
+declare function HeaderCardLayout({ headerBackgroundColor, bodyBackgroundColor, header, children, style, }: HeaderCardLayoutProps): React__default.JSX.Element;
 
 type ReverseHeaderCardLayoutProps = {
     headerBackgroundColor?: string;
     bodyBackgroundColor?: string;
-    header: React.ReactNode;
-    children: React.ReactNode;
+    header: React__default.ReactNode;
+    children: React__default.ReactNode;
     style?: StyleProp<ViewStyle>;
 };
-declare function ReverseHeaderCardLayout({ headerBackgroundColor, bodyBackgroundColor, header, children, style, }: ReverseHeaderCardLayoutProps): react_jsx_runtime.JSX.Element;
+declare function ReverseHeaderCardLayout({ headerBackgroundColor, bodyBackgroundColor, header, children, style, }: ReverseHeaderCardLayoutProps): React__default.JSX.Element;
 
 interface InputProps extends TextInputProps {
     icon?: IconName;
@@ -558,7 +873,7 @@ interface InputProps extends TextInputProps {
      * (errores de validación previos a consultar el backend). */
     error?: string;
 }
-declare function Input({ style, inputStyle, placeholderTextColor, icon, showToggle, error, secureTextEntry, onFocus, onBlur, ...rest }: InputProps): react_jsx_runtime.JSX.Element;
+declare function Input({ style, inputStyle, placeholderTextColor, icon, showToggle, error, secureTextEntry, onFocus, onBlur, ...rest }: InputProps): React__default.JSX.Element;
 
 type LayoutRowChildProps = {
     size?: LayoutRowSize;
@@ -571,9 +886,9 @@ type LayoutRowProps = {
     gap?: number;
     padding?: number;
 } & ViewProps;
-declare function LayoutRowFirst({ size, scroll, children }: LayoutRowChildProps): react_jsx_runtime.JSX.Element;
-declare function LayoutRowSecond({ size, scroll, children }: LayoutRowChildProps): react_jsx_runtime.JSX.Element;
-declare function LayoutRow({ debug, fill, gap, padding, style, children, ...rest }: LayoutRowProps): react_jsx_runtime.JSX.Element;
+declare function LayoutRowFirst({ size, scroll, children }: LayoutRowChildProps): React__default.JSX.Element;
+declare function LayoutRowSecond({ size, scroll, children }: LayoutRowChildProps): React__default.JSX.Element;
+declare function LayoutRow({ debug, fill, gap, padding, style, children, ...rest }: LayoutRowProps): React__default.JSX.Element;
 declare namespace LayoutRow {
     var First: typeof LayoutRowFirst;
     var Second: typeof LayoutRowSecond;
@@ -590,9 +905,9 @@ type LayoutColumnProps = {
     gap?: number;
     padding?: number;
 } & ViewProps;
-declare function LayoutColumnFirst({ size, scroll, children }: LayoutColumnChildProps): react_jsx_runtime.JSX.Element;
-declare function LayoutColumnSecond({ size, scroll, children }: LayoutColumnChildProps): react_jsx_runtime.JSX.Element;
-declare function LayoutColumn({ debug, fill, gap, padding, style, children, ...rest }: LayoutColumnProps): react_jsx_runtime.JSX.Element;
+declare function LayoutColumnFirst({ size, scroll, children }: LayoutColumnChildProps): React__default.JSX.Element;
+declare function LayoutColumnSecond({ size, scroll, children }: LayoutColumnChildProps): React__default.JSX.Element;
+declare function LayoutColumn({ debug, fill, gap, padding, style, children, ...rest }: LayoutColumnProps): React__default.JSX.Element;
 declare namespace LayoutColumn {
     var First: typeof LayoutColumnFirst;
     var Second: typeof LayoutColumnSecond;
@@ -610,7 +925,7 @@ interface SkeletonProps {
     shape?: SkeletonShape;
     style?: StyleProp<ViewStyle>;
 }
-declare function Skeleton({ width, height, borderRadius, shape, style, }: SkeletonProps): react_jsx_runtime.JSX.Element;
+declare function Skeleton({ width, height, borderRadius, shape, style, }: SkeletonProps): React__default.JSX.Element;
 
 interface SkeletonTextProps {
     /** Ancho de la línea: número (px) o string (ej. "100%", "60%"). */
@@ -619,14 +934,14 @@ interface SkeletonTextProps {
     height?: number;
     style?: StyleProp<ViewStyle>;
 }
-declare function SkeletonText({ width, height, style, }: SkeletonTextProps): react_jsx_runtime.JSX.Element;
+declare function SkeletonText({ width, height, style, }: SkeletonTextProps): React__default.JSX.Element;
 
 interface SkeletonCircleProps {
     /** Diámetro del círculo en px (default 32, imita iconos/avatares). */
     size?: number;
     style?: StyleProp<ViewStyle>;
 }
-declare function SkeletonCircle({ size, style }: SkeletonCircleProps): react_jsx_runtime.JSX.Element;
+declare function SkeletonCircle({ size, style }: SkeletonCircleProps): React__default.JSX.Element;
 
 interface SkeletonCardProps extends ViewProps {
     /** Altura mínima del frame (útil cuando el esqueleto aún no define contenido). */
@@ -637,7 +952,7 @@ interface SkeletonCardProps extends ViewProps {
  * (`SkeletonText`, `SkeletonCircle`) como hijos. El frame NO anima: los
  * bloques internos son los que pulsan.
  */
-declare function SkeletonCard({ height, style, children, ...rest }: SkeletonCardProps): react_jsx_runtime.JSX.Element;
+declare function SkeletonCard({ height, style, children, ...rest }: SkeletonCardProps): React__default.JSX.Element;
 
 interface ToolItem {
     id: string;
@@ -649,7 +964,7 @@ interface ToolsCardProps {
     tools: ToolItem[];
     style?: ViewStyle;
 }
-declare function ToolsCard({ tools, style }: ToolsCardProps): react_jsx_runtime.JSX.Element;
+declare function ToolsCard({ tools, style }: ToolsCardProps): React__default.JSX.Element;
 
 type TreeNode = {
     id: string;
@@ -673,7 +988,7 @@ type TreeEditorProps = {
     /** Etiqueta del botón de agregar raíz (solo modo edición). Default: "Agregar raíz". */
     rootLabel?: string;
     /** Render custom para el contenido de cada nodo. Recibe el nodo y el render por defecto. */
-    renderNode?: (node: TreeNode, defaultContent: React.ReactNode) => React.ReactNode;
+    renderNode?: (node: TreeNode, defaultContent: React__default.ReactNode) => React__default.ReactNode;
     /** Called when user taps any add button/row. When provided, the built-in add dialog is bypassed. */
     onRequestAdd?: (parentId: string | null) => void;
     /** Called when user taps "Editar" from the node menu. When provided, the built-in edit dialog is bypassed. */
@@ -695,7 +1010,7 @@ declare function countNodes(nodes: TreeNode[]): number;
  * expandida con su primer nivel visible.
  */
 declare function buildInitialCollapsed(nodes: TreeNode[]): Record<string, boolean>;
-declare function TreeEditor({ value, onChange, mode, variant, collapsed: collapsedProp, onCollapsedChange, rootLabel, renderNode, onRequestAdd, onRequestEdit, onRequestDelete, style }: TreeEditorProps): react_jsx_runtime.JSX.Element;
+declare function TreeEditor({ value, onChange, mode, variant, collapsed: collapsedProp, onCollapsedChange, rootLabel, renderNode, onRequestAdd, onRequestEdit, onRequestDelete, style }: TreeEditorProps): React__default.JSX.Element;
 
 interface TextFieldProps {
     label: string;
@@ -716,7 +1031,7 @@ interface TextFieldProps {
     /** Estilo del contenedor (label + campo). */
     style?: StyleProp<ViewStyle>;
 }
-declare function TextField({ label, value, onChangeText, placeholder, editable, secureTextEntry, keyboardType, autoCapitalize, maxLength, multiline, error, style, }: TextFieldProps): react_jsx_runtime.JSX.Element;
+declare function TextField({ label, value, onChangeText, placeholder, editable, secureTextEntry, keyboardType, autoCapitalize, maxLength, multiline, error, style, }: TextFieldProps): React__default.JSX.Element;
 
 type SplitColorCardProps = {
     label: string;
@@ -726,7 +1041,7 @@ type SplitColorCardProps = {
     darkTokenName: string;
     onPress?: () => void;
 };
-declare function SplitColorCard({ label, lightHex, darkHex, lightTokenName, darkTokenName, onPress, }: SplitColorCardProps): react_jsx_runtime.JSX.Element;
+declare function SplitColorCard({ label, lightHex, darkHex, lightTokenName, darkTokenName, onPress, }: SplitColorCardProps): React__default.JSX.Element;
 type SplitTextCardProps = {
     label: string;
     lightHex: string;
@@ -738,7 +1053,7 @@ type SplitTextCardProps = {
     textContent?: string;
     onPress?: () => void;
 };
-declare function SplitTextCard({ label, lightHex, darkHex, lightBgHex, darkBgHex, lightTokenName, darkTokenName, textContent, onPress, }: SplitTextCardProps): react_jsx_runtime.JSX.Element;
+declare function SplitTextCard({ label, lightHex, darkHex, lightBgHex, darkBgHex, lightTokenName, darkTokenName, textContent, onPress, }: SplitTextCardProps): React__default.JSX.Element;
 type SplitDarknessCardProps = {
     label: string;
     lightHex: string;
@@ -749,21 +1064,21 @@ type SplitDarknessCardProps = {
     darkKey: string;
     onPress?: () => void;
 };
-declare function SplitDarknessCard({ label, lightHex, darkHex, lightTokenName, darkTokenName, lightKey, darkKey, onPress, }: SplitDarknessCardProps): react_jsx_runtime.JSX.Element;
+declare function SplitDarknessCard({ label, lightHex, darkHex, lightTokenName, darkTokenName, lightKey, darkKey, onPress, }: SplitDarknessCardProps): React__default.JSX.Element;
 
 type TextVariant = TextType;
 interface TextProps extends TextProps$1 {
     variant?: TextVariant;
     color?: string;
 }
-declare function Text({ variant, color, style, ...rest }: TextProps): react_jsx_runtime.JSX.Element;
+declare function Text({ variant, color, style, ...rest }: TextProps): React__default.JSX.Element;
 
 interface AppTextHeaderProps {
     heading: string;
     caption?: string;
     style?: ViewStyle;
 }
-declare function AppTextHeader({ heading, caption, style }: AppTextHeaderProps): react_jsx_runtime.JSX.Element;
+declare function AppTextHeader({ heading, caption, style }: AppTextHeaderProps): React__default.JSX.Element;
 
 interface EmptyStateProps {
     icon?: IconName;
@@ -772,7 +1087,7 @@ interface EmptyStateProps {
     caption?: string;
     style?: ViewStyle;
 }
-declare function EmptyState({ icon, iconSize, title, caption, style }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+declare function EmptyState({ icon, iconSize, title, caption, style }: EmptyStateProps): React__default.JSX.Element;
 
 type AppInputProps = {
     label: string;
@@ -785,19 +1100,34 @@ type AppFormCardProps = {
     labelWidth?: number;
     style?: ViewStyle;
 };
-declare function AppFormCard({ children, labelWidth, style }: AppFormCardProps): react_jsx_runtime.JSX.Element;
+declare function AppFormCard({ children, labelWidth, style }: AppFormCardProps): React__default.JSX.Element;
 
 type AppTextInputProps = AppInputProps & {
     type?: "text";
     value: string;
-    onChangeText: (value: string) => void;
+    /** Opcional: los campos de solo lectura (readOnly u onPress) completados por
+     *  escaneo no necesitan proveer un handler de texto. */
+    onChangeText?: (value: string) => void;
     placeholder?: string;
     autoCapitalize?: "none" | "sentences" | "words" | "characters";
     keyboardType?: KeyboardTypeOptions;
     maxLength?: number;
     editable?: boolean;
+    /** Solo lectura: bloquea el ingreso de texto (sin teclado) pero conserva el
+     *  aspecto normal de la fila y deja operativas las acciones (p. ej. escanear). */
+    readOnly?: boolean;
+    /** Al tocar la fila: si se pasa, se usa este handler en vez de enfocar el
+     *  input (p. ej. campos que solo se completan escaneando: tocar el campo abre
+     *  el escáner y no el teclado). */
+    onPress?: () => void;
+    /** Botón de acción a la derecha del campo (ej. escanear un código). */
+    trailingAction?: {
+        icon: IconName;
+        onPress: () => void;
+        accessibilityLabel?: string;
+    };
 };
-declare function AppTextInput({ label, labelWidth, value, onChangeText, placeholder, autoCapitalize, keyboardType, maxLength, editable, }: AppTextInputProps): react_jsx_runtime.JSX.Element;
+declare function AppTextInput({ label, labelWidth, value, onChangeText, placeholder, autoCapitalize, keyboardType, maxLength, editable, readOnly, trailingAction, onPress: onPressOverride, }: AppTextInputProps): React__default.JSX.Element;
 
 type AppTextAreaProps = AppInputProps & {
     value: string;
@@ -808,7 +1138,7 @@ type AppTextAreaProps = AppInputProps & {
     maxLength?: number;
     editable?: boolean;
 };
-declare function AppTextArea({ label, value, onChangeText, placeholder, autoCapitalize, keyboardType, maxLength, editable, }: AppTextAreaProps): react_jsx_runtime.JSX.Element;
+declare function AppTextArea({ label, value, onChangeText, placeholder, autoCapitalize, keyboardType, maxLength, editable, }: AppTextAreaProps): React__default.JSX.Element;
 
 type AppSelectorOption = {
     label: string;
@@ -822,14 +1152,14 @@ type AppSelectorProps = AppInputProps & {
     placeholder?: string;
     disabled?: boolean;
 };
-declare function AppSelector({ label, labelWidth, value, onChange, options, placeholder, disabled, }: AppSelectorProps): react_jsx_runtime.JSX.Element;
+declare function AppSelector({ label, labelWidth, value, onChange, options, placeholder, disabled, }: AppSelectorProps): React__default.JSX.Element;
 
 type AppToggleProps = AppInputProps & {
     value: boolean;
     onValueChange: (value: boolean) => void;
     disabled?: boolean;
 };
-declare function AppToggle({ label, labelWidth, value, onValueChange, disabled, }: AppToggleProps): react_jsx_runtime.JSX.Element;
+declare function AppToggle({ label, labelWidth, value, onValueChange, disabled, }: AppToggleProps): React__default.JSX.Element;
 
 type AppButtonVariant = "solid" | "outline" | "ghost";
 type AppButtonProps = {
@@ -842,10 +1172,10 @@ type AppButtonProps = {
     borderColor?: string;
     style?: ViewStyle;
 };
-declare function AppButton({ label, onPress, disabled, variant, backgroundColor, textColor, borderColor, style, }: AppButtonProps): react_jsx_runtime.JSX.Element;
+declare function AppButton({ label, onPress, disabled, variant, backgroundColor, textColor, borderColor, style, }: AppButtonProps): React__default.JSX.Element;
 
 type KeyboardSafeScreenProps = {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     style?: StyleProp<ViewStyle>;
     contentContainerStyle?: StyleProp<ViewStyle>;
     scrollViewProps?: ScrollViewProps;
@@ -856,7 +1186,7 @@ type KeyboardSafeScreenProps = {
  * react-native-keyboard-controller, negativa con teclado visible) para
  * empujar el contenido sin re-renders de JS. En web mide el visualViewport.
  */
-declare function KeyboardSafeScreen({ children, style, contentContainerStyle, scrollViewProps, }: KeyboardSafeScreenProps): react_jsx_runtime.JSX.Element;
+declare function KeyboardSafeScreen({ children, style, contentContainerStyle, scrollViewProps, }: KeyboardSafeScreenProps): React__default.JSX.Element;
 
 type SheetKind = "topSheet" | "bottomSheet" | "fullHeader" | "fullBody";
 interface RouteOptions {
@@ -890,7 +1220,7 @@ type SheetLayoutContextValue = {
 };
 /** Permite que el contenido de una capa pida cambiar de ruta sin navigator. */
 declare function useSheetLayout(): SheetLayoutContextValue;
-declare function SheetLayout({ routes, activeKey, onRequestChange, style, }: SheetLayoutProps): react_jsx_runtime.JSX.Element;
+declare function SheetLayout({ routes, activeKey, onRequestChange, style, }: SheetLayoutProps): React__default.JSX.Element;
 
 /**
  * Cada "kind" de ruta se resuelve en una composición de capas (hosts):
@@ -921,10 +1251,10 @@ type SheetSlotProps = {
     interactive: boolean;
     baseColor: "header" | "body";
 };
-declare function SheetSlot({ side, visible, route, interactive, baseColor, }: SheetSlotProps): react_jsx_runtime.JSX.Element | null;
+declare function SheetSlot({ side, visible, route, interactive, baseColor, }: SheetSlotProps): React__default.JSX.Element | null;
 
 type MainLayoutProps = {
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     backgroundColor?: string;
     /** Si el body debe poder scrollear. Default true. */
     scroll?: boolean;
@@ -936,15 +1266,15 @@ type MainLayoutProps = {
  * muestra un body (scrolleable por defecto). Punto de partida mínimo para
  * ir construyendo encima según se necesite.
  */
-declare function MainLayout({ children, backgroundColor, scroll, contentContainerStyle, style, }: MainLayoutProps): react_jsx_runtime.JSX.Element;
+declare function MainLayout({ children, backgroundColor, scroll, contentContainerStyle, style, }: MainLayoutProps): React__default.JSX.Element;
 
 type SectionKey = "top" | "mid" | "bottom";
-type HeightSpec = "content" | "fill" | "fillRest" | "third" | number;
+type HeightSpec = "content" | "fill" | "fillRest" | "minFillRest" | "third" | number;
 type SlotName = "header" | "body" | "footer";
 type SectionBehavior = {
     /** Si la sección se renderiza. Default true. */
     visible?: boolean;
-    /** Cómo se determina su alto: contenido medido, llenar (H), rellenar resto, un tercio, o px fijos. Default "content". */
+    /** Cómo se determina su alto: contenido medido, llenar (H), rellenar resto, al menos rellenar el resto creciendo con el contenido, un tercio, o px fijos. Default "content". */
     height?: HeightSpec;
     /** La sección scrollea internamente (ScrollView propio). */
     scroll?: boolean;
@@ -984,23 +1314,58 @@ type AppNavigation = {
 /** Presets = las 5 variantes del motor, reutilizables por nombre. */
 declare const layoutStates: Record<LayoutStateName, LayoutState>;
 declare function useAppNavigation(): AppNavigation;
-type AppLayoutDebugSnapshot = {
-    route: string;
-    anchors: string[];
-    anim: Record<string, number>;
-    naturals: Record<SectionKey, number>;
-    lastMeasured: Record<SectionKey, number>;
-    windowH: number;
-};
-declare function useAppLayoutDebug(): {
-    snapshot: () => AppLayoutDebugSnapshot;
-};
 type AppLayoutProps = {
     initialRoute: AppRoute;
     /** Muestra un botón de volver global cuando canGoBack. Default true. */
     showBackButton?: boolean;
+    /**
+     * Anima las transiciones de estado (rutas y colapsos por medición) con
+     * layout transitions de Reanimated (morph de altura en hilo UI), en lugar de
+     * aplicar las alturas planas de forma inmediata. Default false (motor
+     * estático estable).
+     */
+    animateTransitions?: boolean;
+    /**
+     * Cuándo revelar el contenido visible de las secciones durante una
+     * transición animada. "always": siempre visible (el alto anima con el
+     * contenido pintado). "after": el contenido se oculta mientras el alto
+     * transiciona y se desvanece al terminar. Default "always".
+     */
+    contentReveal?: "always" | "after";
+};
+declare function AppLayout({ initialRoute, showBackButton, animateTransitions, contentReveal, }: AppLayoutProps): React__default.JSX.Element;
+
+type AppShellNavigation = {
+    /** Nombre de la ruta actual del shell (lockedRoute si está bloqueada). */
+    current: string;
+    /** AppRoute resuelto de `current` contra el mapa `routes` (con fallback), listo para alimentar el AppLayout. */
+    currentRoute: AppRoute;
+    /** Hay una ruta anterior en el stack a la que volver. */
+    canGoBack: boolean;
+    /** Empuja una ruta al shell (no-op si ya es la actual o si está bloqueado). */
+    navigate: (name: string) => void;
+    /** Vuelve a la ruta anterior (no-op si no hay stack). */
+    back: () => void;
+    /** Reemplaza todo el stack por [name] (reset al salir del shell hacia una ruta expo-router). */
+    reset: (name: string) => void;
+};
+type AppShellProps = {
+    /** Mapa name → AppRoute del shell. */
+    routes: Record<string, AppRoute>;
+    /** Nombre de la ruta inicial del stack. Default: `fallbackRoute`. */
+    initialRoute?: string;
+    /** Ruta por defecto cuando un nombre no existe en `routes`. Default "home". */
+    fallbackRoute?: string;
+    /**
+     * Ruta bloqueada: si está definida, el shell muestra SIEMPRE esta ruta y la
+     * navegación interna se ignora (p. ej. "login" cuando no hay sesión). Al
+     * volver a undefined, el shell cae a la ruta que esté en el tope del stack.
+     */
+    lockedRoute?: string;
+    children?: ReactNode;
 };
-declare function AppLayout({ initialRoute, showBackButton, }: AppLayoutProps): react_jsx_runtime.JSX.Element;
+declare function useAppShell(): AppShellNavigation;
+declare function AppShell({ routes, initialRoute, fallbackRoute, lockedRoute, children, }: AppShellProps): React__default.JSX.Element;
 
 type DivisorPosition = "top" | "bottom";
 type DivisorProps = {
@@ -1014,11 +1379,15 @@ type DivisorProps = {
     height?: number;
     /** Muestra el "grabber" (pill) estilo iOS centrado en el borde de la hoja. */
     handle?: boolean;
+    /** Extiende la capa oscura más allá de la caja base por el lado recto (contra
+     * el borde de la hoja), para que no quede costura ni subpixel entre el cap y
+     * la hoja. Default 0. */
+    extend?: number;
     /** Color del grabber. Default: blanco translúcido. */
     handleColor?: string;
     style?: ViewStyle;
 };
-declare function Divisor({ position, color, baseColor, height, handle, handleColor, style, }: DivisorProps): react_jsx_runtime.JSX.Element;
+declare function Divisor({ position, color, baseColor, height, handle, extend, handleColor, style, }: DivisorProps): React__default.JSX.Element;
 
 /**
  * Dirección de entrada/salida de una capa durante una transición.
@@ -1038,6 +1407,139 @@ declare function resolveTransition(from: SheetKind, to: SheetKind): TransitionSp
 /** Signo del desplazamiento vertical para una dirección de translate. */
 declare function directionSign(dir: LayerDirection): number;
 
+/** Orientación de la cámara (cámara trasera o frontal). */
+type CameraFacing = CameraType;
+/** Modo de flash para la captura de fotos (off → on → auto). */
+type CameraFlashMode = FlashMode;
+/** Resultado de una foto capturada con la cámara. */
+type CapturePhoto = {
+    /** URI local (nativo) o base64 (web) de la imagen capturada. */
+    uri: string;
+    /** Ancho de la imagen. */
+    width: number;
+    /** Alto de la imagen. */
+    height: number;
+};
+/** Resultado de un código escaneado. */
+type ScanResult = {
+    /** Tipo de código escaneado (ej. "qr", "code128"). */
+    type: string;
+    /** Información decodificada del código. */
+    value: string;
+};
+
+type CameraScreenContainerProps = {
+    children?: React__default.ReactNode;
+    style?: StyleProp<ViewStyle>;
+};
+declare function CameraScreenContainer({ children, style }: CameraScreenContainerProps): React__default.JSX.Element;
+
+type CameraPermissionGateProps = {
+    children?: React__default.ReactNode;
+    /** Título mostrado en la cabecera (recién el host provee un onClose). */
+    title?: string;
+    onClose?: () => void;
+    /** Texto del estado sin permiso. Default: mensaje estándar. */
+    deniedMessage?: string;
+};
+declare function CameraPermissionGate({ children, title, onClose, deniedMessage }: CameraPermissionGateProps): React__default.JSX.Element;
+
+type CameraHudProps = {
+    /** Título centrado de la barra superior. */
+    title?: string;
+    /** Si se pasa, muestra el botón de volver (barra superior izquierda). */
+    onClose?: () => void;
+    /** Ícono del botón de volver. Default "arrow-back". */
+    closeIcon?: IconName;
+    /** Flash de captura (barra superior derecha). Se muestra solo en modo captura. */
+    flash?: CameraFlashMode;
+    onToggleFlash?: () => void;
+    /** Linterna del scanner (barra superior derecha en modo escaneo). */
+    torch?: boolean;
+    onToggleTorch?: () => void;
+    /** Par de botones del modo captura. */
+    onFlipCamera?: () => void;
+    canFlipCamera?: boolean;
+    onCapture?: () => void;
+    capturing?: boolean;
+    canCapture?: boolean;
+};
+declare function CameraHud({ title, onClose, closeIcon, flash, onToggleFlash, torch, onToggleTorch, onFlipCamera, canFlipCamera, onCapture, capturing, canCapture, }: CameraHudProps): React__default.JSX.Element;
+type HudIconButtonProps = {
+    icon: IconName;
+    label: string;
+    onPress?: () => void;
+    active?: boolean;
+    size?: "md" | "lg";
+};
+declare function HudIconButton({ icon, label, onPress, active, size }: HudIconButtonProps): React__default.JSX.Element;
+declare function ShutterButton({ busy, enabled, onPress, }: {
+    busy?: boolean;
+    enabled?: boolean;
+    onPress?: () => void;
+}): React__default.JSX.Element;
+
+type CameraCaptureScreenProps = {
+    /** Si es false, la pantalla no se renderiza. Default true. */
+    visible?: boolean;
+    /** Título de la cabecera. Default "Cámara". */
+    title?: string;
+    /** Botón de volver (prop del host). */
+    onClose?: () => void;
+    /** Flash actual. Cicla off → on → auto → off al tocar. Default "off". */
+    flash?: CameraFlashMode;
+    onFlashChange?: (flash: CameraFlashMode) => void;
+    /** Cámara activa. Default "back". */
+    facing?: CameraFacing;
+    onFacingChange?: (facing: CameraFacing) => void;
+    /** Calidad JPEG de la captura (0–1). Default 0.85. */
+    quality?: number;
+    /** Incluir la imagen en Base64. Default false. */
+    includeBase64?: boolean;
+    /** Incluir datos EXIF. Default false. */
+    includeExif?: boolean;
+    /** Espejar la frontal. Default true. */
+    mirrorFront?: boolean;
+    /** Resultado de una foto tomada. */
+    onCapture?: (photo: CapturePhoto) => void;
+    /** Preview de la cámara listo. */
+    onOpenCamera?: () => void;
+    /** Error de montaje o captura. */
+    onCameraError?: (error: unknown) => void;
+    style?: StyleProp<ViewStyle>;
+};
+declare function CameraCaptureScreen({ visible, title, onClose, flash, onFlashChange, facing, onFacingChange, quality, includeBase64, includeExif, mirrorFront, onCapture, onOpenCamera, onCameraError, style, }: CameraCaptureScreenProps): React__default.JSX.Element | null;
+
+type BarcodeScannerScreenProps = {
+    /** Si es false, la pantalla no se renderiza. Default true. */
+    visible?: boolean;
+    /** Título de la cabecera. Default "Escanear". */
+    title?: string;
+    /** Ayuda que se muestra bajo el viewfinder. */
+    caption?: string;
+    onClose?: () => void;
+    /** Resultado de un código detectado. */
+    onScan?: (result: ScanResult) => void;
+    /** Tipos a reconocer. Default solo QR. */
+    barcodeTypes?: BarcodeType[];
+    /** Tiempo mínimo entre scans consecutivos (ms). Default 1500. */
+    throttleMs?: number;
+    /** Ignora las lecturas durante los primeros N ms tras abrir el escáner
+     * (para encuadrar antes de que dispare). Default 0. */
+    detectionDelayMs?: number;
+    /** Vibra al detectar (nativo). Default true. */
+    haptics?: boolean;
+    /** Linterna encendida (light durante el escaneo). */
+    torch?: boolean;
+    onTorchChange?: (torch: boolean) => void;
+    facing?: CameraFacing;
+    onFacingChange?: (facing: CameraFacing) => void;
+    onOpenCamera?: () => void;
+    onCameraError?: (error: unknown) => void;
+    style?: StyleProp<ViewStyle>;
+};
+declare function BarcodeScannerScreen({ visible, title, caption, onClose, onScan, barcodeTypes, throttleMs, detectionDelayMs, haptics, torch, onTorchChange, facing, onFacingChange, onOpenCamera, onCameraError, style, }: BarcodeScannerScreenProps): React__default.JSX.Element | null;
+
 declare const AppIcon: {
     readonly Home: IconName;
     readonly HomeFilled: IconName;
@@ -1086,4 +1588,4 @@ declare const AppIcon: {
     readonly Inbox: IconName;
 };
 
-export { AppButton, type AppButtonProps, type AppButtonVariant, AppCheckItem, type AppCheckItemProps, type AppCheckItemStatus, AppDialogMode, type AppFilterChipOption, AppFilterChips, type AppFilterChipsProps, AppFormCard, type AppFormCardProps, AppIcon, type AppInputElement, type AppInputProps, AppLayout, type AppLayoutDebugSnapshot, type AppLayoutProps, type AppNavigation, AppResponsiveDialog, type AppResponsiveDialogProps, type AppRoute, AppSelector, type AppSelectorOption, type AppSelectorProps, AppTextArea, type AppTextAreaProps, AppTextHeader, type AppTextHeaderProps, AppTextInput, type AppTextInputProps, AppToggle, type AppToggleProps, Avatar, type AvatarProps, type AvatarSize, type BaseColorKey, BottomSheet, type BottomSheetProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, Card, type CardProps, CardStackSheet, type CardStackSheetProps, CardTitle, type CardTitleProps, type CardVariant, CategoryText, type CategoryTextProps, CategoryTextStyle, Chip, type ChipProps, ChipRow, type ChipRowOption, type ChipRowProps, type ChipSize, type ChipVariant, ColorCustomizerDialog, type ColorToken, ColorWheel, ComposingOrb, type Composition, DashboardShell, type DashboardShellProps, Divisor, type DivisorPosition, type DivisorProps, Dock, type DockItem, type DockProps, DonutChart, type DonutChartProps, type DonutSegment, DrawerMenu, DrawerMenuItem, type DrawerMenuItemProps, DrawerMenuItemStyle, type DrawerMenuItemType, type DrawerMenuProps, Dropdown, type DropdownOption, type DropdownProps, type DropdownState, EmptyState, type EmptyStateProps, FloatingActionButton, type FloatingActionButtonPosition, type FloatingActionButtonProps, HeaderBar, type HeaderBarProps, HeaderBarStyle, HeaderCardLayout, type HeaderCardLayoutProps, type HeightSpec, type HostKey, Icon, type IconName, type IconProps, Input, type InputProps, Item, type ItemProps, ItemStyle, KeyboardSafeScreen, type KeyboardSafeScreenProps, type LayerDirection, type LayerRole, LayoutColumn, LayoutRow, type LayoutState, type LayoutStateName, MainLayout, type MainLayoutProps, Modal, type ModalProps, OptionListItem, type OptionListItemProps, OptionListItemVariant, PinKeypad, type PinKeypadProps, ReverseHeaderCardLayout, type ReverseHeaderCardLayoutProps, type Route, type RouteOptions, SearchBar, type SearchBarProps, SearchBarStyle, type SectionBehavior, type SectionKey, type SheetKind, SheetLayout, type SheetLayoutProps, SheetSlot, type SheetSlotProps, type SidebarItem, type SidebarSection, type SidebarType, Skeleton, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, type SkeletonProps, type SkeletonShape, SkeletonText, type SkeletonTextProps, type SlotName, SplitColorCard, SplitDarknessCard, SplitTextCard, StateMessage, type StateMessageProps, StateMessageStyle, StateMessageType, TOAST_DEFAULT_DURATION_MS, Text, TextField, type TextFieldProps, type TextProps, type TextVariant, Toast, type ToastOptions, type ToastProps, ToastProvider, ToastStyle, ToastTone, type ToolItem, ToolsCard, type ToolsCardProps, type TransitionSpec, TreeEditor, type TreeEditorMode, type TreeEditorProps, type TreeEditorVariant, type TreeNode, addChild, addSibling, buildInitialCollapsed, countNodes, createNode, directionSign, findNode, hasCode, hostDirection, iconMap, layoutStates, removeNode, resolveComposition, resolveTransition, updateNode, useAppLayoutDebug, useAppNavigation, useSheetLayout, useToast };
+export { ActionCard, type ActionCardProps, ActionCardStyle, type ActionTile, ActionTiles, type ActionTilesProps, ActionTilesStyle, AppBottomSheet, type AppBottomSheetProps, AppButton, type AppButtonProps, type AppButtonVariant, AppCheckItem, type AppCheckItemProps, type AppCheckItemStatus, AppDialogMode, type AppFilterChipOption, AppFilterChips, type AppFilterChipsProps, AppFormCard, type AppFormCardProps, AppIcon, type AppInputElement, type AppInputProps, AppLayout, type AppLayoutProps, type AppNavigation, type AppRoute, AppSelector, type AppSelectorOption, type AppSelectorProps, AppShell, type AppShellNavigation, type AppShellProps, AppTextArea, type AppTextAreaProps, AppTextHeader, type AppTextHeaderProps, AppTextInput, type AppTextInputProps, AppToggle, type AppToggleProps, Avatar, type AvatarProps, type AvatarSize, BarcodeScannerScreen, type BarcodeScannerScreenProps, type BaseColorKey, BottomSheet, type BottomSheetProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, CameraCaptureScreen, type CameraCaptureScreenProps, type CameraFacing, type CameraFlashMode, CameraHud, type CameraHudProps, CameraPermissionGate, type CameraPermissionGateProps, CameraScreenContainer, type CameraScreenContainerProps, type CapturePhoto, Card, type CardProps, CardTitle, type CardTitleProps, type CardVariant, Chip, type ChipProps, type ChipSize, ChipTabs, type ChipTabsOption, type ChipTabsProps, type ChipVariant, ColorCustomizerDialog, type ColorToken, ColorWheel, ComposingOrb, type Composition, DashboardShell, type DashboardShellProps, Divisor, type DivisorPosition, type DivisorProps, Dock, type DockItem, type DockProps, DonutChart, type DonutChartProps, type DonutSegment, DrawerMenu, DrawerMenuItem, type DrawerMenuItemProps, DrawerMenuItemStyle, type DrawerMenuItemType, type DrawerMenuProps, Dropdown, type DropdownOption, type DropdownProps, type DropdownState, ElementCard, type ElementCardProps, ElementCardStyle, EmptyState, type EmptyStateProps, FloatingActionButton, type FloatingActionButtonPosition, type FloatingActionButtonProps, HeaderCardLayout, type HeaderCardLayoutProps, type HeightSpec, type HostKey, HudIconButton, type HudIconButtonProps, Icon, type IconName, type IconProps, Input, type InputProps, Item, type ItemProps, ItemStyle, type KeyValueItem, KeyValueList, type KeyValueListProps, KeyValueListStyle, KeyboardSafeScreen, type KeyboardSafeScreenProps, Label, type LabelProps, LabelStyle, type LayerDirection, type LayerRole, LayoutColumn, LayoutRow, type LayoutState, type LayoutStateName, ListItem, type ListItemProps, ListItemStyle, MainLayout, type MainLayoutProps, Modal, type ModalProps, OptionListItem, type OptionListItemProps, OptionListItemVariant, PinKeypad, type PinKeypadProps, ProductCard, type ProductCardCart, type ProductCardProps, ProductCardStyle, ReverseHeaderCardLayout, type ReverseHeaderCardLayoutProps, type Route, type RouteOptions, type ScanResult, SearchBar, type SearchBarProps, SearchBarStyle, type SectionBehavior, SectionHeader, type SectionHeaderProps, SectionHeaderStyle, type SectionKey, SectionTitle, type SectionTitleProps, Sheet, type SheetKind, SheetLayout, type SheetLayoutProps, type SheetProps, SheetSlot, type SheetSlotProps, ShortcutCard, type ShortcutCardProps, ShortcutCardStyle, type ShortcutItem, ShutterButton, type SidebarItem, type SidebarSection, type SidebarType, Skeleton, SkeletonCard, type SkeletonCardProps, SkeletonCircle, type SkeletonCircleProps, type SkeletonProps, type SkeletonShape, SkeletonText, type SkeletonTextProps, type SlotName, SplitColorCard, SplitDarknessCard, SplitTextCard, StackDetails, type StackDetailsAction, type StackDetailsProps, type StackDetailsRow, StackDetailsStyle, StateMessage, type StateMessageProps, StateMessageStyle, StateMessageType, TOAST_DEFAULT_DURATION_MS, TabNavigation, type TabNavigationOption, type TabNavigationProps, TabNavigationStyle, Text, TextField, type TextFieldProps, type TextProps, type TextVariant, Toast, type ToastOptions, type ToastProps, ToastProvider, ToastStyle, ToastTone, type ToolItem, ToolsCard, type ToolsCardProps, TopAction, type TopActionProps, TopActionStyle, TopBar, type TopBarProps, type TransitionSpec, TreeEditor, type TreeEditorMode, type TreeEditorProps, type TreeEditorVariant, type TreeNode, addChild, addSibling, buildInitialCollapsed, countNodes, createNode, directionSign, findNode, hasCode, hostDirection, iconMap, layoutStates, removeNode, resolveComposition, resolveTransition, updateNode, useAppNavigation, useAppShell, useSheetLayout, useToast };