trepur_components 2.3.8 → 2.3.10

package/lib/components/FyreCard/index.js

@@ -1,27 +0,0 @@
-import { jsx as e, jsxs as x } from "react/jsx-runtime";
-import { Button as o } from "../Button/index.js";
-import c from "classnames";
-const v = ({
-  id: r,
-  className: s,
-  image: i,
-  imageClass: a,
-  altText: d,
-  bordered: m,
-  buttonProps: l
-}) => {
-  const f = c(
-    {
-      "border border-grey border-opacity-100": m
-    },
-    s,
-    "flex flex-col"
-  ), n = c(a, "w-full");
-  return /* @__PURE__ */ e("div", { id: r, className: f, children: /* @__PURE__ */ x("div", { className: c("flex flex-1 flex-col", "card-content"), children: [
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("img", { className: n, src: i, alt: d }) }),
-    /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ e(o, { ...l, children: l == null ? void 0 : l.children }) })
-  ] }) }, r);
-};
-export {
-  v as FyreCard
-};

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

@@ -1,96 +0,0 @@
-import { HorizontalLine } from '.';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ id, className, colour, topLine, bottomLine, middleLine, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
-    argTypes: {
-        colour: {
-            description: string;
-            control: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            defaultValue: string;
-        };
-        topLine: {
-            description: string;
-            control: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            defaultValue: string;
-        };
-        bottomLine: {
-            description: string;
-            control: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            defaultValue: string;
-        };
-        middleLine: {
-            description: string;
-            control: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            defaultValue: 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;
-                };
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof HorizontalLine>;
-export declare const Default: Story;

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

@@ -1,11 +0,0 @@
-import { Colours } from '../../utils/controls';
-
-export interface Props {
-    id?: string;
-    className?: string;
-    colour?: Colours;
-    topLine?: boolean;
-    bottomLine?: boolean;
-    middleLine?: boolean;
-}
-export declare const HorizontalLine: ({ id, className, colour, topLine, bottomLine, middleLine, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/HorizontalLine/index.js

@@ -1,24 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import l from "classnames";
-const f = ({
-  id: r,
-  className: s,
-  colour: n = "primary",
-  topLine: o = !1,
-  bottomLine: m = !1,
-  middleLine: a = !1
-}) => {
-  const e = l(
-    {
-      "mb-6": o,
-      "mt-6": m,
-      "my-6": a
-    },
-    s,
-    "my-0 h-0.5 border-none py-0"
-  );
-  return /* @__PURE__ */ t("hr", { id: r, className: e });
-};
-export {
-  f as HorizontalLine
-};

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

@@ -1,51 +0,0 @@
-import { IconCard } from '.';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ id, className, title, description, iconProps, href, target, onClick, }: import('.').IconCardProps) => 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;
-        description: string;
-        iconProps: {
-            icon: import('@fortawesome/fontawesome-free-solid').IconDefinition;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof IconCard>;
-export declare const Default: Story;

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

@@ -1,13 +0,0 @@
-import { IconProps } from '../Icon';
-
-export interface IconCardProps {
-    id?: string;
-    className?: string;
-    title: string;
-    description: string;
-    iconProps: IconProps;
-    href?: string;
-    target?: string;
-    onClick?: () => void;
-}
-export declare const IconCard: ({ id, className, title, description, iconProps, href, target, onClick, }: IconCardProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/IconCard/index.js

@@ -1,27 +0,0 @@
-import { jsxs as x, jsx as e } from "react/jsx-runtime";
-import { Icon as p } from "../Icon/index.js";
-import h from "classnames";
-const N = ({
-  id: a,
-  className: i,
-  title: o,
-  description: c,
-  iconProps: m,
-  href: s,
-  target: t,
-  onClick: n
-}) => {
-  const d = h(
-    i,
-    "flex flex-col bg-white hover:bg-lightest-grey cursor-pointer shadow-xl drop-shadow mx-auto my-auto w-full rounded-2xl p-4"
-  );
-  let l = "div", r = {};
-  return (s || t) && (l = "a", r = { href: s, title: o, target: t }), /* @__PURE__ */ x(l, { id: a, className: d, onClick: n, ...r, children: [
-    /* @__PURE__ */ e("div", { className: "py-2", children: /* @__PURE__ */ e(p, { ...m, size: "2x" }) }),
-    /* @__PURE__ */ e("p", { className: "pt-6 text-md font-semiBold text-ink", children: o }),
-    /* @__PURE__ */ e("p", { className: "text-light-grey", children: c })
-  ] });
-};
-export {
-  N as IconCard
-};

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

@@ -1,69 +0,0 @@
-import { ImageInfo } from '.';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ id, className, bgColour, textColour, contentTitle, text, image, swapDesktop, swapMobile, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
-    argTypes: {
-        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: {
-        title: string;
-        description: string;
-        contentTitle: string;
-        text: string;
-        image: string;
-        swapDesktop: boolean;
-        swapMobile: boolean;
-        bgColour: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof ImageInfo>;
-export declare const Default: Story;

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

@@ -1,14 +0,0 @@
-import { Colours } from '../../utils/controls';
-
-export interface Props {
-    id: string;
-    className?: string;
-    bgColour?: Colours;
-    textColour?: string;
-    contentTitle?: string;
-    text?: string;
-    image: string;
-    swapDesktop?: boolean;
-    swapMobile?: boolean;
-}
-export declare const ImageInfo: ({ id, className, bgColour, textColour, contentTitle, text, image, swapDesktop, swapMobile, }: Props) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,63 +0,0 @@
-import { ImageLink } from '.';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
-    parameters: {};
-    argTypes: {
-        title: {
-            description: string;
-            control: string;
-            table: {
-                category: string;
-            };
-        };
-        image: {
-            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: {
-        image: string;
-        link: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof ImageLink>;
-export declare const Default: Story;

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

@@ -1,14 +0,0 @@
-import { Props as buttonProps } from '../Button';
-
-export interface Props {
-    id?: string;
-    className?: string;
-    image?: string;
-    altText?: string;
-    title?: string;
-    link?: string;
-    rounded?: boolean;
-    openInNewTab?: boolean;
-    buttonProps?: buttonProps;
-}
-export declare const ImageLink: ({ id, className, image, altText, title, link, rounded, openInNewTab, buttonProps, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ImageLink/index.js

@@ -1,39 +0,0 @@
-import { jsx as l, jsxs as h } from "react/jsx-runtime";
-import { Button as f } from "../Button/index.js";
-import m from "classnames";
-const u = ({
-  id: t,
-  className: c,
-  image: a,
-  altText: s,
-  title: r,
-  link: i,
-  rounded: o,
-  openInNewTab: d,
-  buttonProps: e
-}) => {
-  const n = m(
-    c,
-    "mx-1 mb-2 cursor-pointer overflow-hidden text-center hover:opacity-50 md:mx-1 md:mb-2 lg:mx-3 lg:mb-5 max-w-96"
-  ), x = m({
-    "rounded-full": o
-  });
-  return /* @__PURE__ */ l("a", { id: t, href: i, ...d && { target: "blank" }, children: /* @__PURE__ */ h(
-    "div",
-    {
-      className: m(
-        x,
-        n,
-        "relative overflow-hidden"
-      ),
-      children: [
-        /* @__PURE__ */ l("img", { src: a, alt: s, className: "h-full w-full object-cover" }),
-        r !== void 0 && /* @__PURE__ */ l("h1", { className: "absolute inset-x-0 top-0 mt-4 bg-black py-2 text-center text-white", children: r }),
-        (e == null ? void 0 : e.children) !== void 0 && /* @__PURE__ */ l(f, { className: "absolute inset-x-0 bottom-0 mx-8 mb-4 text-center", children: e.children })
-      ]
-    }
-  ) });
-};
-export {
-  u as ImageLink
-};

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

@@ -1,48 +0,0 @@
-import { ImageLinkList } from '.';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ id, className, items }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
-    parameters: {};
-    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: {
-        items: any;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof ImageLinkList>;
-export declare const Default: Story;

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

@@ -1,8 +0,0 @@
-import { Props as imageLinkProps } from '../ImageLink';
-
-export interface Props {
-    id?: string;
-    className?: string;
-    items?: imageLinkProps[];
-}
-export declare const ImageLinkList: ({ id, className, items }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ImageLinkList/index.js

@@ -1,18 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import m from "classnames";
-import { ImageLink as e } from "../ImageLink/index.js";
-const d = ({ id: t, className: l, items: r }) => {
-  const o = m(l, "grid sm:grid-cols-2 md:grid-cols-4");
-  return /* @__PURE__ */ i("div", { id: t, className: o, children: r == null ? void 0 : r.map((a, s) => /* @__PURE__ */ i(
-    e,
-    {
-      altText: a.altText,
-      image: a.image,
-      title: a.title
-    },
-    `image_link_${s + 0}`
-  )) });
-};
-export {
-  d as ImageLinkList
-};

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

@@ -1,54 +0,0 @@
-import { InformationIcon } from '.';
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ id, className, title, subtitle, withAnimation, iconProps, large, }: import('.').InformationIconProps) => 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;
-        withAnimation: boolean;
-        backgroundColour: string;
-        iconProps: {
-            icon: import('@fortawesome/fontawesome-free-solid').IconDefinition;
-            hollow: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof InformationIcon>;
-export declare const Default: Story;

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

@@ -1,12 +0,0 @@
-import { IconProps } from '../Icon';
-
-export interface InformationIconProps {
-    id: string;
-    className?: string;
-    title: string;
-    subtitle?: string | number;
-    withAnimation?: boolean;
-    iconProps: IconProps;
-    large?: boolean;
-}
-export declare const InformationIcon: ({ id, className, title, subtitle, withAnimation, iconProps, large, }: InformationIconProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/InformationIcon/index.js

@@ -1,65 +0,0 @@
-import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { useRef as S, useEffect as y } from "react";
-import { Icon as E } from "../Icon/index.js";
-import L from "../../utils/matchMedia.js";
-import a from "classnames";
-const F = ({
-  id: r,
-  className: v,
-  title: m,
-  subtitle: e,
-  withAnimation: w = !1,
-  iconProps: l,
-  large: c = !0
-}) => {
-  const d = S(!1), I = L("max-width: 768px"), N = a(
-    {
-      "py-8": c,
-      "pb-4": !c,
-      "pt-4": !c
-    },
-    v,
-    "rounded-2xl text-center sm:flex sm:text-left grid gap-6"
-  ), b = a({
-    "font-light sm:font-semiBold": e !== void 0
-  }), g = a(
-    "text-xxl font-medium sm:text-xs sm:font-regular"
-  );
-  y(() => {
-    if (typeof e == "number") {
-      const s = document.getElementById(`${r}_number`), t = new IntersectionObserver(
-        (i, f) => {
-          i.forEach((o) => {
-            o.intersectionRatio >= 0.1 && !d.current && (d.current = !0, M(
-              document.getElementById(`${r}_number`),
-              0,
-              e,
-              3e3
-            ));
-          });
-        },
-        { threshold: 1 }
-      );
-      s != null && w && t.observe(s);
-    }
-  }, []);
-  const M = (s, t, i, f) => {
-    let o;
-    const x = (p) => {
-      o = p;
-      const u = Math.min((p - o) / f, 1);
-      s.innerHTML = Math.floor(u * (i - t) + t), u < 1 && window.requestAnimationFrame(x);
-    };
-    window.requestAnimationFrame(x);
-  };
-  return /* @__PURE__ */ h("div", { id: r, className: N, children: [
-    /* @__PURE__ */ n("div", { className: "sm:h-full", children: l !== void 0 && /* @__PURE__ */ n(E, { ...l, size: I ? "3x" : "2x" }) }),
-    /* @__PURE__ */ h("div", { className: "mt-8 flex flex-col-reverse sm:mt-0 sm:block sm:pr-4 md:pr-8", children: [
-      m !== void 0 && m !== "" && /* @__PURE__ */ n("p", { className: b, children: m }),
-      e !== void 0 && e !== "" && /* @__PURE__ */ n("p", { className: g, children: e })
-    ] })
-  ] });
-};
-export {
-  F as InformationIcon
-};