@chtc/web-components 0.0.0-11 → 0.0.0-13

package/README.md

@@ -1,6 +1,14 @@
 # web-components
 PATh Web Components
 
+View all components here: https://path-cc.io/web-components
+
+## Install
+
+```shell
+npm install @chtc/web-components
+```
+
 Key Packages
 - nextjs
 - material-ui
@@ -11,4 +19,4 @@ Key Packages
 
 ```npm
 npm run storybook
-```
+```

package/dist/Article/Article.d.ts

@@ -0,0 +1,6 @@
+import { BackendArticle } from '../types';
+declare const Article: ({ article }: {
+    article: BackendArticle;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Article;
+//# sourceMappingURL=Article.d.ts.map

package/dist/Article/Article.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Article.d.ts","sourceRoot":"","sources":["../../src/Article/Article.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,cAAc,EAAC,MAAM,UAAU,CAAA;AAEvC,QAAA,MAAM,OAAO,gBAAe;IAAC,OAAO,EAAE,cAAc,CAAA;CAAC,4CAiCpD,CAAA;AAED,eAAe,OAAO,CAAC"}

package/dist/Article/Article.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography, Box, Container } from '@mui/material';
+import Balancer from "react-wrap-balancer";
+import Markdown from "react-markdown";
+import rehypeRaw from "rehype-raw";
+const Article = ({ article }) => {
+    return (_jsx(Container, { maxWidth: "md", children: _jsxs(Box, { pt: 6, children: [_jsxs(Box, { textAlign: "center", pb: 2, children: [_jsx(Box, { pb: 6, children: _jsx(Typography, { variant: "h3", children: _jsx(Balancer, { children: article.title }) }) }), _jsx(Box, { height: "1rem", borderRadius: "10px", bgcolor: "primary.main" }), _jsxs(Box, { pt: 1, display: "flex", justifyContent: "space-between", children: [_jsx(Typography, { variant: "h5", children: article.author }), _jsx(Typography, { variant: "h5", children: article.date.toLocaleDateString() })] })] }), _jsx(Markdown, { rehypePlugins: [rehypeRaw], components: {
+                        h1: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
+                        h2: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
+                        h3: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
+                        h4: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
+                        h5: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
+                        h6: ({ children }) => _jsx(Typography, { variant: "h1", children: children }),
+                        p: ({ children }) => _jsx(Typography, { variant: "body1", children: children }),
+                        a: ({ children, href }) => _jsx("a", { style: { color: "#0885ff" }, href: href, children: children }),
+                        img: ({ src, alt }) => _jsx("img", { style: { maxWidth: "100%", height: "auto" }, src: src, alt: alt }),
+                    }, children: article.content })] }) }));
+};
+export default Article;
+//# sourceMappingURL=Article.js.map

package/dist/Article/Article.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Article.js","sourceRoot":"","sources":["../../src/Article/Article.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AACzD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,MAAM,OAAO,GAAG,CAAC,EAAC,OAAO,EAA4B,EAAE,EAAE;IACxD,OAAO,CACL,KAAC,SAAS,IAAC,QAAQ,EAAE,IAAI,YACxB,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,aACT,MAAC,GAAG,IAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,aAC9B,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACT,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,KAAC,QAAQ,cAAE,OAAO,CAAC,KAAK,GAAY,GAAa,GACxE,EACN,KAAC,GAAG,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAQ,EAC1E,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,aAC3D,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,OAAO,CAAC,MAAM,GAAc,EACxD,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,GAAc,IACtE,IACD,EACN,KAAC,QAAQ,IACP,aAAa,EAAE,CAAC,SAAS,CAAC,EAC1B,UAAU,EAAE;wBACX,EAAE,EAAE,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,QAAQ,GAAc;wBACtE,EAAE,EAAE,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,QAAQ,GAAc;wBACtE,EAAE,EAAE,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,QAAQ,GAAc;wBACtE,EAAE,EAAE,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,QAAQ,GAAc;wBACtE,EAAE,EAAE,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,QAAQ,GAAc;wBACtE,EAAE,EAAE,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAG,QAAQ,GAAc;wBACtE,CAAC,EAAE,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,QAAQ,GAAc;wBACxE,CAAC,EAAE,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAC,EAAE,EAAE,CAAC,YAAG,KAAK,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,EAAE,IAAI,EAAE,IAAI,YAAG,QAAQ,GAAK;wBACjF,GAAG,EAAE,CAAC,EAAC,GAAG,EAAE,GAAG,EAAC,EAAE,EAAE,CAAC,cAAK,KAAK,EAAE,EAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI;qBAC3F,YAED,OAAO,CAAC,OAAO,GACN,IACN,GACK,CACb,CAAA;AACF,CAAC,CAAA;AAED,eAAe,OAAO,CAAC"}

package/dist/Article/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Article';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Article/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/Article/index.js

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

package/dist/Article/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Article/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/ArticleCard/ArticleCard.d.ts

@@ -0,0 +1,4 @@
+import { ArticleCardProps } from "../types";
+declare const ArticleCard: ({ href, article: { image, title, excerpt } }: ArticleCardProps) => import("react/jsx-runtime").JSX.Element;
+export default ArticleCard;
+//# sourceMappingURL=ArticleCard.d.ts.map

package/dist/ArticleCard/ArticleCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleCard.d.ts","sourceRoot":"","sources":["../../src/ArticleCard/ArticleCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAI1C,QAAA,MAAM,WAAW,iDAA+C,gBAAgB,4CA2B/E,CAAA;AAED,eAAe,WAAW,CAAC"}

package/dist/ArticleCard/ArticleCard.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography, Box } from '@mui/material';
+import Balancer from "react-wrap-balancer";
+import Link from "next/link";
+import TopStyledBlock from "../TopStyledBlock/TopStyledBlock";
+const ArticleCard = ({ href, article: { image, title, excerpt } }) => {
+    const style = {
+        transition: "box-shadow .2s",
+        boxShadow: "grey 1px 1px 3px",
+        "&:hover": { boxShadow: "grey 1px 1px 5px" },
+    };
+    return (_jsx(Box, { borderRadius: 2, overflow: "hidden", sx: style, children: _jsxs(Link, { href: href, children: [_jsx(Box, { children: _jsx("img", { style: { objectFit: "cover", width: "100%", aspectRatio: 2 }, src: image.path, alt: image.alt }) }), _jsx(Box, { children: _jsxs(Box, { pl: 2, p: 2, children: [_jsx(Box, { py: 1, pt: 1, children: _jsx(TopStyledBlock, { height: ".25rem", width: "5rem", offset: "-.75rem", children: _jsx(Typography, { variant: "h6", sx: { fontWeight: "bold" }, children: _jsx(Balancer, { children: title }) }) }) }), _jsx(Typography, { variant: "body1", children: excerpt })] }) })] }) }));
+};
+export default ArticleCard;
+//# sourceMappingURL=ArticleCard.js.map

package/dist/ArticleCard/ArticleCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleCard.js","sourceRoot":"","sources":["../../src/ArticleCard/ArticleCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,UAAU,EAAE,GAAG,EAAC,MAAM,eAAe,CAAC;AAC9C,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAE3C,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAE9D,MAAM,WAAW,GAAG,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,EAAoB,EAAE,EAAE;IAEnF,MAAM,KAAK,GAAG;QACb,UAAU,EAAE,gBAAgB;QAC5B,SAAS,EAAE,kBAAkB;QAC7B,SAAS,EAAE,EAAC,SAAS,EAAE,kBAAkB,EAAC;KAC1C,CAAA;IAED,OAAO,CACL,KAAC,GAAG,IAAC,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,YAClD,MAAC,IAAI,IAAC,IAAI,EAAE,IAAI,aACf,KAAC,GAAG,cACH,cAAK,KAAK,EAAE,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAC,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,GAC/F,EACN,KAAC,GAAG,cACH,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,aACf,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YAChB,KAAC,cAAc,IAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,YACjE,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,EAAC,UAAU,EAAE,MAAM,EAAC,YAAE,KAAC,QAAQ,cAAE,KAAK,GAAY,GAAa,GAC9E,GACZ,EACN,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,OAAO,GAAc,IAC/C,GACD,IACA,GACF,CACP,CAAA;AACF,CAAC,CAAA;AAED,eAAe,WAAW,CAAC"}

package/dist/ArticleCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ArticleCard';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ArticleCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/ArticleCard/index.js

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

package/dist/ArticleCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ArticleCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/HorizontalArticleCard/HorizontalArticleCard.d.ts

@@ -0,0 +1,4 @@
+import { ArticleCardProps } from "../types";
+declare const HorizontalArticleCard: ({ href, article: { image, title, excerpt } }: ArticleCardProps) => import("react/jsx-runtime").JSX.Element;
+export default HorizontalArticleCard;
+//# sourceMappingURL=HorizontalArticleCard.d.ts.map

package/dist/HorizontalArticleCard/HorizontalArticleCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalArticleCard.d.ts","sourceRoot":"","sources":["../../src/HorizontalArticleCard/HorizontalArticleCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAE1C,QAAA,MAAM,qBAAqB,iDAA8C,gBAAgB,4CA8BxF,CAAA;AAED,eAAe,qBAAqB,CAAC"}

package/dist/HorizontalArticleCard/HorizontalArticleCard.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Grid, Typography, Box } from '@mui/material';
+import Balancer from "react-wrap-balancer";
+import TopStyledBlock from "../TopStyledBlock";
+import Link from "next/link";
+import { ArrowRight } from "@mui/icons-material";
+const HorizontalArticleCard = ({ href, article: { image, title, excerpt } }) => {
+    return (_jsx(Box, { sx: { display: { xs: 'none', md: 'block' } }, children: _jsxs(Grid, { container: true, children: [_jsx(Grid, { item: true, xs: 6, children: _jsx("img", { style: { objectFit: "cover", width: "100%", height: "100%", aspectRatio: 2 }, src: image.path, alt: image.alt }) }), _jsx(Grid, { xs: 6, display: "flex", children: _jsxs(Box, { width: "100%", pl: 2, p: 3, display: "flex", flexDirection: "column", bgcolor: "#cfe4ff52", children: [_jsx(Box, { py: 1, children: _jsx(TopStyledBlock, { height: ".25rem", width: "5rem", offset: "-.75rem", children: _jsx(Typography, { variant: "h5", children: _jsx(Balancer, { children: title }) }) }) }), _jsx(Typography, { variant: "body1", children: excerpt }), _jsx(Box, { sx: { marginTop: "auto", paddingTop: "2rem", fontWeight: "300" }, children: _jsx(Box, { sx: { color: "#0885ff" }, children: _jsxs(Link, { href: href, children: [_jsx(Typography, { variant: "body1", sx: { display: "inline", paddingRight: ".2rem" }, children: "Read More" }), _jsx(ArrowRight, { height: 18, width: 24, fill: "currentColor" })] }) }) })] }) })] }) }));
+};
+export default HorizontalArticleCard;
+//# sourceMappingURL=HorizontalArticleCard.js.map

package/dist/HorizontalArticleCard/HorizontalArticleCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalArticleCard.js","sourceRoot":"","sources":["../../src/HorizontalArticleCard/HorizontalArticleCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,GAAG,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAE3C,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAC/C,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAC,UAAU,EAAC,MAAM,qBAAqB,CAAC;AAG/C,MAAM,qBAAqB,GAAG,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,EAAmB,EAAE,EAAE;IAC5F,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,YAChD,MAAC,IAAI,IAAC,SAAS,mBACd,KAAC,IAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACf,cAAK,KAAK,EAAE,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAC,EAAE,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,GAC9G,EACP,KAAC,IAAI,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,YAC3B,MAAC,GAAG,IAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,aAC9F,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,YACT,KAAC,cAAc,IAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,YACjE,KAAC,UAAU,IAAC,OAAO,EAAE,IAAI,YAAE,KAAC,QAAQ,cAAE,KAAK,GAAY,GAAa,GACpD,GACZ,EACN,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,OAAO,GAAc,EACpD,KAAC,GAAG,IAAC,EAAE,EAAE,EAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAC,YAClE,KAAC,GAAG,IAAC,EAAE,EAAE,EAAC,KAAK,EAAE,SAAS,EAAC,YAC1B,MAAC,IAAI,IAAC,IAAI,EAAE,IAAI,aACf,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAC,0BAE/D,EACb,KAAC,UAAU,IAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,GAAG,IACpD,GACF,GACD,IACD,GACA,IACD,GACF,CACP,CAAA;AACF,CAAC,CAAA;AAED,eAAe,qBAAqB,CAAC"}

package/dist/HorizontalArticleCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './HorizontalArticleCard';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/HorizontalArticleCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/HorizontalArticleCard/index.js

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

package/dist/HorizontalArticleCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/HorizontalArticleCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/TopStyledBlock/TopStyledBlock.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+export interface TopStyledBlockProps {
+    children: ReactNode;
+    width?: string;
+    offset?: string;
+    height?: string;
+}
+declare const TopStyledBlock: React.FC<TopStyledBlockProps>;
+export default TopStyledBlock;
+//# sourceMappingURL=TopStyledBlock.d.ts.map

package/dist/TopStyledBlock/TopStyledBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopStyledBlock.d.ts","sourceRoot":"","sources":["../../src/TopStyledBlock/TopStyledBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,WAAW,mBAAmB;IACnC,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgBjD,CAAA;AAED,eAAe,cAAc,CAAC"}

package/dist/TopStyledBlock/TopStyledBlock.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+const TopStyledBlock = ({ children, width, offset, height }) => {
+    width = width ? width : "5rem";
+    height = height ? height : "1rem";
+    offset = offset ? offset : "-2rem";
+    return (_jsxs(Box, { display: "flex", flexDirection: "column", children: [_jsx(Box, { height: 0, children: _jsx(Box, { bgcolor: "primary.main", width: width, height: height, mt: offset, borderRadius: 2 }) }), _jsx(Box, { children: children })] }));
+};
+export default TopStyledBlock;
+//# sourceMappingURL=TopStyledBlock.js.map

package/dist/TopStyledBlock/TopStyledBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopStyledBlock.js","sourceRoot":"","sources":["../../src/TopStyledBlock/TopStyledBlock.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAC;AASlC,MAAM,cAAc,GAAkC,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAC,EAAE,EAAE;IAE3F,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;IAC9B,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;IACjC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IAElC,OAAO,CACL,MAAC,GAAG,IAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,aAC5C,KAAC,GAAG,IAAC,MAAM,EAAE,CAAC,YACb,KAAC,GAAG,IAAC,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAQ,GAC1F,EACN,KAAC,GAAG,cACF,QAAQ,GACJ,IACD,CACP,CAAA;AACF,CAAC,CAAA;AAED,eAAe,cAAc,CAAC"}

package/dist/TopStyledBlock/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TopStyledBlock';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TopStyledBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/TopStyledBlock/index.js

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

package/dist/TopStyledBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/TopStyledBlock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { default as ArticleCard } from './ArticleCard';
+export { default as HorizontalArticleCard } from './HorizontalArticleCard';
+export { default as TopStyledBlock } from './TopStyledBlock';
+export { default as Article } from './Article';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export { default as ArticleCard } from './ArticleCard';
+export { default as HorizontalArticleCard } from './HorizontalArticleCard';
+export { default as TopStyledBlock } from './TopStyledBlock';
+export { default as Article } from './Article';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Article Types
+ */
+export interface ArticleCardProps {
+    href: string;
+    article: {
+        title: string;
+        excerpt: string;
+        image: {
+            path: string;
+            alt: string;
+        };
+    };
+}
+type website = "htcondor" | "path" | "osg" | "chtc" | "pelican";
+type tag = "chtc_featured_article";
+type article_type = "news" | "user";
+export interface Image {
+    path: string;
+    alt: string;
+}
+export interface Article {
+    content: string;
+    title: string;
+    author: string;
+    date: Date;
+    publish_on: website[];
+    type: article_type;
+    tag: tag;
+    image: Image;
+    excerpt: string;
+    banner_src: string;
+    banner_alt: string;
+}
+export interface BackendArticle extends Article {
+    slug: string[];
+    path: string;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,gBAAgB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE;YACN,IAAI,EAAE,MAAM,CAAC;YACb,GAAG,EAAE,MAAM,CAAC;SACZ,CAAA;KACD,CAAC;CACF;AAED,KAAK,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAA;AAC/D,KAAK,GAAG,GAAG,uBAAuB,CAAA;AAClC,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpC,MAAM,WAAW,KAAK;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,OAAO;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,OAAO,EAAE,CAAC;IACtB,IAAI,EAAE,YAAY,CAAC;IACnB,GAAG,EAAE,GAAG,CAAC;IACT,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAe,SAAQ,OAAO;IAC9C,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACb"}

package/dist/types.js

@@ -0,0 +1,5 @@
+/**
+ * Article Types
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chtc/web-components",
-  "version": "0.0.0-11",
+  "version": "0.0.0-13",
   "description": "PATh Web Components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -41,6 +41,7 @@
     "@emotion/styled": "^11.11.5",
     "@mui/icons-material": "^5.16.0",
     "@mui/material": "^5.14.19",
+    "gray-matter": "^4.0.3",
     "react-markdown": "^9.0.1",
     "react-wrap-balancer": "^1.1.1",
     "rehype-raw": "^7.0.0"