trepur_components 2.3.7 → 2.3.8

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

@@ -0,0 +1,62 @@
+import { default as Nav } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: {
+        ({ id, className, children, mobileNavExpanded }: import('.').Props): import("react/jsx-runtime").JSX.Element;
+        Dropdown: ({ id, className, children, visible, }: import('./Dropdown').Props) => import("react/jsx-runtime").JSX.Element;
+        Sidebar: ({ id, className, children, visible, }: import('./Sidebar').Props) => import("react/jsx-runtime").JSX.Element;
+        Sticky: ({ id, className, children, visible, }: import('./StickyNav').Props) => import("react/jsx-runtime").JSX.Element;
+    };
+    parameters: {
+        backgrounds: {
+            default: string;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        };
+    };
+    argTypes: {
+        children: {};
+        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: {
+        className: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Nav>;
+export declare const Default: Story;

package/lib/components/NavTwo/Sidebar.d.ts

@@ -0,0 +1,7 @@
+export interface Props {
+    id?: string;
+    className?: string;
+    children: any;
+    visible?: boolean;
+}
+export declare const Sidebar: ({ id, className, children, visible, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/NavTwo/Sidebar.js

@@ -0,0 +1,21 @@
+import { jsx as a } from "react/jsx-runtime";
+import l from "classnames";
+const i = ({
+  id: e,
+  className: r,
+  children: d,
+  visible: s = !1
+}) => {
+  const o = l(
+    {
+      "w-0": !s,
+      "h-screen w-full sm:w-1/3": s
+    },
+    "fixed z-50 h-full overflow-hidden duration-700 md:hidden",
+    r
+  );
+  return /* @__PURE__ */ a("div", { id: e, className: o, children: d });
+};
+export {
+  i as Sidebar
+};

package/lib/components/NavTwo/StickyNav.d.ts

@@ -0,0 +1,7 @@
+export interface Props {
+    id?: string;
+    className?: string;
+    children: any;
+    visible?: boolean;
+}
+export declare const StickyNav: ({ id, className, children, visible, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/NavTwo/StickyNav.js

@@ -0,0 +1,20 @@
+import { jsx as r } from "react/jsx-runtime";
+import l from "classnames";
+const e = ({
+  id: t,
+  className: i,
+  children: a,
+  visible: o = !1
+}) => {
+  const s = l(
+    {
+      "opacity-100 transition-all duration-1000": o
+    },
+    i,
+    "fixed top-0 z-40 w-full overflow-hidden opacity-0 transition-all duration-500"
+  );
+  return /* @__PURE__ */ r("div", { id: `sticky_${t ?? "nav"}`, className: s, children: a });
+};
+export {
+  e as StickyNav
+};

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

@@ -0,0 +1,13 @@
+export interface Props {
+    id?: string;
+    className?: string;
+    children: any;
+    mobileNavExpanded?: boolean;
+}
+export declare const Nav: {
+    ({ id, className, children, mobileNavExpanded }: Props): import("react/jsx-runtime").JSX.Element;
+    Dropdown: ({ id, className, children, visible, }: import('./Dropdown').Props) => import("react/jsx-runtime").JSX.Element;
+    Sidebar: ({ id, className, children, visible, }: import('./Sidebar').Props) => import("react/jsx-runtime").JSX.Element;
+    Sticky: ({ id, className, children, visible, }: import('./StickyNav').Props) => import("react/jsx-runtime").JSX.Element;
+};
+export default Nav;

package/lib/components/NavTwo/index.js

@@ -0,0 +1,28 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import t from "classnames";
+import { Dropdown as l } from "./Dropdown.js";
+import { Sidebar as p } from "./Sidebar.js";
+import { StickyNav as f } from "./StickyNav.js";
+const i = ({ id: s, className: a, children: m, mobileNavExpanded: o }) => {
+  const e = t(a);
+  return /* @__PURE__ */ c("div", { children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: t(
+          "fixed bottom-0 left-0 right-0 top-0 z-50 h-full w-full bg-primary transition-opacity duration-700",
+          [o] && "visible opacity-100",
+          [!o] && "invisible opacity-0"
+        )
+      }
+    ),
+    /* @__PURE__ */ r("header", { id: s, className: e, children: m })
+  ] });
+};
+i.Dropdown = l;
+i.Sidebar = p;
+i.Sticky = f;
+export {
+  i as Nav,
+  i as default
+};

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

@@ -0,0 +1,102 @@
+import { NewsCard } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, title, content, imageProps, buttonProps, rounded, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    argTypes: {
+        title: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        content: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        imageProps: {
+            type: {
+                name: string;
+                value: string;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        buttonProps: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+            };
+        };
+        rounded: {
+            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: {
+        title: string;
+        content: string;
+        rounded: boolean;
+        imageProps: {
+            src: string;
+            rounded: boolean;
+        };
+        buttonProps: {
+            children: string;
+            className: string;
+            href: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof NewsCard>;
+export declare const Default: Story;

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

@@ -0,0 +1,13 @@
+import { Props as imageProps } from '../Image';
+import { Props as buttonProps } from '../Button';
+
+export interface Props {
+    id?: string;
+    className?: string;
+    title?: string;
+    content?: string;
+    imageProps?: imageProps;
+    buttonProps?: buttonProps;
+    rounded?: boolean;
+}
+export declare const NewsCard: ({ id, className, title, content, imageProps, buttonProps, rounded, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/NewsCard/index.js

@@ -0,0 +1,26 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Button as x } from "../Button/index.js";
+import { Image as a } from "../Image/index.js";
+import f from "classnames";
+const u = ({
+  id: l,
+  className: n,
+  title: s,
+  content: i,
+  imageProps: c,
+  buttonProps: d,
+  rounded: h
+}) => {
+  const t = f(n, "flex border p-2"), o = (c == null ? void 0 : c.src) !== void 0 ? c.src : "";
+  return /* @__PURE__ */ r("div", { id: l, className: t, children: [
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(a, { src: o, ...c }) }),
+    /* @__PURE__ */ r("div", { className: "expandable flex w-auto flex-col justify-between text-center", children: [
+      /* @__PURE__ */ e("p", { children: s }),
+      /* @__PURE__ */ e("p", { children: i }),
+      d !== void 0 && /* @__PURE__ */ e("div", { className: "px-8", children: /* @__PURE__ */ e(x, { ...d, children: d.children }) })
+    ] })
+  ] });
+};
+export {
+  u as NewsCard
+};

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

@@ -0,0 +1,84 @@
+import { Pill } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, text, onClick, dismissOnClick, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        text: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        onClick: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        dismissOnClick: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                type: {
+                    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: {
+        text: string;
+        onClick: import('@storybook/addon-actions').HandlerFunction;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Pill>;
+export declare const Default: Story;

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

@@ -0,0 +1,8 @@
+export interface Props {
+    id?: string;
+    className?: string;
+    text: string;
+    onClick?: () => void;
+    dismissOnClick?: boolean;
+}
+export declare const Pill: ({ id, className, text, onClick, dismissOnClick, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Pill/index.js

@@ -0,0 +1,31 @@
+import { jsx as e, jsxs as m, Fragment as n } from "react/jsx-runtime";
+import { useState as c } from "react";
+import { faCrosshairs as f } from "@fortawesome/fontawesome-free-solid";
+import d from "classnames";
+import { Icon as u } from "../Icon/index.js";
+const v = ({
+  id: t,
+  className: a,
+  text: s,
+  onClick: o,
+  dismissOnClick: r = !1
+}) => {
+  const [l, p] = c(!0), i = d(
+    {
+      invisible: !l,
+      "px-4": !r,
+      "pl-4 pr-1": r
+    },
+    a,
+    "rounded-full border-2 py-1 inline-block border-primary text-primary"
+  );
+  return l ? /* @__PURE__ */ e("button", { id: t, className: i, onClick: () => {
+    r && p(!1), o == null || o();
+  }, children: /* @__PURE__ */ m("div", { className: "flex", children: [
+    /* @__PURE__ */ e("p", { children: s }),
+    r && /* @__PURE__ */ e(u, { icon: f, colour: "primary" })
+  ] }) }) : /* @__PURE__ */ e(n, {});
+};
+export {
+  v as Pill
+};

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

@@ -0,0 +1,86 @@
+import { ProductCard } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, imageProps, title, textLineOne, textLineTwo, textLineThree, count, ctaText, isEditable, ctaOnClick, onEditClick, onCounterClick, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        imageProps: {
+            description: string;
+            table: {};
+        };
+        videoProps: {
+            description: string;
+            table: {};
+        };
+        title: {
+            description: string;
+            table: {};
+        };
+        subTitle: {
+            description: string;
+            table: {};
+        };
+        description: {
+            description: string;
+            table: {};
+        };
+        href: {
+            description: string;
+            table: {};
+        };
+        target: {
+            description: string;
+            table: {};
+        };
+        buttonProps: {
+            description: string;
+            table: {};
+        };
+        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: {
+        imageProps: {
+            src: string;
+        };
+        title: string;
+        textLineOne: string;
+        textLineTwo: string;
+        textLineThree: string;
+        ctaText: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof ProductCard>;
+export declare const Default: Story;

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

@@ -0,0 +1,18 @@
+import { Props as imageProps } from '../Image';
+
+export interface Props {
+    id?: string;
+    className?: string;
+    title?: string;
+    imageProps?: imageProps;
+    textLineOne?: string;
+    textLineTwo?: string;
+    textLineThree?: string;
+    count?: number;
+    ctaText: string;
+    isEditable?: boolean;
+    ctaOnClick?: () => void;
+    onEditClick?: () => void;
+    onCounterClick?: (count: number) => void;
+}
+export declare const ProductCard: ({ id, className, imageProps, title, textLineOne, textLineTwo, textLineThree, count, ctaText, isEditable, ctaOnClick, onEditClick, onCounterClick, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ProductCard/index.js

@@ -0,0 +1,69 @@
+import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { useState as P } from "react";
+import { Button as n } from "../Button/index.js";
+import { Icon as j } from "../Icon/index.js";
+import { faPercent as y } from "@fortawesome/fontawesome-free-solid";
+import C from "classnames";
+import { Counter as H } from "../Counter/index.js";
+const A = ({
+  id: h,
+  className: u,
+  imageProps: f,
+  title: o,
+  textLineOne: i,
+  textLineTwo: r,
+  textLineThree: t,
+  count: d,
+  ctaText: v,
+  isEditable: p = !1,
+  ctaOnClick: g,
+  onEditClick: N,
+  onCounterClick: l
+}) => {
+  const [c, m] = P(!1), x = "text-md font-medium", a = "text-sm font-regular", b = C(
+    u,
+    "absolute flex flex-col rounded-lg shadow-xl max-w-[380px]"
+  );
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      id: h,
+      className: b,
+      onMouseOver: () => {
+        m(!0);
+      },
+      onMouseOut: () => {
+        m(!1);
+      },
+      children: [
+        /* @__PURE__ */ e("div", { className: "relative", children: [
+          /* @__PURE__ */ s("img", { className: "w-full object-cover h-96 overflow-hidden rounded-t-lg", ...f }),
+          p && /* @__PURE__ */ s("div", { className: "absolute right-2 top-2", children: /* @__PURE__ */ s(n, { type: "icon", variant: "secondary", onClick: N, children: /* @__PURE__ */ s(j, { icon: y }) }) })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "h-150px overflow-hidden", children: [
+          !c && /* @__PURE__ */ e("div", { className: "mt-0 h-full rounded-b-lg bg-white p-6 transition-all duration-300", children: [
+            o !== void 0 && /* @__PURE__ */ s("h3", { className: x, children: o }),
+            i !== void 0 && /* @__PURE__ */ s("h4", { className: a, children: i }),
+            r !== void 0 && /* @__PURE__ */ s("h4", { className: a, children: r }),
+            t !== void 0 && /* @__PURE__ */ s("h4", { className: a, children: t })
+          ] }),
+          c && /* @__PURE__ */ s("div", { className: "mt-0 flex h-full rounded-b-lg bg-white p-6 text-center transition-all duration-300", children: /* @__PURE__ */ e("div", { className: "mx-auto my-auto", children: [
+            /* @__PURE__ */ s(n, { onClick: g, children: v }),
+            d !== void 0 && /* @__PURE__ */ s(
+              H,
+              {
+                count: d,
+                onClick: (w) => {
+                  l == null || l(w);
+                }
+              }
+            )
+          ] }) })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  A as ProductCard
+};

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

@@ -0,0 +1,75 @@
+import { ProductCardV2 } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, imageProps, title, textLineOne, textLineTwo, textLineThree, topRightIcon, bottomRightIcon, topLeftIcon, bottomLeftIcon, onClick, onCounterClick, count, isSelected, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        imageProps: {
+            description: string;
+        };
+        title: {
+            description: string;
+        };
+        subTitle: {
+            description: string;
+        };
+        description: {
+            description: string;
+        };
+        href: {
+            description: 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: {
+        imageProps: {
+            src: string;
+        };
+        title: string;
+        textLineOne: string;
+        topRightIcon: string;
+        bottomRightIcon: {
+            colour: string;
+            type: string;
+            size: number;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof ProductCardV2>;
+export declare const Default: Story;