@edwardguerra/design-system 1.0.0

package/dist/types/components/Carousel/index.d.ts

@@ -0,0 +1,2 @@
+export { Carousel, CarouselSlide } from './Carousel';
+export type { CarouselProps, CarouselSlideProps } from './Carousel';

package/dist/types/components/DescriptionList/DescriptionList.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import './DescriptionList.css';
+export interface DescriptionListProps {
+    /**
+     * DescriptionListItem elements
+     */
+    children: React.ReactNode;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+export interface DescriptionListItemProps {
+    /**
+     * Term label (left column)
+     */
+    term: React.ReactNode;
+    /**
+     * Description content (right column)
+     */
+    children: React.ReactNode;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+/**
+ * DescriptionList renders a list of term/description row pairs
+ */
+export declare const DescriptionList: React.FC<DescriptionListProps>;
+export declare const DescriptionListItem: React.FC<DescriptionListItemProps>;

package/dist/types/components/DescriptionList/DescriptionList.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./DescriptionList").DescriptionListProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/components/DescriptionList/DescriptionList.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/DescriptionList/index.d.ts

@@ -0,0 +1,2 @@
+export { DescriptionList, DescriptionListItem } from './DescriptionList';
+export type { DescriptionListProps, DescriptionListItemProps } from './DescriptionList';

package/dist/types/components/Feature/Feature.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import './Feature.css';
+export interface FeatureProps {
+    /**
+     * Feature content
+     */
+    children: React.ReactNode;
+    /**
+     * "column" stacks content vertically, "row" places it side by side,
+     * "columns" arranges multiple features in a responsive grid
+     */
+    layout?: 'column' | 'row' | 'columns';
+    /**
+     * Adds a border around the feature
+     */
+    bordered?: boolean;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+/**
+ * Feature renders a content block used to highlight a single item or idea
+ */
+export declare const Feature: React.FC<FeatureProps>;

package/dist/types/components/Feature/Feature.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./Feature").FeatureProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        layout: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Column: Story;
+export declare const Row: Story;

package/dist/types/components/Feature/Feature.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Feature/index.d.ts

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

package/dist/types/components/Icon/Icon.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import './Icon.css';
+export interface IconProps {
+    /**
+     * Icon content, typically an SVG
+     */
+    children: React.ReactNode;
+    /**
+     * Icon size
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Render as an outlined stroke icon (uses --eg-border for stroke color)
+     */
+    stroke?: boolean;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+/**
+ * Icon wrapper for sizing and coloring inline SVG icons
+ */
+export declare const Icon: React.FC<IconProps>;

package/dist/types/components/Icon/Icon.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./Icon").IconProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Stroke: Story;

package/dist/types/components/Icon/Icon.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Icon/index.d.ts

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

package/dist/types/components/Input/Input.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import './Input.css';
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /**
+     * Input label
+     */
+    label?: string;
+    /**
+     * Input size
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Error message to display
+     */
+    error?: string;
+    /**
+     * Helper text to display
+     */
+    helperText?: string;
+    /**
+     * Is the input required?
+     */
+    required?: boolean;
+    /**
+     * Icon to display before input
+     */
+    iconBefore?: React.ReactNode;
+    /**
+     * Icon to display after input
+     */
+    iconAfter?: React.ReactNode;
+    /**
+     * Full width input
+     */
+    fullWidth?: boolean;
+}
+/**
+ * Input component for text entry
+ */
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/types/components/Input/Input.stories.d.ts

@@ -0,0 +1,30 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./Input").InputProps & import("react").RefAttributes<HTMLInputElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: string;
+            options: string[];
+        };
+        type: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const Required: Story;
+export declare const WithError: Story;
+export declare const WithHelperText: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Disabled: Story;
+export declare const FullWidth: Story;

package/dist/types/components/Input/Input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Input/index.d.ts

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

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import './Link.css';
+export interface LinkProps {
+    /**
+     * Link target
+     */
+    href: string;
+    /**
+     * Link content
+     */
+    children: React.ReactNode;
+    /**
+     * "default" underlines on hover; "dotted" is always underlined with a dotted style
+     */
+    variant?: 'default' | 'dotted';
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+/**
+ * Link renders a brand-colored text link. For button-styled links,
+ * render a Button and pass an onClick that navigates, or wrap a native
+ * anchor around it.
+ */
+export declare const Link: React.FC<LinkProps>;
+export interface SkipLinkProps {
+    /**
+     * ID of the main content landmark to jump to
+     */
+    href: string;
+    /**
+     * Link content
+     */
+    children: React.ReactNode;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+/**
+ * SkipLink is visually hidden until focused, letting keyboard users
+ * jump past repeated navigation to the main content
+ */
+export declare const SkipLink: React.FC<SkipLinkProps>;

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

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./Link").LinkProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Dotted: Story;

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

@@ -0,0 +1 @@
+export {};

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

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

package/dist/types/components/List/List.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import './List.css';
+export interface ListProps {
+    /**
+     * ListItem elements
+     */
+    children: React.ReactNode;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+export interface ListItemProps {
+    /**
+     * Item content
+     */
+    children: React.ReactNode;
+    /**
+     * Marker icon shown before the item
+     */
+    marker?: 'default' | 'check' | 'thumbs-up' | 'thumbs-down' | 'none';
+    /**
+     * Render as a row with content pushed to opposite ends and a top divider
+     */
+    row?: boolean;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+/**
+ * List renders a styled list with optional icon markers
+ */
+export declare const List: React.FC<ListProps>;
+export declare const ListItem: React.FC<ListItemProps>;

package/dist/types/components/List/List.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./List").ListProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Markers: Story;
+export declare const Rows: Story;

package/dist/types/components/List/List.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/List/index.d.ts

@@ -0,0 +1,2 @@
+export { List, ListItem } from './List';
+export type { ListProps, ListItemProps } from './List';

package/dist/types/components/Menu/Menu.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import './Menu.css';
+export interface MenuProps {
+    /**
+     * Whether the menu is visible
+     */
+    open: boolean;
+    /**
+     * MenuItem elements
+     */
+    children: React.ReactNode;
+    /**
+     * Horizontal alignment relative to the trigger
+     */
+    align?: 'left' | 'right';
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+/**
+ * Menu renders a popover-style dropdown, positioned relative to a
+ * `position: relative` parent
+ */
+export declare const Menu: React.FC<MenuProps>;
+export interface MenuItemProps {
+    /**
+     * Item content
+     */
+    children: React.ReactNode;
+    /**
+     * Click handler
+     */
+    onClick?: () => void;
+    /**
+     * Marks this item as the active/current selection
+     */
+    active?: boolean;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+export declare const MenuItem: React.FC<MenuItemProps>;

package/dist/types/components/Menu/Menu.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./Menu").MenuProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        open: boolean;
+        children: React.ReactNode;
+        align?: "left" | "right" | undefined;
+        className?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Open: Story;
+export declare const Closed: Story;

package/dist/types/components/Menu/Menu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Menu/index.d.ts

@@ -0,0 +1,2 @@
+export { Menu, MenuItem } from './Menu';
+export type { MenuProps, MenuItemProps } from './Menu';

package/dist/types/components/Modal/Modal.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import './Modal.css';
+export interface ModalProps {
+    /**
+     * Is the modal open?
+     */
+    open: boolean;
+    /**
+     * Callback when modal should close
+     */
+    onClose: () => void;
+    /**
+     * Modal title
+     */
+    title?: string;
+    /**
+     * Modal content
+     */
+    children: React.ReactNode;
+    /**
+     * Modal size
+     */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /**
+     * Show close button
+     */
+    showCloseButton?: boolean;
+    /**
+     * Close on backdrop click
+     */
+    closeOnBackdrop?: boolean;
+    /**
+     * Close on escape key
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Footer content
+     */
+    footer?: React.ReactNode;
+}
+/**
+ * Modal component for dialogs and overlays
+ */
+export declare const Modal: React.FC<ModalProps>;

package/dist/types/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,26 @@
+import type { StoryObj } from '@storybook/react';
+import { type ModalProps } from './Modal';
+declare const meta: {
+    title: string;
+    component: import("react").FC<ModalProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        size: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithFooter: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const FullScreen: Story;
+export declare const NoCloseButton: Story;
+export declare const NoBackdropClose: Story;
+export declare const LongContent: Story;

package/dist/types/components/Modal/Modal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Modal/index.d.ts

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

package/dist/types/components/Nav/Nav.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import './Nav.css';
+export interface NavProps {
+    /**
+     * NavItem elements
+     */
+    children: React.ReactNode;
+    /**
+     * "side" renders a fixed sidebar layout; "inline" is a plain list
+     */
+    variant?: 'side' | 'inline';
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+export interface NavItemProps {
+    /**
+     * Item content
+     */
+    children: React.ReactNode;
+    /**
+     * If provided, renders as a link
+     */
+    href?: string;
+    /**
+     * Click handler (used when no href is provided)
+     */
+    onClick?: () => void;
+    /**
+     * Marks this item as the active page/section
+     */
+    active?: boolean;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+/**
+ * Nav renders a list of navigation links
+ */
+export declare const Nav: React.FC<NavProps>;
+export declare const NavItem: React.FC<NavItemProps>;

package/dist/types/components/Nav/Nav.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./Nav").NavProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: string;
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Inline: Story;
+export declare const Side: Story;

package/dist/types/components/Nav/Nav.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Nav/index.d.ts

@@ -0,0 +1,2 @@
+export { Nav, NavItem } from './Nav';
+export type { NavProps, NavItemProps } from './Nav';

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import './Pagination.css';
+export interface PaginationProps {
+    /**
+     * Label for the previous link
+     */
+    previousLabel?: string;
+    /**
+     * Label for the next link
+     */
+    nextLabel?: string;
+    /**
+     * Called when the previous link is activated
+     */
+    onPrevious?: () => void;
+    /**
+     * Called when the next link is activated
+     */
+    onNext?: () => void;
+    /**
+     * Disable the previous link
+     */
+    previousDisabled?: boolean;
+    /**
+     * Disable the next link
+     */
+    nextDisabled?: boolean;
+    /**
+     * Additional CSS class
+     */
+    className?: string;
+}
+/**
+ * Pagination component for moving between previous/next content
+ */
+export declare const Pagination: React.FC<PaginationProps>;

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

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./Pagination").PaginationProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CustomLabels: Story;
+export declare const PreviousDisabled: Story;
+export declare const NextDisabled: Story;

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

@@ -0,0 +1 @@
+export {};

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

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