@william-callao/antonella-ui 1.0.5 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.d.ts +122 -12
  2. package/dist/index.js +646 -472
  3. package/package.json +7 -3
package/dist/index.d.ts CHANGED
@@ -595,6 +595,14 @@ type ElementCardProps = {
595
595
  trailing?: IconName;
596
596
  /** Llamado al presionar el ícono de la derecha. Si no se pasa, el ícono no es táctil. */
597
597
  onTrailingPress?: () => void;
598
+ /**
599
+ * Etiqueta de accesibilidad del ícono de la derecha. Obligatoria cuando hay
600
+ * `onTrailingPress`: sin ella el botón queda con `content-desc=""`, invisible
601
+ * para lectores de pantalla y para los selectores de tests E2E.
602
+ */
603
+ trailingLabel?: string;
604
+ /** Alias para compatibilidad con algunos llamadores. */
605
+ trailingAccessibilityLabel?: string;
598
606
  /** Elemento oculto/inactivo: atenúa la card. */
599
607
  dimmed?: boolean;
600
608
  style?: ElementCardStyle;
@@ -605,7 +613,7 @@ type ElementCardProps = {
605
613
  /** Color del icono del elemento visual (opcional). */
606
614
  visualIconColor?: string;
607
615
  };
608
- declare function ElementCard({ name, subtitle, icon, onPress, trailing, onTrailingPress, dimmed, style, containerStyle, visualBg, visualIconColor, }: ElementCardProps): React__default.JSX.Element;
616
+ declare function ElementCard({ name, subtitle, icon, onPress, trailing, onTrailingPress, trailingLabel, trailingAccessibilityLabel, dimmed, style, containerStyle, visualBg, visualIconColor, }: ElementCardProps): React__default.JSX.Element;
609
617
 
610
618
  declare enum KeyValueListStyle {
611
619
  DEFAULT = "DEFAULT",
@@ -996,6 +1004,14 @@ type TreeEditorProps = {
996
1004
  onRequestEdit?: (node: TreeNode) => void;
997
1005
  /** Called when the user confirms deletion of a node. When provided, the built-in removal is bypassed (the node is NOT deleted). */
998
1006
  onRequestDelete?: (node: TreeNode) => void;
1007
+ /**
1008
+ * Menú de acciones en modo edición: `"menu"` (default) muestra el botón de
1009
+ * tres puntos por fila; `"longPress"` lo oculta. En ambos casos una pulsación
1010
+ * larga sobre la fila abre las acciones.
1011
+ */
1012
+ nodeActions?: "menu" | "longPress";
1013
+ /** Toque corto en una hoja (nodo sin hijas). Los grupos siguen expandiendo/colapsando. */
1014
+ onPressNode?: (node: TreeNode) => void;
999
1015
  style?: StyleProp<ViewStyle>;
1000
1016
  };
1001
1017
  declare function createNode(code: string, name: string, children?: TreeNode[]): TreeNode;
@@ -1011,7 +1027,7 @@ declare function countNodes(nodes: TreeNode[]): number;
1011
1027
  * expandida con su primer nivel visible.
1012
1028
  */
1013
1029
  declare function buildInitialCollapsed(nodes: TreeNode[]): Record<string, boolean>;
1014
- declare function TreeEditor({ value, onChange, mode, variant, collapsed: collapsedProp, onCollapsedChange, rootLabel, renderNode, onRequestAdd, onRequestEdit, onRequestDelete, style }: TreeEditorProps): React__default.JSX.Element;
1030
+ declare function TreeEditor({ value, onChange, mode, variant, collapsed: collapsedProp, onCollapsedChange, rootLabel, renderNode, onRequestAdd, onRequestEdit, onRequestDelete, nodeActions, onPressNode, style }: TreeEditorProps): React__default.JSX.Element;
1015
1031
 
1016
1032
  interface TextFieldProps {
1017
1033
  label: string;
@@ -1093,6 +1109,9 @@ declare function EmptyState({ icon, iconSize, title, caption, style }: EmptyStat
1093
1109
  type AppInputProps = {
1094
1110
  label: string;
1095
1111
  labelWidth?: number;
1112
+ /** Mensaje de error de validación: se muestra como caption roja debajo de la
1113
+ * fila. */
1114
+ error?: string;
1096
1115
  };
1097
1116
  type AppInputElement = ReactElement<AppInputProps>;
1098
1117
 
@@ -1128,7 +1147,7 @@ type AppTextInputProps = AppInputProps & {
1128
1147
  accessibilityLabel?: string;
1129
1148
  };
1130
1149
  };
1131
- declare function AppTextInput({ label, labelWidth, value, onChangeText, placeholder, autoCapitalize, keyboardType, maxLength, editable, readOnly, trailingAction, onPress: onPressOverride, }: AppTextInputProps): React__default.JSX.Element;
1150
+ declare function AppTextInput({ label, labelWidth, error, value, onChangeText, placeholder, autoCapitalize, keyboardType, maxLength, editable, readOnly, trailingAction, onPress: onPressOverride, }: AppTextInputProps): React__default.JSX.Element;
1132
1151
 
1133
1152
  type AppTextAreaProps = AppInputProps & {
1134
1153
  value: string;
@@ -1139,7 +1158,7 @@ type AppTextAreaProps = AppInputProps & {
1139
1158
  maxLength?: number;
1140
1159
  editable?: boolean;
1141
1160
  };
1142
- declare function AppTextArea({ label, value, onChangeText, placeholder, autoCapitalize, keyboardType, maxLength, editable, }: AppTextAreaProps): React__default.JSX.Element;
1161
+ declare function AppTextArea({ label, error, value, onChangeText, placeholder, autoCapitalize, keyboardType, maxLength, editable, }: AppTextAreaProps): React__default.JSX.Element;
1143
1162
 
1144
1163
  type AppSelectorOption = {
1145
1164
  label: string;
@@ -1153,7 +1172,7 @@ type AppSelectorProps = AppInputProps & {
1153
1172
  placeholder?: string;
1154
1173
  disabled?: boolean;
1155
1174
  };
1156
- declare function AppSelector({ label, labelWidth, value, onChange, options, placeholder, disabled, }: AppSelectorProps): React__default.JSX.Element;
1175
+ declare function AppSelector({ label, labelWidth, error, value, onChange, options, placeholder, disabled, }: AppSelectorProps): React__default.JSX.Element;
1157
1176
 
1158
1177
  type AppToggleProps = AppInputProps & {
1159
1178
  value: boolean;
@@ -1167,13 +1186,15 @@ type AppButtonProps = {
1167
1186
  label: string;
1168
1187
  onPress?: () => void;
1169
1188
  disabled?: boolean;
1189
+ /** Muestra un spinner a la derecha del texto y bloquea el tap mientras dura. */
1190
+ loading?: boolean;
1170
1191
  variant?: AppButtonVariant;
1171
1192
  backgroundColor?: string;
1172
1193
  textColor?: string;
1173
1194
  borderColor?: string;
1174
1195
  style?: ViewStyle;
1175
1196
  };
1176
- declare function AppButton({ label, onPress, disabled, variant, backgroundColor, textColor, borderColor, style, }: AppButtonProps): React__default.JSX.Element;
1197
+ declare function AppButton({ label, onPress, disabled, loading, variant, backgroundColor, textColor, borderColor, style, }: AppButtonProps): React__default.JSX.Element;
1177
1198
 
1178
1199
  type KeyboardSafeScreenProps = {
1179
1200
  children: React__default.ReactNode;
@@ -1269,13 +1290,30 @@ type MainLayoutProps = {
1269
1290
  */
1270
1291
  declare function MainLayout({ children, backgroundColor, scroll, contentContainerStyle, style, }: MainLayoutProps): React__default.JSX.Element;
1271
1292
 
1293
+ /**
1294
+ * Matemática pura del motor de layout (`AppLayout`).
1295
+ *
1296
+ * Este módulo NO importa `react-native` ni toca el ciclo de vida de React: solo
1297
+ * derivaciones deterministas sobre el estado, las alturas naturales medidas y el
1298
+ * alto de ventana. Vive aparte para poder testearse en node (vitest) y para que
1299
+ * la lógica del motor deje de ser una caja negra embebida en el componente.
1300
+ *
1301
+ * Reglas del modelo (ver `APPLAYOUT.md`):
1302
+ * - Las secciones son dinámicas (`content`/`minFillRest`) o estáticas
1303
+ * (`fill`/`fillRest`/`third`/px). Solo las dinámicas se miden.
1304
+ * - El alto de una sección derivada nunca inventa colas ni overscans: la
1305
+ * cobertura del fondo se resuelve pintando el fondo del page con el color del
1306
+ * cuerpo/mid (`selectPageBackground`).
1307
+ * - El scroll se resetea al tope SOLO cuando cambia el nombre de ruta; los
1308
+ * cambios de contenido dentro de la misma ruta preservan la posición.
1309
+ */
1272
1310
  type SectionKey = "top" | "mid" | "bottom";
1273
1311
  type HeightSpec = "content" | "fill" | "fillRest" | "minFillRest" | "third" | number;
1274
1312
  type SlotName = "header" | "body" | "footer";
1275
1313
  type SectionBehavior = {
1276
1314
  /** Si la sección se renderiza. Default true. */
1277
1315
  visible?: boolean;
1278
- /** 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". */
1316
+ /** Cómo se determina su alto. `content`/`minFillRest` son dinámicas (se miden). Default "content". */
1279
1317
  height?: HeightSpec;
1280
1318
  /** La sección scrollea internamente (ScrollView propio). */
1281
1319
  scroll?: boolean;
@@ -1285,7 +1323,7 @@ type SectionBehavior = {
1285
1323
  fadeOnScroll?: boolean;
1286
1324
  /** A qué slot de contenido está asociada (header/body/footer). */
1287
1325
  slot?: SlotName;
1288
- /** Para height "fillRest": de qué sección (su alto natural) se descuenta H. */
1326
+ /** Para height "fillRest"/"minFillRest": de qué sección (su alto natural) se descuenta H. */
1289
1327
  restsOn?: SectionKey;
1290
1328
  /** Color de fondo de la sección. */
1291
1329
  backgroundColor?: string;
@@ -1304,6 +1342,15 @@ type AppRoute = {
1304
1342
  /** Contenido por slot. Cada slot se renderiza en su sección mapeada. */
1305
1343
  slots?: Partial<Record<SlotName, ReactNode>>;
1306
1344
  };
1345
+ /**
1346
+ * Presets = las 5 variantes del motor, reutilizables por nombre.
1347
+ *
1348
+ * Nota: `bottom` ya NO estira la hoja con una cola artificial (`BODY_TAIL`).
1349
+ * La costura bajo la hoja la cubre `selectPageBackground` (fondo del page =
1350
+ * color de la última sección visible), no el alto de la sección.
1351
+ */
1352
+ declare const layoutStates: Record<LayoutStateName, LayoutState>;
1353
+
1307
1354
  type AppNavigation = {
1308
1355
  navigate: (route: AppRoute) => void;
1309
1356
  back: () => void;
@@ -1312,8 +1359,6 @@ type AppNavigation = {
1312
1359
  stack: AppRoute[];
1313
1360
  replace: (route: AppRoute) => void;
1314
1361
  };
1315
- /** Presets = las 5 variantes del motor, reutilizables por nombre. */
1316
- declare const layoutStates: Record<LayoutStateName, LayoutState>;
1317
1362
  declare function useAppNavigation(): AppNavigation;
1318
1363
  type AppLayoutProps = {
1319
1364
  initialRoute: AppRoute;
@@ -1333,8 +1378,44 @@ type AppLayoutProps = {
1333
1378
  * transiciona y se desvanece al terminar. Default "always".
1334
1379
  */
1335
1380
  contentReveal?: "always" | "after";
1381
+ /**
1382
+ * Enciende el log de instrumentación del motor a consola (equivale a
1383
+ * `EXPO_PUBLIC_LAYOUT_DEBUG=1` o a `__ANTONELLA_LAYOUT_DEBUG__(true)`).
1384
+ * El buffer de eventos se llena igual; ver `layoutDebug.ts`.
1385
+ */
1386
+ debug?: boolean;
1336
1387
  };
1337
- declare function AppLayout({ initialRoute, showBackButton, animateTransitions, contentReveal, }: AppLayoutProps): React__default.JSX.Element;
1388
+ /**
1389
+ * Motor de layout por estados. Ver `APPLAYOUT.md`.
1390
+ *
1391
+ * Modelo de medición (robusto, sin heurísticas de valor):
1392
+ * - Cada sección dinámica (`content`/`minFillRest`) se mide con un PROXY
1393
+ * offscreen NO restringido (posición absoluta, alto auto, `opacity:0`,
1394
+ * `pointerEvents:none`). Al no fijarle alto, la medida es siempre la altura
1395
+ * intrínseca real: el artefacto del `flex:1` que medía ~32px de padding en el
1396
+ * contenedor visible es estructuralmente imposible, así que nunca se descarta
1397
+ * una medición legítima (no existe guard de umbral).
1398
+ * - El proxy vive FUERA del contenedor que recorta (`overflow:hidden`) durante
1399
+ * las transiciones, y se re-mide con `measure()` hasta estabilizar, para no
1400
+ * quedar con el alto "capado" por una animación de un descendiente.
1401
+ * - Los naturales medidos se cachean por nombre de ruta (`NaturalsSnapshot`).
1402
+ * Al volver a una ruta ya vista, se siembran sus naturales y el primer frame
1403
+ * se pinta con el alto correcto → sin "header distinto al volver".
1404
+ * - NUNCA se hereda el alto de otra pantalla: una ruta nunca vista se siembra
1405
+ * con un neutro derivado de la ventana, jamás con los naturales de la ruta
1406
+ * previa (sin "vestigios" entre pantallas).
1407
+ * - El scroll de página e interno se resetea al tope SOLO cuando cambia el
1408
+ * nombre de ruta; los cambios de contenido dentro de la misma ruta preservan
1409
+ * la posición.
1410
+ * - El fondo del page toma el color del cuerpo/mid (`selectPageBackground`):
1411
+ * durante los morphs se asoma el color del header (claro), no un corte
1412
+ * oscuro, y no hace falta sobredimensionar el body con colas.
1413
+ *
1414
+ * Contrato de slots dinámicos: el contenido de una sección `content`/
1415
+ * `minFillRest` se monta DOS veces (proxy + visible). Debe ser puro e
1416
+ * idempotente (sin efectos destructivos al montar).
1417
+ */
1418
+ declare function AppLayout({ initialRoute, showBackButton, animateTransitions, contentReveal, debug, }: AppLayoutProps): React__default.JSX.Element;
1338
1419
 
1339
1420
  type AppShellNavigation = {
1340
1421
  /** Nombre de la ruta actual del shell (lockedRoute si está bloqueada). */
@@ -1390,6 +1471,35 @@ type DivisorProps = {
1390
1471
  };
1391
1472
  declare function Divisor({ position, color, baseColor, height, handle, extend, handleColor, style, }: DivisorProps): React__default.JSX.Element;
1392
1473
 
1474
+ /**
1475
+ * Instrumentación del motor de layout (`AppLayout`).
1476
+ *
1477
+ * Objetivo: poder ver, paso a paso, CÓMO se calcula cada pantalla —qué se mide,
1478
+ * cuánto, con qué naturales, qué targets se derivan y qué se aplica— sin tener
1479
+ * que adivinar. No cambia el comportamiento: solo observa.
1480
+ *
1481
+ * Dos formas de activarla:
1482
+ * 1. Variable de entorno `EXPO_PUBLIC_LAYOUT_DEBUG=1` (Metro la inyecta en el
1483
+ * bundle; requiere reiniciar el dev server tras definirla).
1484
+ * 2. En runtime, desde la consola del dev server / debugger:
1485
+ * `__ANTONELLA_LAYOUT_DEBUG__(true)`.
1486
+ *
1487
+ * El buffer de eventos (últimos 400) SIEMPRE se llena, esté o no activado el log
1488
+ * a consola. Para volcarlo:
1489
+ * `__ANTONELLA_LAYOUT_DUMP__()` → imprime el buffer y lo devuelve.
1490
+ * `__ANTONELLA_LAYOUT_LOG__` → el array crudo.
1491
+ */
1492
+ type LayoutDebugEvent = {
1493
+ t: number;
1494
+ event: string;
1495
+ data?: Record<string, unknown>;
1496
+ };
1497
+ /** Activa/desactiva el log a consola en runtime. */
1498
+ declare function setLayoutDebug(on: boolean): void;
1499
+ declare function isLayoutDebug(): boolean;
1500
+ /** Registra un evento de layout (siempre en el buffer; a consola si está activo). */
1501
+ declare function layoutDebug(event: string, data?: Record<string, unknown>): void;
1502
+
1393
1503
  /**
1394
1504
  * Dirección de entrada/salida de una capa durante una transición.
1395
1505
  * Es la pieza extensible del sistema: agregar un nuevo SheetKind solo
@@ -1589,4 +1699,4 @@ declare const AppIcon: {
1589
1699
  readonly Inbox: IconName;
1590
1700
  };
1591
1701
 
1592
- 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 };
1702
+ 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, type LayoutDebugEvent, 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, isLayoutDebug, layoutDebug, layoutStates, removeNode, resolveComposition, resolveTransition, setLayoutDebug, updateNode, useAppNavigation, useAppShell, useSheetLayout, useToast };