@chtc/web-components 0.0.0-2 → 0.0.0-20

package/README.md

@@ -1,6 +1,22 @@
 # 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
+
+## Creating new components
+
+### Running the dev environment
+
+```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 }: 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,sBAAsB,gBAAgB,4CA2BtD,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 }) => {
+    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: article.image.path, alt: article.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: article.title }) }) }) }), _jsx(Typography, { variant: "body1", children: article.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,EAAoB,EAAE,EAAE;IAE1D,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,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,GAAI,GAC/G,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,OAAO,CAAC,KAAK,GAAY,GAAa,GACtF,GACZ,EACN,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,OAAO,CAAC,OAAO,GAAc,IACvD,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 }: 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,sBAAsB,gBAAgB,4CA8BhE,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 }) => {
+    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: article.image.path, alt: article.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: article.title }) }) }) }), _jsx(Typography, { variant: "body1", children: article.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,EAAoB,EAAE,EAAE;IACpE,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,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,GAAI,GAC9H,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,OAAO,CAAC,KAAK,GAAY,GAAa,GAC5D,GACZ,EACN,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,YAAG,OAAO,CAAC,OAAO,GAAc,EAC5D,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,6 @@
+export { default as ArticleCard } from './ArticleCard';
+export { default as HorizontalArticleCard } from './HorizontalArticleCard';
+export { default as TopStyledBlock } from './TopStyledBlock';
+export { default as Article } from './Article';
+export * from './utils';
+//# 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;AAC/C,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,6 @@
+export { default as ArticleCard } from './ArticleCard';
+export { default as HorizontalArticleCard } from './HorizontalArticleCard';
+export { default as TopStyledBlock } from './TopStyledBlock';
+export { default as Article } from './Article';
+export * from './utils';
+//# 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;AAC/C,cAAc,SAAS,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Article Types
+ */
+export interface ArticleCardProps {
+    href: string;
+    article: BackendArticle;
+}
+export type website = "htcondor" | "path" | "osg" | "chtc" | "pelican";
+export type tag = "chtc_featured_article";
+export 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;
+}
+//# 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,cAAc,CAAC;CACxB;AAED,MAAM,MAAM,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAA;AACtE,MAAM,MAAM,GAAG,GAAG,uBAAuB,CAAA;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3C,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/dist/utils/filterArticles.d.ts

@@ -0,0 +1,4 @@
+import { article_type, BackendArticle, website } from "../types";
+export declare function filterArticles(articles: BackendArticle[], publish_on: website, type: article_type): BackendArticle[];
+export default filterArticles;
+//# sourceMappingURL=filterArticles.d.ts.map

package/dist/utils/filterArticles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterArticles.d.ts","sourceRoot":"","sources":["../../src/utils/filterArticles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,cAAc,EAAE,OAAO,EAAC,MAAM,UAAU,CAAC;AAE/D,wBAAgB,cAAc,CAAC,QAAQ,EAAE,cAAc,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,GAAG,cAAc,EAAE,CAEpH;AAED,eAAe,cAAc,CAAA"}

package/dist/utils/filterArticles.js

@@ -0,0 +1,5 @@
+export function filterArticles(articles, publish_on, type) {
+    return articles.filter((x) => (x === null || x === void 0 ? void 0 : x.publish_on) && x.publish_on.includes(publish_on) && x.type == type);
+}
+export default filterArticles;
+//# sourceMappingURL=filterArticles.js.map

package/dist/utils/filterArticles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterArticles.js","sourceRoot":"","sources":["../../src/utils/filterArticles.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,cAAc,CAAC,QAA0B,EAAE,UAAmB,EAAE,IAAkB;IACjG,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAiB,EAAE,EAAE,CAAC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,UAAU,KAAI,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,CAAA;AACpH,CAAC;AAED,eAAe,cAAc,CAAA"}

package/dist/utils/getArticle.d.ts

@@ -0,0 +1,4 @@
+import { BackendArticle } from "../types";
+export declare function getArticle(organization: string, repo: string, path: string, branch: string): Promise<BackendArticle>;
+export default getArticle;
+//# sourceMappingURL=getArticle.d.ts.map

package/dist/utils/getArticle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getArticle.d.ts","sourceRoot":"","sources":["../../src/utils/getArticle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAsB,MAAM,UAAU,CAAC;AAI7D,wBAAsB,UAAU,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,CAAC,CAmB1H;AAYD,eAAe,UAAU,CAAA"}

package/dist/utils/getArticle.js

@@ -0,0 +1,43 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import matter from "gray-matter";
+import { getRawFile } from "./getArticles";
+export function getArticle(organization, repo, path, branch) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const text = yield getRawFile(organization, repo, path, branch);
+        const frontMatter = matter(text);
+        return {
+            path: path,
+            slug: getSlug(path),
+            date: getDate(path),
+            content: frontMatter.content,
+            title: (_a = frontMatter.data) === null || _a === void 0 ? void 0 : _a.title,
+            author: (_b = frontMatter.data) === null || _b === void 0 ? void 0 : _b.author,
+            publish_on: (_c = frontMatter.data) === null || _c === void 0 ? void 0 : _c.publish_on,
+            type: (_d = frontMatter.data) === null || _d === void 0 ? void 0 : _d.type,
+            tag: (_e = frontMatter.data) === null || _e === void 0 ? void 0 : _e.tag,
+            image: (_f = frontMatter.data) === null || _f === void 0 ? void 0 : _f.image,
+            excerpt: (_g = frontMatter.data) === null || _g === void 0 ? void 0 : _g.excerpt,
+            banner_src: (_h = frontMatter.data) === null || _h === void 0 ? void 0 : _h.banner_src,
+            banner_alt: (_j = frontMatter.data) === null || _j === void 0 ? void 0 : _j.banner_alt
+        };
+    });
+}
+function getSlug(path) {
+    const splitSlug = path.slice(0, -3).split("-");
+    return [splitSlug[0], splitSlug[1], splitSlug[2], splitSlug.slice(3).join("-")];
+}
+function getDate(path) {
+    const splitSlug = path.slice(0, -3).split("-");
+    return new Date(Date.parse(splitSlug.slice(0, 3).join("-")));
+}
+export default getArticle;
+//# sourceMappingURL=getArticle.js.map

package/dist/utils/getArticle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getArticle.js","sourceRoot":"","sources":["../../src/utils/getArticle.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAEzC,MAAM,UAAgB,UAAU,CAAC,YAAoB,EAAE,IAAY,EAAE,IAAY,EAAE,MAAc;;;QAChG,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAA;QAC/D,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;QAEhC,OAAO;YACN,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC;YACnB,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC;YACnB,OAAO,EAAE,WAAW,CAAC,OAAO;YAC5B,KAAK,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,KAAe;YACxC,MAAM,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,MAAgB;YAC1C,UAAU,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,UAAuB;YACrD,IAAI,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,IAAuB;YAC/C,GAAG,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,GAAU;YACjC,KAAK,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,KAAc;YACvC,OAAO,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,OAAiB;YAC5C,UAAU,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,UAAoB;YAClD,UAAU,EAAE,MAAA,WAAW,CAAC,IAAI,0CAAE,UAAoB;SAClD,CAAA;IACF,CAAC;CAAA;AAED,SAAS,OAAO,CAAC,IAAY;IAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC9C,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;AAChF,CAAC;AAED,SAAS,OAAO,CAAC,IAAY;IAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC9C,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;AAC7D,CAAC;AAED,eAAe,UAAU,CAAA"}

package/dist/utils/getArticles.d.ts

@@ -0,0 +1,36 @@
+import { BackendArticle } from "../types";
+export declare function getArticles(organization: string, repo: string, branch: string): Promise<BackendArticle[]>;
+export declare function getTree(organization: string, repo: string, branch: string): Promise<GitTree>;
+export declare function getPaths(tree: GitTree): string[];
+export declare function getRawFile(organization: string, repo: string, path: string, branch: string): Promise<string>;
+export interface GitHubReleaseData {
+    tag_name: string;
+    target_commitish: string;
+    body: string;
+}
+export interface ReleasePageProps {
+    releaseData: GitHubReleaseData;
+}
+export interface GithubMilestoneData {
+    title: string;
+    state: "open" | "closed";
+    created_at: string;
+    updated_at: string;
+    closed_at: string;
+    due_on: string;
+}
+interface GitTreeItem {
+    path: string;
+    mode: string;
+    type: string;
+    sha: string;
+    size: number;
+    url: string;
+}
+interface GitTree {
+    sha: string;
+    url: string;
+    tree: GitTreeItem[];
+}
+export default getArticles;
+//# sourceMappingURL=getArticles.d.ts.map

package/dist/utils/getArticles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getArticles.d.ts","sourceRoot":"","sources":["../../src/utils/getArticles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,UAAU,CAAC;AAQxC,wBAAsB,WAAW,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,CAU/G;AAED,wBAAsB,OAAO,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAKlG;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAI,MAAM,EAAE,CAEjD;AAED,wBAAsB,UAAU,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAOlH;AAED,MAAM,WAAW,iBAAiB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,gBAAgB;IAChC,WAAW,EAAE,iBAAiB,CAAC;CAC/B;AAED,MAAM,WAAW,mBAAmB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CACf;AAED,UAAU,WAAW;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACZ;AAED,UAAU,OAAO;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,WAAW,EAAE,CAAC;CACpB;AAED,eAAe,WAAW,CAAA"}

package/dist/utils/getArticles.js

@@ -0,0 +1,44 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import getArticle from "./getArticle";
+function isArticle(path) {
+    const regex = /\d\d\d\d-\d\d?-\d\d?-.*?\.md/g;
+    return path.search(regex) != -1;
+}
+export function getArticles(organization, repo, branch) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const tree = yield getTree(organization, repo, branch);
+        const paths = getPaths(tree);
+        // Filter out the non-article paths and pull down and parse the remote files
+        return Promise.all(paths
+            .filter((path) => isArticle(path))
+            .map((path) => __awaiter(this, void 0, void 0, function* () { return yield getArticle(organization, repo, path, branch); })));
+    });
+}
+export function getTree(organization, repo, branch) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const url = `https://api.github.com/repos/${organization}/${repo}/git/trees/${branch}?recursive=1`;
+        const res = yield fetch(url);
+        const json = yield res.json();
+        return json;
+    });
+}
+export function getPaths(tree) {
+    return tree.tree.map((item) => item['path']);
+}
+export function getRawFile(organization, repo, path, branch) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const url = new URL(`https://raw.githubusercontent.com/${organization}/${repo}/${branch}/${path}`);
+        const res = yield fetch(url, { headers: { "Accept": "application/vnd.github.raw" } });
+        return yield res.text();
+    });
+}
+export default getArticles;
+//# sourceMappingURL=getArticles.js.map

package/dist/utils/getArticles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getArticles.js","sourceRoot":"","sources":["../../src/utils/getArticles.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,SAAS,SAAS,CAAC,IAAY;IAC9B,MAAM,KAAK,GAAG,+BAA+B,CAAA;IAC7C,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;AAChC,CAAC;AAED,MAAM,UAAgB,WAAW,CAAC,YAAoB,EAAE,IAAY,EAAE,MAAc;;QACnF,MAAM,IAAI,GAAG,MAAM,OAAO,CAAC,YAAY,EAAE,IAAI,EAAE,MAAM,CAAC,CAAA;QACtD,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;QAE5B,4EAA4E;QAC5E,OAAO,OAAO,CAAC,GAAG,CAChB,KAAK;aACF,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;aACjC,GAAG,CAAC,CAAO,IAAI,EAAE,EAAE,gDAAC,OAAA,MAAM,UAAU,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAA,GAAA,CAAC,CAC3E,CAAA;IACF,CAAC;CAAA;AAED,MAAM,UAAgB,OAAO,CAAC,YAAoB,EAAE,IAAY,EAAE,MAAc;;QAC/E,MAAM,GAAG,GAAG,gCAAgC,YAAY,IAAI,IAAI,cAAc,MAAM,cAAc,CAAA;QAClG,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAA;QAC5B,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAA;QAC7B,OAAO,IAAe,CAAA;IACvB,CAAC;CAAA;AAED,MAAM,UAAU,QAAQ,CAAC,IAAa;IACrC,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;AAC7C,CAAC;AAED,MAAM,UAAgB,UAAU,CAAC,YAAoB,EAAE,IAAY,EAAE,IAAY,EAAE,MAAc;;QAEhG,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,qCAAqC,YAAY,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC,CAAA;QAElG,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,EAAE,EAAC,OAAO,EAAE,EAAC,QAAQ,EAAE,4BAA4B,EAAC,EAAC,CAAC,CAAA;QAEjF,OAAO,MAAM,GAAG,CAAC,IAAI,EAAE,CAAA;IACxB,CAAC;CAAA;AAoCD,eAAe,WAAW,CAAA"}

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+export { default as getArticles } from './getArticles';
+export { default as filterArticles } from './filterArticles';
+export { default as getArticle } from './getArticle';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/utils/index.js

@@ -0,0 +1,4 @@
+export { default as getArticles } from './getArticles';
+export { default as filterArticles } from './filterArticles';
+export { default as getArticle } from './getArticle';
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

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

package/package.json

@@ -1,37 +1,38 @@
 {
   "name": "@chtc/web-components",
-  "version": "0.0.0-2",
+  "version": "0.0.0-20",
   "description": "PATh Web Components",
-  "main": "src/index.ts",
-  "types": "src/index.d.ts",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
     "test": "jest --coverage --json --outputFile=.github/tests/test-summary.json",
-    "build": "tsc",
+    "build": "tsc --build src",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "publish": "npm publish --access public",
-    "publish:increment": "npm version prerelease --no-git-tag-version && npm publish --access public"
+    "publish-package": "npm publish --omit=dev --access public",
+    "publish:increment": "npm version prerelease --no-git-tag-version && npm publish --omit=dev --access public"
   },
   "files": [
-    "src"
+    "dist"
   ],
   "author": "",
   "license": "Apache-2.0",
   "devDependencies": {
     "@babel/preset-typescript": "^7.23.3",
-    "@chromatic-com/storybook": "^1.6.1",
-    "@storybook/addon-essentials": "^8.1.11",
-    "@storybook/addon-interactions": "^8.1.11",
-    "@storybook/addon-links": "^8.1.11",
-    "@storybook/addon-onboarding": "^8.1.11",
-    "@storybook/blocks": "^8.1.11",
-    "@storybook/nextjs": "^8.1.11",
-    "@storybook/react": "^8.1.11",
-    "@storybook/test": "^8.1.11",
+    "@chromatic-com/storybook": "^3.2.3",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/nextjs": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/test": "^8.4.7",
     "@types/jest": "^29.5.8",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "storybook": "^8.1.11",
+    "storybook": "^8.4.7",
     "ts-jest": "^29.1.1",
     "typescript": "^5.2.2"
   },
@@ -39,6 +40,13 @@
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@mui/icons-material": "^5.16.0",
-    "@mui/material": "^5.16.0"
+    "@mui/material": "^5.14.19",
+    "gray-matter": "^4.0.3",
+    "chart.js": "^4.4.7",
+    "colorjs.io": "^0.5.2",
+    "react-chartjs-2": "^5.3.0",
+    "react-markdown": "^9.0.1",
+    "react-wrap-balancer": "^1.1.1",
+    "rehype-raw": "^7.0.0"
   }
 }

package/src/index.d.ts

@@ -1 +0,0 @@
-export * from "./layout"

package/src/index.ts

@@ -1 +0,0 @@
-export * from './layout'

package/src/layout/Header/BurgerMenu.tsx

@@ -1,101 +0,0 @@
-'use client';
-import React, {useState} from "react";
-import {Box,Typography, IconButton, Drawer, Divider, List, ListSubheader} from "@mui/material";
-import MenuIcon from '@mui/icons-material/Menu';
-import {
-    Home, GitHub, Description, Groups, Email, Help, Group, Info, Grade, Newspaper, Close, Terminal, CalendarMonth, FileDownload
-} from "@mui/icons-material";
-import { HeaderDropdown, HeaderLink, HeaderMainLink } from "./HeaderDropdown";
-import { HeaderLinkItem, HeaderMenuProps } from "./index";
-
-export const BurgerMenu = ({menuItems} : {menuItems: (Omit<HeaderMenuProps, "setAnchor" | "anchorEl"> | HeaderLinkItem)[]}) => {
-    const [openDrawer, setOpenDrawer] = useState(false);
-
-    const handleDrawer = () => {
-        setOpenDrawer(!openDrawer);
-    };
-
-  return (
-    <Box ml={"auto"}>
-        <IconButton
-            aria-label="menu"
-            onClick={handleDrawer}
-        >
-            <MenuIcon/>
-        </IconButton>
-        <Drawer anchor={"right"} open={openDrawer} onClose={handleDrawer} 
-            sx={{
-                "& .MuiDrawer-paper": {
-                    boxSizing: "border-box",
-                    width: "100%",
-                    "@media (min-width: 576px)": {
-                        width: "30rem",
-                    }
-                },
-                boxShadow: "0px 0px 10px rgba(0, 0, 0, 0.25)",
-                backdropFilter: "blur(2px)",
-                WebkitBackdropFilter: "blur(2px)",
-                backgroundColor: "rgba(255, 255, 255, 0.5)",
-            }}
-        >
-            <List
-                sx={{margin: "1rem" }}
-                component="nav"
-                aria-labelledby="nested-list-subheader"
-                subheader={
-                    <ListSubheader component="div" id="nested-list-subheader">
-                        <Box style={{display: "flex", flexDirection:"row", justifyContent:"start" }}>
-                            <img src={PelicanLogo} alt={"Pelican Logo"} height={48}/>
-                            <Typography variant={"h5"} pl={1} my={"auto"}>Pelican Platform</Typography>
-                            <IconButton
-                                sx={{ml: "auto"}}
-                                edge="start"
-                                color="inherit"
-                                aria-label="menu"
-                                onClick={handleDrawer}
-                            >
-                                <Close sx={{fontSize:"2rem"}}/>
-                            </IconButton>
-                        </Box>
-                    </ListSubheader>
-                }
-            >
-                <Divider sx={{my:2}}/>
-                {menuItems.map((item) => {
-                  if ('menuItems' in item) {
-                    // This is a dropdown item
-                    return (
-                        <HeaderDropdown key={item.value} value={item.value} icon={item.icon}>
-                          {item.menuItems.map((subItem) => (
-                              <HeaderLink
-                                  key={item.value}
-                                  value={subItem.value}
-                                  href={subItem.href}
-                                  icon={subItem.icon}
-                                  target={subItem?.target}
-                                  onClick={handleDrawer}
-                              />
-                          ))}
-                        </HeaderDropdown>
-                    );
-                  } else {
-                    // This is a main link item
-                    return (
-                        <HeaderMainLink
-                            key={item.value}
-                            value={item.value}
-                            href={item.href}
-                            icon={item.icon}
-                            target={item.target}
-                            onClick={handleDrawer}
-                        />
-                    );
-                  }
-                })}
-            </List>
-        </Drawer>
-    </Box>
-  );
-}
-
-export default BurgerMenu;

package/src/layout/Header/DesktopMenu.tsx

@@ -1,50 +0,0 @@
-'use client'
-
-import {useState, ReactNode, useRef, ComponentType} from "react";
-import {Box, Button, Grid, IconButton, Menu, MenuItem, Tooltip, IconProps} from "@mui/material"
-
-import {HeaderItem} from "./HeaderItem";
-
-import type {HeaderLinkItem, MenuProps} from "./index.d";
-
-export const DesktopMenu = ({menuItems} : {menuItems: MenuProps[]}) => {
-
-	const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
-
-	return (
-			<>
-				<Box display={"flex"} mb={.5}>
-					{menuItems.filter(x => "type" in x ? x?.type != "icon" : true).map((item) => (
-							<HeaderItem
-									key={item.value}
-									{...item}
-									anchorEl={anchorEl}
-									setAnchor={(element) => {
-										setAnchorEl((anchorEl) => {
-											if(element == null) {
-												return element
-											}
-											if(anchorEl?.id == element.id) {
-												return null
-											}
-											return element
-										})
-									}}
-							/>
-					))}
-				</Box>
-				<Box marginLeft={"auto"}>
-					<Grid container spacing={1}>
-						{menuItems.filter(x => "type" in x ? x?.type == "icon" : false).map((item) => (
-								<Grid key={item.value} item>
-									<HeaderIconLink
-											{...item as HeaderLinkItem}
-									/>
-								</Grid>
-						))}
-					</Grid>
-				</Box>
-			</>
-	)
-}
-

package/src/layout/Header/Header.tsx

@@ -1,54 +0,0 @@
-'use client'
-
-import {useState, useEffect, ReactNode} from "react";
-import {Box, Typography} from "@mui/material"
-import styles from "../../../app/page.module.css"
-import Link from "next/link";
-
-import {MenuProps} from "./index.d";
-import {BurgerMenu, DesktopMenu, ImageIcon} from "./index";
-
-export interface HeaderProps {
-	icon: ReactNode,
-	title: string,
-	menuItems: MenuProps[]
-}
-
-export const Header = ({icon, title, menuItems}: HeaderProps) => {
-
-	// Scroll watcher for opacity
-	let [scrolledTop, setScrolledTop] = useState(true);
-	useEffect(() => {
-		setScrolledTop(window.scrollY < 50);
-		addEventListener("scroll", (event) => {
-			setScrolledTop(window.scrollY < 50);
-		});
-	}, [])
-
-	return (
-			<Box className={`${styles.header} ${scrolledTop ? styles.headerScrolled : ""}`} style={{
-				display: "flex",
-				justifyContent: "space-between",
-				padding: "1rem",
-				position: "fixed",
-				zIndex: "1",
-				width: "100%",
-				overflow: "hidden"
-			}}>
-				<Box display={"flex"} flexGrow={1}>
-					<Link href={"/"}>
-						<Box style={{display: "flex"}}>
-							{icon}
-							<Typography variant={"h5"} pl={1} my={"auto"}>{title}</Typography>
-						</Box>
-					</Link>
-					<Box sx={{display: {xs: "flex", "md": "none"}}} flexGrow={1}>
-						<BurgerMenu menuItems={menuItems}/>
-					</Box>
-					<Box sx={{display: {xs: "none", "md": "flex"}}} flexGrow={1}>
-						<DesktopMenu menuItems={menuItems}/>
-					</Box>
-				</Box>
-			</Box>
-	)
-}

package/src/layout/Header/HeaderDropdown.tsx

@@ -1,71 +0,0 @@
-'use client'
-
-import React, { ReactNode, useState } from "react";
-import {Typography, ListItemButton, ListItemIcon, Collapse} from "@mui/material";
-import Link, {LinkProps} from "next/link";
-import { ExpandLess, ExpandMore} from "@mui/icons-material";
-
-interface HeaderLinkProps extends LinkProps {
-    value: string
-    icon: ReactNode
-    target?: string
-    onClick: () => void
-}
-  
-export const HeaderLink = ({ value, href, icon, target, onClick }: HeaderLinkProps) => {
-    return (
-        <ListItemButton
-        onClick={onClick}>
-            <ListItemIcon sx={{ marginRight: "-0.8em", fontSize:"1.5em", marginLeft: "1em" }}>
-                {icon}
-            </ListItemIcon>
-            <Typography variant="h6">
-                <Link href={href} target={target}>
-                    {value}
-                </Link>
-            </Typography>
-        </ListItemButton>
-    )
-}
-
-export const HeaderMainLink = ({ value, href, icon, target, onClick }: HeaderLinkProps) => {
-    return (
-        <ListItemButton
-          onClick={onClick}
-        >
-            <ListItemIcon sx={{ marginRight: "-0.8em", fontSize: "2em" }}>
-                {icon}
-            </ListItemIcon>
-            <Typography variant="h5">
-                <Link href={href} target={target}>
-                    {value}
-            </Link>
-            </Typography>
-        </ListItemButton>
-    )
-}
-
-export const HeaderDropdown = ({ value, children, icon }: { value: string, children: ReactNode, icon: ReactNode}) => {
-    const [openState, setOpenState] = useState(false);
-    const handleClick = () => {
-        setOpenState(!openState);
-    };
-
-    return (
-        <>
-            <ListItemButton onClick={handleClick}>
-                <ListItemIcon sx={{ marginRight: "-0.8em", fontSize: "2em"  }}>
-                    {icon}
-                </ListItemIcon>
-                <Typography variant="h5">
-                    {value}
-                </Typography>
-                {openState ? <ExpandLess sx={{ marginLeft: "1em" }} /> : <ExpandMore sx={{ marginLeft: "0.5em" }} />}
-            </ListItemButton>
-            <Collapse in={openState} timeout="auto" unmountOnExit>
-                {children}
-            </Collapse>
-        </>
-    )
-}
-

package/src/layout/Header/HeaderItem.tsx

@@ -1,110 +0,0 @@
-import React, {useRef, useEffect, useState} from "react";
-import Link from "next/link";
-import {Box, Menu, MenuItem, Tooltip, Typography} from "@mui/material";
-import {ArrowDropDown, ArrowDropUp} from "@mui/icons-material";
-
-import type {HeaderLinkItem, HeaderMenuProps, MenuProps} from "./index";
-
-export const HeaderItem = ({...props}: HeaderMenuProps | HeaderLinkItem) => {
-	if("menuItems" in props) {
-		return <HeaderMenu {...props} />
-	} else if(props.type == "text") {
-		return <HeaderLink {...props} />
-	} else {
-		return <HeaderIconLink {...props} />
-	}
-}
-
-const HeaderMenu = ({icon, value, open, setAnchor, menuItems}: HeaderMenuProps) => {
-
-	const anchorRef = useRef<HTMLElement>(null)
-
-	// Effect to perform actions when ref changes
-	const [refChange, setRefChange] = useState<number>(0); // State to track ref changes
-	useEffect(() => {
-		setRefChange(refChange + 1);
-	}, [anchorRef.current]); // Dependency on refChange state to trigger effect
-
-	return (
-			<>
-				<Box style={{display: "flex"}}
-							ref={anchorRef}
-							aria-controls={open ? `${value}-menu` : undefined}
-							aria-haspopup="true"
-							aria-expanded={open ? 'true' : undefined}
-							onClick={e => setAnchor(anchorRef.current)}
-				>
-					<Typography id={`${value}-header`} display={"flex"} my={"auto"} pl={2} lineHeight={1} variant={"h6"}>
-						<Box display={"inline"} my={"auto"}>
-							{value}
-						</Box>
-						{open ?
-								<ArrowDropUp /> :
-								<ArrowDropDown />
-						}
-					</Typography>
-				</Box>
-				<Menu
-						anchorEl={anchorRef.current}
-						open={open}
-						onClose={() => setAnchor(null)}
-						sx={{mt: 2}}
-						anchorOrigin={{
-							vertical: 'bottom',
-							horizontal: 'left',
-						}}
-						transformOrigin={{
-							vertical: 'top',
-							horizontal: 'left',
-						}}
-				>
-					{menuItems.map((item) => (
-							<Link key={item.value} {...item} style={{textDecoration: "none", ...item.style}}>
-								<MenuItem onClick={e => setAnchor(anchorRef.current)}>{item.value}</MenuItem>
-							</Link>
-					))}
-				</Menu>
-			</>
-	)
-}
-
-const HeaderLink = ({...props} : HeaderLinkItem) => {
-	return (
-			<Link {...props} style={{display: "flex", textDecoration: "none", ...props.style}} >
-				<Typography my={"auto"} pl={2} lineHeight={1} variant={"h6"}>
-					{props.value}
-				</Typography>
-			</Link>
-	)
-}
-
-const HeaderIconLink = ({...props} : HeaderLinkItem) => {
-	return (
-			<Link href={props.href} target={props.target}>
-				<Tooltip title={props.value}>
-					<Box
-							sx={{
-								":hover": {
-									transform: "scale(1.15)",
-									transition: "transform 0.3s",
-								},
-								marginTop: "2px"
-							}}
-					>
-						{
-							React.cloneElement(props.icon, {
-								fontSize: "large",
-								sx:{
-									":hover": {
-										transform: "scale(1.15)",
-										transition: "transform 0.3s",
-									},
-									marginTop: "2px"
-								}
-							})
-						}
-					</Box>
-				</Tooltip>
-			</Link>
-	)
-}

package/src/layout/Header/ImageIcon.tsx

@@ -1 +0,0 @@
-export const ImageIcon = ({ src, alt }: { src: string, alt: string }) => <img src={src} alt={alt} style={{ width: '24px', height: '24px' }} />;

package/src/layout/Header/index.d.ts

@@ -1,21 +0,0 @@
-import {ReactNode} from "react";
-import {LinkProps} from "next/link";
-
-export type * from "./Header"
-
-export type MenuProps = Omit<HeaderMenuProps, "setAnchor" | "anchorEl"> | HeaderLinkItem
-
-interface HeaderMenuProps {
-	icon: ReactNode
-	value: string
-	anchorEl: HTMLElement | null
-	setAnchor: (x: HTMLElement | null) => void
-	menuItems: HeaderLinkItem[]
-}
-
-interface HeaderLinkItem extends LinkProps {
-	icon: ReactNode
-	value: string
-	target?: "_self" | "_blank"
-	type?: "icon" | "text"
-}

package/src/layout/Header/index.tsx

@@ -1,5 +0,0 @@
-export * from './Header';
-export * from './HeaderItem';
-export * from "./BurgerMenu"
-export * from "./ImageIcon"
-export * from "./DesktopMenu"

package/src/layout/index.d.ts

@@ -1 +0,0 @@
-export * from './Header';

package/src/layout/index.ts

@@ -1 +0,0 @@
-export * from './Header/index';