@eloisallena/web_components 1.0.0

package/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/dist/.next/dev/types/validator.d.ts

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

package/dist/.next/types/validator.d.ts

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

package/dist/.storybook/main.d.ts

@@ -0,0 +1,3 @@
+import { StorybookConfig } from '@storybook/nextjs-vite';
+declare const config: StorybookConfig;
+export default config;

package/dist/.storybook/preview.d.ts

@@ -0,0 +1,4 @@
+import { Preview } from '@storybook/nextjs-vite';
+export declare const decorators: import('storybook/internal/csf').DecoratorFunction<any>[];
+declare const preview: Preview;
+export default preview;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/index.js'
+export {}

package/dist/next.config.d.ts

@@ -0,0 +1,3 @@
+import { NextConfig } from 'next';
+declare const nextConfig: NextConfig;
+export default nextConfig;

package/dist/src/app/layout.d.ts

@@ -0,0 +1,5 @@
+import { Metadata } from 'next';
+export declare const metadata: Metadata;
+export default function RootLayout({ children, }: Readonly<{
+    children: React.ReactNode;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/src/app/page.d.ts

@@ -0,0 +1 @@
+export default function Home(): import("react/jsx-runtime").JSX.Element;

package/dist/src/component/breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,9 @@
+interface BreadcrumbsProps {
+    items: {
+        id: number;
+        label: string;
+        href: string;
+    }[];
+}
+export declare const Breadcrumbs: React.FC<BreadcrumbsProps>;
+export {};

package/dist/src/component/breadcrumbs/index.d.ts

@@ -0,0 +1 @@
+export { Breadcrumbs } from './Breadcrumbs';

package/dist/src/component/button/Button.d.ts

@@ -0,0 +1,8 @@
+export interface ButtonProps {
+    variant?: "primary" | "secondary" | "restore" | "delete" | "disabled";
+    label?: string;
+    isLoading?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export declare const Button: React.FC<ButtonProps>;

package/dist/src/component/button/index.d.ts

@@ -0,0 +1 @@
+export { Button } from './Button';

package/dist/src/component/card/Card.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface CardProps {
+    children?: React.ReactNode;
+}
+export declare const Card: React.FC<CardProps>;
+export {};

package/dist/src/component/card/CardContent.d.ts

@@ -0,0 +1,6 @@
+interface CardContentProps {
+    title: string;
+    description: string;
+}
+export declare const CardContent: React.FC<CardContentProps>;
+export {};

package/dist/src/component/card/CardFooter.d.ts

@@ -0,0 +1,5 @@
+interface CardFooterProps {
+    children?: React.ReactNode;
+}
+export declare const CardFooter: React.FC<CardFooterProps>;
+export {};

package/dist/src/component/card/CardImage.d.ts

@@ -0,0 +1,7 @@
+interface CardImageProps {
+    alt: string;
+    image: string;
+    children?: React.ReactNode;
+}
+export declare const CardImage: React.FC<CardImageProps>;
+export {};

package/dist/src/component/card/index.d.ts

@@ -0,0 +1,4 @@
+export { Card } from './Card';
+export { CardContent } from './CardContent';
+export { CardImage } from './CardImage';
+export { CardFooter } from './CardFooter';

package/dist/src/component/footer/Cfooter.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+interface CfooterProps {
+    children?: ReactNode;
+}
+export declare const Cfooter: ({ children }: CfooterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/component/footer/FooterBottom.d.ts

@@ -0,0 +1,5 @@
+interface FooterBottomProps {
+    copyright: string;
+}
+export declare const FooterBottom: React.FC<FooterBottomProps>;
+export {};

package/dist/src/component/footer/FooterContact.d.ts

@@ -0,0 +1,11 @@
+interface FooterContactProps {
+    email: string;
+    phone: string;
+    socials: {
+        id: number;
+        label: string;
+        href: string;
+    }[];
+}
+export declare const FooterContact: ({ email, phone, socials, }: FooterContactProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/component/footer/FooterIcon.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface FooterIconProps {
+    children?: ReactNode;
+    description: string;
+}
+export declare const FooterIcon: ({ children, description, }: FooterIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/component/footer/QuickLink.d.ts

@@ -0,0 +1,11 @@
+interface QuickLinkProps {
+    title: string;
+    links: {
+        id: number;
+        label: string;
+        href: string;
+    }[];
+    onItemClick?: (label: string) => void;
+}
+export declare const QuickLink: ({ title, links, onItemClick, }: QuickLinkProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/component/footer/index.d.ts

@@ -0,0 +1,5 @@
+export { Cfooter } from './Cfooter';
+export { FooterIcon } from './FooterIcon';
+export { FooterBottom } from './FooterBottom';
+export { FooterContact } from './FooterContact';
+export { QuickLink } from './QuickLink';

package/dist/src/component/form/Cform.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface CformProps {
+    children?: React.ReactNode;
+}
+export declare const Cform: React.FC<CformProps>;
+export {};

package/dist/src/component/form/index.d.ts

@@ -0,0 +1 @@
+export { Cform } from './Cform';

package/dist/src/component/header/Cheader.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface CheaderProps {
+    children?: React.ReactNode;
+    style?: string;
+}
+export declare const Cheader: React.FC<CheaderProps>;
+export {};

package/dist/src/component/header/Drawer.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface DrawerProps {
+    navDrawer: {
+        id: number;
+        href: string;
+        label: string;
+    }[];
+    style?: string;
+    onItemClick?: (label: string) => void;
+}
+export declare const Drawer: React.FC<DrawerProps>;
+export {};

package/dist/src/component/header/Icon.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface IconProps {
+    logo?: string;
+    title?: string;
+    style?: string;
+    alt?: string;
+}
+export declare const Icon: React.FC<IconProps>;
+export {};

package/dist/src/component/header/NavBar.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface NavBarProps {
+    navBar: {
+        id: number;
+        href: string;
+        label: string;
+    }[];
+    style?: string;
+    onItemClick?: (label: string) => void;
+}
+export declare const NavBar: React.FC<NavBarProps>;
+export {};

package/dist/src/component/header/SearchBar.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface SearchBarProps {
+    placeholder?: string;
+    style?: string;
+    children?: React.ReactNode;
+}
+export declare const SearchBar: React.FC<SearchBarProps>;
+export {};

package/dist/src/component/header/index.d.ts

@@ -0,0 +1,5 @@
+export { Cheader } from './Cheader';
+export { Icon } from './Icon';
+export { Drawer } from './Drawer';
+export { SearchBar } from './SearchBar';
+export { NavBar } from './NavBar';

package/dist/src/component/input/CheckBox.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface CheckBoxProps {
+    id: string;
+    label: string;
+    required?: boolean;
+    disabled?: boolean;
+    defaultChecked?: boolean;
+    error?: boolean;
+    helperText?: string;
+}
+export declare const CheckBox: React.FC<CheckBoxProps>;
+export {};

package/dist/src/component/input/Select.d.ts

@@ -0,0 +1,17 @@
+interface SelectProps {
+    label: string;
+    options: {
+        key: number;
+        name: string;
+        value: string;
+        image?: string;
+    }[];
+    required?: boolean;
+    disabled?: boolean;
+    helperText?: string;
+    error?: boolean;
+    value?: string;
+    onChange?: (value: string) => void;
+}
+export declare const Select: React.FC<SelectProps>;
+export {};

package/dist/src/component/input/TextField.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface TextFieldProps {
+    id: string;
+    labelText: string;
+    placeholder: string;
+    error?: boolean;
+    helperText?: string;
+    type: "text" | "email" | "password" | "number";
+}
+export declare const TextField: React.FC<TextFieldProps>;
+export {};

package/dist/src/component/input/index.d.ts

@@ -0,0 +1,3 @@
+export { TextField } from './TextField';
+export { CheckBox } from './CheckBox';
+export { Select } from './Select';

package/dist/src/component/modal/Modal.d.ts

@@ -0,0 +1,8 @@
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    children: React.ReactNode;
+}
+export declare const Modal: React.FC<ModalProps>;
+export {};

package/dist/src/component/modal/index.d.ts

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

package/dist/src/component/section/Section.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface SectionProps {
+    id?: string;
+    title?: string;
+    children?: React.ReactNode;
+    style?: string;
+}
+export declare const Section: React.FC<SectionProps>;
+export {};

package/dist/src/component/section/index.d.ts

@@ -0,0 +1 @@
+export { Section } from './Section';

package/dist/src/component/spinner/Loader.d.ts

@@ -0,0 +1 @@
+export declare const Loader: React.FC;

package/dist/src/component/spinner/index.d.ts

@@ -0,0 +1 @@
+export { Loader } from './Loader';

package/dist/src/component/stories/LandingLayout.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface LayoutProps {
+    children: React.ReactNode;
+}
+export declare const LandingLayout: React.FC<LayoutProps>;
+export {};

package/dist/src/component/stories/index.d.ts

@@ -0,0 +1 @@
+export { LandingLayout } from './LandingLayout';

package/dist/src/component/table/Ctable.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface CtableProps {
+    children?: React.ReactNode;
+    style?: string;
+    maxRows?: number;
+}
+export declare const Ctable: React.FC<CtableProps>;
+export {};

package/dist/src/component/table/TableBody.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface TableBodyProps {
+    children?: React.ReactNode;
+    style?: string;
+}
+export declare const TableBody: React.FC<TableBodyProps>;
+export {};

package/dist/src/component/table/TableCell.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface TableCellProps {
+    children: React.ReactNode;
+    align?: string;
+    style?: string;
+}
+export declare const TableCell: React.FC<TableCellProps>;
+export {};

package/dist/src/component/table/TableHead.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { TableHeadCell } from './types';
+interface TableHeadProps {
+    rowData: TableHeadCell[];
+}
+export declare const TableHead: React.FC<TableHeadProps>;
+export {};

package/dist/src/component/table/TableRow.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { TableRowCell } from './types';
+interface TableRowProps {
+    rowData: TableRowCell[];
+    style?: string;
+}
+export declare const TableRow: React.FC<TableRowProps>;
+export {};

package/dist/src/component/table/alignment.d.ts

@@ -0,0 +1,5 @@
+export declare const alignment: {
+    readonly left: "text-left";
+    readonly center: "text-center";
+    readonly right: "text-right";
+};

package/dist/src/component/table/index.d.ts

@@ -0,0 +1,5 @@
+export { Ctable } from './Ctable';
+export { TableHead } from './TableHead';
+export { TableBody } from './TableBody';
+export { TableRow } from './TableRow';
+export { TableCell } from './TableCell';

package/dist/src/component/table/types.d.ts

@@ -0,0 +1,13 @@
+export interface TableHeadCell {
+    key: number;
+    name: string;
+    value: string;
+    align?: "left" | "center" | "right";
+    style?: string;
+}
+export interface TableRowCell {
+    key: number;
+    value: string;
+    align?: "left" | "center" | "right";
+    style?: string;
+}

package/dist/src/index.d.ts

@@ -0,0 +1,26 @@
+export { Button } from './component/button';
+export { Card } from './component/card';
+export { Cfooter } from './component/footer';
+export { FooterIcon } from './component/footer';
+export { FooterBottom } from './component/footer';
+export { FooterContact } from './component/footer';
+export { QuickLink } from './component/footer';
+export { Cform } from './component/form';
+export { Cheader } from './component/header';
+export { Icon } from './component/header';
+export { Drawer } from './component/header';
+export { SearchBar } from './component/header';
+export { NavBar } from './component/header';
+export { Modal } from './component/modal';
+export { TextField } from './component/input';
+export { CheckBox } from './component/input';
+export { Select } from './component/input';
+export { Section } from './component/section';
+export { Loader } from './component/spinner';
+export { LandingLayout } from './component/stories';
+export { Ctable } from './component/table';
+export { TableBody } from './component/table';
+export { TableCell } from './component/table';
+export { TableHead } from './component/table';
+export { TableRow } from './component/table';
+export { Breadcrumbs } from './component/breadcrumbs';

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;

package/dist/vitest.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;