thread-ui 0.1.10 → 0.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/dist/components/media/index.js

@@ -1,3 +1,4 @@
 export * from './image-panel';
 export * from './info-card';
+export * from './media-card';
 //# sourceMappingURL=index.js.map

package/dist/components/media/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/media/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/media/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/dist/components/media/media-card/index.d.ts

@@ -0,0 +1,3 @@
+export type { MediaCardProps } from './media-card.types';
+export { MediaCard } from './media-card';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/media/media-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media/media-card/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/media/media-card/index.js

@@ -0,0 +1,2 @@
+export { MediaCard } from './media-card';
+//# sourceMappingURL=index.js.map

package/dist/components/media/media-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media/media-card/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/media/media-card/media-card.d.ts

@@ -0,0 +1,3 @@
+import { MediaCardProps } from './media-card.types';
+export declare const MediaCard: ({ description, details, detailsPosition, image, imagePosition, links, size, title, }: MediaCardProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=media-card.d.ts.map

package/dist/components/media/media-card/media-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-card.d.ts","sourceRoot":"","sources":["../../../../src/components/media/media-card/media-card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAMpD,eAAO,MAAM,SAAS,GAAI,sFASvB,cAAc,4CA6KhB,CAAC"}

package/dist/components/media/media-card/media-card.js

@@ -0,0 +1,128 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { css, cva } from '../../../styled-system/css';
+import { H1, Text } from '../../../components/typography';
+import { Divider, Icon } from '../../../components/ui';
+import { LinkWrapper, renderImage } from '../../../internal-components';
+import { cloneElement, isValidElement } from 'react';
+export const MediaCard = ({ description, details, detailsPosition = 'text', image, imagePosition = 'left', links, size = 'md', title, }) => {
+    const styles = {
+        container: cva({
+            base: {
+                alignItems: 'center',
+                borderRadius: '6px',
+                borderWidth: '1px',
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: 'center',
+                gap: '12px',
+                marginX: 'auto',
+                padding: {
+                    base: '16px',
+                    lg: '24px',
+                },
+                width: '83%',
+            },
+            variants: {
+                size: {
+                    sm: { maxWidth: '576px' },
+                    md: { maxWidth: '672px' },
+                    lg: { maxWidth: '896px' },
+                },
+            },
+            defaultVariants: {
+                size: 'md',
+            },
+        }),
+        title: css({
+            width: '100%',
+            marginX: 'auto',
+        }),
+        contents: css({
+            width: '100%',
+            marginX: 'auto',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            gap: '0.5rem',
+            flexDirection: {
+                base: 'column',
+                lg: imagePosition === 'left' ? 'row' : 'row-reverse',
+            },
+        }),
+        imageBlock: css({
+            width: {
+                base: '100%',
+                lg: '4/12',
+            },
+            marginX: 'auto',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            gap: {
+                base: '0.5rem',
+                lg: '0.75rem',
+            },
+            flexDirection: 'column',
+        }),
+        image: css({
+            borderRadius: 'md',
+            borderWidth: 'sm',
+            width: '100%',
+            maxWidth: '16rem',
+            marginX: 'auto',
+            marginTop: {
+                lg: '0.75rem',
+            },
+        }),
+        links: css({
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'center',
+            gap: '0.5rem',
+        }),
+        dividerWrapper: css({
+            display: {
+                lg: 'none',
+            },
+            marginY: '0.5rem',
+            width: '9/12',
+        }),
+        description: css({
+            width: {
+                base: '10/12',
+                lg: '7/12',
+            },
+            marginX: 'auto',
+            alignItems: 'center',
+            justifyContent: 'center',
+            gap: '0.75rem',
+            display: 'flex',
+            flexDirection: {
+                base: 'column',
+                lg: 'column-reverse',
+            },
+        }),
+        descriptionWrapper: css({
+            maxHeight: {
+                base: '300px',
+                md: 'none',
+                lg: '500px',
+            },
+            overflowY: {
+                base: 'auto',
+                md: 'visible',
+                lg: 'scroll',
+            },
+        }),
+        details: css({
+            display: 'flex',
+            flexDirection: 'column',
+            gap: '4px',
+        }),
+    };
+    const linksSection = links.map((link, index) => isValidElement(link) ? (cloneElement(link, { key: index })) : (_jsx(LinkWrapper, { link: link.url, children: _jsx(Icon, { name: link.iconName, size: 24 }) }, index)));
+    const mediaDetails = details && (_jsx("div", { className: styles.details, children: details.map((detail, index) => (_jsxs("span", { children: [_jsx(Text, { align: "center", size: "xs", children: detail.title }), _jsx(Text, { align: "center", size: "xs", bold: true, children: detail.details })] }, index))) }));
+    return (_jsxs("div", { className: styles.container({ size }), children: [_jsx("div", { className: styles.title, children: _jsx(H1, { align: "center", inline: true, children: title }) }), _jsx(Divider, { marginY: "8px" }), _jsxs("div", { className: styles.contents, children: [_jsxs("div", { className: styles.imageBlock, children: [renderImage(image, undefined, styles.image), _jsx("div", { className: styles.links, children: linksSection }), detailsPosition === 'image' && mediaDetails] }), _jsx("div", { className: styles.dividerWrapper, children: _jsx(Divider, {}) }), _jsxs("div", { className: styles.description, children: [detailsPosition === 'text' && mediaDetails, _jsx("div", { className: styles.descriptionWrapper, children: description.map((item, index) => (_jsx(Text, { align: "center", size: "sm", children: item }, index))) })] })] })] }));
+};
+//# sourceMappingURL=media-card.js.map

package/dist/components/media/media-card/media-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-card.js","sourceRoot":"","sources":["../../../../src/components/media/media-card/media-card.tsx"],"names":[],"mappings":"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"}

package/dist/components/media/media-card/media-card.types.d.ts

@@ -0,0 +1,22 @@
+import { ReactElement } from 'react';
+import { IconNames } from '../../../components/ui';
+import { ImageProps, UtilitySizeOptions } from '../../../types';
+type MediaLink = {
+    iconName: IconNames;
+    url: string;
+} | ReactElement;
+export type MediaCardProps = {
+    description: string[];
+    details?: {
+        title: string;
+        details: string;
+    }[];
+    detailsPosition?: 'text' | 'image';
+    image: ImageProps;
+    imagePosition?: 'left' | 'right';
+    links: MediaLink[];
+    size?: UtilitySizeOptions;
+    title: string;
+};
+export {};
+//# sourceMappingURL=media-card.types.d.ts.map

package/dist/components/media/media-card/media-card.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/media/media-card/media-card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEzD,KAAK,SAAS,GACX;IACA,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;CACX,GACD,YAAY,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG;IAC5B,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;KAChB,EAAE,CAAC;IACJ,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,UAAU,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACd,CAAC"}

package/dist/components/media/media-card/media-card.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=media-card.types.js.map

package/dist/components/media/media-card/media-card.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-card.types.js","sourceRoot":"","sources":["../../../../src/components/media/media-card/media-card.types.ts"],"names":[],"mappings":""}

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

@@ -1,4 +1,4 @@
-export type { TypographyProps, TitleProps, TextProps } from './typography';
-export { Title, H1, H2, H3, Text, Subtitle } from './typography';
+export type { TypographyProps, TextProps } from './typography';
+export { Title, H1, H2, H3, Text, Subtitle, List, OrderedList } from './typography';
 export * from './page-header';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEjE,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEpF,cAAc,eAAe,CAAC"}

package/dist/components/typography/index.js

@@ -1,3 +1,3 @@
-export { Title, H1, H2, H3, Text, Subtitle } from './typography';
+export { Title, H1, H2, H3, Text, Subtitle, List, OrderedList } from './typography';
 export * from './page-header';
 //# sourceMappingURL=index.js.map

package/dist/components/typography/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEjE,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEpF,cAAc,eAAe,CAAC"}

package/dist/components/typography/typography.d.ts

@@ -1,20 +1,27 @@
 import { ColoredTextOptions } from '../../types';
+import { ExpandedUtilitySizes } from '../../types/theme/theme.types';
 import { ReactNode } from 'react';
 export type TypographyProps = {
     children: ReactNode;
     align?: 'left' | 'center';
     color?: ColoredTextOptions;
-};
-export type TitleProps = TypographyProps & {
     inline?: boolean;
 };
-export declare const Title: ({ children, align, inline, color }: TitleProps) => import("react/jsx-runtime").JSX.Element;
-export declare const H1: ({ children, align, color }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
-export declare const H2: ({ children, align, color }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
-export declare const H3: ({ children, align, color }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Title: ({ children, align, inline, color, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const H1: ({ children, align, color, inline, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const H2: ({ children, align, color, inline, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const H3: ({ children, align, color, inline, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
 export type TextProps = TypographyProps & {
-    inline?: boolean;
+    bold?: boolean;
+    size?: keyof Pick<ExpandedUtilitySizes, 'xxs' | 'xs' | 'sm' | 'md'>;
+};
+export declare const Text: ({ children, align, inline, color, bold, size, }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Subtitle: ({ children, align, color, }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export type ListProps = Omit<TextProps, 'bold' | 'children' | 'inline'> & {
+    items: Array<string | ReactNode>;
+    decoration?: 'disc' | 'circle' | 'square' | 'blank' | 'none';
 };
-export declare const Text: ({ children, align, inline, color }: TextProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Subtitle: ({ children, align, color }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const List: ({ align, color, size, items, decoration, }: ListProps) => import("react/jsx-runtime").JSX.Element;
+export type OrderedListProps = Omit<ListProps, 'decoration'>;
+export declare const OrderedList: ({ align, color, size, items, }: OrderedListProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=typography.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AACF,eAAO,MAAM,KAAK,GAAI,oCAAkE,UAAU,4CAUjG,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,4BAAkD,eAAe,4CAUnF,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,4BAAkD,eAAe,4CAUnF,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,4BAAkD,eAAe,4CAUnF,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,oCAAkE,SAAS,4CAU/F,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,4BAAwD,eAAe,4CAS/F,CAAC"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,qCAKnB,eAAe,4CAUjB,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,qCAKhB,eAAe,4CAUjB,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,qCAKhB,eAAe,4CAUjB,CAAC;AAEF,eAAO,MAAM,EAAE,GAAI,qCAKhB,eAAe,4CAUjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,oBAAoB,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;CACpE,CAAC;AASF,eAAO,MAAM,IAAI,GAAI,iDAOlB,SAAS,4CAWX,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,6BAItB,eAAe,4CASjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC,GAAG;IACzE,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,4CAMlB,SAAS,4CAmBX,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;AAE7D,eAAO,MAAM,WAAW,GAAI,gCAKzB,gBAAgB,4CAmBlB,CAAC"}

package/dist/components/typography/typography.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getColoredTextColor } from '../../utils';
-export const Title = ({ children, align = 'left', inline = false, color = 'standard' }) => {
+export const Title = ({ children, align = 'left', inline = false, color = 'standard', }) => {
     const styles = {
         fontSize: '3rem',
         fontWeight: 700,
@@ -11,51 +11,57 @@ export const Title = ({ children, align = 'left', inline = false, color = 'stand
     };
     return _jsx("h1", { style: styles, children: children });
 };
-export const H1 = ({ children, align = 'left', color = 'standard' }) => {
+export const H1 = ({ children, align = 'left', color = 'standard', inline = false, }) => {
     const styles = {
         fontSize: '2rem',
         fontWeight: 600,
         lineHeight: 1.3,
-        marginBottom: '32px',
+        marginBottom: inline ? 0 : '32px',
         textAlign: align,
         color: getColoredTextColor(color),
     };
     return _jsx("h1", { style: styles, children: children });
 };
-export const H2 = ({ children, align = 'left', color = 'standard' }) => {
+export const H2 = ({ children, align = 'left', color = 'standard', inline = false, }) => {
     const styles = {
         fontSize: '1.5rem',
         fontWeight: 600,
         lineHeight: 1.3,
-        marginBottom: '24px',
+        marginBottom: inline ? 0 : '24px',
         textAlign: align,
         color: getColoredTextColor(color),
     };
     return _jsx("h2", { style: styles, children: children });
 };
-export const H3 = ({ children, align = 'left', color = 'standard' }) => {
+export const H3 = ({ children, align = 'left', color = 'standard', inline = false, }) => {
     const styles = {
         fontSize: '1.25rem',
         fontWeight: 600,
         lineHeight: 1.3,
-        marginBottom: '16px',
+        marginBottom: inline ? 0 : '16px',
         textAlign: align,
         color: getColoredTextColor(color),
     };
     return _jsx("h3", { style: styles, children: children });
 };
-export const Text = ({ children, align = 'left', inline = false, color = 'standard' }) => {
+const TEXT_SIZES = {
+    xxs: '0.625rem',
+    xs: '0.75rem',
+    sm: '0.875rem',
+    md: '1rem',
+};
+export const Text = ({ children, align = 'left', inline = false, color = 'standard', bold = false, size = 'md', }) => {
     const Component = inline ? 'span' : 'p';
     const styles = {
-        fontSize: '1rem',
-        fontWeight: 350,
+        fontSize: TEXT_SIZES[size],
+        fontWeight: bold ? 600 : 350,
         lineHeight: 1.5,
         textAlign: align,
         color: getColoredTextColor(color),
     };
     return _jsx(Component, { style: styles, children: children });
 };
-export const Subtitle = ({ children, align = 'left', color = 'text-secondary' }) => {
+export const Subtitle = ({ children, align = 'left', color = 'text-secondary', }) => {
     const styles = {
         display: 'block',
         fontSize: 'clamp(0.875rem, 0.75em, 1.5rem)',
@@ -65,4 +71,26 @@ export const Subtitle = ({ children, align = 'left', color = 'text-secondary' })
     };
     return _jsx("span", { style: styles, children: children });
 };
+export const List = ({ align = 'left', color = 'standard', size = 'md', items, decoration = 'disc', }) => {
+    const styles = {
+        fontSize: TEXT_SIZES[size],
+        lineHeight: 1.5,
+        textAlign: align,
+        color: getColoredTextColor(color),
+        listStyleType: decoration === 'blank' ? 'none' : decoration,
+        marginLeft: decoration !== 'none' ? '1em' : undefined,
+    };
+    return (_jsx("ul", { style: { padding: 0 }, children: items.map((item, index) => (_jsx("li", { style: styles, children: item }, index))) }));
+};
+export const OrderedList = ({ align = 'left', color = 'standard', size = 'md', items, }) => {
+    const styles = {
+        fontSize: TEXT_SIZES[size],
+        lineHeight: 1.5,
+        textAlign: align,
+        color: getColoredTextColor(color),
+        listStyleType: 'decimal',
+        marginLeft: '1em',
+    };
+    return (_jsx("ol", { style: { padding: 0 }, children: items.map((item, index) => (_jsx("li", { style: styles, children: item }, index))) }));
+};
 //# sourceMappingURL=typography.js.map

package/dist/components/typography/typography.js.map

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

package/dist/components/ui/card/card.d.ts

@@ -0,0 +1,3 @@
+import { CardProps } from './card.types';
+export declare const Card: ({ surfaceColor, children, size, shadow, title, }: CardProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=card.d.ts.map

package/dist/components/ui/card/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,eAAO,MAAM,IAAI,GAAI,kDAMlB,SAAS,4CAwFX,CAAC"}

package/dist/components/ui/card/card.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from '../../../styled-system/css';
+import { H3 } from '../../../components/typography';
+import { Divider } from '../divider';
+export const Card = ({ surfaceColor = 'background', children, size = 'md', shadow = true, title, }) => {
+    const styles = {
+        cardContainer: cva({
+            base: {
+                borderWidth: 'sm',
+                borderColor: 'structure',
+                padding: {
+                    base: '5',
+                },
+                marginX: 'auto',
+                maxWidth: '850px',
+                width: {
+                    base: '100%',
+                    md: '75%',
+                },
+            },
+            variants: {
+                size: {
+                    sm: {
+                        borderRadius: 'sm',
+                        maxWidth: '600px',
+                    },
+                    md: {
+                        borderRadius: 'md',
+                    },
+                    lg: {
+                        borderRadius: 'lg',
+                    },
+                },
+                surfaceColor: {
+                    background: {
+                        backgroundColor: 'background',
+                    },
+                    surface: {
+                        backgroundColor: 'surface',
+                    },
+                    elevated: {
+                        backgroundColor: 'elevated',
+                    },
+                },
+                shadow: {
+                    true: {
+                        boxShadow: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
+                    },
+                    false: {
+                        boxShadow: 'none',
+                    },
+                },
+            },
+            defaultVariants: {
+                size: 'md',
+                surfaceColor: 'background',
+                shadow: true,
+            },
+        }),
+        title: cva({
+            variants: {
+                size: {
+                    sm: {
+                        marginBottom: '1',
+                    },
+                    md: {
+                        marginBottom: '3',
+                    },
+                    lg: {
+                        marginBottom: '3',
+                    },
+                },
+            },
+            defaultVariants: {
+                size: 'md',
+            },
+        }),
+    };
+    return (_jsxs("div", { className: styles.cardContainer({ size, surfaceColor, shadow }), children: [title && (_jsxs("div", { className: styles.title({ size }), children: [_jsx(H3, { align: title.align, inline: true, children: title.text }), title?.divider && _jsx(Divider, {})] })), _jsx("div", { children: children })] }));
+};
+//# sourceMappingURL=card.js.map

package/dist/components/ui/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/ui/card/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACpB,YAAY,GAAG,YAAY,EAC3B,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,IAAI,EACb,KAAK,GACM,EAAE,EAAE;IACf,MAAM,MAAM,GAAG;QACd,aAAa,EAAE,GAAG,CAAC;YAClB,IAAI,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,WAAW;gBACxB,OAAO,EAAE;oBACR,IAAI,EAAE,GAAG;iBACT;gBACD,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,OAAO;gBACjB,KAAK,EAAE;oBACN,IAAI,EAAE,MAAM;oBACZ,EAAE,EAAE,KAAK;iBACT;aACD;YACD,QAAQ,EAAE;gBACT,IAAI,EAAE;oBACL,EAAE,EAAE;wBACH,YAAY,EAAE,IAAI;wBAClB,QAAQ,EAAE,OAAO;qBACjB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,IAAI;qBAClB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,IAAI;qBAClB;iBACD;gBACD,YAAY,EAAE;oBACb,UAAU,EAAE;wBACX,eAAe,EAAE,YAAY;qBAC7B;oBACD,OAAO,EAAE;wBACR,eAAe,EAAE,SAAS;qBAC1B;oBACD,QAAQ,EAAE;wBACT,eAAe,EAAE,UAAU;qBAC3B;iBACD;gBACD,MAAM,EAAE;oBACP,IAAI,EAAE;wBACL,SAAS,EAAE,+BAA+B;qBAC1C;oBACD,KAAK,EAAE;wBACN,SAAS,EAAE,MAAM;qBACjB;iBACD;aACD;YACD,eAAe,EAAE;gBAChB,IAAI,EAAE,IAAI;gBACV,YAAY,EAAE,YAAY;gBAC1B,MAAM,EAAE,IAAI;aACZ;SACD,CAAC;QACF,KAAK,EAAE,GAAG,CAAC;YACV,QAAQ,EAAE;gBACT,IAAI,EAAE;oBACL,EAAE,EAAE;wBACH,YAAY,EAAE,GAAG;qBACjB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,GAAG;qBACjB;oBACD,EAAE,EAAE;wBACH,YAAY,EAAE,GAAG;qBACjB;iBACD;aACD;YACD,eAAe,EAAE;gBAChB,IAAI,EAAE,IAAI;aACV;SACD,CAAC;KACF,CAAC;IAEF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,aAClE,KAAK,IAAI,CACT,eAAK,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,aACrC,KAAC,EAAE,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,kBAC5B,KAAK,CAAC,IAAI,GACP,EACJ,KAAK,EAAE,OAAO,IAAI,KAAC,OAAO,KAAG,IACzB,CACN,EACD,wBAAM,QAAQ,GAAO,IAChB,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/ui/card/card.types.d.ts

@@ -0,0 +1,14 @@
+import { SurfaceColorOptions, UtilitySizeOptions } from '../../../types';
+import { ReactNode } from 'react';
+export type CardProps = {
+    children: ReactNode;
+    size?: UtilitySizeOptions;
+    shadow?: boolean;
+    surfaceColor?: SurfaceColorOptions;
+    title?: {
+        text: string;
+        divider?: boolean;
+        align?: 'left' | 'center';
+    };
+};
+//# sourceMappingURL=card.types.d.ts.map

package/dist/components/ui/card/card.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,KAAK,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;KAC1B,CAAC;CACF,CAAC"}

package/dist/components/ui/card/card.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=card.types.js.map

package/dist/components/ui/card/card.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.types.js","sourceRoot":"","sources":["../../../../src/components/ui/card/card.types.ts"],"names":[],"mappings":""}

package/dist/components/ui/card/index.d.ts

@@ -0,0 +1,3 @@
+export type { CardProps } from './card.types';
+export { Card } from './card';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/ui/card/index.js

@@ -0,0 +1,2 @@
+export { Card } from './card';
+//# sourceMappingURL=index.js.map

package/dist/components/ui/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/card/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

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

@@ -2,6 +2,6 @@ export * from './button';
 export * from './divider';
 export * from './icon';
 export * from './icon-button';
-export * from './mode-controller';
 export * from './toggle';
+export * from './card';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/ui/index.js

@@ -2,6 +2,6 @@ export * from './button';
 export * from './divider';
 export * from './icon';
 export * from './icon-button';
-export * from './mode-controller';
 export * from './toggle';
+export * from './card';
 //# sourceMappingURL=index.js.map

package/dist/components/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}