@taiv/ui 1.12.0 → 1.14.0

package/dist/components/Typography/Fraction/Fraction.stories.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fraction } from './Fraction';
+import { Stack } from '../../Layout/Stack/Stack';
+import { primary } from '../../../constants/colors';
+import { spacing } from '../../../constants/spacing';
+const meta = {
+    title: 'Components/Typography/Fraction',
+    component: Fraction,
+    parameters: {
+        layout: 'centered',
+    },
+    argTypes: {
+        numerator: {
+            control: { type: 'text' },
+            description: 'The content to display in the numerator',
+            table: {
+                type: { summary: 'ReactNode' },
+            },
+        },
+        denominator: {
+            control: { type: 'text' },
+            description: 'The content to display in the denominator',
+            table: {
+                type: { summary: 'ReactNode' },
+            },
+        },
+        variant: {
+            control: { type: 'select' },
+            options: ['body', 'subtle', 'label', 'caption'],
+            description: 'The preset variant to use for styling',
+            table: {
+                type: { summary: "'body' | 'subtle' | 'label' | 'caption'" },
+                defaultValue: { summary: "'body'" },
+            },
+        },
+        size: {
+            control: { type: 'select' },
+            options: ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'],
+            description: 'Override for the font size',
+            table: {
+                type: { summary: "'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'" },
+                defaultValue: { summary: 'Set by variant' },
+            },
+        },
+        weight: {
+            control: { type: 'select' },
+            options: ['light', 'regular', 'medium', 'semibold', 'bold'],
+            description: 'Override for the font weight',
+            table: {
+                type: { summary: "'light' | 'regular' | 'medium' | 'semibold' | 'bold'" },
+                defaultValue: { summary: 'Set by variant' },
+            },
+        },
+        color: {
+            control: { type: 'color' },
+            description: 'Override for the text color',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: 'Set by variant' },
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        numerator: '1',
+        denominator: '2',
+        variant: undefined,
+        size: undefined,
+        weight: undefined,
+        color: undefined,
+    },
+};
+export const Variants = {
+    render: () => (_jsxs(Stack, { gap: spacing.lg, children: [_jsx(Fraction, { numerator: "1", denominator: "2", variant: "body" }), _jsx(Fraction, { numerator: "1", denominator: "2", variant: "subtle" }), _jsx(Fraction, { numerator: "1", denominator: "2", variant: "label" }), _jsx(Fraction, { numerator: "1", denominator: "2", variant: "caption" })] })),
+};
+export const CustomOverrides = {
+    parameters: {
+        docs: {
+            source: {
+                code: `<Fraction numerator="x + 1" denominator="y - 2" size="xl" weight="semibold" color={primary[200]} />`,
+            },
+        },
+    },
+    render: () => (_jsx(Fraction, { numerator: "x + 1", denominator: "y - 2", size: "xl", weight: "semibold", color: primary[200] })),
+};

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Text/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,yBAAyB,CAAC;AAE1E,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"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Text/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,yBAAyB,CAAC;AAG1E,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,4CA2C7F,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Typography/Text/Text.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Text as MantineText } from '@mantine/core';
 import { textStyle, fontSize, fontWeight } from '../../../constants/font';
+import { error, neutral } from '../../../constants/colors';
 const Text = ({ variant = 'body', size, children, weight, color, styles, ...props }) => {
     const selectedVariant = textStyle[variant];
     const customSize = size ? fontSize[size] : {};
@@ -28,6 +29,11 @@ const Text = ({ variant = 'body', size, children, weight, color, styles, ...prop
                 fontSize: '0.8em',
                 marginLeft: '0.2em',
             },
+            '& code': {
+                color: error[200],
+                backgroundColor: neutral[50],
+                padding: '0.25em 0.5em',
+            },
         }, ...props, children: children }));
 };
 export { Text };

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Text } from './Text';
+declare const meta: Meta<typeof Text>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const CustomOverrides: Story;
+export declare const WithFormatting: Story;
+//# sourceMappingURL=Text.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Text/Text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA+D3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAoB7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC"}

package/dist/components/Typography/Text/Text.stories.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from './Text';
+import { Stack } from '../../Layout/Stack/Stack';
+import { primary } from '../../../constants/colors';
+const meta = {
+    title: 'Components/Typography/Text',
+    component: Text,
+    parameters: {
+        layout: 'centered',
+        docs: {
+            description: {
+                component: "[View Mantine Docs](https://v6.mantine.dev/core/text/)\n\nThe Text component is a customizable wrapper around Mantine's Text component that provides consistent typography styling across your application. It extends Mantine v6's TextProps while adding custom variants, sizes, and weights.",
+            },
+        },
+    },
+    argTypes: {
+        variant: {
+            control: { type: 'select' },
+            options: ['body', 'subtle', 'label', 'caption'],
+            description: 'The preset variant to use for styling',
+            table: {
+                type: { summary: "'body' | 'subtle' | 'label' | 'caption'" },
+                defaultValue: { summary: "'body'" },
+            },
+        },
+        size: {
+            control: { type: 'select' },
+            options: ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'],
+            description: 'Override for the font size',
+            table: {
+                type: { summary: "'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'" },
+                defaultValue: { summary: 'Set by variant' },
+            },
+        },
+        weight: {
+            control: { type: 'select' },
+            options: ['light', 'regular', 'medium', 'semibold', 'bold'],
+            description: 'Override for the font weight',
+            table: {
+                type: { summary: "'light' | 'regular' | 'medium' | 'semibold' | 'bold'" },
+                defaultValue: { summary: 'Set by variant' },
+            },
+        },
+        color: {
+            control: { type: 'color' },
+            description: 'Override for the text color',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: 'Set by variant' },
+            },
+        },
+        children: {
+            control: { type: 'text' },
+            description: 'The text content to render',
+            table: {
+                type: { summary: 'ReactNode' },
+            },
+        },
+        styles: {
+            control: { type: 'object' },
+            description: 'Override for other styling - use this sparingly',
+            table: {
+                type: { summary: 'CSSProperties' },
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        children: 'This is a sample text',
+        variant: undefined,
+        size: undefined,
+        weight: undefined,
+        color: undefined,
+        styles: undefined,
+    },
+};
+export const Variants = {
+    render: () => (_jsxs(Stack, { gap: "10px", children: [_jsx(Text, { variant: "body", children: "This is body text" }), _jsx(Text, { variant: "subtle", children: "This is subtle text" }), _jsx(Text, { variant: "label", children: "This is label text" }), _jsx(Text, { variant: "caption", children: "This is caption text" })] })),
+};
+export const CustomOverrides = {
+    parameters: {
+        docs: {
+            source: {
+                code: `<Text size="xl" weight="semibold" color={primary[200]}>
+  Custom size, weight, and color
+</Text>`,
+            },
+        },
+    },
+    args: {
+        size: 'xl',
+        weight: 'semibold',
+        color: primary[200],
+    },
+    render: (args) => (_jsx(Text, { ...args, children: "Custom size, weight, and color" })),
+};
+export const WithFormatting = {
+    render: () => (_jsxs(Text, { children: ["This sentence has ", _jsx("b", { children: "bold text" }), ", ", _jsx("i", { children: "italic text" }), ", ", _jsx("code", { children: "inline code" }), ", and text with a subscript like ", _jsx("sub", { children: "this" }), "."] })),
+};

package/dist/components/Typography/Title/Title.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Title } from './Title';
+declare const meta: Meta<typeof Title>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const CustomOverrides: Story;
+//# sourceMappingURL=Title.stories.d.ts.map

package/dist/components/Typography/Title/Title.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Title/Title.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA+D5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAoB7B,CAAC"}

package/dist/components/Typography/Title/Title.stories.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Title } from './Title';
+import { Stack } from '../../Layout/Stack/Stack';
+import { primary } from '../../../constants/colors';
+const meta = {
+    title: 'Components/Typography/Title',
+    component: Title,
+    parameters: {
+        layout: 'centered',
+        docs: {
+            description: {
+                component: "[View Mantine Docs](https://v6.mantine.dev/core/title/)\n\nThe Title component utilizes our heading variants to render semantic HTML heading elements with consistent styling. For body text, see the Text component instead.",
+            },
+        },
+    },
+    argTypes: {
+        variant: {
+            control: { type: 'select' },
+            options: ['header', 'sectionHeader', 'subheader', 'sectionSubheader', 'cardHeader', 'cardSubheader'],
+            description: 'The preset variant to use for styling',
+            table: {
+                type: { summary: "'header' | 'sectionHeader' | 'subheader' | 'sectionSubheader' | 'cardHeader' | 'cardSubheader'" },
+                defaultValue: { summary: "'sectionHeader'" },
+            },
+        },
+        size: {
+            control: { type: 'select' },
+            options: ['xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl'],
+            description: 'Override for the font size',
+            table: {
+                type: { summary: "'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'" },
+                defaultValue: { summary: 'Set by variant' },
+            },
+        },
+        weight: {
+            control: { type: 'select' },
+            options: ['light', 'regular', 'medium', 'semibold', 'bold'],
+            description: 'Override for the font weight',
+            table: {
+                type: { summary: "'light' | 'regular' | 'medium' | 'semibold' | 'bold'" },
+                defaultValue: { summary: 'Set by variant' },
+            },
+        },
+        color: {
+            control: { type: 'color' },
+            description: 'Override for the text color',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: 'Set by variant' },
+            },
+        },
+        children: {
+            control: { type: 'text' },
+            description: 'The title content to render',
+            table: {
+                type: { summary: 'ReactNode' },
+            },
+        },
+        styles: {
+            control: { type: 'object' },
+            description: 'Override for other styling - use this sparingly',
+            table: {
+                type: { summary: 'CSSProperties' },
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        children: 'Sample Title',
+        variant: undefined,
+        size: undefined,
+        weight: undefined,
+        color: undefined,
+        styles: undefined,
+    },
+};
+export const Variants = {
+    render: () => (_jsxs(Stack, { gap: "10px", children: [_jsx(Title, { variant: "header", children: "Header" }), _jsx(Title, { variant: "sectionHeader", children: "Section Header" }), _jsx(Title, { variant: "subheader", children: "Subheader" }), _jsx(Title, { variant: "sectionSubheader", children: "Section Subheader" }), _jsx(Title, { variant: "cardHeader", children: "Card Header" }), _jsx(Title, { variant: "cardSubheader", children: "Card Subheader" })] })),
+};
+export const CustomOverrides = {
+    parameters: {
+        docs: {
+            source: {
+                code: `<Title size="xl" weight="semibold" color={primary[200]}>
+  Custom size, weight, and color
+</Title>`,
+            },
+        },
+    },
+    args: {
+        size: 'xl',
+        weight: 'semibold',
+        color: primary[200],
+    },
+    render: (args) => (_jsx(Title, { ...args, children: "Custom size, weight, and color" })),
+};

package/dist/components/index.d.ts

@@ -20,6 +20,7 @@ export { AutoComplete } from './Inputs/TextInputs/AutoComplete/AutoComplete';
 export { Button } from './Inputs/Buttons/Button/Button';
 export { IconButton } from './Inputs/Buttons/IconButton/IconButton';
 export { UnstyledButton } from './Inputs/Buttons/UnstyledButton/UnstyledButton';
+export { SSOButton } from './Inputs/Buttons/SSOButton/SSOButton';
 export { Checkbox } from './Inputs/Controls/Checkbox/Checkbox';
 export { Radio } from './Inputs/Controls/Radio/Radio';
 export { RadioList } from './Inputs/Controls/RadioList/RadioList';
@@ -61,4 +62,6 @@ export { Transition } from './Misc/Transition/Transition';
 export { IconBadge } from './Misc/IconBadge/IconBadge';
 export { LoadingOverlay } from './Misc/LoadingOverlay/LoadingOverlay';
 export { Skeleton } from './Misc/Skeleton/Skeleton';
+export { Stepper } from './Misc/Stepper/Stepper';
+export { Step } from './Misc/Stepper/Step';
 //# 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

@@ -23,6 +23,7 @@ export { AutoComplete } from './Inputs/TextInputs/AutoComplete/AutoComplete';
 export { Button } from './Inputs/Buttons/Button/Button';
 export { IconButton } from './Inputs/Buttons/IconButton/IconButton';
 export { UnstyledButton } from './Inputs/Buttons/UnstyledButton/UnstyledButton';
+export { SSOButton } from './Inputs/Buttons/SSOButton/SSOButton';
 export { Checkbox } from './Inputs/Controls/Checkbox/Checkbox';
 export { Radio } from './Inputs/Controls/Radio/Radio';
 export { RadioList } from './Inputs/Controls/RadioList/RadioList';
@@ -66,3 +67,5 @@ export { Transition } from './Misc/Transition/Transition';
 export { IconBadge } from './Misc/IconBadge/IconBadge';
 export { LoadingOverlay } from './Misc/LoadingOverlay/LoadingOverlay';
 export { Skeleton } from './Misc/Skeleton/Skeleton';
+export { Stepper } from './Misc/Stepper/Stepper';
+export { Step } from './Misc/Stepper/Step';

package/dist/constants/breakpoints.d.ts

@@ -1,4 +1,4 @@
-export declare const BREAKPOINTS: {
+export declare const breakpoints: {
     readonly MOBILE: 640;
     readonly TABLET: 768;
     readonly LAPTOP: 1024;

package/dist/constants/breakpoints.js

@@ -1,5 +1,5 @@
 // Breakpoints in px - from Tailwind CSS
-export const BREAKPOINTS = {
+export const breakpoints = {
     MOBILE: 640,
     TABLET: 768,
     LAPTOP: 1024,

package/dist/constants/colors.d.ts

@@ -1,3 +1,4 @@
+export declare const black = "#000000";
 export declare const white = "#FFFFFF";
 export declare const gray: {
     readonly 25: "#F8FAFC";

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

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOT,CAAC;AAGX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQb,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,KAAK,YAAY,CAAC;AAE/B,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOT,CAAC;AAGX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQb,CAAC"}

package/dist/constants/colors.js

@@ -1,3 +1,4 @@
+export const black = '#000000';
 export const white = '#FFFFFF';
 export const gray = {
     25: '#F8FAFC',

package/dist/constants/font.js

@@ -16,19 +16,19 @@ const fontBase = {
 };
 // Input font sizes are slightly smaller - this is for visual hierarchy
 const inputFontSize = {
-    sm: { fontSize: '1.15rem', lineHeight: '1.8rem' }, //~12px
-    md: { fontSize: '1.35rem', lineHeight: '2rem' }, //~14px
-    lg: { fontSize: '1.5rem', lineHeight: '2.2rem' }, //~16px
+    sm: { fontSize: '11.5px', lineHeight: '18px' }, //~12px
+    md: { fontSize: '13.5px', lineHeight: '20px' }, //~14px
+    lg: { fontSize: '15px', lineHeight: '22px' }, //~16px
 };
 // Base font sizes
 const fontSize = {
-    xs: { fontSize: '1rem', lineHeight: '1.6rem' }, //10px
-    sm: { fontSize: '1.2rem', lineHeight: '2rem' }, //12px
-    md: { fontSize: '1.4rem', lineHeight: '2.2rem' }, //14px
-    lg: { fontSize: '1.6rem', lineHeight: '2.4rem' }, //16px
-    xl: { fontSize: '2rem', lineHeight: '2.8rem' }, //20px
-    '2xl': { fontSize: '2.4rem', lineHeight: '3.2rem' }, //24px
-    '3xl': { fontSize: '2.8rem', lineHeight: '3.6rem' }, //28px
+    xs: { fontSize: '10px', lineHeight: '16px' }, //10px
+    sm: { fontSize: '12px', lineHeight: '20px' }, //12px
+    md: { fontSize: '14px', lineHeight: '22px' }, //14px
+    lg: { fontSize: '16px', lineHeight: '24px' }, //16px
+    xl: { fontSize: '20px', lineHeight: '28px' }, //20px
+    '2xl': { fontSize: '24px', lineHeight: '32px' }, //24px
+    '3xl': { fontSize: '28px', lineHeight: '36px' }, //28px
 };
 // Variants for body text
 const textStyle = {

package/dist/constants/index.d.ts

@@ -2,4 +2,5 @@ export * from './colors';
 export * from './font';
 export * from './breakpoints';
 export * from './data';
+export * from './spacing';
 //# 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;AAC9B,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;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}

package/dist/constants/index.js

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

package/dist/constants/spacing.d.ts

@@ -0,0 +1,12 @@
+export declare const spacing: {
+    none: string;
+    xxs: string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+};
+export declare const none: string, xxs: string, xs: string, sm: string, md: string, lg: string, xl: string, xxl: string;
+//# sourceMappingURL=spacing.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/constants/spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;CASnB,CAAC;AAEF,eAAO,MAAQ,IAAI,UAAE,GAAG,UAAE,EAAE,UAAE,EAAE,UAAE,EAAE,UAAE,EAAE,UAAE,EAAE,UAAE,GAAG,QAAY,CAAC"}

package/dist/constants/spacing.js

@@ -0,0 +1,11 @@
+export const spacing = {
+    none: '0px',
+    xxs: '2px',
+    xs: '4px',
+    sm: '8px',
+    md: '12px',
+    lg: '16px',
+    xl: '24px',
+    xxl: '32px',
+};
+export const { none, xxs, xs, sm, md, lg, xl, xxl } = spacing;

package/dist/docs/AIGeneratedBanner.d.ts

@@ -0,0 +1,2 @@
+export declare function AIGeneratedBanner(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AIGeneratedBanner.d.ts.map

package/dist/docs/AIGeneratedBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIGeneratedBanner.d.ts","sourceRoot":"","sources":["../../src/docs/AIGeneratedBanner.tsx"],"names":[],"mappings":"AAEA,wBAAgB,iBAAiB,4CAMhC"}

package/dist/docs/AIGeneratedBanner.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from "../components";
+export function AIGeneratedBanner() {
+    return (_jsx("blockquote", { style: { marginBottom: '10px' }, children: _jsxs(Text, { children: ["\uD83E\uDD16 ", _jsx("b", { children: "AI-generated:" }), " This doc was generated by AI and hasn't been human-edited yet."] }) }));
+}

package/dist/docs/design/Colors.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const TaivLight: Story;
+export declare const AdditionalPrimitives: Story;
+//# sourceMappingURL=Colors.stories.d.ts.map

package/dist/docs/design/Colors.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Colors.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/design/Colors.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAmDtB,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAC"}

package/dist/docs/design/Colors.stories.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Group } from '../../components/Layout/Group/Group';
+import { Stack } from '../../components/Layout/Stack/Stack';
+import { Text } from '../../components/Typography/Text/Text';
+import { colors, primitives } from '../../constants/colors';
+import { spacing } from '../../constants/spacing';
+const meta = {
+    title: 'Design/Colors',
+    tags: ['!dev'],
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+const Swatch = ({ color, label }) => (_jsxs(Stack, { gap: spacing.xs, align: "center", children: [_jsx("div", { style: {
+                width: '64px',
+                height: '64px',
+                borderRadius: '8px',
+                backgroundColor: color,
+                border: '1px solid rgba(0,0,0,0.1)',
+            } }), _jsx(Text, { size: "xs", color: "dimmed", children: label }), _jsx(Text, { size: "xs", color: "dimmed", children: color })] }));
+const ThemeRow = ({ semantic, primitive, shades, }) => (_jsxs(Stack, { gap: spacing.sm, children: [_jsxs(Group, { gap: spacing.xs, children: [_jsx(Text, { weight: "bold", children: semantic }), _jsxs(Text, { children: ["(", primitive, ")"] })] }), _jsx(Group, { gap: spacing.lg, children: Object.entries(shades).map(([shade, hex]) => (_jsx(Swatch, { color: hex, label: shade }, shade))) })] }));
+const ColorRow = ({ name, shades }) => (_jsxs(Stack, { gap: spacing.sm, children: [_jsx(Text, { weight: "bold", transform: "capitalize", children: name }), _jsx(Group, { gap: spacing.lg, children: Object.entries(shades).map(([shade, hex]) => (_jsx(Swatch, { color: hex, label: shade }, shade))) })] }));
+export const TaivLight = {
+    render: () => (_jsxs(Stack, { gap: spacing.xl, align: "flex-start", children: [_jsxs(Group, { gap: spacing.lg, children: [_jsx(Swatch, { color: "#000000", label: "black" }), _jsx(Swatch, { color: "#FFFFFF", label: "white" })] }), _jsx(ThemeRow, { semantic: "primary", primitive: "blue", shades: colors.primary }), _jsx(ThemeRow, { semantic: "neutral", primitive: "gray", shades: colors.neutral }), _jsx(ThemeRow, { semantic: "success", primitive: "green", shades: colors.success }), _jsx(ThemeRow, { semantic: "warning", primitive: "yellow", shades: colors.warning }), _jsx(ThemeRow, { semantic: "error", primitive: "red", shades: colors.error })] })),
+};
+export const AdditionalPrimitives = {
+    render: () => (_jsxs(Stack, { gap: spacing.xl, children: [_jsx(ColorRow, { name: "purple", shades: primitives.purple }), _jsx(ColorRow, { name: "salmon", shades: primitives.salmon })] })),
+};

package/dist/docs/design/Spacing.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const AllTokens: Story;
+//# sourceMappingURL=Spacing.stories.d.ts.map

package/dist/docs/design/Spacing.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacing.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/design/Spacing.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAoBtB,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC"}

package/dist/docs/design/Spacing.stories.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Group } from '../../components/Layout/Group/Group';
+import { Stack } from '../../components/Layout/Stack/Stack';
+import { Text } from '../../components/Typography/Text/Text';
+import { spacing } from '../../constants/spacing';
+import { neutral } from '../../constants/colors';
+const meta = {
+    title: 'Design/Spacing',
+    tags: ['!dev'],
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+const SpacingRow = ({ name, value }) => (_jsxs(Group, { gap: spacing.lg, align: "center", style: { width: '400px' }, children: [_jsx(Text, { variant: "label", style: { width: '60px', flexShrink: 0 }, children: _jsx("code", { children: name }) }), _jsx("div", { style: {
+                height: '24px',
+                width: value,
+                backgroundColor: neutral[200],
+                borderRadius: '3px',
+                flexShrink: 0,
+            } }), _jsx(Text, { variant: "caption", style: { color: neutral[200] }, children: value })] }));
+export const AllTokens = {
+    render: () => (_jsx(Stack, { gap: spacing.lg, align: "flex-start", children: Object.entries(spacing).map(([name, value]) => (_jsx(SpacingRow, { name: name, value: value }, name))) })),
+};

package/dist/docs/hooks/Copy.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+//# sourceMappingURL=Copy.stories.d.ts.map

package/dist/docs/hooks/Copy.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Copy.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/hooks/Copy.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,QAAA,MAAM,IAAI,EAAE,IAqCX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAuBtB,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}