@mjpvs/agentic-component-library-test 1.3.0 → 1.4.0

package/README.md

@@ -1,5 +1,6 @@
 # React Component Library
 
+[![npm](https://img.shields.io/npm/v/@mjpvs/agentic-component-library-test)](https://www.npmjs.com/package/@mjpvs/agentic-component-library-test)
 [![Test Coverage](https://img.shields.io/badge/coverage-100%25-brightgreen)](https://github.com/your-org/your-repo/actions)
 
 A modern React component library built with TypeScript, Storybook, and Vitest. Generated entirely agentically as a learning experiment to explore automated component library creation.

package/dist/components/ArticleCard/ArticleCard.d.ts

@@ -0,0 +1,18 @@
+export interface ArticleCardProps {
+    title: string;
+    excerpt?: string;
+    href: string;
+    image?: {
+        src: string;
+        alt: string;
+    };
+    date?: string | Date;
+    author?: string;
+    readingTime?: number;
+    tags?: Array<{
+        children: React.ReactNode;
+        href?: string;
+    }>;
+    className?: string;
+}
+export declare function ArticleCard({ title, excerpt, href, image, date, author, readingTime, tags, className, }: ArticleCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ArticleCard/ArticleCard.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ArticleCard } from './ArticleCard';
+declare const meta: Meta<typeof ArticleCard>;
+export default meta;
+type Story = StoryObj<typeof ArticleCard>;
+export declare const Default: Story;
+export declare const Full: Story;
+export declare const NoImage: Story;

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

@@ -0,0 +1,2 @@
+export { ArticleCard } from './ArticleCard';
+export type { ArticleCardProps } from './ArticleCard';

package/dist/components/ArticleList/ArticleList.d.ts

@@ -0,0 +1,7 @@
+import { ArticleCardProps } from '../ArticleCard/ArticleCard';
+export interface ArticleListProps {
+    articles: ArticleCardProps[];
+    columns?: 1 | 2 | 3 | 4;
+    className?: string;
+}
+export declare function ArticleList({ articles, columns, className, }: ArticleListProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/ArticleList/ArticleList.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ArticleList } from './ArticleList';
+declare const meta: Meta<typeof ArticleList>;
+export default meta;
+type Story = StoryObj<typeof ArticleList>;
+export declare const Default: Story;
+export declare const TwoColumns: Story;
+export declare const SingleColumn: Story;

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

@@ -0,0 +1,2 @@
+export { ArticleList } from './ArticleList';
+export type { ArticleListProps } from './ArticleList';

package/dist/components/Blockquote/Blockquote.d.ts

@@ -0,0 +1,6 @@
+export interface BlockquoteProps {
+    children: React.ReactNode;
+    cite?: string;
+    className?: string;
+}
+export declare function Blockquote({ children, cite, className }: BlockquoteProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Blockquote/Blockquote.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Blockquote } from './Blockquote';
+declare const meta: Meta<typeof Blockquote>;
+export default meta;
+type Story = StoryObj<typeof Blockquote>;
+export declare const Default: Story;
+export declare const WithCite: Story;

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

@@ -0,0 +1,2 @@
+export { Blockquote } from './Blockquote';
+export type { BlockquoteProps } from './Blockquote';

package/dist/components/CodeBlock/CodeBlock.d.ts

@@ -0,0 +1,7 @@
+export interface CodeBlockProps {
+    code: string;
+    language?: string;
+    showLineNumbers?: boolean;
+    className?: string;
+}
+export declare function CodeBlock({ code, language, showLineNumbers, className, }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/CodeBlock/CodeBlock.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CodeBlock } from './CodeBlock';
+declare const meta: Meta<typeof CodeBlock>;
+export default meta;
+type Story = StoryObj<typeof CodeBlock>;
+export declare const Default: Story;
+export declare const WithLanguage: Story;
+export declare const WithLineNumbers: Story;
+export declare const Python: Story;

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

@@ -0,0 +1,2 @@
+export { CodeBlock } from './CodeBlock';
+export type { CodeBlockProps } from './CodeBlock';

package/dist/components/Footer/Footer.d.ts

@@ -0,0 +1,6 @@
+export interface FooterProps {
+    copyright?: string;
+    navigation?: React.ReactNode;
+    className?: string;
+}
+export declare function Footer({ copyright, navigation, className }: FooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Footer/Footer.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Footer } from './Footer';
+declare const meta: Meta<typeof Footer>;
+export default meta;
+type Story = StoryObj<typeof Footer>;
+export declare const Default: Story;
+export declare const WithCustomCopyright: Story;
+export declare const WithNavigation: Story;

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

@@ -0,0 +1,2 @@
+export { Footer } from './Footer';
+export type { FooterProps } from './Footer';

package/dist/components/Header/Header.d.ts

@@ -0,0 +1,6 @@
+export interface HeaderProps {
+    logo?: React.ReactNode;
+    navigation?: React.ReactNode;
+    className?: string;
+}
+export declare function Header({ logo, navigation, className }: HeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/Header.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Header } from './Header';
+declare const meta: Meta<typeof Header>;
+export default meta;
+type Story = StoryObj<typeof Header>;
+export declare const Default: Story;
+export declare const WithNavigation: Story;
+export declare const LogoOnly: Story;

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

@@ -0,0 +1,2 @@
+export { Header } from './Header';
+export type { HeaderProps } from './Header';

package/dist/components/Image/Image.d.ts

@@ -0,0 +1,11 @@
+export interface ImageProps {
+    src: string;
+    alt: string;
+    caption?: string;
+    width?: number | string;
+    height?: number | string;
+    objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+    loading?: 'lazy' | 'eager';
+    className?: string;
+}
+export declare function Image({ src, alt, caption, width, height, objectFit, loading, className, }: ImageProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Image/Image.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Image } from './Image';
+declare const meta: Meta<typeof Image>;
+export default meta;
+type Story = StoryObj<typeof Image>;
+export declare const Default: Story;
+export declare const WithCaption: Story;
+export declare const LazyLoading: Story;
+export declare const CustomSize: Story;

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

@@ -0,0 +1,2 @@
+export { Image } from './Image';
+export type { ImageProps } from './Image';

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,7 @@
+export interface LinkProps {
+    href: string;
+    children: React.ReactNode;
+    className?: string;
+    showExternalIcon?: boolean;
+}
+export declare function Link({ href, children, className, showExternalIcon, }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Link/Link.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Link } from './Link';
+declare const meta: Meta<typeof Link>;
+export default meta;
+type Story = StoryObj<typeof Link>;
+export declare const Internal: Story;
+export declare const External: Story;
+export declare const WithoutIcon: Story;

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

@@ -0,0 +1,2 @@
+export { Link } from './Link';
+export type { LinkProps } from './Link';

package/dist/components/Main/Main.d.ts

@@ -0,0 +1,5 @@
+export interface MainProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function Main({ children, className }: MainProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Main/Main.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Main } from './Main';
+declare const meta: Meta<typeof Main>;
+export default meta;
+type Story = StoryObj<typeof Main>;
+export declare const Default: Story;
+export declare const WithHeading: Story;

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

@@ -0,0 +1,2 @@
+export { Main } from './Main';
+export type { MainProps } from './Main';

package/dist/components/Meta/Meta.d.ts

@@ -0,0 +1,7 @@
+export interface MetaProps {
+    date?: string | Date;
+    author?: string;
+    readingTime?: number;
+    className?: string;
+}
+export declare function Meta({ date, author, readingTime, className, }: MetaProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Meta/Meta.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta as StorybookMeta, StoryObj } from '@storybook/react';
+import { Meta } from './Meta';
+declare const meta: StorybookMeta<typeof Meta>;
+export default meta;
+type Story = StoryObj<typeof Meta>;
+export declare const DateOnly: Story;
+export declare const DateAndAuthor: Story;
+export declare const Full: Story;
+export declare const ReadingTimeOnly: Story;

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

@@ -0,0 +1,3 @@
+export { Meta } from './Meta';
+export type { MetaProps } from './Meta';
+export { calculateReadingTimeFromHtml } from './utils';

package/dist/components/Meta/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function calculateReadingTime(text: string, wordsPerMinute?: number): number;
+export declare function calculateReadingTimeFromHtml(html: string): number;

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,7 @@
+export interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    getPageUrl: (page: number) => string;
+    className?: string;
+}
+export declare function Pagination({ currentPage, totalPages, getPageUrl, className, }: PaginationProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Pagination/Pagination.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Pagination } from './Pagination';
+declare const meta: Meta<typeof Pagination>;
+export default meta;
+type Story = StoryObj<typeof Pagination>;
+export declare const Default: Story;
+export declare const MiddlePage: Story;
+export declare const LastPage: Story;
+export declare const ManyPages: Story;

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

@@ -0,0 +1,2 @@
+export { Pagination } from './Pagination';
+export type { PaginationProps } from './Pagination';

package/dist/components/RichText/RichText.d.ts

@@ -0,0 +1,5 @@
+export interface RichTextProps {
+    html: string;
+    className?: string;
+}
+export declare function RichText({ html, className }: RichTextProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/RichText/RichText.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { RichText } from './RichText';
+declare const meta: Meta<typeof RichText>;
+export default meta;
+type Story = StoryObj<typeof RichText>;
+export declare const Default: Story;
+export declare const WithLink: Story;
+export declare const WithImage: Story;
+export declare const WithVideo: Story;
+export declare const WithCode: Story;
+export declare const WithBlockquote: Story;
+export declare const Complex: Story;

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

@@ -0,0 +1,2 @@
+export { RichText } from './RichText';
+export type { RichTextProps } from './RichText';

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,6 @@
+export interface TagProps {
+    children: React.ReactNode;
+    href?: string;
+    className?: string;
+}
+export declare function Tag({ children, href, className }: TagProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Tag/Tag.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tag } from './Tag';
+declare const meta: Meta<typeof Tag>;
+export default meta;
+type Story = StoryObj<typeof Tag>;
+export declare const Default: Story;
+export declare const WithLink: Story;

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

@@ -0,0 +1,2 @@
+export { Tag } from './Tag';
+export type { TagProps } from './Tag';

package/dist/components/TagList/TagList.d.ts

@@ -0,0 +1,6 @@
+import { TagProps } from '../Tag/Tag';
+export interface TagListProps {
+    tags: TagProps[];
+    className?: string;
+}
+export declare function TagList({ tags, className }: TagListProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TagList/TagList.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TagList } from './TagList';
+declare const meta: Meta<typeof TagList>;
+export default meta;
+type Story = StoryObj<typeof TagList>;
+export declare const Default: Story;
+export declare const WithLinks: Story;

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

@@ -0,0 +1,2 @@
+export { TagList } from './TagList';
+export type { TagListProps } from './TagList';

package/dist/index.d.ts

@@ -14,3 +14,31 @@ export { Container } from './components/Container';
 export type { ContainerProps } from './components/Container';
 export { Video } from './components/Video';
 export type { VideoProps } from './components/Video';
+export { Link } from './components/Link';
+export type { LinkProps } from './components/Link';
+export { Header } from './components/Header';
+export type { HeaderProps } from './components/Header';
+export { Pagination } from './components/Pagination';
+export type { PaginationProps } from './components/Pagination';
+export { Tag } from './components/Tag';
+export type { TagProps } from './components/Tag';
+export { TagList } from './components/TagList';
+export type { TagListProps } from './components/TagList';
+export { Image } from './components/Image';
+export type { ImageProps } from './components/Image';
+export { RichText } from './components/RichText';
+export type { RichTextProps } from './components/RichText';
+export { Main } from './components/Main';
+export type { MainProps } from './components/Main';
+export { Footer } from './components/Footer';
+export type { FooterProps } from './components/Footer';
+export { Blockquote } from './components/Blockquote';
+export type { BlockquoteProps } from './components/Blockquote';
+export { CodeBlock } from './components/CodeBlock';
+export type { CodeBlockProps } from './components/CodeBlock';
+export { Meta, calculateReadingTimeFromHtml } from './components/Meta';
+export type { MetaProps } from './components/Meta';
+export { ArticleCard } from './components/ArticleCard';
+export type { ArticleCardProps } from './components/ArticleCard';
+export { ArticleList } from './components/ArticleList';
+export type { ArticleListProps } from './components/ArticleList';