@octavius2929-personal/design-system 0.11.0 → 0.13.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 (9) hide show
  1. package/dist/index.cjs +491 -391
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +174 -123
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.cts +42 -5
  6. package/dist/index.d.ts +42 -5
  7. package/dist/index.js +369 -271
  8. package/dist/index.js.map +1 -1
  9. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -21,6 +21,8 @@ declare const tintaSchema: {
21
21
  ok: string;
22
22
  warn: string;
23
23
  danger: string;
24
+ dangerHover: string;
25
+ dangerSoft: string;
24
26
  info: string;
25
27
  focus: string;
26
28
  scrim: string;
@@ -165,6 +167,8 @@ declare const tintaSchema: {
165
167
  ok: string;
166
168
  warn: string;
167
169
  danger: string;
170
+ dangerHover: string;
171
+ dangerSoft: string;
168
172
  info: string;
169
173
  focus: string;
170
174
  scrim: string;
@@ -309,6 +313,8 @@ declare const tintaSchema: {
309
313
  ok: string;
310
314
  warn: string;
311
315
  danger: string;
316
+ dangerHover: string;
317
+ dangerSoft: string;
312
318
  info: string;
313
319
  focus: string;
314
320
  scrim: string;
@@ -453,6 +459,8 @@ declare const tintaSchema: {
453
459
  ok: string;
454
460
  warn: string;
455
461
  danger: string;
462
+ dangerHover: string;
463
+ dangerSoft: string;
456
464
  info: string;
457
465
  focus: string;
458
466
  scrim: string;
@@ -600,6 +608,8 @@ declare const colorVars: {
600
608
  ok: `var(--${string})`;
601
609
  warn: `var(--${string})`;
602
610
  danger: `var(--${string})`;
611
+ dangerHover: `var(--${string})`;
612
+ dangerSoft: `var(--${string})`;
603
613
  info: `var(--${string})`;
604
614
  focus: `var(--${string})`;
605
615
  scrim: `var(--${string})`;
@@ -623,6 +633,8 @@ declare const vars: {
623
633
  ok: `var(--${string})`;
624
634
  warn: `var(--${string})`;
625
635
  danger: `var(--${string})`;
636
+ dangerHover: `var(--${string})`;
637
+ dangerSoft: `var(--${string})`;
626
638
  info: `var(--${string})`;
627
639
  focus: `var(--${string})`;
628
640
  scrim: `var(--${string})`;
@@ -771,8 +783,8 @@ declare const sprinkles: ((props: {
771
783
  gap?: "s0" | "s1" | "s2" | "s3" | "s4" | "s5" | "s6" | "s7" | "s8" | "s9" | undefined;
772
784
  rowGap?: "s0" | "s1" | "s2" | "s3" | "s4" | "s5" | "s6" | "s7" | "s8" | "s9" | undefined;
773
785
  columnGap?: "s0" | "s1" | "s2" | "s3" | "s4" | "s5" | "s6" | "s7" | "s8" | "s9" | undefined;
774
- background?: "bg1" | "bg2" | "bg3" | "bgInset" | "fg1" | "fg2" | "fg3" | "fgOnAccent" | "border1" | "border2" | "borderStrong" | "accent" | "accentHover" | "accentSoft" | "ok" | "warn" | "danger" | "info" | "focus" | "scrim" | undefined;
775
- color?: "bg1" | "bg2" | "bg3" | "bgInset" | "fg1" | "fg2" | "fg3" | "fgOnAccent" | "border1" | "border2" | "borderStrong" | "accent" | "accentHover" | "accentSoft" | "ok" | "warn" | "danger" | "info" | "focus" | "scrim" | undefined;
786
+ background?: "bg1" | "bg2" | "bg3" | "bgInset" | "fg1" | "fg2" | "fg3" | "fgOnAccent" | "border1" | "border2" | "borderStrong" | "accent" | "accentHover" | "accentSoft" | "ok" | "warn" | "danger" | "dangerHover" | "dangerSoft" | "info" | "focus" | "scrim" | undefined;
787
+ color?: "bg1" | "bg2" | "bg3" | "bgInset" | "fg1" | "fg2" | "fg3" | "fgOnAccent" | "border1" | "border2" | "borderStrong" | "accent" | "accentHover" | "accentSoft" | "ok" | "warn" | "danger" | "dangerHover" | "dangerSoft" | "info" | "focus" | "scrim" | undefined;
776
788
  borderRadius?: "none" | "sm" | "md" | "lg" | "base" | "full" | undefined;
777
789
  display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | undefined;
778
790
  flexDirection?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
@@ -793,7 +805,7 @@ declare const sprinkles: ((props: {
793
805
  mr?: "s0" | "s1" | "s2" | "s3" | "s4" | "s5" | "s6" | "s7" | "s8" | "s9" | undefined;
794
806
  mb?: "s0" | "s1" | "s2" | "s3" | "s4" | "s5" | "s6" | "s7" | "s8" | "s9" | undefined;
795
807
  ml?: "s0" | "s1" | "s2" | "s3" | "s4" | "s5" | "s6" | "s7" | "s8" | "s9" | undefined;
796
- bg?: "bg1" | "bg2" | "bg3" | "bgInset" | "fg1" | "fg2" | "fg3" | "fgOnAccent" | "border1" | "border2" | "borderStrong" | "accent" | "accentHover" | "accentSoft" | "ok" | "warn" | "danger" | "info" | "focus" | "scrim" | undefined;
808
+ bg?: "bg1" | "bg2" | "bg3" | "bgInset" | "fg1" | "fg2" | "fg3" | "fgOnAccent" | "border1" | "border2" | "borderStrong" | "accent" | "accentHover" | "accentSoft" | "ok" | "warn" | "danger" | "dangerHover" | "dangerSoft" | "info" | "focus" | "scrim" | undefined;
797
809
  radius?: "none" | "sm" | "md" | "lg" | "base" | "full" | undefined;
798
810
  }) => string) & {
799
811
  properties: Set<"display" | "radius" | "alignItems" | "color" | "columnGap" | "flexDirection" | "flexWrap" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "background" | "borderRadius" | "gap" | "padding" | "p" | "px" | "py" | "pt" | "pr" | "pb" | "pl" | "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml" | "bg">;
@@ -835,7 +847,7 @@ interface IconProps extends SVGProps<SVGSVGElement> {
835
847
  type Icon = (props: IconProps) => ReactElement;
836
848
 
837
849
  type ButtonVariant = "filled" | "outline" | "ghost";
838
- type ButtonTone = "ink" | "accent";
850
+ type ButtonTone = "ink" | "accent" | "danger";
839
851
  type ButtonSize = "sm" | "md" | "lg";
840
852
  interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
841
853
  variant?: ButtonVariant;
@@ -844,6 +856,8 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
844
856
  startIcon?: Icon;
845
857
  endIcon?: Icon;
846
858
  full?: boolean;
859
+ /** Segmento de contexto para el data-testid (no es un override del id completo). */
860
+ testId?: string;
847
861
  }
848
862
 
849
863
  declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
@@ -928,6 +942,8 @@ interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "on
928
942
  multiline?: boolean;
929
943
  rows?: number;
930
944
  onChange?: (value: string) => void;
945
+ /** Segmento de contexto para el data-testid. */
946
+ testId?: string;
931
947
  }
932
948
 
933
949
  declare const TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLInputElement>>;
@@ -967,6 +983,8 @@ interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>,
967
983
  active?: boolean;
968
984
  tone?: IconButtonTone;
969
985
  title: string;
986
+ /** Segmento de contexto para el data-testid. */
987
+ testId?: string;
970
988
  }
971
989
 
972
990
  declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
@@ -1369,6 +1387,8 @@ interface MenuItemDef {
1369
1387
  interface MenuProps {
1370
1388
  trigger: ReactElement;
1371
1389
  items: MenuItemDef[];
1390
+ /** Segmento de contexto para el data-testid. */
1391
+ testId?: string;
1372
1392
  }
1373
1393
 
1374
1394
  declare const Menu: react.ForwardRefExoticComponent<MenuProps & react.RefAttributes<HTMLDivElement>>;
@@ -1379,6 +1399,8 @@ interface DialogProps {
1379
1399
  title?: ReactNode;
1380
1400
  actions?: ReactNode;
1381
1401
  children?: ReactNode;
1402
+ /** Segmento de contexto para el data-testid. */
1403
+ testId?: string;
1382
1404
  }
1383
1405
 
1384
1406
  declare const Dialog: react.ForwardRefExoticComponent<DialogProps & react.RefAttributes<HTMLDivElement>>;
@@ -1487,4 +1509,19 @@ interface ThemeProviderProps {
1487
1509
  declare function ThemeProvider({ children, defaultSchema, defaultMode, storageKey, persist, }: ThemeProviderProps): react.JSX.Element;
1488
1510
  declare function useTheme(): ThemeContextValue;
1489
1511
 
1490
- export { Accordion, type AccordionItem, type AccordionProps, Alert, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeTone, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonSize, type ButtonTone, type ButtonVariant, Card, type CardProps, type CardSectionProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, type ChipProps, type ChipTone, CircleCheckIcon, CircleXIcon, type ColorTokens, Container, type ContainerProps, type Crumb, Dialog, type DialogProps, Divider, type DividerProps, EyeIcon, EyeOffIcon, type Icon, IconButton, type IconButtonProps, type IconButtonTone, type IconProps, InfoIcon, ListItem, type ListItemProps, Menu, type MenuItemDef, type MenuProps, MinusIcon, type Mode, type ModePreference, MoneyField, type MoneyFieldProps, MoreHorizontalIcon, Pagination, type PaginationProps, PasswordField, type PasswordFieldProps, PlusIcon, Progress, type ProgressProps, type ProgressVariant, Radio, type RadioProps, type SchemaName, SearchIcon, Select, type SelectOption, type SelectProps, Slider, type SliderProps, Snackbar, type SnackbarProps, type Step, Stepper, type StepperProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, TextField, type TextFieldProps, ThemeProvider, type ThemeProviderProps, Tooltip, type TooltipPlacement, type TooltipProps, TriangleAlertIcon, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, XIcon, colorVars, modeNames, schemaNames, text, vars as theme, themes, usePrevious, useTheme, useToggle };
1512
+ interface TestIdProviderProps {
1513
+ /** Segmento de contexto que este provider agrega a la cadena (ej. "checkout"). */
1514
+ context: string;
1515
+ children: ReactNode;
1516
+ }
1517
+ declare function TestIdProvider({ context, children }: TestIdProviderProps): react.JSX.Element;
1518
+
1519
+ interface TestIdHandle {
1520
+ /** data-testid del nodo root: `<tipo>__<...contexto>__<ownTestId>`. */
1521
+ testId: string;
1522
+ /** Deriva el id de un slot interno: `<testId>__<slot>`. */
1523
+ slot: (name: string) => string;
1524
+ }
1525
+ declare function useTestId(type: string, ownTestId?: string): TestIdHandle;
1526
+
1527
+ export { Accordion, type AccordionItem, type AccordionProps, Alert, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeTone, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonSize, type ButtonTone, type ButtonVariant, Card, type CardProps, type CardSectionProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, type ChipProps, type ChipTone, CircleCheckIcon, CircleXIcon, type ColorTokens, Container, type ContainerProps, type Crumb, Dialog, type DialogProps, Divider, type DividerProps, EyeIcon, EyeOffIcon, type Icon, IconButton, type IconButtonProps, type IconButtonTone, type IconProps, InfoIcon, ListItem, type ListItemProps, Menu, type MenuItemDef, type MenuProps, MinusIcon, type Mode, type ModePreference, MoneyField, type MoneyFieldProps, MoreHorizontalIcon, Pagination, type PaginationProps, PasswordField, type PasswordFieldProps, PlusIcon, Progress, type ProgressProps, type ProgressVariant, Radio, type RadioProps, type SchemaName, SearchIcon, Select, type SelectOption, type SelectProps, Slider, type SliderProps, Snackbar, type SnackbarProps, type Step, Stepper, type StepperProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, type TestIdHandle, TestIdProvider, type TestIdProviderProps, TextField, type TextFieldProps, ThemeProvider, type ThemeProviderProps, Tooltip, type TooltipPlacement, type TooltipProps, TriangleAlertIcon, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, XIcon, colorVars, modeNames, schemaNames, text, vars as theme, themes, usePrevious, useTestId, useTheme, useToggle };
package/dist/index.d.ts CHANGED
@@ -21,6 +21,8 @@ declare const tintaSchema: {
21
21
  ok: string;
22
22
  warn: string;
23
23
  danger: string;
24
+ dangerHover: string;
25
+ dangerSoft: string;
24
26
  info: string;
25
27
  focus: string;
26
28
  scrim: string;
@@ -165,6 +167,8 @@ declare const tintaSchema: {
165
167
  ok: string;
166
168
  warn: string;
167
169
  danger: string;
170
+ dangerHover: string;
171
+ dangerSoft: string;
168
172
  info: string;
169
173
  focus: string;
170
174
  scrim: string;
@@ -309,6 +313,8 @@ declare const tintaSchema: {
309
313
  ok: string;
310
314
  warn: string;
311
315
  danger: string;
316
+ dangerHover: string;
317
+ dangerSoft: string;
312
318
  info: string;
313
319
  focus: string;
314
320
  scrim: string;
@@ -453,6 +459,8 @@ declare const tintaSchema: {
453
459
  ok: string;
454
460
  warn: string;
455
461
  danger: string;
462
+ dangerHover: string;
463
+ dangerSoft: string;
456
464
  info: string;
457
465
  focus: string;
458
466
  scrim: string;
@@ -600,6 +608,8 @@ declare const colorVars: {
600
608
  ok: `var(--${string})`;
601
609
  warn: `var(--${string})`;
602
610
  danger: `var(--${string})`;
611
+ dangerHover: `var(--${string})`;
612
+ dangerSoft: `var(--${string})`;
603
613
  info: `var(--${string})`;
604
614
  focus: `var(--${string})`;
605
615
  scrim: `var(--${string})`;
@@ -623,6 +633,8 @@ declare const vars: {
623
633
  ok: `var(--${string})`;
624
634
  warn: `var(--${string})`;
625
635
  danger: `var(--${string})`;
636
+ dangerHover: `var(--${string})`;
637
+ dangerSoft: `var(--${string})`;
626
638
  info: `var(--${string})`;
627
639
  focus: `var(--${string})`;
628
640
  scrim: `var(--${string})`;
@@ -771,8 +783,8 @@ declare const sprinkles: ((props: {
771
783
  gap?: "s0" | "s1" | "s2" | "s3" | "s4" | "s5" | "s6" | "s7" | "s8" | "s9" | undefined;
772
784
  rowGap?: "s0" | "s1" | "s2" | "s3" | "s4" | "s5" | "s6" | "s7" | "s8" | "s9" | undefined;
773
785
  columnGap?: "s0" | "s1" | "s2" | "s3" | "s4" | "s5" | "s6" | "s7" | "s8" | "s9" | undefined;
774
- background?: "bg1" | "bg2" | "bg3" | "bgInset" | "fg1" | "fg2" | "fg3" | "fgOnAccent" | "border1" | "border2" | "borderStrong" | "accent" | "accentHover" | "accentSoft" | "ok" | "warn" | "danger" | "info" | "focus" | "scrim" | undefined;
775
- color?: "bg1" | "bg2" | "bg3" | "bgInset" | "fg1" | "fg2" | "fg3" | "fgOnAccent" | "border1" | "border2" | "borderStrong" | "accent" | "accentHover" | "accentSoft" | "ok" | "warn" | "danger" | "info" | "focus" | "scrim" | undefined;
786
+ background?: "bg1" | "bg2" | "bg3" | "bgInset" | "fg1" | "fg2" | "fg3" | "fgOnAccent" | "border1" | "border2" | "borderStrong" | "accent" | "accentHover" | "accentSoft" | "ok" | "warn" | "danger" | "dangerHover" | "dangerSoft" | "info" | "focus" | "scrim" | undefined;
787
+ color?: "bg1" | "bg2" | "bg3" | "bgInset" | "fg1" | "fg2" | "fg3" | "fgOnAccent" | "border1" | "border2" | "borderStrong" | "accent" | "accentHover" | "accentSoft" | "ok" | "warn" | "danger" | "dangerHover" | "dangerSoft" | "info" | "focus" | "scrim" | undefined;
776
788
  borderRadius?: "none" | "sm" | "md" | "lg" | "base" | "full" | undefined;
777
789
  display?: "none" | "flex" | "grid" | "block" | "inline-block" | "inline-flex" | undefined;
778
790
  flexDirection?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
@@ -793,7 +805,7 @@ declare const sprinkles: ((props: {
793
805
  mr?: "s0" | "s1" | "s2" | "s3" | "s4" | "s5" | "s6" | "s7" | "s8" | "s9" | undefined;
794
806
  mb?: "s0" | "s1" | "s2" | "s3" | "s4" | "s5" | "s6" | "s7" | "s8" | "s9" | undefined;
795
807
  ml?: "s0" | "s1" | "s2" | "s3" | "s4" | "s5" | "s6" | "s7" | "s8" | "s9" | undefined;
796
- bg?: "bg1" | "bg2" | "bg3" | "bgInset" | "fg1" | "fg2" | "fg3" | "fgOnAccent" | "border1" | "border2" | "borderStrong" | "accent" | "accentHover" | "accentSoft" | "ok" | "warn" | "danger" | "info" | "focus" | "scrim" | undefined;
808
+ bg?: "bg1" | "bg2" | "bg3" | "bgInset" | "fg1" | "fg2" | "fg3" | "fgOnAccent" | "border1" | "border2" | "borderStrong" | "accent" | "accentHover" | "accentSoft" | "ok" | "warn" | "danger" | "dangerHover" | "dangerSoft" | "info" | "focus" | "scrim" | undefined;
797
809
  radius?: "none" | "sm" | "md" | "lg" | "base" | "full" | undefined;
798
810
  }) => string) & {
799
811
  properties: Set<"display" | "radius" | "alignItems" | "color" | "columnGap" | "flexDirection" | "flexWrap" | "justifyContent" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "background" | "borderRadius" | "gap" | "padding" | "p" | "px" | "py" | "pt" | "pr" | "pb" | "pl" | "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml" | "bg">;
@@ -835,7 +847,7 @@ interface IconProps extends SVGProps<SVGSVGElement> {
835
847
  type Icon = (props: IconProps) => ReactElement;
836
848
 
837
849
  type ButtonVariant = "filled" | "outline" | "ghost";
838
- type ButtonTone = "ink" | "accent";
850
+ type ButtonTone = "ink" | "accent" | "danger";
839
851
  type ButtonSize = "sm" | "md" | "lg";
840
852
  interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
841
853
  variant?: ButtonVariant;
@@ -844,6 +856,8 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
844
856
  startIcon?: Icon;
845
857
  endIcon?: Icon;
846
858
  full?: boolean;
859
+ /** Segmento de contexto para el data-testid (no es un override del id completo). */
860
+ testId?: string;
847
861
  }
848
862
 
849
863
  declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
@@ -928,6 +942,8 @@ interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "on
928
942
  multiline?: boolean;
929
943
  rows?: number;
930
944
  onChange?: (value: string) => void;
945
+ /** Segmento de contexto para el data-testid. */
946
+ testId?: string;
931
947
  }
932
948
 
933
949
  declare const TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLInputElement>>;
@@ -967,6 +983,8 @@ interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>,
967
983
  active?: boolean;
968
984
  tone?: IconButtonTone;
969
985
  title: string;
986
+ /** Segmento de contexto para el data-testid. */
987
+ testId?: string;
970
988
  }
971
989
 
972
990
  declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
@@ -1369,6 +1387,8 @@ interface MenuItemDef {
1369
1387
  interface MenuProps {
1370
1388
  trigger: ReactElement;
1371
1389
  items: MenuItemDef[];
1390
+ /** Segmento de contexto para el data-testid. */
1391
+ testId?: string;
1372
1392
  }
1373
1393
 
1374
1394
  declare const Menu: react.ForwardRefExoticComponent<MenuProps & react.RefAttributes<HTMLDivElement>>;
@@ -1379,6 +1399,8 @@ interface DialogProps {
1379
1399
  title?: ReactNode;
1380
1400
  actions?: ReactNode;
1381
1401
  children?: ReactNode;
1402
+ /** Segmento de contexto para el data-testid. */
1403
+ testId?: string;
1382
1404
  }
1383
1405
 
1384
1406
  declare const Dialog: react.ForwardRefExoticComponent<DialogProps & react.RefAttributes<HTMLDivElement>>;
@@ -1487,4 +1509,19 @@ interface ThemeProviderProps {
1487
1509
  declare function ThemeProvider({ children, defaultSchema, defaultMode, storageKey, persist, }: ThemeProviderProps): react.JSX.Element;
1488
1510
  declare function useTheme(): ThemeContextValue;
1489
1511
 
1490
- export { Accordion, type AccordionItem, type AccordionProps, Alert, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeTone, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonSize, type ButtonTone, type ButtonVariant, Card, type CardProps, type CardSectionProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, type ChipProps, type ChipTone, CircleCheckIcon, CircleXIcon, type ColorTokens, Container, type ContainerProps, type Crumb, Dialog, type DialogProps, Divider, type DividerProps, EyeIcon, EyeOffIcon, type Icon, IconButton, type IconButtonProps, type IconButtonTone, type IconProps, InfoIcon, ListItem, type ListItemProps, Menu, type MenuItemDef, type MenuProps, MinusIcon, type Mode, type ModePreference, MoneyField, type MoneyFieldProps, MoreHorizontalIcon, Pagination, type PaginationProps, PasswordField, type PasswordFieldProps, PlusIcon, Progress, type ProgressProps, type ProgressVariant, Radio, type RadioProps, type SchemaName, SearchIcon, Select, type SelectOption, type SelectProps, Slider, type SliderProps, Snackbar, type SnackbarProps, type Step, Stepper, type StepperProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, TextField, type TextFieldProps, ThemeProvider, type ThemeProviderProps, Tooltip, type TooltipPlacement, type TooltipProps, TriangleAlertIcon, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, XIcon, colorVars, modeNames, schemaNames, text, vars as theme, themes, usePrevious, useTheme, useToggle };
1512
+ interface TestIdProviderProps {
1513
+ /** Segmento de contexto que este provider agrega a la cadena (ej. "checkout"). */
1514
+ context: string;
1515
+ children: ReactNode;
1516
+ }
1517
+ declare function TestIdProvider({ context, children }: TestIdProviderProps): react.JSX.Element;
1518
+
1519
+ interface TestIdHandle {
1520
+ /** data-testid del nodo root: `<tipo>__<...contexto>__<ownTestId>`. */
1521
+ testId: string;
1522
+ /** Deriva el id de un slot interno: `<testId>__<slot>`. */
1523
+ slot: (name: string) => string;
1524
+ }
1525
+ declare function useTestId(type: string, ownTestId?: string): TestIdHandle;
1526
+
1527
+ export { Accordion, type AccordionItem, type AccordionProps, Alert, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, Avatar, type AvatarProps, type AvatarSize, Badge, type BadgeProps, type BadgeTone, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonSize, type ButtonTone, type ButtonVariant, Card, type CardProps, type CardSectionProps, CheckIcon, Checkbox, type CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, type ChipProps, type ChipTone, CircleCheckIcon, CircleXIcon, type ColorTokens, Container, type ContainerProps, type Crumb, Dialog, type DialogProps, Divider, type DividerProps, EyeIcon, EyeOffIcon, type Icon, IconButton, type IconButtonProps, type IconButtonTone, type IconProps, InfoIcon, ListItem, type ListItemProps, Menu, type MenuItemDef, type MenuProps, MinusIcon, type Mode, type ModePreference, MoneyField, type MoneyFieldProps, MoreHorizontalIcon, Pagination, type PaginationProps, PasswordField, type PasswordFieldProps, PlusIcon, Progress, type ProgressProps, type ProgressVariant, Radio, type RadioProps, type SchemaName, SearchIcon, Select, type SelectOption, type SelectProps, Slider, type SliderProps, Snackbar, type SnackbarProps, type Step, Stepper, type StepperProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, type TestIdHandle, TestIdProvider, type TestIdProviderProps, TextField, type TextFieldProps, ThemeProvider, type ThemeProviderProps, Tooltip, type TooltipPlacement, type TooltipProps, TriangleAlertIcon, Typography, type TypographyAlign, type TypographyColor, type TypographyProps, type TypographyVariant, XIcon, colorVars, modeNames, schemaNames, text, vars as theme, themes, usePrevious, useTestId, useTheme, useToggle };