trepur_components 2.3.8 → 2.3.10

package/lib/components/NavOld/index.js

@@ -1,187 +0,0 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useState as f, useEffect as V } from "react";
-import { Container as j } from "../Container/index.js";
-import { HamburgerIcon as W } from "../HamburgerIcon/index.js";
-import { HorizontalLine as X } from "../HorizontalLine/index.js";
-import { Image as C } from "../Image/index.js";
-import { MenuButton as Z } from "../MenuButton/index.js";
-import { NavItem as w } from "../NavItem/index.js";
-import l from "classnames";
-import { StickyNav as D } from "./StickyNav.js";
-const ce = ({
-  id: x,
-  className: H,
-  navLinks: r,
-  withMobileSideBar: t = !1,
-  withMobileDropdown: a = !1,
-  dropdownNavHeight: N,
-  logo: u,
-  logoDarkTheme: $,
-  mobileLogo: v,
-  mobileLogoDarkTheme: E,
-  logoLink: p,
-  mobileClasses: b,
-  getNavStatus: d,
-  variant: c = "primary",
-  stickyNavVariant: P = "primary",
-  text: _,
-  textLink: Y = "/",
-  withStickyNavShadow: q = !1,
-  withDesktopShadow: g = !1,
-  profileMenu: s
-}) => {
-  const [h, A] = f(!1), [m, F] = f(!1), [z, I] = f(!1), [y, G] = f(!1), J = l(
-    {
-      // [style.desktopNavDropShadow]: withDesktopShadow && !showStickyNav && !showSideNav
-    },
-    H
-  ), K = l(
-    {
-      "opacity-100 transition-all duration-1000": z
-    },
-    "fixed top-0 z-40 w-full overflow-hidden opacity-0 transition-all duration-500"
-  ), O = () => {
-    window.scrollY >= 80 ? I(!0) : I(!1);
-  };
-  V(() => (window.addEventListener("scroll", O), () => {
-    window.removeEventListener("scroll", O);
-  }));
-  const Q = l(
-    {
-      " w-0": !h,
-      "h-screen w-full sm:w-1/3": h
-    },
-    "fixed z-50 h-full overflow-hidden duration-700 md:hidden"
-  ), R = l(
-    {
-      "h-0": !m,
-      "": m,
-      [`h-${N}`]: m
-    },
-    "z-50 overflow-hidden md:hidden"
-  ), T = l(
-    "flex items-center md:hidden",
-    "relative z-50",
-    b
-  ), U = () => {
-    G(!y), t && (d == null || d(t, !h), A(!h)), a && (d == null || d(a, !m), F(!m));
-  };
-  return /* @__PURE__ */ n("div", { className: "flex min-h-screen flex-col", children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: l(
-          " fixed bottom-0 left-0 right-0 top-0 z-50 h-full w-full bg-primary transition-opacity duration-700",
-          [y] && "visible opacity-100",
-          [!y] && "invisible opacity-0"
-        )
-      }
-    ),
-    /* @__PURE__ */ n("header", { id: x, className: J, children: [
-      /* @__PURE__ */ n(j, { withPadding: !0, className: T, children: [
-        (t || a) && /* @__PURE__ */ e("div", { className: "absolute inset-y-0 left-8 top-4", children: /* @__PURE__ */ e(W, { onClick: U, variant: c }) }),
-        /* @__PURE__ */ e("a", { className: "mx-auto my-2", href: p, "aria-label": "mobile-logo", children: /* @__PURE__ */ e(C, { src: v, height: 5, width: 5 }) })
-      ] }),
-      /* @__PURE__ */ n(
-        j,
-        {
-          withPadding: !0,
-          className: "relative z-50 flex items-center justify-between",
-          children: [
-            /* @__PURE__ */ e("div", { className: "my-2 hidden w-96 md:flex", children: /* @__PURE__ */ e(
-              "a",
-              {
-                className: "border-2 border-white",
-                href: p,
-                "aria-label": "desktop-logo",
-                children: /* @__PURE__ */ e(C, { src: u, height: 5, width: 5 })
-              }
-            ) }),
-            /* @__PURE__ */ e("nav", { className: "hidden w-96 justify-center py-6 md:flex md:pr-16 lg:pr-0", children: r == null ? void 0 : r.map((o, i) => /* @__PURE__ */ e(
-              w,
-              {
-                ...o,
-                className: "mx-auto w-24 text-center",
-                bordered: !1,
-                rounded: !1,
-                underlineOnHover: !0,
-                variant: c
-              },
-              `desktop_nav_item_${i}`
-            )) }),
-            !(s != null && s.menuItems) !== void 0 && /* @__PURE__ */ e("div", { className: "hidden w-96 flex-row-reverse lg:flex", children: _ !== void 0 && /* @__PURE__ */ e(
-              w,
-              {
-                title: _,
-                href: Y,
-                className: "mx-auto w-24 text-center",
-                underlineOnHover: !0,
-                variant: c
-              }
-            ) }),
-            (s == null ? void 0 : s.menuItems) && /* @__PURE__ */ e("div", { className: "hidden w-96 flex-row-reverse md:flex", children: /* @__PURE__ */ e(Z, { ...s, menuItems: s == null ? void 0 : s.menuItems }) })
-          ]
-        }
-      ),
-      t && /* @__PURE__ */ e("div", { className: Q, children: r == null ? void 0 : r.map((o, i) => /* @__PURE__ */ n("div", { className: "flex-col", children: [
-        /* @__PURE__ */ e(
-          w,
-          {
-            ...o,
-            className: l(
-              "pl-2 pt-4 focus:border-2 focus:border-white",
-              "justify-center pb-4 pt-2"
-            ),
-            bordered: !1,
-            rounded: !1,
-            underlineOnHover: !0,
-            variant: c
-          }
-        ),
-        /* @__PURE__ */ e(
-          X,
-          {
-            colour: c === "secondary" ? "primary" : "secondary",
-            className: "mx-2"
-          }
-        )
-      ] }, `sidebar_nav_item_${i}`)) }),
-      a && /* @__PURE__ */ e("div", { className: R, children: /* @__PURE__ */ e("div", { className: "space-y-1 pb-3 pt-2", children: r == null ? void 0 : r.map((o, i) => /* @__PURE__ */ e(
-        w,
-        {
-          ...o,
-          className: "pl-8 pt-2",
-          bordered: !1,
-          rounded: !1,
-          underlineOnHover: !0,
-          variant: c
-        },
-        `dropdown_nav_item_${i}`
-      )) }) }),
-      /* @__PURE__ */ e(
-        D,
-        {
-          id: x,
-          className: K,
-          navLinks: r,
-          withMobileSideBar: t,
-          withMobileDropdown: a,
-          dropdownNavHeight: N,
-          logo: u,
-          logoDarkTheme: $,
-          mobileLogo: v,
-          mobileLogoDarkTheme: E,
-          logoLink: p,
-          mobileClasses: b,
-          ...d && { getNavStatus: d },
-          variant: P,
-          tabindex: z ? 0 : -1,
-          withShadow: q
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  ce as NavOld
-};

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

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

package/lib/components/NavTwo/Dropdown.js

@@ -1,21 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import n from "classnames";
-const t = ({
-  id: d,
-  className: e,
-  children: a,
-  visible: o = !1
-}) => {
-  const r = n(
-    {
-      "hidden h-0": !o,
-      "h-auto": o
-    },
-    "z-50 overflow-hidden md:hidden",
-    e
-  );
-  return /* @__PURE__ */ s("div", { id: d, className: r, children: /* @__PURE__ */ s("div", { className: "space-y-1 pb-3 pt-2", children: a }) });
-};
-export {
-  t as Dropdown
-};

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/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;