trepur_components 2.3.9 → 2.3.11

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

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { Counter } from './';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('./').CounterContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        DecrementIcon: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        IncrementIcon: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Count: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Counter>;
+export declare const Default: Story;

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'react';
+
+export interface CounterContextProps {
+    currentCount?: number;
+    setCurrentCount?: (val: number) => void;
+    count?: number;
+    onClick?: (count: number) => void;
+}
+declare const Counter: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & CounterContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+    DecrementIcon: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    IncrementIcon: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Count: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+};
+export { Counter };

package/lib/components/Counter/index.js

@@ -0,0 +1,49 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as f, forwardRef as t, useState as I, useMemo as v, useContext as c } from "react";
+import { Icon as i } from "../Icon/index.js";
+import { faChevronCircleLeft as h, faChevronCircleRight as N } from "@fortawesome/fontawesome-free-solid";
+const r = f(null), a = t(({ children: e, count: o = 0 }, d) => {
+  const [u, s] = I(o), p = v(
+    () => ({
+      currentCount: u,
+      setCurrentCount: s
+    }),
+    [u, s]
+  );
+  return /* @__PURE__ */ n(r.Provider, { value: p, children: /* @__PURE__ */ n("div", { ref: d, className: "flex gap-6 rounded-lg ", children: e }) });
+}), m = t(() => {
+  const { setCurrentCount: e, currentCount: o = 0 } = c(r) || {};
+  return /* @__PURE__ */ n("div", { className: "my-auto cursor-pointer", children: /* @__PURE__ */ n(
+    i,
+    {
+      icon: h,
+      onClick: () => e == null ? void 0 : e(o - 1)
+    }
+  ) });
+}), C = t(() => {
+  const { setCurrentCount: e, currentCount: o = 0 } = c(r) || {};
+  return /* @__PURE__ */ n("div", { className: "my-auto cursor-pointer", children: /* @__PURE__ */ n(
+    i,
+    {
+      icon: N,
+      onClick: () => e == null ? void 0 : e(o + 1)
+    }
+  ) });
+}), l = t(
+  () => {
+    const { currentCount: e } = c(r) || {};
+    return /* @__PURE__ */ n("div", { className: "overflow-hidden text-center", children: e });
+  }
+);
+a.displayName = "Counter";
+m.displayName = "Counter.DecrementIcon";
+C.displayName = "Counter.IncrementIcon";
+l.displayName = "Counter.Count";
+const j = Object.assign(a, {
+  DecrementIcon: m,
+  IncrementIcon: C,
+  Count: l
+});
+export {
+  j as Counter
+};

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

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react';
+import { DetailUpdater } from './';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, title, description, expandText, collapseText, ctaText, onClick, onChange, children, onSubmit, onCancel, value, }: import('./').DetailUpdatesProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        title: string;
+        description: string;
+        expandText: string;
+        collapseText: string;
+        ctaText: string;
+        onClick: (fieldValues: any) => void;
+        onChange: (value: any) => void;
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof DetailUpdater>;
+export declare const Default: Story;

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

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+
+export interface DetailUpdatesProps {
+    id?: string;
+    className?: string;
+    title: string;
+    description?: string;
+    expandText: string;
+    collapseText: string;
+    ctaText: string;
+    onClick?: (fieldValues: any) => void;
+    onChange?: (fieldValues: any) => void;
+    children: React.ReactNode;
+    onSubmit?: () => void;
+    onCancel?: () => void;
+    value?: string;
+}
+export declare const DetailUpdater: ({ id, className, title, description, expandText, collapseText, ctaText, onClick, onChange, children, onSubmit, onCancel, value, }: DetailUpdatesProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/DetailUpdater/index.js

@@ -0,0 +1,63 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useState as x } from "react";
+import { Button as N } from "../Button/index.js";
+import { Card as g } from "../Card/index.js";
+import "../../node_modules/keen-slider/keen-slider.min.css.js";
+const D = ({
+  id: n,
+  className: c,
+  title: d,
+  description: o,
+  expandText: m,
+  collapseText: p,
+  ctaText: f,
+  onClick: k,
+  onChange: u,
+  children: h,
+  onSubmit: s,
+  onCancel: l,
+  value: t
+}) => {
+  const [a, r] = x(!1);
+  return /* @__PURE__ */ i(g, { id: n, className: c, children: [
+    !a && /* @__PURE__ */ i("div", { className: "mx-4 py-6", children: [
+      /* @__PURE__ */ i("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ e("p", { className: "font-semiBold text-ink", children: d }),
+        /* @__PURE__ */ e(
+          "p",
+          {
+            className: "font-semiBold text-ink cursor-pointer underline",
+            onClick: () => {
+              r(!0);
+            },
+            children: m
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("p", { className: "text-ink", children: t !== void 0 ? t : "-" })
+    ] }),
+    a && /* @__PURE__ */ i("div", { className: "mx-4 py-6", children: [
+      /* @__PURE__ */ i("div", { className: "flex justify-between", children: [
+        /* @__PURE__ */ e("p", { className: "font-semiBold text-ink", children: d }),
+        /* @__PURE__ */ e(
+          "p",
+          {
+            className: "font-semiBold text-ink cursor-pointer underline",
+            onClick: () => {
+              l == null || l(), r(!1);
+            },
+            children: p
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("p", { className: "text-light-grey", children: o }),
+      /* @__PURE__ */ e("div", { className: "grid w-full grid-cols-1 gap-0 py-4 md:grid-cols-2 md:gap-4 lg:w-2/3", children: h }),
+      /* @__PURE__ */ e(N, { variant: "secondary", onClick: () => {
+        s == null || s(), r(!1);
+      }, children: f })
+    ] })
+  ] });
+};
+export {
+  D as DetailUpdater
+};

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, title, paragraph, dismissText, onDismissClick, primaryCta, secondaryCta, imageUrl, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        title: string;
+        paragraph: string;
+        dismissText: string;
+        imageUrl: string;
+        onDismissClick: import('@storybook/addon-actions').HandlerFunction;
+    };
+};
+export declare const _Dialog: (args: any) => React.ReactElement;
+export default meta;

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

@@ -0,0 +1,12 @@
+import { ButtonProps } from '../Button';
+
+export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
+    title: string;
+    paragraph: string;
+    dismissText: string;
+    onDismissClick?: () => void;
+    primaryCta?: ButtonProps;
+    secondaryCta?: ButtonProps;
+    imageUrl?: string;
+}
+export declare const Dialog: ({ id, className, title, paragraph, dismissText, onDismissClick, primaryCta, secondaryCta, imageUrl, }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Dialog/index.js

@@ -0,0 +1,16 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Card as r } from "../Card/index.js";
+const n = ({
+  id: s,
+  className: i,
+  title: m,
+  paragraph: t,
+  dismissText: o,
+  onDismissClick: e,
+  primaryCta: p,
+  secondaryCta: l,
+  imageUrl: c
+}) => /* @__PURE__ */ a(r, { className: "max-w-[600px]" });
+export {
+  n as Dialog
+};

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

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { Dropdown } from './';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('../Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+        List: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLLIElement> & import('react').RefAttributes<HTMLLIElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Dropdown>;
+export declare const Default: Story;

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

@@ -0,0 +1,13 @@
+import { ButtonProps } from '../Button';
+import { HTMLAttributes } from 'react';
+
+export interface DropdownContextProps {
+    showDropdown?: boolean;
+    setShowDropdown?: (val: boolean) => void;
+}
+declare const Dropdown: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+    Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    List: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & import('react').RefAttributes<HTMLLIElement>>;
+};
+export { Dropdown };

package/lib/components/Dropdown/index.js

@@ -0,0 +1,66 @@
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { createContext as f, forwardRef as a, useState as D, useRef as b, useMemo as x, useContext as l } from "react";
+import { Button as d } from "../Button/index.js";
+import { faChevronDown as y } from "@fortawesome/fontawesome-free-solid";
+import { useClickOutside as C } from "./utils.js";
+const i = f(null), c = a(({ children: e }) => {
+  const [n, t] = D(!1), s = b(null), o = x(
+    () => ({
+      showDropdown: n,
+      setShowDropdown: t
+    }),
+    [n, t]
+  );
+  return C(s, () => {
+    t(!1);
+  }), /* @__PURE__ */ r(i.Provider, { value: o, children: /* @__PURE__ */ r("div", { ref: s, className: "relative inline-block text-left", children: e }) });
+}), m = a(({ children: e }) => {
+  const { showDropdown: n, setShowDropdown: t } = l(i) || {};
+  return /* @__PURE__ */ u(d, { onClick: () => t == null ? void 0 : t(!n), children: [
+    e,
+    /* @__PURE__ */ r(d.Icon, { icon: y })
+  ] });
+}), p = a(
+  ({ children: e }) => {
+    const { showDropdown: n } = l(i) || {};
+    return n ? /* @__PURE__ */ r(
+      "div",
+      {
+        className: "z-50 mt-2 w-48 rounded-lg border-2 bg-primary text-white",
+        role: "menu",
+        "aria-orientation": "vertical",
+        "aria-labelledby": "menu-button",
+        children: /* @__PURE__ */ r("ul", { className: "py-1 text-sm", children: e })
+      }
+    ) : /* @__PURE__ */ r("div", {});
+  }
+), w = a(
+  ({ children: e, onClick: n }) => {
+    const { showDropdown: t, setShowDropdown: s } = l(i) || {};
+    return /* @__PURE__ */ r(
+      "li",
+      {
+        className: "px-4 py-2",
+        onClick: (o) => {
+          o == null || o.target, s == null || s(!1);
+        },
+        onKeyDown: (o) => {
+          o.key === "Enter" && (o == null || o.target);
+        },
+        children: e
+      }
+    );
+  }
+);
+c.displayName = "Dropdown";
+m.displayName = "Dropdown.Label";
+p.displayName = "Dropdown.List";
+w.displayName = "Dropdown.Item";
+const g = Object.assign(c, {
+  Label: m,
+  List: p,
+  Item: w
+});
+export {
+  g as Dropdown
+};

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

@@ -0,0 +1 @@
+export declare function useClickOutside(ref: any, onClickOutside: () => void): void;

package/lib/components/Dropdown/utils.js

@@ -0,0 +1,14 @@
+import { useEffect as u } from "react";
+function c(e, t) {
+  u(() => {
+    function n(o) {
+      e.current && !e.current.contains(o.target) && t();
+    }
+    return document.addEventListener("mousedown", n), () => {
+      document.removeEventListener("mousedown", n);
+    };
+  }, [e, t]);
+}
+export {
+  c as useClickOutside
+};

package/lib/components/FileUploader/FilePreview.d.ts

@@ -0,0 +1,8 @@
+interface FilePreviewProps {
+    id?: string;
+    className?: string;
+    fileData?: any;
+    onDismiss?: (e: any) => void;
+}
+export declare const FilePreview: ({ id, className, fileData, onDismiss, }: FilePreviewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,52 @@
+import { StoryObj } from '@storybook/react';
+import { FileUploader } from './';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('./').FileUploaderContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Input: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Text: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+        FilePreview: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    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: {
+        children: import("react/jsx-runtime").JSX.Element[];
+        onDrop: (files: any) => void;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof FileUploader>;
+export declare const Default: Story;

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

@@ -0,0 +1,15 @@
+import { HTMLAttributes } from 'react';
+
+export interface FileUploaderContextProps {
+    fileList?: any;
+    setFileList: (open: any) => void;
+    inDropZone?: boolean;
+    setInDropZone?: (val: boolean) => void;
+    onDrop: React.DragEventHandler<HTMLDivElement> | undefined;
+}
+declare const FileUploader: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & FileUploaderContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Input: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Text: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+    FilePreview: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+};
+export { FileUploader };

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

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { Footer } from './';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+        Bar: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+        Section: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Column: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Title: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Text: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Footer>;
+export declare const Default: Story;

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

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+
+export interface Props {
+    id?: string;
+    className?: string;
+    text?: string;
+    variant?: 'light' | 'dark';
+}
+declare const Footer: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+    Bar: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+    Section: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Column: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Title: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Text: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+};
+export { Footer };

package/lib/components/Footer/index.js

@@ -0,0 +1,36 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import i from "clsx";
+const s = a(({ children: o, className: t }, e) => /* @__PURE__ */ r(
+  "div",
+  {
+    ref: e,
+    className: i(
+      "grid grid-cols-1 gap-y-12 bg-footer-bg p-8 text-footer-text",
+      t
+    ),
+    children: o
+  }
+)), n = a(({ children: o, className: t }, e) => /* @__PURE__ */ r("p", { ref: e, className: i("text-center", t), children: o })), m = a(({ children: o, className: t }, e) => /* @__PURE__ */ r("div", { ref: e, className: i("grid grid-cols-3 gap-12", t), children: o })), c = a(
+  ({ children: o, className: t }, e) => /* @__PURE__ */ r("div", { ref: e, className: t, children: o })
+), l = a(
+  ({ children: o, className: t }, e) => /* @__PURE__ */ r("div", { ref: e, className: t, children: o })
+), d = a(
+  ({ children: o, className: t }, e) => /* @__PURE__ */ r("div", { ref: e, className: t, children: o })
+);
+s.displayName = "Footer";
+n.displayName = "Footer.Bar";
+m.displayName = "Footer.Section";
+c.displayName = "Footer.Column";
+l.displayName = "Footer.Title";
+d.displayName = "Footer.Text";
+const u = Object.assign(s, {
+  Bar: n,
+  Section: m,
+  Column: c,
+  Title: l,
+  Text: d
+});
+export {
+  u as Footer
+};

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

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+import { FooterNav } from './';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+        Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+            href?: string | undefined;
+            onClick?: any;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Icon: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+            icon: import('@fortawesome/fontawesome-svg-core').IconProp | import('@fortawesome/fontawesome-free-solid').IconDefinition;
+        } & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    args: {
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof FooterNav>;
+export declare const Default: Story;

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

@@ -0,0 +1,15 @@
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
+import { IconDefinition } from '@fortawesome/fontawesome-free-solid';
+import { HTMLAttributes } from 'react';
+
+declare const FooterNav: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+    Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+        href?: string | undefined;
+        onClick?: any;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+    Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Icon: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+        icon: IconDefinition | IconProp;
+    } & import('react').RefAttributes<HTMLDivElement>>;
+};
+export { FooterNav };

package/lib/components/FooterNav/index.js

@@ -0,0 +1,38 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import n from "clsx";
+import { Icon as p } from "../Icon/index.js";
+const l = s(({ className: t, children: o, ...e }, a) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: n(
+      "border-lightest-grey fixed bottom-0 flex w-full justify-between border-t px-4",
+      t
+    ),
+    ref: a,
+    ...e,
+    children: o
+  }
+)), m = s(({ className: t, children: o, href: e, onClick: a, ...N }) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: n(
+      "group w-full cursor-pointer py-2 text-center transition-all duration-500",
+      t
+    ),
+    ...N,
+    children: /* @__PURE__ */ r("a", { href: e, onClick: a, children: o })
+  }
+)), i = s(({ className: t, children: o, ...e }, a) => /* @__PURE__ */ r("p", { className: (n("font-regular pt-0.5 text-xs"), t), ...e, children: o })), c = s(({ className: t, icon: o, ...e }) => /* @__PURE__ */ r(p, { icon: o, ...e }));
+l.displayName = "FooterNav";
+m.displayName = "FooterNav.Item";
+c.displayName = "FooterNav.Icon";
+i.displayName = "FooterNav.Label";
+const x = Object.assign(l, {
+  Item: m,
+  Label: i,
+  Icon: c
+});
+export {
+  x as FooterNav
+};