trepur_components 2.4.1 → 2.4.3

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

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+import { Accordion } from '.';
+
+declare const meta: {
+    title: string;
+    component: any;
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Accordion>;
+export declare const Default: Story;

package/lib/components/AlertBar/AlertBar.stories.d.ts

@@ -0,0 +1,25 @@
+import { AlertBar } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('./').AlertbarContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+        Icon: import('react').ForwardRefExoticComponent<{
+            icon: any;
+        } & import('react').RefAttributes<SVGSVGElement>>;
+        Dismiss: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLAttributes<HTMLButtonElement>, "icon"> & import('react').RefAttributes<HTMLButtonElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof AlertBar>;
+export declare const Default: Story;
+export declare const Error: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const Dismiss: Story;
+export declare const Loading: Story;

package/lib/components/AlertBar/index.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+
 export interface AlertbarContextProps {
     variant?: 'success' | 'warning' | 'error' | 'info';
     loading?: boolean;

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

@@ -0,0 +1,10 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').FC<{}>;
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/lib/components/Avatar/index.d.ts

@@ -1 +1,3 @@
+import { default as React } from 'react';
+
 export declare const Avatar: React.FC;

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

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react';
+import { Breadcrumbs } from '.';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLUListElement> & import('.').BreadcrumbsContextProps & import('react').RefAttributes<HTMLUListElement>> & {
+        Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLLIElement> & {
+            children?: any;
+        } & import('react').RefAttributes<HTMLLIElement>>;
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLAnchorElement> & {
+            href?: string;
+        } & import('react').RefAttributes<HTMLAnchorElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Breadcrumbs>;
+export declare const Default: Story;

package/lib/components/Breadcrumbs/index.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+
 export interface BreadcrumbsContextProps {
     allLinks?: any;
 }

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

@@ -1,14 +1,17 @@
-import { Button } from '.';
-import { StoryObj } from '@storybook/react-vite';
+import { Button } from './';
+import { StoryObj } from '@storybook/react';
+
 declare const meta: {
-    tags: string[];
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('.').ButtonProps & import('react').RefAttributes<HTMLButtonElement>> & {
-        Icon: import('react').ForwardRefExoticComponent<{
-            icon: any;
-        } & import('react').RefAttributes<SVGSVGElement>>;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('./').ButtonProps & import('react').RefAttributes<HTMLButtonElement>> & {
+        Icon: import('react').ForwardRefExoticComponent<Omit<any, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
         Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
     };
+    args: {
+        variant: "primary";
+        children: import("react/jsx-runtime").JSX.Element[];
+        onClick: import('@storybook/addon-actions').HandlerFunction;
+    };
 };
 export default meta;
 type Story = StoryObj<typeof Button>;

package/lib/components/Button/index.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+
 export interface ButtonProps {
     variant?: 'primary' | 'secondary' | 'ghost' | 'bordered' | 'basic';
     disabled?: boolean;
@@ -9,9 +10,7 @@ export interface ButtonProps {
     size?: 'sm' | 'md' | 'lg';
 }
 declare const Button: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & ButtonProps & import('react').RefAttributes<HTMLButtonElement>> & {
-    Icon: import('react').ForwardRefExoticComponent<{
-        icon: any;
-    } & import('react').RefAttributes<SVGSVGElement>>;
+    Icon: import('react').ForwardRefExoticComponent<Omit<any, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
     Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
 };
 export { Button };

package/lib/components/Button/index.js

@@ -8,7 +8,7 @@ const u = s(
     children: r,
     loading: t = !1,
     variant: o = "primary",
-    type: m = "button",
+    type: i = "button",
     disabled: b,
     size: n = "md",
     ...g
@@ -18,20 +18,20 @@ const u = s(
       ref: p,
       "aria-disabled": b,
       disabled: t || b,
-      type: m,
+      type: i,
       className: c(
         "flex items-center gap-3 rounded border text-center font-thin tracking-wider",
         {
           "duration-200": !t,
           "border-button-primary-border bg-button-primary-bg text-button-primary-text hover:bg-button-primary-hover active:bg-button-primary-active": o === "primary" && !t && !b,
           "border-button-secondary-border bg-button-secondary-bg text-button-secondary-text hover:bg-button-secondary-hover active:bg-button-secondary-active": o === "secondary" && !t,
-          "border-button-ghost-border bg-button-ghost-bg text-button-ghost-text hover:bg-button-ghost-hover active:bg-button-ghost-active": o === "ghost" && !t,
+          "border-button-ghost-border bg-button-ghost-bg text-button-ghost-text hover:bg-transparent": o === "ghost" && !t,
           "border-button-bordered-border text-button-ghost-text hover:bg-button-ghost-hover active:bg-button-ghost-active": o === "bordered" && !t,
           "border-button-basic-border bg-button-basic-bg text-button-basic-text hover:bg-button-basic-hover active:bg-button-basic-active": o === "basic" && !t,
           "w-40 animate-pulse border-loading bg-loading": t,
-          "px-12 py-3 text-base font-normal leading-4": n === "sm",
-          "px-12 py-3 text-lg font-normal leading-8": n === "md",
-          "px-12 py-4 text-xl font-normal leading-8": n === "lg"
+          "px-2 py-2 text-base font-normal leading-4": n === "sm",
+          "px-4 py-3 text-lg font-normal leading-8": n === "md",
+          "px-8 py-4 text-xl font-normal leading-8": n === "lg"
         },
         e
       ),
@@ -39,13 +39,24 @@ const u = s(
       children: !t && r
     }
   )
-), d = s(({ className: e, children: r, ...t }, o) => /* @__PURE__ */ a("p", { className: c("text-md", e), ref: o, ...t, children: r })), i = s(({ icon: e, ...r }, t) => /* @__PURE__ */ a(x, { size: "sm", ref: t, icon: e, ...r }));
+), m = s(({ className: e, children: r, ...t }, o) => /* @__PURE__ */ a("p", { className: c("text-md", e), ref: o, ...t, children: r })), d = s(
+  ({ icon: e, className: r, ...t }, o) => /* @__PURE__ */ a(
+    x,
+    {
+      className: c("w-4", r),
+      size: "sm",
+      ref: o,
+      icon: e,
+      ...t
+    }
+  )
+);
 u.displayName = "Button";
-i.displayName = "Button.Icon";
-d.displayName = "Button.Label";
+d.displayName = "Button.Icon";
+m.displayName = "Button.Label";
 const f = Object.assign(u, {
-  Icon: i,
-  Label: d
+  Icon: d,
+  Label: m
 });
 export {
   f as Button

package/lib/components/Calendar/Calendar.stories.d.ts

@@ -0,0 +1,11 @@
+import { CalendarComponent } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: any;
+};
+export default meta;
+type Story = StoryObj<typeof CalendarComponent>;
+export declare const Default: Story;
+export declare const ShowDoubleView: Story;

package/lib/components/Calendar/index.d.ts

@@ -1,3 +1,4 @@
+
 export type Detail = 'month' | 'year' | 'decade' | 'century';
 export interface CalendarProps {
     onChange?: () => void;

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

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react';
+import { Card } from '.';
+
+declare const meta: {
+    title: string;
+    component: any;
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof Card>;
+export declare const Default: Story;

package/lib/components/Carousel/Carousel.stories.d.ts

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react';
+import { Carousel } from '.';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').CarouselContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Arrow: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').ArrowProps & import('react').RefAttributes<HTMLDivElement>>;
+        Dots: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('.').DotProps & import('react').RefAttributes<HTMLButtonElement>>;
+        Slides: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    args: {
+        perView: number;
+        spacing: number;
+        loop: true;
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Carousel>;
+export declare const Default: Story;

package/lib/components/Carousel/index.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
+
 export interface ArrowProps {
     rightArrow?: boolean;
     visible?: boolean;

package/lib/components/Carousel/index.js

@@ -101,7 +101,7 @@ const p = I(null), b = m(
       ),
       onClick: (c) => {
         var l, a;
-        return t ? c.stopPropagation() !== void 0 || ((l = r.current) == null ? void 0 : l.next()) : c.stopPropagation() !== void 0 || ((a = r.current) == null ? void 0 : a.prev());
+        t ? c.stopPropagation() !== void 0 || ((l = r.current) == null || l.next()) : c.stopPropagation() !== void 0 || ((a = r.current) == null || a.prev());
       },
       ...s,
       children: /* @__PURE__ */ n(w, { icon: t ? L : T, size: "3x" })

package/lib/components/CarouselThumbnail/CarouselThumbnail.stories.d.ts

@@ -0,0 +1,22 @@
+import { CarouselThumbnail } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('./').CarouselThumbnailContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Slides: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Slide: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLImageElement> & {
+            src: string;
+        } & import('react').RefAttributes<HTMLImageElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+        loop: true;
+        drag: true;
+        rubberband: true;
+        spacing: number;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof CarouselThumbnail>;
+export declare const Default: Story;

package/lib/components/CarouselThumbnail/index.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
+
 export interface CarouselThumbnailContextProps {
     slideWrapperClassName?: string;
     breakpoints?: Record<string, Omit<KeenSliderOptions<object, object, KeenSliderHooks>, 'breakpoints'>>;

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

@@ -0,0 +1,17 @@
+import { Checkbox } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLLabelElement> & import('./').CheckboxProps & import('react').RefAttributes<HTMLLabelElement>> & {
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLSpanElement> & import('./').CheckboxProps & import('react').RefAttributes<HTMLSpanElement>>;
+    };
+    args: {
+        onClick: import('@storybook/addon-actions').HandlerFunction;
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Checked: Story;
+export declare const Unchecked: Story;

package/lib/components/Checkbox/index.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+
 export interface CheckboxProps {
     label?: string;
     onClick?: (isChecked: boolean) => void;

package/lib/components/Collapsible/Collapsible.stories.d.ts

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/react';
+import { Collapsible } from '.';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').CollapsibleContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        HeaderContent: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Image: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('../Image').ImageProps & import('react').RefAttributes<HTMLDivElement>>;
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+        Title: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+        Subtitle: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+        Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Text: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+    };
+    parameters: {};
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Collapsible>;
+export declare const Default: Story;

package/lib/components/Collapsible/index.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from 'react';
-import { ImageProps } from 'src/components/Image';
+import { ImageProps } from '../Image';
+
 export interface CollapsibleContextProps {
     loading?: boolean;
     expanded?: boolean;

package/lib/components/Collapsible/index.js

@@ -2,7 +2,7 @@ import { jsx as s, jsxs as H } from "react/jsx-runtime";
 import { forwardRef as o, useState as T, useMemo as I, createContext as S, useContext as c } from "react";
 import { Icon as L } from "../Icon/index.js";
 import { Image as j } from "../Image/index.js";
-import { faChevronDown as M, faChevronUp as _ } from "@fortawesome/fontawesome-free-solid";
+import { faChevronUp as M, faChevronDown as _ } from "@fortawesome/fontawesome-free-solid";
 import n from "clsx";
 const m = S(null), x = o(
   ({ id: e, className: l, children: t, loading: a, defaultExpanded: i = !1, ...r }, g) => {

package/lib/components/Counter/Counter.stories.d.ts

@@ -0,0 +1,17 @@
+import { Counter } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('./').CounterContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        DecrementIcon: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        IncrementIcon: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Count: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Counter>;
+export declare const Default: Story;

package/lib/components/Counter/index.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+
 export interface CounterContextProps {
     currentCount?: number;
     setCurrentCount?: (val: number) => void;

package/lib/components/DetailUpdater/DetailUpdater.stories.d.ts

@@ -0,0 +1,18 @@
+import { DetailUpdater } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, title, description, expandText, collapseText, ctaText, children, onSubmit, onCancel, value }: import('./').DetailUpdatesProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        title: string;
+        description: string;
+        expandText: string;
+        collapseText: string;
+        ctaText: string;
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof DetailUpdater>;
+export declare const Default: Story;

package/lib/components/Dialog/Dialog.stories.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+    args: {
+        title: string;
+        paragraph: string;
+        dismissText: string;
+        imageUrl: string;
+        onDismissClick: import('@storybook/addon-actions').HandlerFunction;
+    };
+};
+export declare const _Dialog: (args: any) => React.ReactElement;
+export default meta;

package/lib/components/Dialog/index.d.ts

@@ -1,4 +1,5 @@
-import { ButtonProps } from 'src/components/Button';
+import { ButtonProps } from '../Button';
+
 export interface DialogProps extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
     title: string;
     paragraph: string;

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

@@ -0,0 +1,17 @@
+import { Dropdown } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+        List: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLLIElement> & import('react').RefAttributes<HTMLLIElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Dropdown>;
+export declare const Default: Story;

package/lib/components/Dropdown/index.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from 'react';
-import { ButtonProps } from 'src/components/Button';
+import { ButtonProps } from '../Button';
+
 export interface DropdownContextProps {
     showDropdown?: boolean;
     setShowDropdown?: (val: boolean) => void;

package/lib/components/FileUploader/FileUploader.stories.d.ts

@@ -0,0 +1,18 @@
+import { FileUploader } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('./').FileUploaderContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Input: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Text: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+        FilePreview: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+        onDrop: (files: any) => void;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof FileUploader>;
+export declare const Default: Story;

package/lib/components/FileUploader/index.d.ts

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+
 export interface FileUploaderContextProps {
     fileList?: any;
     setFileList: (open: any) => void;

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

@@ -0,0 +1,19 @@
+import { Footer } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+        Bar: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+        Section: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Column: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Title: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Text: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Footer>;
+export declare const Default: Story;

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

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+
 export interface Props {
     id?: string;
     className?: string;

package/lib/components/FooterNav/FooterNav.stories.d.ts

@@ -0,0 +1,22 @@
+import { FooterNav } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+        Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+            href?: string;
+            onClick?: any;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Icon: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+            icon: import('@fortawesome/fontawesome-free-solid').IconDefinition | import('@fortawesome/fontawesome-svg-core').IconProp;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof FooterNav>;
+export declare const Default: Story;

package/lib/components/FooterNav/index.d.ts

@@ -1,6 +1,7 @@
 import { HTMLAttributes } from 'react';
 import { IconDefinition } from '@fortawesome/fontawesome-free-solid';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
+
 declare const FooterNav: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
     Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
         href?: string;

package/lib/components/Form/Form.stories.d.ts

@@ -0,0 +1,66 @@
+import { StoryObj } from '@storybook/react';
+import { Form } from '.';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, onSubmit, ref, components }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        onSubmit: {
+            type: {
+                name: "function";
+                required: false;
+            };
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        ref: {
+            type: {
+                name: "other";
+                value: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        components: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        components: ({
+            htmlType: string;
+            label: string;
+            placeholder: string;
+        } | {
+            htmlType: string;
+            label?: undefined;
+            placeholder?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Form>;
+export declare const Default: Story;