thread-ui 0.1.2 → 0.1.5

package/dist/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './layouts';
+export * from './media';
+export * from './navigation';
+export * from './typography';
+export * from './ui';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/index.js

@@ -0,0 +1,6 @@
+export * from './layouts';
+export * from './media';
+export * from './navigation';
+export * from './typography';
+export * from './ui';
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +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"}

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

@@ -0,0 +1,14 @@
+import { ColumnLayoutProps } from './column-layout.types';
+/**
+ * A layout component that displays content in a responsive column grid with optional title and caption.
+ *
+ * @component
+ * @param {string} title - Optional title displayed at the top of the layout
+ * @param {string} caption - Optional caption displayed below the title
+ * @param {number} mdcol - Number of columns to display at medium viewport sizes
+ * @param {number} lgcol - Number of columns to display at large viewport sizes
+ * @param {ColumnItem[]} items - Array of items to display in the grid
+ * @returns {JSX.Element} The column layout component
+ */
+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

@@ -0,0 +1 @@
+{"version":3,"file":"column-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,4CAA6C,iBAAiB,4CA0DtF,CAAC"}

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

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { renderImage } from '../../../internal-components';
+import { ColumnSkeleton } from './column-skeleton';
+import { H2, H3, Text } from '../../../components';
+import { useThreadStyleObjects } from '../../../functions';
+/**
+ * A layout component that displays content in a responsive column grid with optional title and caption.
+ *
+ * @component
+ * @param {string} title - Optional title displayed at the top of the layout
+ * @param {string} caption - Optional caption displayed below the title
+ * @param {number} mdcol - Number of columns to display at medium viewport sizes
+ * @param {number} lgcol - Number of columns to display at large viewport sizes
+ * @param {ColumnItem[]} items - Array of items to display in the grid
+ * @returns {JSX.Element} The column layout component
+ */
+export const ColumnLayout = ({ title, caption, mdcol, lgcol, items }) => {
+    const styles = useThreadStyleObjects({
+        section: {
+            width: '100%',
+            marginRight: 'auto',
+            marginLeft: 'auto',
+            maxWidth: { sm: 'none', md: mdcol < 2 ? '800px' : 'none', lg: 'none' },
+            paddingRight: '2rem',
+            paddingLeft: '2rem',
+            paddingTop: { sm: '2.5rem', md: '2rem', lg: '1.5rem' },
+            paddingBottom: { sm: '2.5rem', md: '2rem', lg: '1.5rem' },
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            flex: { sm: '1 1 0%', lg: 'none' },
+        },
+        gridItem: {
+            borderRadius: '0.25rem',
+            marginBottom: '1.5rem',
+            width: '100%',
+            height: 'auto',
+            overflow: 'hidden',
+        },
+        gridPhoto: {
+            width: '100%',
+            height: 'auto',
+            borderRadius: '0.25rem',
+        },
+    });
+    return (_jsxs("section", { className: styles.section, children: [(title || caption) && (_jsx("div", { children: title && (_jsx(_Fragment, { children: _jsxs(H2, { children: [title, caption && _jsx(Text, { children: caption })] }) })) })), _jsx(ColumnSkeleton, { mdcol: mdcol || 2, lgcol: lgcol || 4, children: items.map((item, index) => (_jsxs("div", { children: [_jsx("div", { className: styles.gridItem, children: renderImage(item.content, undefined, styles.gridPhoto) }), (item.title || item.description) && (_jsxs(_Fragment, { children: [item.title && _jsx(H3, { children: item.title }), item.description && _jsx(Text, { children: item.description })] }))] }, index))) })] }));
+};
+//# sourceMappingURL=column-layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,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,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEpD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAqB,EAAE,EAAE;IAC1F,MAAM,MAAM,GAAG,qBAAqB,CAAC;QACpC,OAAO,EAAE;YACR,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,MAAM;YACnB,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;YACtE,YAAY,EAAE,MAAM;YACpB,WAAW,EAAE,MAAM;YACnB,UAAU,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;YACtD,aAAa,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;YACzD,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,IAAI,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;SAClC;QACD,QAAQ,EAAE;YACT,YAAY,EAAE,SAAS;YACvB,YAAY,EAAE,QAAQ;YACtB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,QAAQ;SAClB;QACD,SAAS,EAAE;YACV,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,SAAS;SACvB;KACD,CAAC,CAAC;IACH,OAAO,CACN,mBAAS,SAAS,EAAE,MAAM,CAAC,OAAO,aAChC,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,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC,YAClD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,0BACC,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,GAAO,EAC9F,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"}

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

@@ -0,0 +1,32 @@
+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 = {
+    title?: string;
+    caption?: string;
+    mdcol: number;
+    lgcol: number;
+    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 = {
+    title?: string;
+    description?: string;
+    content: ImageProps;
+};
+//# sourceMappingURL=column-layout.types.d.ts.map

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

@@ -0,0 +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,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,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"}

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

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

package/dist/{internal-components → components/layouts/column-layout}/column-skeleton/column-skeleton.d.ts

@@ -1,3 +1,4 @@
 import { ColumnSkeletonProps } from './column-skeleton.types';
+/** Internal Column Skeleton Component */
 export declare const ColumnSkeleton: ({ mdcol, lgcol, children }: ColumnSkeletonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=column-skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"column-skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/column-layout/column-skeleton/column-skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAG9D,yCAAyC;AACzC,eAAO,MAAM,cAAc,+BAAgC,mBAAmB,4CAW7E,CAAC"}

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

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useThreadStyles } from '../../../../functions';
+/** Internal Column Skeleton Component */
+export const ColumnSkeleton = ({ mdcol, lgcol, children }) => {
+    const getColumnCSS = (colNum) => {
+        return `repeat(${colNum}, minmax(0, 1fr))`;
+    };
+    const styles = useThreadStyles({
+        display: 'grid',
+        gridTemplateColumns: { sm: getColumnCSS(1), md: getColumnCSS(mdcol), lg: getColumnCSS(lgcol) },
+        gap: { sm: '3rem', lg: '1.5rem' },
+    });
+    return _jsx("div", { className: styles, children: children });
+};
+//# sourceMappingURL=column-skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"column-skeleton.js","sourceRoot":"","sources":["../../../../../src/components/layouts/column-layout/column-skeleton/column-skeleton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,yCAAyC;AACzC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAuB,EAAE,EAAE;IACjF,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,EAAE;QACvC,OAAO,UAAU,MAAM,mBAAmB,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,eAAe,CAAC;QAC9B,OAAO,EAAE,MAAM;QACf,mBAAmB,EAAE,EAAE,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE;QAC9F,GAAG,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;KACjC,CAAC,CAAC;IACH,OAAO,cAAK,SAAS,EAAE,MAAM,YAAG,QAAQ,GAAO,CAAC;AACjD,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"column-skeleton.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/column-layout/column-skeleton/column-skeleton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC"}

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

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

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

@@ -0,0 +1,3 @@
+export type { ColumnSkeletonProps } from './column-skeleton.types';
+export { ColumnSkeleton } from './column-skeleton';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/column-layout/column-skeleton/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

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

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

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

@@ -0,0 +1,3 @@
+export type { ColumnLayoutProps, ColumnItem } from './column-layout.types';
+export { ColumnLayout } from './column-layout';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

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

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

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

@@ -0,0 +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,0FAA2F,WAAW,4CAsExH,CAAC"}

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

@@ -0,0 +1,43 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CONTAINER_STYLES } from '../../../defaults';
+import { Divider, Subtitle } from '../../../components';
+import { useThreadStyleObjects, ThreadTheme } from '../../../functions';
+import { FacebookLogo, GithubLogo, InstagramLogo, LinkedinLogo, TwitterLogo } from '@phosphor-icons/react';
+export const Footer = ({ logo, caption, facebookLink, instagramLink, twitterLink, githubLink, linkedInLink }) => {
+    const styles = useThreadStyleObjects({
+        footer: {
+            ...CONTAINER_STYLES,
+            marginLeft: 'auto',
+            marginRight: 'auto',
+        },
+        footerContents: {
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            alignItems: 'center',
+        },
+        logoBlock: {
+            display: 'flex',
+            flexDirection: 'row',
+            gap: '4px',
+            width: '100%',
+            justifyContent: 'center',
+            alignItems: 'center',
+        },
+        circleStyle: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            backgroundColor: 'black',
+            borderRadius: '50%',
+            width: '48px',
+            height: '48px',
+        },
+        links: {
+            color: ThreadTheme.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(FacebookLogo, { size: 32, weight: "fill" }) })), instagramLink && (_jsx("a", { className: styles.links, href: instagramLink, children: _jsx(InstagramLogo, { size: 32, weight: "fill" }) })), twitterLink && (_jsx("a", { className: styles.links, href: twitterLink, children: _jsx(TwitterLogo, { size: 32, weight: "fill" }) })), githubLink && (_jsx("a", { className: styles.links, href: githubLink, children: _jsx(GithubLogo, { size: 32, weight: "fill" }) })), linkedInLink && (_jsx("a", { className: styles.links, href: linkedInLink, children: _jsx(LinkedinLogo, { size: 32, weight: "fill" }) }))] })] })] }));
+};
+//# sourceMappingURL=footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAE3G,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAe,EAAE,EAAE;IAC5H,MAAM,MAAM,GAAG,qBAAqB,CAAC;QACpC,MAAM,EAAE;YACP,GAAG,gBAAgB;YACnB,UAAU,EAAE,MAAM;YAClB,WAAW,EAAE,MAAM;SACnB;QACD,cAAc,EAAE;YACf,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACpB;QACD,SAAS,EAAE;YACV,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,GAAG,EAAE,KAAK;YACV,KAAK,EAAE,MAAM;YACb,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACpB;QACD,WAAW,EAAE;YACZ,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,OAAO;YACxB,YAAY,EAAE,KAAK;YACnB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACd;QACD,KAAK,EAAE;YACN,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,QAAQ;SAChC;KACD,CAAC,CAAC;IACH,OAAO,CACN,kBAAQ,SAAS,EAAE,MAAM,CAAC,MAAM,aAC/B,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,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG,GACrC,CACJ,EACA,aAAa,IAAI,CACjB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,YAC9C,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG,GACtC,CACJ,EACA,WAAW,IAAI,CACf,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,YAC5C,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG,GACpC,CACJ,EACA,UAAU,IAAI,CACd,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,YAC3C,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG,GACnC,CACJ,EACA,YAAY,IAAI,CAChB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,YAC7C,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG,GACrC,CACJ,IACI,IACD,IACE,CACT,CAAC;AACH,CAAC,CAAC"}

package/dist/components/{footer → layouts/footer}/footer.types.d.ts

@@ -1,9 +1,6 @@
 import { ReactNode } from 'react';
 export type FooterProps = {
-    logo?: {
-        icon: ReactNode;
-        link: string | ReactNode;
-    };
+    logo?: ReactNode;
     caption?: string | ReactNode;
     facebookLink?: string;
     instagramLink?: string;

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

@@ -0,0 +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"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/footer/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+export * from './column-layout';
+export * from './footer';
+export * from './masonry-layout';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/layouts/index.js

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,3 @@
+export type { MasonryLayoutProps } from './masonry-layout.types';
+export { MasonryLayout } from './masonry-layout';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CONTAINER_STYLES } from '../../../defaults';
+import { useThreadStyleObjects } from '../../../functions';
+import { H3, Subtitle } from '../../../components';
+export const MasonryLayout = ({ title, caption, components }) => {
+    const styles = useThreadStyleObjects({
+        container: CONTAINER_STYLES,
+        list: {
+            marginTop: '8px',
+            columnCount: { sm: 2, md: 3, lg: 4 },
+            columnGap: '8px',
+        },
+        item: {
+            width: '100%',
+            display: 'inline-block',
+            borderRadius: '4px',
+            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))) }) })] }));
+};
+//# sourceMappingURL=masonry-layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAG5C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAsB,EAAE,EAAE;IACnF,MAAM,MAAM,GAAG,qBAAqB,CAAC;QACpC,SAAS,EAAE,gBAAgB;QAC3B,IAAI,EAAE;YACL,SAAS,EAAE,KAAK;YAChB,WAAW,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;YACpC,SAAS,EAAE,KAAK;SAChB;QACD,IAAI,EAAE;YACL,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,cAAc;YACvB,YAAY,EAAE,KAAK;YACnB,QAAQ,EAAE,QAAQ;SAClB;KACD,CAAC,CAAC;IACH,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.map

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1,3 @@
+import { ImagePanelProps } from './image-panel.types';
+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

@@ -0,0 +1 @@
+{"version":3,"file":"image-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/media/image-panel/image-panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAsCtD,eAAO,MAAM,UAAU,0FASpB,eAAe,4CAkDjB,CAAC"}

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

@@ -0,0 +1,68 @@
+'use client';
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { renderImage } from '../../../internal-components';
+import { Subtitle, Text, Title } from '../../../components';
+import { useThreadStyleObjects } from '../../../functions';
+const renderPanelImage = (image, smImage) => {
+    const classes = useThreadStyleObjects({
+        smImage: {
+            position: 'relative',
+            display: { sm: 'block', lg: 'none' },
+            borderRadius: '0.25rem',
+        },
+        standardImg: {
+            width: '100%',
+            height: '100%',
+            borderRadius: '0.25rem',
+        },
+        image: {
+            display: { sm: 'none', lg: 'block' },
+            marginLeft: { sm: '0', md: 'auto' },
+            marginRight: { sm: '0', md: 'auto' },
+        },
+    });
+    if (smImage) {
+        return (_jsxs(_Fragment, { children: [renderImage(smImage, undefined, `${classes.smImage} ${classes.standardImg}`), renderImage(image, undefined, `${classes.image} ${classes.standardImg}`)] }));
+    }
+    else {
+        return renderImage(image);
+    }
+};
+export const ImagePanel = ({ title, subtitle, contents, image, smImage, contentBelow = false, contentLeft = false, titleColor = 'standard', }) => {
+    const styles = useThreadStyleObjects({
+        container: {
+            display: 'flex',
+            flexDirection: {
+                sm: contentBelow ? 'column' : 'column-reverse',
+                lg: contentLeft ? 'row-reverse' : 'row',
+            },
+            gap: { sm: '12px', lg: '20px' },
+            justifyContent: 'center',
+            alignItems: 'stretch',
+            width: '100%',
+            marginRight: 'auto',
+            maxWidth: { sm: 'none', md: '800px', lg: '1400px' },
+            marginLeft: 'auto',
+            paddingRight: '2rem',
+            paddingLeft: '2rem',
+        },
+        imageBlock: {
+            width: { sm: '', lg: '66.666667%' },
+        },
+        images: {
+            position: 'relative',
+            width: '100%',
+            height: '100%',
+        },
+        textBlock: {
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            marginLeft: 'auto',
+            marginRight: 'auto',
+            width: { sm: '100%', lg: '41.666667%' },
+        },
+    });
+    return (_jsxs("div", { className: styles.container, children: [_jsx("div", { className: styles.imageBlock, children: renderPanelImage(image, smImage) }), _jsx("div", { className: styles.textBlock, children: _jsxs("div", { children: [_jsxs(Title, { color: titleColor, children: [title, subtitle && _jsx(Subtitle, { children: subtitle })] }), contents?.map((txt, _) => _jsx(Text, { children: txt }, _))] }) })] }));
+};
+//# sourceMappingURL=image-panel.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,12 @@
+import { ImageProps, ColoredTextOptions } from '../../../types';
+export type ImagePanelProps = {
+    title: string;
+    subtitle?: string;
+    contents?: string[];
+    image: ImageProps;
+    smImage?: ImageProps;
+    contentBelow?: boolean;
+    contentLeft?: boolean;
+    titleColor?: ColoredTextOptions;
+};
+//# sourceMappingURL=image-panel.types.d.ts.map

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

@@ -0,0 +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"}

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

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

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

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

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

@@ -0,0 +1,3 @@
+export type { ImagePanelProps } from './image-panel.types';
+export { ImagePanel } from './image-panel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media/image-panel/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

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

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

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

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

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

@@ -0,0 +1,3 @@
+export * from './image-panel';
+export * from './info-card';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/media/index.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/media/info-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"info-card.d.ts","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,eAAO,MAAM,QAAQ,8BAA+B,aAAa,4CAyEhE,CAAC"}

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

@@ -0,0 +1,58 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ThreadTheme, useThreadStyleObjects } from '../../../functions';
+export const InfoCard = ({ title, url, icon, img }) => {
+    const styles = useThreadStyleObjects({
+        container: {
+            margin: 'auto',
+            borderRadius: ThreadTheme.borderRadius.lg,
+            border: `${ThreadTheme.borderSize.md} ${ThreadTheme.structure} solid`,
+            marginTop: '0.75rem',
+            marginBottom: '0.75rem',
+            maxHeight: '15rem',
+            overflow: 'hidden',
+            width: '391px',
+            height: '241px',
+            backgroundColor: ThreadTheme.background,
+            hover: {
+                backgroundColor: ThreadTheme.surface,
+            },
+        },
+        link: {
+            cursor: 'pointer',
+        },
+        imageWrapper: {
+            overflow: 'hidden',
+            width: '100%',
+            height: '83.333333%',
+        },
+        image: {
+            height: 'auto',
+            minHeight: '100%',
+            width: 'auto',
+            minWidth: '100%',
+        },
+        captionBlock: {
+            padding: '0.5rem',
+            height: '16.666667%',
+        },
+        caption: {
+            display: 'flex',
+            justifyContent: 'flex-start',
+            alignItems: 'center',
+        },
+        captionIcon: {
+            paddingRight: '0.25rem',
+        },
+        captionText: {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+            fontSize: '0.875rem',
+            lineHeight: '1.25rem',
+            color: ThreadTheme.text.standard,
+        },
+    });
+    return (_jsx("div", { className: styles.container, children: _jsxs("a", { href: url, className: styles.link, children: [_jsx("div", { className: styles.imageWrapper, children: _jsx("img", { className: styles.image, src: img, alt: "Article Cover Image" }) }), _jsx("div", { className: styles.captionBlock, children: _jsxs("span", { className: styles.caption, children: [icon.type === 'emoji' ? (_jsx("span", { className: styles.captionIcon, role: "img", children: JSON.parse(`"${icon.content}"`) })) : (_jsx("img", { className: styles.captionIcon, height: 23, width: 23, src: icon.content, alt: "Article Icon" })), _jsx("p", { className: styles.captionText, children: title })] }) })] }) }));
+};
+//# sourceMappingURL=info-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"info-card.js","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAGjE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAiB,EAAE,EAAE;IACpE,MAAM,MAAM,GAAG,qBAAqB,CAAC;QACpC,SAAS,EAAE;YACV,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,WAAW,CAAC,YAAY,CAAC,EAAE;YACzC,MAAM,EAAE,GAAG,WAAW,CAAC,UAAU,CAAC,EAAE,IAAI,WAAW,CAAC,SAAS,QAAQ;YACrE,SAAS,EAAE,SAAS;YACpB,YAAY,EAAE,SAAS;YACvB,SAAS,EAAE,OAAO;YAClB,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,OAAO;YACf,eAAe,EAAE,WAAW,CAAC,UAAU;YACvC,KAAK,EAAE;gBACN,eAAe,EAAE,WAAW,CAAC,OAAO;aACpC;SACD;QACD,IAAI,EAAE;YACL,MAAM,EAAE,SAAS;SACjB;QACD,YAAY,EAAE;YACb,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,YAAY;SACpB;QACD,KAAK,EAAE;YACN,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,MAAM;YACjB,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,MAAM;SAChB;QACD,YAAY,EAAE;YACb,OAAO,EAAE,QAAQ;YACjB,MAAM,EAAE,YAAY;SACpB;QACD,OAAO,EAAE;YACR,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,YAAY;YAC5B,UAAU,EAAE,QAAQ;SACpB;QACD,WAAW,EAAE;YACZ,YAAY,EAAE,SAAS;SACvB;QACD,WAAW,EAAE;YACZ,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,UAAU;YACxB,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,UAAU;YACpB,UAAU,EAAE,SAAS;YACrB,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,QAAQ;SAChC;KACD,CAAC,CAAC;IACH,OAAO,CACN,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAC/B,aAAG,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,aACnC,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,YAClC,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,qBAAqB,GAAG,GAC/D,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,YAAY,YAClC,gBAAM,SAAS,EAAE,MAAM,CAAC,OAAO,aAC7B,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACxB,eAAM,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,IAAI,EAAC,KAAK,YAC7C,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,GAC1B,CACP,CAAC,CAAC,CAAC,CACH,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAC,cAAc,GAAG,CACnG,EACD,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,KAAK,GAAK,IACvC,GACF,IACH,GACC,CACN,CAAC;AACH,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"info-card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/media/info-card/info-card.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE;QACL,IAAI,EAAE,OAAO,GAAG,KAAK,CAAC;QACtB,OAAO,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,GAAG,EAAE,MAAM,CAAC;CACZ,CAAC"}