@a2v2ai/uikit 0.0.28 → 0.0.30

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 (76) hide show
  1. package/Alert/Alert.d.ts +1 -1
  2. package/Alert/Alert.js +9 -48
  3. package/AlertDialog/AlertDialog.d.ts +3 -3
  4. package/AlertDialog/AlertDialog.js +19 -69
  5. package/Avatar/Avatar.d.ts +1 -1
  6. package/Avatar/Avatar.js +10 -49
  7. package/Badge/Badge.d.ts +1 -1
  8. package/Badge/Badge.js +7 -10
  9. package/Breadcrumb/Breadcrumb.js +14 -56
  10. package/Button/Button.d.ts +1 -1
  11. package/Button/Button.js +9 -46
  12. package/Calendar/Calendar.js +43 -79
  13. package/Card/Card.d.ts +1 -1
  14. package/Card/Card.js +12 -54
  15. package/Carousel/Carousel.d.ts +5 -5
  16. package/Carousel/Carousel.js +20 -67
  17. package/ChatBubble/ChatBubble.d.ts +2 -2
  18. package/ChatBubble/ChatBubble.js +9 -47
  19. package/Checkbox/Checkbox.d.ts +1 -1
  20. package/Checkbox/Checkbox.js +9 -46
  21. package/DataTable/DataTable.d.ts +21 -0
  22. package/DataTable/DataTable.js +20 -0
  23. package/Drawer/Drawer.d.ts +2 -2
  24. package/Drawer/Drawer.js +20 -34
  25. package/DropdownMenu/DropdownMenu.js +15 -65
  26. package/ErrorMessage/ErrorMessage.js +6 -7
  27. package/Flex/Flex.d.ts +1 -1
  28. package/Flex/Flex.js +7 -44
  29. package/IconButton/IconButton.d.ts +1 -1
  30. package/IconButton/IconButton.js +9 -46
  31. package/Input/Input.d.ts +1 -1
  32. package/Input/Input.js +12 -48
  33. package/InputOTP/InputOTP.d.ts +2 -2
  34. package/InputOTP/InputOTP.js +15 -56
  35. package/Label/Label.d.ts +1 -1
  36. package/Label/Label.js +11 -48
  37. package/Loader/Loader.d.ts +1 -1
  38. package/Loader/Loader.js +10 -47
  39. package/Menubar/Menubar.js +22 -71
  40. package/Menubar/index.js +1 -20
  41. package/Popover/Popover.js +6 -45
  42. package/Progress/Progress.d.ts +2 -2
  43. package/Progress/Progress.js +9 -47
  44. package/RadioGroup/RadioGroup.d.ts +1 -1
  45. package/RadioGroup/RadioGroup.js +10 -48
  46. package/ScrollArea/ScrollArea.js +8 -45
  47. package/Select/Select.d.ts +1 -1
  48. package/Select/Select.js +20 -65
  49. package/Separator/Separator.js +6 -42
  50. package/Sidebar/Sidebar.d.ts +2 -2
  51. package/Sidebar/Sidebar.js +22 -67
  52. package/Sidebar/index.js +1 -17
  53. package/Skeleton/Skeleton.js +5 -6
  54. package/Slider/Slider.js +6 -42
  55. package/Spinner/Spinner.d.ts +1 -1
  56. package/Spinner/Spinner.js +7 -44
  57. package/Switch/Switch.d.ts +1 -1
  58. package/Switch/Switch.js +9 -46
  59. package/Table/Table.js +12 -55
  60. package/Tabs/Tabs.d.ts +1 -1
  61. package/Tabs/Tabs.js +10 -50
  62. package/Textarea/Textarea.d.ts +1 -1
  63. package/Textarea/Textarea.js +9 -45
  64. package/Toast/Toast.js +10 -14
  65. package/Tooltip/Tooltip.d.ts +1 -1
  66. package/Tooltip/Tooltip.js +11 -50
  67. package/Typography/Typography.d.ts +1 -1
  68. package/Typography/Typography.js +12 -15
  69. package/helpers.js +4 -12
  70. package/icons.js +1 -17
  71. package/index.d.ts +1 -0
  72. package/index.js +41 -233
  73. package/lib/typography-types.js +2 -5
  74. package/lib/utils.js +5 -9
  75. package/package.json +2 -1
  76. package/tmpclaude-2407-cwd +1 -0
@@ -1,44 +1,8 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.spinnerVariants = exports.Spinner = void 0;
37
- const jsx_runtime_1 = require("react/jsx-runtime");
38
- const React = __importStar(require("react"));
39
- const class_variance_authority_1 = require("class-variance-authority");
40
- const utils_1 = require("../lib/utils");
41
- const spinnerVariants = (0, class_variance_authority_1.cva)("animate-spin", {
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import { cva } from "class-variance-authority";
4
+ import { cn } from "../lib/utils";
5
+ const spinnerVariants = cva("animate-spin", {
42
6
  variants: {
43
7
  size: {
44
8
  sm: "size-4",
@@ -60,9 +24,8 @@ const spinnerVariants = (0, class_variance_authority_1.cva)("animate-spin", {
60
24
  variant: "default",
61
25
  },
62
26
  });
63
- exports.spinnerVariants = spinnerVariants;
64
27
  const Spinner = React.forwardRef(({ className, size, variant, label = "Loading", ...props }, ref) => {
65
- return ((0, jsx_runtime_1.jsxs)("svg", { ref: ref, className: (0, utils_1.cn)(spinnerVariants({ size, variant, className })), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", role: "status", "aria-label": label, ...props, children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }));
28
+ return (_jsxs("svg", { ref: ref, className: cn(spinnerVariants({ size, variant, className })), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", role: "status", "aria-label": label, ...props, children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }));
66
29
  });
67
- exports.Spinner = Spinner;
68
30
  Spinner.displayName = "Spinner";
31
+ export { Spinner, spinnerVariants };
@@ -3,7 +3,7 @@ import * as SwitchPrimitive from "@radix-ui/react-switch";
3
3
  type SwitchSize = "small" | "regular";
4
4
  declare const switchVariants: (props?: ({
5
5
  size?: "small" | "regular" | null | undefined;
6
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
6
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
7
  export interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
8
8
  size?: SwitchSize;
9
9
  }
package/Switch/Switch.js CHANGED
@@ -1,45 +1,9 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.switchVariants = exports.Switch = void 0;
37
- const jsx_runtime_1 = require("react/jsx-runtime");
38
- const React = __importStar(require("react"));
39
- const SwitchPrimitive = __importStar(require("@radix-ui/react-switch"));
40
- const class_variance_authority_1 = require("class-variance-authority");
41
- const utils_1 = require("../lib/utils");
42
- const switchVariants = (0, class_variance_authority_1.cva)("peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-600 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-accent-600 data-[state=unchecked]:bg-grey-200", {
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import * as SwitchPrimitive from "@radix-ui/react-switch";
4
+ import { cva } from "class-variance-authority";
5
+ import { cn } from "../lib/utils";
6
+ const switchVariants = cva("peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-600 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-accent-600 data-[state=unchecked]:bg-grey-200", {
43
7
  variants: {
44
8
  size: {
45
9
  small: "h-5 w-9",
@@ -50,8 +14,7 @@ const switchVariants = (0, class_variance_authority_1.cva)("peer inline-flex shr
50
14
  size: "regular",
51
15
  },
52
16
  });
53
- exports.switchVariants = switchVariants;
54
- const switchThumbVariants = (0, class_variance_authority_1.cva)("pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0", {
17
+ const switchThumbVariants = cva("pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0", {
55
18
  variants: {
56
19
  size: {
57
20
  small: "size-4 data-[state=checked]:translate-x-4",
@@ -62,6 +25,6 @@ const switchThumbVariants = (0, class_variance_authority_1.cva)("pointer-events-
62
25
  size: "regular",
63
26
  },
64
27
  });
65
- const Switch = React.forwardRef(({ className, size, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SwitchPrimitive.Root, { className: (0, utils_1.cn)(switchVariants({ size }), className), ...props, ref: ref, children: (0, jsx_runtime_1.jsx)(SwitchPrimitive.Thumb, { className: (0, utils_1.cn)(switchThumbVariants({ size })) }) })));
66
- exports.Switch = Switch;
28
+ const Switch = React.forwardRef(({ className, size, ...props }, ref) => (_jsx(SwitchPrimitive.Root, { className: cn(switchVariants({ size }), className), ...props, ref: ref, children: _jsx(SwitchPrimitive.Thumb, { className: cn(switchThumbVariants({ size })) }) })));
67
29
  Switch.displayName = SwitchPrimitive.Root.displayName;
30
+ export { Switch, switchVariants };
package/Table/Table.js CHANGED
@@ -1,63 +1,20 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.TableCaption = exports.TableCell = exports.TableRow = exports.TableHead = exports.TableFooter = exports.TableBody = exports.TableHeader = exports.Table = void 0;
37
- const jsx_runtime_1 = require("react/jsx-runtime");
38
- const React = __importStar(require("react"));
39
- const utils_1 = require("../lib/utils");
40
- const Table = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("table", { ref: ref, className: (0, utils_1.cn)("w-full caption-bottom text-sm", className), ...props })));
41
- exports.Table = Table;
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import { cn } from "../lib/utils";
4
+ const Table = React.forwardRef(({ className, ...props }, ref) => (_jsx("table", { ref: ref, className: cn("w-full caption-bottom text-sm", className), ...props })));
42
5
  Table.displayName = "Table";
43
- const TableHeader = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("thead", { ref: ref, className: (0, utils_1.cn)("[&_tr]:border-b", className), ...props })));
44
- exports.TableHeader = TableHeader;
6
+ const TableHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("thead", { ref: ref, className: cn("bg-background-neutral-200 [&_tr]:border-b [&_tr]:hover:bg-background-neutral-200", className), ...props })));
45
7
  TableHeader.displayName = "TableHeader";
46
- const TableBody = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("tbody", { ref: ref, className: (0, utils_1.cn)("[&_tr:last-child]:border-0", className), ...props })));
47
- exports.TableBody = TableBody;
8
+ const TableBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("tbody", { ref: ref, className: cn("[&_tr:last-child]:border-0", className), ...props })));
48
9
  TableBody.displayName = "TableBody";
49
- const TableFooter = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("tfoot", { ref: ref, className: (0, utils_1.cn)("border-t bg-grey-100/50 font-medium [&>tr]:last:border-b-0", className), ...props })));
50
- exports.TableFooter = TableFooter;
10
+ const TableFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("tfoot", { ref: ref, className: cn("border-t bg-background-neutral-200 font-medium text-main-900 [&>tr]:last:border-b-0", className), ...props })));
51
11
  TableFooter.displayName = "TableFooter";
52
- const TableRow = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("tr", { ref: ref, className: (0, utils_1.cn)("border-b border-grey-200 transition-colors hover:bg-grey-50/50 data-[state=selected]:bg-grey-100", className), ...props })));
53
- exports.TableRow = TableRow;
12
+ const TableRow = React.forwardRef(({ className, ...props }, ref) => (_jsx("tr", { ref: ref, className: cn("border-b border-grey-200 transition-colors hover:bg-grey-50 data-[state=selected]:bg-grey-100", className), ...props })));
54
13
  TableRow.displayName = "TableRow";
55
- const TableHead = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("th", { ref: ref, className: (0, utils_1.cn)("h-10 px-3 text-left align-middle font-medium text-grey-500 [&:has([role=checkbox])]:pr-0", className), ...props })));
56
- exports.TableHead = TableHead;
14
+ const TableHead = React.forwardRef(({ className, ...props }, ref) => (_jsx("th", { ref: ref, className: cn("h-10 px-3 text-left align-middle font-normal text-main-900 [&:has([role=checkbox])]:pr-0", className), ...props })));
57
15
  TableHead.displayName = "TableHead";
58
- const TableCell = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("td", { ref: ref, className: (0, utils_1.cn)("p-3 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })));
59
- exports.TableCell = TableCell;
16
+ const TableCell = React.forwardRef(({ className, ...props }, ref) => (_jsx("td", { ref: ref, className: cn("p-3 align-middle text-main-600 [&:has([role=checkbox])]:pr-0", className), ...props })));
60
17
  TableCell.displayName = "TableCell";
61
- const TableCaption = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("caption", { ref: ref, className: (0, utils_1.cn)("mt-4 text-sm text-grey-500", className), ...props })));
62
- exports.TableCaption = TableCaption;
18
+ const TableCaption = React.forwardRef(({ className, ...props }, ref) => (_jsx("caption", { ref: ref, className: cn("mt-4 text-sm text-main-600", className), ...props })));
63
19
  TableCaption.displayName = "TableCaption";
20
+ export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
package/Tabs/Tabs.d.ts CHANGED
@@ -4,7 +4,7 @@ type TabsListVariant = "default" | "outline";
4
4
  declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
5
5
  declare const tabsListVariants: (props?: ({
6
6
  variant?: "default" | "outline" | null | undefined;
7
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
7
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
8
  export interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
9
9
  variant?: TabsListVariant;
10
10
  }
package/Tabs/Tabs.js CHANGED
@@ -1,47 +1,10 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.tabsListVariants = exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = void 0;
37
- const jsx_runtime_1 = require("react/jsx-runtime");
38
- const React = __importStar(require("react"));
39
- const TabsPrimitive = __importStar(require("@radix-ui/react-tabs"));
40
- const class_variance_authority_1 = require("class-variance-authority");
41
- const utils_1 = require("../lib/utils");
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import * as TabsPrimitive from "@radix-ui/react-tabs";
4
+ import { cva } from "class-variance-authority";
5
+ import { cn } from "../lib/utils";
42
6
  const Tabs = TabsPrimitive.Root;
43
- exports.Tabs = Tabs;
44
- const tabsListVariants = (0, class_variance_authority_1.cva)("inline-flex items-center justify-center rounded-lg bg-grey-100 p-1 text-grey-500", {
7
+ const tabsListVariants = cva("inline-flex items-center justify-center rounded-lg bg-grey-100 p-1 text-grey-500", {
45
8
  variants: {
46
9
  variant: {
47
10
  default: "bg-grey-100",
@@ -52,13 +15,10 @@ const tabsListVariants = (0, class_variance_authority_1.cva)("inline-flex items-
52
15
  variant: "default",
53
16
  },
54
17
  });
55
- exports.tabsListVariants = tabsListVariants;
56
- const TabsList = React.forwardRef(({ className, variant, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TabsPrimitive.List, { ref: ref, className: (0, utils_1.cn)(tabsListVariants({ variant }), className), ...props })));
57
- exports.TabsList = TabsList;
18
+ const TabsList = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: cn(tabsListVariants({ variant }), className), ...props })));
58
19
  TabsList.displayName = TabsPrimitive.List.displayName;
59
- const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TabsPrimitive.Trigger, { ref: ref, className: (0, utils_1.cn)("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-main-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-main-950 data-[state=active]:shadow-sm", className), ...props })));
60
- exports.TabsTrigger = TabsTrigger;
20
+ const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-main-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-main-950 data-[state=active]:shadow-sm", className), ...props })));
61
21
  TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
62
- const TabsContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(TabsPrimitive.Content, { ref: ref, className: (0, utils_1.cn)("mt-2 ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-main-950 focus-visible:ring-offset-2", className), ...props })));
63
- exports.TabsContent = TabsContent;
22
+ const TabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: cn("mt-2 ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-main-950 focus-visible:ring-offset-2", className), ...props })));
64
23
  TabsContent.displayName = TabsPrimitive.Content.displayName;
24
+ export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };
@@ -5,7 +5,7 @@ type TextareaResize = "none" | "vertical" | "horizontal" | "both";
5
5
  declare const textareaVariants: (props?: ({
6
6
  variant?: "default" | "error" | null | undefined;
7
7
  resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
8
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
8
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
9
9
  export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
10
10
  variant?: TextareaVariant;
11
11
  resize?: TextareaResize;
@@ -1,45 +1,10 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.textareaVariants = exports.Textarea = void 0;
37
- const jsx_runtime_1 = require("react/jsx-runtime");
38
- const React = __importStar(require("react"));
39
- const class_variance_authority_1 = require("class-variance-authority");
40
- const utils_1 = require("../lib/utils");
41
- const Label_1 = require("../Label/Label");
42
- const textareaVariants = (0, class_variance_authority_1.cva)("flex min-h-[80px] w-full rounded-lg border bg-white px-3 py-2 text-sm font-normal font-sans transition-colors placeholder:text-grey-400 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-grey-50", {
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import { cva } from "class-variance-authority";
4
+ import { cn } from "../lib/utils";
5
+ import { Label } from "../Label/Label";
6
+ import {} from "../lib/typography-types";
7
+ const textareaVariants = cva("flex min-h-[80px] w-full rounded-lg border bg-white px-3 py-2 text-sm font-normal font-sans transition-colors placeholder:text-grey-400 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-grey-50", {
43
8
  variants: {
44
9
  variant: {
45
10
  default: "border-grey-300 focus-visible:border-grey-300 focus-visible:ring-[3px] focus-visible:ring-grey-300/50",
@@ -57,9 +22,8 @@ const textareaVariants = (0, class_variance_authority_1.cva)("flex min-h-[80px]
57
22
  resize: "vertical",
58
23
  },
59
24
  });
60
- exports.textareaVariants = textareaVariants;
61
25
  const Textarea = React.forwardRef(({ className, variant, resize, label, labelVariant = "body2", labelColor = "main-800", id, ...props }, ref) => {
62
- return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [label && ((0, jsx_runtime_1.jsx)(Label_1.Label, { htmlFor: id, variant: labelVariant, color: labelColor, children: label })), (0, jsx_runtime_1.jsx)("textarea", { id: id, className: (0, utils_1.cn)(textareaVariants({ variant, resize }), className), ref: ref, ...props })] }));
26
+ return (_jsxs("div", { className: "flex flex-col gap-2 w-full", children: [label && (_jsx(Label, { htmlFor: id, variant: labelVariant, color: labelColor, children: label })), _jsx("textarea", { id: id, className: cn(textareaVariants({ variant, resize }), className), ref: ref, ...props })] }));
63
27
  });
64
- exports.Textarea = Textarea;
65
28
  Textarea.displayName = "Textarea";
29
+ export { Textarea, textareaVariants };
package/Toast/Toast.js CHANGED
@@ -1,18 +1,14 @@
1
- "use strict";
2
1
  "use client";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.toast = exports.Toaster = void 0;
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const lucide_react_1 = require("lucide-react");
7
- const sonner_1 = require("sonner");
8
- Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return sonner_1.toast; } });
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon, } from "lucide-react";
4
+ import { Toaster as Sonner, toast } from "sonner";
9
5
  const Toaster = ({ theme = "light", ...props }) => {
10
- return ((0, jsx_runtime_1.jsx)(sonner_1.Toaster, { theme: theme, className: "toaster group", icons: {
11
- success: (0, jsx_runtime_1.jsx)(lucide_react_1.CircleCheckIcon, { className: "size-4" }),
12
- info: (0, jsx_runtime_1.jsx)(lucide_react_1.InfoIcon, { className: "size-4" }),
13
- warning: (0, jsx_runtime_1.jsx)(lucide_react_1.TriangleAlertIcon, { className: "size-4" }),
14
- error: (0, jsx_runtime_1.jsx)(lucide_react_1.OctagonXIcon, { className: "size-4" }),
15
- loading: (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2Icon, { className: "size-4 animate-spin" }),
6
+ return (_jsx(Sonner, { theme: theme, className: "toaster group", icons: {
7
+ success: _jsx(CircleCheckIcon, { className: "size-4" }),
8
+ info: _jsx(InfoIcon, { className: "size-4" }),
9
+ warning: _jsx(TriangleAlertIcon, { className: "size-4" }),
10
+ error: _jsx(OctagonXIcon, { className: "size-4" }),
11
+ loading: _jsx(Loader2Icon, { className: "size-4 animate-spin" }),
16
12
  }, toastOptions: {
17
13
  classNames: {
18
14
  toast: "group toast group-[.toaster]:bg-white group-[.toaster]:text-main-950 group-[.toaster]:border-grey-200 group-[.toaster]:shadow-lg group-[.toaster]:rounded-lg",
@@ -26,4 +22,4 @@ const Toaster = ({ theme = "light", ...props }) => {
26
22
  },
27
23
  }, ...props }));
28
24
  };
29
- exports.Toaster = Toaster;
25
+ export { Toaster, toast };
@@ -3,7 +3,7 @@ import * as TooltipPrimitive from "@radix-ui/react-tooltip";
3
3
  type TooltipContentVariant = "default" | "light";
4
4
  declare const tooltipContentVariants: (props?: ({
5
5
  variant?: "default" | "light" | null | undefined;
6
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
6
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
7
  declare function TooltipProvider({ delayDuration, skipDelayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
8
8
  declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
9
9
  declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
@@ -1,48 +1,9 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.tooltipContentVariants = void 0;
37
- exports.Tooltip = Tooltip;
38
- exports.TooltipTrigger = TooltipTrigger;
39
- exports.TooltipContent = TooltipContent;
40
- exports.TooltipProvider = TooltipProvider;
41
- const jsx_runtime_1 = require("react/jsx-runtime");
42
- const TooltipPrimitive = __importStar(require("@radix-ui/react-tooltip"));
43
- const class_variance_authority_1 = require("class-variance-authority");
44
- const utils_1 = require("../lib/utils");
45
- const tooltipContentVariants = (0, class_variance_authority_1.cva)("z-50 overflow-hidden rounded-lg bg-neutral-950 px-2 py-1.5 text-xs text-neutral-50 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", {
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import * as TooltipPrimitive from "@radix-ui/react-tooltip";
4
+ import { cva } from "class-variance-authority";
5
+ import { cn } from "../lib/utils";
6
+ const tooltipContentVariants = cva("z-50 overflow-hidden rounded-lg bg-neutral-950 px-2 py-1.5 text-xs text-neutral-50 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", {
46
7
  variants: {
47
8
  variant: {
48
9
  default: "bg-neutral-950 text-neutral-50",
@@ -53,16 +14,16 @@ const tooltipContentVariants = (0, class_variance_authority_1.cva)("z-50 overflo
53
14
  variant: "default",
54
15
  },
55
16
  });
56
- exports.tooltipContentVariants = tooltipContentVariants;
57
17
  function TooltipProvider({ delayDuration = 200, skipDelayDuration = 300, ...props }) {
58
- return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Provider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, ...props }));
18
+ return (_jsx(TooltipPrimitive.Provider, { delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, ...props }));
59
19
  }
60
20
  function Tooltip({ ...props }) {
61
- return (0, jsx_runtime_1.jsx)(TooltipPrimitive.Root, { ...props });
21
+ return _jsx(TooltipPrimitive.Root, { ...props });
62
22
  }
63
23
  function TooltipTrigger({ ...props }) {
64
- return (0, jsx_runtime_1.jsx)(TooltipPrimitive.Trigger, { ...props });
24
+ return _jsx(TooltipPrimitive.Trigger, { ...props });
65
25
  }
66
26
  function TooltipContent({ className, sideOffset = 4, variant, showArrow = true, children, ...props }) {
67
- return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, { sideOffset: sideOffset, className: (0, utils_1.cn)(tooltipContentVariants({ variant }), className), ...props, children: [children, showArrow && ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Arrow, { className: (0, utils_1.cn)("fill-neutral-950", variant === "light" && "fill-white"), width: 11, height: 5 }))] }) }));
27
+ return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, { sideOffset: sideOffset, className: cn(tooltipContentVariants({ variant }), className), ...props, children: [children, showArrow && (_jsx(TooltipPrimitive.Arrow, { className: cn("fill-neutral-950", variant === "light" && "fill-white"), width: 11, height: 5 }))] }) }));
68
28
  }
29
+ export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, };
@@ -4,7 +4,7 @@ declare const typographyVariants: (props?: ({
4
4
  align?: "center" | "left" | "right" | "justify" | null | undefined;
5
5
  variant?: TextVariant | null | undefined;
6
6
  color?: TextColor | null | undefined;
7
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
7
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
8
  type TypographyVariant = TextVariant;
9
9
  type TypographyColor = TextColor;
10
10
  type TypographyAlign = "left" | "center" | "right" | "justify";
@@ -1,13 +1,10 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.typographyVariants = void 0;
4
- exports.Typography = Typography;
5
- const jsx_runtime_1 = require("react/jsx-runtime");
6
- const react_slot_1 = require("@radix-ui/react-slot");
7
- const class_variance_authority_1 = require("class-variance-authority");
8
- const utils_1 = require("../lib/utils");
9
- const typography_types_1 = require("../lib/typography-types");
10
- const typographyVariants = (0, class_variance_authority_1.cva)("", {
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import { Slot } from "@radix-ui/react-slot";
4
+ import { cva } from "class-variance-authority";
5
+ import { cn } from "../lib/utils";
6
+ import { textVariantClasses, textColorClasses, } from "../lib/typography-types";
7
+ const typographyVariants = cva("", {
11
8
  variants: {
12
9
  align: {
13
10
  left: "text-left",
@@ -15,15 +12,14 @@ const typographyVariants = (0, class_variance_authority_1.cva)("", {
15
12
  right: "text-right",
16
13
  justify: "text-justify",
17
14
  },
18
- variant: typography_types_1.textVariantClasses,
19
- color: typography_types_1.textColorClasses,
15
+ variant: textVariantClasses,
16
+ color: textColorClasses,
20
17
  },
21
18
  defaultVariants: {
22
19
  variant: "body1",
23
20
  color: "default",
24
21
  },
25
22
  });
26
- exports.typographyVariants = typographyVariants;
27
23
  const variantElementMap = {
28
24
  h1: "h1",
29
25
  h2: "h2",
@@ -41,6 +37,7 @@ const variantElementMap = {
41
37
  };
42
38
  function Typography({ className, variant = "body1", color = "default", align, as, asChild = false, ...props }) {
43
39
  const defaultElement = variant ? variantElementMap[variant] : "p";
44
- const Component = asChild ? react_slot_1.Slot : as ?? defaultElement;
45
- return ((0, jsx_runtime_1.jsx)(Component, { "data-slot": "typography", className: (0, utils_1.cn)(typographyVariants({ variant, color, align, className })), ...props }));
40
+ const Component = asChild ? Slot : as ?? defaultElement;
41
+ return (_jsx(Component, { "data-slot": "typography", className: cn(typographyVariants({ variant, color, align, className })), ...props }));
46
42
  }
43
+ export { Typography, typographyVariants };
package/helpers.js CHANGED
@@ -1,13 +1,5 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.cva = exports.twMerge = exports.clsx = exports.copyToClipboard = exports.cn = void 0;
4
1
  // Helpers (re-exported utilities)
5
- var utils_1 = require("./lib/utils");
6
- Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return utils_1.cn; } });
7
- Object.defineProperty(exports, "copyToClipboard", { enumerable: true, get: function () { return utils_1.copyToClipboard; } });
8
- var clsx_1 = require("clsx");
9
- Object.defineProperty(exports, "clsx", { enumerable: true, get: function () { return clsx_1.clsx; } });
10
- var tailwind_merge_1 = require("tailwind-merge");
11
- Object.defineProperty(exports, "twMerge", { enumerable: true, get: function () { return tailwind_merge_1.twMerge; } });
12
- var class_variance_authority_1 = require("class-variance-authority");
13
- Object.defineProperty(exports, "cva", { enumerable: true, get: function () { return class_variance_authority_1.cva; } });
2
+ export { cn, copyToClipboard } from "./lib/utils";
3
+ export { clsx } from "clsx";
4
+ export { twMerge } from "tailwind-merge";
5
+ export { cva } from "class-variance-authority";
package/icons.js CHANGED
@@ -1,18 +1,2 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
1
  // Re-export all icons from lucide-react
18
- __exportStar(require("lucide-react"), exports);
2
+ export * from "lucide-react";
package/index.d.ts CHANGED
@@ -32,6 +32,7 @@ export { Slider, type SliderProps } from "./Slider/Slider";
32
32
  export { Spinner, spinnerVariants, type SpinnerProps, type SpinnerSize, type SpinnerVariant } from "./Spinner/Spinner";
33
33
  export { Switch, switchVariants, type SwitchProps, type SwitchSize } from "./Switch/Switch";
34
34
  export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from "./Table/Table";
35
+ export { DataTable, type DataTableColumn, type DataTableProps } from "./DataTable/DataTable";
35
36
  export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants, type TabsListProps, type TabsListVariant } from "./Tabs/Tabs";
36
37
  export { Textarea, textareaVariants, type TextareaProps, type TextareaVariant, type TextareaResize } from "./Textarea/Textarea";
37
38
  export { Toaster, toast, type ToastProps, type ToastTheme } from "./Toast/Toast";