@lotte-innovate/ui-component-test 0.0.36 → 0.0.40

Sign up to get free protection for your applications and to get access to all the features.
Files changed (253) hide show
  1. package/README.md +133 -163
  2. package/dist/globals.css +4 -0
  3. package/dist/lib/Typography/Header/index.d.ts +1 -1
  4. package/dist/lib/Typography/Text/index.d.ts +1 -1
  5. package/dist/lib/color/constants.d.ts +9 -0
  6. package/dist/lib/components/Accordion/index.d.ts +10 -4
  7. package/dist/lib/components/AlertDialog/AlertDialogAction.d.ts +2 -2
  8. package/dist/lib/components/AlertDialog/AlertDialogCancel.d.ts +2 -2
  9. package/dist/lib/components/AlertDialog/AlertDialogContent.d.ts +1 -1
  10. package/dist/lib/components/AlertDialog/AlertDialogRoot.d.ts +16 -0
  11. package/dist/lib/components/AlertDialog/AlertDialogTrigger.d.ts +2 -2
  12. package/dist/lib/components/AlertDialog/index.d.ts +10 -19
  13. package/dist/lib/components/Avatar/index.d.ts +5 -1
  14. package/dist/lib/components/Badge/index.d.ts +2 -2
  15. package/dist/lib/components/BarChart/index.d.ts +37 -0
  16. package/dist/lib/components/BubbleChart/index.d.ts +15 -18
  17. package/dist/lib/components/Button/index.d.ts +2 -2
  18. package/dist/lib/components/Callout/CalloutIcon.d.ts +2 -1
  19. package/dist/lib/components/Callout/CalloutRoot.d.ts +18 -0
  20. package/dist/lib/components/Callout/index.d.ts +6 -19
  21. package/dist/lib/components/Card/index.d.ts +2 -2
  22. package/dist/lib/components/Checkbox/index.d.ts +1 -1
  23. package/dist/lib/components/CheckboxCard/index.d.ts +1 -1
  24. package/dist/lib/components/CheckboxGroup/CheckboxGroupRoot.d.ts +17 -0
  25. package/dist/lib/components/CheckboxGroup/index.d.ts +5 -16
  26. package/dist/lib/components/ContextMenu/ContextMenuCheckboxItem.d.ts +1 -1
  27. package/dist/lib/components/ContextMenu/ContextMenuContent.d.ts +1 -1
  28. package/dist/lib/components/ContextMenu/ContextMenuGroup.d.ts +1 -1
  29. package/dist/lib/components/ContextMenu/ContextMenuItem.d.ts +1 -1
  30. package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.d.ts +1 -1
  31. package/dist/lib/components/ContextMenu/ContextMenuRadioItem.d.ts +1 -1
  32. package/dist/lib/components/ContextMenu/ContextMenuRoot.d.ts +13 -0
  33. package/dist/lib/components/ContextMenu/ContextMenuSubContent.d.ts +1 -1
  34. package/dist/lib/components/ContextMenu/ContextMenuTrigger.d.ts +1 -1
  35. package/dist/lib/components/ContextMenu/index.d.ts +16 -24
  36. package/dist/lib/components/DataList/DataListLabel.d.ts +1 -1
  37. package/dist/lib/components/DataList/DataListRoot.d.ts +14 -0
  38. package/dist/lib/components/DataList/DataListValue.d.ts +1 -1
  39. package/dist/lib/components/DataList/index.d.ts +7 -16
  40. package/dist/lib/components/Dialog/DialogAction.d.ts +1 -3
  41. package/dist/lib/components/Dialog/DialogCancel.d.ts +1 -1
  42. package/dist/lib/components/Dialog/DialogContent.d.ts +1 -1
  43. package/dist/lib/components/Dialog/DialogRoot.d.ts +15 -0
  44. package/dist/lib/components/Dialog/index.d.ts +14 -17
  45. package/dist/lib/components/DoughnutChart/index.d.ts +12 -13
  46. package/dist/lib/components/DropdownMenu/DropdonMenuRadioGroup.d.ts +0 -5
  47. package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.d.ts +1 -1
  48. package/dist/lib/components/DropdownMenu/DropdownMenuCheckboxItem.d.ts +1 -1
  49. package/dist/lib/components/DropdownMenu/DropdownMenuContent.d.ts +1 -1
  50. package/dist/lib/components/DropdownMenu/DropdownMenuItem.d.ts +3 -1
  51. package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.d.ts +1 -1
  52. package/dist/lib/components/DropdownMenu/DropdownMenuLable.d.ts +0 -1
  53. package/dist/lib/components/DropdownMenu/DropdownMenuRadioItem.d.ts +4 -2
  54. package/dist/lib/components/DropdownMenu/DropdownMenuRoot.d.ts +15 -0
  55. package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.d.ts +3 -2
  56. package/dist/lib/components/DropdownMenu/index.d.ts +19 -22
  57. package/dist/lib/components/HoverCard/HoverCardContent.d.ts +2 -2
  58. package/dist/lib/components/HoverCard/HoverCardRoot.d.ts +11 -0
  59. package/dist/lib/components/HoverCard/index.d.ts +9 -9
  60. package/dist/lib/components/IconButton/index.d.ts +1 -1
  61. package/dist/lib/components/Inset/index.d.ts +1 -1
  62. package/dist/lib/components/Label/index.d.ts +1 -1
  63. package/dist/lib/components/LineChart/index.d.ts +43 -0
  64. package/dist/lib/components/Menubar/MenubarContent.d.ts +1 -1
  65. package/dist/lib/components/Menubar/MenubarItem.d.ts +1 -1
  66. package/dist/lib/components/Menubar/MenubarItemIndicator.d.ts +1 -1
  67. package/dist/lib/components/Menubar/MenubarMenu.d.ts +4 -1
  68. package/dist/lib/components/Menubar/MenubarRoot.d.ts +19 -0
  69. package/dist/lib/components/Menubar/MenubarSubContent.d.ts +1 -1
  70. package/dist/lib/components/Menubar/MenubarTrigger.d.ts +1 -1
  71. package/dist/lib/components/Menubar/index.d.ts +18 -30
  72. package/dist/lib/components/NavigationMenu/NavigationMenuContent.d.ts +1 -1
  73. package/dist/lib/components/NavigationMenu/NavigationMenuLink.d.ts +1 -1
  74. package/dist/lib/components/NavigationMenu/NavigationMenuList.d.ts +1 -1
  75. package/dist/lib/components/NavigationMenu/NavigationMenuRoot.d.ts +14 -0
  76. package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.d.ts +1 -1
  77. package/dist/lib/components/NavigationMenu/NavigationMenuViewport.d.ts +2 -2
  78. package/dist/lib/components/NavigationMenu/index.d.ts +11 -20
  79. package/dist/lib/components/PieChart/index.d.ts +12 -13
  80. package/dist/lib/components/Popover/PopoverClose.d.ts +1 -1
  81. package/dist/lib/components/Popover/PopoverContent.d.ts +1 -1
  82. package/dist/lib/components/Popover/PopoverRoot.d.ts +12 -0
  83. package/dist/lib/components/Popover/index.d.ts +10 -11
  84. package/dist/lib/components/Progress/index.d.ts +2 -5
  85. package/dist/lib/components/RadarChart/index.d.ts +19 -21
  86. package/dist/lib/components/Radio/index.d.ts +0 -1
  87. package/dist/lib/components/RadioCards/RadioCardsItem.d.ts +1 -1
  88. package/dist/lib/components/RadioCards/RadioCardsRoot.d.ts +13 -0
  89. package/dist/lib/components/RadioCards/index.d.ts +5 -13
  90. package/dist/lib/components/RadioGroup/RadioGroupRoot.d.ts +15 -0
  91. package/dist/lib/components/RadioGroup/index.d.ts +5 -15
  92. package/dist/lib/components/SegmentedControl/SegmentedControlRoot.d.ts +14 -0
  93. package/dist/lib/components/SegmentedControl/index.d.ts +5 -14
  94. package/dist/lib/components/Select/index.d.ts +17 -8
  95. package/dist/lib/components/Skeleton/index.d.ts +1 -2
  96. package/dist/lib/components/Slider/index.d.ts +1 -2
  97. package/dist/lib/components/TabNav/index.d.ts +6 -2
  98. package/dist/lib/components/Table/index.d.ts +17 -8
  99. package/dist/lib/components/Tabs/index.d.ts +11 -5
  100. package/dist/lib/components/TextArea/index.d.ts +1 -1
  101. package/dist/lib/components/TextField/index.d.ts +7 -4
  102. package/dist/lib/components/Toast/ToastActionButton.d.ts +1 -1
  103. package/dist/lib/components/Toast/ToastRoot.d.ts +27 -0
  104. package/dist/lib/components/Toast/index.d.ts +7 -29
  105. package/dist/lib/components/Toggle/ToggleWithText.d.ts +2 -2
  106. package/dist/lib/components/Toggle/index.d.ts +1 -1
  107. package/dist/lib/components/ToggleGroup/ToggleGroupRoot.d.ts +15 -0
  108. package/dist/lib/components/ToggleGroup/index.d.ts +5 -19
  109. package/dist/lib/components/ToggleSwitch/index.d.ts +1 -1
  110. package/dist/lib/components/Tooltip/index.d.ts +4 -5
  111. package/dist/lib/components/index.d.ts +4 -0
  112. package/dist/lib/constants.d.ts +470 -0
  113. package/dist/lib/types.d.ts +70 -0
  114. package/dist/lib/utils/useDarkMode.d.ts +1 -0
  115. package/dist/lib/utils/utils.d.ts +0 -1
  116. package/package.json +137 -124
  117. package/dist/lib/Typography/Header/index.js +0 -55
  118. package/dist/lib/Typography/Text/index.js +0 -44
  119. package/dist/lib/Typography/index.js +0 -2
  120. package/dist/lib/color/alpha.js +0 -784
  121. package/dist/lib/color/constants.js +0 -200
  122. package/dist/lib/color/dark.js +0 -392
  123. package/dist/lib/color/krdsColors.js +0 -309
  124. package/dist/lib/color/light.js +0 -393
  125. package/dist/lib/components/Accordion/index.js +0 -58
  126. package/dist/lib/components/AlertDialog/AlertDialogAction.js +0 -59
  127. package/dist/lib/components/AlertDialog/AlertDialogCancel.js +0 -56
  128. package/dist/lib/components/AlertDialog/AlertDialogContent.js +0 -49
  129. package/dist/lib/components/AlertDialog/AlertDialogDescription.js +0 -45
  130. package/dist/lib/components/AlertDialog/AlertDialogTitle.js +0 -45
  131. package/dist/lib/components/AlertDialog/AlertDialogTrigger.js +0 -55
  132. package/dist/lib/components/AlertDialog/index.js +0 -37
  133. package/dist/lib/components/AspectRatio/index.js +0 -42
  134. package/dist/lib/components/Avatar/index.js +0 -57
  135. package/dist/lib/components/Badge/index.js +0 -54
  136. package/dist/lib/components/BubbleChart/index.js +0 -43
  137. package/dist/lib/components/Button/index.js +0 -56
  138. package/dist/lib/components/Callout/CalloutIcon.js +0 -57
  139. package/dist/lib/components/Callout/CalloutText.js +0 -52
  140. package/dist/lib/components/Callout/index.js +0 -75
  141. package/dist/lib/components/Card/index.js +0 -64
  142. package/dist/lib/components/Checkbox/index.js +0 -89
  143. package/dist/lib/components/CheckboxCard/index.js +0 -58
  144. package/dist/lib/components/CheckboxGroup/CheckboxGroupItem.js +0 -33
  145. package/dist/lib/components/CheckboxGroup/index.js +0 -35
  146. package/dist/lib/components/ContextMenu/ContextMenuCheckboxItem.js +0 -40
  147. package/dist/lib/components/ContextMenu/ContextMenuContent.js +0 -56
  148. package/dist/lib/components/ContextMenu/ContextMenuGroup.js +0 -30
  149. package/dist/lib/components/ContextMenu/ContextMenuItem.js +0 -59
  150. package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.js +0 -50
  151. package/dist/lib/components/ContextMenu/ContextMenuLabel.js +0 -48
  152. package/dist/lib/components/ContextMenu/ContextMenuRadioGroup.js +0 -31
  153. package/dist/lib/components/ContextMenu/ContextMenuRadioItem.js +0 -41
  154. package/dist/lib/components/ContextMenu/ContextMenuSeparator.js +0 -31
  155. package/dist/lib/components/ContextMenu/ContextMenuSubContent.js +0 -53
  156. package/dist/lib/components/ContextMenu/ContextMenuSubTrigger.js +0 -40
  157. package/dist/lib/components/ContextMenu/ContextMenuTrigger.js +0 -31
  158. package/dist/lib/components/ContextMenu/index.js +0 -54
  159. package/dist/lib/components/DataList/DataListItem.js +0 -43
  160. package/dist/lib/components/DataList/DataListLabel.js +0 -49
  161. package/dist/lib/components/DataList/DataListValue.js +0 -51
  162. package/dist/lib/components/DataList/index.js +0 -57
  163. package/dist/lib/components/Dialog/DialogAction.js +0 -57
  164. package/dist/lib/components/Dialog/DialogCancel.js +0 -53
  165. package/dist/lib/components/Dialog/DialogContent.js +0 -55
  166. package/dist/lib/components/Dialog/DialogDescription.js +0 -45
  167. package/dist/lib/components/Dialog/DialogSlot.js +0 -44
  168. package/dist/lib/components/Dialog/DialogTitle.js +0 -45
  169. package/dist/lib/components/Dialog/DialogTrigger.js +0 -30
  170. package/dist/lib/components/Dialog/index.js +0 -38
  171. package/dist/lib/components/DoughnutChart/index.js +0 -46
  172. package/dist/lib/components/DropdownMenu/DropdonMenuRadioGroup.js +0 -31
  173. package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.js +0 -58
  174. package/dist/lib/components/DropdownMenu/DropdownMenuCheckboxItem.js +0 -38
  175. package/dist/lib/components/DropdownMenu/DropdownMenuContent.js +0 -54
  176. package/dist/lib/components/DropdownMenu/DropdownMenuItem.js +0 -56
  177. package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.js +0 -46
  178. package/dist/lib/components/DropdownMenu/DropdownMenuLable.js +0 -46
  179. package/dist/lib/components/DropdownMenu/DropdownMenuRadioItem.js +0 -39
  180. package/dist/lib/components/DropdownMenu/DropdownMenuSeparator.js +0 -31
  181. package/dist/lib/components/DropdownMenu/DropdownMenuSub.js +0 -30
  182. package/dist/lib/components/DropdownMenu/DropdownMenuSubTrigger.js +0 -38
  183. package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.js +0 -51
  184. package/dist/lib/components/DropdownMenu/index.js +0 -43
  185. package/dist/lib/components/HoverCard/HoverCardContent.js +0 -59
  186. package/dist/lib/components/HoverCard/HoverCardTrigger.js +0 -30
  187. package/dist/lib/components/HoverCard/index.js +0 -33
  188. package/dist/lib/components/IconButton/index.js +0 -63
  189. package/dist/lib/components/Inset/index.js +0 -50
  190. package/dist/lib/components/Label/index.js +0 -53
  191. package/dist/lib/components/Menubar/MenubarCheckboxItem.js +0 -38
  192. package/dist/lib/components/Menubar/MenubarContent.js +0 -60
  193. package/dist/lib/components/Menubar/MenubarItem.js +0 -54
  194. package/dist/lib/components/Menubar/MenubarItemIndicator.js +0 -49
  195. package/dist/lib/components/Menubar/MenubarMenu.js +0 -30
  196. package/dist/lib/components/Menubar/MenubarRadioGroup.js +0 -31
  197. package/dist/lib/components/Menubar/MenubarRadioItem.js +0 -40
  198. package/dist/lib/components/Menubar/MenubarSeparator.js +0 -31
  199. package/dist/lib/components/Menubar/MenubarSub.js +0 -30
  200. package/dist/lib/components/Menubar/MenubarSubContent.js +0 -51
  201. package/dist/lib/components/Menubar/MenubarSubTrigger.js +0 -41
  202. package/dist/lib/components/Menubar/MenubarTrigger.js +0 -57
  203. package/dist/lib/components/Menubar/index.js +0 -73
  204. package/dist/lib/components/NavigationMenu/NavigationMenuContent.js +0 -48
  205. package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.js +0 -31
  206. package/dist/lib/components/NavigationMenu/NavigationMenuItem.js +0 -30
  207. package/dist/lib/components/NavigationMenu/NavigationMenuLink.js +0 -51
  208. package/dist/lib/components/NavigationMenu/NavigationMenuList.js +0 -47
  209. package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.js +0 -58
  210. package/dist/lib/components/NavigationMenu/NavigationMenuViewport.js +0 -53
  211. package/dist/lib/components/NavigationMenu/index.js +0 -50
  212. package/dist/lib/components/PieChart/index.js +0 -46
  213. package/dist/lib/components/Popover/PopoverClose.js +0 -46
  214. package/dist/lib/components/Popover/PopoverContent.js +0 -63
  215. package/dist/lib/components/Popover/PopoverTrigger.js +0 -30
  216. package/dist/lib/components/Popover/index.js +0 -34
  217. package/dist/lib/components/Progress/index.js +0 -57
  218. package/dist/lib/components/RadarChart/index.js +0 -43
  219. package/dist/lib/components/Radio/index.js +0 -51
  220. package/dist/lib/components/RadioCards/RadioCardsItem.js +0 -52
  221. package/dist/lib/components/RadioCards/index.js +0 -43
  222. package/dist/lib/components/RadioGroup/RadioGroupItem.js +0 -44
  223. package/dist/lib/components/RadioGroup/index.js +0 -51
  224. package/dist/lib/components/ScrollArea/index.js +0 -36
  225. package/dist/lib/components/SegmentedControl/SegmentedControlItem.js +0 -35
  226. package/dist/lib/components/SegmentedControl/index.js +0 -48
  227. package/dist/lib/components/Select/index.js +0 -83
  228. package/dist/lib/components/Separator/index.js +0 -47
  229. package/dist/lib/components/Skeleton/index.js +0 -43
  230. package/dist/lib/components/Slider/index.js +0 -50
  231. package/dist/lib/components/Spinner/index.js +0 -47
  232. package/dist/lib/components/TabNav/index.js +0 -46
  233. package/dist/lib/components/Table/index.js +0 -89
  234. package/dist/lib/components/Tabs/index.js +0 -59
  235. package/dist/lib/components/TextArea/index.js +0 -58
  236. package/dist/lib/components/TextField/index.js +0 -53
  237. package/dist/lib/components/Toast/ToastActionButton.js +0 -67
  238. package/dist/lib/components/Toast/ToastDescription.js +0 -53
  239. package/dist/lib/components/Toast/ToastTitle.js +0 -53
  240. package/dist/lib/components/Toast/index.js +0 -94
  241. package/dist/lib/components/Toggle/ToggleWithText.js +0 -57
  242. package/dist/lib/components/Toggle/index.js +0 -58
  243. package/dist/lib/components/ToggleGroup/index.js +0 -43
  244. package/dist/lib/components/ToggleGroup/toggleGroupItem.js +0 -52
  245. package/dist/lib/components/ToggleSwitch/index.js +0 -71
  246. package/dist/lib/components/Tooltip/index.js +0 -49
  247. package/dist/lib/components/index.js +0 -48
  248. package/dist/lib/constants.js +0 -569
  249. package/dist/lib/index.js +0 -2
  250. package/dist/lib/types.js +0 -1
  251. package/dist/lib/utils/utils.js +0 -27
  252. package/dist/tailwind.config.js +0 -144
  253. /package/dist/lib/components/ToggleGroup/{toggleGroupItem.d.ts → ToggleGroupItem.d.ts} +0 -0
@@ -1,47 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import React from 'react';
25
- import { cva } from 'class-variance-authority';
26
- import { Spinner as SpinnerTheme, Theme } from '@radix-ui/themes';
27
- import { cn } from '../../../lib/utils/utils';
28
- import { scalingVariants } from '../../../lib/constants';
29
- var spinnerVariants = cva('', {
30
- variants: {
31
- scaling: __assign({}, scalingVariants),
32
- },
33
- defaultVariants: {
34
- scaling: '100%',
35
- },
36
- });
37
- export var Spinner = React.forwardRef(function (_a, forwardedRef) {
38
- var className = _a.className, children = _a.children, size = _a.size, scaling = _a.scaling, loading = _a.loading, spinnerProps = __rest(_a, ["className", "children", "size", "scaling", "loading"]);
39
- var sizeTheme = '2';
40
- if (size === 'small')
41
- sizeTheme = '1';
42
- if (size === 'large')
43
- sizeTheme = '3';
44
- return (_jsx(Theme, { hasBackground: false, children: _jsx(SpinnerTheme, __assign({ ref: forwardedRef, loading: loading, size: sizeTheme, className: cn('', spinnerVariants({ scaling: scaling }), className) }, spinnerProps, { children: children })) }));
45
- });
46
- Spinner.displayName = 'Spinner';
47
- export default Spinner;
@@ -1,46 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import React from 'react';
25
- import { cva } from 'class-variance-authority';
26
- import { TabNav as TabNavTheme, Theme } from '@radix-ui/themes';
27
- import { cn } from '../../../lib/utils/utils';
28
- var tabNavVariants = cva('', {
29
- variants: {},
30
- });
31
- export var TabNav = React.forwardRef(function (_a, ref) {
32
- var className = _a.className, children = _a.children, size = _a.size, color = _a.color, rootProps = __rest(_a, ["className", "children", "size", "color"]);
33
- if (!color)
34
- color = 'red';
35
- var sizeTheme = '2';
36
- if (size === 'small')
37
- sizeTheme = '1';
38
- return (_jsx(Theme, { accentColor: color, hasBackground: false, children: _jsx(TabNavTheme.Root, __assign({ ref: ref, size: sizeTheme, className: cn('', tabNavVariants({}), className) }, rootProps, { children: children })) }));
39
- });
40
- TabNav.displayName = 'TabNav';
41
- export var TabNavLink = React.forwardRef(function (_a, ref) {
42
- var className = _a.className, children = _a.children, href = _a.href, linkProps = __rest(_a, ["className", "children", "href"]);
43
- return (_jsx(TabNavTheme.Link, __assign({ ref: ref, className: cn('text-slateA-11 dark:text-slateDarkA-11 data-[state=active]:text-slateA-12 dark:data-[state=active]:text-slateDarkA-12', tabNavVariants({}), className), href: href }, linkProps, { children: children })));
44
- });
45
- TabNavLink.displayName = 'TabNav.Link';
46
- export default TabNav;
@@ -1,89 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import React from 'react';
25
- import { cva } from 'class-variance-authority';
26
- import { Table as TableTheme, Theme } from '@radix-ui/themes';
27
- import { cn } from '../../../lib/utils/utils';
28
- import { radiusVariants, scalingVariants } from '../../../lib/constants';
29
- var tableVariants = cva('', {
30
- variants: {
31
- scaling: __assign({}, scalingVariants),
32
- radius: __assign({}, radiusVariants['base']),
33
- },
34
- defaultVariants: {
35
- scaling: '100%',
36
- },
37
- });
38
- var tableRowVariants = cva('', {
39
- variants: {
40
- size: {
41
- small: 'h-[36px]',
42
- medium: 'h-[44px]',
43
- large: 'h-[48px] p-3',
44
- },
45
- },
46
- });
47
- export var Table = React.forwardRef(function (_a, ref) {
48
- var className = _a.className, children = _a.children, appearance = _a.appearance, scaling = _a.scaling, size = _a.size, radius = _a.radius, tableProps = __rest(_a, ["className", "children", "appearance", "scaling", "size", "radius"]);
49
- var sizeTheme = '2';
50
- if (size === 'small')
51
- sizeTheme = '1';
52
- if (size === 'large')
53
- sizeTheme = '3';
54
- if (radius === 'full')
55
- radius = 'large';
56
- return (_jsx(Theme, { hasBackground: false, children: _jsx(TableTheme.Root, __assign({ ref: ref, className: cn('', tableVariants({ scaling: scaling, radius: radius }), className), variant: appearance, size: sizeTheme }, tableProps, { children: children })) }));
57
- });
58
- Table.displayName = 'Table';
59
- export var TableHeader = React.forwardRef(function (_a, forwardedRef) {
60
- var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
61
- return (_jsx(TableTheme.Header, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
62
- });
63
- TableHeader.displayName = 'TableHeader';
64
- export var TableBody = React.forwardRef(function (_a, forwardedRef) {
65
- var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
66
- return (_jsx(TableTheme.Body, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
67
- });
68
- TableBody.displayName = 'TableBody';
69
- export var TableRow = React.forwardRef(function (_a, forwardedRef) {
70
- var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
71
- return (_jsx(TableTheme.Row, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
72
- });
73
- TableRow.displayName = 'TableRow';
74
- export var TableCell = React.forwardRef(function (_a, forwardedRef) {
75
- var className = _a.className, children = _a.children, scaling = _a.scaling, cellProps = __rest(_a, ["className", "children", "scaling"]);
76
- return (_jsx(TableTheme.Cell, __assign({ className: cn('', tableVariants({ scaling: scaling }), className) }, cellProps, { ref: forwardedRef, children: children })));
77
- });
78
- TableCell.displayName = 'TableCell';
79
- export var TableColumnHeaderCell = React.forwardRef(function (_a, forwardedRef) {
80
- var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, props = __rest(_a, ["className", "children", "scaling", "size"]);
81
- return (_jsx(TableTheme.ColumnHeaderCell, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), tableRowVariants({ size: size }), className) }, props, { children: children })));
82
- });
83
- TableColumnHeaderCell.displayName = 'TableColumnHeaderCell';
84
- export var TableRowHeaderCell = React.forwardRef(function (_a, forwardedRef) {
85
- var className = _a.className, children = _a.children, scaling = _a.scaling, props = __rest(_a, ["className", "children", "scaling"]);
86
- return (_jsx(TableTheme.RowHeaderCell, __assign({ ref: forwardedRef, className: cn('', tableVariants({ scaling: scaling }), className) }, props, { children: children })));
87
- });
88
- TableRowHeaderCell.displayName = 'TableRowHeaderCell';
89
- export default Table;
@@ -1,59 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import { Theme, Tabs as TabsTheme } from '@radix-ui/themes';
25
- import React from 'react';
26
- import { cn } from '../../../lib/utils/utils';
27
- import { cva } from 'class-variance-authority';
28
- import { weightVariants } from '../../../lib/constants';
29
- var tabsVariants = cva('', {
30
- variants: {
31
- weight: __assign({}, weightVariants),
32
- },
33
- });
34
- export var Tabs = React.forwardRef(function (_a, forwardedRef) {
35
- var className = _a.className, children = _a.children, color = _a.color, rootProps = __rest(_a, ["className", "children", "color"]);
36
- if (!color)
37
- color = 'red';
38
- return (_jsx(Theme, { accentColor: color, hasBackground: false, children: _jsx(TabsTheme.Root, __assign({}, rootProps, { ref: forwardedRef, className: cn('', className), children: children })) }));
39
- });
40
- Tabs.displayName = 'Tabs';
41
- export var TabsList = React.forwardRef(function (_a, forwardedRef) {
42
- var className = _a.className, weight = _a.weight, children = _a.children, size = _a.size, listProps = __rest(_a, ["className", "weight", "children", "size"]);
43
- var sizeTheme = '2';
44
- if (size === 'small')
45
- sizeTheme = '1';
46
- return (_jsx(TabsTheme.List, __assign({ ref: forwardedRef, size: sizeTheme }, listProps, { className: cn('', className), children: children })));
47
- });
48
- TabsList.displayName = 'TabsList';
49
- export var TabsTrigger = React.forwardRef(function (_a, forwardedRef) {
50
- var className = _a.className, weight = _a.weight, children = _a.children, triggerProps = __rest(_a, ["className", "weight", "children"]);
51
- return (_jsx(TabsTheme.Trigger, __assign({ ref: forwardedRef, className: cn('text-slateA-11 dark:text-slateDarkA-11 data-[state=active]:text-slateA-12 dark:data-[state=active]:text-slateDarkA-12', className) }, triggerProps, { children: children })));
52
- });
53
- TabsTrigger.displayName = 'TabsTrigger';
54
- export var TabsContent = React.forwardRef(function (_a, forwardedRef) {
55
- var className = _a.className, weight = _a.weight, children = _a.children, contentProps = __rest(_a, ["className", "weight", "children"]);
56
- return (_jsx(TabsTheme.Content, __assign({ ref: forwardedRef }, contentProps, { className: cn('mt-3', className), children: children })));
57
- });
58
- TabsContent.displayName = 'TabsTrigger';
59
- export default Tabs;
@@ -1,58 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import React from 'react';
25
- import { cva } from 'class-variance-authority';
26
- import { TextArea as TextAreaTheme, Theme } from '@radix-ui/themes';
27
- import { cn } from '../../../lib/utils/utils';
28
- import { radiusVariants, scalingVariants } from '../../../lib/constants';
29
- var textAreaNavVariants = cva('w-[250px]', {
30
- variants: {
31
- size: {
32
- small: 'text-xs h-[48px]',
33
- medium: 'text-sm h-[64px]',
34
- large: 'text-base h-[80px]',
35
- 'x-large': 'text-lg h-[96px]',
36
- },
37
- scaling: __assign({}, scalingVariants),
38
- radius: __assign({}, radiusVariants['extra-large']),
39
- },
40
- defaultVariants: {
41
- size: 'medium',
42
- scaling: '100%',
43
- radius: 'medium',
44
- },
45
- });
46
- export var TextArea = React.forwardRef(function (_a, forwardedRef) {
47
- var className = _a.className, children = _a.children, size = _a.size, appearance = _a.appearance, scaling = _a.scaling, radius = _a.radius, color = _a.color, textAreaProps = __rest(_a, ["className", "children", "size", "appearance", "scaling", "radius", "color"]);
48
- var sizeTheme = '2';
49
- if (size === 'small')
50
- sizeTheme = '1';
51
- if (size === 'large')
52
- sizeTheme = '3';
53
- if (!color)
54
- color = 'red';
55
- return (_jsx(Theme, { hasBackground: false, accentColor: color, children: _jsx(TextAreaTheme, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, className: cn(textAreaNavVariants({ size: size, scaling: scaling, radius: radius }), size === 'x-large' && 'rt-r-size-4', className) }, textAreaProps)) }));
56
- });
57
- TextArea.displayName = 'TextArea';
58
- export default TextArea;
@@ -1,53 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import React from 'react';
25
- import '@radix-ui/themes/styles.css';
26
- import { cva } from 'class-variance-authority';
27
- import { cn } from '../../../lib/utils/utils';
28
- import { bgColorStyle, radiusVariants } from '../../../lib/constants';
29
- import { Theme, TextField as TextFieldTheme } from '@radix-ui/themes';
30
- var textFieldVariants = cva('', {
31
- variants: {
32
- radius: __assign({}, radiusVariants['base']),
33
- color: bgColorStyle(),
34
- },
35
- });
36
- export var TextField = React.forwardRef(function (_a, forwardedRef) {
37
- var className = _a.className, color = _a.color, size = _a.size, appearance = _a.appearance, _b = _a.scaling, scaling = _b === void 0 ? '100%' : _b, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, ["className", "color", "size", "appearance", "scaling", "radius", "children"]);
38
- if (!color)
39
- color = 'red';
40
- var sizeTheme = '2';
41
- if (size === 'small')
42
- sizeTheme = '1';
43
- if (size === 'large')
44
- sizeTheme = '3';
45
- return (_jsx(Theme, { scaling: scaling, accentColor: color, hasBackground: false, children: _jsx(TextFieldTheme.Root, __assign({ ref: forwardedRef, variant: appearance, size: sizeTheme, radius: radius, color: color, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })) }));
46
- });
47
- TextField.displayName = 'TextField';
48
- export var TextFieldSlot = React.forwardRef(function (_a, forwardedRef) {
49
- var className = _a.className, color = _a.color, side = _a.side, radius = _a.radius, children = _a.children, sliderProps = __rest(_a, ["className", "color", "side", "radius", "children"]);
50
- return (_jsx(TextFieldTheme.Slot, __assign({ ref: forwardedRef, color: color, side: side, className: cn(textFieldVariants({ radius: radius }), className) }, sliderProps, { children: children })));
51
- });
52
- TextFieldSlot.displayName = 'TextFieldSlot';
53
- export default TextField;
@@ -1,67 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import { forwardRef } from 'react';
25
- import * as ToastPrimitive from '@radix-ui/react-toast';
26
- import { cva } from 'class-variance-authority';
27
- import { cn } from '../../../lib/utils/utils';
28
- import Button from '../../../lib/components/Button';
29
- import { appearanceStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
30
- import { useToastContext } from '.';
31
- export var toastActionButtonVariants = cva("absolute items-center justify-center", {
32
- variants: {
33
- radius: __assign({}, radiusVariants['base']),
34
- size: {
35
- small: 'text-xs min-w-[56px] h-[25px] font-normal right-3',
36
- medium: 'text-xs min-w-[56px] h-[25px] font-normal right-3',
37
- large: 'text-[15px] min-w-[76px] h-[35px] font-medium right-4',
38
- 'x-large': 'text-[15px] min-w-[76px] h-[35px] font-medium right-4',
39
- },
40
- scaling: __assign({}, scalingVariants),
41
- },
42
- defaultVariants: {
43
- radius: 'medium',
44
- scaling: '100%',
45
- size: 'medium',
46
- },
47
- });
48
- export var ToastActionButton = forwardRef(function (_a, ref) {
49
- var className = _a.className, children = _a.children, radius = _a.radius, _b = _a.appearance, appearance = _b === void 0 ? 'surface' : _b, _c = _a.altText, altText = _c === void 0 ? 'altText' : _c, props = __rest(_a, ["className", "children", "radius", "appearance", "altText"]);
50
- var _d = useToastContext(), scaling = _d.scaling, size = _d.size, _e = _d.color, color = _e === void 0 ? 'danger' : _e;
51
- var semantics = ['danger', 'warning', 'success', 'information'];
52
- var colorMap = {
53
- danger: 'red',
54
- information: 'sky',
55
- success: 'green',
56
- warning: 'amber',
57
- };
58
- var getSemanticsStyle = function (color) {
59
- var mappedColor = colorMap[color];
60
- return mappedColor ? appearanceStyle('outline', mappedColor) : undefined;
61
- };
62
- var buttonClassName = cn(toastActionButtonVariants({ size: size, radius: radius, scaling: scaling }), color && semantics.includes(color)
63
- ? getSemanticsStyle(color)
64
- : appearanceStyle(appearance, color !== null && color !== void 0 ? color : 'red'), className);
65
- return (_jsx(ToastPrimitive.Action, __assign({ ref: ref, altText: altText }, props, { className: buttonClassName, asChild: true, children: _jsx(Button, { children: children }) })));
66
- });
67
- ToastActionButton.displayName = 'ToastActionButton';
@@ -1,53 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import { forwardRef } from 'react';
25
- import * as ToastPrimitive from '@radix-ui/react-toast';
26
- import { cva } from 'class-variance-authority';
27
- import { cn } from '../../../lib/utils/utils';
28
- import { useToastContext } from '.';
29
- export var toastDescriptionVariants = cva('flex m-0 text-wrap text-slate-11 dark:text-slateDark-11', {
30
- variants: {
31
- size: {
32
- small: 'text-xs font-normal w-[220px]',
33
- medium: 'text-xs font-normal w-[312px]',
34
- large: 'text-base font-medium w-[284px]',
35
- 'x-large': 'text-base font-medium w-[284px]',
36
- },
37
- color: {
38
- danger: 'text-red-11',
39
- warning: 'text-amber-11',
40
- success: 'text-green-11',
41
- information: 'text-sky-11',
42
- },
43
- },
44
- defaultVariants: {
45
- size: 'medium',
46
- },
47
- });
48
- export var ToastDescription = forwardRef(function (_a, ref) {
49
- var className = _a.className, children = _a.children, contentText = _a.contentText, props = __rest(_a, ["className", "children", "contentText"]);
50
- var _b = useToastContext(), size = _b.size, color = _b.color;
51
- return (_jsx(ToastPrimitive.Description, __assign({ ref: ref }, props, { children: _jsx("p", { className: cn(toastDescriptionVariants({ size: size, color: color }), className), children: contentText !== null && contentText !== void 0 ? contentText : children }) })));
52
- });
53
- ToastDescription.displayName = 'ToastDescription';
@@ -1,53 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx } from "react/jsx-runtime";
24
- import { forwardRef } from 'react';
25
- import * as ToastPrimitive from '@radix-ui/react-toast';
26
- import { cva } from 'class-variance-authority';
27
- import { cn } from '../../../lib/utils/utils';
28
- import { useToastContext } from '.';
29
- export var toastTitleVariants = cva('flex mb-[5px] text-slate-12 dark:text-slateDark-12 text-wrap break-words font-medium', {
30
- variants: {
31
- size: {
32
- small: 'text-sm w-[220px]',
33
- medium: 'text-sm w-[312px]',
34
- large: 'text-xl w-[284px]',
35
- 'x-large': 'text-2xl w-[284px]',
36
- },
37
- color: {
38
- danger: 'text-red-11',
39
- warning: 'text-amber-11',
40
- success: 'text-green-11',
41
- information: 'text-sky-11',
42
- },
43
- },
44
- defaultVariants: {
45
- size: 'medium',
46
- },
47
- });
48
- export var ToastTitle = forwardRef(function (_a, ref) {
49
- var className = _a.className, children = _a.children, titleText = _a.titleText, props = __rest(_a, ["className", "children", "titleText"]);
50
- var _b = useToastContext(), size = _b.size, color = _b.color;
51
- return (_jsx(ToastPrimitive.Title, __assign({ ref: ref }, props, { children: _jsx("p", { className: cn(toastTitleVariants({ size: size, color: color }), className), children: titleText !== null && titleText !== void 0 ? titleText : children }) })));
52
- });
53
- ToastTitle.displayName = 'ToastTitle';
@@ -1,94 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
24
- import { forwardRef, createContext, useContext, } from 'react';
25
- import ReactDOM from 'react-dom';
26
- import { cva } from 'class-variance-authority';
27
- import { cn } from '../../../lib/utils/utils';
28
- import * as ToastPrimitive from '@radix-ui/react-toast';
29
- import { scalingVariants } from '../../../lib/constants';
30
- export * from './ToastTitle';
31
- export * from './ToastDescription';
32
- export * from './ToastActionButton';
33
- export var toastVariants = cva('flex bg-white dark:bg-slateDark-1', {
34
- variants: {
35
- radius: {
36
- none: 'rounded-none',
37
- small: 'rounded-[3px]',
38
- medium: 'rounded',
39
- large: 'rounded-md',
40
- full: 'rounded-md',
41
- },
42
- size: {
43
- small: 'w-[300px] min-h-[55px] p-3',
44
- medium: 'w-[400px] min-h-[63px] p-3',
45
- large: 'w-[400px] min-h-[84px] p-4',
46
- 'x-large': 'w-[400px] min-h-[88px] p-4',
47
- },
48
- scaling: __assign({}, scalingVariants),
49
- color: {
50
- danger: 'bg-red-3 dark:bg-redDark-3',
51
- warning: 'bg-amber-3 dark:bg-amberDark-3',
52
- success: 'bg-green-3 dark:bg-greenDark-3',
53
- information: 'bg-sky-3 dark:bg-skyDark-3',
54
- },
55
- },
56
- defaultVariants: {
57
- radius: 'medium',
58
- scaling: '100%',
59
- size: 'medium',
60
- },
61
- });
62
- export var toastViewportVariants = cva("[--viewport-padding:_25px] fixed flex flex-col outline-none gap-[10px]\n p-[var(--viewport-padding)] m-0 list-none z-[987654321]", {
63
- variants: {
64
- toastPosition: {
65
- top_center: 'top-0 left-1/2 transform -translate-x-1/2',
66
- top_left: 'top-0 left-0',
67
- top_right: 'top-0 right-0',
68
- bottom_center: 'bottom-0 left-1/2 transform -translate-x-1/2',
69
- bottom_left: 'bottom-0 left-0',
70
- bottom_right: 'bottom-0 right-0',
71
- },
72
- },
73
- defaultVariants: {
74
- toastPosition: 'top_right',
75
- },
76
- });
77
- var ToastContext = createContext({
78
- radius: 'medium',
79
- scaling: '100%',
80
- size: 'medium',
81
- color: null,
82
- });
83
- export var useToastContext = function () {
84
- return useContext(ToastContext);
85
- };
86
- export var Toast = forwardRef(function (_a, ref) {
87
- var className = _a.className, children = _a.children, openToast = _a.openToast, radius = _a.radius, scaling = _a.scaling, size = _a.size, color = _a.color, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, _c = _a.toastPosition, toastPosition = _c === void 0 ? 'top_right' : _c, setOpenToast = _a.setOpenToast, props = __rest(_a, ["className", "children", "openToast", "radius", "scaling", "size", "color", "duration", "toastPosition", "setOpenToast"]);
88
- var contextValue = { radius: radius, size: size, scaling: scaling, color: color };
89
- var toastRootStyle = "\n shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] \n flex flex-col px-[15px] relative justify-center\n data-[state=open]:animate-slideIn \n data-[state=closed]:animate-hide \n data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] \n data-[swipe=cancel]:translate-x-0 \n data-[swipe=cancel]:transition-[transform_200ms_ease-out] \n data-[swipe=end]:animate-swipeOut\n ";
90
- var toastClassName = cn(toastVariants({ radius: radius, scaling: scaling, size: size, color: color }), toastRootStyle, className);
91
- return ReactDOM.createPortal(_jsx(ToastContext.Provider, { value: contextValue, children: _jsxs(ToastPrimitive.Provider, { swipeDirection: "right", duration: duration, children: [_jsx(ToastPrimitive.Root, __assign({ ref: ref, className: toastClassName, open: openToast, onOpenChange: setOpenToast }, props, { children: children })), _jsx(ToastPrimitive.Viewport, { className: cn(toastViewportVariants({ toastPosition: toastPosition })) })] }) }), document.body);
92
- });
93
- Toast.displayName = 'Toast';
94
- export default Toast;