@taiv/ui 1.4.5 → 1.5.0

package/dist/components/Data/Cards/{ChartCard.d.ts → ChartCard/ChartCard.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { CardProps } from '../../Layout/Card/Card';
-import { ChartProps } from '../Chart';
+import { CardProps } from '../../../Layout/Card/Card';
+import { ChartProps } from '../../Chart/Chart';
 export interface ChartCardProps extends ChartProps, Omit<CardProps, 'children'> {
     title: string;
     subtitle?: string;

package/dist/components/Data/Cards/ChartCard/ChartCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/Data/Cards/ChartCard/ChartCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAS,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAOtD,MAAM,WAAW,cAAe,SAAQ,UAAU,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkB9C,CAAC"}

package/dist/components/Data/Cards/{ChartCard.js → ChartCard/ChartCard.js}

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Card } from '../../Layout/Card/Card';
-import { Chart } from '../Chart';
-import { Stack } from '../../Layout/Stack/Stack';
-import { Title } from '../../Typography/Title';
-import { Text } from '../../Typography/Text';
-import { InfoTooltip } from '../../Info/Tooltips/InfoTooltip';
+import { Card } from '../../../Layout/Card/Card';
+import { Chart } from '../../Chart/Chart';
+import { Stack } from '../../../Layout/Stack/Stack';
+import { Title } from '../../../Typography/Title/Title';
+import { Text } from '../../../Typography/Text/Text';
+import { InfoTooltip } from '../../../Info/Tooltips/InfoTooltip/InfoTooltip';
 import { Group } from '@mantine/core';
 export const ChartCard = ({ title, subtitle, series, yAxisFormat, xAxisFormat, showLegend, loading, height = '30rem', tooltip, ...cardProps }) => {
     return (_jsxs(_Fragment, { children: [_jsx(Card, { ...cardProps, h: height, children: _jsxs(Stack, { gap: "2.4rem", h: "100%", w: "100%", children: [_jsxs(Stack, { gap: "0.5rem", children: [_jsxs(Group, { position: "apart", children: [_jsx(Title, { variant: "cardHeader", children: title }), tooltip && _jsx(InfoTooltip, { text: tooltip, maxWidth: "600px" })] }), subtitle && _jsx(Text, { variant: "label", children: subtitle })] }), _jsx(Chart, { series: series, yAxisFormat: yAxisFormat, xAxisFormat: xAxisFormat, showLegend: showLegend, loading: loading })] }) }), _jsx("style", { children: `.recharts-surface { outline: none; }` })] }));

package/dist/components/Data/Cards/{PieChartCard.d.ts → PieChartCard/PieChartCard.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { CardProps } from '../../Layout/Card/Card';
-import { PieChartProps } from '../PieChart';
+import { CardProps } from '../../../Layout/Card/Card';
+import { PieChartProps } from '../../PieChart/PieChart';
 export interface PieChartCardProps extends PieChartProps, Omit<CardProps, 'children'> {
     title: string;
     subtitle?: string;

package/dist/components/Data/Cards/PieChartCard/PieChartCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChartCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/Data/Cards/PieChartCard/PieChartCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAY,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAOlE,MAAM,WAAW,iBAAkB,SAAQ,aAAa,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACnF,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyCpD,CAAC"}

package/dist/components/Data/Cards/{PieChartCard.js → PieChartCard/PieChartCard.js}

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Card } from '../../Layout/Card/Card';
-import { PieChart } from '../PieChart';
-import { Stack } from '../../Layout/Stack/Stack';
-import { Title } from '../../Typography/Title';
-import { Text } from '../../Typography/Text';
-import { InfoTooltip } from '../../Info/Tooltips/InfoTooltip';
+import { Card } from '../../../Layout/Card/Card';
+import { PieChart } from '../../PieChart/PieChart';
+import { Stack } from '../../../Layout/Stack/Stack';
+import { Title } from '../../../Typography/Title/Title';
+import { Text } from '../../../Typography/Text/Text';
+import { InfoTooltip } from '../../../Info/Tooltips/InfoTooltip/InfoTooltip';
 import { Group } from '@mantine/core';
 export const PieChartCard = ({ title, subtitle, data, tooltip, height = '100%', showLegend, innerRadius, outerRadius, paddingAngle, format = 'percentage', loading, centerContent, ...cardProps }) => {
     return (_jsxs(_Fragment, { children: [_jsx(Card, { ...cardProps, h: height, children: _jsxs(Stack, { gap: "0rem", h: "100%", w: "100%", children: [_jsxs(Stack, { gap: "0.5rem", children: [_jsxs(Group, { children: [_jsx(Title, { variant: "cardHeader", children: title }), tooltip && _jsx(InfoTooltip, { text: tooltip, maxWidth: "600px" })] }), subtitle && _jsx(Text, { variant: "label", children: subtitle })] }), _jsx(PieChart, { data: data, showLegend: showLegend, innerRadius: innerRadius, outerRadius: outerRadius, paddingAngle: paddingAngle, format: format, loading: loading, centerContent: centerContent })] }) }), _jsx("style", { children: `.recharts-surface { outline: none; }` })] }));

package/dist/components/Data/Cards/{StatsCard.d.ts → StatsCard/StatsCard.d.ts}

@@ -1,7 +1,7 @@
 import React from 'react';
-import { CardProps } from '../../Layout/Card/Card';
-import { primitives } from '../../../constants/colors';
-import { formats } from '../../../constants/data';
+import { CardProps } from '../../../Layout/Card/Card';
+import { primitives } from '../../../../constants/colors';
+import { formats } from '../../../../constants/data';
 export interface StatsCardProps extends Omit<CardProps, 'children'> {
     value: number;
     title: string;

package/dist/components/Data/Cards/StatsCard/StatsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatsCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/Data/Cards/StatsCard/StatsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAO5D,OAAO,EAAE,UAAU,EAAoB,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACjE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACpC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS,GAAI,mHAAgJ,cAAc,4CA4DvL,CAAC"}

package/dist/components/Data/Cards/{StatsCard.js → StatsCard/StatsCard.js}

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from '../../Layout/Card/Card';
-import { InfoTooltip } from '../../Info/Tooltips/InfoTooltip';
-import { Text } from '../../Typography/Text';
-import { Title } from '../../Typography/Title';
-import { Group } from '../../Layout/Group/Group';
-import { Stack } from '../../Layout/Stack/Stack';
-import { IconBadge } from '../../Misc/IconBadge/IconBadge';
-import { success, neutral } from '../../../constants/colors';
-import { formats } from '../../../constants/data';
+import { Card } from '../../../Layout/Card/Card';
+import { InfoTooltip } from '../../../Info/Tooltips/InfoTooltip/InfoTooltip';
+import { Text } from '../../../Typography/Text/Text';
+import { Title } from '../../../Typography/Title/Title';
+import { Group } from '../../../Layout/Group/Group';
+import { Stack } from '../../../Layout/Stack/Stack';
+import { IconBadge } from '../../../Misc/IconBadge/IconBadge';
+import { success, neutral } from '../../../../constants/colors';
+import { formats } from '../../../../constants/data';
 export const StatsCard = ({ value, format = 'decimal', isDelta = false, title, description, increaseDescription, icon: Icon, iconColor = 'blue', tooltip, ...cardProps }) => {
     const getDelta = () => {
         const currentDirection = isDelta ? (value > 0 ? 'positive' : value < 0 ? 'negative' : null) : null;

package/dist/components/Data/{Chart.d.ts → Chart/Chart.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { formats } from '../../constants/data';
-import { ChartSeries } from '../../types/types';
+import { formats } from '../../../constants/data';
+import { ChartSeries } from '../../../types/types';
 export interface ChartProps {
     series: ChartSeries[];
     yAxisFormat?: keyof typeof formats;

package/dist/components/Data/Chart/Chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../src/components/Data/Chart/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAIlD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmKtC,CAAC"}

package/dist/components/Data/{Chart.js → Chart/Chart.js}

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Text } from '../Typography/Text';
-import { Center } from '../Layout/Center/Center';
-import { Box } from '../Layout/Box/Box';
-import { Stack } from '../Layout/Stack/Stack';
-import { Group } from '../Layout/Group/Group';
+import { Text } from '../../Typography/Text/Text';
+import { Center } from '../../Layout/Center/Center';
+import { Box } from '../../Layout/Box/Box';
+import { Stack } from '../../Layout/Stack/Stack';
+import { Group } from '../../Layout/Group/Group';
 import { Area, Bar, CartesianGrid, ComposedChart, Legend, Line, ResponsiveContainer, Tooltip, XAxis, YAxis } from 'recharts';
-import { getChartFormatter } from '../../utils/charts';
-import { fontStyle } from '../../constants/font';
-import { primary, neutral } from '../../constants/colors';
+import { getChartFormatter } from '../../../utils/charts';
+import { fontStyle } from '../../../constants/font';
+import { primary, neutral } from '../../../constants/colors';
 import { createStyles } from '@mantine/core';
 export const Chart = ({ series, yAxisFormat = 'decimal', xAxisFormat = 'string', showLegend = true, loading = false, height = '100%' }) => {
     const formatYAxisValue = getChartFormatter(yAxisFormat);

package/dist/components/Data/CheckboxTable/CheckboxTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxTable.d.ts","sourceRoot":"","sources":["../../../../src/components/Data/CheckboxTable/CheckboxTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,kBAAkB;IAC1B,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,GAAI,uFAAgH,kBAAkB,4CAuHxJ,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Data/{CheckboxTable.js → CheckboxTable/CheckboxTable.js}

@@ -1,13 +1,13 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMobile } from '../../hooks/useMediaQuery';
-import { Checkbox } from '../Inputs/Controls/Checkbox/Checkbox';
-import { Group } from '../Layout/Group/Group';
-import { Box } from '../Layout/Box/Box';
-import { Center } from '../Layout/Center/Center';
-import { Stack } from '../Layout/Stack/Stack';
-import { Title } from '../Typography/Title';
-import { neutral } from '../../constants/colors';
-import { fontStyle } from '../../constants/font';
+import { useMobile } from '../../../hooks/useMediaQuery';
+import { Checkbox } from '../../Inputs/Controls/Checkbox/Checkbox';
+import { Group } from '../../Layout/Group/Group';
+import { Box } from '../../Layout/Box/Box';
+import { Center } from '../../Layout/Center/Center';
+import { Stack } from '../../Layout/Stack/Stack';
+import { Title } from '../../Typography/Title/Title';
+import { neutral } from '../../../constants/colors';
+import { fontStyle } from '../../../constants/font';
 const CheckboxTable = ({ columns, data, className = 'none', onRowClick, title, subtitle, showColumnTitles = false, outlines = false }) => {
     const isMobile = useMobile();
     const style = {

package/dist/components/Data/{PieChart.d.ts → PieChart/PieChart.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { numberFormats } from '../../constants/data';
-import { PieDataPoint } from '../../types/types';
+import { numberFormats } from '../../../constants/data';
+import { PieDataPoint } from '../../../types/types';
 export interface PieCardCenterContentProps {
     title: string;
     subtitle?: string;

package/dist/components/Data/PieChart/PieChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../../src/components/Data/PieChart/PieChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,MAAM,EAAE,MAAM,OAAO,aAAa,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,yBAAyB,CAAC;CAC3C;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAwH5C,CAAC"}

package/dist/components/Data/{PieChart.js → PieChart/PieChart.js}

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { PieChart as RechartsPieChart, Pie, Cell, ResponsiveContainer, Tooltip, Legend, Label } from 'recharts';
-import { Text } from '../Typography/Text';
-import { Center } from '../Layout/Center/Center';
-import { Group } from '../Layout/Group/Group';
-import { Title } from '../Typography/Title';
-import { Stack } from '../Layout/Stack/Stack';
-import { Box } from '../Layout/Box/Box';
-import { neutral } from '../../constants/colors';
-import { textStyle } from '../../constants/font';
-import { getChartFormatter } from '../../utils/charts';
+import { Text } from '../../Typography/Text/Text';
+import { Center } from '../../Layout/Center/Center';
+import { Group } from '../../Layout/Group/Group';
+import { Title } from '../../Typography/Title/Title';
+import { Stack } from '../../Layout/Stack/Stack';
+import { Box } from '../../Layout/Box/Box';
+import { neutral } from '../../../constants/colors';
+import { textStyle } from '../../../constants/font';
+import { getChartFormatter } from '../../../utils/charts';
 export const PieChart = ({ data, showLegend = true, innerRadius = 80, outerRadius = 100, paddingAngle = 5, format = 'percentage', loading = false, centerContent, height = '100%', }) => {
     const hasData = data && data.length > 0;
     const transformedData = data.map((item) => ({

package/dist/components/Data/RemovableItemList/RemovableItemList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemovableItemList.d.ts","sourceRoot":"","sources":["../../../../src/components/Data/RemovableItemList/RemovableItemList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,sBAAsB;IAC9B,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,GAAI,6CAAkD,sBAAsB,4CAgElG,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/Data/{RemovableItemList.js → RemovableItemList/RemovableItemList.js}

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from '@mantine/core';
-import { neutral, error } from '../../constants/colors';
-import { fontStyle } from '../../constants/font';
-import { Title } from '../Typography/Title';
+import { neutral, error } from '../../../constants/colors';
+import { fontStyle } from '../../../constants/font';
+import { Title } from '../../Typography/Title/Title';
 const RemovableItemList = ({ items, onRemove, title, disabledIndices = [] }) => {
     const style = {
         container: {

package/dist/components/Data/{StatsBadge.d.ts → StatsBadge/StatsBadge.d.ts}

@@ -1,5 +1,5 @@
-import { BadgeProps } from '../Info/Badge';
-import { formats } from '../../constants/data';
+import { BadgeProps } from '../../Info/Badge/Badge';
+import { formats } from '../../../constants/data';
 interface StatsBadgeProps extends BadgeProps {
     value: number;
     format?: keyof typeof formats;

package/dist/components/Data/StatsBadge/StatsBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatsBadge.d.ts","sourceRoot":"","sources":["../../../../src/components/Data/StatsBadge/StatsBadge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,UAAU,eAAgB,SAAQ,UAAU;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,UAAU,GAAI,sCAA0D,eAAe,4CA2B5F,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Data/{StatsBadge.js → StatsBadge/StatsBadge.js}

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Badge } from '../Info/Badge';
-import { formats } from '../../constants/data';
+import { Badge } from '../../Info/Badge/Badge';
+import { formats } from '../../../constants/data';
 const StatsBadge = ({ value, format = 'decimal', isDelta = false, ...props }) => {
     const delta = isDelta ? (value > 0 ? 'positive' : value < 0 ? 'negative' : 'equal') : null;
     const color = delta ? (delta === 'positive' ? 'success' : delta === 'negative' ? 'error' : 'neutral') : 'success';

package/dist/components/Info/{Badge.d.ts → Badge/Badge.d.ts}

@@ -1,5 +1,5 @@
 import { BadgeProps as MantineBadgeProps } from '@mantine/core';
-import { colors } from '../../constants/colors';
+import { colors } from '../../../constants/colors';
 interface BadgeProps extends Omit<MantineBadgeProps, 'color'> {
     size?: 'sm' | 'md' | 'lg';
     color?: keyof typeof colors;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Info/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,UAAU,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGvF,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD,UAAU,UAAW,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;CAC7C;AAED,QAAA,MAAM,KAAK,GAAI,4CAA2E,UAAU,4CA8DnG,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Info/{Badge.js → Badge/Badge.js}

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Badge as MantineBadge } from '@mantine/core';
-import { fontBase, inputFontSize } from '../../constants/font';
-import { colors } from '../../constants/colors';
+import { fontBase, inputFontSize } from '../../../constants/font';
+import { colors } from '../../../constants/colors';
 const Badge = ({ styles, color = 'primary', variant = 'outline', size = 'md', ...props }) => {
     const sizes = {
         sm: {

package/dist/components/Info/{InfoCard.d.ts → InfoCard/InfoCard.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { CardProps } from '../Layout/Card/Card';
-import { colors } from '../../constants/colors';
+import { CardProps } from '../../Layout/Card/Card';
+import { colors } from '../../../constants/colors';
 export interface InfoCardProps extends Omit<CardProps, 'children'> {
     children: React.ReactNode;
     variant?: keyof typeof colors;

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Info/InfoCard/InfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,QAAQ,GAAI,qCAAiD,aAAa,4CAwBtF,CAAC"}

package/dist/components/Info/{InfoCard.js → InfoCard/InfoCard.js}

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Card } from '../Layout/Card/Card';
-import { Center } from '../Layout/Center/Center';
-import { colors } from '../../constants/colors';
+import { Card } from '../../Layout/Card/Card';
+import { Center } from '../../Layout/Center/Center';
+import { colors } from '../../../constants/colors';
 export const InfoCard = ({ children, variant = 'primary', ...cardProps }) => {
     const colorPalette = colors[variant];
     const style = {

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/Info/Modals/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,UAAU;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAGD,eAAO,MAAM,KAAK,GAAI,6DAAuE,UAAU,4CAoEtG,CAAC"}

package/dist/components/Info/Modals/{Modal.js → Modal/Modal.js}

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Modal as MantineModal } from '@mantine/core';
-import { neutral } from '../../../constants/colors';
-import { Title } from '../../Typography/Title';
-import { Stack } from '../../Layout/Stack/Stack';
-import { Center } from '../../Layout/Center/Center';
+import { neutral } from '../../../../constants/colors';
+import { Title } from '../../../Typography/Title/Title';
+import { Stack } from '../../../Layout/Stack/Stack';
+import { Center } from '../../../Layout/Center/Center';
 // Base modal is intended to be extended and customized - use InfoModal or ConfirmationModal for common use cases
 export const Modal = ({ opened, onClose, icon, title, subtitle, children, width = '40rem' }) => {
     return (_jsx(MantineModal, { opened: opened, onClose: onClose, centered: true, radius: '16px', overlayProps: {

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Info/Modals/ModalProvider/ModalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,aAAa,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAkBxE,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Info/Notifications/NotificationProvider/NotificationProvider.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,oBAAoB,+CA2ChC,CAAC"}

package/dist/components/Info/Notifications/{NotificationProvider.js → NotificationProvider/NotificationProvider.js}

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Notifications } from '@mantine/notifications';
 import { createStyles } from '@mantine/core';
-import { neutral } from '../../../constants/colors';
-import { useMobile } from '../../../hooks/useMediaQuery';
+import { neutral } from '../../../../constants/colors';
+import { useMobile } from '../../../../hooks/useMediaQuery';
 export const NotificationProvider = () => {
     const isMobile = useMobile();
     const { classes } = createStyles(() => ({

package/dist/components/Info/Tooltips/FormulaTooltip/FormulaTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormulaTooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Info/Tooltips/FormulaTooltip/FormulaTooltip.tsx"],"names":[],"mappings":"AAQA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,cAAc,GAAI,oCAAoC,mBAAmB,4CAgB9E,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Info/Tooltips/{FormulaTooltip.js → FormulaTooltip/FormulaTooltip.js}

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '../../Layout/Box/Box';
-import { Text } from '../../Typography/Text';
-import { Formula } from '../../Typography/Formula';
-import { Stack } from '../../Layout/Stack/Stack';
-import { blue } from '../../../constants/colors';
-import { Center } from '../../Layout/Center/Center';
+import { Box } from '../../../Layout/Box/Box';
+import { Text } from '../../../Typography/Text/Text';
+import { Formula } from '../../../Typography/Formula/Formula';
+import { Stack } from '../../../Layout/Stack/Stack';
+import { blue } from '../../../../constants/colors';
+import { Center } from '../../../Layout/Center/Center';
 const FormulaTooltip = ({ title, description, expression }) => {
     return (_jsx(Box, { p: "0.8rem", children: _jsxs(Stack, { gap: "1.6rem", children: [_jsxs(Stack, { gap: "0.8rem", sx: { maxWidth: '500px' }, children: [_jsx(Text, { weight: "semibold", children: title }), _jsx(Text, { variant: "label", children: description })] }), _jsx("div", { style: { padding: '1.6rem 2.4rem', borderRadius: '16px', backgroundColor: blue[25], width: '100%' }, children: _jsx(Center, { children: _jsx(Formula, { expression: expression, color: blue[300] }) }) })] }) }));
 };

package/dist/components/Info/Tooltips/InfoTooltip/InfoTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoTooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Info/Tooltips/InfoTooltip/InfoTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,cAAc,CAAC;IACnE,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,OAAO,iBAAiB,CAAC;CAC1C;AAED,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;CAatB,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;CAKV,CAAC;AAEX,QAAA,MAAM,WAAW,GAAI,iFAA+G,gBAAgB,4CAcnJ,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Info/Tooltips/{InfoTooltip.js → InfoTooltip/InfoTooltip.js}

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { error, neutral, warning } from '../../../constants/colors';
-import { Tooltip } from './Tooltip';
+import { error, neutral, warning } from '../../../../constants/colors';
+import { Tooltip } from '../Tooltip/Tooltip';
 const componentVariants = {
     info: {
         color: neutral[100],

package/dist/components/Info/Tooltips/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/Info/Tooltips/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C,UAAU,YAAY;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,cAAc,CAAC;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,OAAO,GAAI,mEAAiF,YAAY,4CAgD7G,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Info/Tooltips/{Tooltip.js → Tooltip/Tooltip.js}

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Tooltip as MantineTooltip, Box } from '@mantine/core';
-import { neutral } from '../../../constants/colors';
-import { fontBase, fontSize, fontWeight } from '../../../constants/font';
+import { neutral } from '../../../../constants/colors';
+import { fontBase, fontSize, fontWeight } from '../../../../constants/font';
 const Tooltip = ({ children, text, position = 'top-start', offset, className, styles, maxWidth }) => {
     const positionToTransition = {
         'top-end': 'slide-up',

package/dist/components/Inputs/Buttons/Button/Button.d.ts

@@ -7,6 +7,7 @@ export interface ButtonProps extends MantineButtonProps {
     variant?: keyof typeof componentVariants;
     fullWidth?: boolean;
     toggled?: boolean;
+    shadow?: boolean;
 }
-export declare const Button: ({ onClick, size, variant, fullWidth, toggled, styles, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ onClick, size, variant, fullWidth, toggled, shadow, styles, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/Inputs/Buttons/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/Buttons/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2B,WAAW,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3F,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,OAAO,iBAAiB,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,GAAI,kEAAqG,WAAW,4CAkCtI,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Inputs/Buttons/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2B,WAAW,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3F,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,OAAO,iBAAiB,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,MAAM,GAAI,0EAAqH,WAAW,4CAmCtJ,CAAC"}

package/dist/components/Inputs/Buttons/Button/Button.js

@@ -3,7 +3,7 @@ import { Button as MantineButton } from '@mantine/core';
 import { fontBase, fontWeight } from '../../../../constants/font';
 import { componentSizes } from './sizes';
 import { componentVariants } from './variants';
-export const Button = ({ onClick, size = 'md', variant = 'primary', fullWidth = false, toggled = false, styles, ...props }) => {
+export const Button = ({ onClick, size = 'md', variant = 'primary', fullWidth = false, toggled = false, shadow = false, styles, ...props }) => {
     const selectedVariant = componentVariants[variant];
     const selectedSize = componentSizes[size];
     // Apply active styles for nav variant when isActive is true
@@ -25,6 +25,7 @@ export const Button = ({ onClick, size = 'md', variant = 'primary', fullWidth =
             padding: selectedSize.padding,
             minWidth: `${selectedSize.minWidth}rem`,
             fontSize: selectedSize.fontSize,
+            boxShadow: shadow ? '0px 1px 3px 0px rgba(0, 0, 0, 0.1)' : 'none',
             ...getVariantStyles(),
         },
         label: {

package/dist/components/Inputs/Dropdowns/CascadingSelect/CascadingSelect.js

@@ -3,7 +3,7 @@ import { Box, Group } from '@mantine/core';
 import { neutral } from '../../../../constants/colors';
 import { componentSizes } from '../shared/sizes';
 import { Select } from '../Select/Select';
-import { Text } from '../../../Typography/Text';
+import { Text } from '../../../Typography/Text/Text';
 import { fontBase } from '../../../../constants/font';
 const CascadingSelect = ({ data = [], value, placeholder = 'Select an option', size = 'md', width, fullWidth = false, styles, ...props }) => {
     const selectedSize = componentSizes[size];

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from './Box';
 import { Group } from '../Group/Group';
 const meta = {
-    title: 'Components/Layout/Box',
+    title: 'Layouts/Box',
     component: Box,
     argTypes: {
         width: {

package/dist/components/Layout/Frame/Frame.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Stack } from '../Stack/Stack';
-import { Title } from '../../Typography/Title';
+import { Title } from '../../Typography/Title/Title';
 const Frame = ({ title, subtitle, children, width, styles }) => {
     return (_jsxs(Stack, { mt: "1.25rem", width: width || '100%', gap: "0", ...styles, children: [_jsxs(Stack, { mb: "1.25rem", gap: "0", children: [_jsx(Title, { variant: "sectionHeader", children: title }), subtitle && _jsx(Title, { variant: "sectionSubheader", children: subtitle })] }), children] }));
 };

package/dist/components/Layout/SectionCard/SectionCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card as MantineCard } from '@mantine/core';
 import { Stack } from '../Stack/Stack';
-import { Title } from '../../Typography/Title';
+import { Title } from '../../Typography/Title/Title';
 import { Box } from '../Box/Box';
 export const SectionCard = ({ title, subtitle, children, color = 'primary', ...props }) => {
     return (_jsxs(MantineCard, { radius: "20px", shadow: "lg", withBorder: true, padding: 0, ...props, children: [_jsx(Box, { sx: {

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

@@ -2,7 +2,7 @@ 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',
+    title: 'Layouts/Stack',
     component: Stack,
     argTypes: {
         align: {

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

@@ -0,0 +1,5 @@
+import { LoadingOverlayProps as MantineLoadingOverlayProps } from '@mantine/core';
+export interface LoadingOverlayProps extends MantineLoadingOverlayProps {
+}
+export declare const LoadingOverlay: ({ ...props }: LoadingOverlayProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoadingOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/Misc/LoadingOverlay/LoadingOverlay.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA2C,mBAAmB,IAAI,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAE3H,MAAM,WAAW,mBAAoB,SAAQ,0BAA0B;CACtE;AAGD,eAAO,MAAM,cAAc,GAAI,cAAe,mBAAmB,4CAWhE,CAAA"}

package/dist/components/Misc/LoadingOverlay/LoadingOverlay.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { primary } from '../../../constants';
+import { LoadingOverlay as MantineLoadingOverlay } from '@mantine/core';
+export const LoadingOverlay = ({ ...props }) => {
+    return _jsx(MantineLoadingOverlay, { ...props, overlayBlur: 3, overlayOpacity: 0.5, loaderProps: {
+            size: 'xl',
+            color: `${primary[200]}`,
+        } });
+};

package/dist/components/Typography/{CollapsibleText.d.ts → CollapsibleText/CollapsibleText.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { textStyle } from '../../constants/font';
+import { textStyle } from '../../../constants/font';
 interface CollapsibleTextProps {
     text: string;
     variant?: keyof typeof textStyle;

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleText.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/CollapsibleText/CollapsibleText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,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"}

package/dist/components/Typography/{CollapsibleText.js → CollapsibleText/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/Box';
-import { Group } from '../Layout/Group/Group';
-import { Text } from './Text';
-import { Transition } from '../Misc/Transition/Transition';
-import { UnstyledButton } from '../Inputs/Buttons/UnstyledButton/UnstyledButton';
+import { primary } from '../../../constants/colors';
+import { Box } from '../../Layout/Box/Box';
+import { Group } from '../../Layout/Group/Group';
+import { Text } from '../Text/Text';
+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 → Formula/Formula.d.ts}

@@ -1,4 +1,4 @@
-import { fontWeight, fontSize } from '../../constants/font';
+import { fontWeight, fontSize } from '../../../constants/font';
 interface FormulaProps {
     expression: string;
     weight?: keyof typeof fontWeight;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Formula.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Formula/Formula.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAK/D,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 → Formula/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/Group';
+import { Text } from '../Text/Text';
+import { Fraction } from '../Fraction/Fraction';
+import { Group } from '../../Layout/Group/Group';
 class FormulaParser {
     constructor() {
         this.tokens = [];

package/dist/components/Typography/{Fraction.d.ts → Fraction/Fraction.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TextProps } from './Text';
+import { TextProps } from '../Text/Text';
 interface FractionProps extends Omit<TextProps, 'children' | 'styles'> {
     numerator: React.ReactNode;
     denominator: React.ReactNode;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fraction.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Fraction/Fraction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,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"}