@william-callao/antonella-ui 1.0.4 → 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 +124 -13
  2. package/dist/index.js +671 -477
  3. package/package.json +7 -3
package/dist/index.d.ts CHANGED
@@ -570,12 +570,13 @@ type ProductCardProps = {
570
570
  price?: string;
571
571
  code?: string;
572
572
  cart?: ProductCardCart;
573
+ maxQuantity?: number;
573
574
  onQuantityChange?: (quantity: number) => void;
574
575
  imageIcon?: IconName;
575
576
  style?: ProductCardStyle;
576
577
  containerStyle?: StyleProp<ViewStyle>;
577
578
  };
578
- declare function ProductCard({ name, price, code, cart, onQuantityChange, imageIcon, style, containerStyle, }: ProductCardProps): React__default.JSX.Element;
579
+ declare function ProductCard({ name, price, code, cart, maxQuantity, onQuantityChange, imageIcon, style, containerStyle, }: ProductCardProps): React__default.JSX.Element;
579
580
 
580
581
  declare enum ElementCardStyle {
581
582
  DEFAULT = "DEFAULT",
@@ -594,6 +595,14 @@ type ElementCardProps = {
594
595
  trailing?: IconName;
595
596
  /** Llamado al presionar el ícono de la derecha. Si no se pasa, el ícono no es táctil. */
596
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;
597
606
  /** Elemento oculto/inactivo: atenúa la card. */
598
607
  dimmed?: boolean;
599
608
  style?: ElementCardStyle;
@@ -604,7 +613,7 @@ type ElementCardProps = {
604
613
  /** Color del icono del elemento visual (opcional). */
605
614
  visualIconColor?: string;
606
615
  };
607
- 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;
608
617
 
609
618
  declare enum KeyValueListStyle {
610
619
  DEFAULT = "DEFAULT",
@@ -995,6 +1004,14 @@ type TreeEditorProps = {
995
1004
  onRequestEdit?: (node: TreeNode) => void;
996
1005
  /** Called when the user confirms deletion of a node. When provided, the built-in removal is bypassed (the node is NOT deleted). */
997
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;
998
1015
  style?: StyleProp<ViewStyle>;
999
1016
  };
1000
1017
  declare function createNode(code: string, name: string, children?: TreeNode[]): TreeNode;
@@ -1010,7 +1027,7 @@ declare function countNodes(nodes: TreeNode[]): number;
1010
1027
  * expandida con su primer nivel visible.
1011
1028
  */
1012
1029
  declare function buildInitialCollapsed(nodes: TreeNode[]): Record<string, boolean>;
1013
- 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;
1014
1031
 
1015
1032
  interface TextFieldProps {
1016
1033
  label: string;
@@ -1092,6 +1109,9 @@ declare function EmptyState({ icon, iconSize, title, caption, style }: EmptyStat
1092
1109
  type AppInputProps = {
1093
1110
  label: string;
1094
1111
  labelWidth?: number;
1112
+ /** Mensaje de error de validación: se muestra como caption roja debajo de la
1113
+ * fila. */
1114
+ error?: string;
1095
1115
  };
1096
1116
  type AppInputElement = ReactElement<AppInputProps>;
1097
1117
 
@@ -1127,7 +1147,7 @@ type AppTextInputProps = AppInputProps & {
1127
1147
  accessibilityLabel?: string;
1128
1148
  };
1129
1149
  };
1130
- 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;
1131
1151
 
1132
1152
  type AppTextAreaProps = AppInputProps & {
1133
1153
  value: string;
@@ -1138,7 +1158,7 @@ type AppTextAreaProps = AppInputProps & {
1138
1158
  maxLength?: number;
1139
1159
  editable?: boolean;
1140
1160
  };
1141
- 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;
1142
1162
 
1143
1163
  type AppSelectorOption = {
1144
1164
  label: string;
@@ -1152,7 +1172,7 @@ type AppSelectorProps = AppInputProps & {
1152
1172
  placeholder?: string;
1153
1173
  disabled?: boolean;
1154
1174
  };
1155
- 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;
1156
1176
 
1157
1177
  type AppToggleProps = AppInputProps & {
1158
1178
  value: boolean;
@@ -1166,13 +1186,15 @@ type AppButtonProps = {
1166
1186
  label: string;
1167
1187
  onPress?: () => void;
1168
1188
  disabled?: boolean;
1189
+ /** Muestra un spinner a la derecha del texto y bloquea el tap mientras dura. */
1190
+ loading?: boolean;
1169
1191
  variant?: AppButtonVariant;
1170
1192
  backgroundColor?: string;
1171
1193
  textColor?: string;
1172
1194
  borderColor?: string;
1173
1195
  style?: ViewStyle;
1174
1196
  };
1175
- 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;
1176
1198
 
1177
1199
  type KeyboardSafeScreenProps = {
1178
1200
  children: React__default.ReactNode;
@@ -1268,13 +1290,30 @@ type MainLayoutProps = {
1268
1290
  */
1269
1291
  declare function MainLayout({ children, backgroundColor, scroll, contentContainerStyle, style, }: MainLayoutProps): React__default.JSX.Element;
1270
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
+ */
1271
1310
  type SectionKey = "top" | "mid" | "bottom";
1272
1311
  type HeightSpec = "content" | "fill" | "fillRest" | "minFillRest" | "third" | number;
1273
1312
  type SlotName = "header" | "body" | "footer";
1274
1313
  type SectionBehavior = {
1275
1314
  /** Si la sección se renderiza. Default true. */
1276
1315
  visible?: boolean;
1277
- /** 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". */
1278
1317
  height?: HeightSpec;
1279
1318
  /** La sección scrollea internamente (ScrollView propio). */
1280
1319
  scroll?: boolean;
@@ -1284,7 +1323,7 @@ type SectionBehavior = {
1284
1323
  fadeOnScroll?: boolean;
1285
1324
  /** A qué slot de contenido está asociada (header/body/footer). */
1286
1325
  slot?: SlotName;
1287
- /** 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. */
1288
1327
  restsOn?: SectionKey;
1289
1328
  /** Color de fondo de la sección. */
1290
1329
  backgroundColor?: string;
@@ -1303,6 +1342,15 @@ type AppRoute = {
1303
1342
  /** Contenido por slot. Cada slot se renderiza en su sección mapeada. */
1304
1343
  slots?: Partial<Record<SlotName, ReactNode>>;
1305
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
+
1306
1354
  type AppNavigation = {
1307
1355
  navigate: (route: AppRoute) => void;
1308
1356
  back: () => void;
@@ -1311,8 +1359,6 @@ type AppNavigation = {
1311
1359
  stack: AppRoute[];
1312
1360
  replace: (route: AppRoute) => void;
1313
1361
  };
1314
- /** Presets = las 5 variantes del motor, reutilizables por nombre. */
1315
- declare const layoutStates: Record<LayoutStateName, LayoutState>;
1316
1362
  declare function useAppNavigation(): AppNavigation;
1317
1363
  type AppLayoutProps = {
1318
1364
  initialRoute: AppRoute;
@@ -1332,8 +1378,44 @@ type AppLayoutProps = {
1332
1378
  * transiciona y se desvanece al terminar. Default "always".
1333
1379
  */
1334
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;
1335
1387
  };
1336
- 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;
1337
1419
 
1338
1420
  type AppShellNavigation = {
1339
1421
  /** Nombre de la ruta actual del shell (lockedRoute si está bloqueada). */
@@ -1389,6 +1471,35 @@ type DivisorProps = {
1389
1471
  };
1390
1472
  declare function Divisor({ position, color, baseColor, height, handle, extend, handleColor, style, }: DivisorProps): React__default.JSX.Element;
1391
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
+
1392
1503
  /**
1393
1504
  * Dirección de entrada/salida de una capa durante una transición.
1394
1505
  * Es la pieza extensible del sistema: agregar un nuevo SheetKind solo
@@ -1588,4 +1699,4 @@ declare const AppIcon: {
1588
1699
  readonly Inbox: IconName;
1589
1700
  };
1590
1701
 
1591
- 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 };