@taiv/ui 1.0.1 → 1.1.0

package/dist/components/index.js

@@ -1,43 +1,50 @@
 //Data
-export { CheckboxTable } from "./Data/CheckboxTable";
-export { RemovableItemList } from "./Data/RemovableItemList";
+export { CheckboxTable } from './Data/CheckboxTable';
+export { Chart } from './Data/Chart';
+export { PieChart } from './Data/PieChart';
+export { RemovableItemList } from './Data/RemovableItemList';
+export { StatsCard } from './Data/StatsCard';
 //Info
-export { ModalProvider } from "./Info/Modals/ModalProvider";
-export { Modal } from "./Info/Modals/Modal";
-export { useConfirmationModal } from "./Info/Modals/ConfirmationModal";
-export { useInfoModal } from "./Info/Modals/InfoModal";
-export { NotificationProvider } from "./Info/Notifications/NotificationProvider";
-export { useNotifications } from "./Info/Notifications/Notifications";
-export { InfoTooltip } from "./Info/Tooltips/InfoTooltip";
-export { Tooltip } from "./Info/Tooltips/Tooltip";
+export { Modal } from './Info/Modals/Modal';
+export { ModalProvider } from './Info/Modals/ModalProvider';
+export { NotificationProvider } from './Info/Notifications/NotificationProvider';
+export { Tooltip } from './Info/Tooltips/Tooltip';
+export { InfoTooltip } from './Info/Tooltips/InfoTooltip';
+export { InfoCard } from './Info/InfoCard';
 //Inputs
-export { AutoComplete } from "./Inputs/TextInputs/AutoComplete";
-export { Button } from "./Inputs/Buttons/Button";
-export { UnstyledButton } from "./Inputs/Buttons/UnstyledButton";
-export { Checkbox } from "./Inputs/Controls/Checkbox";
-export { Toggle } from "./Inputs/Controls/Toggle";
-export { FontSelect } from "./Inputs/Dropdowns/FontSelect";
-export { MultiSelect } from "./Inputs/Dropdowns/MultiSelect";
-export { SearchBar } from "./Inputs/TextInputs/SearchBar";
-export { Select } from "./Inputs/Dropdowns/Select";
-export { Slider } from "./Inputs/Sliders/Slider";
-export { VolumeSlider } from "./Inputs/Sliders/VolumeSlider";
-export { TextArea } from "./Inputs/TextInputs/TextArea";
-export { TextInput } from "./Inputs/TextInputs/TextInput";
-export { PasswordInput } from "./Inputs/TextInputs/PasswordInput";
+export { AutoComplete } from './Inputs/TextInputs/AutoComplete';
+export { Button } from './Inputs/Buttons/Button';
+export { UnstyledButton } from './Inputs/Buttons/UnstyledButton';
+export { Checkbox } from './Inputs/Controls/Checkbox';
+export { Toggle } from './Inputs/Controls/Toggle';
+export { FontSelect } from './Inputs/Dropdowns/FontSelect';
+export { MultiSelect } from './Inputs/Dropdowns/MultiSelect';
+export { SearchBar } from './Inputs/TextInputs/SearchBar';
+export { Select } from './Inputs/Dropdowns/Select';
+export { Slider } from './Inputs/Sliders/Slider';
+export { VolumeSlider } from './Inputs/Sliders/VolumeSlider';
+export { TextArea } from './Inputs/TextInputs/TextArea';
+export { TextInput } from './Inputs/TextInputs/TextInput';
+export { PasswordInput } from './Inputs/TextInputs/PasswordInput';
+export { DatePicker } from './Inputs/DatePickers/DatePicker';
 //Layout
-export { Box } from "./Layout/Box";
-export { Center } from "./Layout/Center";
-export { Divider } from "./Layout/Divider";
-export { Frame } from "./Layout/Frame";
-export { Group } from "./Layout/Group";
-export { Loader } from "./Layout/Loader";
-export { Stack } from "./Layout/Stack";
+export { AutoGrid } from './Layout/AutoGrid';
+export { Grid } from './Layout/Grid';
+export { Box } from './Layout/Box';
+export { Center } from './Layout/Center';
+export { Divider } from './Layout/Divider';
+export { Frame } from './Layout/Frame';
+export { Group } from './Layout/Group';
+export { Loader } from './Layout/Loader';
+export { Stack } from './Layout/Stack';
+export { Card } from './Layout/Card';
+export { SectionCard } from './Layout/SectionCard';
+export { Tabs } from './Layout/Tabs';
 //Typography
-export { CollapsibleText } from "./Typography/CollapsibleText";
-export { Text } from "./Typography/Text";
-export { Title } from "./Typography/Title";
+export { CollapsibleText } from './Typography/CollapsibleText';
+export { Text } from './Typography/Text';
+export { Title } from './Typography/Title';
+export { Fraction } from './Typography/Fraction';
 //Misc
-export { Transition } from "./Misc/Transition";
-export { useCopy } from "./Misc/Copy";
-export { useMediaQuery } from "./Misc/MediaQuery";
+export { Transition } from './Misc/Transition';
+export { IconBadge } from './Misc/IconBadge';

package/dist/constants/colors.d.ts

@@ -1,3 +1,10 @@
+export declare const gray: {
+    readonly 25: "#F8FAFC";
+    readonly 50: "#EDEDED";
+    readonly 100: "#D9D9D9";
+    readonly 200: "#6D6D6D";
+    readonly 300: "#3F3F3F";
+};
 export declare const neutral: {
     readonly 25: "#F8FAFC";
     readonly 50: "#EDEDED";
@@ -5,6 +12,13 @@ export declare const neutral: {
     readonly 200: "#6D6D6D";
     readonly 300: "#3F3F3F";
 };
+export declare const blue: {
+    readonly 25: "#EEFAFF";
+    readonly 50: "#BDEAFF";
+    readonly 100: "#74D4FF";
+    readonly 200: "#00A6F4";
+    readonly 300: "#0081CE";
+};
 export declare const primary: {
     readonly 25: "#EEFAFF";
     readonly 50: "#BDEAFF";
@@ -12,30 +26,58 @@ export declare const primary: {
     readonly 200: "#00A6F4";
     readonly 300: "#0081CE";
 };
-export declare const secondary: {
-    readonly 50: "#E8F5E9";
-    readonly 100: "#C8E6C9";
-    readonly 200: "#81C784";
-    readonly 300: "#4CAF50";
+export declare const green: {
+    readonly 25: "#E6F4E7";
+    readonly 50: "#E6F4E7";
+    readonly 100: "#00C951";
+    readonly 200: "#00A63E";
+    readonly 300: "#008236";
 };
 export declare const success: {
+    readonly 25: "#E6F4E7";
     readonly 50: "#E6F4E7";
     readonly 100: "#00C951";
     readonly 200: "#00A63E";
     readonly 300: "#008236";
 };
+export declare const yellow: {
+    readonly 25: "#FFF3E0";
+    readonly 50: "#FFE5B4";
+    readonly 100: "#FE9A00";
+    readonly 200: "#E17100";
+    readonly 300: "#973C00";
+};
 export declare const warning: {
+    readonly 25: "#FFF3E0";
     readonly 50: "#FFE5B4";
     readonly 100: "#FE9A00";
     readonly 200: "#E17100";
     readonly 300: "#973C00";
 };
+export declare const red: {
+    readonly 25: "#FFE5E6";
+    readonly 50: "#FFD7D9";
+    readonly 100: "#FB2C36";
+    readonly 200: "#C10007";
+    readonly 300: "#9F0712";
+};
 export declare const error: {
+    readonly 25: "#FFE5E6";
     readonly 50: "#FFD7D9";
     readonly 100: "#FB2C36";
     readonly 200: "#C10007";
     readonly 300: "#9F0712";
 };
+export declare const purple: {
+    readonly 50: "#EFEAFF";
+    readonly 100: "#D6C8FF";
+    readonly 200: "#7D63C8";
+};
+export declare const salmon: {
+    readonly 50: "#FFEAE6";
+    readonly 100: "#FFD1C7";
+    readonly 200: "#FF806F";
+};
 export declare const colors: {
     readonly neutral: {
         readonly 25: "#F8FAFC";
@@ -51,29 +93,73 @@ export declare const colors: {
         readonly 200: "#00A6F4";
         readonly 300: "#0081CE";
     };
-    readonly secondary: {
-        readonly 50: "#E8F5E9";
-        readonly 100: "#C8E6C9";
-        readonly 200: "#81C784";
-        readonly 300: "#4CAF50";
-    };
     readonly success: {
+        readonly 25: "#E6F4E7";
         readonly 50: "#E6F4E7";
         readonly 100: "#00C951";
         readonly 200: "#00A63E";
         readonly 300: "#008236";
     };
     readonly warning: {
+        readonly 25: "#FFF3E0";
         readonly 50: "#FFE5B4";
         readonly 100: "#FE9A00";
         readonly 200: "#E17100";
         readonly 300: "#973C00";
     };
     readonly error: {
+        readonly 25: "#FFE5E6";
         readonly 50: "#FFD7D9";
         readonly 100: "#FB2C36";
         readonly 200: "#C10007";
         readonly 300: "#9F0712";
     };
 };
+export declare const palettes: {
+    readonly blue: {
+        readonly 25: "#EEFAFF";
+        readonly 50: "#BDEAFF";
+        readonly 100: "#74D4FF";
+        readonly 200: "#00A6F4";
+        readonly 300: "#0081CE";
+    };
+    readonly green: {
+        readonly 25: "#E6F4E7";
+        readonly 50: "#E6F4E7";
+        readonly 100: "#00C951";
+        readonly 200: "#00A63E";
+        readonly 300: "#008236";
+    };
+    readonly yellow: {
+        readonly 25: "#FFF3E0";
+        readonly 50: "#FFE5B4";
+        readonly 100: "#FE9A00";
+        readonly 200: "#E17100";
+        readonly 300: "#973C00";
+    };
+    readonly red: {
+        readonly 25: "#FFE5E6";
+        readonly 50: "#FFD7D9";
+        readonly 100: "#FB2C36";
+        readonly 200: "#C10007";
+        readonly 300: "#9F0712";
+    };
+    readonly purple: {
+        readonly 50: "#EFEAFF";
+        readonly 100: "#D6C8FF";
+        readonly 200: "#7D63C8";
+    };
+    readonly salmon: {
+        readonly 50: "#FFEAE6";
+        readonly 100: "#FFD1C7";
+        readonly 200: "#FF806F";
+    };
+    readonly gray: {
+        readonly 25: "#F8FAFC";
+        readonly 50: "#EDEDED";
+        readonly 100: "#D9D9D9";
+        readonly 200: "#6D6D6D";
+        readonly 300: "#3F3F3F";
+    };
+};
 //# sourceMappingURL=colors.d.ts.map

package/dist/constants/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC;AAGX,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;CAKV,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;CAKV,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;CAKR,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOT,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,IAAI;;;;;;CAMP,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAO,CAAC;AAE5B,eAAO,MAAM,KAAK;;;;;;CAMR,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAQ,CAAC;AAE7B,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AACX,eAAO,MAAM,OAAO;;;;;;CAAS,CAAC;AAE9B,eAAO,MAAM,GAAG;;;;;;CAMN,CAAC;AACX,eAAO,MAAM,KAAK;;;;;;CAAM,CAAC;AAGzB,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAEX,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMT,CAAC;AAGX,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQX,CAAC"}

package/dist/constants/colors.js

@@ -1,53 +1,69 @@
-// Neutral Colors - Grays
-export const neutral = {
+export const gray = {
     25: '#F8FAFC',
     50: '#EDEDED',
     100: '#D9D9D9',
     200: '#6D6D6D',
     300: '#3F3F3F',
 };
-// Primary Colors - Blues
-export const primary = {
+export const neutral = gray;
+export const blue = {
     25: '#EEFAFF',
     50: '#BDEAFF',
     100: '#74D4FF',
     200: '#00A6F4',
     300: '#0081CE',
 };
-// Secondary Colors - Blues (temp)
-export const secondary = {
-    50: '#E8F5E9',
-    100: '#C8E6C9',
-    200: '#81C784',
-    300: '#4CAF50',
-};
-// Success Colors - Greens
-export const success = {
+export const primary = blue;
+export const green = {
+    25: '#E6F4E7',
     50: '#E6F4E7',
     100: '#00C951',
     200: '#00A63E',
     300: '#008236',
 };
-// Warning Colors - Oranges
-export const warning = {
+export const success = green;
+export const yellow = {
+    25: '#FFF3E0',
     50: '#FFE5B4',
     100: '#FE9A00',
     200: '#E17100',
     300: '#973C00',
 };
-// Error Colors - Reds
-export const error = {
+export const warning = yellow;
+export const red = {
+    25: '#FFE5E6',
     50: '#FFD7D9',
     100: '#FB2C36',
     200: '#C10007',
     300: '#9F0712',
 };
-// Export for all colors
+export const error = red;
+// Purple Colors
+export const purple = {
+    50: '#EFEAFF',
+    100: '#D6C8FF',
+    200: '#7D63C8',
+};
+export const salmon = {
+    50: '#FFEAE6',
+    100: '#FFD1C7',
+    200: '#FF806F',
+};
+// Semantic/functional color exports - for use in UI, actions, states, etc.
 export const colors = {
     neutral,
     primary,
-    secondary,
     success,
     warning,
     error,
 };
+// Color palette exports - for purely aesthetic purpose, i.e. icons, backgrounds, etc.
+export const palettes = {
+    blue,
+    green,
+    yellow,
+    red,
+    purple,
+    salmon,
+    gray,
+};

package/dist/hooks/index.d.ts

@@ -1,6 +1,6 @@
-export { useCopy } from '../components/Misc/Copy';
-export { useMediaQuery } from '../components/Misc/MediaQuery';
-export { useNotifications } from '../components/Info/Notifications/Notifications';
-export { useConfirmationModal } from '../components/Info/Modals/ConfirmationModal';
-export { useInfoModal } from '../components/Info/Modals/InfoModal';
+export { useCopy } from './useCopy';
+export { useMediaQuery } from './useMediaQuery';
+export { useNotifications } from './useNotifications';
+export { useConfirmationModal } from './useConfirmationModal';
+export { useInfoModal } from './useInfoModal';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/hooks/index.js

@@ -1,5 +1,5 @@
-export { useCopy } from '../components/Misc/Copy';
-export { useMediaQuery } from '../components/Misc/MediaQuery';
-export { useNotifications } from '../components/Info/Notifications/Notifications';
-export { useConfirmationModal } from '../components/Info/Modals/ConfirmationModal';
-export { useInfoModal } from '../components/Info/Modals/InfoModal';
+export { useCopy } from './useCopy';
+export { useMediaQuery } from './useMediaQuery';
+export { useNotifications } from './useNotifications';
+export { useConfirmationModal } from './useConfirmationModal';
+export { useInfoModal } from './useInfoModal';

package/dist/{components/Info/Modals/ConfirmationModal.d.ts → hooks/useConfirmationModal.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modalVariants } from './variants';
+import { modalVariants } from '../components/Info/Modals/variants';
 export declare const useConfirmationModal: () => {
     show: (options: {
         variant?: Exclude<keyof typeof modalVariants, "error">;
@@ -15,4 +15,4 @@ export declare const useConfirmationModal: () => {
     close: (modalId: string) => void;
     closeAll: () => void;
 };
-//# sourceMappingURL=ConfirmationModal.d.ts.map
+//# sourceMappingURL=useConfirmationModal.d.ts.map

package/dist/hooks/useConfirmationModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirmationModal.d.ts","sourceRoot":"","sources":["../../src/hooks/useConfirmationModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAInE,eAAO,MAAM,oBAAoB;oBACR;QACrB,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,OAAO,aAAa,EAAE,OAAO,CAAC,CAAC;QACvD,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;QACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACxB;qBAkGuB,MAAM;;CAa/B,CAAC"}

package/dist/{components/Info/Modals/ConfirmationModal.js → hooks/useConfirmationModal.js}

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { modals } from '@mantine/modals';
-import { neutral } from '../../../constants/colors';
-import { Title } from '../../Typography/Title';
-import { Stack } from '../../Layout/Stack';
-import { Center } from '../../Layout/Center';
-import { modalVariants } from './variants';
-import { Button } from '../../Inputs/Buttons/Button';
-import { Group } from '../../Layout/Group';
+import { neutral } from '../constants/colors';
+import { Title } from '../components/Typography/Title';
+import { Stack } from '../components/Layout/Stack';
+import { Center } from '../components/Layout/Center';
+import { modalVariants } from '../components/Info/Modals/variants';
+import { Button } from '../components/Inputs/Buttons/Button';
+import { Group } from '../components/Layout/Group';
 export const useConfirmationModal = () => {
     const show = (options) => {
         const { variant = 'confirm', title, message, confirmLabel, cancelLabel, icon, onConfirm, onCancel, size = '40rem', } = options;

package/dist/{components/Misc/Copy.d.ts → hooks/useCopy.d.ts}

@@ -7,4 +7,4 @@ export declare const useCopy: () => {
         notificationMessage?: string;
     }) => void;
 };
-//# sourceMappingURL=Copy.d.ts.map
+//# sourceMappingURL=useCopy.d.ts.map

package/dist/hooks/useCopy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCopy.d.ts","sourceRoot":"","sources":["../../src/hooks/useCopy.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;oBAIK;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B;CAmBF,CAAC"}

package/dist/{components/Misc/Copy.js → hooks/useCopy.js}

@@ -1,5 +1,5 @@
 import { useClipboard } from '@mantine/hooks';
-import { useNotifications } from '../Info/Notifications/Notifications';
+import { useNotifications } from './useNotifications';
 export const useCopy = () => {
     const clipboard = useClipboard();
     const notifications = useNotifications();

package/dist/{components/Info/Modals/InfoModal.d.ts → hooks/useInfoModal.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { modalVariants } from './variants';
+import { modalVariants } from '../components/Info/Modals/variants';
 export declare const useInfoModal: () => {
     show: (options: {
         variant?: keyof typeof modalVariants;
@@ -12,4 +12,4 @@ export declare const useInfoModal: () => {
     close: (modalId: string) => void;
     closeAll: () => void;
 };
-//# sourceMappingURL=InfoModal.d.ts.map
+//# sourceMappingURL=useInfoModal.d.ts.map

package/dist/hooks/useInfoModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfoModal.d.ts","sourceRoot":"","sources":["../../src/hooks/useInfoModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAGnE,eAAO,MAAM,YAAY;oBACA;QACrB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;QACrC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;QACvB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACxB;qBA8EuB,MAAM;;CAa/B,CAAC"}

package/dist/{components/Info/Modals/InfoModal.js → hooks/useInfoModal.js}

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { modals } from '@mantine/modals';
-import { neutral } from '../../../constants/colors';
-import { Title } from '../../Typography/Title';
-import { Stack } from '../../Layout/Stack';
-import { Center } from '../../Layout/Center';
-import { modalVariants } from './variants';
-import { Button } from '../../Inputs/Buttons/Button';
+import { neutral } from '../constants/colors';
+import { Title } from '../components/Typography/Title';
+import { Stack } from '../components/Layout/Stack';
+import { Center } from '../components/Layout/Center';
+import { modalVariants } from '../components/Info/Modals/variants';
+import { Button } from '../components/Inputs/Buttons/Button';
 export const useInfoModal = () => {
     const show = (options) => {
         const { variant = 'info', title, message, icon, onConfirm, size = '35rem' } = options;

package/dist/{components/Misc/MediaQuery.d.ts → hooks/useMediaQuery.d.ts}

@@ -1,3 +1,3 @@
 import { useMediaQuery as useMantineMediaQuery } from '@mantine/hooks';
 export declare const useMediaQuery: typeof useMantineMediaQuery;
-//# sourceMappingURL=MediaQuery.d.ts.map
+//# sourceMappingURL=useMediaQuery.d.ts.map

package/dist/hooks/useMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEvE,eAAO,MAAM,aAAa,6BAAuB,CAAC"}

package/dist/{components/Info/Notifications/Notifications.d.ts → hooks/useNotifications.d.ts}

@@ -1,4 +1,4 @@
-import { componentVariants } from './variants';
+import { componentVariants } from '../components/Info/Notifications/variants';
 export declare const useNotifications: () => {
     show: (options: {
         variant?: keyof typeof componentVariants;
@@ -13,4 +13,4 @@ export declare const useNotifications: () => {
     }) => string;
     hide: (id: string) => Promise<void>;
 };
-//# sourceMappingURL=Notifications.d.ts.map
+//# sourceMappingURL=useNotifications.d.ts.map

package/dist/hooks/useNotifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotifications.d.ts","sourceRoot":"","sources":["../../src/hooks/useNotifications.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAE9E,eAAO,MAAM,gBAAgB;oBAMJ;QACrB,OAAO,CAAC,EAAE,MAAM,OAAO,iBAAiB,CAAC;QACzC,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,EAAE,CAAC,EAAE,MAAM,CAAC;KACb;;2BAmB6B;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE;eA7BzC,MAAM;CAiD/B,CAAC"}

package/dist/{components/Info/Notifications/Notifications.js → hooks/useNotifications.js}

@@ -1,5 +1,5 @@
 import { notifications as mantineNotifications } from '@mantine/notifications';
-import { componentVariants } from './variants';
+import { componentVariants } from '../components/Info/Notifications/variants';
 export const useNotifications = () => {
     const hide = async (id) => {
         mantineNotifications.hide(id);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiv/ui",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "author": "Taiv",
   "description": "Taiv's web UI Toolkit built on Mantine v6",
   "main": "dist/index.js",
@@ -14,11 +14,15 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "@tabler/icons-react": "^2.47.0",
+    "@emotion/react": "^11.14.0",
     "@mantine/core": "^6.0.0",
+    "@mantine/dates": "^6.0.22",
     "@mantine/hooks": "^6.0.0",
     "@mantine/modals": "^6.0.0",
-    "@mantine/notifications": "^6.0.0"
+    "@mantine/notifications": "^6.0.0",
+    "@tabler/icons-react": "^2.47.0",
+    "dayjs": "^1.11.18",
+    "recharts": "^3.1.2"
   },
   "peerDependencies": {
     "react": "^17.0.0",
@@ -30,9 +34,20 @@
     "typescript": "^5.0.2"
   },
   "exports": {
-    ".": "./dist/index.js",
-    "./core": "./dist/components/index.js",
+    ".": "./dist/components/index.js",
     "./hooks": "./dist/hooks/index.js",
     "./constants": "./dist/constants/index.js"
+  },
+  "overrides": {
+    "@reduxjs/toolkit": {
+      ".": "^1.9.7",
+      "dependencies": {
+        "react": "17.0.2"
+      }
+    },
+    "react-redux": {
+      ".": "^8.1.3",
+      "react": "17.0.2"
+    }
   }
-}
+}

package/dist/components/Info/Modals/ConfirmationModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmationModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Info/Modals/ConfirmationModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAI3C,eAAO,MAAM,oBAAoB;oBACR;QACrB,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,OAAO,aAAa,EAAE,OAAO,CAAC,CAAC;QACvD,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;QACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;QACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACxB;qBAkGuB,MAAM;;CAa/B,CAAC"}

package/dist/components/Info/Modals/InfoModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Info/Modals/InfoModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C,eAAO,MAAM,YAAY;oBACA;QACrB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;QACrC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;QACvB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACxB;qBA8EuB,MAAM;;CAa/B,CAAC"}

package/dist/components/Info/Notifications/Notifications.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Notifications.d.ts","sourceRoot":"","sources":["../../../../src/components/Info/Notifications/Notifications.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,eAAO,MAAM,gBAAgB;oBAMJ;QACrB,OAAO,CAAC,EAAE,MAAM,OAAO,iBAAiB,CAAC;QACzC,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,EAAE,CAAC,EAAE,MAAM,CAAC;KACb;;2BAmB6B;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE;eA7BzC,MAAM;CAiD/B,CAAC"}

package/dist/components/Misc/Copy.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Copy.d.ts","sourceRoot":"","sources":["../../../src/components/Misc/Copy.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;oBAIK;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;QAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B;CAmBF,CAAC"}

package/dist/components/Misc/MediaQuery.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaQuery.d.ts","sourceRoot":"","sources":["../../../src/components/Misc/MediaQuery.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEvE,eAAO,MAAM,aAAa,6BAAuB,CAAC"}