tharaday 0.1.1

package/.gitignore

@@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+.env
+.env.local
+.env.*.local
+
+node_modules
+dist
+
+# Editor directories and files
+.vscode
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*storybook.log
+storybook-static
+coverage

package/.prettierrc.json

@@ -0,0 +1,10 @@
+{
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "printWidth": 100,
+  "arrowParens": "always",
+  "endOfLine": "lf"
+}

package/.storybook/main.ts

@@ -0,0 +1,8 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: ['@storybook/addon-a11y'],
+  framework: '@storybook/react-vite',
+};
+export default config;

package/.storybook/preview.ts

@@ -0,0 +1,50 @@
+import type { Preview } from '@storybook/react-vite';
+
+// Design system styles (foundation -> theme refs -> semantics)
+import '../src/styles/ds.css';
+
+const preview: Preview = {
+  parameters: {
+    a11y: {
+      disable: false,
+    },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+
+  globalTypes: {
+    theme: {
+      name: 'Theme',
+      defaultValue: 'light',
+      toolbar: {
+        icon: 'mirror',
+        items: [
+          { value: 'light', title: 'Light' },
+          { value: 'dark', title: 'Dark' },
+          { value: 'retro', title: 'Retro' },
+        ],
+      },
+    },
+  },
+
+  decorators: [
+    (Story, context) => {
+      const theme = context.globals.theme as 'light' | 'dark' | 'retro';
+      const root = document.documentElement;
+
+      if (theme === 'light') {
+        delete root.dataset.theme;
+      } else {
+        root.dataset.theme = theme;
+      }
+
+      return Story();
+    },
+  ],
+};
+
+export default preview;

package/.versionrc.json

@@ -0,0 +1,6 @@
+{
+  "skip": {
+    "commit": false,
+    "tag": false
+  }
+}

package/README.md

@@ -0,0 +1,73 @@
+# Tharaday Design System
+
+Welcome to the Tharaday design system! This project was created to help you build and maintain a consistent UI library.
+
+## Quick Start
+
+```bash
+npm install
+npm run storybook
+```
+
+Storybook is available at http://localhost:6006.
+
+## Use in an app
+
+Import the styles once at your app root and use the components.
+
+```tsx
+import 'tharaday/styles.css';
+
+import { Button } from 'tharaday';
+
+export function Example() {
+  return <Button>Click me</Button>;
+}
+```
+
+## Docs
+
+- `docs/GETTING_STARTED.md` for setup and dev workflows
+- `docs/CUSTOMIZATION.md` for components, tokens, and theming
+- `docs/TOKENS_AND_THEMES.md` for token structure and theme mapping
+- `docs/PUBLISHING.md` for build and release
+
+## Project Structure
+
+- `src/components/` - Your React components. Each component has its own folder with:
+  - `.tsx` - Implementation
+  - `.module.css` - Scoped styles
+  - `.stories.tsx` - Storybook stories
+  - `.types.ts` - TypeScript definitions
+- `src/layouts/` - App-level layout components (shells, page scaffolding)
+- `src/styles/` - Global styles and design tokens:
+  - `tokens.css` - Core design tokens (colors, spacing, etc.)
+  - `semantic.css` - Semantic tokens mapping tokens to usage
+  - `themes/` - Light and dark theme definitions
+- `.storybook/` - Storybook configuration
+
+## Styling
+
+The Tharaday design system uses CSS Modules and CSS Variables for styling.
+
+## Available Scripts
+
+- `npm run build` - Build the Tharaday design system for production (outputs to `dist/`)
+- `npm run build-storybook` - Build static Storybook site
+- `npm run storybook` - Start Storybook
+- `npm run lint` - Run ESLint
+- `npm run lint:fix` - Run ESLint with auto-fix
+- `npm run format` - Check formatting with Prettier
+- `npm run format:fix` - Format code with Prettier
+- `npm run release` - Bump version, update changelog, and tag a release
+- `npm run release:alpha` - Create an alpha prerelease tag
+- `npm run release:beta` - Create a beta prerelease tag
+- `npm run release:patch` - Release a patch version
+- `npm run release:minor` - Release a minor version
+- `npm run release:major` - Release a major version
+- `npm run publish:npm` - Publish to npmjs (bypasses local .npmrc)
+
+## Git Hooks
+
+Husky runs on install and enforces a pre-commit hook that runs `npm run lint` and
+`npm run format`. Use `npm run format:fix` to resolve formatting issues locally.

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,2 @@
+import { AccordionProps } from './Accordion.types.ts';
+export declare const Accordion: ({ items, allowMultiple, defaultExpanded, variant, size, className, id, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Accordion } from './Accordion.tsx';
+declare const meta: Meta<typeof Accordion>;
+export default meta;
+type Story = StoryObj<typeof Accordion>;
+export declare const Default: Story;
+export declare const Ghost: Story;
+export declare const Bordered: Story;
+export declare const Separated: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const AllowMultiple: Story;
+export declare const DefaultExpanded: Story;
+export declare const ComplexContent: Story;

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export interface AccordionItem {
+    id: string;
+    title: ReactNode;
+    content: ReactNode;
+    isDisabled?: boolean;
+}
+export type AccordionVariant = 'default' | 'ghost' | 'separated' | 'bordered';
+export type AccordionSize = 'sm' | 'md' | 'lg';
+export interface AccordionProps {
+    items: AccordionItem[];
+    allowMultiple?: boolean;
+    defaultExpanded?: string[];
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    className?: string;
+    id?: string;
+}

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,2 @@
+import { AvatarProps } from './Avatar.types.ts';
+export declare const Avatar: ({ src, alt, name, size, fallback, className, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ src, alt, name, size, fallback, className, ...props }: import('./Avatar.types.ts').AvatarProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithImage: Story;
+export declare const Sizes: Story;

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

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
+    src?: string;
+    alt?: string;
+    name?: string;
+    size?: AvatarSize;
+    fallback?: string;
+    className?: string;
+}

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,2 @@
+import { BadgeProps } from './Badge.types.ts';
+export declare const Badge: ({ variant, size, intent, className, children, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,33 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ variant, size, intent, className, children, ...props }: import('./Badge.types.ts').BadgeProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        intent: {
+            control: "select";
+            options: string[];
+        };
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Solid: Story;
+export declare const Subtle: Story;
+export declare const Outline: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Danger: Story;
+export declare const Info: Story;
+export declare const All: Story;

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

@@ -0,0 +1,9 @@
+import { HTMLAttributes } from 'react';
+export type BadgeVariant = 'solid' | 'subtle' | 'outline';
+export type BadgeSize = 'sm' | 'md' | 'lg';
+export type BadgeIntent = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    intent?: BadgeIntent;
+}

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,2 @@
+import { BoxProps } from './Box.types.ts';
+export declare const Box: ({ children, as: Component, display, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, m, mx, my, mt, mb, ml, mr, gap, flexDirection, alignItems, justifyContent, flexWrap, flexGrow, flexShrink, flex, fullWidth, textAlign, width, height, gridTemplateColumns, backgroundColor, border, borderBottom, borderColor, borderRadius, className, style, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,38 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ children, as: Component, display, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, m, mx, my, mt, mb, ml, mr, gap, flexDirection, alignItems, justifyContent, flexWrap, flexGrow, flexShrink, flex, fullWidth, textAlign, width, height, gridTemplateColumns, backgroundColor, border, borderBottom, borderColor, borderRadius, className, style, ...props }: import('./Box.types.ts').BoxProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    argTypes: {
+        display: {
+            control: "select";
+            options: string[];
+        };
+        padding: {
+            control: "select";
+            options: number[];
+        };
+        gap: {
+            control: "select";
+            options: number[];
+        };
+        flexDirection: {
+            control: "select";
+            options: string[];
+        };
+        alignItems: {
+            control: "select";
+            options: string[];
+        };
+        justifyContent: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const FlexRow: Story;
+export declare const FlexColumn: Story;
+export declare const CustomElement: Story;

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

@@ -0,0 +1,49 @@
+import { HTMLAttributes, ReactNode, ElementType } from 'react';
+export type BoxPadding = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 12 | 14;
+export type BoxMargin = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 12 | 14;
+export type BoxGap = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 12 | 14;
+export type BoxDisplay = 'block' | 'flex' | 'inline-flex' | 'grid' | 'inline-block' | 'none';
+export type BoxFlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
+export type BoxAlignItems = 'stretch' | 'flex-start' | 'center' | 'flex-end' | 'baseline';
+export type BoxJustifyContent = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+export type BoxBackgroundColor = 'none' | 'main' | 'subtle' | 'info-subtle' | 'success-subtle' | 'warning-subtle' | 'danger-subtle';
+export type BoxBorderColor = 'main' | 'subtle' | 'danger' | 'warning' | 'success' | 'info';
+export type BoxBorderRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'full';
+export interface BoxProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode;
+    as?: ElementType;
+    display?: BoxDisplay;
+    padding?: BoxPadding;
+    paddingX?: BoxPadding;
+    paddingY?: BoxPadding;
+    paddingTop?: BoxPadding;
+    paddingBottom?: BoxPadding;
+    paddingLeft?: BoxPadding;
+    paddingRight?: BoxPadding;
+    m?: BoxMargin;
+    mx?: BoxMargin;
+    my?: BoxMargin;
+    mt?: BoxMargin;
+    mb?: BoxMargin;
+    ml?: BoxMargin;
+    mr?: BoxMargin;
+    gap?: BoxGap;
+    flexDirection?: BoxFlexDirection;
+    alignItems?: BoxAlignItems;
+    justifyContent?: BoxJustifyContent;
+    className?: string;
+    flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    flexGrow?: number | string;
+    flexShrink?: number | string;
+    flex?: number | string;
+    fullWidth?: boolean;
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
+    width?: string | number;
+    height?: string | number;
+    gridTemplateColumns?: string;
+    backgroundColor?: BoxBackgroundColor;
+    border?: boolean;
+    borderBottom?: boolean;
+    borderColor?: BoxBorderColor;
+    borderRadius?: BoxBorderRadius;
+}

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,3 @@
+import { BreadcrumbsProps, BreadcrumbItemProps } from './Breadcrumbs.types.ts';
+export declare const BreadcrumbItem: ({ href, isCurrent, children, className, ...props }: BreadcrumbItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Breadcrumbs: ({ children, separator, className, ...props }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ children, separator, className, ...props }: import('./Breadcrumbs.types.ts').BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CustomSeparator: Story;

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

@@ -0,0 +1,11 @@
+import { ReactNode, AnchorHTMLAttributes, HTMLAttributes } from 'react';
+export interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {
+    children?: ReactNode;
+    separator?: ReactNode;
+    className?: string;
+}
+export interface BreadcrumbItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    href?: string;
+    isCurrent?: boolean;
+    children: ReactNode;
+}

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from './Button.types.ts';
+export declare const Button: ({ size, variant, intent, fullWidth, className, children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ size, variant, intent, fullWidth, className, children, ...props }: import('./Button.types.ts').ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Solid: Story;
+export declare const Subtle: Story;
+export declare const Outline: Story;
+export declare const ExtraSmall: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const ExtraLarge: Story;
+export declare const All: Story;

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

@@ -0,0 +1,12 @@
+import { ButtonHTMLAttributes } from 'react';
+export type ButtonVariant = 'solid' | 'subtle' | 'outline';
+export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type ButtonIntent = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    intent?: ButtonIntent;
+    isLoading?: boolean;
+    fullWidth?: boolean;
+    className?: string;
+}

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,5 @@
+import { CardProps, CardHeaderProps, CardContentProps, CardFooterProps } from './Card.types.ts';
+export declare const Card: ({ padding, shadow, bordered, borderColor, backgroundColor, className, children, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardHeader: ({ title, subtitle, className, children, ...props }: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardContent: ({ className, children, ...props }: CardContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardFooter: ({ className, children, ...props }: CardFooterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ padding, shadow, bordered, borderColor, backgroundColor, className, children, ...props }: import('./Card.types.ts').CardProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        padding: {
+            control: "select";
+            options: string[];
+        };
+        shadow: {
+            control: "select";
+            options: string[];
+        };
+        bordered: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Simple: Story;
+export declare const BackgroundColor: Story;

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

@@ -0,0 +1,15 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BoxBackgroundColor, BoxBorderColor } from '../Box/Box.types.ts';
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+    shadow?: 'none' | 'sm' | 'md';
+    bordered?: boolean;
+    borderColor?: BoxBorderColor;
+    backgroundColor?: BoxBackgroundColor;
+}
+export interface CardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: ReactNode;
+    subtitle?: ReactNode;
+}
+export type CardContentProps = HTMLAttributes<HTMLDivElement>;
+export type CardFooterProps = HTMLAttributes<HTMLDivElement>;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps } from './Checkbox.types.ts';
+export declare const Checkbox: ({ label, error, helperText, className, disabled, id, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ label, error, helperText, className, disabled, id, ...props }: import('./Checkbox.types.ts').CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const WithHelperText: Story;
+export declare const Error: Story;
+export declare const Disabled: Story;
+export declare const All: Story;

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

@@ -0,0 +1,6 @@
+import { InputHTMLAttributes } from 'react';
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+}

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,2 @@
+import { DropdownProps } from './Dropdown.types.ts';
+export declare const Dropdown: ({ options, value, defaultValue, onChange, placeholder, label, helperText, error, disabled, size, className, id, fullWidth, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Dropdown } from './Dropdown.tsx';
+declare const meta: Meta<typeof Dropdown>;
+export default meta;
+type Story = StoryObj<typeof Dropdown>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const WithValue: Story;
+export declare const Error: Story;
+export declare const Disabled: Story;
+export declare const Sizes: Story;
+export declare const FullWidth: Story;

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+export type DropdownSize = 'sm' | 'md' | 'lg';
+export interface DropdownOption {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+    icon?: ReactNode;
+    description?: string;
+}
+export interface DropdownProps {
+    options: DropdownOption[];
+    value?: string | number;
+    defaultValue?: string | number;
+    onChange?: (value: string | number) => void;
+    placeholder?: string;
+    label?: string;
+    helperText?: string;
+    error?: boolean;
+    disabled?: boolean;
+    size?: DropdownSize;
+    className?: string;
+    id?: string;
+    fullWidth?: boolean;
+}

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

@@ -0,0 +1,2 @@
+import { HeaderProps } from './Header.types.ts';
+export declare const Header: ({ id, logo, title, user, onLogin, onLogout, onCreateAccount, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ id, logo, title, user, onLogin, onLogout, onCreateAccount, }: import('./Header.types.ts').HeaderProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        onLogin: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onLogout: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onCreateAccount: import('@vitest/spy').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LoggedIn: Story;
+export declare const LoggedOut: Story;

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+type User = {
+    name: string;
+};
+export interface HeaderProps {
+    id?: string;
+    logo?: ReactNode;
+    title?: string;
+    user?: User;
+    onLogin?: () => void;
+    onLogout?: () => void;
+    onCreateAccount?: () => void;
+}
+export {};

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

@@ -0,0 +1,2 @@
+import { InputProps } from './Input.types.ts';
+export declare const Input: ({ size, error, label, helperText, className, id, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;