trepur_components 2.3.8 → 2.3.9

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

@@ -1,62 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,21 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,28 +0,0 @@
-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

@@ -1,102 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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

@@ -1,84 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,31 +0,0 @@
-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

@@ -1,86 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,69 +0,0 @@
-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

@@ -1,75 +0,0 @@
-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;