trepur_components 2.3.8 → 2.3.10

package/lib/components/MenuButton/index.js

@@ -1,30 +1,30 @@
-import { jsx as t, Fragment as m, jsxs as o } from "react/jsx-runtime";
+import { jsx as t, Fragment as h, jsxs as o } from "react/jsx-runtime";
 import { useState as u } from "react";
-import { DropdownMenu as l } from "../DropdownMenu/index.js";
+import { Dropdown as l } from "../Dropdown/index.js";
 import { Image as c } from "../Image/index.js";
 import p from "classnames";
-const M = ({
-  id: d,
-  className: a,
+const H = ({
+  id: s,
+  className: d,
   backgroundColour: w = "white",
-  menuItems: r,
+  menuItems: a,
   onClick: e
 }) => {
-  const [s, i] = u(!1), n = p(
-    a,
+  const [r, i] = u(!1), m = p(
+    d,
     "h-[45px] w-[80px] overflow-hidden rounded-full border-2 border-lightest-grey my-auto flex cursor-pointer justify-between pl-2 text-center hover:shadow-md"
   );
-  return r ? /* @__PURE__ */ o("div", { children: [
+  return a ? /* @__PURE__ */ o("div", { children: [
     /* @__PURE__ */ o(
       "div",
       {
-        id: d,
-        className: n,
+        id: s,
+        className: m,
         onClick: () => {
-          i(!s);
+          i(!r);
         },
         children: [
-          /* @__PURE__ */ t("div", { className: "mx-auto my-auto", onClick: (h) => e == null ? void 0 : e(h), children: /* @__PURE__ */ o(
+          /* @__PURE__ */ t("div", { className: "mx-auto my-auto", onClick: (n) => e == null ? void 0 : e(n), children: /* @__PURE__ */ o(
             "svg",
             {
               width: "18",
@@ -48,9 +48,9 @@ const M = ({
         ]
       }
     ),
-    s && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(l, { menuItems: r }) })
-  ] }) : /* @__PURE__ */ t(m, {});
+    r && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(l, {}) })
+  ] }) : /* @__PURE__ */ t(h, {});
 };
 export {
-  M as MenuButton
+  H as MenuButton
 };

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

@@ -0,0 +1,32 @@
+import { Nav } from '..';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').NavContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+            logo: string;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+        DesktopHeader: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        LeftSection: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        RightSection: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Logo: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLImageElement> & import('../Image').ImageProps & import('react').RefAttributes<HTMLImageElement>>;
+        Body: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Folder: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+            label: string;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    parameters: {
+        docs: {
+            story: {
+                iframe: string;
+            };
+        };
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Nav>;
+export declare const Default: Story;

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

@@ -0,0 +1,21 @@
+import { ImageProps } from '../Image';
+import { HTMLAttributes } from 'react';
+
+export interface NavContextProps {
+    expanded?: boolean;
+    setExpanded?: (val: boolean) => void;
+}
+declare const Nav: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & NavContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Header: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+        logo: string;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    DesktopHeader: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    LeftSection: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    RightSection: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Logo: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLImageElement> & ImageProps & import('react').RefAttributes<HTMLImageElement>>;
+    Body: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Folder: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+        label: string;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+};
+export { Nav };

package/lib/components/Nav/index.js

@@ -0,0 +1,82 @@
+import { jsx as e, jsxs as d, Fragment as y } from "react/jsx-runtime";
+import { createContext as b, forwardRef as n, useState as c, useMemo as w, useContext as m, useRef as C } from "react";
+import { HamburgerIcon as H } from "../HamburgerIcon/index.js";
+import { faChevronDown as L } from "@fortawesome/fontawesome-free-solid";
+import p from "clsx";
+import { Icon as S } from "../Icon/index.js";
+const i = b(null), v = n(({ children: a }, s) => {
+  const [r, t] = c(!1), o = w(
+    () => ({
+      expanded: r,
+      setExpanded: t
+    }),
+    [r, t]
+  );
+  return /* @__PURE__ */ e(i.Provider, { value: o, children: /* @__PURE__ */ e("div", { children: a }) });
+}), N = n(({ children: a, logo: s }, r) => {
+  const { setExpanded: t, expanded: o } = m(i) || {};
+  return /* @__PURE__ */ d("div", { ref: r, className: p("relative h-20 w-full bg-nav px-2 py-2"), children: [
+    /* @__PURE__ */ d("div", { className: "flex h-full md:hidden", children: [
+      /* @__PURE__ */ e("div", { className: "my-auto", children: /* @__PURE__ */ e(
+        H,
+        {
+          onClick: () => t == null ? void 0 : t(!o),
+          className: "aspect-square"
+        }
+      ) }),
+      /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-full w-28 -translate-x-1/2 -translate-y-1/2 transform", children: /* @__PURE__ */ e(l, { src: s }) })
+    ] }),
+    a
+  ] });
+}), f = n(
+  ({ children: a }, s) => {
+    const { expanded: r } = m(i) || {};
+    return r ? /* @__PURE__ */ e("div", { className: "h-screen bg-nav px-8 pb-12 pt-20 md:hidden", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 md:hidden", children: a }) }) : /* @__PURE__ */ e(y, {});
+  }
+), u = n(({ children: a }, s) => /* @__PURE__ */ e("div", { className: "hidden grid-cols-7 gap-8 md:grid", children: a })), x = n(({ children: a }, s) => /* @__PURE__ */ e("div", { className: "col-span-3 my-4 justify-between text-center md:flex", children: a })), g = n(({ label: a, children: s }) => {
+  const [r, t] = c(!1), o = C(null);
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      ref: o,
+      onClick: () => t(!0),
+      onMouseLeave: () => t(!1),
+      className: "mx-auto text-xl font-normal tracking-wider text-white hover:cursor-pointer",
+      children: [
+        /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e("p", { children: a }),
+          /* @__PURE__ */ e(S, { icon: L })
+        ] }),
+        r && /* @__PURE__ */ e("div", { className: "mb:pb-2 grid grid-cols-1 bg-nav md:gap-5 md:pt-8", children: s })
+      ]
+    }
+  );
+}), l = n(({ className: a, src: s, ...r }, t) => /* @__PURE__ */ e("div", { className: "flex-none", children: /* @__PURE__ */ e(
+  "img",
+  {
+    className: p("rounded-full", a),
+    ref: t,
+    src: s,
+    ...r
+  }
+) })), h = n(({ children: a }, s) => /* @__PURE__ */ e("div", { className: "col-span-3 my-4 justify-between text-center md:flex", children: a }));
+v.displayName = "Nav";
+N.displayName = "Nav.Header";
+u.displayName = "Nav.DesktopHeader";
+l.displayName = "Nav.Logo";
+x.displayName = "Nav.LeftSection";
+h.displayName = "Nav.RightSection";
+f.displayName = "Nav.Body";
+g.displayName = "Nav.Folder";
+const I = Object.assign(v, {
+  Header: N,
+  DesktopHeader: u,
+  LeftSection: x,
+  RightSection: h,
+  Logo: l,
+  Body: f,
+  Folder: g
+});
+export {
+  I as Nav
+};

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

@@ -1,152 +1,16 @@
-import { NavItem } from '.';
 import { StoryObj } from '@storybook/react';
+import { NavItem } from './';
 
 declare const meta: {
     title: string;
-    component: ({ id, className, title, href, onClick, tabindex, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
-    parameters: {};
-    argTypes: {
-        title: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        href: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        onClick: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
-        bordered: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            defaultValue: boolean;
-        };
-        rounded: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            defaultValue: boolean;
-        };
-        underlineOnHover: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            defaultValue: boolean;
-        };
-        isActive: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            defaultValue: boolean;
-        };
-        variant: {
-            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;
-                };
-            };
-        };
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLAnchorElement> & {
+        href: string;
+    } & import('react').RefAttributes<HTMLAnchorElement>> & {
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
     };
     args: {
-        title: string;
-        href: string;
-        underlineOnHover: boolean;
-        onClick: import('@storybook/addon-actions').HandlerFunction;
+        className: string;
+        children: import("react/jsx-runtime").JSX.Element[];
     };
 };
 export default meta;

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

@@ -1,16 +1,8 @@
-import { default as React } from 'react';
+import { HTMLAttributes } from 'react';
 
-export interface Props {
-    id?: string;
-    className?: string;
-    title: string;
-    href?: string;
-    onClick?: React.MouseEventHandler;
-    bordered?: boolean;
-    rounded?: boolean;
-    underlineOnHover?: boolean;
-    isActive?: boolean;
-    variant?: 'primary' | 'secondary' | 'tertiary';
-    tabindex?: number;
-}
-export declare const NavItem: ({ id, className, title, href, onClick, tabindex, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const NavItem: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLAnchorElement> & {
+    href: string;
+} & import('react').RefAttributes<HTMLAnchorElement>> & {
+    Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+};
+export { NavItem };

package/lib/components/NavItem/index.js

@@ -1,25 +1,24 @@
-import { jsx as s } from "react/jsx-runtime";
-import l from "classnames";
-const p = ({
-  id: r,
-  className: e,
-  title: t,
-  href: n = "/",
-  onClick: o,
-  tabindex: a
-}) => {
-  const c = l(e, "w-auto list-none");
-  return /* @__PURE__ */ s("div", { id: r, className: c, children: /* @__PURE__ */ s(
-    "a",
-    {
-      href: n,
-      onClick: o,
-      className: "rounded-xl border-2 border-transparent p-2",
-      ...a !== void 0 && { tabIndex: a },
-      children: /* @__PURE__ */ s("span", { className: "whitespace-nowrap text-center", children: t })
-    }
-  ) });
-};
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import i from "clsx";
+const s = o(({ children: t, className: a, href: e, ...l }, n) => /* @__PURE__ */ r(
+  "a",
+  {
+    href: e,
+    ref: n,
+    className: i(
+      "mx-auto h-8 py-0 text-white after:block after:scale-x-0 after:border-b-4 after:transition-all after:duration-300 after:ease-in-out hover:cursor-pointer hover:after:scale-x-100",
+      a
+    ),
+    ...l,
+    children: t
+  }
+)), m = o(({ className: t, ...a }, e) => /* @__PURE__ */ r("p", { className: "text-xl font-normal tracking-wider", ref: e, ...a }));
+s.displayName = "NavItem";
+m.displayName = "NavItem.Label";
+const N = Object.assign(s, {
+  Label: m
+});
 export {
-  p as NavItem
+  N as NavItem
 };

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

@@ -1,84 +1,22 @@
-import { Pill } from '.';
 import { StoryObj } from '@storybook/react';
+import { Pill } from './';
 
 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;
-                };
-            };
-        };
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('./').PillProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Icon: import('react').ForwardRefExoticComponent<{
+            icon: any;
+        } & import('react').RefAttributes<SVGSVGElement>>;
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
     };
     args: {
-        text: string;
-        onClick: import('@storybook/addon-actions').HandlerFunction;
+        children: import("react/jsx-runtime").JSX.Element[];
     };
 };
 export default meta;
 type Story = StoryObj<typeof Pill>;
 export declare const Default: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const Success: Story;
+export declare const Info: Story;

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

@@ -1,8 +1,17 @@
-export interface Props {
-    id?: string;
-    className?: string;
-    text: string;
-    onClick?: () => void;
-    dismissOnClick?: boolean;
+import { HTMLAttributes } from 'react';
+
+export type PickU<T, K extends keyof T> = T extends any ? {
+    [P in K]: T[P];
+} : never;
+export type PillVariant = 'default' | 'warning' | 'error' | 'info' | 'success';
+export interface PillProps {
+    variant?: PillVariant;
+    loading?: boolean;
 }
-export declare const Pill: ({ id, className, text, onClick, dismissOnClick, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Pill: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & PillProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Icon: import('react').ForwardRefExoticComponent<{
+        icon: any;
+    } & import('react').RefAttributes<SVGSVGElement>>;
+    Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+};
+export { Pill };

package/lib/components/Pill/index.js

@@ -1,31 +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, {});
-};
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import s from "clsx";
+import { Icon as a } from "../Icon/index.js";
+const i = t(({ children: l, variant: e = "default" }, r) => /* @__PURE__ */ o(
+  "div",
+  {
+    ref: r,
+    className: s(
+      "inline-grid grid-flow-col items-center gap-1 rounded-full border px-2 py-0.5",
+      {
+        "": e === "default",
+        "border-error-default bg-error-light text-error-default": e === "error",
+        "border-info-default bg-info-light text-info-default": e === "info",
+        "border-success-default bg-success-light text-success-default": e === "success",
+        "border-warning-default bg-warning-light text-warning-default": e === "warning"
+      }
+    ),
+    children: l
+  }
+)), d = t(({ className: l, ...e }, r) => /* @__PURE__ */ o("p", { className: s("text-xs", l), ref: r, ...e })), n = t(({ icon: l }, e) => /* @__PURE__ */ o(a, { size: "xs", ref: e, icon: l }));
+i.displayName = "Pill";
+n.displayName = "Pill.Icon";
+d.displayName = "Chip.Label";
+const m = Object.assign(i, {
+  Icon: n,
+  Label: d
+});
 export {
-  v as Pill
+  m as Pill
 };

package/lib/components/Select/index.js

@@ -43,7 +43,7 @@ const A = ({
               /* @__PURE__ */ e("p", { children: f }),
               x && /* @__PURE__ */ e("p", { className: "font-semiBold text-error", children: " *" })
             ] }),
-            /* @__PURE__ */ e("p", { className: "flex justify-between rounded-xl border-ink bg-white pb-1 pt-6 text-ink", children: u })
+            /* @__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 })
         ]

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