@tale-ui/react 0.1.1 → 0.2.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 (284) hide show
  1. package/README.md +7 -5
  2. package/_cx.d.ts +4 -0
  3. package/_cx.js +15 -0
  4. package/accordion/Accordion.styled.d.ts +14 -0
  5. package/accordion/Accordion.styled.js +79 -0
  6. package/accordion/index.d.ts +1 -1
  7. package/accordion/index.js +1 -1
  8. package/alert-dialog/AlertDialog.styled.d.ts +13 -0
  9. package/alert-dialog/AlertDialog.styled.js +58 -0
  10. package/alert-dialog/index.d.ts +1 -1
  11. package/alert-dialog/index.js +1 -1
  12. package/autocomplete/Autocomplete.styled.d.ts +11 -0
  13. package/autocomplete/Autocomplete.styled.js +134 -0
  14. package/autocomplete/index.d.ts +1 -1
  15. package/autocomplete/index.js +1 -1
  16. package/avatar/Avatar.styled.d.ts +10 -0
  17. package/avatar/Avatar.styled.js +42 -0
  18. package/avatar/index.d.ts +1 -1
  19. package/avatar/index.js +1 -1
  20. package/button/Button.styled.d.ts +10 -0
  21. package/button/Button.styled.js +23 -0
  22. package/button/index.d.ts +2 -2
  23. package/button/index.js +1 -1
  24. package/checkbox/Checkbox.styled.d.ts +3 -0
  25. package/checkbox/Checkbox.styled.js +31 -0
  26. package/checkbox/index.d.ts +1 -1
  27. package/checkbox/index.js +1 -1
  28. package/collapsible/Collapsible.styled.d.ts +4 -0
  29. package/collapsible/Collapsible.styled.js +41 -0
  30. package/collapsible/index.d.ts +1 -1
  31. package/collapsible/index.js +1 -1
  32. package/combobox/Combobox.styled.d.ts +38 -0
  33. package/combobox/Combobox.styled.js +115 -0
  34. package/combobox/index.d.ts +1 -1
  35. package/combobox/index.js +1 -1
  36. package/context-menu/ContextMenu.styled.d.ts +21 -0
  37. package/context-menu/ContextMenu.styled.js +111 -0
  38. package/context-menu/index.d.ts +1 -1
  39. package/context-menu/index.js +1 -1
  40. package/context-menu/root/ContextMenuRoot.d.ts +1 -2
  41. package/dialog/Dialog.styled.d.ts +34 -0
  42. package/dialog/Dialog.styled.js +58 -0
  43. package/dialog/index.d.ts +1 -1
  44. package/dialog/index.js +1 -1
  45. package/drawer/Drawer.styled.d.ts +28 -0
  46. package/drawer/Drawer.styled.js +71 -0
  47. package/drawer/index.d.ts +1 -1
  48. package/drawer/index.js +1 -1
  49. package/esm/_cx.d.ts +4 -0
  50. package/esm/_cx.js +9 -0
  51. package/esm/accordion/Accordion.styled.d.ts +14 -0
  52. package/esm/accordion/Accordion.styled.js +72 -0
  53. package/esm/accordion/index.d.ts +1 -1
  54. package/esm/accordion/index.js +1 -1
  55. package/esm/alert-dialog/AlertDialog.styled.d.ts +13 -0
  56. package/esm/alert-dialog/AlertDialog.styled.js +51 -0
  57. package/esm/alert-dialog/index.d.ts +1 -1
  58. package/esm/alert-dialog/index.js +1 -1
  59. package/esm/autocomplete/Autocomplete.styled.d.ts +11 -0
  60. package/esm/autocomplete/Autocomplete.styled.js +49 -0
  61. package/esm/autocomplete/index.d.ts +1 -1
  62. package/esm/autocomplete/index.js +1 -1
  63. package/esm/avatar/Avatar.styled.d.ts +10 -0
  64. package/esm/avatar/Avatar.styled.js +35 -0
  65. package/esm/avatar/index.d.ts +1 -1
  66. package/esm/avatar/index.js +1 -1
  67. package/esm/button/Button.styled.d.ts +10 -0
  68. package/esm/button/Button.styled.js +16 -0
  69. package/esm/button/index.d.ts +2 -2
  70. package/esm/button/index.js +1 -1
  71. package/esm/checkbox/Checkbox.styled.d.ts +3 -0
  72. package/esm/checkbox/Checkbox.styled.js +24 -0
  73. package/esm/checkbox/index.d.ts +1 -1
  74. package/esm/checkbox/index.js +1 -1
  75. package/esm/collapsible/Collapsible.styled.d.ts +4 -0
  76. package/esm/collapsible/Collapsible.styled.js +34 -0
  77. package/esm/collapsible/index.d.ts +1 -1
  78. package/esm/collapsible/index.js +1 -1
  79. package/esm/combobox/Combobox.styled.d.ts +38 -0
  80. package/esm/combobox/Combobox.styled.js +102 -0
  81. package/esm/combobox/index.d.ts +1 -1
  82. package/esm/combobox/index.js +1 -1
  83. package/esm/context-menu/ContextMenu.styled.d.ts +21 -0
  84. package/esm/context-menu/ContextMenu.styled.js +104 -0
  85. package/esm/context-menu/index.d.ts +1 -1
  86. package/esm/context-menu/index.js +1 -1
  87. package/esm/context-menu/root/ContextMenuRoot.d.ts +1 -2
  88. package/esm/dialog/Dialog.styled.d.ts +34 -0
  89. package/esm/dialog/Dialog.styled.js +51 -0
  90. package/esm/dialog/index.d.ts +1 -1
  91. package/esm/dialog/index.js +1 -1
  92. package/esm/drawer/Drawer.styled.d.ts +28 -0
  93. package/esm/drawer/Drawer.styled.js +64 -0
  94. package/esm/drawer/index.d.ts +1 -1
  95. package/esm/drawer/index.js +1 -1
  96. package/esm/field/Field.styled.d.ts +14 -0
  97. package/esm/field/Field.styled.js +45 -0
  98. package/esm/field/index.d.ts +1 -1
  99. package/esm/field/index.js +1 -1
  100. package/esm/fieldset/Fieldset.styled.d.ts +3 -0
  101. package/esm/fieldset/Fieldset.styled.js +24 -0
  102. package/esm/fieldset/index.d.ts +1 -1
  103. package/esm/fieldset/index.js +1 -1
  104. package/esm/form/Form.styled.d.ts +12 -0
  105. package/esm/form/Form.styled.js +14 -0
  106. package/esm/form/index.d.ts +2 -2
  107. package/esm/form/index.js +1 -1
  108. package/esm/index.d.ts +0 -1
  109. package/esm/index.js +1 -2
  110. package/esm/input/Input.styled.d.ts +8 -0
  111. package/esm/input/Input.styled.js +15 -0
  112. package/esm/input/index.d.ts +2 -2
  113. package/esm/input/index.js +1 -1
  114. package/esm/menu/Menu.styled.d.ts +57 -0
  115. package/esm/menu/Menu.styled.js +106 -0
  116. package/esm/menu/index.d.ts +1 -1
  117. package/esm/menu/index.js +1 -1
  118. package/esm/menubar/Menubar.styled.d.ts +7 -0
  119. package/esm/menubar/Menubar.styled.js +14 -0
  120. package/esm/menubar/index.d.ts +1 -1
  121. package/esm/menubar/index.js +1 -1
  122. package/esm/meter/Meter.styled.d.ts +6 -0
  123. package/esm/meter/Meter.styled.js +45 -0
  124. package/esm/meter/index.d.ts +1 -1
  125. package/esm/meter/index.js +1 -1
  126. package/esm/navigation-menu/NavigationMenu.styled.d.ts +23 -0
  127. package/esm/navigation-menu/NavigationMenu.styled.js +89 -0
  128. package/esm/navigation-menu/index.d.ts +1 -1
  129. package/esm/navigation-menu/index.js +1 -1
  130. package/esm/number-field/NumberField.styled.d.ts +16 -0
  131. package/esm/number-field/NumberField.styled.js +59 -0
  132. package/esm/number-field/index.d.ts +1 -1
  133. package/esm/number-field/index.js +1 -1
  134. package/esm/popover/Popover.styled.d.ts +42 -0
  135. package/esm/popover/Popover.styled.js +62 -0
  136. package/esm/popover/index.d.ts +1 -1
  137. package/esm/popover/index.js +1 -1
  138. package/esm/preview-card/PreviewCard.styled.d.ts +39 -0
  139. package/esm/preview-card/PreviewCard.styled.js +32 -0
  140. package/esm/preview-card/index.d.ts +1 -1
  141. package/esm/preview-card/index.js +1 -1
  142. package/esm/progress/Progress.styled.d.ts +8 -0
  143. package/esm/progress/Progress.styled.js +36 -0
  144. package/esm/progress/index.d.ts +1 -1
  145. package/esm/progress/index.js +1 -1
  146. package/esm/radio/Radio.styled.d.ts +11 -0
  147. package/esm/radio/Radio.styled.js +27 -0
  148. package/esm/radio/index.d.ts +1 -1
  149. package/esm/radio/index.js +1 -1
  150. package/esm/scroll-area/ScrollArea.styled.d.ts +7 -0
  151. package/esm/scroll-area/ScrollArea.styled.js +55 -0
  152. package/esm/scroll-area/index.d.ts +1 -1
  153. package/esm/scroll-area/index.js +1 -1
  154. package/esm/select/Select.styled.d.ts +33 -0
  155. package/esm/select/Select.styled.js +118 -0
  156. package/esm/select/index.d.ts +1 -1
  157. package/esm/select/index.js +1 -1
  158. package/esm/separator/Separator.styled.d.ts +7 -0
  159. package/esm/separator/Separator.styled.js +16 -0
  160. package/esm/separator/index.d.ts +2 -2
  161. package/esm/separator/index.js +1 -1
  162. package/esm/slider/Slider.styled.d.ts +16 -0
  163. package/esm/slider/Slider.styled.js +55 -0
  164. package/esm/slider/index.d.ts +1 -1
  165. package/esm/slider/index.js +1 -1
  166. package/esm/switch/Switch.styled.d.ts +3 -0
  167. package/esm/switch/Switch.styled.js +24 -0
  168. package/esm/switch/index.d.ts +1 -1
  169. package/esm/switch/index.js +1 -1
  170. package/esm/tabs/Tabs.styled.d.ts +14 -0
  171. package/esm/tabs/Tabs.styled.js +54 -0
  172. package/esm/tabs/index.d.ts +1 -1
  173. package/esm/tabs/index.js +1 -1
  174. package/esm/toast/Toast.styled.d.ts +21 -0
  175. package/esm/toast/Toast.styled.js +80 -0
  176. package/esm/toast/index.d.ts +1 -1
  177. package/esm/toast/index.js +1 -1
  178. package/esm/toggle/Toggle.styled.d.ts +10 -0
  179. package/esm/toggle/Toggle.styled.js +26 -0
  180. package/esm/toggle/index.d.ts +2 -2
  181. package/esm/toggle/index.js +1 -1
  182. package/esm/toolbar/Toolbar.styled.d.ts +7 -0
  183. package/esm/toolbar/Toolbar.styled.js +64 -0
  184. package/esm/toolbar/index.d.ts +1 -1
  185. package/esm/toolbar/index.js +1 -1
  186. package/esm/tooltip/Tooltip.styled.d.ts +39 -0
  187. package/esm/tooltip/Tooltip.styled.js +32 -0
  188. package/esm/tooltip/index.d.ts +1 -1
  189. package/esm/tooltip/index.js +1 -1
  190. package/field/Field.styled.d.ts +14 -0
  191. package/field/Field.styled.js +70 -0
  192. package/field/index.d.ts +1 -1
  193. package/field/index.js +1 -1
  194. package/fieldset/Fieldset.styled.d.ts +3 -0
  195. package/fieldset/Fieldset.styled.js +31 -0
  196. package/fieldset/index.d.ts +1 -1
  197. package/fieldset/index.js +1 -1
  198. package/form/Form.styled.d.ts +12 -0
  199. package/form/Form.styled.js +21 -0
  200. package/form/index.d.ts +2 -2
  201. package/form/index.js +1 -1
  202. package/index.d.ts +0 -1
  203. package/index.js +1 -12
  204. package/input/Input.styled.d.ts +8 -0
  205. package/input/Input.styled.js +22 -0
  206. package/input/index.d.ts +2 -2
  207. package/input/index.js +1 -1
  208. package/menu/Menu.styled.d.ts +57 -0
  209. package/menu/Menu.styled.js +120 -0
  210. package/menu/index.d.ts +1 -1
  211. package/menu/index.js +1 -1
  212. package/menubar/Menubar.styled.d.ts +7 -0
  213. package/menubar/Menubar.styled.js +21 -0
  214. package/menubar/index.d.ts +1 -1
  215. package/menubar/index.js +1 -1
  216. package/meter/Meter.styled.d.ts +6 -0
  217. package/meter/Meter.styled.js +52 -0
  218. package/meter/index.d.ts +1 -1
  219. package/meter/index.js +1 -1
  220. package/navigation-menu/NavigationMenu.styled.d.ts +23 -0
  221. package/navigation-menu/NavigationMenu.styled.js +96 -0
  222. package/navigation-menu/index.d.ts +1 -1
  223. package/navigation-menu/index.js +1 -1
  224. package/number-field/NumberField.styled.d.ts +16 -0
  225. package/number-field/NumberField.styled.js +77 -0
  226. package/number-field/index.d.ts +1 -1
  227. package/number-field/index.js +1 -1
  228. package/package.json +115 -112
  229. package/popover/Popover.styled.d.ts +42 -0
  230. package/popover/Popover.styled.js +69 -0
  231. package/popover/index.d.ts +1 -1
  232. package/popover/index.js +1 -1
  233. package/preview-card/PreviewCard.styled.d.ts +39 -0
  234. package/preview-card/PreviewCard.styled.js +39 -0
  235. package/preview-card/index.d.ts +1 -1
  236. package/preview-card/index.js +1 -1
  237. package/progress/Progress.styled.d.ts +8 -0
  238. package/progress/Progress.styled.js +49 -0
  239. package/progress/index.d.ts +1 -1
  240. package/progress/index.js +1 -1
  241. package/radio/Radio.styled.d.ts +11 -0
  242. package/radio/Radio.styled.js +34 -0
  243. package/radio/index.d.ts +1 -1
  244. package/radio/index.js +1 -1
  245. package/scroll-area/ScrollArea.styled.d.ts +7 -0
  246. package/scroll-area/ScrollArea.styled.js +67 -0
  247. package/scroll-area/index.d.ts +1 -1
  248. package/scroll-area/index.js +1 -1
  249. package/select/Select.styled.d.ts +33 -0
  250. package/select/Select.styled.js +125 -0
  251. package/select/index.d.ts +1 -1
  252. package/select/index.js +1 -1
  253. package/separator/Separator.styled.d.ts +7 -0
  254. package/separator/Separator.styled.js +23 -0
  255. package/separator/index.d.ts +2 -2
  256. package/separator/index.js +1 -1
  257. package/slider/Slider.styled.d.ts +16 -0
  258. package/slider/Slider.styled.js +67 -0
  259. package/slider/index.d.ts +1 -1
  260. package/slider/index.js +1 -1
  261. package/switch/Switch.styled.d.ts +3 -0
  262. package/switch/Switch.styled.js +31 -0
  263. package/switch/index.d.ts +1 -1
  264. package/switch/index.js +1 -1
  265. package/tabs/Tabs.styled.d.ts +14 -0
  266. package/tabs/Tabs.styled.js +61 -0
  267. package/tabs/index.d.ts +1 -1
  268. package/tabs/index.js +1 -1
  269. package/toast/Toast.styled.d.ts +21 -0
  270. package/toast/Toast.styled.js +87 -0
  271. package/toast/index.d.ts +1 -1
  272. package/toast/index.js +1 -1
  273. package/toggle/Toggle.styled.d.ts +10 -0
  274. package/toggle/Toggle.styled.js +33 -0
  275. package/toggle/index.d.ts +2 -2
  276. package/toggle/index.js +7 -1
  277. package/toolbar/Toolbar.styled.d.ts +7 -0
  278. package/toolbar/Toolbar.styled.js +71 -0
  279. package/toolbar/index.d.ts +1 -1
  280. package/toolbar/index.js +1 -1
  281. package/tooltip/Tooltip.styled.d.ts +39 -0
  282. package/tooltip/Tooltip.styled.js +39 -0
  283. package/tooltip/index.d.ts +1 -1
  284. package/tooltip/index.js +1 -1
@@ -0,0 +1,31 @@
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.Thumb = exports.Root = void 0;
8
+ var React = _interopRequireWildcard(require("react"));
9
+ var H = _interopRequireWildcard(require("./index.parts"));
10
+ var _cx = require("../_cx");
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
+ const Root = exports.Root = /*#__PURE__*/React.forwardRef(({
13
+ className,
14
+ ...props
15
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Root, {
16
+ className: (0, _cx.cx)('tale-switch', className),
17
+ ref: ref,
18
+ ...props
19
+ }));
20
+ if (process.env.NODE_ENV !== "production") Root.displayName = "Root";
21
+ Root.displayName = 'Switch.Root';
22
+ const Thumb = exports.Thumb = /*#__PURE__*/React.forwardRef(({
23
+ className,
24
+ ...props
25
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Thumb, {
26
+ className: (0, _cx.cx)('tale-switch__thumb', className),
27
+ ref: ref,
28
+ ...props
29
+ }));
30
+ if (process.env.NODE_ENV !== "production") Thumb.displayName = "Thumb";
31
+ Thumb.displayName = 'Switch.Thumb';
package/switch/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export * as Switch from "./index.parts.js";
1
+ export * as Switch from "./Switch.styled.js";
2
2
  export type * from "./root/SwitchRoot.js";
3
3
  export type * from "./thumb/SwitchThumb.js";
package/switch/index.js CHANGED
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.Switch = void 0;
8
- var _Switch = _interopRequireWildcard(require("./index.parts"));
8
+ var _Switch = _interopRequireWildcard(require("./Switch.styled"));
9
9
  exports.Switch = _Switch;
@@ -0,0 +1,14 @@
1
+ import * as H from "./index.parts.js";
2
+ import type { TabsRootState, TabsRootProps, TabsRootOrientation, TabsRootChangeEventReason, TabsRootChangeEventDetails } from "./root/TabsRoot.js";
3
+ export declare const Root: typeof H.Root;
4
+ export declare namespace Root {
5
+ type State = TabsRootState;
6
+ type Props = TabsRootProps;
7
+ type Orientation = TabsRootOrientation;
8
+ type ChangeEventReason = TabsRootChangeEventReason;
9
+ type ChangeEventDetails = TabsRootChangeEventDetails;
10
+ }
11
+ export declare const List: typeof H.List;
12
+ export declare const Tab: typeof H.Tab;
13
+ export declare const Indicator: typeof H.Indicator;
14
+ export declare const Panel: typeof H.Panel;
@@ -0,0 +1,61 @@
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.Tab = exports.Root = exports.Panel = exports.List = exports.Indicator = void 0;
8
+ var React = _interopRequireWildcard(require("react"));
9
+ var H = _interopRequireWildcard(require("./index.parts"));
10
+ var _cx = require("../_cx");
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
+ const StyledRoot = /*#__PURE__*/React.forwardRef(({
13
+ className,
14
+ ...props
15
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Root, {
16
+ className: (0, _cx.cx)('tale-tabs', className),
17
+ ref: ref,
18
+ ...props
19
+ }));
20
+ StyledRoot.displayName = 'Tabs.Root';
21
+ const Root = exports.Root = StyledRoot;
22
+ const StyledList = /*#__PURE__*/React.forwardRef(({
23
+ className,
24
+ ...props
25
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.List, {
26
+ className: (0, _cx.cx)('tale-tabs__list', className),
27
+ ref: ref,
28
+ ...props
29
+ }));
30
+ StyledList.displayName = 'Tabs.List';
31
+ const List = exports.List = StyledList;
32
+ const StyledTab = /*#__PURE__*/React.forwardRef(({
33
+ className,
34
+ ...props
35
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Tab, {
36
+ className: (0, _cx.cx)('tale-tabs__tab', className),
37
+ ref: ref,
38
+ ...props
39
+ }));
40
+ StyledTab.displayName = 'Tabs.Tab';
41
+ const Tab = exports.Tab = StyledTab;
42
+ const StyledIndicator = /*#__PURE__*/React.forwardRef(({
43
+ className,
44
+ ...props
45
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Indicator, {
46
+ className: (0, _cx.cx)('tale-tabs__indicator', className),
47
+ ref: ref,
48
+ ...props
49
+ }));
50
+ StyledIndicator.displayName = 'Tabs.Indicator';
51
+ const Indicator = exports.Indicator = StyledIndicator;
52
+ const StyledPanel = /*#__PURE__*/React.forwardRef(({
53
+ className,
54
+ ...props
55
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Panel, {
56
+ className: (0, _cx.cx)('tale-tabs__panel', className),
57
+ ref: ref,
58
+ ...props
59
+ }));
60
+ StyledPanel.displayName = 'Tabs.Panel';
61
+ const Panel = exports.Panel = StyledPanel;
package/tabs/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export * as Tabs from "./index.parts.js";
1
+ export * as Tabs from "./Tabs.styled.js";
2
2
  export type * from "./root/TabsRoot.js";
3
3
  export type * from "./indicator/TabsIndicator.js";
4
4
  export type * from "./tab/TabsTab.js";
package/tabs/index.js CHANGED
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.Tabs = void 0;
8
- var _Tabs = _interopRequireWildcard(require("./index.parts"));
8
+ var _Tabs = _interopRequireWildcard(require("./Tabs.styled"));
9
9
  exports.Tabs = _Tabs;
@@ -0,0 +1,21 @@
1
+ import * as React from 'react';
2
+ import * as H from "./index.parts.js";
3
+ import type { ToastRootToastObject, ToastRootState, ToastRootProps } from "./root/ToastRoot.js";
4
+ export declare const Provider: React.FC<import("./index.js").ToastProviderProps>;
5
+ export declare const Viewport: React.ForwardRefExoticComponent<Omit<import("./index.js").ToastViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
6
+ export declare const Portal: React.ForwardRefExoticComponent<Omit<import("../utils/FloatingPortalLite.js").FloatingPortalLite.Props<any>, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
+ export declare const Arrow: React.ForwardRefExoticComponent<Omit<import("./index.js").ToastArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
+ export declare const useToastManager: typeof H.useToastManager;
9
+ export declare const createToastManager: typeof H.createToastManager;
10
+ export declare const Positioner: typeof H.Positioner;
11
+ export declare const Root: typeof H.Root;
12
+ export declare namespace Root {
13
+ type ToastObject<Data extends object = any> = ToastRootToastObject<Data>;
14
+ type State = ToastRootState;
15
+ type Props = ToastRootProps;
16
+ }
17
+ export declare const Content: typeof H.Content;
18
+ export declare const Title: typeof H.Title;
19
+ export declare const Description: typeof H.Description;
20
+ export declare const Close: typeof H.Close;
21
+ export declare const Action: typeof H.Action;
@@ -0,0 +1,87 @@
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.useToastManager = exports.createToastManager = exports.Viewport = exports.Title = exports.Root = exports.Provider = exports.Positioner = exports.Portal = exports.Description = exports.Content = exports.Close = exports.Arrow = exports.Action = void 0;
8
+ var React = _interopRequireWildcard(require("react"));
9
+ var H = _interopRequireWildcard(require("./index.parts"));
10
+ var _cx = require("../_cx");
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
+ const Provider = exports.Provider = H.Provider;
13
+ const Viewport = exports.Viewport = H.Viewport;
14
+ const Portal = exports.Portal = H.Portal;
15
+ const Arrow = exports.Arrow = H.Arrow;
16
+ const useToastManager = exports.useToastManager = H.useToastManager;
17
+ const createToastManager = exports.createToastManager = H.createToastManager;
18
+ const StyledPositioner = /*#__PURE__*/React.forwardRef(({
19
+ className,
20
+ ...props
21
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Positioner, {
22
+ className: (0, _cx.cx)('tale-toast__positioner', className),
23
+ ref: ref,
24
+ ...props
25
+ }));
26
+ StyledPositioner.displayName = 'Toast.Positioner';
27
+ const Positioner = exports.Positioner = StyledPositioner;
28
+ const StyledRoot = /*#__PURE__*/React.forwardRef(({
29
+ className,
30
+ ...props
31
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Root, {
32
+ className: (0, _cx.cx)('tale-toast__root', className),
33
+ ref: ref,
34
+ ...props
35
+ }));
36
+ StyledRoot.displayName = 'Toast.Root';
37
+ const Root = exports.Root = StyledRoot;
38
+ const StyledContent = /*#__PURE__*/React.forwardRef(({
39
+ className,
40
+ ...props
41
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Content, {
42
+ className: (0, _cx.cx)('tale-toast__content', className),
43
+ ref: ref,
44
+ ...props
45
+ }));
46
+ StyledContent.displayName = 'Toast.Content';
47
+ const Content = exports.Content = StyledContent;
48
+ const StyledTitle = /*#__PURE__*/React.forwardRef(({
49
+ className,
50
+ ...props
51
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Title, {
52
+ className: (0, _cx.cx)('tale-toast__title', className),
53
+ ref: ref,
54
+ ...props
55
+ }));
56
+ StyledTitle.displayName = 'Toast.Title';
57
+ const Title = exports.Title = StyledTitle;
58
+ const StyledDescription = /*#__PURE__*/React.forwardRef(({
59
+ className,
60
+ ...props
61
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Description, {
62
+ className: (0, _cx.cx)('tale-toast__description', className),
63
+ ref: ref,
64
+ ...props
65
+ }));
66
+ StyledDescription.displayName = 'Toast.Description';
67
+ const Description = exports.Description = StyledDescription;
68
+ const StyledClose = /*#__PURE__*/React.forwardRef(({
69
+ className,
70
+ ...props
71
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Close, {
72
+ className: (0, _cx.cx)('tale-toast__close', className),
73
+ ref: ref,
74
+ ...props
75
+ }));
76
+ StyledClose.displayName = 'Toast.Close';
77
+ const Close = exports.Close = StyledClose;
78
+ const StyledAction = /*#__PURE__*/React.forwardRef(({
79
+ className,
80
+ ...props
81
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Action, {
82
+ className: (0, _cx.cx)('tale-toast__action', className),
83
+ ref: ref,
84
+ ...props
85
+ }));
86
+ StyledAction.displayName = 'Toast.Action';
87
+ const Action = exports.Action = StyledAction;
package/toast/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export * as Toast from "./index.parts.js";
1
+ export * as Toast from "./Toast.styled.js";
2
2
  export type * from "./root/ToastRoot.js";
3
3
  export type * from "./provider/ToastProvider.js";
4
4
  export type * from "./viewport/ToastViewport.js";
package/toast/index.js CHANGED
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.Toast = void 0;
8
- var _Toast = _interopRequireWildcard(require("./index.parts"));
8
+ var _Toast = _interopRequireWildcard(require("./Toast.styled"));
9
9
  exports.Toast = _Toast;
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ import { Toggle as H } from "./Toggle.js";
3
+ import { ToggleGroup as HGroup } from "../toggle-group/ToggleGroup.js";
4
+ type Size = 'sm' | 'md' | 'lg';
5
+ export interface ToggleProps extends React.ComponentPropsWithoutRef<typeof H> {
6
+ size?: Size | undefined;
7
+ }
8
+ export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
9
+ export declare const ToggleGroup: React.ForwardRefExoticComponent<Omit<HGroup.Props<string> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
+ export {};
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.ToggleGroup = exports.Toggle = void 0;
8
+ var React = _interopRequireWildcard(require("react"));
9
+ var _Toggle2 = require("./Toggle");
10
+ var _ToggleGroup2 = require("../toggle-group/ToggleGroup");
11
+ var _cx = require("../_cx");
12
+ var _jsxRuntime = require("react/jsx-runtime");
13
+ const Toggle = exports.Toggle = /*#__PURE__*/React.forwardRef(({
14
+ size = 'md',
15
+ className,
16
+ ...props
17
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toggle2.Toggle, {
18
+ className: (0, _cx.cx)(`tale-toggle tale-toggle--${size}`, className),
19
+ ref: ref,
20
+ ...props
21
+ }));
22
+ if (process.env.NODE_ENV !== "production") Toggle.displayName = "Toggle";
23
+ Toggle.displayName = 'Toggle';
24
+ const ToggleGroup = exports.ToggleGroup = /*#__PURE__*/React.forwardRef(({
25
+ className,
26
+ ...props
27
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToggleGroup2.ToggleGroup, {
28
+ className: (0, _cx.cx)('tale-toggle-group', className),
29
+ ref: ref,
30
+ ...props
31
+ }));
32
+ if (process.env.NODE_ENV !== "production") ToggleGroup.displayName = "ToggleGroup";
33
+ ToggleGroup.displayName = 'ToggleGroup';
package/toggle/index.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- export { Toggle } from "./Toggle.js";
2
- export type * from "./Toggle.js";
1
+ export { Toggle, ToggleGroup } from "./Toggle.styled.js";
2
+ export type { ToggleProps } from "./Toggle.styled.js";
package/toggle/index.js CHANGED
@@ -9,4 +9,10 @@ Object.defineProperty(exports, "Toggle", {
9
9
  return _Toggle.Toggle;
10
10
  }
11
11
  });
12
- var _Toggle = require("./Toggle");
12
+ Object.defineProperty(exports, "ToggleGroup", {
13
+ enumerable: true,
14
+ get: function () {
15
+ return _Toggle.ToggleGroup;
16
+ }
17
+ });
18
+ var _Toggle = require("./Toggle.styled");
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
3
+ export declare const Group: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
+ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
5
+ export declare const Link: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
6
+ export declare const Input: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarInputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
7
+ export declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,71 @@
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.Separator = exports.Root = exports.Link = exports.Input = exports.Group = exports.Button = void 0;
8
+ var React = _interopRequireWildcard(require("react"));
9
+ var H = _interopRequireWildcard(require("./index.parts"));
10
+ var _cx = require("../_cx");
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
+ const Root = exports.Root = /*#__PURE__*/React.forwardRef(({
13
+ className,
14
+ ...props
15
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Root, {
16
+ className: (0, _cx.cx)('tale-toolbar', className),
17
+ ref: ref,
18
+ ...props
19
+ }));
20
+ if (process.env.NODE_ENV !== "production") Root.displayName = "Root";
21
+ Root.displayName = 'Toolbar.Root';
22
+ const Group = exports.Group = /*#__PURE__*/React.forwardRef(({
23
+ className,
24
+ ...props
25
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Group, {
26
+ className: (0, _cx.cx)('tale-toolbar__group', className),
27
+ ref: ref,
28
+ ...props
29
+ }));
30
+ if (process.env.NODE_ENV !== "production") Group.displayName = "Group";
31
+ Group.displayName = 'Toolbar.Group';
32
+ const Button = exports.Button = /*#__PURE__*/React.forwardRef(({
33
+ className,
34
+ ...props
35
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Button, {
36
+ className: (0, _cx.cx)('tale-toolbar__button', className),
37
+ ref: ref,
38
+ ...props
39
+ }));
40
+ if (process.env.NODE_ENV !== "production") Button.displayName = "Button";
41
+ Button.displayName = 'Toolbar.Button';
42
+ const Link = exports.Link = /*#__PURE__*/React.forwardRef(({
43
+ className,
44
+ ...props
45
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Link, {
46
+ className: (0, _cx.cx)('tale-toolbar__link', className),
47
+ ref: ref,
48
+ ...props
49
+ }));
50
+ if (process.env.NODE_ENV !== "production") Link.displayName = "Link";
51
+ Link.displayName = 'Toolbar.Link';
52
+ const Input = exports.Input = /*#__PURE__*/React.forwardRef(({
53
+ className,
54
+ ...props
55
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Input, {
56
+ className: (0, _cx.cx)('tale-toolbar__input tale-input', className),
57
+ ref: ref,
58
+ ...props
59
+ }));
60
+ if (process.env.NODE_ENV !== "production") Input.displayName = "Input";
61
+ Input.displayName = 'Toolbar.Input';
62
+ const Separator = exports.Separator = /*#__PURE__*/React.forwardRef(({
63
+ className,
64
+ ...props
65
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Separator, {
66
+ className: (0, _cx.cx)('tale-toolbar__separator', className),
67
+ ref: ref,
68
+ ...props
69
+ }));
70
+ if (process.env.NODE_ENV !== "production") Separator.displayName = "Separator";
71
+ Separator.displayName = 'Toolbar.Separator';
@@ -1,4 +1,4 @@
1
- export * as Toolbar from "./index.parts.js";
1
+ export * as Toolbar from "./Toolbar.styled.js";
2
2
  export type { Orientation } from "./index.parts.js";
3
3
  export type * from "./root/ToolbarRoot.js";
4
4
  export type * from "./group/ToolbarGroup.js";
package/toolbar/index.js CHANGED
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.Toolbar = void 0;
8
- var _Toolbar = _interopRequireWildcard(require("./index.parts"));
8
+ var _Toolbar = _interopRequireWildcard(require("./Toolbar.styled"));
9
9
  exports.Toolbar = _Toolbar;
@@ -0,0 +1,39 @@
1
+ import * as React from 'react';
2
+ import * as H from "./index.parts.js";
3
+ import type { TooltipRootState, TooltipRootProps, TooltipRootActions, TooltipRootChangeEventReason, TooltipRootChangeEventDetails } from "./root/TooltipRoot.js";
4
+ import type { TooltipTriggerState, TooltipTriggerProps } from "./trigger/TooltipTrigger.js";
5
+ import type { TooltipPortalProps } from "./portal/TooltipPortal.js";
6
+ import type { TooltipPositionerState, TooltipPositionerProps } from "./positioner/TooltipPositioner.js";
7
+ import type { TooltipPopupState, TooltipPopupProps } from "./popup/TooltipPopup.js";
8
+ export declare const Root: <Payload>(props: H.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
9
+ export declare namespace Root {
10
+ type State = TooltipRootState;
11
+ type Props<Payload = unknown> = TooltipRootProps<Payload>;
12
+ type Actions = TooltipRootActions;
13
+ type ChangeEventReason = TooltipRootChangeEventReason;
14
+ type ChangeEventDetails = TooltipRootChangeEventDetails;
15
+ }
16
+ export declare const Trigger: H.Trigger;
17
+ export declare namespace Trigger {
18
+ type State = TooltipTriggerState;
19
+ type Props<Payload = unknown> = TooltipTriggerProps<Payload>;
20
+ }
21
+ export declare const Portal: React.ForwardRefExoticComponent<Omit<TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
22
+ export declare namespace Portal {
23
+ type Props = TooltipPortalProps;
24
+ }
25
+ export declare const Positioner: React.ForwardRefExoticComponent<Omit<TooltipPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
26
+ export declare namespace Positioner {
27
+ type State = TooltipPositionerState;
28
+ type Props = TooltipPositionerProps;
29
+ }
30
+ export declare const Provider: React.FC<import("./index.js").TooltipProviderProps>;
31
+ export declare const Viewport: React.ForwardRefExoticComponent<Omit<H.Viewport.Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
32
+ export declare const createHandle: typeof H.createHandle;
33
+ export declare const Handle: typeof H.Handle;
34
+ export declare const Popup: typeof H.Popup;
35
+ export declare namespace Popup {
36
+ type State = TooltipPopupState;
37
+ type Props = TooltipPopupProps;
38
+ }
39
+ export declare const Arrow: typeof H.Arrow;
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+
3
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.createHandle = exports.Viewport = exports.Trigger = exports.Root = exports.Provider = exports.Positioner = exports.Portal = exports.Popup = exports.Handle = exports.Arrow = void 0;
8
+ var React = _interopRequireWildcard(require("react"));
9
+ var H = _interopRequireWildcard(require("./index.parts"));
10
+ var _cx = require("../_cx");
11
+ var _jsxRuntime = require("react/jsx-runtime");
12
+ const Root = exports.Root = H.Root;
13
+ const Trigger = exports.Trigger = H.Trigger;
14
+ const Portal = exports.Portal = H.Portal;
15
+ const Positioner = exports.Positioner = H.Positioner;
16
+ const Provider = exports.Provider = H.Provider;
17
+ const Viewport = exports.Viewport = H.Viewport;
18
+ const createHandle = exports.createHandle = H.createHandle;
19
+ const Handle = exports.Handle = H.Handle;
20
+ const StyledPopup = /*#__PURE__*/React.forwardRef(({
21
+ className,
22
+ ...props
23
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Popup, {
24
+ className: (0, _cx.cx)('tale-tooltip__popup', className),
25
+ ref: ref,
26
+ ...props
27
+ }));
28
+ StyledPopup.displayName = 'Tooltip.Popup';
29
+ const Popup = exports.Popup = StyledPopup;
30
+ const StyledArrow = /*#__PURE__*/React.forwardRef(({
31
+ className,
32
+ ...props
33
+ }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Arrow, {
34
+ className: (0, _cx.cx)('tale-tooltip__arrow', className),
35
+ ref: ref,
36
+ ...props
37
+ }));
38
+ StyledArrow.displayName = 'Tooltip.Arrow';
39
+ const Arrow = exports.Arrow = StyledArrow;
@@ -1,4 +1,4 @@
1
- export * as Tooltip from "./index.parts.js";
1
+ export * as Tooltip from "./Tooltip.styled.js";
2
2
  export type * from "./provider/TooltipProvider.js";
3
3
  export type * from "./root/TooltipRoot.js";
4
4
  export type * from "./trigger/TooltipTrigger.js";
package/tooltip/index.js CHANGED
@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.Tooltip = void 0;
8
- var _Tooltip = _interopRequireWildcard(require("./index.parts"));
8
+ var _Tooltip = _interopRequireWildcard(require("./Tooltip.styled"));
9
9
  exports.Tooltip = _Tooltip;