reshaped 3.5.0 → 3.5.1-canary.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (216) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/bundle.css +1 -1
  3. package/dist/bundle.js +8 -8
  4. package/dist/components/Accordion/Accordion.d.ts +5 -11
  5. package/dist/components/Accordion/AccordionContent.d.ts +2 -4
  6. package/dist/components/Accordion/AccordionControlled.d.ts +2 -4
  7. package/dist/components/Accordion/AccordionTrigger.d.ts +2 -4
  8. package/dist/components/Accordion/AccordionUncontrolled.d.ts +2 -4
  9. package/dist/components/Accordion/tests/Accordion.stories.d.ts +3 -11
  10. package/dist/components/ActionBar/ActionBar.d.ts +1 -4
  11. package/dist/components/ActionBar/tests/ActionBar.stories.d.ts +1 -4
  12. package/dist/components/ActionBar/tests/ActionBar.test.stories.d.ts +1 -4
  13. package/dist/components/Actionable/Actionable.d.ts +1 -1
  14. package/dist/components/Actionable/tests/Actionable.stories.d.ts +1 -1
  15. package/dist/components/Actionable/tests/Actionable.test.stories.d.ts +1 -1
  16. package/dist/components/Alert/Alert.d.ts +2 -4
  17. package/dist/components/Alert/tests/Alert.stories.d.ts +1 -4
  18. package/dist/components/Alert/tests/Alert.test.stories.d.ts +1 -4
  19. package/dist/components/Autocomplete/Autocomplete.d.ts +4 -7
  20. package/dist/components/Autocomplete/tests/Autocomplete.stories.d.ts +2 -7
  21. package/dist/components/Avatar/Avatar.d.ts +1 -4
  22. package/dist/components/Avatar/tests/Avatar.stories.d.ts +1 -4
  23. package/dist/components/Badge/BadgeContainer.d.ts +1 -4
  24. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +4 -3
  25. package/dist/components/Breadcrumbs/Breadcrumbs.js +2 -0
  26. package/dist/components/Breadcrumbs/BreadcrumbsItem.d.ts +1 -4
  27. package/dist/components/Breadcrumbs/index.d.ts +1 -10
  28. package/dist/components/Breadcrumbs/index.js +1 -5
  29. package/dist/components/Breadcrumbs/tests/Breadcrumbs.stories.d.ts +2 -8
  30. package/dist/components/Breadcrumbs/tests/Breadcrumbs.test.stories.d.ts +2 -8
  31. package/dist/components/Button/ButtonAligner.d.ts +1 -4
  32. package/dist/components/Button/ButtonGroup.d.ts +1 -4
  33. package/dist/components/Calendar/Calendar.d.ts +1 -4
  34. package/dist/components/Calendar/CalendarControlled.d.ts +2 -4
  35. package/dist/components/Calendar/CalendarControls.d.ts +2 -4
  36. package/dist/components/Calendar/CalendarDate.d.ts +1 -4
  37. package/dist/components/Calendar/CalendarMonth.d.ts +1 -4
  38. package/dist/components/Calendar/CalendarUncontrolled.d.ts +2 -4
  39. package/dist/components/Calendar/CalendarYear.d.ts +2 -4
  40. package/dist/components/Calendar/tests/Calendar.stories.d.ts +1 -4
  41. package/dist/components/Calendar/useCalendarKeyboardNavigation.d.ts +1 -1
  42. package/dist/components/Card/Card.js +3 -1
  43. package/dist/components/Carousel/Carousel.d.ts +2 -4
  44. package/dist/components/Carousel/CarouselControl.d.ts +2 -4
  45. package/dist/components/Carousel/tests/Carousel.stories.d.ts +1 -4
  46. package/dist/components/Checkbox/Checkbox.d.ts +2 -4
  47. package/dist/components/Checkbox/tests/Checkbox.stories.d.ts +1 -4
  48. package/dist/components/Checkbox/tests/Checkbox.test.stories.d.ts +1 -4
  49. package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +1 -4
  50. package/dist/components/CheckboxGroup/CheckboxGroupControlled.d.ts +1 -4
  51. package/dist/components/CheckboxGroup/CheckboxGroupUncontrolled.d.ts +2 -4
  52. package/dist/components/CheckboxGroup/tests/CheckboxGroup.stories.d.ts +1 -4
  53. package/dist/components/CheckboxGroup/tests/CheckboxGroup.test.stories.d.ts +1 -4
  54. package/dist/components/Container/Container.d.ts +1 -4
  55. package/dist/components/Container/tests/Container.stories.d.ts +1 -4
  56. package/dist/components/Container/tests/Container.test.stories.d.ts +1 -4
  57. package/dist/components/ContextMenu/ContextMenu.d.ts +8 -23
  58. package/dist/components/ContextMenu/tests/ContextMenu.stories.d.ts +6 -23
  59. package/dist/components/ContextMenu/tests/ContextMenu.test.stories.d.ts +6 -23
  60. package/dist/components/Dismissible/Dismissible.d.ts +1 -4
  61. package/dist/components/Dismissible/tests/Dismissible.stories.d.ts +1 -4
  62. package/dist/components/Dismissible/tests/Dismissible.test.stories.d.ts +1 -4
  63. package/dist/components/Divider/Divider.d.ts +2 -4
  64. package/dist/components/Divider/tests/Divider.stories.d.ts +1 -4
  65. package/dist/components/Divider/tests/Divider.test.stories.d.ts +1 -4
  66. package/dist/components/DropdownMenu/DropdownMenu.d.ts +15 -31
  67. package/dist/components/DropdownMenu/tests/DropdownMenu.stories.d.ts +8 -31
  68. package/dist/components/DropdownMenu/tests/DropdownMenu.test.stories.d.ts +8 -31
  69. package/dist/components/FileUpload/FileUpload.d.ts +4 -7
  70. package/dist/components/FileUpload/tests/FileUpload.stories.d.ts +2 -7
  71. package/dist/components/FileUpload/tests/FileUpload.test.stories.d.ts +2 -7
  72. package/dist/components/FormControl/FormControl.d.ts +8 -8
  73. package/dist/components/FormControl/FormControl.js +28 -7
  74. package/dist/components/FormControl/FormControlCaption.d.ts +1 -1
  75. package/dist/components/FormControl/FormControlError.d.ts +1 -4
  76. package/dist/components/FormControl/FormControlHelper.d.ts +1 -4
  77. package/dist/components/FormControl/FormControlLabel.d.ts +1 -4
  78. package/dist/components/FormControl/tests/FormControl.stories.d.ts +4 -4
  79. package/dist/components/FormControl/tests/FormControl.test.stories.d.ts +4 -4
  80. package/dist/components/Hidden/Hidden.d.ts +1 -4
  81. package/dist/components/Hidden/tests/Hidden.stories.d.ts +1 -4
  82. package/dist/components/Hidden/tests/Hidden.test.stories.d.ts +1 -4
  83. package/dist/components/HiddenVisually/HiddenVisually.d.ts +1 -4
  84. package/dist/components/HiddenVisually/tests/HiddenVisually.stories.d.ts +1 -4
  85. package/dist/components/HiddenVisually/tests/HiddenVisually.test.stories.d.ts +1 -4
  86. package/dist/components/Hotkey/Hotkey.d.ts +1 -4
  87. package/dist/components/Hotkey/tests/Hotkey.stories.d.ts +1 -4
  88. package/dist/components/Hotkey/tests/Hotkey.test.stories.d.ts +1 -4
  89. package/dist/components/Icon/Icon.d.ts +2 -4
  90. package/dist/components/Icon/tests/Icon.stories.d.ts +1 -4
  91. package/dist/components/Icon/tests/Icon.test.stories.d.ts +1 -4
  92. package/dist/components/Image/Image.d.ts +1 -4
  93. package/dist/components/Image/tests/Image.stories.d.ts +1 -4
  94. package/dist/components/Link/Link.d.ts +2 -1
  95. package/dist/components/Link/tests/Link.stories.d.ts +1 -1
  96. package/dist/components/Link/tests/Link.test.stories.d.ts +1 -1
  97. package/dist/components/Loader/Loader.d.ts +1 -4
  98. package/dist/components/Loader/tests/Loader.stories.d.ts +1 -4
  99. package/dist/components/Loader/tests/Loader.test.stories.d.ts +1 -4
  100. package/dist/components/MenuItem/MenuItemAligner.d.ts +1 -4
  101. package/dist/components/Modal/Modal.d.ts +6 -11
  102. package/dist/components/Modal/tests/Modal.stories.d.ts +3 -11
  103. package/dist/components/Modal/tests/Modal.test.stories.d.ts +3 -11
  104. package/dist/components/NumberField/NumberField.d.ts +1 -4
  105. package/dist/components/NumberField/NumberField.module.css +1 -1
  106. package/dist/components/NumberField/NumberFieldControlled.d.ts +2 -4
  107. package/dist/components/NumberField/NumberFieldUncontrolled.d.ts +2 -4
  108. package/dist/components/NumberField/tests/NumberField.stories.d.ts +1 -4
  109. package/dist/components/Overlay/Overlay.d.ts +2 -4
  110. package/dist/components/Overlay/tests/Overlay.stories.d.ts +1 -4
  111. package/dist/components/Overlay/tests/Overlay.test.stories.d.ts +1 -4
  112. package/dist/components/Pagination/Pagination.d.ts +1 -4
  113. package/dist/components/Pagination/PaginationControlled.d.ts +1 -4
  114. package/dist/components/Pagination/PaginationUncontrolled.d.ts +2 -4
  115. package/dist/components/Pagination/tests/Pagination.stories.d.ts +1 -4
  116. package/dist/components/Pagination/tests/Pagination.test.stories.d.ts +1 -4
  117. package/dist/components/PinField/PinField.d.ts +1 -4
  118. package/dist/components/PinField/PinFieldControlled.d.ts +2 -4
  119. package/dist/components/PinField/PinFieldUncontrolled.d.ts +2 -4
  120. package/dist/components/PinField/tests/PinField.stories.d.ts +1 -4
  121. package/dist/components/PinField/tests/PinField.test.stories.d.ts +1 -4
  122. package/dist/components/Popover/Popover.d.ts +6 -15
  123. package/dist/components/Popover/tests/Popover.stories.d.ts +4 -15
  124. package/dist/components/Popover/tests/Popover.test.stories.d.ts +4 -15
  125. package/dist/components/Progress/Progress.d.ts +2 -4
  126. package/dist/components/Progress/tests/Progress.stories.d.ts +1 -4
  127. package/dist/components/Progress/tests/Progress.test.stories.d.ts +1 -4
  128. package/dist/components/ProgressIndicator/ProgressIndicator.d.ts +2 -4
  129. package/dist/components/ProgressIndicator/tests/ProgressIndicator.stories.d.ts +1 -4
  130. package/dist/components/Radio/Radio.d.ts +2 -4
  131. package/dist/components/Radio/tests/Radio.stories.d.ts +1 -4
  132. package/dist/components/Radio/tests/Radio.test.stories.d.ts +1 -4
  133. package/dist/components/RadioGroup/RadioGroup.d.ts +1 -4
  134. package/dist/components/RadioGroup/RadioGroupControlled.d.ts +1 -4
  135. package/dist/components/RadioGroup/RadioGroupUncontrolled.d.ts +2 -4
  136. package/dist/components/RadioGroup/tests/RadioGroup.stories.d.ts +1 -4
  137. package/dist/components/RadioGroup/tests/RadioGroup.test.stories.d.ts +1 -4
  138. package/dist/components/Reshaped/Reshaped.d.ts +2 -4
  139. package/dist/components/Resizable/Resizable.d.ts +1 -3
  140. package/dist/components/Resizable/Resizable.js +2 -2
  141. package/dist/components/Resizable/tests/Resizable.stories.d.ts +3 -5
  142. package/dist/components/Resizable/tests/Resizable.test.stories.d.ts +3 -5
  143. package/dist/components/Scrim/Scrim.d.ts +1 -4
  144. package/dist/components/Scrim/tests/Scrim.stories.d.ts +1 -4
  145. package/dist/components/Scrim/tests/Scrim.test.stories.d.ts +1 -4
  146. package/dist/components/Select/Select.d.ts +2 -4
  147. package/dist/components/Select/tests/Select.stories.d.ts +1 -4
  148. package/dist/components/Select/tests/Select.test.stories.d.ts +1 -4
  149. package/dist/components/Skeleton/Skeleton.d.ts +1 -4
  150. package/dist/components/Skeleton/tests/Skeleton.stories.d.ts +1 -4
  151. package/dist/components/Skeleton/tests/Skeleton.test.stories.d.ts +1 -4
  152. package/dist/components/Slider/Slider.d.ts +1 -4
  153. package/dist/components/Slider/SliderControlled.d.ts +2 -4
  154. package/dist/components/Slider/SliderThumb.d.ts +2 -2
  155. package/dist/components/Slider/SliderThumb.js +3 -3
  156. package/dist/components/Slider/SliderUncontrolled.d.ts +2 -4
  157. package/dist/components/Slider/tests/Slider.stories.d.ts +1 -4
  158. package/dist/components/Slider/tests/Slider.test.stories.d.ts +1 -4
  159. package/dist/components/Stepper/Stepper.d.ts +6 -6
  160. package/dist/components/Stepper/tests/Stepper.stories.d.ts +1 -3
  161. package/dist/components/Stepper/tests/Stepper.test.stories.d.ts +1 -3
  162. package/dist/components/Switch/Switch.d.ts +2 -4
  163. package/dist/components/Switch/tests/Switch.stories.d.ts +1 -4
  164. package/dist/components/Switch/tests/Switch.test.stories.d.ts +1 -4
  165. package/dist/components/Table/Table.d.ts +12 -23
  166. package/dist/components/Table/tests/Table.stories.d.ts +6 -23
  167. package/dist/components/Table/tests/Table.test.stories.d.ts +6 -23
  168. package/dist/components/Tabs/Tabs.d.ts +7 -12
  169. package/dist/components/Tabs/TabsControlled.d.ts +2 -4
  170. package/dist/components/Tabs/TabsItem.d.ts +3 -2
  171. package/dist/components/Tabs/TabsItem.js +3 -3
  172. package/dist/components/Tabs/TabsList.d.ts +2 -4
  173. package/dist/components/Tabs/TabsPanel.d.ts +1 -4
  174. package/dist/components/Tabs/TabsUncontrolled.d.ts +2 -4
  175. package/dist/components/Tabs/tests/Tabs.stories.d.ts +4 -12
  176. package/dist/components/Tabs/tests/Tabs.test.stories.d.ts +4 -12
  177. package/dist/components/TextArea/TextArea.d.ts +4 -7
  178. package/dist/components/TextArea/tests/TextArea.stories.d.ts +2 -7
  179. package/dist/components/TextArea/tests/TextArea.test.stories.d.ts +2 -7
  180. package/dist/components/TextField/TextField.d.ts +4 -7
  181. package/dist/components/TextField/tests/TextField.stories.d.ts +2 -7
  182. package/dist/components/TextField/tests/TextField.test.stories.d.ts +2 -7
  183. package/dist/components/Theme/GlobalColorMode.d.ts +2 -4
  184. package/dist/components/Theme/Theme.d.ts +3 -5
  185. package/dist/components/Theme/tests/Theme.test.stories.d.ts +1 -4
  186. package/dist/components/Timeline/Timeline.d.ts +4 -7
  187. package/dist/components/Timeline/tests/Timeline.stories.d.ts +2 -7
  188. package/dist/components/Timeline/tests/Timeline.test.stories.d.ts +2 -7
  189. package/dist/components/Toast/Toast.d.ts +4 -6
  190. package/dist/components/Toast/ToastContainer.d.ts +2 -4
  191. package/dist/components/Toast/ToastProvider.d.ts +2 -4
  192. package/dist/components/Toast/ToastRegion.d.ts +2 -4
  193. package/dist/components/Tooltip/Tooltip.d.ts +1 -4
  194. package/dist/components/Tooltip/tests/Tooltip.stories.d.ts +1 -4
  195. package/dist/components/Tooltip/tests/Tooltip.test.stories.d.ts +1 -4
  196. package/dist/components/View/View.d.ts +2 -2
  197. package/dist/components/View/tests/View.stories.d.ts +2 -2
  198. package/dist/components/View/tests/View.test.stories.d.ts +2 -2
  199. package/dist/components/_private/Aligner/Aligner.d.ts +1 -4
  200. package/dist/components/_private/Aligner/Aligner.js +8 -0
  201. package/dist/components/_private/Expandable/Expandable.d.ts +2 -4
  202. package/dist/components/_private/Flyout/Flyout.d.ts +5 -11
  203. package/dist/components/_private/Flyout/FlyoutContent.d.ts +2 -4
  204. package/dist/components/_private/Flyout/FlyoutControlled.d.ts +2 -4
  205. package/dist/components/_private/Flyout/FlyoutTrigger.d.ts +1 -4
  206. package/dist/components/_private/Flyout/FlyoutUncontrolled.d.ts +2 -4
  207. package/dist/components/_private/Flyout/tests/Flyout.stories.js +0 -9
  208. package/dist/components/_private/HiddenInput/HiddenInput.d.ts +1 -4
  209. package/dist/components/_private/Portal/Portal.d.ts +3 -4
  210. package/dist/hooks/_private/useSingletonHotkeys.d.ts +2 -2
  211. package/dist/hooks/_private/useSingletonKeyboardMode.d.ts +2 -2
  212. package/dist/utilities/storybook/Example.d.ts +6 -6
  213. package/dist/utilities/storybook/Placeholder.d.ts +1 -1
  214. package/package.json +10 -10
  215. package/dist/components/FormControl/FormControlClient.d.ts +0 -3
  216. package/dist/components/FormControl/FormControlClient.js +0 -28
@@ -1,9 +1,7 @@
1
1
  import React from "react";
2
2
  import type * as T from "./Resizable.types";
3
- declare const Resizable: {
4
- (props: T.Props): import("react/jsx-runtime").JSX.Element;
3
+ declare const Resizable: React.FC<T.Props> & {
5
4
  Item: React.FC<T.ItemProps>;
6
5
  Handle: React.FC<T.HandleProps>;
7
- displayName: string;
8
6
  };
9
7
  export default Resizable;
@@ -148,7 +148,7 @@ const Resizable = (props) => {
148
148
  });
149
149
  return (_jsx(View, { attributes: { ...attributes, ref: containerRef }, className: rootClassNames, height: height, direction: direction, align: "stretch", gap: gap, children: output }));
150
150
  };
151
- Resizable.Item = (() => null);
152
- Resizable.Handle = (() => null);
151
+ Resizable.Item = () => null;
152
+ Resizable.Handle = () => null;
153
153
  Resizable.displayName = "Resizable";
154
154
  export default Resizable;
@@ -1,10 +1,8 @@
1
1
  declare const _default: {
2
2
  title: string;
3
- component: {
4
- (props: import("./..").ResizableProps): import("react").JSX.Element;
5
- Item: import("react").FC<import("./..").ResizableItemProps>;
6
- Handle: import("react").FC<import("./..").ResizableHandleProps>;
7
- displayName: string;
3
+ component: import("react").FC<import("./..").ResizableProps> & {
4
+ Item: React.FC<import("./..").ResizableItemProps>;
5
+ Handle: React.FC<import("./..").ResizableHandleProps>;
8
6
  };
9
7
  parameters: {
10
8
  iframe: {
@@ -1,11 +1,9 @@
1
1
  import { StoryObj } from "@storybook/react";
2
2
  declare const _default: {
3
3
  title: string;
4
- component: {
5
- (props: import("./..").ResizableProps): import("react").JSX.Element;
6
- Item: import("react").FC<import("./..").ResizableItemProps>;
7
- Handle: import("react").FC<import("./..").ResizableHandleProps>;
8
- displayName: string;
4
+ component: import("react").FC<import("./..").ResizableProps> & {
5
+ Item: React.FC<import("./..").ResizableItemProps>;
6
+ Handle: React.FC<import("./..").ResizableHandleProps>;
9
7
  };
10
8
  parameters: {
11
9
  iframe: {
@@ -1,6 +1,3 @@
1
1
  import type * as T from "./Scrim.types";
2
- declare const Scrim: {
3
- (props: T.Props): import("react/jsx-runtime").JSX.Element;
4
- displayName: string;
5
- };
2
+ declare const Scrim: React.FC<T.Props>;
6
3
  export default Scrim;
@@ -1,9 +1,6 @@
1
1
  declare const _default: {
2
2
  title: string;
3
- component: {
4
- (props: import("./..").ScrimProps): import("react").JSX.Element;
5
- displayName: string;
6
- };
3
+ component: import("react").FC<import("./..").ScrimProps>;
7
4
  parameters: {
8
5
  iframe: {
9
6
  url: string;
@@ -1,10 +1,7 @@
1
1
  import { StoryObj } from "@storybook/react";
2
2
  declare const _default: {
3
3
  title: string;
4
- component: {
5
- (props: import("./..").ScrimProps): import("react").JSX.Element;
6
- displayName: string;
7
- };
4
+ component: import("react").FC<import("./..").ScrimProps>;
8
5
  parameters: {
9
6
  iframe: {
10
7
  url: string;
@@ -1,6 +1,4 @@
1
+ import React from "react";
1
2
  import type * as T from "./Select.types";
2
- declare const Select: {
3
- (props: T.Props): import("react/jsx-runtime").JSX.Element;
4
- displayName: string;
5
- };
3
+ declare const Select: React.FC<T.Props>;
6
4
  export default Select;
@@ -1,9 +1,6 @@
1
1
  declare const _default: {
2
2
  title: string;
3
- component: {
4
- (props: import("./..").SelectProps): import("react").JSX.Element;
5
- displayName: string;
6
- };
3
+ component: import("react").FC<import("./..").SelectProps>;
7
4
  parameters: {
8
5
  iframe: {
9
6
  url: string;
@@ -2,10 +2,7 @@ import { StoryObj } from "@storybook/react";
2
2
  import { fn } from "@storybook/test";
3
3
  declare const _default: {
4
4
  title: string;
5
- component: {
6
- (props: import("./..").SelectProps): import("react").JSX.Element;
7
- displayName: string;
8
- };
5
+ component: import("react").FC<import("./..").SelectProps>;
9
6
  parameters: {
10
7
  iframe: {
11
8
  url: string;
@@ -1,6 +1,3 @@
1
1
  import * as T from "./Skeleton.types";
2
- declare const Skeleton: {
3
- (props: T.Props): import("react/jsx-runtime").JSX.Element;
4
- displayName: string;
5
- };
2
+ declare const Skeleton: React.FC<T.Props>;
6
3
  export default Skeleton;
@@ -1,9 +1,6 @@
1
1
  declare const _default: {
2
2
  title: string;
3
- component: {
4
- (props: import("./..").SkeletonProps): import("react").JSX.Element;
5
- displayName: string;
6
- };
3
+ component: import("react").FC<import("./..").SkeletonProps>;
7
4
  parameters: {
8
5
  iframe: {
9
6
  url: string;
@@ -1,10 +1,7 @@
1
1
  import { StoryObj } from "@storybook/react";
2
2
  declare const _default: {
3
3
  title: string;
4
- component: {
5
- (props: import("./..").SkeletonProps): import("react").JSX.Element;
6
- displayName: string;
7
- };
4
+ component: import("react").FC<import("./..").SkeletonProps>;
8
5
  parameters: {
9
6
  iframe: {
10
7
  url: string;
@@ -1,6 +1,3 @@
1
1
  import type * as T from "./Slider.types";
2
- declare const Slider: {
3
- (props: T.Props): import("react/jsx-runtime").JSX.Element;
4
- displayName: string;
5
- };
2
+ declare const Slider: React.FC<T.Props>;
6
3
  export default Slider;
@@ -1,6 +1,4 @@
1
+ import React from "react";
1
2
  import type * as T from "./Slider.types";
2
- declare const SliderControlled: {
3
- (props: T.ControlledProps & T.DefaultProps): import("react/jsx-runtime").JSX.Element;
4
- displayName: string;
5
- };
3
+ declare const SliderControlled: React.FC<T.ControlledProps & T.DefaultProps>;
6
4
  export default SliderControlled;
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  import type * as T from "./Slider.types";
3
- declare const _default: React.ForwardRefExoticComponent<T.ThumbProps & React.RefAttributes<HTMLDivElement>>;
4
- export default _default;
3
+ declare const SliderThumb: React.ForwardRefExoticComponent<T.ThumbProps & React.RefAttributes<HTMLDivElement>>;
4
+ export default SliderThumb;
@@ -6,7 +6,7 @@ import Theme from "../Theme/index.js";
6
6
  import Text from "../Text/index.js";
7
7
  import { getPrecision } from "./Slider.utilities.js";
8
8
  import s from "./Slider.module.css";
9
- const SliderThumb = (props, ref) => {
9
+ const SliderThumb = React.forwardRef((props, ref) => {
10
10
  const { name, value, disabled, active, position, max, min, step, onChange, onDragStart, renderValue, tooltipRef, orientation, } = props;
11
11
  const id = React.useId();
12
12
  const thumbClassNames = classNames(s.thumb, active && s["thumb--active"]);
@@ -16,6 +16,6 @@ const SliderThumb = (props, ref) => {
16
16
  onChange(+e.target.value);
17
17
  };
18
18
  return (_jsxs(_Fragment, { children: [_jsx("input", { className: s.input, type: "range", name: name, value: value, onChange: handleChange, disabled: disabled, max: max, min: min, step: step, "aria-labelledby": id, "aria-orientation": orientation }), _jsx("div", { ref: ref, className: thumbClassNames, onMouseDown: onDragStart, onTouchStart: onDragStart, style: { "--ts-slider-thumb-position": `${position}%` }, id: id, "aria-hidden": "true", children: renderValue !== false && (_jsx(Theme, { colorMode: "inverted", children: _jsx(Text, { variant: "caption-1", weight: "medium", className: s.tooltip, attributes: { ref: tooltipRef }, children: tooltipValue }) })) })] }));
19
- };
19
+ });
20
20
  SliderThumb.displayName = "SliderThumb";
21
- export default React.forwardRef(SliderThumb);
21
+ export default SliderThumb;
@@ -1,6 +1,4 @@
1
+ import React from "react";
1
2
  import type * as T from "./Slider.types";
2
- declare const SliderUncontrolled: {
3
- (props: T.UncontrolledProps & T.DefaultProps): import("react/jsx-runtime").JSX.Element;
4
- displayName: string;
5
- };
3
+ declare const SliderUncontrolled: React.FC<T.UncontrolledProps & T.DefaultProps>;
6
4
  export default SliderUncontrolled;
@@ -1,9 +1,6 @@
1
1
  declare const _default: {
2
2
  title: string;
3
- component: {
4
- (props: import("./..").SliderProps): import("react").JSX.Element;
5
- displayName: string;
6
- };
3
+ component: import("react").FC<import("./..").SliderProps>;
7
4
  parameters: {
8
5
  iframe: {
9
6
  url: string;
@@ -2,10 +2,7 @@ import { StoryObj } from "@storybook/react";
2
2
  import { fn } from "@storybook/test";
3
3
  declare const _default: {
4
4
  title: string;
5
- component: {
6
- (props: import("./..").SliderProps): import("react").JSX.Element;
7
- displayName: string;
8
- };
5
+ component: import("react").FC<import("./..").SliderProps>;
9
6
  parameters: {
10
7
  iframe: {
11
8
  url: string;
@@ -1,10 +1,10 @@
1
+ import React from "react";
1
2
  import type * as T from "./Stepper.types";
2
- declare const Stepper: {
3
- (props: T.Props): import("react/jsx-runtime").JSX.Element;
4
- Item: {
5
- (_: T.ItemProps): null;
6
- displayName: string;
7
- };
3
+ declare const StepperItem: {
4
+ (_: T.ItemProps): null;
8
5
  displayName: string;
9
6
  };
7
+ declare const Stepper: React.FC<T.Props> & {
8
+ Item: typeof StepperItem;
9
+ };
10
10
  export default Stepper;
@@ -1,13 +1,11 @@
1
1
  import React from "react";
2
2
  declare const _default: {
3
3
  title: string;
4
- component: {
5
- (props: import("./..").StepperProps): React.JSX.Element;
4
+ component: React.FC<import("./..").StepperProps> & {
6
5
  Item: {
7
6
  (_: import("../Stepper.types").ItemProps): null;
8
7
  displayName: string;
9
8
  };
10
- displayName: string;
11
9
  };
12
10
  parameters: {
13
11
  iframe: {
@@ -1,13 +1,11 @@
1
1
  import { StoryObj } from "@storybook/react";
2
2
  declare const _default: {
3
3
  title: string;
4
- component: {
5
- (props: import("./..").StepperProps): import("react").JSX.Element;
4
+ component: import("react").FC<import("./..").StepperProps> & {
6
5
  Item: {
7
6
  (_: import("../Stepper.types").ItemProps): null;
8
7
  displayName: string;
9
8
  };
10
- displayName: string;
11
9
  };
12
10
  parameters: {
13
11
  iframe: {
@@ -1,6 +1,4 @@
1
+ import React from "react";
1
2
  import type * as T from "./Switch.types";
2
- declare const Switch: {
3
- (props: T.Props): import("react/jsx-runtime").JSX.Element;
4
- displayName: string;
5
- };
3
+ declare const Switch: React.FC<T.Props>;
6
4
  export default Switch;
@@ -1,9 +1,6 @@
1
1
  declare const _default: {
2
2
  title: string;
3
- component: {
4
- (props: import("./..").SwitchProps): import("react").JSX.Element;
5
- displayName: string;
6
- };
3
+ component: import("react").FC<import("./..").SwitchProps>;
7
4
  parameters: {
8
5
  iframe: {
9
6
  url: string;
@@ -2,10 +2,7 @@ import { StoryObj } from "@storybook/react";
2
2
  import { fn } from "@storybook/test";
3
3
  declare const _default: {
4
4
  title: string;
5
- component: {
6
- (props: import("./..").SwitchProps): import("react").JSX.Element;
7
- displayName: string;
8
- };
5
+ component: import("react").FC<import("./..").SwitchProps>;
9
6
  parameters: {
10
7
  iframe: {
11
8
  url: string;
@@ -1,26 +1,15 @@
1
+ import React from "react";
1
2
  import type * as T from "./Table.types";
2
- declare const Table: {
3
- (props: T.Props): import("react/jsx-runtime").JSX.Element;
4
- Cell: {
5
- (props: T.CellProps): import("react/jsx-runtime").JSX.Element;
6
- displayName: string;
7
- };
8
- Heading: {
9
- (props: T.HeadingProps): import("react/jsx-runtime").JSX.Element;
10
- displayName: string;
11
- };
12
- Row: {
13
- (props: T.RowProps): import("react/jsx-runtime").JSX.Element;
14
- displayName: string;
15
- };
16
- Body: {
17
- (props: T.BodyProps): import("react/jsx-runtime").JSX.Element;
18
- displayName: string;
19
- };
20
- Head: {
21
- (props: T.HeadProps): import("react/jsx-runtime").JSX.Element;
22
- displayName: string;
23
- };
24
- displayName: string;
3
+ declare const TableCell: React.FC<T.CellProps>;
4
+ declare const TableHeading: React.FC<T.HeadingProps>;
5
+ declare const TableRow: React.FC<T.RowProps>;
6
+ declare const TableBody: React.FC<T.BodyProps>;
7
+ declare const TableHead: React.FC<T.HeadProps>;
8
+ declare const Table: React.FC<T.Props> & {
9
+ Cell: typeof TableCell;
10
+ Heading: typeof TableHeading;
11
+ Row: typeof TableRow;
12
+ Body: typeof TableBody;
13
+ Head: typeof TableHead;
25
14
  };
26
15
  export default Table;
@@ -1,29 +1,12 @@
1
1
  import React from "react";
2
2
  declare const _default: {
3
3
  title: string;
4
- component: {
5
- (props: import("./..").TableProps): React.JSX.Element;
6
- Cell: {
7
- (props: import("./..").TableCellProps): React.JSX.Element;
8
- displayName: string;
9
- };
10
- Heading: {
11
- (props: import("./..").TableHeadingProps): React.JSX.Element;
12
- displayName: string;
13
- };
14
- Row: {
15
- (props: import("./..").TableRowProps): React.JSX.Element;
16
- displayName: string;
17
- };
18
- Body: {
19
- (props: import("./..").TableBodyProps): React.JSX.Element;
20
- displayName: string;
21
- };
22
- Head: {
23
- (props: import("./..").TableHeadProps): React.JSX.Element;
24
- displayName: string;
25
- };
26
- displayName: string;
4
+ component: React.FC<import("./..").TableProps> & {
5
+ Cell: React.FC<import("./..").TableCellProps>;
6
+ Heading: React.FC<import("./..").TableHeadingProps>;
7
+ Row: React.FC<import("./..").TableRowProps>;
8
+ Body: React.FC<import("./..").TableBodyProps>;
9
+ Head: React.FC<import("./..").TableHeadProps>;
27
10
  };
28
11
  parameters: {
29
12
  iframe: {
@@ -1,29 +1,12 @@
1
1
  import { StoryObj } from "@storybook/react";
2
2
  declare const _default: {
3
3
  title: string;
4
- component: {
5
- (props: import("./..").TableProps): import("react").JSX.Element;
6
- Cell: {
7
- (props: import("./..").TableCellProps): import("react").JSX.Element;
8
- displayName: string;
9
- };
10
- Heading: {
11
- (props: import("./..").TableHeadingProps): import("react").JSX.Element;
12
- displayName: string;
13
- };
14
- Row: {
15
- (props: import("./..").TableRowProps): import("react").JSX.Element;
16
- displayName: string;
17
- };
18
- Body: {
19
- (props: import("./..").TableBodyProps): import("react").JSX.Element;
20
- displayName: string;
21
- };
22
- Head: {
23
- (props: import("./..").TableHeadProps): import("react").JSX.Element;
24
- displayName: string;
25
- };
26
- displayName: string;
4
+ component: import("react").FC<import("./..").TableProps> & {
5
+ Cell: import("react").FC<import("./..").TableCellProps>;
6
+ Heading: import("react").FC<import("./..").TableHeadingProps>;
7
+ Row: import("react").FC<import("./..").TableRowProps>;
8
+ Body: import("react").FC<import("./..").TableBodyProps>;
9
+ Head: import("react").FC<import("./..").TableHeadProps>;
27
10
  };
28
11
  parameters: {
29
12
  iframe: {
@@ -1,15 +1,10 @@
1
+ import TabsItem from "./TabsItem";
2
+ import TabsList from "./TabsList";
3
+ import TabsPanel from "./TabsPanel";
1
4
  import type * as T from "./Tabs.types";
2
- declare const Tabs: {
3
- (props: T.Props): import("react/jsx-runtime").JSX.Element;
4
- Item: import("react").ForwardRefExoticComponent<T.ItemProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
5
- List: {
6
- (props: T.ListProps): import("react/jsx-runtime").JSX.Element;
7
- displayName: string;
8
- };
9
- Panel: {
10
- (props: T.PanelProps): import("react/jsx-runtime").JSX.Element;
11
- displayName: string;
12
- };
13
- displayName: string;
5
+ declare const Tabs: React.FC<T.Props> & {
6
+ Item: typeof TabsItem;
7
+ List: typeof TabsList;
8
+ Panel: typeof TabsPanel;
14
9
  };
15
10
  export default Tabs;
@@ -1,6 +1,4 @@
1
+ import React from "react";
1
2
  import type * as T from "./Tabs.types";
2
- declare const TabsControlled: {
3
- (props: T.PrivateControlledProps): import("react/jsx-runtime").JSX.Element;
4
- displayName: string;
5
- };
3
+ declare const TabsControlled: React.FC<T.PrivateControlledProps>;
6
4
  export default TabsControlled;
@@ -1,4 +1,5 @@
1
1
  import React from "react";
2
+ import { type ActionableRef } from "../Actionable";
2
3
  import type * as T from "./Tabs.types";
3
- declare const _default: React.ForwardRefExoticComponent<T.ItemProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
4
- export default _default;
4
+ declare const TabsItem: React.ForwardRefExoticComponent<T.ItemProps & React.RefAttributes<ActionableRef>>;
5
+ export default TabsItem;
@@ -10,7 +10,7 @@ import useIsomorphicLayoutEffect from "../../hooks/useIsomorphicLayoutEffect.js"
10
10
  import { findParent } from "../../utilities/dom/index.js";
11
11
  import { useTabs } from "./TabsContext.js";
12
12
  import s from "./Tabs.module.css";
13
- const TabsItem = (props, ref) => {
13
+ const TabsItem = React.forwardRef((props, ref) => {
14
14
  const { value, children, icon, href, attributes } = props;
15
15
  const { onChange, panelId, name, size, value: tabsValue, selection, elActiveRef, elPrevActiveRef, elScrollableRef, } = useTabs(value);
16
16
  const itemRef = React.useRef(null);
@@ -64,6 +64,6 @@ const TabsItem = (props, ref) => {
64
64
  ...(!isFormControl && tabAttributes),
65
65
  "aria-controls": panelId,
66
66
  }, children: [name && (_jsx(HiddenInput, { type: "radio", name: name, value: value, checked: visuallySelected, onChange: handleChange, className: s.radio })), _jsxs("span", { className: s.buttonContent, children: [icon && _jsx(Icon, { svg: icon, className: s.icon, size: 4 }), children && (_jsx(Text, { variant: size === "large" ? "body-2" : "body-3", weight: "medium", children: children }))] })] }) }));
67
- };
67
+ });
68
68
  TabsItem.displayName = "Tabs.Item";
69
- export default React.forwardRef(TabsItem);
69
+ export default TabsItem;
@@ -1,6 +1,4 @@
1
+ import React from "react";
1
2
  import type * as T from "./Tabs.types";
2
- declare const TabsList: {
3
- (props: T.ListProps): import("react/jsx-runtime").JSX.Element;
4
- displayName: string;
5
- };
3
+ declare const TabsList: React.FC<T.ListProps>;
6
4
  export default TabsList;
@@ -1,6 +1,3 @@
1
1
  import type * as T from "./Tabs.types";
2
- declare const TabsPanel: {
3
- (props: T.PanelProps): import("react/jsx-runtime").JSX.Element;
4
- displayName: string;
5
- };
2
+ declare const TabsPanel: React.FC<T.PanelProps>;
6
3
  export default TabsPanel;
@@ -1,6 +1,4 @@
1
+ import React from "react";
1
2
  import type * as T from "./Tabs.types";
2
- declare const TabsUncontrolled: {
3
- (props: T.UncontrolledProps): import("react/jsx-runtime").JSX.Element;
4
- displayName: string;
5
- };
3
+ declare const TabsUncontrolled: React.FC<T.UncontrolledProps>;
6
4
  export default TabsUncontrolled;
@@ -1,18 +1,10 @@
1
1
  import React from "react";
2
2
  declare const _default: {
3
3
  title: string;
4
- component: {
5
- (props: import("./..").TabsProps): React.JSX.Element;
6
- Item: React.ForwardRefExoticComponent<import("./..").TabsItemProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
7
- List: {
8
- (props: import("../Tabs.types").ListProps): React.JSX.Element;
9
- displayName: string;
10
- };
11
- Panel: {
12
- (props: import("../Tabs.types").PanelProps): React.JSX.Element;
13
- displayName: string;
14
- };
15
- displayName: string;
4
+ component: React.FC<import("./..").TabsProps> & {
5
+ Item: React.ForwardRefExoticComponent<import("./..").TabsItemProps & React.RefAttributes<import("../../Actionable").ActionableRef>>;
6
+ List: React.FC<import("../Tabs.types").ListProps>;
7
+ Panel: React.FC<import("../Tabs.types").PanelProps>;
16
8
  };
17
9
  parameters: {
18
10
  iframe: {
@@ -2,18 +2,10 @@ import { StoryObj } from "@storybook/react";
2
2
  import { fn } from "@storybook/test";
3
3
  declare const _default: {
4
4
  title: string;
5
- component: {
6
- (props: import("./..").TabsProps): import("react").JSX.Element;
7
- Item: import("react").ForwardRefExoticComponent<import("./..").TabsItemProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
8
- List: {
9
- (props: import("../Tabs.types").ListProps): import("react").JSX.Element;
10
- displayName: string;
11
- };
12
- Panel: {
13
- (props: import("../Tabs.types").PanelProps): import("react").JSX.Element;
14
- displayName: string;
15
- };
16
- displayName: string;
5
+ component: import("react").FC<import("./..").TabsProps> & {
6
+ Item: import("react").ForwardRefExoticComponent<import("./..").TabsItemProps & import("react").RefAttributes<import("../../Actionable").ActionableRef>>;
7
+ List: import("react").FC<import("../Tabs.types").ListProps>;
8
+ Panel: import("react").FC<import("../Tabs.types").PanelProps>;
17
9
  };
18
10
  parameters: {
19
11
  iframe: {
@@ -1,10 +1,7 @@
1
+ import React from "react";
2
+ import Aligner from "../_private/Aligner";
1
3
  import type * as T from "./TextArea.types";
2
- declare const TextArea: {
3
- (props: T.Props): import("react/jsx-runtime").JSX.Element;
4
- Aligner: {
5
- (props: import("../_private/Aligner").AlignerProps): import("react/jsx-runtime").JSX.Element;
6
- displayName: string;
7
- };
8
- displayName: string;
4
+ declare const TextArea: React.FC<T.Props> & {
5
+ Aligner: typeof Aligner;
9
6
  };
10
7
  export default TextArea;
@@ -1,12 +1,7 @@
1
1
  declare const _default: {
2
2
  title: string;
3
- component: {
4
- (props: import("./..").TextAreaProps): import("react").JSX.Element;
5
- Aligner: {
6
- (props: import("../../_private/Aligner").AlignerProps): import("react").JSX.Element;
7
- displayName: string;
8
- };
9
- displayName: string;
3
+ component: import("react").FC<import("./..").TextAreaProps> & {
4
+ Aligner: import("react").FC<import("../../_private/Aligner").AlignerProps>;
10
5
  };
11
6
  parameters: {
12
7
  iframe: {
@@ -2,13 +2,8 @@ import { StoryObj } from "@storybook/react";
2
2
  import { fn } from "@storybook/test";
3
3
  declare const _default: {
4
4
  title: string;
5
- component: {
6
- (props: import("./..").TextAreaProps): import("react").JSX.Element;
7
- Aligner: {
8
- (props: import("../../_private/Aligner").AlignerProps): import("react").JSX.Element;
9
- displayName: string;
10
- };
11
- displayName: string;
5
+ component: import("react").FC<import("./..").TextAreaProps> & {
6
+ Aligner: import("react").FC<import("../../_private/Aligner").AlignerProps>;
12
7
  };
13
8
  parameters: {
14
9
  iframe: {