@primer/components 0.0.0-20219283497 → 0.0.0-2021929153151

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 (162) hide show
  1. package/CHANGELOG.md +19 -1
  2. package/dist/browser.esm.js +447 -440
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +446 -439
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/ActionList2/Description.d.ts +6 -0
  7. package/lib/ActionList2/Description.js +53 -0
  8. package/lib/ActionList2/Divider.d.ts +5 -0
  9. package/lib/ActionList2/Divider.js +33 -0
  10. package/lib/ActionList2/Group.d.ts +11 -0
  11. package/lib/ActionList2/Group.js +55 -0
  12. package/lib/ActionList2/Header.d.ts +26 -0
  13. package/lib/ActionList2/Header.js +55 -0
  14. package/lib/ActionList2/Item.d.ts +48 -0
  15. package/lib/ActionList2/Item.js +204 -0
  16. package/lib/ActionList2/List.d.ts +26 -0
  17. package/lib/ActionList2/List.js +56 -0
  18. package/lib/ActionList2/Selection.d.ts +5 -0
  19. package/lib/ActionList2/Selection.js +73 -0
  20. package/lib/ActionList2/Visuals.d.ts +11 -0
  21. package/lib/ActionList2/Visuals.js +90 -0
  22. package/lib/ActionList2/hacks.d.ts +30 -0
  23. package/lib/ActionList2/hacks.js +38 -0
  24. package/lib/ActionList2/index.d.ts +28 -0
  25. package/lib/ActionList2/index.js +42 -0
  26. package/lib/ActionMenu.js +2 -2
  27. package/lib/Autocomplete/Autocomplete.d.ts +30 -30
  28. package/lib/Autocomplete/AutocompleteInput.d.ts +30 -30
  29. package/lib/Button/Button.d.ts +30 -30
  30. package/lib/Button/ButtonBase.d.ts +1 -1
  31. package/lib/Button/ButtonClose.d.ts +35 -35
  32. package/lib/Button/ButtonDanger.d.ts +30 -30
  33. package/lib/Button/ButtonInvisible.d.ts +30 -30
  34. package/lib/Button/ButtonOutline.d.ts +30 -30
  35. package/lib/Button/ButtonPrimary.d.ts +30 -30
  36. package/lib/Button/ButtonStyles.js +1 -1
  37. package/lib/CircleBadge.d.ts +2 -2
  38. package/lib/CircleOcticon.d.ts +38 -38
  39. package/lib/Dialog/Dialog.d.ts +4 -4
  40. package/lib/Dialog/Dialog.js +22 -12
  41. package/lib/Dialog.d.ts +41 -41
  42. package/lib/Dropdown.d.ts +215 -137
  43. package/lib/Dropdown.js +5 -6
  44. package/lib/DropdownMenu/DropdownButton.d.ts +37 -37
  45. package/lib/FilterList.d.ts +30 -30
  46. package/lib/Flash.d.ts +1 -1
  47. package/lib/Label.d.ts +1 -1
  48. package/lib/Position.d.ts +4 -4
  49. package/lib/SelectMenu/SelectMenu.d.ts +187 -187
  50. package/lib/SelectMenu/SelectMenuItem.d.ts +1 -1
  51. package/lib/SelectMenu/SelectMenuModal.d.ts +1 -1
  52. package/lib/TextInputWithTokens.d.ts +34 -30
  53. package/lib/TextInputWithTokens.js +102 -29
  54. package/lib/Timeline.d.ts +39 -39
  55. package/lib/Token/AvatarToken.d.ts +1 -1
  56. package/lib/Token/IssueLabelToken.d.ts +1 -1
  57. package/lib/Token/Token.d.ts +1 -1
  58. package/lib/Token/Token.js +13 -2
  59. package/lib/Token/TokenBase.js +0 -4
  60. package/lib/Token/_RemoveTokenButton.js +15 -2
  61. package/lib/_TextInputWrapper.js +1 -1
  62. package/lib/constants.js +1 -3
  63. package/lib/experiments.d.ts +1 -0
  64. package/lib/experiments.js +18 -0
  65. package/lib/index.d.ts +0 -2
  66. package/lib/index.js +0 -8
  67. package/lib/sx.d.ts +10 -2
  68. package/lib/sx.js +8 -0
  69. package/lib/theme.d.ts +78 -0
  70. package/lib/theme.js +3 -1
  71. package/lib/utils/create-slots.d.ts +17 -0
  72. package/lib/utils/create-slots.js +105 -0
  73. package/lib/utils/testing.d.ts +1 -1
  74. package/lib/utils/types/KeyPaths.d.ts +3 -0
  75. package/lib/utils/types/KeyPaths.js +1 -0
  76. package/lib/utils/use-force-update.d.ts +1 -0
  77. package/lib/utils/use-force-update.js +19 -0
  78. package/lib-esm/ActionList2/Description.d.ts +6 -0
  79. package/lib-esm/ActionList2/Description.js +37 -0
  80. package/lib-esm/ActionList2/Divider.d.ts +5 -0
  81. package/lib-esm/ActionList2/Divider.js +21 -0
  82. package/lib-esm/ActionList2/Group.d.ts +11 -0
  83. package/lib-esm/ActionList2/Group.js +38 -0
  84. package/lib-esm/ActionList2/Header.d.ts +26 -0
  85. package/lib-esm/ActionList2/Header.js +45 -0
  86. package/lib-esm/ActionList2/Item.d.ts +48 -0
  87. package/lib-esm/ActionList2/Item.js +176 -0
  88. package/lib-esm/ActionList2/List.d.ts +26 -0
  89. package/lib-esm/ActionList2/List.js +38 -0
  90. package/lib-esm/ActionList2/Selection.d.ts +5 -0
  91. package/lib-esm/ActionList2/Selection.js +55 -0
  92. package/lib-esm/ActionList2/Visuals.d.ts +11 -0
  93. package/lib-esm/ActionList2/Visuals.js +68 -0
  94. package/lib-esm/ActionList2/hacks.d.ts +30 -0
  95. package/lib-esm/ActionList2/hacks.js +30 -0
  96. package/lib-esm/ActionList2/index.d.ts +28 -0
  97. package/lib-esm/ActionList2/index.js +29 -0
  98. package/lib-esm/ActionMenu.js +2 -2
  99. package/lib-esm/Autocomplete/Autocomplete.d.ts +30 -30
  100. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +30 -30
  101. package/lib-esm/Button/Button.d.ts +30 -30
  102. package/lib-esm/Button/ButtonBase.d.ts +1 -1
  103. package/lib-esm/Button/ButtonClose.d.ts +35 -35
  104. package/lib-esm/Button/ButtonDanger.d.ts +30 -30
  105. package/lib-esm/Button/ButtonInvisible.d.ts +30 -30
  106. package/lib-esm/Button/ButtonOutline.d.ts +30 -30
  107. package/lib-esm/Button/ButtonPrimary.d.ts +30 -30
  108. package/lib-esm/Button/ButtonStyles.js +1 -1
  109. package/lib-esm/CircleBadge.d.ts +2 -2
  110. package/lib-esm/CircleOcticon.d.ts +38 -38
  111. package/lib-esm/Dialog/Dialog.d.ts +4 -4
  112. package/lib-esm/Dialog/Dialog.js +21 -12
  113. package/lib-esm/Dialog.d.ts +41 -41
  114. package/lib-esm/Dropdown.d.ts +215 -137
  115. package/lib-esm/Dropdown.js +3 -4
  116. package/lib-esm/DropdownMenu/DropdownButton.d.ts +37 -37
  117. package/lib-esm/FilterList.d.ts +30 -30
  118. package/lib-esm/Flash.d.ts +1 -1
  119. package/lib-esm/Label.d.ts +1 -1
  120. package/lib-esm/Position.d.ts +4 -4
  121. package/lib-esm/SelectMenu/SelectMenu.d.ts +187 -187
  122. package/lib-esm/SelectMenu/SelectMenuItem.d.ts +1 -1
  123. package/lib-esm/SelectMenu/SelectMenuModal.d.ts +1 -1
  124. package/lib-esm/TextInputWithTokens.d.ts +34 -30
  125. package/lib-esm/TextInputWithTokens.js +101 -30
  126. package/lib-esm/Timeline.d.ts +39 -39
  127. package/lib-esm/Token/AvatarToken.d.ts +1 -1
  128. package/lib-esm/Token/IssueLabelToken.d.ts +1 -1
  129. package/lib-esm/Token/Token.d.ts +1 -1
  130. package/lib-esm/Token/Token.js +13 -2
  131. package/lib-esm/Token/TokenBase.js +0 -4
  132. package/lib-esm/Token/_RemoveTokenButton.js +11 -2
  133. package/lib-esm/_TextInputWrapper.js +1 -1
  134. package/lib-esm/constants.js +1 -3
  135. package/lib-esm/experiments.d.ts +1 -0
  136. package/lib-esm/experiments.js +2 -0
  137. package/lib-esm/index.d.ts +0 -2
  138. package/lib-esm/index.js +0 -1
  139. package/lib-esm/sx.d.ts +10 -2
  140. package/lib-esm/sx.js +3 -1
  141. package/lib-esm/theme.d.ts +78 -0
  142. package/lib-esm/theme.js +2 -1
  143. package/lib-esm/utils/create-slots.d.ts +17 -0
  144. package/lib-esm/utils/create-slots.js +84 -0
  145. package/lib-esm/utils/testing.d.ts +1 -1
  146. package/lib-esm/utils/types/KeyPaths.d.ts +3 -0
  147. package/lib-esm/utils/types/KeyPaths.js +1 -0
  148. package/lib-esm/utils/use-force-update.d.ts +1 -0
  149. package/lib-esm/utils/use-force-update.js +6 -0
  150. package/package.json +4 -1
  151. package/lib/NewButton/button.d.ts +0 -581
  152. package/lib/NewButton/button.js +0 -297
  153. package/lib/NewButton/counter.d.ts +0 -6
  154. package/lib/NewButton/counter.js +0 -33
  155. package/lib/NewButton/index.d.ts +0 -4
  156. package/lib/NewButton/index.js +0 -21
  157. package/lib-esm/NewButton/button.d.ts +0 -581
  158. package/lib-esm/NewButton/button.js +0 -273
  159. package/lib-esm/NewButton/counter.d.ts +0 -6
  160. package/lib-esm/NewButton/counter.js +0 -21
  161. package/lib-esm/NewButton/index.d.ts +0 -4
  162. package/lib-esm/NewButton/index.js +0 -3
package/lib/Dropdown.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { ButtonProps } from './NewButton';
2
+ import { ButtonProps } from './Button';
3
3
  import { SystemCommonProps } from './constants';
4
4
  import { DetailsProps } from './Details';
5
5
  import { SxProp } from './sx';
@@ -31,6 +31,13 @@ declare const _default: {
31
31
  translate?: "yes" | "no" | undefined;
32
32
  margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
33
33
  padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
34
+ hidden?: boolean | undefined;
35
+ children?: React.ReactNode;
36
+ ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
37
+ p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
38
+ slot?: string | undefined;
39
+ style?: React.CSSProperties | undefined;
40
+ title?: string | undefined;
34
41
  bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
35
42
  m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
36
43
  mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
@@ -41,7 +48,6 @@ declare const _default: {
41
48
  marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
42
49
  my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
43
50
  marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
44
- p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
45
51
  pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
46
52
  pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
47
53
  pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
@@ -50,10 +56,7 @@ declare const _default: {
50
56
  paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
51
57
  py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
52
58
  paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
53
- slot?: string | undefined;
54
- style?: React.CSSProperties | undefined;
55
- title?: string | undefined;
56
- ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
59
+ open?: boolean | undefined;
57
60
  key?: React.Key | null | undefined;
58
61
  defaultChecked?: boolean | undefined;
59
62
  defaultValue?: string | number | readonly string[] | undefined;
@@ -61,15 +64,14 @@ declare const _default: {
61
64
  suppressHydrationWarning?: boolean | undefined;
62
65
  accessKey?: string | undefined;
63
66
  className?: string | undefined;
64
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
67
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
65
68
  contextMenu?: string | undefined;
66
69
  dir?: string | undefined;
67
- draggable?: (boolean | "true" | "false") | undefined;
68
- hidden?: boolean | undefined;
70
+ draggable?: (boolean | "false" | "true") | undefined;
69
71
  id?: string | undefined;
70
72
  lang?: string | undefined;
71
73
  placeholder?: string | undefined;
72
- spellCheck?: (boolean | "true" | "false") | undefined;
74
+ spellCheck?: (boolean | "false" | "true") | undefined;
73
75
  tabIndex?: number | undefined;
74
76
  radioGroup?: string | undefined;
75
77
  role?: React.AriaRole | undefined;
@@ -92,57 +94,56 @@ declare const _default: {
92
94
  results?: number | undefined;
93
95
  security?: string | undefined;
94
96
  unselectable?: "on" | "off" | undefined;
95
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
97
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
96
98
  is?: string | undefined;
97
99
  'aria-activedescendant'?: string | undefined;
98
- 'aria-atomic'?: boolean | "true" | "false" | undefined;
99
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
100
- 'aria-busy'?: boolean | "true" | "false" | undefined;
101
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
100
+ 'aria-atomic'?: boolean | "false" | "true" | undefined;
101
+ 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
102
+ 'aria-busy'?: boolean | "false" | "true" | undefined;
103
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
102
104
  'aria-colcount'?: number | undefined;
103
105
  'aria-colindex'?: number | undefined;
104
106
  'aria-colspan'?: number | undefined;
105
107
  'aria-controls'?: string | undefined;
106
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
108
+ 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
107
109
  'aria-describedby'?: string | undefined;
108
110
  'aria-details'?: string | undefined;
109
- 'aria-disabled'?: boolean | "true" | "false" | undefined;
111
+ 'aria-disabled'?: boolean | "false" | "true" | undefined;
110
112
  'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
111
113
  'aria-errormessage'?: string | undefined;
112
- 'aria-expanded'?: boolean | "true" | "false" | undefined;
114
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
113
115
  'aria-flowto'?: string | undefined;
114
- 'aria-grabbed'?: boolean | "true" | "false" | undefined;
115
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
116
- 'aria-hidden'?: boolean | "true" | "false" | undefined;
117
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
116
+ 'aria-grabbed'?: boolean | "false" | "true" | undefined;
117
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
118
+ 'aria-hidden'?: boolean | "false" | "true" | undefined;
119
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
118
120
  'aria-keyshortcuts'?: string | undefined;
119
121
  'aria-label'?: string | undefined;
120
122
  'aria-labelledby'?: string | undefined;
121
123
  'aria-level'?: number | undefined;
122
124
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
123
- 'aria-modal'?: boolean | "true" | "false" | undefined;
124
- 'aria-multiline'?: boolean | "true" | "false" | undefined;
125
- 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
125
+ 'aria-modal'?: boolean | "false" | "true" | undefined;
126
+ 'aria-multiline'?: boolean | "false" | "true" | undefined;
127
+ 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
126
128
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
127
129
  'aria-owns'?: string | undefined;
128
130
  'aria-placeholder'?: string | undefined;
129
131
  'aria-posinset'?: number | undefined;
130
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
131
- 'aria-readonly'?: boolean | "true" | "false" | undefined;
132
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
133
+ 'aria-readonly'?: boolean | "false" | "true" | undefined;
132
134
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
133
- 'aria-required'?: boolean | "true" | "false" | undefined;
135
+ 'aria-required'?: boolean | "false" | "true" | undefined;
134
136
  'aria-roledescription'?: string | undefined;
135
137
  'aria-rowcount'?: number | undefined;
136
138
  'aria-rowindex'?: number | undefined;
137
139
  'aria-rowspan'?: number | undefined;
138
- 'aria-selected'?: boolean | "true" | "false" | undefined;
140
+ 'aria-selected'?: boolean | "false" | "true" | undefined;
139
141
  'aria-setsize'?: number | undefined;
140
142
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
141
143
  'aria-valuemax'?: number | undefined;
142
144
  'aria-valuemin'?: number | undefined;
143
145
  'aria-valuenow'?: number | undefined;
144
146
  'aria-valuetext'?: string | undefined;
145
- children?: React.ReactNode;
146
147
  dangerouslySetInnerHTML?: {
147
148
  __html: string;
148
149
  } | undefined;
@@ -306,8 +307,7 @@ declare const _default: {
306
307
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
307
308
  onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
308
309
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
309
- open?: boolean | undefined;
310
- sx?: import("@styled-system/css").SystemStyleObject | undefined;
310
+ sx?: import("./sx").BetterSystemStyleObject | undefined;
311
311
  onToggle?: React.ReactEventHandler<HTMLElement> | undefined;
312
312
  } & {
313
313
  theme?: any;
@@ -328,6 +328,13 @@ declare const _default: {
328
328
  translate?: "yes" | "no" | undefined;
329
329
  margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
330
330
  padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
331
+ hidden?: boolean | undefined;
332
+ children?: React.ReactNode;
333
+ ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
334
+ p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
335
+ slot?: string | undefined;
336
+ style?: React.CSSProperties | undefined;
337
+ title?: string | undefined;
331
338
  bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
332
339
  m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
333
340
  mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
@@ -338,7 +345,6 @@ declare const _default: {
338
345
  marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
339
346
  my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
340
347
  marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
341
- p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
342
348
  pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
343
349
  pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
344
350
  pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
@@ -347,10 +353,7 @@ declare const _default: {
347
353
  paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
348
354
  py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
349
355
  paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
350
- slot?: string | undefined;
351
- style?: React.CSSProperties | undefined;
352
- title?: string | undefined;
353
- ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
356
+ open?: boolean | undefined;
354
357
  key?: React.Key | null | undefined;
355
358
  defaultChecked?: boolean | undefined;
356
359
  defaultValue?: string | number | readonly string[] | undefined;
@@ -358,15 +361,14 @@ declare const _default: {
358
361
  suppressHydrationWarning?: boolean | undefined;
359
362
  accessKey?: string | undefined;
360
363
  className?: string | undefined;
361
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
364
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
362
365
  contextMenu?: string | undefined;
363
366
  dir?: string | undefined;
364
- draggable?: (boolean | "true" | "false") | undefined;
365
- hidden?: boolean | undefined;
367
+ draggable?: (boolean | "false" | "true") | undefined;
366
368
  id?: string | undefined;
367
369
  lang?: string | undefined;
368
370
  placeholder?: string | undefined;
369
- spellCheck?: (boolean | "true" | "false") | undefined;
371
+ spellCheck?: (boolean | "false" | "true") | undefined;
370
372
  tabIndex?: number | undefined;
371
373
  radioGroup?: string | undefined;
372
374
  role?: React.AriaRole | undefined;
@@ -389,57 +391,56 @@ declare const _default: {
389
391
  results?: number | undefined;
390
392
  security?: string | undefined;
391
393
  unselectable?: "on" | "off" | undefined;
392
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
394
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
393
395
  is?: string | undefined;
394
396
  'aria-activedescendant'?: string | undefined;
395
- 'aria-atomic'?: boolean | "true" | "false" | undefined;
396
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
397
- 'aria-busy'?: boolean | "true" | "false" | undefined;
398
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
397
+ 'aria-atomic'?: boolean | "false" | "true" | undefined;
398
+ 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
399
+ 'aria-busy'?: boolean | "false" | "true" | undefined;
400
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
399
401
  'aria-colcount'?: number | undefined;
400
402
  'aria-colindex'?: number | undefined;
401
403
  'aria-colspan'?: number | undefined;
402
404
  'aria-controls'?: string | undefined;
403
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
405
+ 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
404
406
  'aria-describedby'?: string | undefined;
405
407
  'aria-details'?: string | undefined;
406
- 'aria-disabled'?: boolean | "true" | "false" | undefined;
408
+ 'aria-disabled'?: boolean | "false" | "true" | undefined;
407
409
  'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
408
410
  'aria-errormessage'?: string | undefined;
409
- 'aria-expanded'?: boolean | "true" | "false" | undefined;
411
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
410
412
  'aria-flowto'?: string | undefined;
411
- 'aria-grabbed'?: boolean | "true" | "false" | undefined;
412
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
413
- 'aria-hidden'?: boolean | "true" | "false" | undefined;
414
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
413
+ 'aria-grabbed'?: boolean | "false" | "true" | undefined;
414
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
415
+ 'aria-hidden'?: boolean | "false" | "true" | undefined;
416
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
415
417
  'aria-keyshortcuts'?: string | undefined;
416
418
  'aria-label'?: string | undefined;
417
419
  'aria-labelledby'?: string | undefined;
418
420
  'aria-level'?: number | undefined;
419
421
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
420
- 'aria-modal'?: boolean | "true" | "false" | undefined;
421
- 'aria-multiline'?: boolean | "true" | "false" | undefined;
422
- 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
422
+ 'aria-modal'?: boolean | "false" | "true" | undefined;
423
+ 'aria-multiline'?: boolean | "false" | "true" | undefined;
424
+ 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
423
425
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
424
426
  'aria-owns'?: string | undefined;
425
427
  'aria-placeholder'?: string | undefined;
426
428
  'aria-posinset'?: number | undefined;
427
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
428
- 'aria-readonly'?: boolean | "true" | "false" | undefined;
429
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
430
+ 'aria-readonly'?: boolean | "false" | "true" | undefined;
429
431
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
430
- 'aria-required'?: boolean | "true" | "false" | undefined;
432
+ 'aria-required'?: boolean | "false" | "true" | undefined;
431
433
  'aria-roledescription'?: string | undefined;
432
434
  'aria-rowcount'?: number | undefined;
433
435
  'aria-rowindex'?: number | undefined;
434
436
  'aria-rowspan'?: number | undefined;
435
- 'aria-selected'?: boolean | "true" | "false" | undefined;
437
+ 'aria-selected'?: boolean | "false" | "true" | undefined;
436
438
  'aria-setsize'?: number | undefined;
437
439
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
438
440
  'aria-valuemax'?: number | undefined;
439
441
  'aria-valuemin'?: number | undefined;
440
442
  'aria-valuenow'?: number | undefined;
441
443
  'aria-valuetext'?: string | undefined;
442
- children?: React.ReactNode;
443
444
  dangerouslySetInnerHTML?: {
444
445
  __html: string;
445
446
  } | undefined;
@@ -603,8 +604,7 @@ declare const _default: {
603
604
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement> | undefined;
604
605
  onTransitionEnd?: React.TransitionEventHandler<HTMLElement> | undefined;
605
606
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement> | undefined;
606
- open?: boolean | undefined;
607
- sx?: import("@styled-system/css").SystemStyleObject | undefined;
607
+ sx?: import("./sx").BetterSystemStyleObject | undefined;
608
608
  onToggle?: React.ReactEventHandler<HTMLElement> | undefined;
609
609
  } & {
610
610
  theme?: any;
@@ -616,15 +616,61 @@ declare const _default: {
616
616
  } & SystemCommonProps & SxProp, never>;
617
617
  Item: import("styled-components").StyledComponent<"li", any, SxProp, never>;
618
618
  Button: {
619
- ({ children, ...rest }: Pick<{
620
- color?: string | undefined;
619
+ ({ children, ...rest }: {
620
+ backgroundColor?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
621
+ color?: (string & import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>) | undefined;
622
+ display?: import("styled-system").ResponsiveValue<import("csstype").Property.Display, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
621
623
  fontSize?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
624
+ height?: import("styled-system").ResponsiveValue<import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
625
+ marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
626
+ marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
627
+ marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
628
+ marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
629
+ maxHeight?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxHeight<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
630
+ maxWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
631
+ minHeight?: import("styled-system").ResponsiveValue<import("csstype").Property.MinHeight<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
632
+ minWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
633
+ opacity?: import("styled-system").ResponsiveValue<import("csstype").Property.Opacity, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
634
+ overflowX?: import("styled-system").ResponsiveValue<import("csstype").Property.OverflowX, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
635
+ overflowY?: import("styled-system").ResponsiveValue<import("csstype").Property.OverflowY, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
636
+ paddingBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
637
+ paddingLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
638
+ paddingRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
639
+ paddingTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
622
640
  translate?: "yes" | "no" | undefined;
641
+ verticalAlign?: import("styled-system").ResponsiveValue<import("csstype").Property.VerticalAlign<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
642
+ width?: import("styled-system").ResponsiveValue<import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
643
+ margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
644
+ overflow?: import("styled-system").ResponsiveValue<import("csstype").Property.Overflow, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
645
+ padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
646
+ hidden?: boolean | undefined;
647
+ children?: React.ReactNode;
648
+ value?: string | number | readonly string[] | undefined;
649
+ ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
623
650
  form?: string | undefined;
651
+ p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
624
652
  slot?: string | undefined;
625
653
  style?: React.CSSProperties | undefined;
626
654
  title?: string | undefined;
627
- ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
655
+ bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
656
+ m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
657
+ mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
658
+ mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
659
+ mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
660
+ ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
661
+ mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
662
+ marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
663
+ my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
664
+ marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
665
+ pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
666
+ pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
667
+ pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
668
+ pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
669
+ px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
670
+ paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
671
+ py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
672
+ paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
673
+ size?: import("styled-system").ResponsiveValue<import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
628
674
  type?: "button" | "reset" | "submit" | undefined;
629
675
  name?: string | undefined;
630
676
  key?: React.Key | null | undefined;
@@ -634,15 +680,14 @@ declare const _default: {
634
680
  suppressHydrationWarning?: boolean | undefined;
635
681
  accessKey?: string | undefined;
636
682
  className?: string | undefined;
637
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
683
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
638
684
  contextMenu?: string | undefined;
639
685
  dir?: string | undefined;
640
- draggable?: (boolean | "true" | "false") | undefined;
641
- hidden?: boolean | undefined;
686
+ draggable?: (boolean | "false" | "true") | undefined;
642
687
  id?: string | undefined;
643
688
  lang?: string | undefined;
644
689
  placeholder?: string | undefined;
645
- spellCheck?: (boolean | "true" | "false") | undefined;
690
+ spellCheck?: (boolean | "false" | "true") | undefined;
646
691
  tabIndex?: number | undefined;
647
692
  radioGroup?: string | undefined;
648
693
  role?: React.AriaRole | undefined;
@@ -665,57 +710,56 @@ declare const _default: {
665
710
  results?: number | undefined;
666
711
  security?: string | undefined;
667
712
  unselectable?: "on" | "off" | undefined;
668
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
713
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
669
714
  is?: string | undefined;
670
715
  'aria-activedescendant'?: string | undefined;
671
- 'aria-atomic'?: boolean | "true" | "false" | undefined;
672
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
673
- 'aria-busy'?: boolean | "true" | "false" | undefined;
674
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
716
+ 'aria-atomic'?: boolean | "false" | "true" | undefined;
717
+ 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
718
+ 'aria-busy'?: boolean | "false" | "true" | undefined;
719
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
675
720
  'aria-colcount'?: number | undefined;
676
721
  'aria-colindex'?: number | undefined;
677
722
  'aria-colspan'?: number | undefined;
678
723
  'aria-controls'?: string | undefined;
679
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
724
+ 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
680
725
  'aria-describedby'?: string | undefined;
681
726
  'aria-details'?: string | undefined;
682
- 'aria-disabled'?: boolean | "true" | "false" | undefined;
727
+ 'aria-disabled'?: boolean | "false" | "true" | undefined;
683
728
  'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
684
729
  'aria-errormessage'?: string | undefined;
685
- 'aria-expanded'?: boolean | "true" | "false" | undefined;
730
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
686
731
  'aria-flowto'?: string | undefined;
687
- 'aria-grabbed'?: boolean | "true" | "false" | undefined;
688
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
689
- 'aria-hidden'?: boolean | "true" | "false" | undefined;
690
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
732
+ 'aria-grabbed'?: boolean | "false" | "true" | undefined;
733
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
734
+ 'aria-hidden'?: boolean | "false" | "true" | undefined;
735
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
691
736
  'aria-keyshortcuts'?: string | undefined;
692
737
  'aria-label'?: string | undefined;
693
738
  'aria-labelledby'?: string | undefined;
694
739
  'aria-level'?: number | undefined;
695
740
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
696
- 'aria-modal'?: boolean | "true" | "false" | undefined;
697
- 'aria-multiline'?: boolean | "true" | "false" | undefined;
698
- 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
741
+ 'aria-modal'?: boolean | "false" | "true" | undefined;
742
+ 'aria-multiline'?: boolean | "false" | "true" | undefined;
743
+ 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
699
744
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
700
745
  'aria-owns'?: string | undefined;
701
746
  'aria-placeholder'?: string | undefined;
702
747
  'aria-posinset'?: number | undefined;
703
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
704
- 'aria-readonly'?: boolean | "true" | "false" | undefined;
748
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
749
+ 'aria-readonly'?: boolean | "false" | "true" | undefined;
705
750
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
706
- 'aria-required'?: boolean | "true" | "false" | undefined;
751
+ 'aria-required'?: boolean | "false" | "true" | undefined;
707
752
  'aria-roledescription'?: string | undefined;
708
753
  'aria-rowcount'?: number | undefined;
709
754
  'aria-rowindex'?: number | undefined;
710
755
  'aria-rowspan'?: number | undefined;
711
- 'aria-selected'?: boolean | "true" | "false" | undefined;
756
+ 'aria-selected'?: boolean | "false" | "true" | undefined;
712
757
  'aria-setsize'?: number | undefined;
713
758
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
714
759
  'aria-valuemax'?: number | undefined;
715
760
  'aria-valuemin'?: number | undefined;
716
761
  'aria-valuenow'?: number | undefined;
717
762
  'aria-valuetext'?: string | undefined;
718
- children?: React.ReactNode;
719
763
  dangerouslySetInnerHTML?: {
720
764
  __html: string;
721
765
  } | undefined;
@@ -879,33 +923,74 @@ declare const _default: {
879
923
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
880
924
  onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
881
925
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
882
- size: "small" | "large" | "medium";
883
- icon?: React.FunctionComponent<import("@primer/octicons-react/dist/icons").IconProps> | undefined;
884
- caret?: boolean | undefined;
885
- sx?: import("@styled-system/css").SystemStyleObject | undefined;
886
- value?: string | number | readonly string[] | undefined;
887
- autoFocus?: boolean | undefined;
926
+ sx?: import("./sx").BetterSystemStyleObject | undefined;
927
+ variant?: "small" | "medium" | "large" | undefined;
928
+ as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
888
929
  disabled?: boolean | undefined;
930
+ autoFocus?: boolean | undefined;
889
931
  formAction?: string | undefined;
890
932
  formEncType?: string | undefined;
891
933
  formMethod?: string | undefined;
892
934
  formNoValidate?: boolean | undefined;
893
935
  formTarget?: string | undefined;
894
- iconOnly: boolean;
895
- variant: "default" | "primary" | "invisible" | "danger";
896
- as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
897
936
  } & {
898
937
  theme?: any;
899
- }, "color" | "fontSize" | "translate" | "form" | "slot" | "style" | "title" | "theme" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "icon" | "caret" | "sx" | "value" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "iconOnly" | "variant" | "as"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>): JSX.Element;
900
- defaultProps: Partial<Pick<{
901
- color?: string | undefined;
938
+ }): JSX.Element;
939
+ defaultProps: Partial<{
940
+ backgroundColor?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
941
+ color?: (string & import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>) | undefined;
942
+ display?: import("styled-system").ResponsiveValue<import("csstype").Property.Display, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
902
943
  fontSize?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
944
+ height?: import("styled-system").ResponsiveValue<import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
945
+ marginBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
946
+ marginLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
947
+ marginRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
948
+ marginTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
949
+ maxHeight?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxHeight<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
950
+ maxWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
951
+ minHeight?: import("styled-system").ResponsiveValue<import("csstype").Property.MinHeight<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
952
+ minWidth?: import("styled-system").ResponsiveValue<import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
953
+ opacity?: import("styled-system").ResponsiveValue<import("csstype").Property.Opacity, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
954
+ overflowX?: import("styled-system").ResponsiveValue<import("csstype").Property.OverflowX, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
955
+ overflowY?: import("styled-system").ResponsiveValue<import("csstype").Property.OverflowY, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
956
+ paddingBottom?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
957
+ paddingLeft?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
958
+ paddingRight?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
959
+ paddingTop?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
903
960
  translate?: "yes" | "no" | undefined;
961
+ verticalAlign?: import("styled-system").ResponsiveValue<import("csstype").Property.VerticalAlign<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
962
+ width?: import("styled-system").ResponsiveValue<import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
963
+ margin?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
964
+ overflow?: import("styled-system").ResponsiveValue<import("csstype").Property.Overflow, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
965
+ padding?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
966
+ hidden?: boolean | undefined;
967
+ children?: React.ReactNode;
968
+ value?: string | number | readonly string[] | undefined;
969
+ ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
904
970
  form?: string | undefined;
971
+ p?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
905
972
  slot?: string | undefined;
906
973
  style?: React.CSSProperties | undefined;
907
974
  title?: string | undefined;
908
- ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
975
+ bg?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
976
+ m?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
977
+ mt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
978
+ mr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
979
+ mb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
980
+ ml?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
981
+ mx?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
982
+ marginX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
983
+ my?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
984
+ marginY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
985
+ pt?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
986
+ pr?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
987
+ pb?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
988
+ pl?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
989
+ px?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
990
+ paddingX?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
991
+ py?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
992
+ paddingY?: import("styled-system").ResponsiveValue<string | number | symbol, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
993
+ size?: import("styled-system").ResponsiveValue<import("csstype").Property.Height<import("styled-system").TLengthStyledSystem>, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
909
994
  type?: "button" | "reset" | "submit" | undefined;
910
995
  name?: string | undefined;
911
996
  key?: React.Key | null | undefined;
@@ -915,15 +1000,14 @@ declare const _default: {
915
1000
  suppressHydrationWarning?: boolean | undefined;
916
1001
  accessKey?: string | undefined;
917
1002
  className?: string | undefined;
918
- contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
1003
+ contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
919
1004
  contextMenu?: string | undefined;
920
1005
  dir?: string | undefined;
921
- draggable?: (boolean | "true" | "false") | undefined;
922
- hidden?: boolean | undefined;
1006
+ draggable?: (boolean | "false" | "true") | undefined;
923
1007
  id?: string | undefined;
924
1008
  lang?: string | undefined;
925
1009
  placeholder?: string | undefined;
926
- spellCheck?: (boolean | "true" | "false") | undefined;
1010
+ spellCheck?: (boolean | "false" | "true") | undefined;
927
1011
  tabIndex?: number | undefined;
928
1012
  radioGroup?: string | undefined;
929
1013
  role?: React.AriaRole | undefined;
@@ -946,57 +1030,56 @@ declare const _default: {
946
1030
  results?: number | undefined;
947
1031
  security?: string | undefined;
948
1032
  unselectable?: "on" | "off" | undefined;
949
- inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
1033
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
950
1034
  is?: string | undefined;
951
1035
  'aria-activedescendant'?: string | undefined;
952
- 'aria-atomic'?: boolean | "true" | "false" | undefined;
953
- 'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
954
- 'aria-busy'?: boolean | "true" | "false" | undefined;
955
- 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
1036
+ 'aria-atomic'?: boolean | "false" | "true" | undefined;
1037
+ 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
1038
+ 'aria-busy'?: boolean | "false" | "true" | undefined;
1039
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
956
1040
  'aria-colcount'?: number | undefined;
957
1041
  'aria-colindex'?: number | undefined;
958
1042
  'aria-colspan'?: number | undefined;
959
1043
  'aria-controls'?: string | undefined;
960
- 'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
1044
+ 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
961
1045
  'aria-describedby'?: string | undefined;
962
1046
  'aria-details'?: string | undefined;
963
- 'aria-disabled'?: boolean | "true" | "false" | undefined;
1047
+ 'aria-disabled'?: boolean | "false" | "true" | undefined;
964
1048
  'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
965
1049
  'aria-errormessage'?: string | undefined;
966
- 'aria-expanded'?: boolean | "true" | "false" | undefined;
1050
+ 'aria-expanded'?: boolean | "false" | "true" | undefined;
967
1051
  'aria-flowto'?: string | undefined;
968
- 'aria-grabbed'?: boolean | "true" | "false" | undefined;
969
- 'aria-haspopup'?: boolean | "grid" | "dialog" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
970
- 'aria-hidden'?: boolean | "true" | "false" | undefined;
971
- 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
1052
+ 'aria-grabbed'?: boolean | "false" | "true" | undefined;
1053
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
1054
+ 'aria-hidden'?: boolean | "false" | "true" | undefined;
1055
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
972
1056
  'aria-keyshortcuts'?: string | undefined;
973
1057
  'aria-label'?: string | undefined;
974
1058
  'aria-labelledby'?: string | undefined;
975
1059
  'aria-level'?: number | undefined;
976
1060
  'aria-live'?: "off" | "assertive" | "polite" | undefined;
977
- 'aria-modal'?: boolean | "true" | "false" | undefined;
978
- 'aria-multiline'?: boolean | "true" | "false" | undefined;
979
- 'aria-multiselectable'?: boolean | "true" | "false" | undefined;
1061
+ 'aria-modal'?: boolean | "false" | "true" | undefined;
1062
+ 'aria-multiline'?: boolean | "false" | "true" | undefined;
1063
+ 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
980
1064
  'aria-orientation'?: "horizontal" | "vertical" | undefined;
981
1065
  'aria-owns'?: string | undefined;
982
1066
  'aria-placeholder'?: string | undefined;
983
1067
  'aria-posinset'?: number | undefined;
984
- 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
985
- 'aria-readonly'?: boolean | "true" | "false" | undefined;
1068
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
1069
+ 'aria-readonly'?: boolean | "false" | "true" | undefined;
986
1070
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
987
- 'aria-required'?: boolean | "true" | "false" | undefined;
1071
+ 'aria-required'?: boolean | "false" | "true" | undefined;
988
1072
  'aria-roledescription'?: string | undefined;
989
1073
  'aria-rowcount'?: number | undefined;
990
1074
  'aria-rowindex'?: number | undefined;
991
1075
  'aria-rowspan'?: number | undefined;
992
- 'aria-selected'?: boolean | "true" | "false" | undefined;
1076
+ 'aria-selected'?: boolean | "false" | "true" | undefined;
993
1077
  'aria-setsize'?: number | undefined;
994
1078
  'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
995
1079
  'aria-valuemax'?: number | undefined;
996
1080
  'aria-valuemin'?: number | undefined;
997
1081
  'aria-valuenow'?: number | undefined;
998
1082
  'aria-valuetext'?: string | undefined;
999
- children?: React.ReactNode;
1000
1083
  dangerouslySetInnerHTML?: {
1001
1084
  __html: string;
1002
1085
  } | undefined;
@@ -1160,24 +1243,19 @@ declare const _default: {
1160
1243
  onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
1161
1244
  onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
1162
1245
  onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
1163
- size: "small" | "large" | "medium";
1164
- icon?: React.FunctionComponent<import("@primer/octicons-react/dist/icons").IconProps> | undefined;
1165
- caret?: boolean | undefined;
1166
- sx?: import("@styled-system/css").SystemStyleObject | undefined;
1167
- value?: string | number | readonly string[] | undefined;
1168
- autoFocus?: boolean | undefined;
1246
+ sx?: import("./sx").BetterSystemStyleObject | undefined;
1247
+ variant?: "small" | "medium" | "large" | undefined;
1248
+ as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
1169
1249
  disabled?: boolean | undefined;
1250
+ autoFocus?: boolean | undefined;
1170
1251
  formAction?: string | undefined;
1171
1252
  formEncType?: string | undefined;
1172
1253
  formMethod?: string | undefined;
1173
1254
  formNoValidate?: boolean | undefined;
1174
1255
  formTarget?: string | undefined;
1175
- iconOnly: boolean;
1176
- variant: "default" | "primary" | "invisible" | "danger";
1177
- as?: string | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
1178
1256
  } & {
1179
1257
  theme?: any;
1180
- }, "color" | "fontSize" | "translate" | "form" | "slot" | "style" | "title" | "theme" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "icon" | "caret" | "sx" | "value" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "iconOnly" | "variant" | "as"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> | undefined;
1258
+ }> | undefined;
1181
1259
  displayName: string;
1182
1260
  };
1183
1261
  };