trepur_components 2.3.9 → 2.3.11

package/lib/components/Search/index.js

@@ -0,0 +1,42 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { Icon as r } from "../Icon/index.js";
+import n from "classnames";
+const N = ({
+  id: c,
+  className: o,
+  onChange: s,
+  placeholder: m,
+  text: i,
+  leftIconProps: l,
+  rightIconProps: a
+}) => {
+  const t = n(o, "flex"), v = n(
+    {
+      "pl-9": l !== void 0,
+      "pl-2": l === void 0
+    },
+    "w-full rounded-md border-2 py-2 pr-9"
+  ), p = s != null ? (u) => {
+    s(u.target.value);
+  } : void 0;
+  return /* @__PURE__ */ d("div", { id: c, className: t, children: [
+    /* @__PURE__ */ e("div", { children: i !== void 0 && /* @__PURE__ */ e("h2", { className: "font-base-lg py-2 pr-4", children: i }) }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ d("div", { className: "relative flex w-full", children: [
+      l !== void 0 && /* @__PURE__ */ e(r, { ...l }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          className: v,
+          onChange: p,
+          placeholder: m,
+          type: "text",
+          name: "search"
+        }
+      ),
+      a !== void 0 && /* @__PURE__ */ e(r, { ...a })
+    ] }) })
+  ] });
+};
+export {
+  N as Search
+};

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

@@ -0,0 +1,56 @@
+import { StoryObj } from '@storybook/react';
+import { Select } from './';
+
+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;
+            };
+        };
+        id: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        label: string;
+        options: string[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Select>;
+export declare const Default: Story;

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

@@ -0,0 +1,11 @@
+export interface SelectProps {
+    id?: string;
+    className?: string;
+    options: string[];
+    label: string;
+    value?: string;
+    onClick?: any;
+    fullWidth?: boolean;
+    required?: boolean;
+}
+export declare const Select: ({ id, className, options, value, label, onClick, required, fullWidth, }: SelectProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Select/index.js

@@ -0,0 +1,68 @@
+import { jsxs as r, Fragment as y, jsx as e } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { Icon as D } from "../Icon/index.js";
+import { faChevronDown as j } from "@fortawesome/fontawesome-free-solid";
+import s from "classnames";
+const A = ({
+  id: h,
+  className: m,
+  options: l,
+  value: a,
+  label: f,
+  onClick: w,
+  required: x = !1,
+  fullWidth: c = !1
+}) => {
+  const [n, i] = d(!1), [u, b] = d(
+    a !== void 0 ? a : l == null ? void 0 : l[0]
+  ), p = (t) => {
+    w(t.target.textContent), b(t.target.textContent), i(!1);
+  }, o = s({
+    "w-full": c,
+    "sm:w-72": !c
+  }), g = s(
+    o,
+    m,
+    "w-full rounded-xl bg-white shadow drop-shadow flex cursor-pointer flex-row justify-between px-4"
+  ), v = s(
+    o,
+    "absolute w-full bg-white mt-2 rounded-2xl py-4 shadow-xl border border-lightest-grey h-64 overflow-scroll"
+  ), C = "bg-white text-ink hover:bg-lightest-grey hover:cursor-pointer px-4 py-2";
+  return /* @__PURE__ */ r(y, { children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        id: h,
+        className: g,
+        onClick: () => {
+          i(!n);
+        },
+        children: [
+          /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ r("div", { className: "absolute mt-2 flex bg-white text-xs font-thin", children: [
+              /* @__PURE__ */ e("p", { children: f }),
+              x && /* @__PURE__ */ e("p", { className: "font-semiBold text-error", children: " *" })
+            ] }),
+            /* @__PURE__ */ e("p", { className: "border-ink text-ink flex justify-between rounded-xl bg-white pb-1 pt-6", children: u })
+          ] }),
+          /* @__PURE__ */ e(D, { colour: "ink", icon: j })
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ e("div", { className: s("relative z-20", o), children: /* @__PURE__ */ e("ul", { className: v, children: l == null ? void 0 : l.map((t, N) => /* @__PURE__ */ e(
+      "li",
+      {
+        className: C,
+        value: t,
+        onClick: (k) => {
+          p(k);
+        },
+        children: t
+      },
+      `key_${N}`
+    )) }) })
+  ] });
+};
+export {
+  A as Select
+};

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

@@ -0,0 +1,55 @@
+import { Showcase } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, title, subTitle, description, bgColour, size, iconProps, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        id: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        title: string;
+        subTitle: string;
+        description: string;
+        bgColour: string;
+        size: string;
+        iconProps: {
+            icon: import('@fortawesome/fontawesome-free-solid').IconDefinition;
+            onClick: import('@storybook/addon-actions').HandlerFunction;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Showcase>;
+export declare const Default: Story;

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

@@ -0,0 +1,15 @@
+import { Colours } from '../../utils/controls';
+import { IconProps } from '../Icon';
+
+export interface Props {
+    id: string;
+    className?: string;
+    title: string;
+    subTitle: string;
+    description: string;
+    bgColour?: Colours;
+    image: string;
+    size?: 'small' | 'medium' | 'large';
+    iconProps?: IconProps;
+}
+export declare const Showcase: ({ id, className, title, subTitle, description, bgColour, size, iconProps, }: Props) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,12 @@
+import { Colours } from '../../utils/controls';
+
+export interface Props {
+    id: string;
+    className: string;
+    children: any;
+    getNavStatus: (asSideBar: boolean, open: boolean) => void;
+    bgColour?: Colours;
+    showNav?: boolean;
+    leftExpand?: boolean;
+}
+export declare const SideNav: ({ id, className, children, bgColour, showNav, leftExpand, }: Props) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,130 @@
+import { SocialButton } from '.';
+import { StoryObj } from '@storybook/react';
+
+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: string;
+                required: boolean;
+            };
+            description: string;
+            action: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        type: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            defaultValue: string;
+            control: {
+                type: string;
+            };
+        };
+        href: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        openInNewTab: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            defaultValue: string;
+        };
+        children: {
+            type: {
+                name: string;
+                value: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        id: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        type: string;
+        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

@@ -0,0 +1,12 @@
+import { SocialTypes } from '../../utils/controls';
+import { default as React } from 'react';
+
+export interface Props {
+    id?: string;
+    className?: string;
+    onClick?: React.MouseEventHandler;
+    type?: SocialTypes;
+    href?: string;
+    openInNewTab?: boolean;
+}
+export declare const SocialButton: ({ id, className, onClick, type, href, openInNewTab, }: Props) => import("react/jsx-runtime").JSX.Element;

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: {
+        className: string;
+        swapDesktop: true;
+        swapMobile: true;
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof SplitCard>;
+export declare const Default: Story;

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'react';
+
+export interface SplitCardContextProps {
+    swapDesktop?: boolean;
+    swapMobile?: boolean;
+    isMd?: boolean;
+}
+declare const SplitCard: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & SplitCardContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+    LeftContent: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    RightContent: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Title: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+    Text: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+};
+export { SplitCard };

package/lib/components/Stars/Star.stories.d.ts

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

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

@@ -0,0 +1,8 @@
+import { SizeProp } from '@fortawesome/fontawesome-svg-core';
+
+export interface StarProps {
+    stars?: 1 | 2 | 3 | 4 | 5;
+    size?: SizeProp;
+}
+declare const Stars: any;
+export { Stars };

package/lib/components/Stars/index.js

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { Icon as i } from "../Icon/index.js";
+import { faStar as n } from "@fortawesome/fontawesome-free-solid";
+import f from "clsx";
+const o = c(({ className: s, stars: a = 0, size: p }, e) => {
+  const m = () => [...Array(5)].map((d, r) => /* @__PURE__ */ t(
+    i,
+    {
+      className: r < a ? "text-star" : "",
+      icon: n,
+      size: "2x"
+    },
+    `checked_star_${r}`
+  ));
+  return /* @__PURE__ */ t("div", { ref: e, className: f("flex", s), children: m() });
+});
+o.displayName = "Stars";
+const _ = Object.assign(o);
+export {
+  _ as Stars
+};

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

@@ -0,0 +1,21 @@
+import { Testimonial } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+        Image: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLImageElement> & import('../Image').ImageProps & import('react').RefAttributes<HTMLImageElement>>;
+        Title: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Section: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Position: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Date: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Text: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        AuthorDetails: 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 Testimonial>;
+export declare const Default: Story;

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

@@ -0,0 +1,13 @@
+import { ImageProps } from '../Image';
+import { HTMLAttributes } from 'react';
+
+declare const Testimonial: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+    Image: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLImageElement> & ImageProps & import('react').RefAttributes<HTMLImageElement>>;
+    Title: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Section: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Position: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Date: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Text: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    AuthorDetails: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+};
+export { Testimonial };

package/lib/components/Testimonial/index.js

@@ -0,0 +1,42 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { Card as u } from "../Card/index.js";
+import { Image as x } from "../Image/index.js";
+import o from "clsx";
+const n = m(({ className: s, children: e, ...t }, a) => /* @__PURE__ */ i(u, { ref: a, className: o("grid gap-4", s), ...t, children: e })), l = m(({ className: s, src: e, ...t }, a) => /* @__PURE__ */ i("div", { ref: a, className: "mx-auto w-40 ", children: /* @__PURE__ */ i(x, { className: "rounded-full", src: e, ...t }) })), r = m(({ className: s, children: e, ...t }, a) => /* @__PURE__ */ i("h3", { ref: a, className: "text-center text-lg font-medium", ...t, children: e })), c = m(({ className: s, children: e, ...t }, a) => /* @__PURE__ */ i("div", { ref: a, className: o("text-center", s), ...t, children: e })), T = m(({ className: s, children: e, ...t }, a) => /* @__PURE__ */ i(
+  "p",
+  {
+    ref: a,
+    className: o("text-md font-regular text-sm", s),
+    ...t,
+    children: e
+  }
+)), N = m(({ className: s, children: e, ...t }, a) => /* @__PURE__ */ i("p", { ref: a, className: "font-regular text-sm", ...t, children: e })), d = m(({ className: s, children: e, ...t }, a) => /* @__PURE__ */ i("p", { className: o("text-md text-center font-light"), ...t, children: e })), p = m(({ className: s, children: e, ...t }, a) => /* @__PURE__ */ i(
+  "p",
+  {
+    ref: a,
+    className: o("text-center text-sm font-medium", s),
+    ...t,
+    children: e
+  }
+));
+n.displayName = "Testimonial";
+l.displayName = "Testimonial.Image";
+r.displayName = "Testimonial.Title";
+c.displayName = "Testimonial.Section";
+T.displayName = "Testimonial.Position";
+N.displayName = "Testimonial.Date";
+d.displayName = "Testimonial.Text";
+p.displayName = "Testimonial.AuthorDetails";
+const I = Object.assign(n, {
+  Image: l,
+  Title: r,
+  Section: c,
+  Position: T,
+  Date: N,
+  Text: d,
+  AuthorDetails: p
+});
+export {
+  I as Testimonial
+};