@taiv/ui 1.1.0 → 1.3.0

package/dist/components/Typography/Formula.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from './Text';
+import { Fraction } from './Fraction';
+import { Group } from '../Layout/Group';
+class FormulaParser {
+    constructor() {
+        this.tokens = [];
+        this.current = 0;
+    }
+    parse(expression) {
+        const hasMathOperators = /[*\/+\-()=]/.test(expression);
+        if (!hasMathOperators) {
+            return [{ type: 'default', value: expression }];
+        }
+        this.tokens = this.tokenize(expression);
+        this.current = 0;
+        return this.parseExpression();
+    }
+    tokenize(expression) {
+        const tokens = [];
+        let i = 0;
+        while (i < expression.length) {
+            const char = expression[i];
+            if (char === '(' || char === ')') {
+                tokens.push(char);
+                i++;
+            }
+            else if (char === '/' || char === '*' || char === '+' || char === '-' || char === '=' || char === '_') {
+                tokens.push(char);
+                i++;
+            }
+            else {
+                let text = '';
+                while (i < expression.length && !/[*\/+\-()=_]/.test(expression[i])) {
+                    text += expression[i];
+                    i++;
+                }
+                if (text) {
+                    tokens.push(text);
+                }
+            }
+        }
+        // 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];
+        }
+        return left;
+    }
+    parseMultiplication() {
+        let left = this.parseDivision();
+        while (this.current < this.tokens.length && this.peek() === '*') {
+            const operator = this.advance();
+            const right = this.parseDivision();
+            left = [...left, { type: 'operator', value: operator }, ...right];
+        }
+        return left;
+    }
+    parseDivision() {
+        let left = this.parsePrimary();
+        while (this.current < this.tokens.length && this.peek() === '/') {
+            this.advance();
+            const right = this.parsePrimary();
+            const fraction = {
+                type: 'fraction',
+                numerator: left,
+                denominator: right,
+            };
+            left = [fraction];
+        }
+        return left;
+    }
+    parsePrimary() {
+        if (this.peek() === '(') {
+            this.advance(); // consume '('
+            const expr = this.parseExpression();
+            this.advance(); // consume ')'
+            // Wrap the expression with parentheses
+            //   return [{ type: 'default', value: '(' }, ...expr, { type: 'default', value: ')' }];
+            return expr;
+        }
+        // Handle text tokens
+        const token = this.peek();
+        if (token && !/[*\/+\-()=_]/.test(token)) {
+            const text = this.advance();
+            // Check if next token is a subscript (text in parentheses)
+            if (this.peek() === '_') {
+                this.advance(); // consume '_'
+                const subscript = this.peek();
+                if (subscript && !/[*\/+\-_()=_]/.test(subscript)) {
+                    this.advance(); // consume subscript text
+                    return [{ type: 'subscript', value: text, subscript }];
+                }
+            }
+            return [{ type: 'default', value: text }];
+        }
+        return [];
+    }
+    peek() {
+        return this.tokens[this.current] || '';
+    }
+    advance() {
+        return this.tokens[this.current++] || '';
+    }
+}
+// Update the renderer to handle subscript
+const FormulaRenderer = ({ nodes, weight, size, color }) => {
+    return (_jsx(Group, { gap: "0.5rem", children: nodes.map((node, index) => {
+            switch (node.type) {
+                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));
+                case 'subscript':
+                    return (_jsxs(Text, { weight: weight, size: size, color: color, children: [node.value, _jsx("sub", { children: `(${node.subscript})` })] }, index));
+                case 'fraction':
+                    return (_jsx(Fraction, { color: color, weight: weight, size: size, numerator: _jsx(FormulaRenderer, { nodes: node.numerator || [], weight: weight, size: size, color: color }), denominator: _jsx(FormulaRenderer, { nodes: node.denominator || [], weight: weight, size: size, color: color }) }, index));
+                default:
+                    return null;
+            }
+        }) }));
+};
+const Formula = ({ expression, weight, size, color }) => {
+    const parser = new FormulaParser();
+    const parsedNodes = parser.parse(expression);
+    return _jsx(FormulaRenderer, { nodes: parsedNodes, weight: weight, size: size, color: color });
+};
+export { Formula };

package/dist/components/Typography/Fraction.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
-import { textStyle } from '../../constants';
-interface FractionProps {
+import { TextProps } from './Text';
+interface FractionProps extends Omit<TextProps, 'children' | 'styles'> {
     numerator: React.ReactNode;
     denominator: React.ReactNode;
-    variant: keyof typeof textStyle;
 }
-declare const Fraction: ({ numerator, denominator, variant }: FractionProps) => import("react/jsx-runtime").JSX.Element;
+declare const Fraction: ({ numerator, denominator, variant, color, weight, size }: FractionProps) => import("react/jsx-runtime").JSX.Element;
 export { Fraction };
 //# sourceMappingURL=Fraction.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Fraction.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Fraction.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,UAAU,aAAa;IACrB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,EAAE,MAAM,OAAO,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,QAAQ,GAAI,qCAAqC,aAAa,4CAcnE,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Fraction.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Fraction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,UAAU,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,QAAQ,CAAC;IACpE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,QAAA,MAAM,QAAQ,GAAI,0DAAmE,aAAa,4CAajG,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Typography/Fraction.js

@@ -1,7 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '@mantine/core';
+import { Divider } from '../Layout/Divider';
+import { textStyle } from '../../constants';
 import { Text } from './Text';
-const Fraction = ({ numerator, denominator, variant }) => {
-    return (_jsx(Box, { component: "span", sx: { display: 'inline-flex', alignItems: 'center', lineHeight: 1 }, children: _jsxs(Box, { component: "span", sx: { display: 'inline-flex', flexDirection: 'column', alignItems: 'center', lineHeight: 1 }, children: [_jsx(Text, { variant: variant, sx: { display: 'block', textAlign: 'center' }, children: numerator }), _jsx(Box, { component: "span", sx: { width: '100%', borderTop: '1px solid currentColor', margin: '2px 0' } }), _jsx(Text, { variant: variant, sx: { display: 'block', textAlign: 'center' }, children: denominator })] }) }));
+import { Stack } from '../Layout/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 })] }));
 };
 export { Fraction };

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

@@ -1,7 +1,7 @@
 import React, { CSSProperties } from 'react';
 import { TextProps as MantineTextProps } from '@mantine/core';
 import { textStyle, fontSize, fontWeight } from '../../constants/font';
-interface TextProps extends MantineTextProps {
+export interface TextProps extends MantineTextProps {
     children: React.ReactNode;
     variant?: keyof typeof textStyle;
     size?: keyof typeof fontSize;

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,EAAY,MAAM,sBAAsB,CAAC;AAEjF,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,4CAiC7F,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,4CAwC7F,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Typography/Text.js

@@ -23,6 +23,13 @@ const Text = ({ variant = 'body', size, children, weight, color, styles, ...prop
                 ...customColor,
                 fontWeight: fontWeight.bold,
             },
+            '& sub': {
+                ...selectedVariant,
+                ...customColor,
+                fontWeight: fontWeight.medium,
+                fontSize: '0.8em',
+                marginLeft: '0.2em',
+            },
         }, ...props, children: children }));
 };
 export { Text };

package/dist/components/index.d.ts

@@ -1,21 +1,29 @@
 export { CheckboxTable } from './Data/CheckboxTable';
 export { Chart } from './Data/Chart';
+export { ChartCard } from './Data/Cards/ChartCard';
 export { PieChart } from './Data/PieChart';
+export { PieChartCard } from './Data/Cards/PieChartCard';
 export { RemovableItemList } from './Data/RemovableItemList';
-export { StatsCard } from './Data/StatsCard';
+export { StatsCard } from './Data/Cards/StatsCard';
+export { StatsBadge } from './Data/StatsBadge';
 export { Modal } from './Info/Modals/Modal';
 export { ModalProvider } from './Info/Modals/ModalProvider';
 export { NotificationProvider } from './Info/Notifications/NotificationProvider';
+export { Badge } from './Info/Badge';
 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';
@@ -23,7 +31,7 @@ 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';
+export { DatePicker } from './Inputs/Dates/DatePicker';
 export { AutoGrid } from './Layout/AutoGrid';
 export { Grid } from './Layout/Grid';
 export { Box } from './Layout/Box';
@@ -40,6 +48,7 @@ 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';
 //# 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":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAG7C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,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;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAG7D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,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;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGrC,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/index.js

@@ -1,24 +1,32 @@
 //Data
 export { CheckboxTable } from './Data/CheckboxTable';
 export { Chart } from './Data/Chart';
+export { ChartCard } from './Data/Cards/ChartCard';
 export { PieChart } from './Data/PieChart';
+export { PieChartCard } from './Data/Cards/PieChartCard';
 export { RemovableItemList } from './Data/RemovableItemList';
-export { StatsCard } from './Data/StatsCard';
+export { StatsCard } from './Data/Cards/StatsCard';
+export { StatsBadge } from './Data/StatsBadge';
 //Info
 export { Modal } from './Info/Modals/Modal';
 export { ModalProvider } from './Info/Modals/ModalProvider';
 export { NotificationProvider } from './Info/Notifications/NotificationProvider';
+export { Badge } from './Info/Badge';
 export { Tooltip } from './Info/Tooltips/Tooltip';
 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';
@@ -26,7 +34,7 @@ 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';
+export { DatePicker } from './Inputs/Dates/DatePicker';
 //Layout
 export { AutoGrid } from './Layout/AutoGrid';
 export { Grid } from './Layout/Grid';
@@ -45,6 +53,7 @@ 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';
 //Misc
 export { Transition } from './Misc/Transition';
 export { IconBadge } from './Misc/IconBadge';

package/dist/constants/breakpoints.d.ts

@@ -0,0 +1,8 @@
+export declare const BREAKPOINTS: {
+    readonly MOBILE: 640;
+    readonly TABLET: 768;
+    readonly LAPTOP: 1024;
+    readonly DESKTOP: 1280;
+    readonly WIDE: 1536;
+};
+//# sourceMappingURL=breakpoints.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../src/constants/breakpoints.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC"}

package/dist/constants/breakpoints.js

@@ -0,0 +1,8 @@
+// Breakpoints in px - from Tailwind CSS
+export const BREAKPOINTS = {
+    MOBILE: 640,
+    TABLET: 768,
+    LAPTOP: 1024,
+    DESKTOP: 1280,
+    WIDE: 1536,
+};

package/dist/constants/colors.d.ts

@@ -115,7 +115,7 @@ export declare const colors: {
         readonly 300: "#9F0712";
     };
 };
-export declare const palettes: {
+export declare const primitives: {
     readonly blue: {
         readonly 25: "#EEFAFF";
         readonly 50: "#BDEAFF";

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,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"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AAAA,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,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQb,CAAC"}

package/dist/constants/colors.js

@@ -49,7 +49,7 @@ export const salmon = {
     100: '#FFD1C7',
     200: '#FF806F',
 };
-// Semantic/functional color exports - for use in UI, actions, states, etc.
+// Primary semantic/functional color exports - for use in UI, actions, states, etc. anything that would be affected by theme changes down the line
 export const colors = {
     neutral,
     primary,
@@ -57,8 +57,8 @@ export const colors = {
     warning,
     error,
 };
-// Color palette exports - for purely aesthetic purpose, i.e. icons, backgrounds, etc.
-export const palettes = {
+// Primitive color exports - for purely aesthetic purpose, i.e. icons, backgrounds, etc. anything that we want to hardcode to a specific color
+export const primitives = {
     blue,
     green,
     yellow,

package/dist/constants/data.d.ts

@@ -0,0 +1,70 @@
+export declare const numberFormats: {
+    integer: {
+        decimalPlaces: number;
+        prefix: string;
+        suffix: string;
+    };
+    decimal: {
+        decimalPlaces: number;
+        prefix: string;
+        suffix: string;
+    };
+    currency: {
+        decimalPlaces: number;
+        prefix: string;
+        suffix: string;
+    };
+    percentage: {
+        decimalPlaces: number;
+        prefix: string;
+        suffix: string;
+    };
+    multiple: {
+        decimalPlaces: number;
+        prefix: string;
+        suffix: string;
+    };
+};
+export declare const formats: {
+    integer: {
+        decimalPlaces: number;
+        prefix: string;
+        suffix: string;
+    };
+    decimal: {
+        decimalPlaces: number;
+        prefix: string;
+        suffix: string;
+    };
+    currency: {
+        decimalPlaces: number;
+        prefix: string;
+        suffix: string;
+    };
+    percentage: {
+        decimalPlaces: number;
+        prefix: string;
+        suffix: string;
+    };
+    multiple: {
+        decimalPlaces: number;
+        prefix: string;
+        suffix: string;
+    };
+    string: {
+        decimalPlaces: number;
+        prefix: string;
+        suffix: string;
+    };
+};
+export declare const truncation: {
+    readonly thousand: {
+        readonly threshold: 1000;
+        readonly suffix: "k";
+    };
+    readonly million: {
+        readonly threshold: 1000000;
+        readonly suffix: "M";
+    };
+};
+//# sourceMappingURL=data.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/constants/data.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;CAMzB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGnB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;CAGb,CAAC"}

package/dist/constants/data.js

@@ -0,0 +1,15 @@
+export const numberFormats = {
+    integer: { decimalPlaces: 0, prefix: '', suffix: '' },
+    decimal: { decimalPlaces: 1, prefix: '', suffix: '' },
+    currency: { decimalPlaces: 2, prefix: '$', suffix: '' },
+    percentage: { decimalPlaces: 1, prefix: '', suffix: '%' },
+    multiple: { decimalPlaces: 1, prefix: '', suffix: 'x' },
+};
+export const formats = {
+    string: { decimalPlaces: 0, prefix: '', suffix: '' },
+    ...numberFormats,
+};
+export const truncation = {
+    thousand: { threshold: 1000, suffix: 'k' },
+    million: { threshold: 1000000, suffix: 'M' },
+};

package/dist/constants/index.d.ts

@@ -1,3 +1,4 @@
 export * from './colors';
 export * from './font';
+export * from './breakpoints';
 //# 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"}
+{"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"}

package/dist/constants/index.js

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

package/dist/hooks/index.d.ts

@@ -1,5 +1,5 @@
 export { useCopy } from './useCopy';
-export { useMediaQuery } from './useMediaQuery';
+export { useMediaQuery, useScreenSize, useMobile, useTablet, useLaptop, useDesktop, useWide } from './useMediaQuery';
 export { useNotifications } from './useNotifications';
 export { useConfirmationModal } from './useConfirmationModal';
 export { useInfoModal } from './useInfoModal';

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,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"}
+{"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,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrH,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 './useCopy';
-export { useMediaQuery } from './useMediaQuery';
+export { useMediaQuery, useScreenSize, useMobile, useTablet, useLaptop, useDesktop, useWide } from './useMediaQuery';
 export { useNotifications } from './useNotifications';
 export { useConfirmationModal } from './useConfirmationModal';
 export { useInfoModal } from './useInfoModal';

package/dist/hooks/useDropdowns.d.ts

@@ -0,0 +1,9 @@
+type OptionValue = string | number | null | undefined;
+interface SelectOption {
+    value: OptionValue;
+    label: string;
+}
+export declare function findLabel<T extends SelectOption>(value: OptionValue, options: T[] | undefined | null, fallbackLabel?: string): string;
+export declare function findOption<T extends SelectOption>(value: OptionValue, options: T[] | undefined | null): T | undefined;
+export type { SelectOption };
+//# sourceMappingURL=useDropdowns.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdowns.d.ts","sourceRoot":"","sources":["../../src/hooks/useDropdowns.tsx"],"names":[],"mappings":"AAAA,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;AAEtD,UAAU,YAAY;IACpB,KAAK,EAAE,WAAW,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,EAAE,aAAa,GAAE,MAAW,GAAG,MAAM,CAKzI;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,GAAG,SAAS,CAGrH;AAED,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/hooks/useDropdowns.js

@@ -0,0 +1,12 @@
+export function findLabel(value, options, fallbackLabel = '') {
+    var _a;
+    if (!options || value == null)
+        return fallbackLabel;
+    const option = options.find((opt) => opt.value === value);
+    return (_a = option === null || option === void 0 ? void 0 : option.label) !== null && _a !== void 0 ? _a : fallbackLabel;
+}
+export function findOption(value, options) {
+    if (!options || value == null)
+        return undefined;
+    return options.find((opt) => opt.value === value);
+}

package/dist/hooks/useMediaQuery.d.ts

@@ -1,3 +1,10 @@
 import { useMediaQuery as useMantineMediaQuery } from '@mantine/hooks';
+import { BREAKPOINTS } from '../constants/breakpoints';
 export declare const useMediaQuery: typeof useMantineMediaQuery;
+export declare const useScreenSize: () => keyof typeof BREAKPOINTS;
+export declare const useMobile: () => boolean;
+export declare const useTablet: () => boolean;
+export declare const useLaptop: () => boolean;
+export declare const useDesktop: () => boolean;
+export declare const useWide: () => boolean;
 //# sourceMappingURL=useMediaQuery.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,eAAO,MAAM,aAAa,6BAAuB,CAAC;AAElD,eAAO,MAAM,aAAa,QAAO,MAAM,OAAO,WAW7C,CAAC;AAEF,eAAO,MAAM,SAAS,eAA8D,CAAC;AACrF,eAAO,MAAM,SAAS,eAA8D,CAAC;AACrF,eAAO,MAAM,SAAS,eAA8D,CAAC;AACrF,eAAO,MAAM,UAAU,eAA+D,CAAC;AACvF,eAAO,MAAM,OAAO,eAA4D,CAAC"}

package/dist/hooks/useMediaQuery.js

@@ -1,2 +1,23 @@
 import { useMediaQuery as useMantineMediaQuery } from '@mantine/hooks';
+import { BREAKPOINTS } from '../constants/breakpoints';
 export const useMediaQuery = useMantineMediaQuery;
+export const useScreenSize = () => {
+    const isMobile = useMobile();
+    const isTablet = useTablet();
+    const isLaptop = useLaptop();
+    const isDesktop = useDesktop();
+    if (isMobile)
+        return 'MOBILE';
+    if (isTablet)
+        return 'TABLET';
+    if (isLaptop)
+        return 'LAPTOP';
+    if (isDesktop)
+        return 'DESKTOP';
+    return 'WIDE';
+};
+export const useMobile = () => useMediaQuery(`(max-width: ${BREAKPOINTS.MOBILE}px)`);
+export const useTablet = () => useMediaQuery(`(max-width: ${BREAKPOINTS.TABLET}px)`);
+export const useLaptop = () => useMediaQuery(`(max-width: ${BREAKPOINTS.LAPTOP}px)`);
+export const useDesktop = () => useMediaQuery(`(max-width: ${BREAKPOINTS.DESKTOP}px)`);
+export const useWide = () => useMediaQuery(`(max-width: ${BREAKPOINTS.WIDE}px)`);

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export * from './components/index';
 export * from './constants/index';
 export * from './hooks/index';
+export * from './utils/index';
+export * from './types/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/dist/index.js

@@ -1,3 +1,5 @@
 export * from './components/index';
 export * from './constants/index';
 export * from './hooks/index';
+export * from './utils/index';
+export * from './types/index';

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/types/index.js

@@ -0,0 +1 @@
+export * from './types';