trepur_components 2.3.26 → 2.3.28

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

@@ -5,25 +5,10 @@ declare const meta: {
     title: string;
     component: ({ id, className, onSubmit, ref, components }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
     argTypes: {
-        title: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
         onSubmit: {
             type: {
-                name: string;
-                required: boolean;
+                name: "function";
+                required: false;
             };
             description: string;
             action: string;
@@ -38,7 +23,7 @@ declare const meta: {
         };
         ref: {
             type: {
-                name: string;
+                name: "other";
                 value: string;
             };
             description: string;
@@ -63,52 +48,16 @@ declare const meta: {
                 };
             };
         };
-        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: {
         components: ({
             htmlType: string;
             label: string;
             placeholder: string;
-            children: string;
-            className: string;
         } | {
             htmlType: string;
-            children: string;
             label?: undefined;
             placeholder?: undefined;
-            className?: undefined;
         })[];
     };
 };

package/lib/components/Input/index.js

@@ -1,82 +1,82 @@
 import { jsx as o, jsxs as I } from "react/jsx-runtime";
-import { createContext as b, forwardRef as a, useMemo as N, useRef as h, useContext as i } from "react";
+import { createContext as b, forwardRef as a, useMemo as N, useRef as y, useContext as d } from "react";
 import m from "clsx";
-const d = b(null), p = a(({ children: r, errors: t, placeholder: n, ...e }, l) => {
-  const s = N(
+const s = b(null), p = a(({ children: n, errors: e, placeholder: t, ...r }, l) => {
+  const f = N(
     () => ({
-      errors: t,
-      placeholder: n,
-      ...e
+      errors: e,
+      placeholder: t,
+      ...r
     }),
-    [t, e]
+    [e, r]
   );
-  return /* @__PURE__ */ o(d.Provider, { value: s, children: /* @__PURE__ */ o("div", { ref: l, children: r }) });
+  return /* @__PURE__ */ o(s.Provider, { value: f, children: /* @__PURE__ */ o("div", { ref: l, children: n }) });
 }), u = a(
-  ({ children: r, ...t }, n) => {
-    const e = h(null);
+  ({ children: n, ...e }, t) => {
+    const r = y(null);
     return /* @__PURE__ */ o(
       "div",
       {
         className: "mt-4 w-full",
         onClick: () => {
           var l;
-          return (l = e.current) == null ? void 0 : l.focus();
+          return (l = r.current) == null ? void 0 : l.focus();
         },
-        ref: n,
-        ...t,
-        children: r
+        ref: t,
+        ...e,
+        children: n
       }
     );
   }
-), c = a(({ className: r, children: t, required: n = !1 }, e) => /* @__PURE__ */ I(
+), i = a(({ className: n, children: e, required: t = !1 }, r) => /* @__PURE__ */ I(
   "div",
   {
-    ref: e,
-    className: m("flex px-1 text-sm font-normal leading-5", r),
+    ref: r,
+    className: m("flex px-1 text-sm font-normal leading-5", n),
     children: [
-      /* @__PURE__ */ o("p", { children: t }),
-      n && /* @__PURE__ */ o("p", { className: "text-sm font-normal", children: " *" })
+      /* @__PURE__ */ o("p", { children: e }),
+      t && /* @__PURE__ */ o("p", { className: "text-sm font-normal", children: " *" })
     ]
   }
-)), x = a(
-  ({ ...r }) => {
-    const { errors: t, placeholder: n } = i(d) || {};
+)), c = a(
+  ({ ...n }) => {
+    const { errors: e, placeholder: t } = d(s) || {};
     return /* @__PURE__ */ o(
       "input",
       {
-        placeholder: n,
+        placeholder: t,
         className: m(
           "text-ink text-md w-full rounded-md border border-gray-300 bg-white py-2 pl-4",
           {
-            "border-error border-2": t != null
+            "border-error border-2": e != null
           }
         ),
-        ...r
+        ...n
       }
     );
   }
-), f = a(({ children: r, ...t }, n) => {
-  const { errors: e } = i(d) || {};
+), x = a(({ ...n }, e) => {
+  const { errors: t } = d(s) || {};
   return /* @__PURE__ */ o(
     "div",
     {
-      ref: n,
+      ref: e,
       className: "text-md gap-y-2 pl-1 pt-2 font-semibold text-error-default",
-      ...t,
-      children: e == null ? void 0 : e.map((l, s) => /* @__PURE__ */ o("p", { children: l }, `error-msg-${s + 1}`))
+      ...n,
+      children: t == null ? void 0 : t.map((r, l) => /* @__PURE__ */ o("p", { children: r }, `error-msg-${l + 1}`))
     }
   );
 });
 p.displayName = "Input";
 u.displayName = "Input.Item";
-c.displayName = "Input.Label";
-x.displayName = "Input.Box";
-f.displayName = "Input.Validation";
+i.displayName = "Input.Label";
+c.displayName = "Input.Box";
+x.displayName = "Input.Validation";
 const C = Object.assign(p, {
   Item: u,
-  Label: c,
-  Box: x,
-  Validation: f
+  Label: i,
+  Box: c,
+  Validation: x
 });
 export {
   C as Input

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

@@ -3,23 +3,8 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ id, className, backgroundColour, menuItems, onClick, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    component: ({ id, className, menuItems, onClick }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
     argTypes: {
-        backgroundColour: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            options: string[];
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-            defaultValue: string;
-            control: string;
-        };
         menuItems: {
             description: string;
             control: string;
@@ -29,41 +14,8 @@ declare const meta: {
                 };
             };
         };
-        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: {
-        backgroundColour: string;
         onClick: import('@storybook/addon-actions').HandlerFunction;
         menuItems: {
             name: string;

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

@@ -1,14 +1,12 @@
-import { Colours } from '../../utils/controls';
 import { default as React } from 'react';
 
 export interface Props {
     id?: string;
     className?: string;
-    backgroundColour?: Colours;
     menuItems: Array<{
         name: string;
         href: string;
     }>;
     onClick?: React.MouseEventHandler;
 }
-export declare const MenuButton: ({ id, className, backgroundColour, menuItems, onClick, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuButton: ({ id, className, menuItems, onClick }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/MenuButton/index.js

@@ -1,27 +1,21 @@
 import { jsx as t, Fragment as h, jsxs as o } from "react/jsx-runtime";
 import { useState as u } from "react";
 import { Dropdown as l } from "../Dropdown/index.js";
-import { Image as c } from "../Image/index.js";
-import p from "classnames";
-const H = ({
-  id: s,
-  className: d,
-  backgroundColour: w = "white",
-  menuItems: a,
-  onClick: e
-}) => {
-  const [r, i] = u(!1), m = p(
+import { Image as p } from "../Image/index.js";
+import c from "classnames";
+const g = ({ id: s, className: d, menuItems: m, onClick: e }) => {
+  const [r, a] = u(!1), i = c(
     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 a ? /* @__PURE__ */ o("div", { children: [
+  return m ? /* @__PURE__ */ o("div", { children: [
     /* @__PURE__ */ o(
       "div",
       {
         id: s,
-        className: m,
+        className: i,
         onClick: () => {
-          i(!r);
+          a(!r);
         },
         children: [
           /* @__PURE__ */ t("div", { className: "mx-auto my-auto", onClick: (n) => e == null ? void 0 : e(n), children: /* @__PURE__ */ o(
@@ -39,7 +33,7 @@ const H = ({
             }
           ) }),
           /* @__PURE__ */ t(
-            c,
+            p,
             {
               src: "https://picsum.photos/300/300",
               className: "mx-auto my-auto h-8 w-8 rounded-full object-contain"
@@ -52,5 +46,5 @@ const H = ({
   ] }) : /* @__PURE__ */ t(h, {});
 };
 export {
-  H as MenuButton
+  g as MenuButton
 };

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

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 
 declare const meta: {
     title: string;
-    component: ({ id, className, children, visible, onOverlayClick, mobileGutter, animationStyle, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    component: ({ id, className, children, visible, onOverlayClick, mobileGutter, animationStyle }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         docs: {
             description: {

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

@@ -7,4 +7,4 @@ export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
     mobileGutter?: boolean;
     animationStyle?: 'fade' | 'slideBottom';
 }
-export declare const Modal: ({ id, className, children, visible, onOverlayClick, mobileGutter, animationStyle, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Modal: ({ id, className, children, visible, onOverlayClick, mobileGutter, animationStyle }: Props) => import("react/jsx-runtime").JSX.Element;

package/lib/components/NavItem/index.js

@@ -1,28 +1,35 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
-import c from "clsx";
-const s = o(({ loading: r = !1, active: e, children: t, className: n, href: m, ...f }, i) => r ? /* @__PURE__ */ a("div", { className: "m-auto", children: /* @__PURE__ */ a("div", { className: "h-7 w-20 animate-pulse rounded-md bg-gray-300" }) }) : /* @__PURE__ */ a(
+import n from "clsx";
+const l = o(({ loading: t = !1, active: e, children: r, className: m, href: f, ...i }, c) => t ? /* @__PURE__ */ a("div", { className: "m-auto", children: /* @__PURE__ */ a("div", { className: "h-7 w-20 animate-pulse rounded-md bg-gray-300" }) }) : /* @__PURE__ */ a(
   "a",
   {
-    href: m,
-    ref: i,
-    className: c(
+    href: f,
+    ref: c,
+    className: n(
       "m-auto inline-block py-0 text-nav-text after:block after:scale-x-0 after:border-b-2 after:border-nav-text after:transition-all after:duration-300 after:ease-in-out hover:cursor-pointer hover:after:scale-x-100",
       {
         "font-bold": e,
         "font-light": !e
       },
-      n
+      m
     ),
-    ...f,
-    children: t
+    ...i,
+    children: r
   }
-)), l = o(({ className: r, ...e }, t) => /* @__PURE__ */ a("p", { className: "flex-none text-nowrap text-lg", ref: t, ...e }));
-s.displayName = "NavItem";
-l.displayName = "NavItem.Label";
-const b = Object.assign(s, {
-  Label: l
+)), s = o(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+  "p",
+  {
+    className: n("flex-none text-nowrap text-lg", t),
+    ref: r,
+    ...e
+  }
+));
+l.displayName = "NavItem";
+s.displayName = "NavItem.Label";
+const x = Object.assign(l, {
+  Label: s
 });
 export {
-  b as NavItem
+  x as NavItem
 };

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

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    component: ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     argTypes: {
         leftIconProps: {
@@ -34,51 +34,9 @@ declare const meta: {
                 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: {
         placeholder: string;
-        leftIconProps: {
-            type: string;
-            className: string;
-            bgColour: string;
-        };
-        rightIconProps: {
-            type: string;
-            className: string;
-            bgColour: string;
-        };
     };
 };
 export default meta;

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

@@ -9,4 +9,4 @@ export interface Props {
     leftIconProps?: IconProps;
     rightIconProps?: IconProps;
 }
-export declare const Search: ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Search: ({ id, className, onChange, placeholder, text, leftIconProps, rightIconProps }: Props) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ import { Select } from './';
 
 declare const meta: {
     title: string;
-    component: ({ id, className, options, value, label, onClick, required, fullWidth, }: import('./').SelectProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ id, className, options, value, label, onClick, required, fullWidth }: import('./').SelectProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     argTypes: {
         label: {
@@ -13,38 +13,6 @@ declare const meta: {
                 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: {
         label: string;

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

@@ -8,4 +8,4 @@ export interface SelectProps {
     fullWidth?: boolean;
     required?: boolean;
 }
-export declare const Select: ({ id, className, options, value, label, onClick, required, fullWidth, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ id, className, options, value, label, onClick, required, fullWidth }: SelectProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,51 +3,13 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ id, className, title, subTitle, description, bgColour, size, iconProps, }: import('.').Props) => 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;
-                };
-            };
-        };
-    };
+    component: ({ title, subTitle, description, size, iconProps }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
     args: {
         title: string;
         subTitle: string;
         description: string;
-        bgColour: string;
-        size: string;
-        iconProps: {
-            icon: import('@fortawesome/fontawesome-free-solid').IconDefinition;
-            onClick: import('@storybook/addon-actions').HandlerFunction;
-        };
+        bgColour: "white";
+        size: "large";
     };
 };
 export default meta;

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

@@ -12,4 +12,4 @@ export interface Props {
     size?: 'small' | 'medium' | 'large';
     iconProps?: IconProps;
 }
-export declare const Showcase: ({ id, className, title, subTitle, description, bgColour, size, iconProps, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Showcase: ({ title, subTitle, description, size, iconProps }: Props) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ id, className, children, bgColour, showNav, leftExpand, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
+    component: ({ id, className, children, showNav, leftExpand }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         backgrounds: {
             default: string;
@@ -14,18 +14,10 @@ declare const meta: {
         };
     };
     argTypes: {
-        navLinks: {
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-            };
-        };
         bgColour: {
             type: {
-                name: string;
-                required: boolean;
+                name: "string";
+                required: false;
             };
             options: string[];
             description: string;
@@ -37,42 +29,10 @@ declare const meta: {
             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: {
         children: import("react/jsx-runtime").JSX.Element;
-        showNav: boolean;
+        showNav: true;
     };
 };
 export default meta;