npm - thread-ui - Versions diffs - 0.1.0 - Mend

thread-ui 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (257) hide show

package/LICENSE ADDED Viewed

@@ -0,0 +1,21 @@
+MIT License
+Copyright (c) [2025] [Andrew fisher]
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md ADDED Viewed

@@ -0,0 +1,68 @@
+# Thread UI
+Thread is a UI Library I created for use in my personal website.
+# Get Started
+All components work out of the box. Documentation coming soon to thread.fisherandrew.org
+## Custom Themes
+Thread-UI supports custom themes created by the user that override the default theme, even when using SSR in Next.js. To implement a custom theme, first create a config file in the root of the project named `thread.config.ts`. Define the Theme attributes you'd like to override, initilize it using using the thread-ui `createTheme` function, and export your theme.
+```
+import { createTheme } from 'thread-ui';
+const threadConfig = {
+	colors: {
+		primary: {
+			light: '#4f46e5',
+			main: '#4338ca',
+			dark: '#3730a3',
+		},
+	},
+} as const;
+// Initialize Theme
+export const ThreadTheme = createTheme(threadConfig);
+```
+Next, create a provider component that will make our custom theme availible in `app/providers.tsx`.
+```
+'use client';
+import { ThemeProvider } from 'thread-ui';
+import { ThreadTheme } from '@/thread.config';
+export function Providers({ children }: { children: React.ReactNode }) {
+	return (
+		<ThemeProvider initialTheme={ThreadTheme} initialMode="light">
+			{children}
+		</ThemeProvider>
+	);
+}
+```
+Last, wrap your root layout content in this provider in `app/layout.tsx`
+```
+const font = Merriweather_Sans({ subsets: ['latin'] });
+export default function RootLayout({
+	children,
+}: Readonly<{
+	children: React.ReactNode;
+}>) {
+	return (
+		<html lang="en">
+			<body className={`${font.className}`}>
+				<Providers>
+					<NavMenu />
+					<main>{children}</main>
+					<Footer />
+				</Providers>
+			</body>
+		</html>
+	);
+}
+```

package/dist/components/button/button.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { ButtonProps } from './button.types';
+export declare const Button: ({ children, fullWidth, color, onClick, type, margin }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=button.d.ts.map

package/dist/components/button/button.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,MAAM,0DAAkF,WAAW,4CAuC/G,CAAC"}

package/dist/components/button/button.js ADDED Viewed

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { getUtilityColorValue, useTheme } from '../../utils';
+export const Button = ({ children, fullWidth, color = 'primary', onClick, type = 'button', margin }) => {
+    const { theme } = useTheme();
+    const [isHovered, setIsHovered] = useState(false);
+    const colorValue = getUtilityColorValue(color);
+    const buttonStyles = {
+        padding: `${theme.space * 2}px`,
+        width: fullWidth ? '100%' : 'fit-content',
+        transition: 'background-color 0.2s ease',
+        border: `${theme.border.size.md}px ${colorValue} solid`,
+        borderRadius: `${theme.border.radius.md}px`,
+        color: theme.colors.white,
+        backgroundColor: colorValue,
+        margin: margin ?? 'auto',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        cursor: 'pointer',
+        userSelect: 'none',
+    };
+    const hoverButton = {
+        ...buttonStyles,
+        backgroundColor: theme.colors.white,
+        color: colorValue,
+    };
+    return (_jsx("button", { type: type, style: isHovered ? hoverButton : buttonStyles, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onClick: onClick, children: children }));
+};
+//# sourceMappingURL=button.js.map

package/dist/components/button/button.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG7D,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,SAAS,EAAE,OAAO,EAAE,IAAI,GAAG,QAAQ,EAAE,MAAM,EAAe,EAAE,EAAE;IACnH,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,YAAY,GAAkB;QACnC,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK,GAAG,CAAC,IAAI;QAC/B,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;QACzC,UAAU,EAAE,4BAA4B;QACxC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,MAAM,UAAU,QAAQ;QACvD,YAAY,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI;QAC3C,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;QACzB,eAAe,EAAE,UAAU;QAC3B,MAAM,EAAE,MAAM,IAAI,MAAM;QACxB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,MAAM;KAClB,CAAC;IAEF,MAAM,WAAW,GAAkB;QAClC,GAAG,YAAY;QACf,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;QACnC,KAAK,EAAE,UAAU;KACjB,CAAC;IAEF,OAAO,CACN,iBACC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EAC7C,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EACvC,OAAO,EAAE,OAAO,YAEf,QAAQ,GACD,CACT,CAAC;AACH,CAAC,CAAC"}

package/dist/components/button/button.types.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type ButtonProps = {
+    children: ReactNode;
+    fullWidth?: boolean;
+    color?: 'primary' | 'secondary' | 'tertiary' | 'black' | 'grey' | 'success' | 'error' | 'info';
+    type?: 'button' | 'submit' | 'reset';
+    onClick?: () => void;
+    margin?: string;
+};
+//# sourceMappingURL=button.types.d.ts.map

package/dist/components/button/button.types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/F,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

package/dist/components/button/button.types.js ADDED Viewed

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

package/dist/components/button/button.types.js.map ADDED Viewed

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

package/dist/components/button/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { ButtonProps } from './button.types';
+export { Button } from './button';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/button/index.d.ts.map ADDED Viewed

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

package/dist/components/button/index.js ADDED Viewed

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

package/dist/components/button/index.js.map ADDED Viewed

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

package/dist/components/column-layout/column-layout.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { ColumnLayoutProps } from './column-layout.types';
+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/column-layout/column-layout.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"column-layout.d.ts","sourceRoot":"","sources":["../../../src/components/column-layout/column-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAc,MAAM,uBAAuB,CAAC;AAEtE,eAAO,MAAM,YAAY,4CAA6C,iBAAiB,4CA0CtF,CAAC"}

package/dist/components/column-layout/column-layout.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { ColumnSkeleton } from '../../internal-components';
+export const ColumnLayout = ({ title, caption, mdcol, lgcol, items }) => {
+    return (_jsxs("section", { className: "thread-container thread-mx-auto thread-py-10 md:thread-py-8 lg:thread-py-6 thread-flex thread-flex-col thread-justify-center thread-flex-1 lg:thread-flex-none", children: [(title || caption) && (_jsxs("div", { className: "thread-pb-3", children: [title && (_jsx("h3", { className: "thread-text-2xl thread-font-medium thread-tracking-tight thread-text-black sm:thread-text-4xl", children: title })), caption && _jsx("p", { className: "thread-mt-4 thread-text-lg thread-tracking-tight thread-text-gray-600", children: caption })] })), _jsx(ColumnSkeleton, { mdcol: mdcol || 2, lgcol: lgcol || 4, children: items.map((item, index) => (_jsxs("div", { children: [_jsx("div", { className: "thread-mb-6 thread-w-full thread-h-auto thread-rounded thread-overflow-hidden", children: React.isValidElement(item.image)
+                                ? item.image
+                                : 'src' in item.image && (_jsx("img", { src: item.image.src, alt: item.image.alt, className: "thread-w-full thread-h-auto thread-rounded" })) }), (item.title || item.description) && (_jsxs("div", { className: "thread-text-left", children: [item.title && _jsx("h2", { className: "thread-text-2xl ", children: item.title }), item.description && (_jsx("div", { className: "thread-mt-6", children: _jsx("p", { className: "thread-whitespace-pre-wrap thread-text-base", children: item.description }) }))] }))] }, index))) })] }));
+};
+//# sourceMappingURL=column-layout.js.map

package/dist/components/column-layout/column-layout.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../src/components/column-layout/column-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAqB,EAAE,EAAE;IAC1F,OAAO,CACN,mBAAS,SAAS,EAAC,gKAAgK,aACjL,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CACtB,eAAK,SAAS,EAAC,aAAa,aAC1B,KAAK,IAAI,CACT,aAAI,SAAS,EAAC,+FAA+F,YAC3G,KAAK,GACF,CACL,EACA,OAAO,IAAI,YAAG,SAAS,EAAC,uEAAuE,YAAE,OAAO,GAAK,IACzG,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,EAAC,+EAA+E,YAC5F,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;gCAChC,CAAC,CAAC,IAAI,CAAC,KAAK;gCACZ,CAAC,CAAC,KAAK,IAAK,IAAI,CAAC,KAAyB,IAAI,CAC5C,cACC,GAAG,EAAG,IAAI,CAAC,KAAyB,CAAC,GAAG,EACxC,GAAG,EAAG,IAAI,CAAC,KAAyB,CAAC,GAAG,EACxC,SAAS,EAAC,4CAA4C,GACrD,CACF,GACE,EACL,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CACpC,eAAK,SAAS,EAAC,kBAAkB,aAC/B,IAAI,CAAC,KAAK,IAAI,aAAI,SAAS,EAAC,kBAAkB,YAAE,IAAI,CAAC,KAAK,GAAM,EAChE,IAAI,CAAC,WAAW,IAAI,CACpB,cAAK,SAAS,EAAC,aAAa,YAC3B,YAAG,SAAS,EAAC,6CAA6C,YAAE,IAAI,CAAC,WAAW,GAAK,GAC5E,CACN,IACI,CACN,KArBQ,KAAK,CAsBT,CACN,CAAC,GACc,IACR,CACV,CAAC;AACH,CAAC,CAAC"}

package/dist/components/column-layout/column-layout.types.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export type ColumnLayoutProps = {
+    title?: string;
+    caption?: string;
+    mdcol: number;
+    lgcol: number;
+    items: ColumnItem[];
+};
+export type ColumnItem = {
+    title?: string;
+    description?: string;
+    image: {
+        src: string;
+        alt: string;
+    } | ReactNode;
+};
+//# sourceMappingURL=column-layout.types.d.ts.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"column-layout.types.d.ts","sourceRoot":"","sources":["../../../src/components/column-layout/column-layout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,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,MAAM,MAAM,UAAU,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC;CAChD,CAAC"}

package/dist/components/column-layout/column-layout.types.js ADDED Viewed

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

package/dist/components/column-layout/column-layout.types.js.map ADDED Viewed

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

package/dist/components/column-layout/index.d.ts ADDED Viewed

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

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

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

package/dist/components/column-layout/index.js ADDED Viewed

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

package/dist/components/column-layout/index.js.map ADDED Viewed

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

package/dist/components/divider/divider.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { DividerProps } from './divider.types';
+export declare const Divider: ({ width, marginY, weight }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=divider.d.ts.map

package/dist/components/divider/divider.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/divider/divider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,eAAO,MAAM,OAAO,+BAAgC,YAAY,4CA6B/D,CAAC"}

package/dist/components/divider/divider.js ADDED Viewed

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTheme } from '../../utils';
+export const Divider = ({ width, marginY, weight }) => {
+    const { theme } = useTheme();
+    let dividerWeight;
+    switch (weight) {
+        case 'light':
+            dividerWeight = 0.5;
+            break;
+        case 'standard':
+            dividerWeight = 1;
+            break;
+        case 'bold':
+            dividerWeight = 2;
+            break;
+        default:
+            dividerWeight = 1;
+    }
+    const styles = {
+        width: width || '75%',
+        marginTop: marginY || '16px',
+        marginBottom: marginY || '16px',
+        marginLeft: 'auto',
+        marginRight: 'auto',
+        height: `${dividerWeight}px`,
+        backgroundColor: theme.colors.structure,
+    };
+    return _jsx("div", { style: styles });
+};
+//# sourceMappingURL=divider.js.map

package/dist/components/divider/divider.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/divider/divider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAgB,EAAE,EAAE;IACnE,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE7B,IAAI,aAAqB,CAAC;IAC1B,QAAQ,MAAM,EAAE,CAAC;QAChB,KAAK,OAAO;YACX,aAAa,GAAG,GAAG,CAAC;YACpB,MAAM;QACP,KAAK,UAAU;YACd,aAAa,GAAG,CAAC,CAAC;YAClB,MAAM;QACP,KAAK,MAAM;YACV,aAAa,GAAG,CAAC,CAAC;YAClB,MAAM;QACP;YACC,aAAa,GAAG,CAAC,CAAC;IACpB,CAAC;IAED,MAAM,MAAM,GAAwB;QACnC,KAAK,EAAE,KAAK,IAAI,KAAK;QACrB,SAAS,EAAE,OAAO,IAAI,MAAM;QAC5B,YAAY,EAAE,OAAO,IAAI,MAAM;QAC/B,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,MAAM;QACnB,MAAM,EAAE,GAAG,aAAa,IAAI;QAC5B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS;KACvC,CAAC;IAEF,OAAO,cAAK,KAAK,EAAE,MAAM,GAAQ,CAAC;AACnC,CAAC,CAAC"}

package/dist/components/divider/divider.types.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export type DividerProps = {
+    width?: string;
+    marginY?: string;
+    weight?: 'light' | 'standard' | 'bold';
+};
+//# sourceMappingURL=divider.types.d.ts.map

package/dist/components/divider/divider.types.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"divider.types.d.ts","sourceRoot":"","sources":["../../../src/components/divider/divider.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;CACvC,CAAC"}

package/dist/components/divider/divider.types.js ADDED Viewed

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

package/dist/components/divider/divider.types.js.map ADDED Viewed

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

package/dist/components/divider/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { DividerProps } from './divider.types';
+export { Divider } from './divider';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/divider/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/divider/index.js ADDED Viewed

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

package/dist/components/divider/index.js.map ADDED Viewed

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

package/dist/components/footer/footer.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { FooterProps } from './footer.types';
+export declare const Footer: ({ logo, caption, facebookLink, instagramLink, twitterLink, githubLink, linkedInLink }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=footer.d.ts.map

package/dist/components/footer/footer.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/footer/footer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,eAAO,MAAM,MAAM,0FAA2F,WAAW,4CA4CxH,CAAC"}

package/dist/components/footer/footer.js ADDED Viewed

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LinkWrapper } from '../../internal-components';
+import { Divider } from '../divider';
+import { useTheme } from '../../utils';
+export const Footer = ({ logo, caption, facebookLink, instagramLink, twitterLink, githubLink, linkedInLink }) => {
+    const { theme } = useTheme();
+    const styles = {
+        footer: {
+            // backgroundColor: '#ffffff',
+            backgroundColor: theme.colors.background,
+            height: '208px',
+            width: '100%',
+        },
+        logoWrapper: {
+            width: '64px',
+            height: '64px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
+    };
+    return (_jsx("footer", { style: styles.footer, children: _jsxs("div", { className: "thread-border thread-container thread-mx-auto", children: [_jsx(Divider, { width: "100%" }), _jsxs("div", { className: "thread-w-full thread-h-full thread-flex thread-flex-col thread-justify-center thread-items-center", children: [logo && (_jsx(LinkWrapper, { style: styles.logoWrapper, link: logo.link, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 27 32", width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet", children: _jsx("path", { d: "M6.42 8.62 l1.78 -4.06 l7.66 15.44 l-3.76 0 z M3.12 16.04 c-0.26666 0.49334 -0.56668 0.9733 -0.90002 1.44 c-0.28 0.4 -0.61 0.83 -0.99 1.29 s-0.79666 0.87 -1.25 1.23 l3.34 0 l3.32 0 c-0.53334 -0.30666 -1.0133 -0.68332 -1.44 -1.13 s-0.79332 -0.88332 -1.1 -1.31 c-0.36 -0.49334 -0.68666 -1 -0.98 -1.52 z M21.494500000000002 12.2 c0.33334 0.17334 0.66668 0.38666 1 0.64 c0.28 0.22666 0.57666 0.51 0.89 0.85 s0.59 0.75 0.83 1.23 l0 -2.72 l0 -3 c-0.25334 0.53334 -0.53668 0.99 -0.85002 1.37 s-0.61 0.69 -0.89 0.93 c-0.33334 0.28 -0.66 0.51334 -0.98 0.7 z M22.7345 5 l4.26 -0.000019531 l0 5.4 c-0.32 -0.74666 -0.69334 -1.46 -1.12 -2.14 c-0.37334 -0.58666 -0.82 -1.1833 -1.34 -1.79 s-1.12 -1.0967 -1.8 -1.47 z M16.0745 5.02 l0 14.98 l3.52 0 l0 -14.98 l-3.52 0 z" }) }) })), caption && _jsx("span", { className: "thread-text-sm thread-text-gray-500", children: caption }), _jsx("div", { className: "thread-flex thread-flex-row thread-items-center thread-justify-center" })] })] }) }));
+};
+//# sourceMappingURL=footer.js.map

package/dist/components/footer/footer.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../src/components/footer/footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAGrC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,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,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE7B,MAAM,MAAM,GAAkC;QAC7C,MAAM,EAAE;YACP,8BAA8B;YAC9B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;YACxC,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,MAAM;SACb;QAED,WAAW,EAAE;YACZ,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACxB;KACD,CAAC;IAEF,OAAO,CACN,iBAAQ,KAAK,EAAE,MAAM,CAAC,MAAM,YAC3B,eAAK,SAAS,EAAC,+CAA+C,aAC7D,KAAC,OAAO,IAAC,KAAK,EAAC,MAAM,GAAG,EACxB,eAAK,SAAS,EAAC,mGAAmG,aAChH,IAAI,IAAI,CACR,KAAC,WAAW,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,YACtD,cACC,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,eAAe,YAEnC,eAAM,CAAC,EAAC,mvBAAmvB,GAAG,GACzvB,GACO,CACd,EACA,OAAO,IAAI,eAAM,SAAS,EAAC,qCAAqC,YAAE,OAAO,GAAQ,EAClF,cAAK,SAAS,EAAC,uEAAuE,GAAO,IACxF,IACD,GACE,CACT,CAAC;AACH,CAAC,CAAC"}

package/dist/components/footer/footer.types.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export type FooterProps = {
+    logo?: {
+        icon: ReactNode;
+        link: string | ReactNode;
+    };
+    caption?: string | ReactNode;
+    facebookLink?: string;
+    instagramLink?: string;
+    twitterLink?: string;
+    githubLink?: string;
+    linkedInLink?: string;
+};
+//# sourceMappingURL=footer.types.d.ts.map

package/dist/components/footer/footer.types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"footer.types.d.ts","sourceRoot":"","sources":["../../../src/components/footer/footer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,CAAC;QAChB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;KACzB,CAAC;IACF,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/footer/footer.types.js ADDED Viewed

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

package/dist/components/footer/footer.types.js.map ADDED Viewed

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

package/dist/components/footer/index.d.ts ADDED Viewed

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

package/dist/components/footer/index.d.ts.map ADDED Viewed

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

package/dist/components/footer/index.js ADDED Viewed

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

package/dist/components/footer/index.js.map ADDED Viewed

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

package/dist/components/icon/icon.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './icon.types';
+export declare const Icon: React.FC<IconProps>;
+//# sourceMappingURL=icon.d.ts.map

package/dist/components/icon/icon.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAWpC,CAAC"}

package/dist/components/icon/icon.js ADDED Viewed

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as PhosphorIcons from '@phosphor-icons/react';
+import { getUtilityColorValue, useTheme } from '../../utils';
+export const Icon = ({ name, color, size = 24, weight = 'regular', filled = false }) => {
+    const { theme } = useTheme();
+    const IconComponent = PhosphorIcons[name];
+    const colorValue = getUtilityColorValue(color);
+    return _jsx(IconComponent, { color: colorValue, size: size, weight: filled ? 'fill' : weight });
+};
+//# sourceMappingURL=icon.js.map

package/dist/components/icon/icon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,aAAa,MAAM,uBAAuB,CAAC;AAGvD,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE,EAAE;IAC3G,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,aAAa,CAAC,IAAI,CAItC,CAAC;IAEH,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,GAAI,CAAC;AAC3F,CAAC,CAAC"}

package/dist/components/icon/icon.types.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import * as PhosphorIcons from '@phosphor-icons/react';
+import { UtilityColorOptions } from '../../types';
+export type IconNames = keyof typeof PhosphorIcons;
+export type IconSizes = 8 | 12 | 16 | 24 | 32 | 48 | 64;
+export type IconProps = {
+    name: IconNames;
+    size: IconSizes;
+    color: UtilityColorOptions;
+    weight?: 'light' | 'regular' | 'bold';
+    square?: boolean;
+    filled?: boolean;
+};
+//# sourceMappingURL=icon.types.d.ts.map

package/dist/components/icon/icon.types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"icon.types.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,aAAa,CAAC;AACnD,MAAM,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,mBAAmB,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC"}

package/dist/components/icon/icon.types.js ADDED Viewed

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

package/dist/components/icon/icon.types.js.map ADDED Viewed

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

package/dist/components/icon/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { IconProps, IconNames, IconSizes } from './icon.types';
+export { Icon } from './icon';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/icon/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/icon/index.js ADDED Viewed

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

package/dist/components/icon/index.js.map ADDED Viewed

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

package/dist/components/info-card/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { InfoCardProps } from './info-card.types';
+export { InfoCard } from './info-card';
+//# sourceMappingURL=index.d.ts.map

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

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/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/info-card/index.js ADDED Viewed

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

package/dist/components/info-card/index.js.map ADDED Viewed

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

package/dist/components/info-card/info-card.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { InfoCardProps } from './info-card.types';
+export declare const InfoCard: ({ title, url, icon, img }: InfoCardProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=info-card.d.ts.map

package/dist/components/info-card/info-card.d.ts.map ADDED Viewed

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

package/dist/components/info-card/info-card.js ADDED Viewed

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const InfoCard = ({ title, url, icon, img }) => {
+    return (_jsx("div", { className: "thread-mx-auto thread-rounded-lg thread-border thread-bg-card thread-text-card-foreground thread-shadow-sm thread-my-3 thread-overflow-hidden thread-max-h-60 thread-w-[391px] thread-h-[241px]", children: _jsx("a", { href: url, children: _jsxs("span", { className: " thread-cursor-pointer", children: [_jsx("div", { className: "thread-overflow-hidden thread-w-full thread-h-5/6", children: _jsx("img", { className: "thread-h-auto thread-min-h-full thread-w-auto thread-min-w-full", src: img, alt: "recipe cover" }) }), _jsx("div", { className: "thread-p-2 thread-h-1/6", children: _jsxs("span", { className: "thread-flex thread-justify-start thread-items-center", children: [icon.type === 'emoji' ? (_jsx("span", { className: " thread-pr-1", role: "img", children: JSON.parse(`"${icon.content}"`) })) : (_jsx("img", { className: "thread-pr-1", height: 23, width: 23, src: icon.content, alt: "Recipe Logo" })), _jsx("p", { className: "thread-truncate thread-text-sm", children: title })] }) })] }) }) }));
+};
+//# sourceMappingURL=info-card.js.map

package/dist/components/info-card/info-card.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"info-card.js","sourceRoot":"","sources":["../../../src/components/info-card/info-card.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAiB,EAAE,EAAE;IACpE,OAAO,CACN,cAAK,SAAS,EAAC,iMAAiM,YAC/M,YAAG,IAAI,EAAE,GAAG,YACX,gBAAM,SAAS,EAAC,wBAAwB,aACvC,cAAK,SAAS,EAAC,mDAAmD,YACjE,cAAK,SAAS,EAAC,iEAAiE,EAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,cAAc,GAAG,GAC3G,EACN,cAAK,SAAS,EAAC,yBAAyB,YACvC,gBAAM,SAAS,EAAC,sDAAsD,aACpE,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CACxB,eAAM,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,KAAK,YACvC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,GAC1B,CACP,CAAC,CAAC,CAAC,CACH,cAAK,SAAS,EAAC,aAAa,EAAC,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAC,aAAa,GAAG,CAC3F,EACD,YAAG,SAAS,EAAC,gCAAgC,YAAE,KAAK,GAAK,IACnD,GACF,IACA,GACJ,GACC,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/info-card/info-card.types.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+export type InfoCardProps = {
+    title: string;
+    url: string;
+    icon: {
+        type: 'emoji' | 'svg';
+        content: string;
+    };
+    img: string;
+};
+//# sourceMappingURL=info-card.types.d.ts.map

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

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"info-card.types.d.ts","sourceRoot":"","sources":["../../../src/components/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"}

package/dist/components/info-card/info-card.types.js ADDED Viewed

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

package/dist/components/info-card/info-card.types.js.map ADDED Viewed

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

package/dist/components/masonry-layout/index.d.ts ADDED Viewed

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

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

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

package/dist/components/masonry-layout/index.js ADDED Viewed

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

package/dist/components/masonry-layout/index.js.map ADDED Viewed

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

package/dist/components/masonry-layout/masonry-layout.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { MasonryLayoutProps } from './masonry-layout.types';
+export declare const MasonryLayout: ({ title, caption, components }: MasonryLayoutProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=masonry-layout.d.ts.map

package/dist/components/masonry-layout/masonry-layout.d.ts.map ADDED Viewed

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

package/dist/components/masonry-layout/masonry-layout.js ADDED Viewed

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MasonryLayout = ({ title, caption, components }) => {
+    return (_jsxs("section", { "data-testid": "masonry", className: "thread-container", children: [title && (_jsx("h3", { className: "thread-text-2xl thread-font-normal thread-tracking-tight thread-text-black sm:thread-text-4xl", children: title })), caption && _jsx("p", { className: "thread-mt-4 thread-text-lg thread-tracking-tight thread-text-gray-600", children: caption }), _jsx("div", { children: _jsx("ol", { className: " thread-mt-2 thread-columns-2 md:thread-columns-3 lg:thread-columns-4 thread-gap-x-2", children: components.map((component, index) => (_jsx("li", { className: "thread-w-full thread-inline-block thread-rounded thread-overflow-hidden", children: component }, index))) }) })] }));
+};
+//# sourceMappingURL=masonry-layout.js.map

package/dist/components/masonry-layout/masonry-layout.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../src/components/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAsB,EAAE,EAAE;IACnF,OAAO,CACN,kCAAqB,SAAS,EAAC,SAAS,EAAC,kBAAkB,aACzD,KAAK,IAAI,CACT,aAAI,SAAS,EAAC,+FAA+F,YAC3G,KAAK,GACF,CACL,EACA,OAAO,IAAI,YAAG,SAAS,EAAC,uEAAuE,YAAE,OAAO,GAAK,EAC9G,wBACC,aAAI,SAAS,EAAC,sFAAsF,YAClG,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,aAAgB,SAAS,EAAC,yEAAyE,YACjG,SAAS,IADF,KAAK,CAET,CACL,CAAC,GACE,GACA,IACG,CACV,CAAC;AACH,CAAC,CAAC"}