@taiv/ui 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/README.md +1 -0
  2. package/dist/components/Data/CheckboxTable.d.ts +21 -0
  3. package/dist/components/Data/CheckboxTable.d.ts.map +1 -0
  4. package/dist/components/Data/CheckboxTable.js +85 -0
  5. package/dist/components/Data/RemovableItemList.d.ts +10 -0
  6. package/dist/components/Data/RemovableItemList.d.ts.map +1 -0
  7. package/dist/components/Data/RemovableItemList.js +44 -0
  8. package/dist/components/Info/Modals/ConfirmationModal.d.ts +18 -0
  9. package/dist/components/Info/Modals/ConfirmationModal.d.ts.map +1 -0
  10. package/dist/components/Info/Modals/ConfirmationModal.js +76 -0
  11. package/dist/components/Info/Modals/InfoModal.d.ts +15 -0
  12. package/dist/components/Info/Modals/InfoModal.d.ts.map +1 -0
  13. package/dist/components/Info/Modals/InfoModal.js +70 -0
  14. package/dist/components/Info/Modals/Modal.d.ts +13 -0
  15. package/dist/components/Info/Modals/Modal.d.ts.map +1 -0
  16. package/dist/components/Info/Modals/Modal.js +42 -0
  17. package/dist/components/Info/Modals/ModalProvider.d.ts +5 -0
  18. package/dist/components/Info/Modals/ModalProvider.d.ts.map +1 -0
  19. package/dist/components/Info/Modals/ModalProvider.js +15 -0
  20. package/dist/components/Info/Modals/variants.d.ts +63 -0
  21. package/dist/components/Info/Modals/variants.d.ts.map +1 -0
  22. package/dist/components/Info/Modals/variants.js +63 -0
  23. package/dist/components/Info/Notifications/NotificationProvider.d.ts +2 -0
  24. package/dist/components/Info/Notifications/NotificationProvider.d.ts.map +1 -0
  25. package/dist/components/Info/Notifications/NotificationProvider.js +46 -0
  26. package/dist/components/Info/Notifications/Notifications.d.ts +16 -0
  27. package/dist/components/Info/Notifications/Notifications.d.ts.map +1 -0
  28. package/dist/components/Info/Notifications/Notifications.js +41 -0
  29. package/dist/components/Info/Notifications/variants.d.ts +39 -0
  30. package/dist/components/Info/Notifications/variants.d.ts.map +1 -0
  31. package/dist/components/Info/Notifications/variants.js +41 -0
  32. package/dist/components/Info/Tooltips/InfoTooltip.d.ts +18 -0
  33. package/dist/components/Info/Tooltips/InfoTooltip.d.ts.map +1 -0
  34. package/dist/components/Info/Tooltips/InfoTooltip.js +20 -0
  35. package/dist/components/Info/Tooltips/Tooltip.d.ts +13 -0
  36. package/dist/components/Info/Tooltips/Tooltip.d.ts.map +1 -0
  37. package/dist/components/Info/Tooltips/Tooltip.js +35 -0
  38. package/dist/components/Inputs/Buttons/Button.d.ts +11 -0
  39. package/dist/components/Inputs/Buttons/Button.d.ts.map +1 -0
  40. package/dist/components/Inputs/Buttons/Button.js +27 -0
  41. package/dist/components/Inputs/Buttons/UnstyledButton.d.ts +10 -0
  42. package/dist/components/Inputs/Buttons/UnstyledButton.d.ts.map +1 -0
  43. package/dist/components/Inputs/Buttons/UnstyledButton.js +6 -0
  44. package/dist/components/Inputs/Buttons/shared/sizes.d.ts +25 -0
  45. package/dist/components/Inputs/Buttons/shared/sizes.d.ts.map +1 -0
  46. package/dist/components/Inputs/Buttons/shared/sizes.js +7 -0
  47. package/dist/components/Inputs/Buttons/shared/variants.d.ts +141 -0
  48. package/dist/components/Inputs/Buttons/shared/variants.d.ts.map +1 -0
  49. package/dist/components/Inputs/Buttons/shared/variants.js +141 -0
  50. package/dist/components/Inputs/Controls/Checkbox.d.ts +27 -0
  51. package/dist/components/Inputs/Controls/Checkbox.d.ts.map +1 -0
  52. package/dist/components/Inputs/Controls/Checkbox.js +55 -0
  53. package/dist/components/Inputs/Controls/Toggle.d.ts +29 -0
  54. package/dist/components/Inputs/Controls/Toggle.d.ts.map +1 -0
  55. package/dist/components/Inputs/Controls/Toggle.js +42 -0
  56. package/dist/components/Inputs/Dropdowns/FontSelect.d.ts +14 -0
  57. package/dist/components/Inputs/Dropdowns/FontSelect.d.ts.map +1 -0
  58. package/dist/components/Inputs/Dropdowns/FontSelect.js +48 -0
  59. package/dist/components/Inputs/Dropdowns/MultiSelect.d.ts +12 -0
  60. package/dist/components/Inputs/Dropdowns/MultiSelect.d.ts.map +1 -0
  61. package/dist/components/Inputs/Dropdowns/MultiSelect.js +94 -0
  62. package/dist/components/Inputs/Dropdowns/Select.d.ts +11 -0
  63. package/dist/components/Inputs/Dropdowns/Select.d.ts.map +1 -0
  64. package/dist/components/Inputs/Dropdowns/Select.js +62 -0
  65. package/dist/components/Inputs/Dropdowns/shared/fontSelectList.d.ts +12 -0
  66. package/dist/components/Inputs/Dropdowns/shared/fontSelectList.d.ts.map +1 -0
  67. package/dist/components/Inputs/Dropdowns/shared/fontSelectList.js +68 -0
  68. package/dist/components/Inputs/Dropdowns/shared/sizes.d.ts +36 -0
  69. package/dist/components/Inputs/Dropdowns/shared/sizes.d.ts.map +1 -0
  70. package/dist/components/Inputs/Dropdowns/shared/sizes.js +33 -0
  71. package/dist/components/Inputs/Sliders/Slider.d.ts +16 -0
  72. package/dist/components/Inputs/Sliders/Slider.d.ts.map +1 -0
  73. package/dist/components/Inputs/Sliders/Slider.js +91 -0
  74. package/dist/components/Inputs/Sliders/VolumeSlider.d.ts +6 -0
  75. package/dist/components/Inputs/Sliders/VolumeSlider.d.ts.map +1 -0
  76. package/dist/components/Inputs/Sliders/VolumeSlider.js +37 -0
  77. package/dist/components/Inputs/Sliders/shared/sizes.d.ts +45 -0
  78. package/dist/components/Inputs/Sliders/shared/sizes.d.ts.map +1 -0
  79. package/dist/components/Inputs/Sliders/shared/sizes.js +27 -0
  80. package/dist/components/Inputs/TextInputs/AutoComplete.d.ts +11 -0
  81. package/dist/components/Inputs/TextInputs/AutoComplete.d.ts.map +1 -0
  82. package/dist/components/Inputs/TextInputs/AutoComplete.js +57 -0
  83. package/dist/components/Inputs/TextInputs/PasswordInput.d.ts +12 -0
  84. package/dist/components/Inputs/TextInputs/PasswordInput.d.ts.map +1 -0
  85. package/dist/components/Inputs/TextInputs/PasswordInput.js +52 -0
  86. package/dist/components/Inputs/TextInputs/SearchBar.d.ts +7 -0
  87. package/dist/components/Inputs/TextInputs/SearchBar.d.ts.map +1 -0
  88. package/dist/components/Inputs/TextInputs/SearchBar.js +23 -0
  89. package/dist/components/Inputs/TextInputs/TextArea.d.ts +12 -0
  90. package/dist/components/Inputs/TextInputs/TextArea.d.ts.map +1 -0
  91. package/dist/components/Inputs/TextInputs/TextArea.js +33 -0
  92. package/dist/components/Inputs/TextInputs/TextInput.d.ts +12 -0
  93. package/dist/components/Inputs/TextInputs/TextInput.d.ts.map +1 -0
  94. package/dist/components/Inputs/TextInputs/TextInput.js +32 -0
  95. package/dist/components/Inputs/TextInputs/shared/sizes.d.ts +27 -0
  96. package/dist/components/Inputs/TextInputs/shared/sizes.d.ts.map +1 -0
  97. package/dist/components/Inputs/TextInputs/shared/sizes.js +6 -0
  98. package/dist/components/Layout/Box.d.ts +10 -0
  99. package/dist/components/Layout/Box.d.ts.map +1 -0
  100. package/dist/components/Layout/Box.js +6 -0
  101. package/dist/components/Layout/Center.d.ts +9 -0
  102. package/dist/components/Layout/Center.d.ts.map +1 -0
  103. package/dist/components/Layout/Center.js +6 -0
  104. package/dist/components/Layout/Divider.d.ts +9 -0
  105. package/dist/components/Layout/Divider.d.ts.map +1 -0
  106. package/dist/components/Layout/Divider.js +7 -0
  107. package/dist/components/Layout/Frame.d.ts +12 -0
  108. package/dist/components/Layout/Frame.d.ts.map +1 -0
  109. package/dist/components/Layout/Frame.js +7 -0
  110. package/dist/components/Layout/Group.d.ts +10 -0
  111. package/dist/components/Layout/Group.d.ts.map +1 -0
  112. package/dist/components/Layout/Group.js +6 -0
  113. package/dist/components/Layout/Loader.d.ts +8 -0
  114. package/dist/components/Layout/Loader.d.ts.map +1 -0
  115. package/dist/components/Layout/Loader.js +6 -0
  116. package/dist/components/Layout/Stack.d.ts +10 -0
  117. package/dist/components/Layout/Stack.d.ts.map +1 -0
  118. package/dist/components/Layout/Stack.js +6 -0
  119. package/dist/components/Misc/Copy.d.ts +10 -0
  120. package/dist/components/Misc/Copy.d.ts.map +1 -0
  121. package/dist/components/Misc/Copy.js +18 -0
  122. package/dist/components/Misc/MediaQuery.d.ts +3 -0
  123. package/dist/components/Misc/MediaQuery.d.ts.map +1 -0
  124. package/dist/components/Misc/MediaQuery.js +2 -0
  125. package/dist/components/Misc/Transition.d.ts +4 -0
  126. package/dist/components/Misc/Transition.d.ts.map +1 -0
  127. package/dist/components/Misc/Transition.js +6 -0
  128. package/dist/components/Typography/CollapsibleText.d.ts +14 -0
  129. package/dist/components/Typography/CollapsibleText.d.ts.map +1 -0
  130. package/dist/components/Typography/CollapsibleText.js +16 -0
  131. package/dist/components/Typography/Text.d.ts +14 -0
  132. package/dist/components/Typography/Text.d.ts.map +1 -0
  133. package/dist/components/Typography/Text.js +20 -0
  134. package/dist/components/Typography/Title.d.ts +22 -0
  135. package/dist/components/Typography/Title.d.ts.map +1 -0
  136. package/dist/components/Typography/Title.js +30 -0
  137. package/dist/components/index.d.ts +38 -0
  138. package/dist/components/index.d.ts.map +1 -0
  139. package/dist/components/index.js +43 -0
  140. package/dist/constants/colors.d.ts +79 -0
  141. package/dist/constants/colors.d.ts.map +1 -0
  142. package/dist/constants/colors.js +53 -0
  143. package/dist/constants/font.d.ts +245 -0
  144. package/dist/constants/font.d.ts.map +1 -0
  145. package/dist/constants/font.js +114 -0
  146. package/dist/constants/index.d.ts +3 -0
  147. package/dist/constants/index.d.ts.map +1 -0
  148. package/dist/constants/index.js +2 -0
  149. package/dist/hooks/index.d.ts +6 -0
  150. package/dist/hooks/index.d.ts.map +1 -0
  151. package/dist/hooks/index.js +5 -0
  152. package/dist/index.d.ts +4 -0
  153. package/dist/index.d.ts.map +1 -0
  154. package/dist/index.js +3 -0
  155. package/package.json +50 -0
@@ -0,0 +1,10 @@
1
+ import { GroupProps as MantineGroupProps } from '@mantine/core';
2
+ import { CSSObject } from '@mantine/styles';
3
+ interface GroupProps extends MantineGroupProps {
4
+ width?: string | number;
5
+ styles?: Record<string, CSSObject>;
6
+ gap?: string;
7
+ }
8
+ declare const Group: ({ width, gap, styles, ...props }: GroupProps) => import("react/jsx-runtime").JSX.Element;
9
+ export { Group };
10
+ //# sourceMappingURL=Group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Group.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,UAAU,UAAW,SAAQ,iBAAiB;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,KAAK,GAAI,kCAAkC,UAAU,4CAE1D,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Group as MantineGroup } from '@mantine/core';
3
+ const Group = ({ width, gap, styles, ...props }) => {
4
+ return _jsx(MantineGroup, { w: width, spacing: gap, styles: styles, ...props });
5
+ };
6
+ export { Group };
@@ -0,0 +1,8 @@
1
+ import { LoaderProps as MantineLoaderProps } from '@mantine/core';
2
+ import { CSSObject } from '@mantine/styles';
3
+ interface LoaderProps extends MantineLoaderProps {
4
+ styles?: Record<string, CSSObject>;
5
+ }
6
+ declare const Loader: ({ styles, ...props }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
7
+ export { Loader };
8
+ //# sourceMappingURL=Loader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Loader.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2B,WAAW,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,UAAU,WAAY,SAAQ,kBAAkB;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACpC;AAED,QAAA,MAAM,MAAM,GAAI,sBAAsB,WAAW,4CAEhD,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Loader as MantineLoader } from '@mantine/core';
3
+ const Loader = ({ styles, ...props }) => {
4
+ return _jsx(MantineLoader, { styles: styles, ...props });
5
+ };
6
+ export { Loader };
@@ -0,0 +1,10 @@
1
+ import { StackProps as MantineStackProps } from '@mantine/core';
2
+ import { CSSObject } from '@mantine/styles';
3
+ interface StackProps extends MantineStackProps {
4
+ width?: string | number;
5
+ gap?: string;
6
+ styles?: Record<string, CSSObject>;
7
+ }
8
+ declare const Stack: ({ width, gap, styles, ...props }: StackProps) => import("react/jsx-runtime").JSX.Element;
9
+ export { Stack };
10
+ //# sourceMappingURL=Stack.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Stack.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,UAAU,UAAW,SAAQ,iBAAiB;IAC5C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;CACpC;AAED,QAAA,MAAM,KAAK,GAAI,kCAAkC,UAAU,4CAE1D,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Stack as MantineStack } from '@mantine/core';
3
+ const Stack = ({ width, gap, styles, ...props }) => {
4
+ return _jsx(MantineStack, { w: width, spacing: gap, styles: styles, ...props });
5
+ };
6
+ export { Stack };
@@ -0,0 +1,10 @@
1
+ export declare const useCopy: () => {
2
+ copy: (options: {
3
+ value: string;
4
+ label?: string;
5
+ onCopy?: (value: string) => void;
6
+ showNotification?: boolean;
7
+ notificationMessage?: string;
8
+ }) => void;
9
+ };
10
+ //# sourceMappingURL=Copy.d.ts.map
@@ -0,0 +1 @@
1
+ {"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"}
@@ -0,0 +1,18 @@
1
+ import { useClipboard } from '@mantine/hooks';
2
+ import { useNotifications } from '../Info/Notifications/Notifications';
3
+ export const useCopy = () => {
4
+ const clipboard = useClipboard();
5
+ const notifications = useNotifications();
6
+ const copy = (options) => {
7
+ const { onCopy, showNotification = true, notificationMessage = `${options.label ? `${options.label}: ` : ''}${options.value}`, } = options || {};
8
+ clipboard.copy(options.value);
9
+ onCopy === null || onCopy === void 0 ? void 0 : onCopy(options.value);
10
+ if (showNotification) {
11
+ notifications.show({
12
+ message: notificationMessage,
13
+ variant: 'copy',
14
+ });
15
+ }
16
+ };
17
+ return { copy };
18
+ };
@@ -0,0 +1,3 @@
1
+ import { useMediaQuery as useMantineMediaQuery } from '@mantine/hooks';
2
+ export declare const useMediaQuery: typeof useMantineMediaQuery;
3
+ //# sourceMappingURL=MediaQuery.d.ts.map
@@ -0,0 +1 @@
1
+ {"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"}
@@ -0,0 +1,2 @@
1
+ import { useMediaQuery as useMantineMediaQuery } from '@mantine/hooks';
2
+ export const useMediaQuery = useMantineMediaQuery;
@@ -0,0 +1,4 @@
1
+ import { TransitionProps as MantineTransitionProps } from '@mantine/core';
2
+ declare const Transition: (props: MantineTransitionProps) => import("react/jsx-runtime").JSX.Element;
3
+ export { Transition };
4
+ //# sourceMappingURL=Transition.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Transition.d.ts","sourceRoot":"","sources":["../../../src/components/Misc/Transition.tsx"],"names":[],"mappings":"AACA,OAAO,EAAmC,eAAe,IAAI,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAE3G,QAAA,MAAM,UAAU,GAAI,OAAO,sBAAsB,4CAEhD,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
@@ -0,0 +1,6 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Transition as MantineTransition } from '@mantine/core';
3
+ const Transition = (props) => {
4
+ return _jsx(MantineTransition, { ...props });
5
+ };
6
+ export { Transition };
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { textStyle } from '../../constants/font';
3
+ interface CollapsibleTextProps {
4
+ text: string;
5
+ variant?: keyof typeof textStyle;
6
+ className?: string;
7
+ styles?: React.CSSProperties;
8
+ opened: boolean;
9
+ setOpened: (opened: boolean) => void;
10
+ children?: React.ReactNode;
11
+ }
12
+ declare const CollapsibleText: ({ text, variant, className, opened, setOpened, children }: CollapsibleTextProps) => import("react/jsx-runtime").JSX.Element;
13
+ export { CollapsibleText };
14
+ //# sourceMappingURL=CollapsibleText.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CollapsibleText.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/CollapsibleText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,UAAU,oBAAoB;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,eAAe,GAAI,2DAAoE,oBAAoB,4CAuBhH,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
@@ -0,0 +1,16 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import { IconCaretDownFilled } from '@tabler/icons-react';
3
+ import { primary } from '../../constants/colors';
4
+ import { Box } from '../Layout/Box';
5
+ import { Group } from '../Layout/Group';
6
+ import { Text } from './Text';
7
+ import { Transition } from '../Misc/Transition';
8
+ import { UnstyledButton } from '../Inputs/Buttons/UnstyledButton';
9
+ const CollapsibleText = ({ text, variant = 'body', className, opened, setOpened, children }) => {
10
+ return (_jsxs(_Fragment, { children: [_jsx(UnstyledButton, { className: className, onClick: () => setOpened(!opened), children: _jsxs(Group, { gap: "0.4rem", align: "center", children: [_jsx(Text, { variant: variant, color: primary[200], children: text }), _jsx(IconCaretDownFilled, { size: 18, style: {
11
+ color: primary[200],
12
+ transform: opened ? 'rotate(180deg)' : 'none',
13
+ transition: 'transform 200ms ease',
14
+ } })] }) }), _jsx(Transition, { mounted: opened, transition: "scale-y", duration: 300, children: (styles) => _jsx(Box, { style: { overflow: 'hidden' }, children: children }) })] }));
15
+ };
16
+ export { CollapsibleText };
@@ -0,0 +1,14 @@
1
+ import React, { CSSProperties } from 'react';
2
+ import { TextProps as MantineTextProps } from '@mantine/core';
3
+ import { textStyle, fontSize, fontWeight } from '../../constants/font';
4
+ interface TextProps extends MantineTextProps {
5
+ children: React.ReactNode;
6
+ variant?: keyof typeof textStyle;
7
+ size?: keyof typeof fontSize;
8
+ weight?: keyof typeof fontWeight;
9
+ color?: string;
10
+ styles?: CSSProperties;
11
+ }
12
+ declare const Text: ({ variant, size, children, weight, color, styles, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
13
+ export { Text };
14
+ //# sourceMappingURL=Text.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAuB,SAAS,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvE,UAAU,SAAU,SAAQ,gBAAgB;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,IAAI,GAAI,8DAAuE,SAAS,4CAqB7F,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
@@ -0,0 +1,20 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Text as MantineText } from '@mantine/core';
3
+ import { textStyle, fontSize, fontWeight } from '../../constants/font';
4
+ const Text = ({ variant = 'body', size, children, weight, color, styles, ...props }) => {
5
+ const selectedVariant = textStyle[variant];
6
+ const customSize = size ? fontSize[size] : {};
7
+ const customWeight = weight ? { fontWeight: fontWeight[weight] } : {};
8
+ const customColor = color ? { color } : {};
9
+ const style = {
10
+ margin: 0,
11
+ padding: 0,
12
+ ...selectedVariant,
13
+ ...customSize,
14
+ ...customWeight,
15
+ ...customColor,
16
+ ...styles,
17
+ };
18
+ return (_jsx(MantineText, { style: style, ...props, children: children }));
19
+ };
20
+ export { Text };
@@ -0,0 +1,22 @@
1
+ import React, { CSSProperties } from 'react';
2
+ import { TitleProps as MantineTitleProps } from '@mantine/core';
3
+ import { fontSize, fontWeight } from '../../constants/font';
4
+ declare const titleOrderMap: {
5
+ readonly header: 1;
6
+ readonly sectionHeader: 2;
7
+ readonly subheader: 3;
8
+ readonly sectionSubheader: 4;
9
+ readonly cardHeader: 5;
10
+ readonly cardSubheader: 6;
11
+ };
12
+ interface TitleProps extends Omit<MantineTitleProps, 'order'> {
13
+ children: React.ReactNode;
14
+ variant?: keyof typeof titleOrderMap;
15
+ size?: keyof typeof fontSize;
16
+ weight?: keyof typeof fontWeight;
17
+ color?: string;
18
+ styles?: CSSProperties;
19
+ }
20
+ declare const Title: ({ variant, size, children, weight, color, styles, ...props }: TitleProps) => import("react/jsx-runtime").JSX.Element;
21
+ export { Title };
22
+ //# sourceMappingURL=Title.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,EAAc,QAAQ,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGxE,QAAA,MAAM,aAAa;;;;;;;CAOT,CAAC;AAEX,UAAU,UAAW,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,KAAK,GAAI,8DAAgF,UAAU,4CAsBxG,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
@@ -0,0 +1,30 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Title as MantineTitle } from '@mantine/core';
3
+ import { titleStyle, fontSize, fontWeight } from '../../constants/font';
4
+ // Map our custom variants to appropriate Title orders
5
+ const titleOrderMap = {
6
+ header: 1,
7
+ sectionHeader: 2,
8
+ subheader: 3,
9
+ sectionSubheader: 4,
10
+ cardHeader: 5,
11
+ cardSubheader: 6,
12
+ };
13
+ const Title = ({ variant = 'sectionHeader', size, children, weight, color, styles, ...props }) => {
14
+ const selectedVariant = titleStyle[variant];
15
+ const titleOrder = titleOrderMap[variant];
16
+ const customSize = size ? fontSize[size] : {};
17
+ const customWeight = weight ? { fontWeight: fontWeight[weight] } : {};
18
+ const customColor = color ? { color } : {};
19
+ const style = {
20
+ margin: 0,
21
+ padding: 0,
22
+ ...selectedVariant,
23
+ ...customSize,
24
+ ...customWeight,
25
+ ...customColor,
26
+ ...styles,
27
+ };
28
+ return (_jsx(MantineTitle, { order: titleOrder, style: style, ...props, children: children }));
29
+ };
30
+ export { Title };
@@ -0,0 +1,38 @@
1
+ export { CheckboxTable } from "./Data/CheckboxTable";
2
+ export { RemovableItemList } from "./Data/RemovableItemList";
3
+ export { ModalProvider } from "./Info/Modals/ModalProvider";
4
+ export { Modal } from "./Info/Modals/Modal";
5
+ export { useConfirmationModal } from "./Info/Modals/ConfirmationModal";
6
+ export { useInfoModal } from "./Info/Modals/InfoModal";
7
+ export { NotificationProvider } from "./Info/Notifications/NotificationProvider";
8
+ export { useNotifications } from "./Info/Notifications/Notifications";
9
+ export { InfoTooltip } from "./Info/Tooltips/InfoTooltip";
10
+ export { Tooltip } from "./Info/Tooltips/Tooltip";
11
+ export { AutoComplete } from "./Inputs/TextInputs/AutoComplete";
12
+ export { Button } from "./Inputs/Buttons/Button";
13
+ export { UnstyledButton } from "./Inputs/Buttons/UnstyledButton";
14
+ export { Checkbox } from "./Inputs/Controls/Checkbox";
15
+ export { Toggle } from "./Inputs/Controls/Toggle";
16
+ export { FontSelect } from "./Inputs/Dropdowns/FontSelect";
17
+ export { MultiSelect } from "./Inputs/Dropdowns/MultiSelect";
18
+ export { SearchBar } from "./Inputs/TextInputs/SearchBar";
19
+ export { Select } from "./Inputs/Dropdowns/Select";
20
+ export { Slider } from "./Inputs/Sliders/Slider";
21
+ export { VolumeSlider } from "./Inputs/Sliders/VolumeSlider";
22
+ export { TextArea } from "./Inputs/TextInputs/TextArea";
23
+ export { TextInput } from "./Inputs/TextInputs/TextInput";
24
+ export { PasswordInput } from "./Inputs/TextInputs/PasswordInput";
25
+ export { Box } from "./Layout/Box";
26
+ export { Center } from "./Layout/Center";
27
+ export { Divider } from "./Layout/Divider";
28
+ export { Frame } from "./Layout/Frame";
29
+ export { Group } from "./Layout/Group";
30
+ export { Loader } from "./Layout/Loader";
31
+ export { Stack } from "./Layout/Stack";
32
+ export { CollapsibleText } from "./Typography/CollapsibleText";
33
+ export { Text } from "./Typography/Text";
34
+ export { Title } from "./Typography/Title";
35
+ export { Transition } from "./Misc/Transition";
36
+ export { useCopy } from "./Misc/Copy";
37
+ export { useMediaQuery } from "./Misc/MediaQuery";
38
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGlD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAGlE,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAG3C,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}
@@ -0,0 +1,43 @@
1
+ //Data
2
+ export { CheckboxTable } from "./Data/CheckboxTable";
3
+ export { RemovableItemList } from "./Data/RemovableItemList";
4
+ //Info
5
+ export { ModalProvider } from "./Info/Modals/ModalProvider";
6
+ export { Modal } from "./Info/Modals/Modal";
7
+ export { useConfirmationModal } from "./Info/Modals/ConfirmationModal";
8
+ export { useInfoModal } from "./Info/Modals/InfoModal";
9
+ export { NotificationProvider } from "./Info/Notifications/NotificationProvider";
10
+ export { useNotifications } from "./Info/Notifications/Notifications";
11
+ export { InfoTooltip } from "./Info/Tooltips/InfoTooltip";
12
+ export { Tooltip } from "./Info/Tooltips/Tooltip";
13
+ //Inputs
14
+ export { AutoComplete } from "./Inputs/TextInputs/AutoComplete";
15
+ export { Button } from "./Inputs/Buttons/Button";
16
+ export { UnstyledButton } from "./Inputs/Buttons/UnstyledButton";
17
+ export { Checkbox } from "./Inputs/Controls/Checkbox";
18
+ export { Toggle } from "./Inputs/Controls/Toggle";
19
+ export { FontSelect } from "./Inputs/Dropdowns/FontSelect";
20
+ export { MultiSelect } from "./Inputs/Dropdowns/MultiSelect";
21
+ export { SearchBar } from "./Inputs/TextInputs/SearchBar";
22
+ export { Select } from "./Inputs/Dropdowns/Select";
23
+ export { Slider } from "./Inputs/Sliders/Slider";
24
+ export { VolumeSlider } from "./Inputs/Sliders/VolumeSlider";
25
+ export { TextArea } from "./Inputs/TextInputs/TextArea";
26
+ export { TextInput } from "./Inputs/TextInputs/TextInput";
27
+ export { PasswordInput } from "./Inputs/TextInputs/PasswordInput";
28
+ //Layout
29
+ export { Box } from "./Layout/Box";
30
+ export { Center } from "./Layout/Center";
31
+ export { Divider } from "./Layout/Divider";
32
+ export { Frame } from "./Layout/Frame";
33
+ export { Group } from "./Layout/Group";
34
+ export { Loader } from "./Layout/Loader";
35
+ export { Stack } from "./Layout/Stack";
36
+ //Typography
37
+ export { CollapsibleText } from "./Typography/CollapsibleText";
38
+ export { Text } from "./Typography/Text";
39
+ export { Title } from "./Typography/Title";
40
+ //Misc
41
+ export { Transition } from "./Misc/Transition";
42
+ export { useCopy } from "./Misc/Copy";
43
+ export { useMediaQuery } from "./Misc/MediaQuery";
@@ -0,0 +1,79 @@
1
+ export declare const neutral: {
2
+ readonly 25: "#F8FAFC";
3
+ readonly 50: "#EDEDED";
4
+ readonly 100: "#D9D9D9";
5
+ readonly 200: "#6D6D6D";
6
+ readonly 300: "#3F3F3F";
7
+ };
8
+ export declare const primary: {
9
+ readonly 25: "#EEFAFF";
10
+ readonly 50: "#BDEAFF";
11
+ readonly 100: "#74D4FF";
12
+ readonly 200: "#00A6F4";
13
+ readonly 300: "#0081CE";
14
+ };
15
+ export declare const secondary: {
16
+ readonly 50: "#E8F5E9";
17
+ readonly 100: "#C8E6C9";
18
+ readonly 200: "#81C784";
19
+ readonly 300: "#4CAF50";
20
+ };
21
+ export declare const success: {
22
+ readonly 50: "#E6F4E7";
23
+ readonly 100: "#00C951";
24
+ readonly 200: "#00A63E";
25
+ readonly 300: "#008236";
26
+ };
27
+ export declare const warning: {
28
+ readonly 50: "#FFE5B4";
29
+ readonly 100: "#FE9A00";
30
+ readonly 200: "#E17100";
31
+ readonly 300: "#973C00";
32
+ };
33
+ export declare const error: {
34
+ readonly 50: "#FFD7D9";
35
+ readonly 100: "#FB2C36";
36
+ readonly 200: "#C10007";
37
+ readonly 300: "#9F0712";
38
+ };
39
+ export declare const colors: {
40
+ readonly neutral: {
41
+ readonly 25: "#F8FAFC";
42
+ readonly 50: "#EDEDED";
43
+ readonly 100: "#D9D9D9";
44
+ readonly 200: "#6D6D6D";
45
+ readonly 300: "#3F3F3F";
46
+ };
47
+ readonly primary: {
48
+ readonly 25: "#EEFAFF";
49
+ readonly 50: "#BDEAFF";
50
+ readonly 100: "#74D4FF";
51
+ readonly 200: "#00A6F4";
52
+ readonly 300: "#0081CE";
53
+ };
54
+ readonly secondary: {
55
+ readonly 50: "#E8F5E9";
56
+ readonly 100: "#C8E6C9";
57
+ readonly 200: "#81C784";
58
+ readonly 300: "#4CAF50";
59
+ };
60
+ readonly success: {
61
+ readonly 50: "#E6F4E7";
62
+ readonly 100: "#00C951";
63
+ readonly 200: "#00A63E";
64
+ readonly 300: "#008236";
65
+ };
66
+ readonly warning: {
67
+ readonly 50: "#FFE5B4";
68
+ readonly 100: "#FE9A00";
69
+ readonly 200: "#E17100";
70
+ readonly 300: "#973C00";
71
+ };
72
+ readonly error: {
73
+ readonly 50: "#FFD7D9";
74
+ readonly 100: "#FB2C36";
75
+ readonly 200: "#C10007";
76
+ readonly 300: "#9F0712";
77
+ };
78
+ };
79
+ //# sourceMappingURL=colors.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,53 @@
1
+ // Neutral Colors - Grays
2
+ export const neutral = {
3
+ 25: '#F8FAFC',
4
+ 50: '#EDEDED',
5
+ 100: '#D9D9D9',
6
+ 200: '#6D6D6D',
7
+ 300: '#3F3F3F',
8
+ };
9
+ // Primary Colors - Blues
10
+ export const primary = {
11
+ 25: '#EEFAFF',
12
+ 50: '#BDEAFF',
13
+ 100: '#74D4FF',
14
+ 200: '#00A6F4',
15
+ 300: '#0081CE',
16
+ };
17
+ // Secondary Colors - Blues (temp)
18
+ export const secondary = {
19
+ 50: '#E8F5E9',
20
+ 100: '#C8E6C9',
21
+ 200: '#81C784',
22
+ 300: '#4CAF50',
23
+ };
24
+ // Success Colors - Greens
25
+ export const success = {
26
+ 50: '#E6F4E7',
27
+ 100: '#00C951',
28
+ 200: '#00A63E',
29
+ 300: '#008236',
30
+ };
31
+ // Warning Colors - Oranges
32
+ export const warning = {
33
+ 50: '#FFE5B4',
34
+ 100: '#FE9A00',
35
+ 200: '#E17100',
36
+ 300: '#973C00',
37
+ };
38
+ // Error Colors - Reds
39
+ export const error = {
40
+ 50: '#FFD7D9',
41
+ 100: '#FB2C36',
42
+ 200: '#C10007',
43
+ 300: '#9F0712',
44
+ };
45
+ // Export for all colors
46
+ export const colors = {
47
+ neutral,
48
+ primary,
49
+ secondary,
50
+ success,
51
+ warning,
52
+ error,
53
+ };