@taiv/ui 1.3.2 → 1.4.0

package/dist/components/Layout/Stack/Stack.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Stack/Stack.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAkD5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAqBnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAmEjC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAwFxB,CAAC"}

package/dist/components/Layout/Stack/Stack.stories.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from './Stack';
+import { Box } from '../Box/Box';
+const meta = {
+    title: 'Components/Layout/Stack',
+    component: Stack,
+    argTypes: {
+        align: {
+            control: { type: 'select' },
+            options: ['stretch', 'center', 'flex-start', 'flex-end', 'baseline'],
+            description: 'align-items CSS property',
+            table: {
+                type: { summary: 'AlignItems' },
+            },
+        },
+        justify: {
+            control: { type: 'select' },
+            options: ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly'],
+            description: 'justify-content CSS property',
+            table: {
+                type: { summary: 'JustifyContent' },
+            },
+        },
+        spacing: {
+            control: { type: 'select' },
+            options: ['xs', 'sm', 'md', 'lg', 'xl'],
+            description: 'Gap between items',
+            table: {
+                type: { summary: 'number | "xs" | "sm" | "md" | "lg" | "xl"' },
+            },
+        },
+        width: {
+            control: { type: 'text' },
+            description: 'Custom width',
+            table: {
+                type: { summary: 'string | number' },
+            },
+        },
+        gap: {
+            control: { type: 'text' },
+            description: 'Custom gap value',
+            table: {
+                type: { summary: 'string' },
+            },
+        },
+        styles: {
+            control: { type: 'object' },
+            description: 'Custom styles object',
+            table: {
+                type: { summary: 'Record<string, CSSObject>' },
+            },
+        },
+    },
+};
+export default meta;
+const SampleBox = ({ children, color = 'blue' }) => (_jsx(Box, { sx: (theme) => ({
+        backgroundColor: theme.colors[color][0],
+        color: theme.colors[color][9],
+        padding: theme.spacing.md,
+        borderRadius: theme.radius.md,
+        border: `1px solid ${theme.colors[color][3]}`,
+        textAlign: 'center',
+        minHeight: '60px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    }), children: children }));
+export const Default = {
+    args: {
+        align: 'stretch',
+        justify: 'flex-start',
+        spacing: 'md',
+    },
+    render: (args) => (_jsxs(Stack, { ...args, children: [_jsx(SampleBox, { color: "blue", children: "Item 1" }), _jsx(SampleBox, { color: "green", children: "Item 2" }), _jsx(SampleBox, { color: "orange", children: "Item 3" })] })),
+};
+export const JustifyAlignContent = {
+    render: () => (_jsxs("div", { style: { display: 'flex', gap: '2rem', flexWrap: 'wrap' }, children: [_jsxs("div", { children: [_jsx("h4", { children: "Justify Content" }), _jsxs("div", { style: { display: 'flex', gap: '1rem', flexDirection: 'column' }, children: [_jsxs("div", { children: [_jsx("strong", { children: "flex-start" }), _jsxs(Stack, { justify: "flex-start", spacing: "sm", style: { height: '200px', border: '1px solid #ccc', padding: '1rem' }, children: [_jsx(SampleBox, { color: "blue", children: "Item 1" }), _jsx(SampleBox, { color: "green", children: "Item 2" })] })] }), _jsxs("div", { children: [_jsx("strong", { children: "center" }), _jsxs(Stack, { justify: "center", spacing: "sm", style: { height: '200px', border: '1px solid #ccc', padding: '1rem' }, children: [_jsx(SampleBox, { color: "blue", children: "Item 1" }), _jsx(SampleBox, { color: "green", children: "Item 2" })] })] }), _jsxs("div", { children: [_jsx("strong", { children: "space-between" }), _jsxs(Stack, { justify: "space-between", spacing: "sm", style: { height: '200px', border: '1px solid #ccc', padding: '1rem' }, children: [_jsx(SampleBox, { color: "blue", children: "Item 1" }), _jsx(SampleBox, { color: "green", children: "Item 2" })] })] })] })] }), _jsxs("div", { children: [_jsx("h4", { children: "Align Items" }), _jsxs("div", { style: { display: 'flex', gap: '1rem', flexDirection: 'column' }, children: [_jsxs("div", { children: [_jsx("strong", { children: "stretch" }), _jsxs(Stack, { align: "stretch", spacing: "sm", style: { height: '200px', border: '1px solid #ccc', padding: '1rem' }, children: [_jsx(SampleBox, { color: "blue", children: "Item 1" }), _jsx(SampleBox, { color: "green", children: "Item 2" })] })] }), _jsxs("div", { children: [_jsx("strong", { children: "center" }), _jsxs(Stack, { align: "center", spacing: "sm", style: { height: '200px', border: '1px solid #ccc', padding: '1rem' }, children: [_jsx(SampleBox, { color: "blue", children: "Item 1" }), _jsx(SampleBox, { color: "green", children: "Item 2" })] })] }), _jsxs("div", { children: [_jsx("strong", { children: "flex-end" }), _jsxs(Stack, { align: "flex-end", spacing: "sm", style: { height: '200px', border: '1px solid #ccc', padding: '1rem' }, children: [_jsx(SampleBox, { color: "blue", children: "Item 1" }), _jsx(SampleBox, { color: "green", children: "Item 2" })] })] })] })] })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: `<Stack justify="center" align="center" spacing="md">
+  <Box>Centered Item 1</Box>
+  <Box>Centered Item 2</Box>
+</Stack>`,
+            },
+        },
+    },
+};
+export const SpacingGap = {
+    render: () => (_jsxs("div", { style: { display: 'flex', gap: '2rem', flexDirection: 'column' }, children: [_jsxs("div", { children: [_jsx("h4", { children: "Theme Spacing" }), _jsxs("div", { style: { display: 'flex', gap: '1rem', flexWrap: 'wrap' }, children: [_jsxs("div", { children: [_jsx("strong", { children: "xs" }), _jsxs(Stack, { spacing: "xs", style: { border: '1px solid #ccc', padding: '1rem' }, children: [_jsx(SampleBox, { color: "blue", children: "Item 1" }), _jsx(SampleBox, { color: "green", children: "Item 2" }), _jsx(SampleBox, { color: "orange", children: "Item 3" })] })] }), _jsxs("div", { children: [_jsx("strong", { children: "sm" }), _jsxs(Stack, { spacing: "sm", style: { border: '1px solid #ccc', padding: '1rem' }, children: [_jsx(SampleBox, { color: "blue", children: "Item 1" }), _jsx(SampleBox, { color: "green", children: "Item 2" }), _jsx(SampleBox, { color: "orange", children: "Item 3" })] })] }), _jsxs("div", { children: [_jsx("strong", { children: "md" }), _jsxs(Stack, { spacing: "md", style: { border: '1px solid #ccc', padding: '1rem' }, children: [_jsx(SampleBox, { color: "blue", children: "Item 1" }), _jsx(SampleBox, { color: "green", children: "Item 2" }), _jsx(SampleBox, { color: "orange", children: "Item 3" })] })] }), _jsxs("div", { children: [_jsx("strong", { children: "lg" }), _jsxs(Stack, { spacing: "lg", style: { border: '1px solid #ccc', padding: '1rem' }, children: [_jsx(SampleBox, { color: "blue", children: "Item 1" }), _jsx(SampleBox, { color: "green", children: "Item 2" }), _jsx(SampleBox, { color: "orange", children: "Item 3" })] })] }), _jsxs("div", { children: [_jsx("strong", { children: "xl" }), _jsxs(Stack, { spacing: "xl", style: { border: '1px solid #ccc', padding: '1rem' }, children: [_jsx(SampleBox, { color: "blue", children: "Item 1" }), _jsx(SampleBox, { color: "green", children: "Item 2" }), _jsx(SampleBox, { color: "orange", children: "Item 3" })] })] })] })] }), _jsxs("div", { children: [_jsx("h4", { children: "Custom Gap" }), _jsxs("div", { style: { display: 'flex', gap: '1rem', flexWrap: 'wrap' }, children: [_jsxs("div", { children: [_jsx("strong", { children: "2rem" }), _jsxs(Stack, { gap: "2rem", style: { border: '1px solid #ccc', padding: '1rem' }, children: [_jsx(SampleBox, { color: "blue", children: "Item 1" }), _jsx(SampleBox, { color: "green", children: "Item 2" }), _jsx(SampleBox, { color: "orange", children: "Item 3" })] })] }), _jsxs("div", { children: [_jsx("strong", { children: "20px" }), _jsxs(Stack, { gap: "20px", style: { border: '1px solid #ccc', padding: '1rem' }, children: [_jsx(SampleBox, { color: "blue", children: "Item 1" }), _jsx(SampleBox, { color: "green", children: "Item 2" }), _jsx(SampleBox, { color: "orange", children: "Item 3" })] })] })] })] })] })),
+    parameters: {
+        docs: {
+            source: {
+                code: `<Stack spacing="lg">
+  <Box>Item 1</Box>
+  <Box>Item 2</Box>
+  <Box>Item 3</Box>
+</Stack>
+
+<Stack gap="2rem">
+  <Box>Item 1</Box>
+  <Box>Item 2</Box>
+  <Box>Item 3</Box>
+</Stack>`,
+            },
+        },
+    },
+};

package/dist/components/Layout/Tabs/Tabs.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { TabsProps as MantineTabsProps } from '@mantine/core';
+export interface TabsProps extends Omit<MantineTabsProps, 'children' | 'onChange' | 'placement'> {
+    children: React.ReactNode;
+    defaultValue?: string;
+    value?: string;
+    onChange?: (value: string | null) => void;
+    orientation?: 'horizontal' | 'vertical';
+    placement?: 'left' | 'right' | 'top' | 'bottom';
+    variant?: 'default' | 'outline' | 'pills';
+}
+export declare const Tabs: (({ children, defaultValue, value, onChange, orientation, placement, variant, styles, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element) & {
+    List: React.ForwardRefExoticComponent<import("@mantine/core").TabsListProps & React.RefAttributes<HTMLDivElement>>;
+    Tab: React.ForwardRefExoticComponent<import("@mantine/core").TabProps & React.RefAttributes<HTMLButtonElement>>;
+    Panel: React.ForwardRefExoticComponent<import("@mantine/core").TabsPanelProps & React.RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/components/Layout/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAuB,SAAS,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAInF,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,UAAU,GAAG,WAAW,CAAC;IAC9F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAChD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;CAC3C;AA+CD,eAAO,MAAM,IAAI,oGA7CyI,SAAS;;;;CAiDjK,CAAC"}

package/dist/components/Layout/Tabs/Tabs.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tabs as MantineTabs } from '@mantine/core';
+import { fontBase } from '../../../constants/font';
+import { colors } from '../../../constants/colors';
+const TabsComponent = ({ children, defaultValue, value, onChange, orientation = 'horizontal', placement = 'top', variant = 'default', styles, ...props }) => {
+    const style = {
+        root: {
+            width: '100%',
+        },
+        list: {
+            borderBottom: variant === 'default' ? `1px solid ${colors.neutral[100]}` : 'none',
+            gap: '0',
+        },
+        tab: {
+            padding: '0.8rem 2.8rem',
+            backgroundColor: 'transparent',
+            color: colors.neutral[300],
+            '&:hover': {
+                backgroundColor: variant === 'pills' ? colors.neutral[25] : 'transparent',
+                color: colors.primary[300],
+            },
+            '&[data-active]': {
+                backgroundColor: variant === 'pills' ? colors.primary[200] : 'transparent',
+                color: variant === 'pills' ? 'white' : colors.primary[300],
+                borderBottom: variant === 'default' ? `2px solid ${colors.primary[200]}` : 'none',
+            },
+            '&[data-active]:hover': {
+                backgroundColor: variant === 'pills' ? colors.primary[200] : 'transparent',
+                color: variant === 'pills' ? 'white' : colors.primary[300],
+            },
+        },
+        tabLabel: {
+            ...fontBase,
+            fontSize: '1.6rem',
+            lineHeight: '2.4rem',
+        },
+        panel: {
+            padding: '1.6rem 0.8rem',
+        },
+        ...styles,
+    };
+    return (_jsx(MantineTabs, { styles: style, radius: "lg", defaultValue: defaultValue, value: value, orientation: orientation, variant: variant, ...props, children: children }));
+};
+export const Tabs = Object.assign(TabsComponent, {
+    List: MantineTabs.List,
+    Tab: MantineTabs.Tab,
+    Panel: MantineTabs.Panel,
+});

package/dist/components/Misc/IconBadge/IconBadge.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { primitives } from '../../../constants/colors';
+export interface IconBadgeProps {
+    icon: React.ReactNode;
+    color: keyof typeof primitives;
+}
+export declare const IconBadge: ({ icon, color }: IconBadgeProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=IconBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/Misc/IconBadge/IconBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,OAAO,UAAU,CAAC;CAChC;AAED,eAAO,MAAM,SAAS,GAAI,iBAAiB,cAAc,4CAgCxD,CAAC"}

package/dist/components/Misc/IconBadge/IconBadge.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { primitives } from '../../../constants/colors';
+export const IconBadge = ({ icon, color }) => {
+    const getIconColors = () => {
+        return {
+            background: primitives[color][50],
+            icon: primitives[color][200],
+        };
+    };
+    const getIconSize = () => {
+        if (React.isValidElement(icon) && icon.props && typeof icon.props.size === 'number') {
+            const iconSize = icon.props.size;
+            const badgeSize = iconSize + 12;
+            return `${badgeSize / 10}rem`;
+        }
+    };
+    return (_jsx("div", { style: {
+            width: getIconSize(),
+            height: getIconSize(),
+            borderRadius: '50%',
+            backgroundColor: getIconColors().background,
+            color: getIconColors().icon,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+        }, children: icon }));
+};

package/dist/components/Misc/Transition/Transition.d.ts

@@ -0,0 +1,4 @@
+import { TransitionProps as MantineTransitionProps } from '@mantine/core';
+declare const Transition: (props: MantineTransitionProps) => import("react/jsx-runtime").JSX.Element;
+export { Transition };
+//# sourceMappingURL=Transition.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Transition.d.ts","sourceRoot":"","sources":["../../../../src/components/Misc/Transition/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"}

package/dist/components/Misc/Transition/Transition.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Transition as MantineTransition } from '@mantine/core';
+const Transition = (props) => {
+    return _jsx(MantineTransition, { ...props });
+};
+export { Transition };

package/dist/components/Typography/CollapsibleText.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { IconCaretDownFilled } from '@tabler/icons-react';
 import { primary } from '../../constants/colors';
-import { Box } from '../Layout/Box';
-import { Group } from '../Layout/Group';
+import { Box } from '../Layout/Box/Box';
+import { Group } from '../Layout/Group/Group';
 import { Text } from './Text';
-import { Transition } from '../Misc/Transition';
-import { UnstyledButton } from '../Inputs/Buttons/UnstyledButton';
+import { Transition } from '../Misc/Transition/Transition';
+import { UnstyledButton } from '../Inputs/Buttons/UnstyledButton/UnstyledButton';
 const CollapsibleText = ({ text, variant = 'body', className, opened, setOpened, children }) => {
     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: {
                                 color: primary[200],

package/dist/components/Typography/Formula.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Formula.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Formula.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAK5D,UAAU,YAAY;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA0MD,QAAA,MAAM,OAAO,GAAI,qCAAqC,YAAY,4CAKjE,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Formula.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Formula.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAK5D,UAAU,YAAY;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqMD,QAAA,MAAM,OAAO,GAAI,qCAAqC,YAAY,4CAKjE,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Typography/Formula.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from './Text';
 import { Fraction } from './Fraction';
-import { Group } from '../Layout/Group';
+import { Group } from '../Layout/Group/Group';
 class FormulaParser {
     constructor() {
         this.tokens = [];
@@ -42,18 +42,14 @@ class FormulaParser {
         }
         // Strip whitespace from all tokens
         const cleanedTokens = tokens.map((token) => token.trim()).filter((token) => token.length > 0);
-        console.log('Tokenized tokens:', cleanedTokens);
         return cleanedTokens;
     }
     parseExpression() {
-        console.log('parseExpression - current token:', this.peek(), 'position:', this.current);
         return this.parseAddition();
     }
     parseAddition() {
         let left = this.parseMultiplication();
-        console.log('parseAddition - after parseMultiplication, current token:', this.peek(), 'position:', this.current);
         while (this.current < this.tokens.length && (this.peek() === '+' || this.peek() === '-' || this.peek() === '=')) {
-            console.log('parseAddition - found operator:', this.peek());
             const operator = this.advance();
             const right = this.parseMultiplication();
             left = [...left, { type: 'operator', value: operator }, ...right];
@@ -123,7 +119,7 @@ const FormulaRenderer = ({ nodes, weight, size, color }) => {
                 case 'default':
                     return (_jsx(Text, { weight: weight, size: size, color: color, children: node.value }, index));
                 case 'operator':
-                    return (_jsx(Text, { weight: weight, size: size, color: color, children: node.value === '*' ? '×' : node.value }, index));
+                    return (_jsx(Text, { weight: weight, size: size, color: color, mx: "0.25rem", children: node.value === '*' ? '×' : node.value }, index));
                 case 'subscript':
                     return (_jsxs(Text, { weight: weight, size: size, color: color, children: [node.value, _jsx("sub", { children: `(${node.subscript})` })] }, index));
                 case 'fraction':

package/dist/components/Typography/Fraction.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Divider } from '../Layout/Divider';
+import { Divider } from '../Layout/Divider/Divider';
 import { textStyle } from '../../constants';
 import { Text } from './Text';
-import { Stack } from '../Layout/Stack';
+import { Stack } from '../Layout/Stack/Stack';
 const Fraction = ({ numerator, denominator, variant = 'body', color, weight, size }) => {
     const selectedVariant = textStyle[variant];
     return (_jsxs(Stack, { sx: { display: 'inline-flex', alignItems: 'center', lineHeight: 1 }, gap: "0.25rem", children: [_jsx(Text, { variant: variant, color: color, weight: weight, size: size, sx: { display: 'block', textAlign: 'center' }, children: numerator }), _jsx(Divider, { color: color || selectedVariant.color, width: "100%" }), _jsx(Text, { variant: variant, color: color, weight: weight, size: size, sx: { display: 'block', textAlign: 'center' }, children: denominator })] }));

package/dist/components/Typography/Text.d.ts.map

@@ -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,MAAM,WAAW,SAAU,SAAQ,gBAAgB;IACjD,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,4CAwC7F,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"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,MAAM,WAAW,SAAU,SAAQ,gBAAgB;IACjD,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,4CAsC7F,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Typography/Text.js

@@ -7,8 +7,6 @@ const Text = ({ variant = 'body', size, children, weight, color, styles, ...prop
     const customWeight = weight ? { fontWeight: fontWeight[weight] } : {};
     const customColor = color ? { color } : {};
     const style = {
-        margin: 0,
-        padding: 0,
         ...styles,
         ...selectedVariant,
         ...customSize,

package/dist/components/index.d.ts

@@ -14,41 +14,41 @@ export { Tooltip } from './Info/Tooltips/Tooltip';
 export { InfoTooltip } from './Info/Tooltips/InfoTooltip';
 export { FormulaTooltip } from './Info/Tooltips/FormulaTooltip';
 export { InfoCard } from './Info/InfoCard';
-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 { Radio } from './Inputs/Controls/Radio';
-export { RadioList } from './Inputs/Controls/RadioList';
-export { Toggle } from './Inputs/Controls/Toggle';
-export { FontSelect } from './Inputs/Dropdowns/FontSelect';
-export { MultiSelect } from './Inputs/Dropdowns/MultiSelect';
-export { CascadingSelect } from './Inputs/Dropdowns/CascadingSelect';
-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/Dates/DatePicker';
-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';
+export { AutoComplete } from './Inputs/TextInputs/AutoComplete/AutoComplete';
+export { Button } from './Inputs/Buttons/Button/Button';
+export { UnstyledButton } from './Inputs/Buttons/UnstyledButton/UnstyledButton';
+export { Checkbox } from './Inputs/Controls/Checkbox/Checkbox';
+export { Radio } from './Inputs/Controls/Radio/Radio';
+export { RadioList } from './Inputs/Controls/RadioList/RadioList';
+export { Toggle } from './Inputs/Controls/Toggle/Toggle';
+export { FontSelect } from './Inputs/Dropdowns/FontSelect/FontSelect';
+export { MultiSelect } from './Inputs/Dropdowns/MultiSelect/MultiSelect';
+export { CascadingSelect } from './Inputs/Dropdowns/CascadingSelect/CascadingSelect';
+export { SearchBar } from './Inputs/TextInputs/SearchBar/SearchBar';
+export { Select } from './Inputs/Dropdowns/Select/Select';
+export { Slider } from './Inputs/Sliders/Slider/Slider';
+export { VolumeSlider } from './Inputs/Sliders/VolumeSlider/VolumeSlider';
+export { TextArea } from './Inputs/TextInputs/TextArea/TextArea';
+export { TextInput } from './Inputs/TextInputs/TextInput/TextInput';
+export { PasswordInput } from './Inputs/TextInputs/PasswordInput/PasswordInput';
+export { DatePicker } from './Inputs/Dates/DatePicker/DatePicker';
+export { AutoGrid } from './Layout/AutoGrid/AutoGrid';
+export { Grid } from './Layout/Grid/Grid';
+export { Box } from './Layout/Box/Box';
+export { Center } from './Layout/Center/Center';
+export { Divider } from './Layout/Divider/Divider';
+export { Frame } from './Layout/Frame/Frame';
+export { Group } from './Layout/Group/Group';
+export { Loader } from './Layout/Loader/Loader';
+export { Stack } from './Layout/Stack/Stack';
+export { Card } from './Layout/Card/Card';
+export { SectionCard } from './Layout/SectionCard/SectionCard';
+export { Tabs } from './Layout/Tabs/Tabs';
 export { CollapsibleText } from './Typography/CollapsibleText';
 export { Text } from './Typography/Text';
 export { Title } from './Typography/Title';
 export { Fraction } from './Typography/Fraction';
 export { Formula } from './Typography/Formula';
-export { Transition } from './Misc/Transition';
-export { IconBadge } from './Misc/IconBadge';
+export { Transition } from './Misc/Transition/Transition';
+export { IconBadge } from './Misc/IconBadge/IconBadge';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.js

@@ -17,37 +17,37 @@ export { InfoTooltip } from './Info/Tooltips/InfoTooltip';
 export { FormulaTooltip } from './Info/Tooltips/FormulaTooltip';
 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 { Radio } from './Inputs/Controls/Radio';
-export { RadioList } from './Inputs/Controls/RadioList';
-export { Toggle } from './Inputs/Controls/Toggle';
-export { FontSelect } from './Inputs/Dropdowns/FontSelect';
-export { MultiSelect } from './Inputs/Dropdowns/MultiSelect';
-export { CascadingSelect } from './Inputs/Dropdowns/CascadingSelect';
-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/Dates/DatePicker';
+export { AutoComplete } from './Inputs/TextInputs/AutoComplete/AutoComplete';
+export { Button } from './Inputs/Buttons/Button/Button';
+export { UnstyledButton } from './Inputs/Buttons/UnstyledButton/UnstyledButton';
+export { Checkbox } from './Inputs/Controls/Checkbox/Checkbox';
+export { Radio } from './Inputs/Controls/Radio/Radio';
+export { RadioList } from './Inputs/Controls/RadioList/RadioList';
+export { Toggle } from './Inputs/Controls/Toggle/Toggle';
+export { FontSelect } from './Inputs/Dropdowns/FontSelect/FontSelect';
+export { MultiSelect } from './Inputs/Dropdowns/MultiSelect/MultiSelect';
+export { CascadingSelect } from './Inputs/Dropdowns/CascadingSelect/CascadingSelect';
+export { SearchBar } from './Inputs/TextInputs/SearchBar/SearchBar';
+export { Select } from './Inputs/Dropdowns/Select/Select';
+export { Slider } from './Inputs/Sliders/Slider/Slider';
+export { VolumeSlider } from './Inputs/Sliders/VolumeSlider/VolumeSlider';
+export { TextArea } from './Inputs/TextInputs/TextArea/TextArea';
+export { TextInput } from './Inputs/TextInputs/TextInput/TextInput';
+export { PasswordInput } from './Inputs/TextInputs/PasswordInput/PasswordInput';
+export { DatePicker } from './Inputs/Dates/DatePicker/DatePicker';
 //Layout
-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';
+export { AutoGrid } from './Layout/AutoGrid/AutoGrid';
+export { Grid } from './Layout/Grid/Grid';
+export { Box } from './Layout/Box/Box';
+export { Center } from './Layout/Center/Center';
+export { Divider } from './Layout/Divider/Divider';
+export { Frame } from './Layout/Frame/Frame';
+export { Group } from './Layout/Group/Group';
+export { Loader } from './Layout/Loader/Loader';
+export { Stack } from './Layout/Stack/Stack';
+export { Card } from './Layout/Card/Card';
+export { SectionCard } from './Layout/SectionCard/SectionCard';
+export { Tabs } from './Layout/Tabs/Tabs';
 //Typography
 export { CollapsibleText } from './Typography/CollapsibleText';
 export { Text } from './Typography/Text';
@@ -55,5 +55,5 @@ export { Title } from './Typography/Title';
 export { Fraction } from './Typography/Fraction';
 export { Formula } from './Typography/Formula';
 //Misc
-export { Transition } from './Misc/Transition';
-export { IconBadge } from './Misc/IconBadge';
+export { Transition } from './Misc/Transition/Transition';
+export { IconBadge } from './Misc/IconBadge/IconBadge';

package/dist/constants/index.d.ts

@@ -1,4 +1,5 @@
 export * from './colors';
 export * from './font';
 export * from './breakpoints';
+export * from './data';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC"}

package/dist/constants/index.js

@@ -1,3 +1,4 @@
 export * from './colors';
 export * from './font';
 export * from './breakpoints';
+export * from './data';

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

@@ -1 +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"}
+{"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;qBAsFuB,MAAM;;CAa/B,CAAC"}

package/dist/hooks/useConfirmationModal.js

@@ -2,14 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { modals } from '@mantine/modals';
 import { neutral } from '../constants/colors';
 import { Title } from '../components/Typography/Title';
-import { Stack } from '../components/Layout/Stack';
-import { Center } from '../components/Layout/Center';
+import { Stack } from '../components/Layout/Stack/Stack';
+import { Center } from '../components/Layout/Center/Center';
 import { modalVariants } from '../components/Info/Modals/variants';
-import { Button } from '../components/Inputs/Buttons/Button';
-import { Group } from '../components/Layout/Group';
+import { Button } from '../components/Inputs/Buttons/Button/Button';
+import { Group } from '../components/Layout/Group/Group';
 export const useConfirmationModal = () => {
     const show = (options) => {
-        const { variant = 'confirm', title, message, confirmLabel, cancelLabel, icon, onConfirm, onCancel, size = '40rem', } = options;
+        const { variant = 'confirm', title, message, confirmLabel, cancelLabel, icon, onConfirm, onCancel, size = '40rem' } = options;
         const handleConfirm = () => {
             if (onConfirm)
                 onConfirm();
@@ -28,7 +28,7 @@ export const useConfirmationModal = () => {
             backgroundColor: selectedVariant.iconBackgroundColor,
             border: `2px solid ${selectedVariant.iconColor}`,
         };
-        const modalIcon = icon || (_jsx("i", { className: selectedVariant.icon, style: { color: selectedVariant.iconColor, fontSize: '2rem' } }));
+        const modalIcon = icon || _jsx("i", { className: selectedVariant.icon, style: { color: selectedVariant.iconColor, fontSize: '2rem' } });
         const ConfirmModalContent = () => {
             return (_jsx(Center, { h: "100%", w: "100%", children: _jsxs(Stack, { gap: "2rem", h: "100%", w: "100%", align: "center", children: [_jsxs(Stack, { gap: "1.5rem", align: "center", children: [_jsx(Center, { style: iconContainer, children: modalIcon }), _jsxs(Stack, { gap: "0.25rem", align: "center", children: [_jsx(Title, { variant: "cardHeader", align: "center", children: title || selectedVariant.title }), _jsx(Title, { variant: "cardSubheader", align: "center", children: message || selectedVariant.message })] })] }), _jsx(Center, { h: "100%", w: "100%", children: _jsxs(Group, { gap: "1rem", align: "center", children: [_jsx(Button, { onClick: handleCancel, variant: "secondary", children: cancelLabel || selectedVariant.cancelLabel }), _jsx(Button, { onClick: handleConfirm, variant: selectedVariant.buttonVariant, children: confirmLabel || selectedVariant.confirmLabel })] }) })] }) }));
         };

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

@@ -1 +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"}
+{"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;QAAE,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE;qBA4EjJ,MAAM;;CAa/B,CAAC"}

package/dist/hooks/useInfoModal.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { modals } from '@mantine/modals';
 import { neutral } from '../constants/colors';
 import { Title } from '../components/Typography/Title';
-import { Stack } from '../components/Layout/Stack';
-import { Center } from '../components/Layout/Center';
+import { Stack } from '../components/Layout/Stack/Stack';
+import { Center } from '../components/Layout/Center/Center';
 import { modalVariants } from '../components/Info/Modals/variants';
-import { Button } from '../components/Inputs/Buttons/Button';
+import { Button } from '../components/Inputs/Buttons/Button/Button';
 export const useInfoModal = () => {
     const show = (options) => {
         const { variant = 'info', title, message, icon, onConfirm, size = '35rem' } = options;
@@ -22,7 +22,7 @@ export const useInfoModal = () => {
             backgroundColor: selectedVariant.iconBackgroundColor,
             border: `2px solid ${selectedVariant.iconColor}`,
         };
-        const modalIcon = icon || (_jsx("i", { className: selectedVariant.icon, style: { color: selectedVariant.iconColor, fontSize: '2rem' } }));
+        const modalIcon = icon || _jsx("i", { className: selectedVariant.icon, style: { color: selectedVariant.iconColor, fontSize: '2rem' } });
         const InfoModalContent = () => {
             return (_jsx(Center, { h: "100%", w: "100%", children: _jsxs(Stack, { gap: "2rem", h: "100%", w: "100%", align: "center", children: [_jsxs(Stack, { gap: "1.5rem", align: "center", children: [_jsx(Center, { style: iconContainer, children: modalIcon }), _jsxs(Stack, { gap: "0.25rem", align: "center", children: [_jsx(Title, { variant: "cardHeader", align: "center", children: title || selectedVariant.title }), _jsx(Title, { variant: "cardSubheader", align: "center", children: message || selectedVariant.message })] })] }), _jsx(Center, { h: "100%", w: "100%", children: _jsx(Button, { onClick: handleConfirm, variant: selectedVariant.buttonVariant, children: "OK" }) })] }) }));
         };

package/dist/utils/index.d.ts

@@ -1,3 +1,3 @@
-export { getOptionLabel, getOptionByValue } from './select';
+export { getOptionLabel, getOptionByValue, getCascadingOptionLabel } from './select';
 export { getChartFormatter, aggregateDataByDate } from './charts';
 //# sourceMappingURL=index.d.ts.map