thread-ui 0.13.1 → 0.14.0

package/dist/components/content-display/gallery/gallery.js.map

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

package/dist/components/content-display/gallery/gallery.types.d.ts

@@ -2,6 +2,7 @@ import { ReactNode, ComponentType } from 'react';
 import { Prettify, UtilitySizeOptions } from '../../../types';
 import { EmblaViewportRefType } from 'embla-carousel-react';
 import { EmblaCarouselType } from 'embla-carousel';
+import { ContentTitle } from '../../../internal-components';
 export type GalleryItemId = number;
 /** Content renderable as a gallery slide — any valid React node. */
 export type GalleryItem = ReactNode;
@@ -11,11 +12,9 @@ export type GalleryItem = ReactNode;
  * - `'bare'` — Renders items without any decorative container styles.
  */
 export type GalleryAppearanceOptions = 'framed' | 'bare';
-export type GalleryProps = {
+export type GalleryProps = Prettify<ContentTitle & {
     /** Visual treatment for item containers @default `'framed'` */
     appearance?: GalleryAppearanceOptions;
-    /** Optional title rendered above the gallery */
-    title?: string | ReactNode;
     /** Array of React nodes to render as slides, in display order */
     items: GalleryItem[];
     /** Optional component used to wrap each item, replacing the default container */
@@ -26,12 +25,12 @@ export type GalleryProps = {
     startIndex?: number;
     /** Display thumbnail items with varying widths @default `false` */
     variableWidths?: boolean;
-};
+}>;
 type InternalGalleryItem = {
     id: GalleryItemId;
     content: GalleryItem;
 };
-export type GalleryState = Prettify<Pick<GalleryProps, 'title'> & Required<Pick<GalleryProps, 'size' | 'appearance' | 'variableWidths'>> & {
+export type GalleryState = Prettify<Pick<GalleryProps, 'title' | 'subtitle'> & Required<Pick<GalleryProps, 'size' | 'appearance' | 'variableWidths'>> & {
     items: Record<GalleryItemId, InternalGalleryItem>;
     ItemWrapper: GalleryProps['itemWrapper'];
     itemOrder: GalleryItemId[];

package/dist/components/content-display/lightbox/components/lightbox-title.js

@@ -1,22 +1,19 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useLightboxContext } from '../lightbox-context';
 import { H2 } from '../../../../components/typography';
 import { css } from '../../../../styled-system/css';
 import { IconButton } from '../../../../components/ui';
+import { ContentHeader } from '../../../../internal-components';
 const styles = {
-    container: css({
+    titleBlock: css({
         width: '100%',
-        display: 'flex',
-        flexDirection: 'row-reverse',
-        alignItems: 'center',
-        justifyContent: 'space-between',
         marginBottom: '4',
     }),
 };
 export const LightboxTitle = () => {
     const { title, onClose } = useLightboxContext();
-    const titleDisplay = typeof title === 'string' ? _jsx(H2, { inline: true, children: title }) : title;
-    return (_jsxs("div", { className: styles.container, children: [_jsx(IconButton, { ariaLabel: "Close modal", onClick: onClose, color: "text", size: 'sm', name: "X" }), titleDisplay] }));
+    const titleDisplay = typeof title === 'string' ? (_jsx(H2, { color: "inverted", inline: true, children: title })) : (title);
+    return (_jsx(ContentHeader, { className: styles.titleBlock, title: titleDisplay, secondaryContent: _jsx(IconButton, { ariaLabel: "Close modal", onClick: onClose, color: "neutral", size: 'sm', name: "X" }) }));
 };
 //# sourceMappingURL=lightbox-title.js.map

package/dist/components/content-display/lightbox/components/lightbox-title.js.map

@@ -1 +1 @@
-{"version":3,"file":"lightbox-title.js","sourceRoot":"","sources":["../../../../../src/components/content-display/lightbox/components/lightbox-title.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,MAAM,GAAG;IACd,SAAS,EAAE,GAAG,CAAC;QACd,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,aAAa;QAC5B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,YAAY,EAAE,GAAG;KACjB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEhD,MAAM,YAAY,GAAc,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,EAAE,IAAC,MAAM,kBAAE,KAAK,GAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAE5F,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,UAAU,IACV,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,GACP,EACD,YAAY,IACR,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"lightbox-title.js","sourceRoot":"","sources":["../../../../../src/components/content-display/lightbox/components/lightbox-title.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,EAAE,EAAQ,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,MAAM,GAAG;IACd,UAAU,EAAE,GAAG,CAAC;QACf,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,GAAG;KACjB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEhD,MAAM,YAAY,GACjB,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,KAAC,EAAE,IAAC,KAAK,EAAC,UAAU,EAAC,MAAM,kBACzB,KAAK,GACF,CACL,CAAC,CAAC,CAAC,CACH,KAAK,CACL,CAAC;IAEH,OAAO,CACN,KAAC,aAAa,IACb,SAAS,EAAE,MAAM,CAAC,UAAU,EAC5B,KAAK,EAAE,YAAY,EACnB,gBAAgB,EACf,KAAC,UAAU,IACV,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,GAAG,GACP,GAEF,CACF,CAAC;AACH,CAAC,CAAC"}

package/dist/components/content-display/lightbox/lightbox-context.d.ts

@@ -1,5 +1,12 @@
 export declare const LightboxProvider: import("react").Provider<{
-    title?: import("react").ReactNode;
+    title?: (string | import("react").ReactElement<{
+        align?: "left" | "center" | undefined;
+        inline?: boolean | undefined;
+        truncate?: boolean | undefined;
+        children: import("react").ReactNode;
+        color?: import("../../..").ColoredTextOptions | undefined;
+        subtitle?: import("react").ReactNode;
+    }, ((props: import("../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element) | ((props: import("../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element) | ((props: import("../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element) | ((props: import("../..").TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element)>) | undefined;
     items: import("../gallery/gallery.types").GalleryItem[];
     itemWrapper?: import("react").ComponentType<any> | undefined;
     startIndex?: number | undefined;
@@ -8,7 +15,42 @@ export declare const LightboxProvider: import("react").Provider<{
     appearance?: import("../gallery/gallery.types").GalleryAppearanceOptions | undefined;
     variableWidths?: boolean | undefined;
 } | undefined>, useLightboxContext: () => {
-    title?: import("react").ReactNode;
+    title?: (string | import("react").ReactElement<{
+        align?: "left" | "center" | undefined;
+        inline?: boolean | undefined;
+        truncate?: boolean | undefined;
+        children: import("react").ReactNode;
+        color?: import("../../..").ColoredTextOptions | undefined;
+        subtitle?: import("react").ReactNode;
+    }, ((props: {
+        align?: "left" | "center" | undefined;
+        inline?: boolean | undefined;
+        truncate?: boolean | undefined;
+        children: import("react").ReactNode;
+        color?: import("../../..").ColoredTextOptions | undefined;
+        subtitle?: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element) | ((props: {
+        align?: "left" | "center" | undefined;
+        inline?: boolean | undefined;
+        truncate?: boolean | undefined;
+        children: import("react").ReactNode;
+        color?: import("../../..").ColoredTextOptions | undefined;
+        subtitle?: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element) | ((props: {
+        align?: "left" | "center" | undefined;
+        inline?: boolean | undefined;
+        truncate?: boolean | undefined;
+        children: import("react").ReactNode;
+        color?: import("../../..").ColoredTextOptions | undefined;
+        subtitle?: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element) | ((props: {
+        align?: "left" | "center" | undefined;
+        inline?: boolean | undefined;
+        truncate?: boolean | undefined;
+        children: import("react").ReactNode;
+        color?: import("../../..").ColoredTextOptions | undefined;
+        subtitle?: import("react").ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element)>) | undefined;
     items: import("../gallery/gallery.types").GalleryItem[];
     itemWrapper?: import("react").ComponentType<any> | undefined;
     startIndex?: number | undefined;

package/dist/components/content-display/lightbox/lightbox.types.d.ts

@@ -2,7 +2,7 @@ import { Prettify } from '../../../types';
 import { GalleryProps } from '../gallery';
 import { ModalProps } from '../../../components/ui';
 import { GalleryAppearanceOptions } from '../gallery/gallery.types';
-export type LightboxProps = Prettify<Omit<GalleryProps, 'size' | 'appearance' | 'variableWidths'> & Pick<ModalProps, 'isOpen' | 'onClose'> & {
+export type LightboxProps = Prettify<Omit<GalleryProps, 'size' | 'subtitle' | 'appearance' | 'variableWidths'> & Pick<ModalProps, 'isOpen' | 'onClose'> & {
     /** Gallery Content Appearance @default `bare` */
     appearance?: GalleryAppearanceOptions;
     /** Control Auto-Width within track thumbnails @default `true` */

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

@@ -1,6 +1,6 @@
 import { ColumnLayoutProps } from './column-layout.types';
 /**
- * Responsive image grid with an optional title and caption.
+ * Responsive image grid with an optional title and description.
  * Column count is controlled separately for medium and large viewports.
  *
  * @example
@@ -11,4 +11,4 @@ import { ColumnLayoutProps } from './column-layout.types';
  *   items={[{ content: { src: '/img.jpg', alt: 'Example' }, title: 'Item' }]}
  * />
  */
-export declare const ColumnLayout: ({ title, caption, mdcol, lgcol, items, container, }: ColumnLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ColumnLayout: ({ title, subtitle, description, mdcol, lgcol, items, container, }: ColumnLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { renderImage } from '../../../internal-components';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContentHeader, renderImage } from '../../../internal-components';
 import { ColumnSkeleton } from './column-skeleton';
-import { H2, H3, Text } from '../../../components';
+import { H3, Text } from '../../../components';
 import { css } from '../../../styled-system/css';
 import { LayoutWrapper } from '../layout-wrapper';
 const styles = {
@@ -36,7 +36,7 @@ const styles = {
     }),
 };
 /**
- * Responsive image grid with an optional title and caption.
+ * Responsive image grid with an optional title and description.
  * Column count is controlled separately for medium and large viewports.
  *
  * @example
@@ -47,9 +47,9 @@ const styles = {
  *   items={[{ content: { src: '/img.jpg', alt: 'Example' }, title: 'Item' }]}
  * />
  */
-export const ColumnLayout = ({ title, caption, mdcol, lgcol = mdcol, items, container = true, }) => {
+export const ColumnLayout = ({ title, subtitle, description, mdcol, lgcol = mdcol, items, container = true, }) => {
     return (_jsx(LayoutWrapper, { container: container, children: _jsxs("section", { className: styles.section, style: {
                 '--max-width': mdcol < 2 ? '800px' : 'none',
-            }, children: [(title || caption) && (_jsx("div", { children: title && (_jsx(_Fragment, { children: _jsxs(H2, { children: [title, caption && _jsx(Text, { children: caption })] }) })) })), _jsx(ColumnSkeleton, { mdcol: mdcol, lgcol: lgcol, children: items.map((item, index) => (_jsxs("div", { children: [_jsx("div", { className: styles.gridItem, children: renderImage(item.content, undefined, styles.gridItemContent) }), (item.title || item.description) && (_jsxs(_Fragment, { children: [item.title && _jsx(H3, { children: item.title }), item.description && _jsx(Text, { children: item.description })] }))] }, item.key ?? index))) })] }) }));
+            }, children: [(title || description) && (_jsx(ContentHeader, { title: title, subtitle: subtitle, description: description })), _jsx(ColumnSkeleton, { mdcol: mdcol, lgcol: lgcol, children: items.map((item, index) => (_jsxs("div", { children: [_jsx("div", { className: styles.gridItem, children: renderImage(item.content, undefined, styles.gridItemContent) }), (item.title || item.description) && (_jsxs(_Fragment, { children: [item.title && _jsx(H3, { children: item.title }), item.description && _jsx(Text, { children: item.description })] }))] }, item.key ?? index))) })] }) }));
 };
 //# sourceMappingURL=column-layout.js.map

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;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,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QAC5C,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QAC/C,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,IAAI;QAClB,YAAY,EAAE,GAAG;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,GAAG;KACb,CAAC;IACF,eAAe,EAAE,GAAG,CAAC;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,IAAI;KAClB,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"}
+{"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAM,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,UAAU,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QAC5C,aAAa,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE;QAC/C,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,IAAI;QAClB,YAAY,EAAE,GAAG;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,GAAG;KACb,CAAC;IACF,eAAe,EAAE,GAAG,CAAC;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,IAAI;KAClB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,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,WAAW,CAAC,IAAI,CAC1B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,CAC7E,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,19 +1,16 @@
-import { ImageProps } from '../../../types';
+import { ContentHeading } from '../../../internal-components';
+import { ImageProps, Prettify } from '../../../types';
 import { LayoutComponentProps } from '../layout-component.types';
 export type MediumColumnOptions = 1 | 2 | 3;
 export type LargeColumnOptions = 1 | 2 | 3 | 4 | 5;
-export type ColumnLayoutProps = LayoutComponentProps & {
-    /** Optional title displayed at the top of the layout */
-    title?: string;
-    /** Optional caption rendered alongside the title */
-    caption?: string;
+export type ColumnLayoutProps = Prettify<LayoutComponentProps & ContentHeading & {
     /** Number of columns at medium viewport sizes @default `2` */
     mdcol: MediumColumnOptions;
     /** Number of columns at large viewport sizes @default `4` */
     lgcol?: LargeColumnOptions;
     /** Items to display in the grid */
     items: ColumnItem[];
-};
+}>;
 export type ColumnItem = {
     /** Optional title rendered below the image */
     title?: string;

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

@@ -1,14 +1,14 @@
 import { FooterProps } from './footer.types';
 /**
- * Site footer with optional logo, caption, and social media icon links.
+ * Site footer with optional logo, description, and social media icon links.
  * Only social icons with a provided URL are rendered.
  *
  * @example
  * <Footer
  *   logo={<Logo />}
- *   caption="© 2025 Acme Co."
+ *   description="© 1776 USA."
  *   githubLink="https://github.com/acme"
  *   linkedInLink="https://linkedin.com/company/acme"
  * />
  */
-export declare const Footer: ({ logo, caption, bg, facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Footer: ({ logo, description, bg, facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }: FooterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -28,20 +28,20 @@ const styles = {
     }),
 };
 /**
- * Site footer with optional logo, caption, and social media icon links.
+ * Site footer with optional logo, description, and social media icon links.
  * Only social icons with a provided URL are rendered.
  *
  * @example
  * <Footer
  *   logo={<Logo />}
- *   caption="© 2025 Acme Co."
+ *   description="© 1776 USA."
  *   githubLink="https://github.com/acme"
  *   linkedInLink="https://linkedin.com/company/acme"
  * />
  */
-export const Footer = ({ logo, caption, bg = 'canvas', facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }) => {
+export const Footer = ({ logo, description, bg = 'canvas', facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }) => {
     const weight = 'bold';
     const size = 24;
-    return (_jsxs(Container, { as: "footer", bg: bg, 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 }) }))] })] })] }));
+    return (_jsxs(Container, { as: "footer", bg: bg, children: [_jsx(Divider, {}), _jsxs("div", { className: styles.footerContents, children: [logo && logo, description && _jsx(Subtitle, { children: description }), _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":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EACN,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,MAAM,MAAM,GAAG;IACd,cAAc,EAAE,GAAG,CAAC;QACnB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,QAAQ;KAClB,CAAC;IACF,SAAS,EAAE,GAAG,CAAC;QACd,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,MAAM;QACb,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,GAAG;KACb,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;QACV,KAAK,EAAE,eAAe;KACtB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,IAAI,EACJ,OAAO,EACP,EAAE,GAAG,QAAQ,EACb,YAAY,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,GACC,EAAE,EAAE;IACjB,MAAM,MAAM,GAAG,MAAM,CAAC;IACtB,MAAM,IAAI,GAAG,EAAE,CAAC;IAEhB,OAAO,CACN,MAAC,SAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,aAC5B,KAAC,OAAO,KAAG,EACX,eAAK,SAAS,EAAE,MAAM,CAAC,cAAc,aACnC,IAAI,IAAI,IAAI,EACZ,OAAO,IAAI,KAAC,QAAQ,cAAE,OAAO,GAAY,EAC1C,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,YAAY,IAAI,CAChB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,YAC7C,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC7C,CACJ,EACA,aAAa,IAAI,CACjB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,YAC9C,KAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC9C,CACJ,EACA,WAAW,IAAI,CACf,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,YAC5C,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC5C,CACJ,EACA,UAAU,IAAI,CACd,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,YAC3C,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC3C,CACJ,EACA,YAAY,IAAI,CAChB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,YAC7C,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC7C,CACJ,IACI,IACD,IACK,CACZ,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EACN,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GACf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C,MAAM,MAAM,GAAG;IACd,cAAc,EAAE,GAAG,CAAC;QACnB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,QAAQ;KAClB,CAAC;IACF,SAAS,EAAE,GAAG,CAAC;QACd,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,MAAM;QACb,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,GAAG;KACb,CAAC;IACF,KAAK,EAAE,GAAG,CAAC;QACV,KAAK,EAAE,eAAe;KACtB,CAAC;CACF,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,IAAI,EACJ,WAAW,EACX,EAAE,GAAG,QAAQ,EACb,YAAY,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,YAAY,GACC,EAAE,EAAE;IACjB,MAAM,MAAM,GAAG,MAAM,CAAC;IACtB,MAAM,IAAI,GAAG,EAAE,CAAC;IAEhB,OAAO,CACN,MAAC,SAAS,IAAC,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,aAC5B,KAAC,OAAO,KAAG,EACX,eAAK,SAAS,EAAE,MAAM,CAAC,cAAc,aACnC,IAAI,IAAI,IAAI,EACZ,WAAW,IAAI,KAAC,QAAQ,cAAE,WAAW,GAAY,EAClD,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,YAAY,IAAI,CAChB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,YAC7C,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC7C,CACJ,EACA,aAAa,IAAI,CACjB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,YAC9C,KAAC,iBAAiB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC9C,CACJ,EACA,WAAW,IAAI,CACf,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,YAC5C,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC5C,CACJ,EACA,UAAU,IAAI,CACd,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,YAC3C,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC3C,CACJ,EACA,YAAY,IAAI,CAChB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,YAC7C,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,GAC7C,CACJ,IACI,IACD,IACK,CACZ,CAAC;AACH,CAAC,CAAC"}

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

@@ -4,7 +4,7 @@ export type FooterProps = {
     /** Logo or branding element rendered at the top of the footer */
     logo?: ReactNode;
     /** Tagline or description rendered below the logo */
-    caption?: string | ReactNode;
+    description?: string | ReactNode;
     /** Background color token @default `'none'` */
     bg?: BgColorOptions;
     /** URL for the Facebook social link */

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

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

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, items, container }: MasonryLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MasonryLayout: ({ title, subtitle, description, items, container, }: MasonryLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { H3, Subtitle } from '../../../components';
 import { css } from '../../../styled-system/css';
 import { LayoutWrapper } from '../layout-wrapper';
+import { ContentHeader } from '../../../internal-components';
 const styles = {
     container: css({ width: 'full' }),
     list: css({
@@ -25,7 +25,7 @@ const styles = {
  *   components={images.map((img) => <img src={img.src} alt={img.alt} />)}
  * />
  */
-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))) })] }) }));
+export const MasonryLayout = ({ title, subtitle, description, items, container, }) => {
+    return (_jsx(LayoutWrapper, { container: container, children: _jsxs("div", { className: styles.container, children: [_jsx(ContentHeader, { title: title, subtitle: subtitle, description: description }), _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,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"}
+{"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,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,EAC7B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,KAAK,EACL,SAAS,GACW,EAAE,EAAE;IACxB,OAAO,CACN,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,YAClC,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,GAAI,EAC7E,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,10 +1,8 @@
 import { ReactNode } from 'react';
 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;
+import { Prettify } from '../../../types';
+import { ContentHeading } from '../../../internal-components';
+export type MasonryLayoutProps = Prettify<LayoutComponentProps & ContentHeading & {
     /** Items to render in the masonry grid */
     items: ReactNode[];
-};
+}>;

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

@@ -79,7 +79,7 @@ const styles = {
         width: '100%',
         objectFit: 'cover',
     }),
-    caption: css({
+    information: css({
         padding: '2.5',
         height: '10',
         display: 'flex',
@@ -102,6 +102,6 @@ export const InfoCard = ({ title, url, icon, image, layer = 'surface' }) => {
             bg: config.bg,
             shadow: config.shadow,
             structure: config.structure,
-        }), children: [_jsx("div", { className: `${styles.imageWrapper} info-card-image-wrapper`, children: renderImage(image, undefined, styles.image) }), _jsxs("div", { className: styles.caption, children: [_jsx(DynamicIcon, { icon: icon, size: 24 }), _jsx(Text, { size: "sm", truncate: true, inline: true, children: title })] })] }));
+        }), children: [_jsx("div", { className: `${styles.imageWrapper} info-card-image-wrapper`, children: renderImage(image, undefined, styles.image) }), _jsxs("div", { className: styles.information, children: [_jsx(DynamicIcon, { icon: icon, size: 24 }), _jsx(Text, { size: "sm", truncate: true, inline: true, children: title })] })] }));
 };
 //# sourceMappingURL=info-card.js.map

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

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

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

@@ -1,7 +1,7 @@
 import { DynamicIconProps } from '../../../internal-components';
 import { ImageProps, SurfaceLayerOptions } from '../../../types';
 export type InfoCardProps = {
-    /** Card title displayed in the caption bar */
+    /** Card title displayed in the information bar */
     title: string;
     /** URL the card links to */
     url: string;

package/dist/components/typography/heading/heading.js

@@ -40,7 +40,7 @@ export const H3 = (props) => renderHeading('h3', 'h3', props);
  * @example
  * <Subtitle>Last updated March 2025</Subtitle>
  */
-export const Subtitle = ({ children, align = 'left', color = 'secondary', truncate = false, fontFamily, indent, }) => {
+export const Subtitle = ({ children, align = 'left', color = 'text-secondary', truncate = false, fontFamily, indent, }) => {
     const resolved = getResolvedTypographyValues({
         role: 'body',
         fontSize: 'body.sm',

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

@@ -1 +1 @@
-{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE1E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAA6B,EAAE,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AAE5F;;;;;GAKG;AACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAA6B,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AAEtF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAA6B,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AAEtF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAA6B,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AAEtF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACxB,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,KAAK,GAAG,WAAW,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,MAAM,GACS,EAAE,EAAE;IACnB,MAAM,QAAQ,GAAG,2BAA2B,CAAC;QAC5C,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,SAAS;QACnB,YAAY,EAAE,MAAM;QACpB,UAAU;KACV,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,EAAE,CACnB,mBAAmB,CAAC,QAAQ,CAAC,EAC7B,qBAAqB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAE,CAAC,EACzE,kBAAkB,CAAC,KAAK,CAAC,CACzB,CAAC;IAEF,OAAO,CACN,eAAM,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,YACzE,QAAQ,GACH,CACP,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/heading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE1E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAA6B,EAAE,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AAE5F;;;;;GAKG;AACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAA6B,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AAEtF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAA6B,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AAEtF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAA6B,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AAEtF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACxB,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,KAAK,GAAG,gBAAgB,EACxB,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,MAAM,GACS,EAAE,EAAE;IACnB,MAAM,QAAQ,GAAG,2BAA2B,CAAC;QAC5C,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,SAAS;QACnB,YAAY,EAAE,MAAM;QACpB,UAAU;KACV,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,EAAE,CACnB,mBAAmB,CAAC,QAAQ,CAAC,EAC7B,qBAAqB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAE,CAAC,EACzE,kBAAkB,CAAC,KAAK,CAAC,CACzB,CAAC;IAEF,OAAO,CACN,eAAM,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,YACzE,QAAQ,GACH,CACP,CAAC;AACH,CAAC,CAAC"}

package/dist/components/typography/page-header/page-header.d.ts

@@ -1,8 +1,8 @@
 import { PageHeaderProps } from './page-header.types';
 /**
- * Page-level header with a title, optional caption, and a divider.
+ * Page-level header with a title, optional description, and a divider.
  *
  * @example
- * <PageHeader title="Our Team" caption="Meet the people behind the product." center />
+ * <PageHeader title="Our Team" description="Meet the people behind the product." center />
  */
-export declare const PageHeader: ({ title, caption, center }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageHeader: ({ title, description, center }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/typography/page-header/page-header.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { css } from '../../../styled-system/css';
 import { Container, Divider, Subtitle, Title } from '../../../components';
 const styles = {
-    caption: css({
+    description: css({
         width: { md: '50%' },
         paddingX: { md: '1' },
         marginX: 'auto',
@@ -14,12 +14,12 @@ const styles = {
     }),
 };
 /**
- * Page-level header with a title, optional caption, and a divider.
+ * Page-level header with a title, optional description, and a divider.
  *
  * @example
- * <PageHeader title="Our Team" caption="Meet the people behind the product." center />
+ * <PageHeader title="Our Team" description="Meet the people behind the product." center />
  */
-export const PageHeader = ({ title, caption, center }) => {
-    return (_jsxs(Container, { children: [_jsx(Title, { align: "center", inline: true, children: title }), caption && (_jsx(_Fragment, { children: _jsx("div", { className: styles.caption, children: _jsx(Subtitle, { indent: center ? false : true, fontFamily: "heading", align: center ? 'center' : 'left', children: caption }) }) })), _jsx(Divider, { marginY: "16px", width: "33%" })] }));
+export const PageHeader = ({ title, description, center }) => {
+    return (_jsxs(Container, { children: [_jsx(Title, { align: "center", inline: true, children: title }), description && (_jsx(_Fragment, { children: _jsx("div", { className: styles.description, children: _jsx(Subtitle, { indent: center ? false : true, fontFamily: "heading", align: center ? 'center' : 'left', children: description }) }) })), _jsx(Divider, { marginY: "16px", width: "33%" })] }));
 };
 //# sourceMappingURL=page-header.js.map

package/dist/components/typography/page-header/page-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../../../src/components/typography/page-header/page-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAW,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEnE,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;QACpB,QAAQ,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE;QACrB,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,GAAG;KACZ,CAAC;IACF,MAAM,EAAE,GAAG,CAAC;QACX,OAAO,EAAE,cAAc;QACvB,WAAW,EAAE,GAAG;KAChB,CAAC;CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAmB,EAAE,EAAE;IACzE,OAAO,CACN,MAAC,SAAS,eACT,KAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,kBAC1B,KAAK,GACC,EACP,OAAO,IAAI,CACX,4BACC,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC7B,KAAC,QAAQ,IACR,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC7B,UAAU,EAAC,SAAS,EACpB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,YAEhC,OAAO,GACE,GACN,GACJ,CACH,EACD,KAAC,OAAO,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,GAAG,IAC3B,CACZ,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../../../src/components/typography/page-header/page-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAW,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEnE,MAAM,MAAM,GAAG;IACd,WAAW,EAAE,GAAG,CAAC;QAChB,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;QACpB,QAAQ,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE;QACrB,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,GAAG;KACZ,CAAC;IACF,MAAM,EAAE,GAAG,CAAC;QACX,OAAO,EAAE,cAAc;QACvB,WAAW,EAAE,GAAG;KAChB,CAAC;CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAmB,EAAE,EAAE;IAC7E,OAAO,CACN,MAAC,SAAS,eACT,KAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,kBAC1B,KAAK,GACC,EACP,WAAW,IAAI,CACf,4BACC,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YACjC,KAAC,QAAQ,IACR,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC7B,UAAU,EAAC,SAAS,EACpB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,YAEhC,WAAW,GACF,GACN,GACJ,CACH,EACD,KAAC,OAAO,IAAC,OAAO,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,GAAG,IAC3B,CACZ,CAAC;AACH,CAAC,CAAC"}

package/dist/components/typography/page-header/page-header.types.d.ts

@@ -1,8 +1,8 @@
 export type PageHeaderProps = {
     /** Page heading */
     title: string;
-    /** Optional caption rendered below the title */
-    caption?: string;
-    /** Centers the caption text @default `false` */
+    /** Optional description rendered below the title */
+    description?: string;
+    /** Centers the description text @default `false` */
     center?: boolean;
 };

package/dist/components/ui/button/button-recipe.js

@@ -110,12 +110,12 @@ export const buttonRecipe = defineRecipe({
             },
             neutral: {
                 backgroundColor: 'transparent',
-                borderColor: 'text.standard',
-                color: 'text.standard',
+                color: 'text.tertiary',
+                borderColor: 'var(--thread-text-tertiary)',
                 _hover: {
-                    backgroundColor: 'hover',
+                    backgroundColor: 'transparent',
                     color: 'text.secondary',
-                    borderColor: 'text.standard',
+                    borderColor: 'var(--thread-text-secondary)',
                 },
             },
         },
@@ -147,7 +147,6 @@ export const buttonRecipe = defineRecipe({
         disabled: {
             true: {
                 opacity: 0.6,
-                cursor: 'not-allowed',
             },
             false: {},
         },
@@ -272,8 +271,8 @@ export const buttonRecipe = defineRecipe({
             css: {
                 _hover: {
                     backgroundColor: 'transparent',
-                    color: 'text.standard',
-                    borderColor: 'text.standard',
+                    color: 'text.tertiary',
+                    borderColor: 'var(--thread-text-tertiary)',
                 },
             },
         },
@@ -344,8 +343,8 @@ export const buttonRecipe = defineRecipe({
             textVariant: true,
             color: 'neutral',
             css: {
-                color: 'text.standard',
-                _hover: { color: 'text.standard', backgroundColor: 'transparent' },
+                color: 'text.tertiary',
+                _hover: { color: 'text.secondary', backgroundColor: 'transparent' },
             },
         },
         {
@@ -472,7 +471,9 @@ export const buttonRecipe = defineRecipe({
             disabled: false,
             textVariant: false,
             color: 'neutral',
-            css: { _hover: { backgroundColor: 'surface', borderColor: 'text.standard' } },
+            css: {
+                _hover: { backgroundColor: 'hover', borderColor: 'var(--thread-text-secondary)' },
+            },
         },
     ],
     defaultVariants: {