thread-ui 0.2.0 → 0.4.0

package/dist/components/form-elements/text-input/text-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,GAAG,KAAK,EAAE,QAAQ,EAAkB,EAAE,EAAE;IAClI,MAAM,KAAK,GAAG,GAAG,CAAC;QACjB,SAAS,EAAE,OAAO;QAClB,MAAM,EAAE,UAAU;KAClB,CAAC,CAAC;IACH,OAAO,CACN,MAAC,YAAY,eACX,KAAK,IAAI,KAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EACxD,SAAS,CAAC,CAAC,CAAC,CACZ,mBACC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,EAAE,KAAK,CAAC,GACtC,CACF,CAAC,CAAC,CAAC,CACH,gBACC,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,eAAe,EAAE,GAC3B,CACF,IACa,CACf,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACzB,IAAI,EACJ,EAAE,GAAG,IAAI,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,KAAK,GAAG,GAAG,CAAC;QACjB,SAAS,EAAE,IAAI;QACf,MAAM,EAAE,UAAU;KAClB,CAAC,CAAC;IAEH,OAAO,CACN,MAAC,YAAY,eACX,KAAK,IAAI,KAAC,SAAS,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,EACxD,SAAS,CAAC,CAAC,CAAC,CACZ,mBACC,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,EAAE,KAAK,CAAC,GACtC,CACF,CAAC,CAAC,CAAC,CACH,gBACC,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,eAAe,EAAE,GAC3B,CACF,IACa,CACf,CAAC;AACH,CAAC,CAAC"}

package/dist/components/form-elements/text-input/text-input.types.d.ts

@@ -1,5 +1,6 @@
 import { InputProps } from '../input-props.types';
 export type TextInputProps = InputProps<string> & {
+    /** Renders a resizable `textarea` instead of a single-line input @default `false` */
     multiline?: boolean;
 };
 //# sourceMappingURL=text-input.types.d.ts.map

package/dist/components/form-elements/text-input/text-input.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-input.types.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}
+{"version":3,"file":"text-input.types.d.ts","sourceRoot":"","sources":["../../../../src/components/form-elements/text-input/text-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG;IACjD,qFAAqF;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './form-elements';
 export * from './layouts';
 export * from './media';
 export * from './navigation';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,MAAM,CAAC"}

package/dist/components/index.js

@@ -1,3 +1,4 @@
+export * from './form-elements';
 export * from './layouts';
 export * from './media';
 export * from './navigation';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,MAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,MAAM,CAAC"}

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

@@ -1,6 +1,15 @@
 import { ColumnLayoutProps } from './column-layout.types';
 /**
- * A layout component that displays content in a responsive column grid with optional title and caption.
+ * Responsive image grid with an optional title and caption.
+ * Column count is controlled separately for medium and large viewports.
+ *
+ * @example
+ * <ColumnLayout
+ *   title="Our Work"
+ *   mdcol={2}
+ *   lgcol={4}
+ *   items={[{ content: { src: '/img.jpg', alt: 'Example' }, title: 'Item' }]}
+ * />
  */
-export declare const ColumnLayout: ({ title, caption, mdcol, lgcol, items }: ColumnLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ColumnLayout: ({ title, caption, mdcol, lgcol, items, }: ColumnLayoutProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=column-layout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"column-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,yCAAiD,iBAAiB,4CAsE9F,CAAC"}
+{"version":3,"file":"column-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,GAAI,0CAM1B,iBAAiB,4CAwEnB,CAAC"}

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

@@ -4,9 +4,18 @@ import { ColumnSkeleton } from './column-skeleton';
 import { H2, H3, Text } from '../../../components';
 import { css } from '../../../styled-system/css';
 /**
- * A layout component that displays content in a responsive column grid with optional title and caption.
+ * Responsive image grid with an optional title and caption.
+ * Column count is controlled separately for medium and large viewports.
+ *
+ * @example
+ * <ColumnLayout
+ *   title="Our Work"
+ *   mdcol={2}
+ *   lgcol={4}
+ *   items={[{ content: { src: '/img.jpg', alt: 'Example' }, title: 'Item' }]}
+ * />
  */
-export const ColumnLayout = ({ title, caption, mdcol = 2, lgcol = 4, items }) => {
+export const ColumnLayout = ({ title, caption, mdcol = 2, lgcol = 4, items, }) => {
     const sectionStyles = css({
         width: '100%',
         marginRight: 'auto',

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;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAqB,EAAE,EAAE;IAClG,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,YAAG,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,eAAe,CAAC,GAAO,EAC5F,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,KAPQ,KAAK,CAQT,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;AAE1C;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,KAAK,GAAG,CAAC,EACT,KAAK,GAAG,CAAC,EACT,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"}

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

@@ -1,32 +1,22 @@
 import { ImageProps } from '../../../types';
-/**
- * Props for the ColumnLayout component
- *
- * @property {string} [title] - Optional title displayed at the top of the layout
- * @property {string} [caption] - Optional caption displayed below the title
- * @property {number} mdcol - Number of columns to display at medium viewport sizes
- * @property {number} lgcol - Number of columns to display at large viewport sizes
- * @property {ColumnItem[]} items - Array of items to display in the grid
- */
 export type ColumnLayoutProps = {
+    /** Optional title displayed at the top of the layout */
     title?: string;
+    /** Optional caption rendered alongside the title */
     caption?: string;
+    /** Number of columns at medium viewport sizes @default `2` */
     mdcol: 1 | 2 | 3;
+    /** Number of columns at large viewport sizes @default `4` */
     lgcol: 2 | 3 | 4 | 5;
+    /** Items to display in the grid */
     items: ColumnItem[];
 };
-/**
- * Represents an item to be displayed in the column layout
- *
- * @property {string} [title] - Optional title for the item
- * @property {string} [description] - Optional description text for the item
- * @property {Object|ReactNode} content - Content to display for the item
- * @property {string} [content.src] - Source URL for image content (when content is an image)
- * @property {string} [content.alt] - Alt text for image content (when content is an image)
- */
 export type ColumnItem = {
+    /** Optional title rendered below the image */
     title?: string;
+    /** Optional description rendered below the title */
     description?: string;
+    /** Image to display in the column */
     content: ImageProps;
 };
 //# sourceMappingURL=column-layout.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"column-layout.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C;;;;;;;;GAQG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,KAAK,EAAE,UAAU,EAAE,CAAC;CACpB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,UAAU,CAAC;CACpB,CAAC"}
+{"version":3,"file":"column-layout.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG;IAC/B,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjB,6DAA6D;IAC7D,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,mCAAmC;IACnC,KAAK,EAAE,UAAU,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,OAAO,EAAE,UAAU,CAAC;CACpB,CAAC"}

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

@@ -3,7 +3,7 @@ import { cva } from '../../../../styled-system/css';
 const gridStyles = cva({
     base: {
         display: 'grid',
-        gap: { base: '3rem', lg: '1.5rem' },
+        gap: { base: '12', lg: '6' },
     },
     variants: {
         mdcol: {

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

@@ -1 +1 @@
-{"version":3,"file":"column-skeleton.js","sourceRoot":"","sources":["../../../../../src/components/layouts/column-layout/column-skeleton/column-skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,MAAM,UAAU,GAAG,GAAG,CAAC;IACtB,IAAI,EAAE;QACL,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;KACnC;IACD,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;SAC/D;QACD,KAAK,EAAE;YACN,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;SAC/D;KACD;IACD,eAAe,EAAE;QAChB,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;KACR;CACD,CAAC,CAAC;AAEH,yCAAyC;AACzC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAuB,EAAE,EAAE;IACjF,OAAO,cAAK,SAAS,EAAE,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAAG,QAAQ,GAAO,CAAC;AACvE,CAAC,CAAC"}
+{"version":3,"file":"column-skeleton.js","sourceRoot":"","sources":["../../../../../src/components/layouts/column-layout/column-skeleton/column-skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,MAAM,UAAU,GAAG,GAAG,CAAC;IACtB,IAAI,EAAE;QACL,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE;KAC5B;IACD,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;SAC/D;QACD,KAAK,EAAE;YACN,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;SAC/D;KACD;IACD,eAAe,EAAE;QAChB,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;KACR;CACD,CAAC,CAAC;AAEH,yCAAyC;AACzC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAuB,EAAE,EAAE;IACjF,OAAO,cAAK,SAAS,EAAE,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAAG,QAAQ,GAAO,CAAC;AACvE,CAAC,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAM7C,eAAO,MAAM,MAAM,GAAI,uFAAuF,WAAW,4CA+ExH,CAAC"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAY7C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,MAAM,GAAI,wFAQpB,WAAW,4CA+Eb,CAAC"}

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

@@ -1,10 +1,22 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Divider, Subtitle } from '../../../components';
-import { FacebookLogoIcon, GithubLogoIcon, InstagramLogoIcon, LinkedinLogoIcon, TwitterLogoIcon } from '@phosphor-icons/react';
+import { FacebookLogoIcon, GithubLogoIcon, InstagramLogoIcon, LinkedinLogoIcon, TwitterLogoIcon, } from '@phosphor-icons/react';
 import { css, cx } from '../../../styled-system/css';
 import { container } from '../../../styled-system/patterns';
-export const Footer = ({ logo, caption, facebookLink, instagramLink, twitterLink, githubLink, linkedInLink }) => {
+/**
+ * Site footer with optional logo, caption, and social media icon links.
+ * Only social icons with a provided URL are rendered.
+ *
+ * @example
+ * <Footer
+ *   logo={<Logo />}
+ *   caption="© 2025 Acme Co."
+ *   githubLink="https://github.com/acme"
+ *   linkedInLink="https://linkedin.com/company/acme"
+ * />
+ */
+export const Footer = ({ logo, caption, facebookLink, instagramLink, twitterLink, githubLink, linkedInLink, }) => {
     const weight = 'bold';
     const size = 24;
     const styles = {

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/footer/footer.types.d.ts

@@ -1,11 +1,18 @@
 import { ReactNode } from 'react';
 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;
+    /** URL for the Facebook social link */
     facebookLink?: string;
+    /** URL for the Instagram social link */
     instagramLink?: string;
+    /** URL for the Twitter social link */
     twitterLink?: string;
+    /** URL for the GitHub social link */
     githubLink?: string;
+    /** URL for the LinkedIn social link */
     linkedInLink?: string;
 };
 //# sourceMappingURL=footer.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"footer.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG;IACzB,iEAAiE;IACjE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -1,3 +1,12 @@
 import { MasonryLayoutProps } from './masonry-layout.types';
+/**
+ * Masonry-style grid layout that arranges items into columns (2 on mobile, 3 on medium, 4 on large).
+ *
+ * @example
+ * <MasonryLayout
+ *   title="Gallery"
+ *   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;
 //# sourceMappingURL=masonry-layout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"masonry-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAI5D,eAAO,MAAM,aAAa,GAAI,gCAAgC,kBAAkB,4CAkC/E,CAAC"}
+{"version":3,"file":"masonry-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAI5D;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,GAAI,gCAAgC,kBAAkB,4CAkC/E,CAAC"}

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

@@ -2,18 +2,27 @@ 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';
+/**
+ * Masonry-style grid layout that arranges items into columns (2 on mobile, 3 on medium, 4 on large).
+ *
+ * @example
+ * <MasonryLayout
+ *   title="Gallery"
+ *   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: '8px',
+            marginTop: '2',
             columnCount: { base: 2, md: 3, lg: 4 },
-            columnGap: '8px',
+            columnGap: '2',
         }),
         item: css({
             width: '100%',
             display: 'inline-block',
-            borderRadius: '4px',
+            borderRadius: 'sm',
             overflow: 'hidden',
         }),
     };

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,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,KAAK;YAChB,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;YACtC,SAAS,EAAE,KAAK;SAChB,CAAC;QACF,IAAI,EAAE,GAAG,CAAC;YACT,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,cAAc;YACvB,YAAY,EAAE,KAAK;YACnB,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,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"}

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

@@ -1,7 +1,10 @@
 import { ReactNode } from 'react';
 export type MasonryLayoutProps = {
+    /** 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[];
 };
 //# sourceMappingURL=masonry-layout.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"masonry-layout.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,kBAAkB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,SAAS,EAAE,CAAC;CACxB,CAAC"}
+{"version":3,"file":"masonry-layout.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,kBAAkB,GAAG;IAChC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0CAA0C;IAC1C,UAAU,EAAE,SAAS,EAAE,CAAC;CACxB,CAAC"}

package/dist/components/media/image-panel/image-panel.d.ts

@@ -1,3 +1,17 @@
 import { ImagePanelProps } from './image-panel.types';
+/**
+ * Two-column panel with an image and a text block. Supports responsive image swapping,
+ * flexible content positioning, and colored title variants.
+ *
+ * @example
+ * <ImagePanel
+ *   title="Our Story"
+ *   subtitle="How it started"
+ *   contents={['Founded in 2020...', 'We believe in...']}
+ *   image={{ src: '/hero.jpg', alt: 'Hero' }}
+ *   smImage={{ src: '/hero-sm.jpg', alt: 'Hero' }}
+ *   contentLeft
+ * />
+ */
 export declare const ImagePanel: ({ title, subtitle, contents, image, smImage, contentBelow, contentLeft, titleColor, }: ImagePanelProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=image-panel.d.ts.map

package/dist/components/media/image-panel/image-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/media/image-panel/image-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAuCtD,eAAO,MAAM,UAAU,GAAI,uFASxB,eAAe,4CAmEjB,CAAC"}
+{"version":3,"file":"image-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/media/image-panel/image-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AA2CtD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,GAAI,uFASxB,eAAe,4CAmEjB,CAAC"}

package/dist/components/media/image-panel/image-panel.js

@@ -6,7 +6,7 @@ const renderPanelImage = (image, smImage) => {
     const classes = {
         image: css({
             marginX: { base: '0', md: 'auto' },
-            borderRadius: '0.25rem',
+            borderRadius: 'sm',
         }),
         smImage: css({
             position: 'relative',
@@ -29,6 +29,20 @@ const renderPanelImage = (image, smImage) => {
         return renderImage(image, undefined, cx(classes.image, classes.standardImg));
     }
 };
+/**
+ * Two-column panel with an image and a text block. Supports responsive image swapping,
+ * flexible content positioning, and colored title variants.
+ *
+ * @example
+ * <ImagePanel
+ *   title="Our Story"
+ *   subtitle="How it started"
+ *   contents={['Founded in 2020...', 'We believe in...']}
+ *   image={{ src: '/hero.jpg', alt: 'Hero' }}
+ *   smImage={{ src: '/hero-sm.jpg', alt: 'Hero' }}
+ *   contentLeft
+ * />
+ */
 export const ImagePanel = ({ title, subtitle, contents, image, smImage, contentBelow = false, contentLeft = false, titleColor = 'standard', }) => {
     const panelStyles = cva({
         base: {

package/dist/components/media/image-panel/image-panel.js.map

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

package/dist/components/media/image-panel/image-panel.types.d.ts

@@ -1,12 +1,20 @@
 import { ImageProps, ColoredTextOptions } from '../../../types';
 export type ImagePanelProps = {
+    /** Main heading */
     title: string;
+    /** Optional subtitle rendered below the title */
     subtitle?: string;
+    /** Body text paragraphs rendered below the subtitle */
     contents?: string[];
+    /** Primary image, shown on all screen sizes unless `smImage` is provided */
     image: ImageProps;
+    /** Alternate image shown on small screens. If provided, `image` is hidden below `md` */
     smImage?: ImageProps;
+    /** Places the text block below the image instead of above on mobile @default `false` */
     contentBelow?: boolean;
+    /** Places the text block to the right of the image on large screens @default `false` */
     contentLeft?: boolean;
+    /** Color variant for the title @default `'standard'` */
     titleColor?: ColoredTextOptions;
 };
 //# sourceMappingURL=image-panel.types.d.ts.map

package/dist/components/media/image-panel/image-panel.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-panel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/media/image-panel/image-panel.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,kBAAkB,CAAC;CAChC,CAAC"}
+{"version":3,"file":"image-panel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/media/image-panel/image-panel.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC7B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,4EAA4E;IAC5E,KAAK,EAAE,UAAU,CAAC;IAClB,wFAAwF;IACxF,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,wFAAwF;IACxF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wFAAwF;IACxF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wDAAwD;IACxD,UAAU,CAAC,EAAE,kBAAkB,CAAC;CAChC,CAAC"}

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

@@ -1,3 +1,14 @@
 import { InfoCardProps } from './info-card.types';
+/**
+ * Linked card displaying a cover image, title, and icon. Supports named icons, emojis, and SVGs.
+ *
+ * @example
+ * <InfoCard
+ *   title="Getting Started"
+ *   url="/docs/getting-started"
+ *   icon="BookOpen"
+ *   img="/images/cover.jpg"
+ * />
+ */
 export declare const InfoCard: ({ title, url, icon, img }: InfoCardProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=info-card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"info-card.d.ts","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,eAAO,MAAM,QAAQ,GAAI,2BAA2B,aAAa,4CAiFhE,CAAC"}
+{"version":3,"file":"info-card.d.ts","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,GAAI,2BAA2B,aAAa,4CAyFhE,CAAC"}

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

@@ -1,6 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from '../../../components/ui';
 import { css } from '../../../styled-system/css';
+/**
+ * Linked card displaying a cover image, title, and icon. Supports named icons, emojis, and SVGs.
+ *
+ * @example
+ * <InfoCard
+ *   title="Getting Started"
+ *   url="/docs/getting-started"
+ *   icon="BookOpen"
+ *   img="/images/cover.jpg"
+ * />
+ */
 export const InfoCard = ({ title, url, icon, img }) => {
     const styles = {
         card: css({
@@ -38,7 +49,7 @@ export const InfoCard = ({ title, url, icon, img }) => {
         }),
         caption: css({
             display: 'flex',
-            gap: '8px',
+            gap: '2',
             justifyContent: 'flex-start',
             alignItems: 'center',
         }),
@@ -59,7 +70,7 @@ export const InfoCard = ({ title, url, icon, img }) => {
             return _jsx(Icon, { name: icon, size: 24 });
         }
         else if (icon.type === 'svg') {
-            return _jsx("img", { className: styles.captionIcon, height: 23, width: 23, src: icon.content, alt: "Article Icon" });
+            return (_jsx("img", { className: styles.captionIcon, height: 23, width: 23, src: icon.content, alt: "Article Icon" }));
         }
         else {
             _jsx("span", { className: styles.captionIcon, role: "img", children: JSON.parse(`"${icon.content}"`) });

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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"}

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

@@ -1,11 +1,21 @@
 import { IconNames } from '../../../components/ui';
 export type InfoCardProps = {
+    /** Card title displayed in the caption bar */
     title: string;
+    /** URL the card links to */
     url: string;
+    /**
+     * Icon displayed alongside the title. Accepts a named icon, an emoji, or an SVG.
+     * @example
+     * icon="Star"
+     * icon={{ type: 'emoji', content: '1F4C4' }}
+     * icon={{ type: 'svg', content: '/icons/article.svg' }}
+     */
     icon: IconNames | {
         type: 'emoji' | 'svg';
         content: string;
     };
+    /** Cover image URL displayed in the card */
     img: string;
 };
 //# sourceMappingURL=info-card.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"info-card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,SAAS,GAAG;QAAE,IAAI,EAAE,OAAO,GAAG,KAAK,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC"}
+{"version":3,"file":"info-card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG;IAC3B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ;;;;;;OAMG;IACH,IAAI,EAAE,SAAS,GAAG;QAAE,IAAI,EAAE,OAAO,GAAG,KAAK,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,4CAA4C;IAC5C,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC"}

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

@@ -1,3 +1,16 @@
 import { MediaCardProps } from './media-card.types';
+/**
+ * Media card with an image, title, description, detail pairs, and icon links.
+ * Supports flexible image positioning and placing details in either the image or text column.
+ *
+ * @example
+ * <MediaCard
+ *   title="Jane Doe"
+ *   description={['Software engineer based in NYC.', 'Passionate about open source.']}
+ *   image={{ src: '/jane.jpg', alt: 'Jane Doe' }}
+ *   links={[{ iconName: 'GithubLogo', url: 'https://github.com/jane' }]}
+ *   details={[{ title: 'Role', details: 'Engineer' }]}
+ * />
+ */
 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

@@ -1 +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"}
+{"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;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS,GAAI,sFASvB,cAAc,4CA+KhB,CAAC"}