trepur_components 2.4.0 → 2.4.2

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

@@ -1,5 +1,6 @@
 import { IconDefinition } from '@fortawesome/fontawesome-free-solid';
 import { IconProp, SizeProp } from '@fortawesome/fontawesome-svg-core';
+
 export interface IconProps {
     className?: string;
     icon: IconProp | IconDefinition;

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

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

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

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

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

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from 'react';
-import { ImageProps } from 'src/components/Image';
+import { ImageProps } from '../Image';
+
 declare const ImageCard: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
     Image: import('react').ForwardRefExoticComponent<HTMLAttributes<ImageProps> & ImageProps & import('react').RefAttributes<HTMLImageElement>>;
     Content: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react';
+import { Input } from '.';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').InputContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+            required?: boolean;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+        Box: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement>>;
+        Validation: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    args: {
+        placeholder: string;
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;

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

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+
 export interface InputContextProps {
     autoComplete?: string;
     disabled?: boolean;

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

@@ -0,0 +1,30 @@
+import { StoryObj } from '@storybook/react';
+import { Link } from '.';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLAnchorElement> & import('.').LinkProps & import('react').RefAttributes<HTMLAnchorElement>> & {
+        Icon: import('react').ForwardRefExoticComponent<{
+            icon: any;
+        } & import('react').RefAttributes<SVGSVGElement>>;
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+    };
+    args: {
+        variant: "primary";
+        href: string;
+        target: string;
+        children: import("react/jsx-runtime").JSX.Element[];
+        onClick: import('@storybook/addon-actions').HandlerFunction;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Link>;
+export declare const Default: Story;
+export declare const Secondary: Story;
+export declare const Bordered: Story;
+export declare const Ghost: Story;
+export declare const Basic: Story;
+export declare const Loading: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Download: Story;

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

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+
 export interface LinkProps {
     variant?: 'primary' | 'secondary' | 'ghost' | 'bordered' | 'basic';
     loading?: boolean;

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

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+import { Map } from '.';
+
+declare const meta: {
+    title: string;
+    component: typeof Map;
+    argTypes: {};
+    args: {
+        zoom: number;
+        terrain: true;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Map>;
+export declare const Default: Story;
+export declare const Markers: Story;
+export declare const PopupLabel: Story;
+export declare const Boundaries: Story;

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

@@ -1,4 +1,5 @@
 import { Marker } from './types';
+
 import * as maptilersdk from '@maptiler/sdk';
 interface MapProps {
     id: string;

package/lib/components/Map/utils.d.ts

@@ -1,5 +1,6 @@
 import { MutableRefObject } from 'react';
 import { Marker } from './types';
+
 import * as maptilersdk from '@maptiler/sdk';
 export interface FeatureGeometry {
     type: string;

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

@@ -0,0 +1,28 @@
+import { StoryObj } from '@storybook/react';
+import { MenuButton } from '.';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, menuItems, onClick }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        menuItems: {
+            description: string;
+            control: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        onClick: import('@storybook/addon-actions').HandlerFunction;
+        menuItems: {
+            name: string;
+            href: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof MenuButton>;
+export declare const Default: Story;

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

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 export interface Props {
     id?: string;
     className?: string;

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

@@ -0,0 +1,67 @@
+import { default as React } from 'react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, children, visible, onOverlayClick, mobileGutter, animationStyle }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        id: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            type: {
+                name: string;
+                value: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onOverlayClick: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+        };
+    };
+    args: {
+        visible: boolean;
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+};
+export declare const _Modal: (args: any) => React.ReactElement;
+export default meta;

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

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
     children?: React.ReactNode;
     visible?: boolean;

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

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react';
+import { Nav } from '..';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').NavContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        DesktopHeader: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        MobileHeader: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Section: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Logo: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLImageElement> & import('../Image').ImageProps & import('react').RefAttributes<HTMLImageElement>>;
+        Body: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Folder: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+            label: string;
+            active?: boolean;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    parameters: {
+        docs: {
+            story: {
+                iframe: string;
+            };
+        };
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Nav>;
+export declare const Default: Story;
+export declare const Loading: Story;

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

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { ImageProps } from '../Image';
+
 export interface NavContextProps {
     expanded?: boolean;
     setExpanded?: (val: boolean) => void;

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

@@ -0,0 +1,22 @@
+import { NavItem } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLAnchorElement> & {
+        href?: string;
+        active?: boolean;
+        loading?: boolean;
+        isInFolder?: boolean;
+    } & import('react').RefAttributes<HTMLAnchorElement>> & {
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof NavItem>;
+export declare const Default: Story;
+export declare const Active: Story;
+export declare const Loading: Story;

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

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+
 declare const NavItem: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLAnchorElement> & {
     href?: string;
     active?: boolean;

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

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

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

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+
 export type PickU<T, K extends keyof T> = T extends any ? {
     [P in K]: T[P];
 } : never;

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

@@ -0,0 +1,44 @@
+import { StoryObj } from '@storybook/react';
+import { Search } from '.';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    argTypes: {
+        leftIconProps: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        rightIconProps: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        placeholder: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        text: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+    };
+    args: {
+        placeholder: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Search>;
+export declare const Default: Story;

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

@@ -1,4 +1,5 @@
-import { IconProps } from 'src/components/Icon';
+import { IconProps } from '../Icon';
+
 export interface Props {
     id?: string;
     className?: string;

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

@@ -0,0 +1,24 @@
+import { Select } from './';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, options, value, label, onClick, required, fullWidth }: import('./').SelectProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    argTypes: {
+        label: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+    };
+    args: {
+        label: string;
+        options: string[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Select>;
+export declare const Default: Story;

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

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { Showcase } from '.';
+
+declare const meta: {
+    title: string;
+    component: ({ title, subTitle, description, size, iconProps }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        title: string;
+        subTitle: string;
+        description: string;
+        bgColour: "white";
+        size: "large";
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Showcase>;
+export declare const Default: Story;

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

@@ -1,5 +1,6 @@
-import { IconProps } from 'src/components/Icon';
+import { IconProps } from '../Icon';
 import { Colours } from '../../utils/controls';
+
 export interface Props {
     id: string;
     className?: string;

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

@@ -0,0 +1,40 @@
+import { StoryObj } from '@storybook/react';
+import { SideNav } from '.';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, children, showNav, leftExpand }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        backgrounds: {
+            default: string;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        };
+    };
+    argTypes: {
+        bgColour: {
+            type: {
+                name: "string";
+                required: false;
+            };
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+            control: string;
+        };
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element;
+        showNav: true;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof SideNav>;
+export declare const Default: Story;

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

@@ -1,4 +1,5 @@
 import { Colours } from '../../utils/controls';
+
 export interface Props {
     id: string;
     className: string;

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

@@ -0,0 +1,83 @@
+import { StoryObj } from '@storybook/react';
+import { SocialButton } from '.';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, onClick, type, href, openInNewTab }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        onClick: {
+            type: {
+                name: "function";
+                required: false;
+            };
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        type: {
+            type: {
+                name: "string";
+                required: false;
+            };
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+            control: {
+                type: string;
+            };
+        };
+        href: {
+            type: {
+                name: "string";
+                required: false;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        openInNewTab: {
+            type: {
+                name: "boolean";
+                required: false;
+            };
+            description: string;
+            defaultValue: string;
+        };
+    };
+    args: {
+        type: "facebook";
+        href: string;
+        onClick: import('@storybook/addon-actions').HandlerFunction;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof SocialButton>;
+export declare const Default: Story;

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

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 export interface Props {
     id?: string;
     className?: string;

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

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

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

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+
 export interface SplitCardContextProps {
     swapDesktop?: boolean;
     swapMobile?: boolean;