thread-ui 0.5.0 → 0.7.0

package/dist/components/layouts/column-layout/column-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,GAAG,KAAK,EACb,KAAK,GACc,EAAE,EAAE;IACvB,MAAM,aAAa,GAAG,GAAG,CAAC;QACzB,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE;YACT,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,MAAM;SACV;QACD,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;QACxD,aAAa,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;QAC3D,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;KACpC,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,GAAG,CAAC;QAC1B,YAAY,EAAE,SAAS;QACvB,YAAY,EAAE,QAAQ;QACtB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KAClB,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,GAAG,CAAC;QAC3B,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,SAAS;KACvB,CAAC,CAAC;IAEH,OAAO,CACN,mBACC,SAAS,EAAE,aAAa,EACxB,KAAK,EACJ;YACC,aAAa,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;SACpB,aAGxB,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CACtB,wBACE,KAAK,IAAI,CACT,4BACC,MAAC,EAAE,eACD,KAAK,EACL,OAAO,IAAI,KAAC,IAAI,cAAE,OAAO,GAAQ,IAC9B,GACH,CACH,GACI,CACN,EACD,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,YACxC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,0BACC,cAAK,SAAS,EAAE,cAAc,YAC5B,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,eAAe,CAAC,GACjD,EACL,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CACpC,8BACE,IAAI,CAAC,KAAK,IAAI,KAAC,EAAE,cAAE,IAAI,CAAC,KAAK,GAAM,EACnC,IAAI,CAAC,WAAW,IAAI,KAAC,IAAI,cAAE,IAAI,CAAC,WAAW,GAAQ,IAClD,CACH,KATQ,KAAK,CAUT,CACN,CAAC,GACc,IACR,CACV,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE;YACT,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,MAAM;SACV;QACD,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;QACxD,aAAa,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;QAC3D,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;KACpC,CAAC;IACF,QAAQ,EAAE,GAAG,CAAC;QACb,YAAY,EAAE,SAAS;QACvB,YAAY,EAAE,QAAQ;QACtB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KAClB,CAAC;IACF,eAAe,EAAE,GAAG,CAAC;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,SAAS;KACvB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,GAAG,KAAK,EACb,KAAK,EACL,SAAS,GAAG,IAAI,GACG,EAAE,EAAE;IACvB,OAAO,CACN,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,YAClC,mBACC,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,KAAK,EACJ;gBACC,aAAa,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;aACpB,aAGxB,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CACtB,wBACE,KAAK,IAAI,CACT,4BACC,MAAC,EAAE,eACD,KAAK,EACL,OAAO,IAAI,KAAC,IAAI,cAAE,OAAO,GAAQ,IAC9B,GACH,CACH,GACI,CACN,EACD,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,YACxC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,0BACC,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC7B,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,GACxD,EACL,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CACpC,8BACE,IAAI,CAAC,KAAK,IAAI,KAAC,EAAE,cAAE,IAAI,CAAC,KAAK,GAAM,EACnC,IAAI,CAAC,WAAW,IAAI,KAAC,IAAI,cAAE,IAAI,CAAC,WAAW,GAAQ,IAClD,CACH,KATQ,IAAI,CAAC,GAAG,IAAI,KAAK,CAUrB,CACN,CAAC,GACc,IACR,GACK,CAChB,CAAC;AACH,CAAC,CAAC"}

package/dist/components/layouts/column-layout/column-layout.types.d.ts

@@ -1,5 +1,6 @@
 import { ImageProps } from '../../../types';
-export type ColumnLayoutProps = {
+import { LayoutComponentProps } from '../layout-component.types';
+export type ColumnLayoutProps = LayoutComponentProps & {
     /** Optional title displayed at the top of the layout */
     title?: string;
     /** Optional caption rendered alongside the title */
@@ -18,4 +19,6 @@ export type ColumnItem = {
     description?: string;
     /** Image to display in the column */
     content: ImageProps;
+    /** Optional key prop to ensure items render correctly */
+    key?: string;
 };

package/dist/components/layouts/container/container.d.ts

@@ -0,0 +1,11 @@
+import { ContainerProps } from './container.types';
+/**
+ * Layout container with a max-width, horizontal padding, and optional background color.
+ * Renders as `div` by default but can be swapped for `section`.
+ *
+ * @example
+ * <Container as="section" bgColor="surface">
+ *   <PageHeader title="About" />
+ * </Container>
+ */
+export declare const Container: ({ as: Tag, bgColor, children, }: ContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layouts/container/container.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva, cx } from '../../../styled-system/css';
+import { container } from '../../../styled-system/patterns';
+const styles = cva({
+    variants: {
+        bgColor: {
+            background: { backgroundColor: 'background' },
+            surface: { backgroundColor: 'surface' },
+            elevated: { backgroundColor: 'elevated' },
+        },
+    },
+    defaultVariants: {
+        bgColor: 'background',
+    },
+});
+/**
+ * Layout container with a max-width, horizontal padding, and optional background color.
+ * Renders as `div` by default but can be swapped for `section`.
+ *
+ * @example
+ * <Container as="section" bgColor="surface">
+ *   <PageHeader title="About" />
+ * </Container>
+ */
+export const Container = ({ as: Tag = 'div', bgColor = 'background', children, }) => {
+    return _jsx(Tag, { className: cx(styles({ bgColor }), container()), children: children });
+};
+//# sourceMappingURL=container.js.map

package/dist/components/layouts/container/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/layouts/container/container.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAGrD,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,UAAU,EAAE,EAAE,eAAe,EAAE,YAAY,EAAE;YAC7C,OAAO,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE;YACvC,QAAQ,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE;SACzC;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,YAAY;KACrB;CACD,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACzB,EAAE,EAAE,GAAG,GAAG,KAAK,EACf,OAAO,GAAG,YAAY,EACtB,QAAQ,GACQ,EAAE,EAAE;IACpB,OAAO,KAAC,GAAG,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,YAAG,QAAQ,GAAO,CAAC;AAC/E,CAAC,CAAC"}

package/dist/components/layouts/container/container.types.d.ts

@@ -0,0 +1,11 @@
+import { SurfaceColorOptions } from '../../../types';
+import { JSX, ReactNode } from 'react';
+type BlockElements = Pick<JSX.IntrinsicElements, 'div' | 'section'>;
+export type ContainerProps = {
+    /** HTML element to render as @default `'div'` */
+    as?: keyof BlockElements;
+    /** Background color token @default `'background'` */
+    bgColor?: SurfaceColorOptions;
+    children: ReactNode;
+};
+export {};

package/dist/components/layouts/container/container.types.js

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

package/dist/components/layouts/container/container.types.js.map

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

package/dist/components/layouts/container/index.d.ts

@@ -0,0 +1,2 @@
+export type { ContainerProps } from './container.types';
+export { Container } from './container';

package/dist/components/layouts/container/index.js

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

package/dist/components/layouts/container/index.js.map

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

package/dist/components/layouts/footer/footer.js

@@ -4,6 +4,44 @@ import { Divider, Subtitle } from '../../../components';
 import { FacebookLogoIcon, GithubLogoIcon, InstagramLogoIcon, LinkedinLogoIcon, TwitterLogoIcon, } from '@phosphor-icons/react';
 import { css, cx } from '../../../styled-system/css';
 import { container } from '../../../styled-system/patterns';
+const styles = {
+    footer: cx(container(), css({ marginX: 'auto' })),
+    footerContents: css({
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        alignItems: 'center',
+        paddingY: '40px',
+        marginX: 'auto',
+        overflow: 'hidden',
+        maxWidth: '1280px',
+    }),
+    textBlock: css({
+        marginTop: '8px',
+    }),
+    logoBlock: css({
+        display: 'flex',
+        flexDirection: 'row',
+        gap: '12px',
+        width: '100%',
+        justifyContent: 'center',
+        alignItems: 'center',
+        paddingY: '16px',
+    }),
+    circleStyle: css({
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginTop: '36px',
+        backgroundColor: 'black',
+        borderRadius: '50%',
+        width: '48px',
+        height: '48px',
+    }),
+    links: css({
+        color: 'text.standard',
+    }),
+};
 /**
  * Site footer with optional logo, caption, and social media icon links.
  * Only social icons with a provided URL are rendered.
@@ -19,44 +57,6 @@ import { container } from '../../../styled-system/patterns';
 export const Footer = ({ logo, caption, facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }) => {
     const weight = 'bold';
     const size = 24;
-    const styles = {
-        footer: cx(container(), css({ marginX: 'auto' })),
-        footerContents: css({
-            display: 'flex',
-            flexDirection: 'column',
-            justifyContent: 'center',
-            alignItems: 'center',
-            paddingY: '40px',
-            marginX: 'auto',
-            overflow: 'hidden',
-            maxWidth: '1280px',
-        }),
-        textBlock: css({
-            marginTop: '8px',
-        }),
-        logoBlock: css({
-            display: 'flex',
-            flexDirection: 'row',
-            gap: '12px',
-            width: '100%',
-            justifyContent: 'center',
-            alignItems: 'center',
-            paddingY: '16px',
-        }),
-        circleStyle: css({
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            marginTop: '36px',
-            backgroundColor: 'black',
-            borderRadius: '50%',
-            width: '48px',
-            height: '48px',
-        }),
-        links: css({
-            color: 'text.standard',
-        }),
-    };
     return (_jsxs("footer", { className: styles.footer, children: [_jsx(Divider, {}), _jsxs("div", { className: styles.footerContents, children: [logo && logo, caption && _jsx(Subtitle, { children: caption }), _jsxs("div", { className: styles.logoBlock, children: [facebookLink && (_jsx("a", { className: styles.links, href: facebookLink, children: _jsx(FacebookLogoIcon, { size: size, weight: weight }) })), instagramLink && (_jsx("a", { className: styles.links, href: instagramLink, children: _jsx(InstagramLogoIcon, { size: size, weight: weight }) })), twitterLink && (_jsx("a", { className: styles.links, href: twitterLink, children: _jsx(TwitterLogoIcon, { size: size, weight: weight }) })), githubLink && (_jsx("a", { className: styles.links, href: githubLink, children: _jsx(GithubLogoIcon, { size: size, weight: weight }) })), linkedInLink && (_jsx("a", { className: styles.links, href: linkedInLink, children: _jsx(LinkedinLogoIcon, { size: size, weight: weight }) }))] })] })] }));
 };
 //# sourceMappingURL=footer.js.map

package/dist/components/layouts/footer/footer.js.map

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

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

@@ -1,3 +1,4 @@
 export * from './column-layout';
+export * from './container';
 export * from './footer';
 export * from './masonry-layout';

package/dist/components/layouts/index.js

@@ -1,4 +1,5 @@
 export * from './column-layout';
+export * from './container';
 export * from './footer';
 export * from './masonry-layout';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC"}

package/dist/components/layouts/layout-component.types.d.ts

@@ -0,0 +1,9 @@
+import type { BreakpointToken as PandaBreakpointToken } from '../../styled-system/tokens';
+import { ContainerProps } from './container';
+type BreakpointToken = PandaBreakpointToken | 'base';
+export type ResponsiveValue<T> = T | Partial<Record<BreakpointToken, T>>;
+export type LayoutComponentProps = {
+    /** Wraps the layout in a container */
+    container?: boolean | Omit<ContainerProps, 'children'>;
+};
+export {};

package/dist/components/layouts/layout-component.types.js

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

package/dist/components/layouts/layout-component.types.js.map

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

package/dist/components/layouts/layout-wrapper.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { LayoutComponentProps } from './layout-component.types';
+type LayoutWrapperProps = LayoutComponentProps & {
+    children: ReactNode;
+};
+export declare const LayoutWrapper: ({ container, children }: LayoutWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/layouts/layout-wrapper.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Container } from './container';
+import { ConditionalWrapper } from '../../internal-components';
+export const LayoutWrapper = ({ container, children }) => {
+    const wrapperProps = typeof container === 'object' ? container : {};
+    const wrapper = container ? Container : undefined;
+    return (_jsx(ConditionalWrapper, { wrapper: wrapper, wrapperProps: wrapperProps, children: children }));
+};
+//# sourceMappingURL=layout-wrapper.js.map

package/dist/components/layouts/layout-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-wrapper.js","sourceRoot":"","sources":["../../../src/components/layouts/layout-wrapper.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAM3D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC5E,MAAM,YAAY,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACpE,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAElD,OAAO,CACN,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,YAC9D,QAAQ,GACW,CACrB,CAAC;AACH,CAAC,CAAC"}

package/dist/components/layouts/masonry-layout/masonry-layout.d.ts

@@ -8,4 +8,4 @@ import { MasonryLayoutProps } from './masonry-layout.types';
  *   components={images.map((img) => <img src={img.src} alt={img.alt} />)}
  * />
  */
-export declare const MasonryLayout: ({ title, caption, components }: MasonryLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MasonryLayout: ({ title, caption, items, container }: MasonryLayoutProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/layouts/masonry-layout/masonry-layout.js

@@ -1,7 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { H3, Subtitle } from '../../../components';
-import { container } from '../../../styled-system/patterns';
-import { css, cx } from '../../../styled-system/css';
+import { css } from '../../../styled-system/css';
+import { LayoutWrapper } from '../layout-wrapper';
+const styles = {
+    container: css({ width: 'full' }),
+    list: css({
+        marginTop: '2',
+        columnCount: { base: 2, md: 3, lg: 4 },
+        columnGap: '2',
+    }),
+    item: css({
+        width: '100%',
+        display: 'inline-block',
+        borderRadius: 'sm',
+        overflow: 'hidden',
+    }),
+};
 /**
  * Masonry-style grid layout that arranges items into columns (2 on mobile, 3 on medium, 4 on large).
  *
@@ -11,21 +25,7 @@ import { css, cx } from '../../../styled-system/css';
  *   components={images.map((img) => <img src={img.src} alt={img.alt} />)}
  * />
  */
-export const MasonryLayout = ({ title, caption, components }) => {
-    const styles = {
-        container: cx(container()),
-        list: css({
-            marginTop: '2',
-            columnCount: { base: 2, md: 3, lg: 4 },
-            columnGap: '2',
-        }),
-        item: css({
-            width: '100%',
-            display: 'inline-block',
-            borderRadius: 'sm',
-            overflow: 'hidden',
-        }),
-    };
-    return (_jsxs("section", { className: styles.container, children: [title && (_jsxs(H3, { children: [title, caption && _jsx(Subtitle, { children: caption })] })), _jsx("div", { children: _jsx("ol", { className: styles.list, children: components.map((component, index) => (_jsx("li", { className: styles.item, children: component }, index))) }) })] }));
+export const MasonryLayout = ({ title, caption, items, container }) => {
+    return (_jsx(LayoutWrapper, { container: container, children: _jsxs("div", { className: styles.container, children: [title && (_jsxs(H3, { children: [title, caption && _jsx(Subtitle, { children: caption })] })), _jsx("ol", { className: styles.list, children: items.map((component, index) => (_jsx("li", { className: styles.item, children: component }, index))) })] }) }));
 };
 //# sourceMappingURL=masonry-layout.js.map

package/dist/components/layouts/masonry-layout/masonry-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAsB,EAAE,EAAE;IACnF,MAAM,MAAM,GAAG;QACd,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,CAAC;QAC1B,IAAI,EAAE,GAAG,CAAC;YACT,SAAS,EAAE,GAAG;YACd,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;YACtC,SAAS,EAAE,GAAG;SACd,CAAC;QACF,IAAI,EAAE,GAAG,CAAC;YACT,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,cAAc;YACvB,YAAY,EAAE,IAAI;YAClB,QAAQ,EAAE,QAAQ;SAClB,CAAC;KACF,CAAC;IACF,OAAO,CACN,mBAAS,SAAS,EAAE,MAAM,CAAC,SAAS,aAClC,KAAK,IAAI,CACT,MAAC,EAAE,eACD,KAAK,EACL,OAAO,IAAI,KAAC,QAAQ,cAAE,OAAO,GAAY,IACtC,CACL,EACD,wBACC,aAAI,SAAS,EAAE,MAAM,CAAC,IAAI,YACxB,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,aAAgB,SAAS,EAAE,MAAM,CAAC,IAAI,YACpC,SAAS,IADF,KAAK,CAET,CACL,CAAC,GACE,GACA,IACG,CACV,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,GAAG;IACd,SAAS,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IACjC,IAAI,EAAE,GAAG,CAAC;QACT,SAAS,EAAE,GAAG;QACd,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;QACtC,SAAS,EAAE,GAAG;KACd,CAAC;IACF,IAAI,EAAE,GAAG,CAAC;QACT,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,cAAc;QACvB,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAE,QAAQ;KAClB,CAAC;CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAsB,EAAE,EAAE;IACzF,OAAO,CACN,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,YAClC,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,KAAK,IAAI,CACT,MAAC,EAAE,eACD,KAAK,EACL,OAAO,IAAI,KAAC,QAAQ,cAAE,OAAO,GAAY,IACtC,CACL,EACD,aAAI,SAAS,EAAE,MAAM,CAAC,IAAI,YACxB,KAAK,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,aAAgB,SAAS,EAAE,MAAM,CAAC,IAAI,YACpC,SAAS,IADF,KAAK,CAET,CACL,CAAC,GACE,IACA,GACS,CAChB,CAAC;AACH,CAAC,CAAC"}

package/dist/components/layouts/masonry-layout/masonry-layout.types.d.ts

@@ -1,9 +1,10 @@
 import { ReactNode } from 'react';
-export type MasonryLayoutProps = {
+import { LayoutComponentProps } from '../layout-component.types';
+export type MasonryLayoutProps = LayoutComponentProps & {
     /** Optional title displayed above the grid */
     title?: string;
     /** Optional caption rendered alongside the title */
     caption?: string;
     /** Items to render in the masonry grid */
-    components: ReactNode[];
+    items: ReactNode[];
 };

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

@@ -1,6 +1,57 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '../../../components/ui';
 import { css } from '../../../styled-system/css';
+const styles = {
+    card: css({
+        margin: 'auto',
+        border: 'solid',
+        borderRadius: 'md',
+        borderWidth: 'md',
+        borderColor: 'structure',
+        borderStyle: 'solid',
+        maxHeight: '15rem',
+        overflow: 'hidden',
+        maxWidth: '391px',
+        aspectRatio: '8 / 5',
+        width: '100%',
+        backgroundColor: { base: 'background', _hover: 'surface' },
+    }),
+    link: css({
+        cursor: 'pointer',
+    }),
+    imageWrapper: css({
+        overflow: 'hidden',
+        width: '100%',
+        height: '83.333333%',
+    }),
+    image: css({
+        height: 'auto',
+        minHeight: '100%',
+        width: 'auto',
+        minWidth: '100%',
+    }),
+    captionBlock: css({
+        padding: '0.5rem',
+        height: '16.666667%',
+    }),
+    caption: css({
+        display: 'flex',
+        gap: '2',
+        justifyContent: 'flex-start',
+        alignItems: 'center',
+    }),
+    captionIcon: css({
+        paddingRight: '0.25rem',
+    }),
+    captionText: css({
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        fontSize: '0.875rem',
+        lineHeight: '1.25rem',
+        color: 'text.standard',
+    }),
+};
 /**
  * Linked card displaying a cover image, title, and icon. Supports named icons, emojis, and SVGs.
  *
@@ -13,58 +64,6 @@ import { css } from '../../../styled-system/css';
  * />
  */
 export const InfoCard = ({ title, url, icon, img }) => {
-    const styles = {
-        card: css({
-            margin: 'auto',
-            border: 'solid',
-            borderRadius: 'md',
-            borderWidth: 'md',
-            borderColor: 'structure',
-            borderStyle: 'solid',
-            marginTop: '0.75rem',
-            marginBottom: '0.75rem',
-            maxHeight: '15rem',
-            overflow: 'hidden',
-            width: '391px',
-            height: '241px',
-            backgroundColor: { base: 'background', _hover: 'surface' },
-        }),
-        link: css({
-            cursor: 'pointer',
-        }),
-        imageWrapper: css({
-            overflow: 'hidden',
-            width: '100%',
-            height: '83.333333%',
-        }),
-        image: css({
-            height: 'auto',
-            minHeight: '100%',
-            width: 'auto',
-            minWidth: '100%',
-        }),
-        captionBlock: css({
-            padding: '0.5rem',
-            height: '16.666667%',
-        }),
-        caption: css({
-            display: 'flex',
-            gap: '2',
-            justifyContent: 'flex-start',
-            alignItems: 'center',
-        }),
-        captionIcon: css({
-            paddingRight: '0.25rem',
-        }),
-        captionText: css({
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap',
-            fontSize: '0.875rem',
-            lineHeight: '1.25rem',
-            color: 'text.standard',
-        }),
-    };
     const renderIcon = () => {
         if (typeof icon === 'string') {
             return _jsx(Icon, { name: icon, size: 24 });

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

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