@urbicon-ui/blocks 6.21.0 → 6.21.1

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 (95) hide show
  1. package/dist/components/Calendar/calendar.variants.d.ts +132 -419
  2. package/dist/components/CommandPalette/commandPalette.variants.d.ts +24 -51
  3. package/dist/components/CompositionBar/CompositionBar.svelte +6 -1
  4. package/dist/components/CompositionBar/composition-bar.variants.d.ts +23 -83
  5. package/dist/components/CompositionBar/composition-bar.variants.js +9 -3
  6. package/dist/components/EmptyState/emptyState.variants.d.ts +11 -27
  7. package/dist/components/FileUpload/fileUpload.variants.d.ts +24 -93
  8. package/dist/components/Guide/GuidePanel.svelte +38 -0
  9. package/dist/components/Guide/guide.variants.d.ts +69 -124
  10. package/dist/components/Guide/guide.variants.js +6 -1
  11. package/dist/components/Planner/planner.variants.d.ts +23 -94
  12. package/dist/components/Sankey/sankey.variants.d.ts +15 -48
  13. package/dist/components/SidebarLayout/sidebar-layout.variants.d.ts +10 -38
  14. package/dist/components/SidebarLayout/sidebar-layout.variants.js +12 -2
  15. package/dist/components/ThemeSwitcher/themeSwitcher.variants.d.ts +9 -36
  16. package/dist/i18n/index.d.ts +2 -372
  17. package/dist/internal/charts/variants.d.ts +18 -31
  18. package/dist/primitives/Accordion/Accordion.svelte +11 -0
  19. package/dist/primitives/Accordion/AccordionItem.svelte +9 -3
  20. package/dist/primitives/Accordion/accordion.variants.d.ts +12 -43
  21. package/dist/primitives/Accordion/accordion.variants.js +6 -2
  22. package/dist/primitives/Accordion/index.d.ts +12 -0
  23. package/dist/primitives/Alert/alert.variants.d.ts +21 -62
  24. package/dist/primitives/Avatar/avatar.variants.d.ts +18 -138
  25. package/dist/primitives/Badge/badge.variants.d.ts +19 -92
  26. package/dist/primitives/Badge/badge.variants.js +11 -4
  27. package/dist/primitives/Breadcrumb/breadcrumb.variants.d.ts +13 -40
  28. package/dist/primitives/Button/button.variants.d.ts +19 -98
  29. package/dist/primitives/Button/button.variants.js +13 -9
  30. package/dist/primitives/ButtonGroup/buttongroup.variants.d.ts +9 -29
  31. package/dist/primitives/ButtonGroup/buttongroup.variants.js +3 -1
  32. package/dist/primitives/Card/card.variants.d.ts +14 -81
  33. package/dist/primitives/Checkbox/checkbox.variants.d.ts +18 -77
  34. package/dist/primitives/Collapsible/Collapsible.svelte +10 -0
  35. package/dist/primitives/Collapsible/collapsible.variants.d.ts +11 -40
  36. package/dist/primitives/Collapsible/collapsible.variants.js +7 -2
  37. package/dist/primitives/Collapsible/index.d.ts +16 -0
  38. package/dist/primitives/Combobox/combobox.variants.d.ts +24 -78
  39. package/dist/primitives/Dialog/Dialog.svelte +21 -10
  40. package/dist/primitives/Dialog/dialog.variants.d.ts +15 -54
  41. package/dist/primitives/Drawer/Drawer.svelte +21 -10
  42. package/dist/primitives/Drawer/drawer.variants.d.ts +14 -49
  43. package/dist/primitives/Input/input.variants.d.ts +32 -139
  44. package/dist/primitives/Input/input.variants.js +12 -10
  45. package/dist/primitives/JourneyTimeline/journey-timeline.variants.d.ts +55 -197
  46. package/dist/primitives/JourneyTimeline/journey-timeline.variants.js +4 -1
  47. package/dist/primitives/Menu/menu.variants.d.ts +29 -93
  48. package/dist/primitives/Pagination/pagination.variants.d.ts +16 -54
  49. package/dist/primitives/Pagination/pagination.variants.js +16 -14
  50. package/dist/primitives/Popover/Popover.svelte +1 -1
  51. package/dist/primitives/Popover/popover.variants.d.ts +4 -2
  52. package/dist/primitives/Progress/progress.variants.d.ts +19 -83
  53. package/dist/primitives/Progress/progress.variants.js +2 -1
  54. package/dist/primitives/RadioGroup/radioGroup.variants.d.ts +28 -109
  55. package/dist/primitives/SegmentGroup/SegmentGroup.svelte +14 -6
  56. package/dist/primitives/SegmentGroup/segmentgroup.variants.d.ts +12 -53
  57. package/dist/primitives/SegmentGroup/segmentgroup.variants.js +10 -10
  58. package/dist/primitives/Select/select.variants.d.ts +45 -134
  59. package/dist/primitives/Select/select.variants.js +6 -4
  60. package/dist/primitives/Separator/separator.variants.d.ts +4 -2
  61. package/dist/primitives/Sidebar/Sidebar.svelte +10 -15
  62. package/dist/primitives/Sidebar/sidebar.variants.d.ts +11 -29
  63. package/dist/primitives/Skeleton/skeleton.variants.d.ts +9 -36
  64. package/dist/primitives/Slider/slider.variants.d.ts +37 -136
  65. package/dist/primitives/Slider/slider.variants.js +8 -5
  66. package/dist/primitives/Spinner/spinner.variants.d.ts +38 -135
  67. package/dist/primitives/Stepper/stepper.variants.d.ts +32 -130
  68. package/dist/primitives/Tab/Tab.svelte +14 -6
  69. package/dist/primitives/Tab/tab.variants.d.ts +17 -78
  70. package/dist/primitives/Textarea/textarea.variants.d.ts +27 -112
  71. package/dist/primitives/Textarea/textarea.variants.js +12 -10
  72. package/dist/primitives/Toast/Toaster.svelte +16 -3
  73. package/dist/primitives/Toast/index.d.ts +9 -0
  74. package/dist/primitives/Toast/toast.variants.d.ts +22 -78
  75. package/dist/primitives/Toggle/toggle.variants.d.ts +17 -71
  76. package/dist/primitives/Toolbar/toolbar.variants.d.ts +9 -60
  77. package/dist/primitives/Tooltip/Tooltip.svelte +11 -0
  78. package/dist/primitives/Tooltip/index.d.ts +14 -0
  79. package/dist/primitives/Tooltip/tooltip.variants.d.ts +11 -50
  80. package/dist/primitives/Tooltip/tooltip.variants.js +7 -1
  81. package/dist/style/foundation.css +4 -1
  82. package/dist/style/interaction.css +39 -11
  83. package/dist/style/semantic.css +2 -2
  84. package/dist/style/themes/index.css +1 -1
  85. package/dist/utils/index.d.ts +2 -1
  86. package/dist/utils/index.js +5 -0
  87. package/dist/utils/overlay.d.ts +33 -4
  88. package/dist/utils/overlay.js +61 -18
  89. package/dist/utils/roving.d.ts +15 -0
  90. package/dist/utils/roving.js +44 -0
  91. package/dist/utils/use-floating-panel.svelte.d.ts +4 -1
  92. package/dist/utils/use-floating-panel.svelte.js +23 -1
  93. package/dist/utils/variants.d.ts +60 -16
  94. package/dist/utils/variants.js +424 -123
  95. package/package.json +9 -6
@@ -1,95 +1,60 @@
1
1
  import { type SlotNames, type VariantProps } from '../../utils/variants.js';
2
- export declare const drawerVariants: (props?: import("../../utils/variants.js").TVProps<{
3
- placement: {
4
- left: {
5
- dialog: string;
6
- panel: string;
7
- };
8
- right: {
9
- dialog: string;
10
- panel: string;
11
- };
12
- top: {
13
- dialog: string;
14
- panel: string;
15
- };
16
- bottom: {
17
- dialog: string;
18
- panel: string;
19
- };
20
- };
21
- size: {
22
- sm: {};
23
- md: {};
24
- lg: {};
25
- xl: {};
26
- full: {};
27
- };
28
- intent: {
29
- neutral: {};
30
- primary: {};
31
- secondary: {};
32
- success: {};
33
- warning: {};
34
- danger: {};
35
- };
36
- }> | undefined) => {
2
+ export declare const drawerVariants: ((props?: {
3
+ placement?: "top" | "right" | "bottom" | "left" | undefined;
4
+ size?: "sm" | "md" | "lg" | "xl" | "full" | undefined;
5
+ intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
6
+ } | undefined) => {
37
7
  dialog: (props?: ({
38
8
  placement?: "top" | "right" | "bottom" | "left" | undefined;
39
9
  size?: "sm" | "md" | "lg" | "xl" | "full" | undefined;
40
10
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
41
11
  } & {
42
- class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
43
- className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
12
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
44
13
  }) | undefined) => string;
45
14
  backdrop: (props?: ({
46
15
  placement?: "top" | "right" | "bottom" | "left" | undefined;
47
16
  size?: "sm" | "md" | "lg" | "xl" | "full" | undefined;
48
17
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
49
18
  } & {
50
- class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
51
- className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
19
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
52
20
  }) | undefined) => string;
53
21
  panel: (props?: ({
54
22
  placement?: "top" | "right" | "bottom" | "left" | undefined;
55
23
  size?: "sm" | "md" | "lg" | "xl" | "full" | undefined;
56
24
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
57
25
  } & {
58
- class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
59
- className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
26
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
60
27
  }) | undefined) => string;
61
28
  header: (props?: ({
62
29
  placement?: "top" | "right" | "bottom" | "left" | undefined;
63
30
  size?: "sm" | "md" | "lg" | "xl" | "full" | undefined;
64
31
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
65
32
  } & {
66
- class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
67
- className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
33
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
68
34
  }) | undefined) => string;
69
35
  title: (props?: ({
70
36
  placement?: "top" | "right" | "bottom" | "left" | undefined;
71
37
  size?: "sm" | "md" | "lg" | "xl" | "full" | undefined;
72
38
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
73
39
  } & {
74
- class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
75
- className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
40
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
76
41
  }) | undefined) => string;
77
42
  body: (props?: ({
78
43
  placement?: "top" | "right" | "bottom" | "left" | undefined;
79
44
  size?: "sm" | "md" | "lg" | "xl" | "full" | undefined;
80
45
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
81
46
  } & {
82
- class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
83
- className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
47
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
84
48
  }) | undefined) => string;
85
49
  footer: (props?: ({
86
50
  placement?: "top" | "right" | "bottom" | "left" | undefined;
87
51
  size?: "sm" | "md" | "lg" | "xl" | "full" | undefined;
88
52
  intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
89
53
  } & {
90
- class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
91
- className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
54
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
92
55
  }) | undefined) => string;
56
+ }) & {
57
+ readonly config: import("../../utils/variants.js").TVConfig;
93
58
  };
94
59
  export type DrawerVariants = VariantProps<typeof drawerVariants>;
95
60
  /** Slot names derived from the `tv()` config above — single source of truth for `slotClasses`. */
@@ -1,119 +1,18 @@
1
1
  import { type SlotNames, type VariantProps } from '../../utils/variants.js';
2
- export declare const inputVariants: (props?: import("../../utils/variants.js").TVProps<{
3
- tier: {
4
- modify: {
5
- base: string;
6
- };
7
- commit: {
8
- base: string;
9
- };
10
- };
11
- variant: {
12
- outlined: {
13
- base: string;
14
- };
15
- filled: {
16
- base: string;
17
- };
18
- ghost: {
19
- base: string;
20
- };
21
- underline: {
22
- base: string;
23
- };
24
- };
25
- size: {
26
- xs: {
27
- base: string;
28
- iconContainer: string;
29
- iconButton: string;
30
- iconDecoration: string;
31
- };
32
- sm: {
33
- base: string;
34
- iconContainer: string;
35
- iconButton: string;
36
- iconDecoration: string;
37
- };
38
- md: {
39
- base: string;
40
- iconContainer: string;
41
- iconButton: string;
42
- iconDecoration: string;
43
- };
44
- lg: {
45
- base: string;
46
- iconContainer: string;
47
- iconButton: string;
48
- iconDecoration: string;
49
- };
50
- xl: {
51
- base: string;
52
- iconContainer: string;
53
- iconButton: string;
54
- iconDecoration: string;
55
- };
56
- };
57
- intent: {
58
- default: {};
59
- success: {
60
- base: string;
61
- message: string;
62
- };
63
- warning: {
64
- base: string;
65
- message: string;
66
- };
67
- danger: {
68
- base: string;
69
- message: string;
70
- };
71
- };
72
- disabled: {
73
- true: {
74
- base: string;
75
- label: string;
76
- };
77
- };
78
- readonly: {
79
- true: {
80
- base: string;
81
- };
82
- };
83
- error: {
84
- true: {
85
- base: string;
86
- message: string;
87
- };
88
- };
89
- required: {
90
- true: {
91
- label: string;
92
- };
93
- };
94
- hasLeftIcon: {
95
- true: {};
96
- };
97
- hasRightIcon: {
98
- true: {};
99
- };
100
- messageType: {
101
- error: {
102
- message: string;
103
- };
104
- helper: {
105
- message: string;
106
- };
107
- };
108
- iconPosition: {
109
- left: {
110
- iconContainer: string;
111
- };
112
- right: {
113
- iconContainer: string;
114
- };
115
- };
116
- }> | undefined) => {
2
+ export declare const inputVariants: ((props?: {
3
+ tier?: "commit" | "modify" | undefined;
4
+ variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
5
+ size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
6
+ intent?: "default" | "success" | "warning" | "danger" | undefined;
7
+ disabled?: boolean | undefined;
8
+ readonly?: boolean | undefined;
9
+ messageType?: "error" | "helper" | undefined;
10
+ error?: boolean | undefined;
11
+ required?: boolean | undefined;
12
+ hasLeftIcon?: boolean | undefined;
13
+ hasRightIcon?: boolean | undefined;
14
+ iconPosition?: "right" | "left" | undefined;
15
+ } | undefined) => {
117
16
  wrapper: (props?: ({
118
17
  tier?: "commit" | "modify" | undefined;
119
18
  variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
@@ -121,15 +20,14 @@ export declare const inputVariants: (props?: import("../../utils/variants.js").T
121
20
  intent?: "default" | "success" | "warning" | "danger" | undefined;
122
21
  disabled?: boolean | undefined;
123
22
  readonly?: boolean | undefined;
23
+ messageType?: "error" | "helper" | undefined;
124
24
  error?: boolean | undefined;
125
25
  required?: boolean | undefined;
126
26
  hasLeftIcon?: boolean | undefined;
127
27
  hasRightIcon?: boolean | undefined;
128
- messageType?: "error" | "helper" | undefined;
129
28
  iconPosition?: "right" | "left" | undefined;
130
29
  } & {
131
- class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
132
- className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
30
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
133
31
  }) | undefined) => string;
134
32
  container: (props?: ({
135
33
  tier?: "commit" | "modify" | undefined;
@@ -138,15 +36,14 @@ export declare const inputVariants: (props?: import("../../utils/variants.js").T
138
36
  intent?: "default" | "success" | "warning" | "danger" | undefined;
139
37
  disabled?: boolean | undefined;
140
38
  readonly?: boolean | undefined;
39
+ messageType?: "error" | "helper" | undefined;
141
40
  error?: boolean | undefined;
142
41
  required?: boolean | undefined;
143
42
  hasLeftIcon?: boolean | undefined;
144
43
  hasRightIcon?: boolean | undefined;
145
- messageType?: "error" | "helper" | undefined;
146
44
  iconPosition?: "right" | "left" | undefined;
147
45
  } & {
148
- class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
149
- className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
46
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
150
47
  }) | undefined) => string;
151
48
  base: (props?: ({
152
49
  tier?: "commit" | "modify" | undefined;
@@ -155,15 +52,14 @@ export declare const inputVariants: (props?: import("../../utils/variants.js").T
155
52
  intent?: "default" | "success" | "warning" | "danger" | undefined;
156
53
  disabled?: boolean | undefined;
157
54
  readonly?: boolean | undefined;
55
+ messageType?: "error" | "helper" | undefined;
158
56
  error?: boolean | undefined;
159
57
  required?: boolean | undefined;
160
58
  hasLeftIcon?: boolean | undefined;
161
59
  hasRightIcon?: boolean | undefined;
162
- messageType?: "error" | "helper" | undefined;
163
60
  iconPosition?: "right" | "left" | undefined;
164
61
  } & {
165
- class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
166
- className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
62
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
167
63
  }) | undefined) => string;
168
64
  label: (props?: ({
169
65
  tier?: "commit" | "modify" | undefined;
@@ -172,15 +68,14 @@ export declare const inputVariants: (props?: import("../../utils/variants.js").T
172
68
  intent?: "default" | "success" | "warning" | "danger" | undefined;
173
69
  disabled?: boolean | undefined;
174
70
  readonly?: boolean | undefined;
71
+ messageType?: "error" | "helper" | undefined;
175
72
  error?: boolean | undefined;
176
73
  required?: boolean | undefined;
177
74
  hasLeftIcon?: boolean | undefined;
178
75
  hasRightIcon?: boolean | undefined;
179
- messageType?: "error" | "helper" | undefined;
180
76
  iconPosition?: "right" | "left" | undefined;
181
77
  } & {
182
- class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
183
- className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
78
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
184
79
  }) | undefined) => string;
185
80
  message: (props?: ({
186
81
  tier?: "commit" | "modify" | undefined;
@@ -189,15 +84,14 @@ export declare const inputVariants: (props?: import("../../utils/variants.js").T
189
84
  intent?: "default" | "success" | "warning" | "danger" | undefined;
190
85
  disabled?: boolean | undefined;
191
86
  readonly?: boolean | undefined;
87
+ messageType?: "error" | "helper" | undefined;
192
88
  error?: boolean | undefined;
193
89
  required?: boolean | undefined;
194
90
  hasLeftIcon?: boolean | undefined;
195
91
  hasRightIcon?: boolean | undefined;
196
- messageType?: "error" | "helper" | undefined;
197
92
  iconPosition?: "right" | "left" | undefined;
198
93
  } & {
199
- class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
200
- className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
94
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
201
95
  }) | undefined) => string;
202
96
  iconContainer: (props?: ({
203
97
  tier?: "commit" | "modify" | undefined;
@@ -206,15 +100,14 @@ export declare const inputVariants: (props?: import("../../utils/variants.js").T
206
100
  intent?: "default" | "success" | "warning" | "danger" | undefined;
207
101
  disabled?: boolean | undefined;
208
102
  readonly?: boolean | undefined;
103
+ messageType?: "error" | "helper" | undefined;
209
104
  error?: boolean | undefined;
210
105
  required?: boolean | undefined;
211
106
  hasLeftIcon?: boolean | undefined;
212
107
  hasRightIcon?: boolean | undefined;
213
- messageType?: "error" | "helper" | undefined;
214
108
  iconPosition?: "right" | "left" | undefined;
215
109
  } & {
216
- class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
217
- className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
110
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
218
111
  }) | undefined) => string;
219
112
  iconButton: (props?: ({
220
113
  tier?: "commit" | "modify" | undefined;
@@ -223,15 +116,14 @@ export declare const inputVariants: (props?: import("../../utils/variants.js").T
223
116
  intent?: "default" | "success" | "warning" | "danger" | undefined;
224
117
  disabled?: boolean | undefined;
225
118
  readonly?: boolean | undefined;
119
+ messageType?: "error" | "helper" | undefined;
226
120
  error?: boolean | undefined;
227
121
  required?: boolean | undefined;
228
122
  hasLeftIcon?: boolean | undefined;
229
123
  hasRightIcon?: boolean | undefined;
230
- messageType?: "error" | "helper" | undefined;
231
124
  iconPosition?: "right" | "left" | undefined;
232
125
  } & {
233
- class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
234
- className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
126
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
235
127
  }) | undefined) => string;
236
128
  iconDecoration: (props?: ({
237
129
  tier?: "commit" | "modify" | undefined;
@@ -240,16 +132,17 @@ export declare const inputVariants: (props?: import("../../utils/variants.js").T
240
132
  intent?: "default" | "success" | "warning" | "danger" | undefined;
241
133
  disabled?: boolean | undefined;
242
134
  readonly?: boolean | undefined;
135
+ messageType?: "error" | "helper" | undefined;
243
136
  error?: boolean | undefined;
244
137
  required?: boolean | undefined;
245
138
  hasLeftIcon?: boolean | undefined;
246
139
  hasRightIcon?: boolean | undefined;
247
- messageType?: "error" | "helper" | undefined;
248
140
  iconPosition?: "right" | "left" | undefined;
249
141
  } & {
250
- class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
251
- className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
142
+ class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
252
143
  }) | undefined) => string;
144
+ }) & {
145
+ readonly config: import("../../utils/variants.js").TVConfig;
253
146
  };
254
147
  export type InputVariants = VariantProps<typeof inputVariants>;
255
148
  /** Slot names derived from the `tv()` config above — single source of truth for `slotClasses`. */
@@ -88,19 +88,19 @@ export const inputVariants = tv({
88
88
  iconDecoration: '[&_svg]:w-6 [&_svg]:h-6'
89
89
  }
90
90
  },
91
+ // Message colour is owned by messageType/error (declared below) — an
92
+ // intent-level message tone could never win the fold and shipped
93
+ // inconsistently under the old stylesheet-order tie-break.
91
94
  intent: {
92
95
  default: {},
93
96
  success: {
94
- base: 'border-success focus-visible:border-success focus-visible:ring-success/20',
95
- message: 'text-success'
97
+ base: 'border-success focus-visible:border-success focus-visible:ring-success/20'
96
98
  },
97
99
  warning: {
98
- base: 'border-warning focus-visible:border-warning focus-visible:ring-warning/20',
99
- message: 'text-warning-emphasis'
100
+ base: 'border-warning focus-visible:border-warning focus-visible:ring-warning/20'
100
101
  },
101
102
  danger: {
102
- base: 'border-danger focus-visible:border-danger focus-visible:ring-danger/20',
103
- message: 'text-danger'
103
+ base: 'border-danger focus-visible:border-danger focus-visible:ring-danger/20'
104
104
  }
105
105
  },
106
106
  disabled: {
@@ -114,6 +114,12 @@ export const inputVariants = tv({
114
114
  base: 'bg-surface-subtle cursor-default'
115
115
  }
116
116
  },
117
+ // Declared BEFORE `error` so the error tone wins the message-color
118
+ // bucket in every call shape — `{ error: true }` alone must read red.
119
+ messageType: {
120
+ error: { message: 'text-danger' },
121
+ helper: { message: 'text-text-tertiary' }
122
+ },
117
123
  error: {
118
124
  true: {
119
125
  base: 'border-danger focus-visible:border-danger focus-visible:ring-danger/20',
@@ -127,10 +133,6 @@ export const inputVariants = tv({
127
133
  },
128
134
  hasLeftIcon: { true: {} },
129
135
  hasRightIcon: { true: {} },
130
- messageType: {
131
- error: { message: 'text-danger' },
132
- helper: { message: 'text-text-tertiary' }
133
- },
134
136
  iconPosition: {
135
137
  left: { iconContainer: 'left-0' },
136
138
  right: { iconContainer: 'right-0' }