@voxel51/voodo 1.4.0-dev.0 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (205) hide show
  1. package/bin/voodo.mjs +127 -0
  2. package/dist/cli/reference.d.ts +79 -0
  3. package/dist/cli/reference.d.ts.map +1 -0
  4. package/dist/cli.cjs +11 -0
  5. package/dist/cli.cjs.map +1 -0
  6. package/dist/cli.d.ts +2 -0
  7. package/dist/cli.js +167 -0
  8. package/dist/cli.js.map +1 -0
  9. package/dist/components/ActivityToast/ActivityToast.d.ts +1 -1
  10. package/dist/components/ActivityToast/ActivityToast.d.ts.map +1 -1
  11. package/dist/components/Button/Button.d.ts +5 -3
  12. package/dist/components/Button/Button.d.ts.map +1 -1
  13. package/dist/components/Card/Card.d.ts +3 -3
  14. package/dist/components/Card/Card.d.ts.map +1 -1
  15. package/dist/components/Card/RichCard.d.ts +3 -1
  16. package/dist/components/Card/RichCard.d.ts.map +1 -1
  17. package/dist/components/Checkbox/Checkbox.d.ts +1 -0
  18. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -1
  19. package/dist/components/Clickable/Clickable.d.ts +1 -1
  20. package/dist/components/Combobox/Combobox.d.ts +3 -3
  21. package/dist/components/Combobox/Combobox.d.ts.map +1 -1
  22. package/dist/components/ContextMenu/ContextMenu.d.ts +1 -1
  23. package/dist/components/Datepicker/DatePicker.d.ts +1 -1
  24. package/dist/components/Datepicker/DatepickerIconButton.d.ts.map +1 -1
  25. package/dist/components/Datepicker/DatepickerInput.d.ts.map +1 -1
  26. package/dist/components/Divider/Divider.d.ts +21 -14
  27. package/dist/components/Divider/Divider.d.ts.map +1 -1
  28. package/dist/components/Drawer/Drawer.d.ts +37 -0
  29. package/dist/components/Drawer/Drawer.d.ts.map +1 -1
  30. package/dist/components/Dropdown/Dropdown.d.ts +3 -3
  31. package/dist/components/Dropdown/Dropdown.d.ts.map +1 -1
  32. package/dist/components/Dropdown/DropdownTrigger.d.ts +2 -2
  33. package/dist/components/Dropzone/Dropzone.d.ts +34 -0
  34. package/dist/components/Dropzone/Dropzone.d.ts.map +1 -0
  35. package/dist/components/Dropzone/index.d.ts +2 -0
  36. package/dist/components/Dropzone/index.d.ts.map +1 -0
  37. package/dist/components/EmptyState/EmptyState.d.ts +11 -4
  38. package/dist/components/EmptyState/EmptyState.d.ts.map +1 -1
  39. package/dist/components/FormField/FormField.d.ts +4 -2
  40. package/dist/components/FormField/FormField.d.ts.map +1 -1
  41. package/dist/components/FormFieldGroup/FormFieldGroup.d.ts +4 -19
  42. package/dist/components/FormFieldGroup/FormFieldGroup.d.ts.map +1 -1
  43. package/dist/components/Heading/Heading.d.ts +1 -1
  44. package/dist/components/Heading/Heading.d.ts.map +1 -1
  45. package/dist/components/IconAction/IconAction.d.ts +26 -0
  46. package/dist/components/IconAction/IconAction.d.ts.map +1 -0
  47. package/dist/components/IconAction/index.d.ts +2 -0
  48. package/dist/components/IconAction/index.d.ts.map +1 -0
  49. package/dist/components/Icons/Icon.d.ts +4 -3
  50. package/dist/components/Icons/Icon.d.ts.map +1 -1
  51. package/dist/components/Icons/IconBase.d.ts +2 -0
  52. package/dist/components/Icons/IconBase.d.ts.map +1 -1
  53. package/dist/components/Icons/IconWrapper.d.ts +3 -1
  54. package/dist/components/Icons/IconWrapper.d.ts.map +1 -1
  55. package/dist/components/Icons/Spinner.d.ts.map +1 -1
  56. package/dist/components/Icons/icons.d.ts +9 -1
  57. package/dist/components/Icons/icons.d.ts.map +1 -1
  58. package/dist/components/ImageList/ImageList.d.ts +4 -4
  59. package/dist/components/ImageList/ImageList.d.ts.map +1 -1
  60. package/dist/components/Input/Input.d.ts +14 -19
  61. package/dist/components/Input/Input.d.ts.map +1 -1
  62. package/dist/components/Input/InputIcon.d.ts +1 -1
  63. package/dist/components/Input/InputIcon.d.ts.map +1 -1
  64. package/dist/components/Input/styles.d.ts +11 -12
  65. package/dist/components/Input/styles.d.ts.map +1 -1
  66. package/dist/components/ListItem/ListItem.d.ts +2 -2
  67. package/dist/components/ListItem/ListItem.d.ts.map +1 -1
  68. package/dist/components/LoadingDots/LoadingDots.d.ts +1 -1
  69. package/dist/components/Menu/MenuCheckItem.d.ts.map +1 -1
  70. package/dist/components/Menu/MenuIconTextItem.d.ts +4 -4
  71. package/dist/components/Menu/MenuIconTextItem.d.ts.map +1 -1
  72. package/dist/components/Menu/MenuSectionTitle.d.ts.map +1 -1
  73. package/dist/components/Menu/MenuTextItem.d.ts +3 -3
  74. package/dist/components/Menu/MenuTextItem.d.ts.map +1 -1
  75. package/dist/components/Menu/styles.d.ts.map +1 -1
  76. package/dist/components/Modal/Modal.d.ts +17 -9
  77. package/dist/components/Modal/Modal.d.ts.map +1 -1
  78. package/dist/components/Pill/Pill.d.ts +5 -4
  79. package/dist/components/Pill/Pill.d.ts.map +1 -1
  80. package/dist/components/Popover/Popover.d.ts +5 -5
  81. package/dist/components/Popover/styles.d.ts.map +1 -1
  82. package/dist/components/Progress/Progress.d.ts +8 -11
  83. package/dist/components/Progress/Progress.d.ts.map +1 -1
  84. package/dist/components/Radio/Radio.d.ts +15 -3
  85. package/dist/components/Radio/Radio.d.ts.map +1 -1
  86. package/dist/components/Radio/RadioGroup.d.ts +4 -4
  87. package/dist/components/Radio/RadioGroup.d.ts.map +1 -1
  88. package/dist/components/RichButton/RichButton.d.ts +2 -0
  89. package/dist/components/RichButton/RichButton.d.ts.map +1 -1
  90. package/dist/components/RichList/RichList.d.ts +14 -13
  91. package/dist/components/RichList/RichList.d.ts.map +1 -1
  92. package/dist/components/Select/Option.d.ts.map +1 -1
  93. package/dist/components/Select/Select.d.ts +17 -7
  94. package/dist/components/Select/Select.d.ts.map +1 -1
  95. package/dist/components/Sheet/Sheet.d.ts +9 -4
  96. package/dist/components/Sheet/Sheet.d.ts.map +1 -1
  97. package/dist/components/Slider/Slider.d.ts +15 -1
  98. package/dist/components/Slider/Slider.d.ts.map +1 -1
  99. package/dist/components/Slider/SliderBar.d.ts +1 -1
  100. package/dist/components/Slider/SliderKnob.d.ts +1 -1
  101. package/dist/components/Slider/SliderLabels.d.ts +1 -1
  102. package/dist/components/Spinner/Spinner.d.ts +1 -1
  103. package/dist/components/Spinner/Spinner.d.ts.map +1 -1
  104. package/dist/components/Stack/Stack.d.ts +3 -3
  105. package/dist/components/StepRail/StepRail.d.ts +36 -0
  106. package/dist/components/StepRail/StepRail.d.ts.map +1 -0
  107. package/dist/components/StepRail/index.d.ts +2 -0
  108. package/dist/components/StepRail/index.d.ts.map +1 -0
  109. package/dist/components/Table/Table.d.ts +82 -0
  110. package/dist/components/Table/Table.d.ts.map +1 -1
  111. package/dist/components/Tabs/Tab.d.ts +3 -0
  112. package/dist/components/Tabs/Tab.d.ts.map +1 -1
  113. package/dist/components/Text/Text.d.ts +7 -3
  114. package/dist/components/Text/Text.d.ts.map +1 -1
  115. package/dist/components/TextAction/TextAction.d.ts +29 -0
  116. package/dist/components/TextAction/TextAction.d.ts.map +1 -0
  117. package/dist/components/TextAction/index.d.ts +2 -0
  118. package/dist/components/TextAction/index.d.ts.map +1 -0
  119. package/dist/components/TextArea/TextArea.d.ts +7 -3
  120. package/dist/components/TextArea/TextArea.d.ts.map +1 -1
  121. package/dist/components/TextBadge/TextBadge.d.ts +3 -3
  122. package/dist/components/TextBadge/TextBadge.d.ts.map +1 -1
  123. package/dist/components/Toast/Toast.d.ts +7 -5
  124. package/dist/components/Toast/Toast.d.ts.map +1 -1
  125. package/dist/components/ToastContainer/ToastContainer.d.ts +9 -1
  126. package/dist/components/ToastContainer/ToastContainer.d.ts.map +1 -1
  127. package/dist/components/Toggle/Toggle.d.ts +2 -2
  128. package/dist/components/Toggle/Toggle.d.ts.map +1 -1
  129. package/dist/components/ToggleSwitch/ToggleSwitch.d.ts +12 -11
  130. package/dist/components/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
  131. package/dist/components/Toolbar/Toolbar.d.ts +14 -14
  132. package/dist/components/Toolbar/Toolbar.d.ts.map +1 -1
  133. package/dist/components/Toolbar/ToolbarGroup.d.ts +1 -1
  134. package/dist/components/Tooltip/Tooltip.d.ts +1 -1
  135. package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
  136. package/dist/components/Tree/TreeSelect.d.ts +1 -1
  137. package/dist/components/Tree/types.d.ts +2 -0
  138. package/dist/components/Tree/types.d.ts.map +1 -1
  139. package/dist/components/UnsetHint/UnsetHint.d.ts +2 -1
  140. package/dist/components/UnsetHint/UnsetHint.d.ts.map +1 -1
  141. package/dist/components/UploadList/UploadList.d.ts +36 -0
  142. package/dist/components/UploadList/UploadList.d.ts.map +1 -0
  143. package/dist/components/UploadList/index.d.ts +2 -0
  144. package/dist/components/UploadList/index.d.ts.map +1 -0
  145. package/dist/components/index.d.ts +5 -2
  146. package/dist/components/index.d.ts.map +1 -1
  147. package/dist/index.cjs +1 -2
  148. package/dist/index.cjs.map +1 -1
  149. package/dist/index.d.ts +1 -0
  150. package/dist/index.d.ts.map +1 -1
  151. package/dist/index.js +4915 -4257
  152. package/dist/index.js.map +1 -1
  153. package/dist/palette-Boxwxq4V.js +723 -0
  154. package/dist/palette-Boxwxq4V.js.map +1 -0
  155. package/dist/palette-DV12yAPS.cjs +2 -0
  156. package/dist/palette-DV12yAPS.cjs.map +1 -0
  157. package/dist/styles/color-classes.d.ts +1 -1
  158. package/dist/styles/color-classes.d.ts.map +1 -1
  159. package/dist/styles/text.d.ts +6 -0
  160. package/dist/styles/text.d.ts.map +1 -1
  161. package/dist/theme/cssVar.d.ts +128 -105
  162. package/dist/theme/cssVar.d.ts.map +1 -1
  163. package/dist/theme/mui.d.ts +15 -15
  164. package/dist/theme/mui.d.ts.map +1 -1
  165. package/dist/theme/tokens/colors.d.ts +297 -227
  166. package/dist/theme/tokens/colors.d.ts.map +1 -1
  167. package/dist/theme/tokens/gradients.d.ts +6 -0
  168. package/dist/theme/tokens/gradients.d.ts.map +1 -0
  169. package/dist/theme/tokens/index.d.ts +350 -220
  170. package/dist/theme/tokens/index.d.ts.map +1 -1
  171. package/dist/theme/tokens/palette.d.ts +64 -5
  172. package/dist/theme/tokens/palette.d.ts.map +1 -1
  173. package/dist/theme/tokens/spacing.d.ts +48 -0
  174. package/dist/theme/tokens/spacing.d.ts.map +1 -1
  175. package/dist/theme/tokens/typography.d.ts +203 -5
  176. package/dist/theme/tokens/typography.d.ts.map +1 -1
  177. package/dist/theme/useColorPalette.d.ts +16 -10
  178. package/dist/theme/useColorPalette.d.ts.map +1 -1
  179. package/dist/tokens.cjs +1 -1
  180. package/dist/tokens.cjs.map +1 -1
  181. package/dist/tokens.js +23 -38
  182. package/dist/tokens.js.map +1 -1
  183. package/dist/types/color.d.ts +272 -237
  184. package/dist/types/color.d.ts.map +1 -1
  185. package/dist/types/text.d.ts +43 -4
  186. package/dist/types/text.d.ts.map +1 -1
  187. package/dist/types/variant.d.ts +2 -0
  188. package/dist/types/variant.d.ts.map +1 -1
  189. package/dist/util/classes.d.ts.map +1 -1
  190. package/dist/util/formatBytes.d.ts +14 -0
  191. package/dist/util/formatBytes.d.ts.map +1 -0
  192. package/dist/voodo.css +1 -1
  193. package/package.json +13 -2
  194. package/dist/components/CodeBlock/CodeBlock.d.ts +0 -32
  195. package/dist/components/CodeBlock/CodeBlock.d.ts.map +0 -1
  196. package/dist/components/CodeBlock/index.d.ts +0 -2
  197. package/dist/components/CodeBlock/index.d.ts.map +0 -1
  198. package/dist/components/LoadingScreen/LoadingScreen.d.ts +0 -28
  199. package/dist/components/LoadingScreen/LoadingScreen.d.ts.map +0 -1
  200. package/dist/components/LoadingScreen/index.d.ts +0 -2
  201. package/dist/components/LoadingScreen/index.d.ts.map +0 -1
  202. package/dist/palette-B91vdbSd.js +0 -479
  203. package/dist/palette-B91vdbSd.js.map +0 -1
  204. package/dist/palette-dgN5vIc-.cjs +0 -2
  205. package/dist/palette-dgN5vIc-.cjs.map +0 -1
@@ -14,6 +14,7 @@ export interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "o
14
14
  value?: string;
15
15
  onChange: (value: string) => void;
16
16
  name?: string;
17
+ /** @deprecated Figma draws one radio size; forwarded to {@link Radio}, which ignores it. */
17
18
  size?: RadioGroupSize;
18
19
  disabled?: boolean;
19
20
  radioProps?: RadioProps;
@@ -21,12 +22,12 @@ export interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "o
21
22
  /**
22
23
  * A group of radio controls; supports selection via one-of semantics.
23
24
  *
24
- * This component operates exclusively as a controlled component. See `value` and `onChange` for controlled behavior.
25
+ * Controlled via `value` + `onChange`, or uncontrolled with `defaultValue`.
25
26
  *
26
27
  * @example
27
28
  * ```tsx
28
29
  * const MyComponent = () => {
29
- * const [value, setValue] = useState<string | null>(null);
30
+ * const [value, setValue] = useState<string>("car");
30
31
  *
31
32
  * const onChange = useCallback((selectedValue: string) => {
32
33
  * setValue(selectedValue);
@@ -59,8 +60,7 @@ export interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "o
59
60
  * @param defaultValue The default value to use when no selection has been made.
60
61
  * @param onChange Callback triggered when the selection value changes.
61
62
  * @param name Optional name of the radio group.
62
- * @param size The size of the radio group; this property will be forwarded to the wrapped {@link Radio} components.
63
- * See {@link Size}.
63
+ * @param size Deprecated; Figma draws a single radio size, so the wrapped {@link Radio} components ignore it.
64
64
  * @param disabled If `true`, disables the radio group.
65
65
  * @param className `class` overrides to apply to the radio group.
66
66
  * @param radioProps Additional HTML properties to apply to each of the wrapped {@link Radio} components.
@@ -1 +1 @@
1
- {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,cAAc,EAAW,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;AAEzD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAuC1C,CAAC"}
1
+ {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,cAAc,EAAW,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,OAAO,EAAS,UAAU,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;AAEzD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4FAA4F;IAC5F,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAuC1C,CAAC"}
@@ -21,6 +21,8 @@ export interface RichButtonProps extends HTMLAttributes<HTMLDivElement> {
21
21
  *
22
22
  * return (
23
23
  * <RichButton
24
+ * active={active}
25
+ * icon={DetectionIcon}
24
26
  * label="Detection"
25
27
  * description="Create a new detection"
26
28
  * onClick={onClick}
@@ -1 +1 @@
1
- {"version":3,"file":"RichButton.d.ts","sourceRoot":"","sources":["../../../src/components/RichButton/RichButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAgBjE,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAyD1C,CAAC"}
1
+ {"version":3,"file":"RichButton.d.ts","sourceRoot":"","sources":["../../../src/components/RichButton/RichButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAiBjE,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA+D1C,CAAC"}
@@ -12,21 +12,22 @@ export interface RichListProps extends HTMLAttributes<HTMLDivElement> {
12
12
  /**
13
13
  * A list-like component which renders a group of {@link ListItem} children.
14
14
  *
15
- * This component operates as both a controlled and uncontrolled component.
16
- * See `selected`/`onSelected` and `listItems`/`onOrderChange` for controlled behavior.
15
+ * Selection works controlled (`selected` + `onSelected`) or uncontrolled.
16
+ * Ordering is always controlled: with `draggable`, items only move when you
17
+ * feed `onOrderChange`'s result back into `listItems`.
17
18
  *
18
19
  * @example
19
20
  * ```tsx
20
21
  * const MyComponent = ({openSettings}: {openSettings: (id: string) => void}) => {
21
- * const items: Descriptor<ListItemProps>[] = useMemo(() => [
22
+ * const [items, setItems] = useState<Descriptor<ListItemProps>[]>(() => [
22
23
  * {
23
24
  * id: "1",
24
25
  * data: {
25
26
  * primaryContent: "First Item",
26
- * secondaryContent: "First item description"
27
+ * secondaryContent: "First item description",
27
28
  * actions: (
28
29
  * <Button
29
- * variant={Variant.Icon}
30
+ * variant="icon"
30
31
  * aria-label="Settings"
31
32
  * leadingIcon={SettingsIcon}
32
33
  * onClick={() => openSettings("1")}
@@ -38,24 +39,25 @@ export interface RichListProps extends HTMLAttributes<HTMLDivElement> {
38
39
  * id: "2",
39
40
  * data: {
40
41
  * primaryContent: "Second Item",
41
- * secondaryContent: "Second item description"
42
+ * secondaryContent: "Second item description",
42
43
  * actions: (
43
44
  * <Button
44
- * variant={Variant.Icon}
45
+ * variant="icon"
45
46
  * aria-label="Settings"
46
47
  * leadingIcon={SettingsIcon}
47
48
  * onClick={() => openSettings("2")}
48
49
  * />
49
50
  * )
50
51
  * },
52
+ * },
51
53
  * {
52
54
  * id: "3",
53
55
  * data: {
54
56
  * primaryContent: "Third Item",
55
- * secondaryContent: "Third item description"
57
+ * secondaryContent: "Third item description",
56
58
  * actions: (
57
59
  * <Button
58
- * variant={Variant.Icon}
60
+ * variant="icon"
59
61
  * aria-label="Settings"
60
62
  * leadingIcon={SettingsIcon}
61
63
  * onClick={() => openSettings("3")}
@@ -63,12 +65,10 @@ export interface RichListProps extends HTMLAttributes<HTMLDivElement> {
63
65
  * )
64
66
  * },
65
67
  * },
66
- * ],
67
- * []
68
- * );
68
+ * ]);
69
69
  *
70
70
  * return (
71
- * <RichList listItems={items} />
71
+ * <RichList listItems={items} draggable onOrderChange={setItems} spacing="sm" />
72
72
  * );
73
73
  * };
74
74
  * ```
@@ -77,6 +77,7 @@ export interface RichListProps extends HTMLAttributes<HTMLDivElement> {
77
77
  * @param listItems List of component descriptors which will be used to create {@link ListItem} child components.
78
78
  * The order of this list dictates the order of the children from top to bottom.
79
79
  * @param draggable If `true`, allows reordering of children via dragging {@link ListItem} components.
80
+ * @param spacing Vertical gap between items. Defaults to `"md"`. See {@link Spacing}.
80
81
  * @param onSelected Callback triggered when selection state changes.
81
82
  * This callback includes a list of currently-selected descriptor IDs.
82
83
  * @param onOrderChange Callback triggered when {@link ListItem} ordering changes.
@@ -1 +1 @@
1
- {"version":3,"file":"RichList.d.ts","sourceRoot":"","sources":["../../../src/components/RichList/RichList.tsx"],"names":[],"mappings":"AAgBA,OAAO,EACL,EAAE,EACF,cAAc,EAKf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAa9C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,SAAS,EAAE,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,aAAa,CAAC,EAAE,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAoGtC,CAAC"}
1
+ {"version":3,"file":"RichList.d.ts","sourceRoot":"","sources":["../../../src/components/RichList/RichList.tsx"],"names":[],"mappings":"AAgBA,OAAO,EACL,EAAE,EACF,cAAc,EAKf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAa9C,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,SAAS,EAAE,UAAU,CAAC,aAAa,CAAC,EAAE,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC/C,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,aAAa,CAAC,EAAE,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAoGtC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAgBhD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAkClC,CAAC"}
1
+ {"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAiBhD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAkClC,CAAC"}
@@ -40,9 +40,13 @@ export interface SelectProps extends Omit<HTMLAttributes<HTMLDivElement>, "onCha
40
40
  * ```tsx
41
41
  * // Single selection
42
42
  * const MyComponent = () => {
43
- * const [value, setValue] = useState<string | null>(null);
43
+ * const [value, setValue] = useState<string>();
44
44
  *
45
- * const onChange = useCallback((selected: string) => setValue(selected), [setSelected]);
45
+ * const onChange = useCallback(
46
+ * (next: string | string[] | null) =>
47
+ * setValue(typeof next === "string" ? next : undefined),
48
+ * []
49
+ * );
46
50
  *
47
51
  * const options: Descriptor<{label: string, content: ReactNode}>[] = useMemo(() => [
48
52
  * {id: "id-a", data: {label: "A", content: "Option A"}},
@@ -69,7 +73,10 @@ export interface SelectProps extends Omit<HTMLAttributes<HTMLDivElement>, "onCha
69
73
  * const MyComponent = () => {
70
74
  * const [value, setValue] = useState<string[]>(() => []);
71
75
  *
72
- * const onChange = useCallback((selected: string[]) => setValue(selected), [setSelected]);
76
+ * const onChange = useCallback(
77
+ * (next: string | string[] | null) => setValue(Array.isArray(next) ? next : []),
78
+ * []
79
+ * );
73
80
  *
74
81
  * const options: Descriptor<{label: string, content: ReactNode}>[] = useMemo(() => [
75
82
  * {id: "id-a", data: {label: "A", content: "Option A"}},
@@ -94,12 +101,15 @@ export interface SelectProps extends Omit<HTMLAttributes<HTMLDivElement>, "onCha
94
101
  * @param disabled If `true`, disables the component.
95
102
  * @param exclusive If `true`, allows only a single element to be selected;
96
103
  * otherwise, multiple items can be selected concurrently.
97
- * @param onChange Callback triggered when selection state changes.
98
- * The callback includes a list of selected option values.
104
+ * @param onChange Callback triggered when selection state changes. Receives the
105
+ * selected option `id` (a string, or `null`) when `exclusive`, otherwise an
106
+ * array of selected `id`s.
99
107
  * @param options List of component descriptors which will be used to create {@link Option} child components.
100
108
  * @param zIndex Z-index level for the dropdown.
101
- * @param portal If `true`, ensures a high z-index for layered components (equivalent to above-modal when zIndex is not set).
102
- * @param value List of values for selected options; this property allows for controlled selection.
109
+ * @param portal If `true`, renders the options in a portal that always stacks
110
+ * above modals, overriding `zIndex`.
111
+ * @param value The selected option `id` (when `exclusive`) or `id`s; set it for
112
+ * controlled selection.
103
113
  * @param props Additional HTML properties to apply to the component.
104
114
  */
105
115
  export declare const Select: FC<SelectProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,EAAE,EACF,cAAc,EACd,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf,OAAO,EAKL,UAAU,EAMV,MAAM,EAEP,MAAM,SAAS,CAAC;AAKjB,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AACX,MAAM,MAAM,YAAY,GACtB,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,EAAE,CAAC;AAExD,yBAAiB,YAAY,CAAC;IAC5B,KAAY,MAAM,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC;IAChD,KAAY,WAAW,GAAG,OAAO,YAAY,CAAC,WAAW,CAAC;IAC1D,KAAY,SAAS,GAAG,OAAO,YAAY,CAAC,SAAS,CAAC;IACtD,KAAY,GAAG,GAAG,OAAO,YAAY,CAAC,GAAG,CAAC;IAC1C,KAAY,QAAQ,GAAG,OAAO,YAAY,CAAC,QAAQ,CAAC;IACpD,KAAY,MAAM,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC;CACjD;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,UAAU,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,EAAE,CAAC;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAwIlC,CAAC"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,EAAE,EACF,cAAc,EACd,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf,OAAO,EAKL,UAAU,EAMV,MAAM,EAEP,MAAM,SAAS,CAAC;AAKjB,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AACX,MAAM,MAAM,YAAY,GACtB,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,EAAE,CAAC;AAExD,yBAAiB,YAAY,CAAC;IAC5B,KAAY,MAAM,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC;IAChD,KAAY,WAAW,GAAG,OAAO,YAAY,CAAC,WAAW,CAAC;IAC1D,KAAY,SAAS,GAAG,OAAO,YAAY,CAAC,SAAS,CAAC;IACtD,KAAY,GAAG,GAAG,OAAO,YAAY,CAAC,GAAG,CAAC;IAC1C,KAAY,QAAQ,GAAG,OAAO,YAAY,CAAC,QAAQ,CAAC;IACpD,KAAY,MAAM,GAAG,OAAO,YAAY,CAAC,MAAM,CAAC;CACjD;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,UAAU,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC,EAAE,CAAC;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAsBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiFG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAwIlC,CAAC"}
@@ -1,15 +1,20 @@
1
1
  import { FC, ReactNode } from 'react';
2
2
  /** Edge the sheet slides in from. */
3
- export declare enum SheetSide {
4
- Left = "left",
5
- Right = "right"
3
+ export declare const SheetSide: {
4
+ readonly Left: "left";
5
+ readonly Right: "right";
6
+ };
7
+ export type SheetSide = `${(typeof SheetSide)[keyof typeof SheetSide]}`;
8
+ export declare namespace SheetSide {
9
+ type Left = typeof SheetSide.Left;
10
+ type Right = typeof SheetSide.Right;
6
11
  }
7
12
  export interface SheetProps {
8
13
  /** Whether the sheet is rendered. Sheets are always controlled. */
9
14
  open: boolean;
10
15
  /** Invoked on the close button, the backdrop, or Escape. */
11
16
  onClose: () => void;
12
- /** Edge it slides in from. Defaults to {@link SheetSide.Right}. */
17
+ /** Edge it slides in from. Defaults to `"right"`. */
13
18
  side?: SheetSide;
14
19
  /** Heading rendered in the sheet's title bar. */
15
20
  title?: ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsB3C,qCAAqC;AACrC,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAOD,MAAM,WAAW,UAAU;IACzB,mEAAmE;IACnE,IAAI,EAAE,OAAO,CAAC;IACd,4DAA4D;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAmFhC,CAAC"}
1
+ {"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsB3C,qCAAqC;AACrC,eAAO,MAAM,SAAS;;;CAGZ,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,EAAE,CAAC;AAExE,yBAAiB,SAAS,CAAC;IACzB,KAAY,IAAI,GAAG,OAAO,SAAS,CAAC,IAAI,CAAC;IACzC,KAAY,KAAK,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;CAC5C;AAOD,MAAM,WAAW,UAAU;IACzB,mEAAmE;IACnE,IAAI,EAAE,OAAO,CAAC;IACd,4DAA4D;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qDAAqD;IACrD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAqFhC,CAAC"}
@@ -32,6 +32,14 @@ export interface MultiValueSliderProps extends Omit<SliderProps, "multi" | "onCh
32
32
  *
33
33
  * This component renders a slider with one or more draggable knobs, optional numeric inputs, and optional labels.
34
34
  *
35
+ * @example
36
+ * ```tsx
37
+ * <BaseSlider min={0} max={1} step={0.05} value={threshold} onChange={setThreshold} />
38
+ * // Prefer the type-safe aliases:
39
+ * <SingleValueSlider min={0} max={100} value={opacity} onChange={setOpacity} />
40
+ * <MultiValueSlider min={0} max={1} value={[low, high]} onChange={setRange} />
41
+ * ```
42
+ *
35
43
  * This component operates as both a controlled and uncontrolled component.
36
44
  * See `value` and `onChange` for controlled behavior.
37
45
  *
@@ -106,11 +114,14 @@ export declare const BaseSlider: FC<SliderProps>;
106
114
  *
107
115
  * @param onChange Callback triggered when the slider value changes.
108
116
  * This change can be triggered in three ways:
109
- * - The user modifies the value in the minimum or maximum input field.
117
+ * - The user modifies the value in the input field.
110
118
  * - The user drags a slider knob.
111
119
  * - The user clicks on the slider track.
112
120
  * @param max Maximum value of the slider
113
121
  * @param min Minimum value of the slider
122
+ * @param value The controlled value: a single number in `[min, max]`.
123
+ * @param onChangeCommitted Called once when an interaction completes (drag
124
+ * release, track click, input blur), with a single number.
114
125
  * @param props See {@link BaseSlider} for all available properties.
115
126
  */
116
127
  export declare const SingleValueSlider: FC<SingleValueSliderProps>;
@@ -145,6 +156,9 @@ export declare const SingleValueSlider: FC<SingleValueSliderProps>;
145
156
  * - The user clicks on the slider track.
146
157
  * @param max Maximum value of the slider
147
158
  * @param min Minimum value of the slider
159
+ * @param value The controlled value: `[low, high]`, each in `[min, max]`.
160
+ * @param onChangeCommitted Called once when an interaction completes (drag
161
+ * release, track click, input blur), with `[low, high]`.
148
162
  * @param props See {@link BaseSlider} for all available properties.
149
163
  */
150
164
  export declare const MultiValueSlider: FC<MultiValueSliderProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,EAAE,EACF,cAAc,EACd,SAAS,EAIV,MAAM,OAAO,CAAC;AAYf,KAAK,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,WAAW,EACX,OAAO,GAAG,UAAU,GAAG,mBAAmB,GAAG,OAAO,CACrD;IACC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,WAAW,EACX,OAAO,GAAG,UAAU,GAAG,mBAAmB,GAAG,OAAO,CACrD;IACC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,WAAW,CAiLtC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAexD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAetD,CAAC"}
1
+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,EAAE,EACF,cAAc,EACd,SAAS,EAIV,MAAM,OAAO,CAAC;AAYf,KAAK,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;AAExD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,WAAW,EACX,OAAO,GAAG,UAAU,GAAG,mBAAmB,GAAG,OAAO,CACrD;IACC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,WAAW,EACX,OAAO,GAAG,UAAU,GAAG,mBAAmB,GAAG,OAAO,CACrD;IACC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,WAAW,CAiLtC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAexD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAetD,CAAC"}
@@ -25,7 +25,7 @@ interface SliderBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"
25
25
  * If `multi` is true, this must be a value of the form [low, high]; otherwise, this is a single numeric value.
26
26
  * @param props Additional HTML properties to apply to the component.
27
27
  *
28
- * @internal For use by {@link Slider}.
28
+ * @internal For use by {@link BaseSlider}.
29
29
  */
30
30
  export declare const SliderBar: FC<SliderBarProps>;
31
31
  export {};
@@ -15,7 +15,7 @@ interface SliderKnobProps extends HTMLAttributes<HTMLDivElement> {
15
15
  *
16
16
  * @param position The relative position of the knob; this must be a value in the range `[0, 1]`.
17
17
  * @param onDragStart Callback triggered on the start of a drag event.
18
- * @param value Value of the knob; this is expected to be `position * (max - min)`.
18
+ * @param value Value of the knob; this is expected to be `min + position * (max - min)`.
19
19
  * @param min Minimum allowed value, exposed as `aria-valuemin`.
20
20
  * @param max Maximum allowed value, exposed as `aria-valuemax`.
21
21
  * @param props Additional HTML properties to apply to the component.
@@ -24,7 +24,7 @@ interface SliderLabelProps extends HTMLAttributes<HTMLDivElement> {
24
24
  * otherwise, this is a single numeric value.
25
25
  * @param props Additional HTML properties to apply to the component.
26
26
  *
27
- * @internal For use by {@link Slider}.
27
+ * @internal For use by {@link BaseSlider}.
28
28
  */
29
29
  export declare const SliderLabels: FC<SliderLabelProps>;
30
30
  export {};
@@ -8,7 +8,7 @@ export interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
8
8
  *
9
9
  * @example
10
10
  * ```tsx
11
- * <Spinner size={Size.Md} />
11
+ * <Spinner size="md" />
12
12
  * ```
13
13
  *
14
14
  * @param className `class` overrides to apply to the component.
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,IAAI,EAA6B,MAAM,SAAS,CAAC;AAG1D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAUD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAepC,CAAC"}
1
+ {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,IAAI,EAA6B,MAAM,SAAS,CAAC;AAG1D,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAWD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAepC,CAAC"}
@@ -11,7 +11,7 @@ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
11
11
  *
12
12
  * @example
13
13
  * ```tsx
14
- * <Stack orientation={Orientation.Vertical} spacing={Spacing.Md}>
14
+ * <Stack orientation="col" spacing="md">
15
15
  * <Text>Top</Text>
16
16
  * <Text>Middle</Text>
17
17
  * <Text>Bottom</Text>
@@ -20,7 +20,7 @@ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
20
20
  *
21
21
  * @example
22
22
  * ```tsx
23
- * <Stack orientation={Orientation.Horizontal} spacing={Spacing.Md}>
23
+ * <Stack orientation="row" spacing="md">
24
24
  * <Text>Left</Text>
25
25
  * <Text>Middle</Text>
26
26
  * <Text>Right</Text>
@@ -29,7 +29,7 @@ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
29
29
  *
30
30
  * @example
31
31
  * ```tsx
32
- * <Stack orientation={Orientation.Horizontal} align={Align.Center} justify={Justify.Between}>
32
+ * <Stack orientation="row" align="center" justify="between">
33
33
  * <Text>Left</Text>
34
34
  * <Text>Middle</Text>
35
35
  * <Text>Right</Text>
@@ -0,0 +1,36 @@
1
+ import { FC, HTMLAttributes, ReactNode } from 'react';
2
+ /** One step in a {@link StepRail}. */
3
+ export interface StepRailStep {
4
+ id: string;
5
+ label: ReactNode;
6
+ }
7
+ export interface StepRailProps extends Omit<HTMLAttributes<HTMLOListElement>, "onSelect"> {
8
+ steps: StepRailStep[];
9
+ current: string;
10
+ onSelect?: (id: string) => void;
11
+ }
12
+ /**
13
+ * Shows progress through a multi-step flow. Completed steps show a check, the
14
+ * current step is highlighted, and later steps are muted.
15
+ *
16
+ * @example
17
+ * ```tsx
18
+ * <StepRail
19
+ * steps={[
20
+ * { id: "source", label: "Source" },
21
+ * { id: "files", label: "Files" },
22
+ * { id: "import", label: "Import" },
23
+ * ]}
24
+ * current="files"
25
+ * onSelect={goToStep}
26
+ * />
27
+ * ```
28
+ *
29
+ * @param steps Ordered steps, each with a unique `id` and a `label`.
30
+ * @param current The `id` of the step the user is on.
31
+ * @param onSelect Called with a completed step's `id` when it is clicked. Omit it to keep completed steps static.
32
+ * @param className Additional CSS class names to apply to the list.
33
+ * @param props Additional HTML properties to apply to the list.
34
+ */
35
+ export declare const StepRail: FC<StepRailProps>;
36
+ //# sourceMappingURL=StepRail.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StepRail.d.ts","sourceRoot":"","sources":["../../../src/components/StepRail/StepRail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAmB3D,sCAAsC;AACtC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,cAAc,CAAC,gBAAgB,CAAC,EAChC,UAAU,CACX;IACC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAuBD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA6EtC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './StepRail';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StepRail/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
@@ -1,8 +1,90 @@
1
1
  import { FC, HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
2
+ /**
3
+ * A styled data table.
4
+ *
5
+ * Compose it from {@link TableHeader}, {@link TableBody}, {@link TableRow},
6
+ * {@link TableHead} and {@link TableCell}. Each renders its native table
7
+ * element, so any HTML table attribute passes through.
8
+ *
9
+ * @example
10
+ * ```tsx
11
+ * <Table>
12
+ * <TableHeader>
13
+ * <TableRow>
14
+ * <TableHead>Name</TableHead>
15
+ * <TableHead>Status</TableHead>
16
+ * </TableRow>
17
+ * </TableHeader>
18
+ * <TableBody>
19
+ * <TableRow onClick={() => openRun(run.id)}>
20
+ * <TableCell>{run.name}</TableCell>
21
+ * <TableCell>{run.status}</TableCell>
22
+ * </TableRow>
23
+ * </TableBody>
24
+ * </Table>
25
+ * ```
26
+ *
27
+ * @param className Additional CSS class names to apply to the table.
28
+ * @param children The table sections.
29
+ * @param props Additional HTML properties to apply to the table.
30
+ */
2
31
  export declare const Table: FC<HTMLAttributes<HTMLTableElement>>;
32
+ /**
33
+ * A table row. A row with an `onClick` gets a pointer cursor and a hover
34
+ * highlight; a row without one stays static.
35
+ *
36
+ * @example
37
+ * ```tsx
38
+ * <TableRow onClick={() => openRun(run.id)}>
39
+ * <TableCell>{run.name}</TableCell>
40
+ * </TableRow>
41
+ * ```
42
+ */
3
43
  export declare const TableRow: FC<HTMLAttributes<HTMLTableRowElement>>;
44
+ /**
45
+ * The table's header section (`thead`), with a divider below it.
46
+ *
47
+ * @example
48
+ * ```tsx
49
+ * <TableHeader>
50
+ * <TableRow>
51
+ * <TableHead>Name</TableHead>
52
+ * </TableRow>
53
+ * </TableHeader>
54
+ * ```
55
+ */
4
56
  export declare const TableHeader: FC<HTMLAttributes<HTMLTableSectionElement>>;
57
+ /**
58
+ * The table's body section (`tbody`).
59
+ *
60
+ * @example
61
+ * ```tsx
62
+ * <TableBody>
63
+ * {runs.map((run) => (
64
+ * <TableRow key={run.id}>
65
+ * <TableCell>{run.name}</TableCell>
66
+ * </TableRow>
67
+ * ))}
68
+ * </TableBody>
69
+ * ```
70
+ */
5
71
  export declare const TableBody: FC<HTMLAttributes<HTMLTableSectionElement>>;
72
+ /**
73
+ * A body cell (`td`), in the primary text color.
74
+ *
75
+ * @example
76
+ * ```tsx
77
+ * <TableCell colSpan={2}>{run.name}</TableCell>
78
+ * ```
79
+ */
6
80
  export declare const TableCell: FC<TdHTMLAttributes<HTMLTableCellElement>>;
81
+ /**
82
+ * A header cell (`th`), in the secondary text color.
83
+ *
84
+ * @example
85
+ * ```tsx
86
+ * <TableHead scope="col">Status</TableHead>
87
+ * ```
88
+ */
7
89
  export declare const TableHead: FC<ThHTMLAttributes<HTMLTableCellElement>>;
8
90
  //# sourceMappingURL=Table.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,EAAE,EACF,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,OAAO,CAAC;AAgBf,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAkBtD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAoB5D,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAiBnE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAKjE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAkBhE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAkBhE,CAAC"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,EAAE,EACF,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,OAAO,CAAC;AAiBf;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAkBtD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAqB5D,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAiBnE,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAKjE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAkBhE,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAkBhE,CAAC"}
@@ -23,6 +23,9 @@ export interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement>, Pick<
23
23
  * @param active Whether this is the selected tab. The {@link Tabs} underline slides to it.
24
24
  * @param count Optional trailing count rendered after the label.
25
25
  * @param href Renders the tab as an anchor. See {@link TabProps.href}.
26
+ * @param target Anchor target, used with `href`.
27
+ * @param rel Anchor rel, used with `href`. Defaults to `"noreferrer"` when
28
+ * `target` is `"_blank"`.
26
29
  * @param disabled If `true`, disables the tab.
27
30
  * @param className `class` overrides to apply to the component.
28
31
  * @param children The tab's label.
@@ -1 +1 @@
1
- {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EAE1B,MAAM,OAAO,CAAC;AAcf,MAAM,WAAW,QACf,SACE,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1E;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,GAAG,kGAiFf,CAAC"}
1
+ {"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EAE1B,MAAM,OAAO,CAAC;AAcf,MAAM,WAAW,QACf,SACE,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1E;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,GAAG,kGAqFf,CAAC"}
@@ -18,12 +18,16 @@ export interface TextProps extends HTMLAttributes<HTMLSpanElement> {
18
18
  *
19
19
  * @example
20
20
  * ```tsx
21
- * <Text>
22
- * Some text
21
+ * <Text>Plain body text</Text>
22
+ * <Text variant="heading-md">Section title</Text>
23
+ * <Text variant="body-secondary" color="text-secondary">
24
+ * Supporting detail
23
25
  * </Text>
24
26
  * ```
25
27
  *
26
- * @param variant The variant of the text; this controls the size and related styling of the text. See {@link Variant}.
28
+ * @param variant The text's role in the type tier, which sets its size, line
29
+ * height and weight together. Defaults to `"body-primary"`. The size-only
30
+ * variants (`"xxs"` to `"xxl"`) are deprecated. See {@link TextVariant}.
27
31
  * @param color The color of the text. See {@link TextProps.color}.
28
32
  * @param children The content wrapped by this component.
29
33
  * @param className `class` overrides to apply to the component.
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EACL,KAAK,cAAc,EAInB,WAAW,EACZ,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC;IAChE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,cAAc,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACxC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAuB9B,CAAC"}
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,EACL,KAAK,cAAc,EAGnB,WAAW,EACZ,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC;IAChE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,cAAc,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACxC;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA2B9B,CAAC"}
@@ -0,0 +1,29 @@
1
+ import { ButtonHTMLAttributes, FC } from 'react';
2
+ import { IconInput } from '../Icons';
3
+ import { Size } from '../../types';
4
+ type TextActionSize = `${Size.Sm | Size.Md | Size.Lg}`;
5
+ export interface TextActionProps extends ButtonHTMLAttributes<HTMLButtonElement> {
6
+ size?: TextActionSize;
7
+ leadingIcon?: IconInput;
8
+ trailingIcon?: IconInput;
9
+ }
10
+ /**
11
+ * A borderless pill for secondary actions: secondary text that fills on hover.
12
+ *
13
+ * @example
14
+ * ```tsx
15
+ * <TextAction size="sm" trailingIcon={ArrowUpRightIcon} onClick={upgrade}>
16
+ * Upgrade
17
+ * </TextAction>
18
+ * ```
19
+ *
20
+ * @param size `"sm"`, `"md"` or `"lg"`. Defaults to `"md"`.
21
+ * @param leadingIcon Optional icon before the label: a per-icon component.
22
+ * @param trailingIcon Optional icon after the label: a per-icon component.
23
+ * @param className Additional CSS class names to apply to the button.
24
+ * @param children The label.
25
+ * @param props Additional HTML button properties, such as `onClick`.
26
+ */
27
+ export declare const TextAction: FC<TextActionProps>;
28
+ export {};
29
+ //# sourceMappingURL=TextAction.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextAction.d.ts","sourceRoot":"","sources":["../../../src/components/TextAction/TextAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,KAAK,SAAS,EAAe,MAAM,oBAAoB,CAAC;AAGjE,OAAO,EAKL,IAAI,EAIL,MAAM,SAAS,CAAC;AAEjB,KAAK,cAAc,GAAG,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAiBD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAkC1C,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './TextAction';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextAction/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -28,12 +28,15 @@ export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
28
28
  * const MyComponent = () => {
29
29
  * const [value, setValue] = useState<string>("");
30
30
  *
31
- * const onChange = useCallback((newValue: string) => setValue(newValue), [setValue]);
31
+ * const onChange = useCallback(
32
+ * (event: ChangeEvent<HTMLTextAreaElement>) => setValue(event.target.value),
33
+ * []
34
+ * );
32
35
  *
33
36
  * return (
34
37
  * <TextArea
35
38
  * onChange={onChange}
36
- * resize={ResizeBehavior.None}
39
+ * resize="None"
37
40
  * rows={10}
38
41
  * value={value}
39
42
  * />
@@ -44,7 +47,8 @@ export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
44
47
  * @param size The size of the textarea; this controls the size of the text itself and container padding.
45
48
  * See {@link Size}.
46
49
  * @param error If `true`, renders the textarea in an error state.
47
- * @param resize Resize behavior. See {@link ResizeBehavior}.
50
+ * @param resize Resize behavior: `"None"`, `"Vertical"`, `"Horizontal"` or
51
+ * `"BiDirectional"`. Defaults to `"Vertical"`. See {@link ResizeBehavior}.
48
52
  * @param rows The number of text rows to display in the textarea.
49
53
  * @param className `class` overrides to apply to the component.
50
54
  * @param containerClassName `class` overrides to apply to the component's container.