trepur_components 2.3.8 → 2.3.10

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

@@ -1,26 +1,10 @@
-import { Accordion } from './';
+import { Accordion } from '.';
 import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ id, className, items }: import('./').AccordionProps) => import("react/jsx-runtime").JSX.Element;
+    component: any;
     argTypes: {
-        items: {
-            description: string;
-            control: {
-                type: string;
-                default: undefined;
-            };
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
         id: {
             description: string;
             control: {
@@ -55,39 +39,7 @@ declare const meta: {
         };
     };
     args: {
-        items: ({
-            preText: string;
-            title: string;
-            subtitle: string;
-            imageProps: {
-                src: string;
-            };
-            children: import("react/jsx-runtime").JSX.Element;
-        } | {
-            preText: string;
-            title: string;
-            imageProps: {
-                src: string;
-            };
-            children: import("react/jsx-runtime").JSX.Element;
-            subtitle?: undefined;
-        } | {
-            subtitle: string;
-            imageProps: {
-                src: string;
-            };
-            children: import("react/jsx-runtime").JSX.Element;
-            preText?: undefined;
-            title?: undefined;
-        } | {
-            imageProps: {
-                src: string;
-            };
-            children: import("react/jsx-runtime").JSX.Element;
-            preText?: undefined;
-            title?: undefined;
-            subtitle?: undefined;
-        })[];
+        children: import("react/jsx-runtime").JSX.Element[];
     };
 };
 export default meta;

package/lib/components/Accordion/const.d.ts

@@ -0,0 +1,31 @@
+export declare const items: ({
+    label: string;
+    title: string;
+    subtitle: string;
+    image: string;
+    content: string;
+} | {
+    title: string;
+    content: string;
+    label?: undefined;
+    subtitle?: undefined;
+    image?: undefined;
+} | {
+    label: string;
+    title: string;
+    image: string;
+    content: string;
+    subtitle?: undefined;
+} | {
+    subtitle: string;
+    image: string;
+    content: string;
+    label?: undefined;
+    title?: undefined;
+} | {
+    image: string;
+    content: string;
+    label?: undefined;
+    title?: undefined;
+    subtitle?: undefined;
+})[];

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

@@ -1,6 +1,5 @@
 export interface AccordionProps {
-    id?: string;
-    className?: string;
-    items: any;
+    loading?: boolean;
 }
-export declare const Accordion: ({ id, className, items }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+declare const Accordion: any;
+export { Accordion };

package/lib/components/Accordion/index.js

@@ -1,6 +1,9 @@
-import { jsx as l } from "react/jsx-runtime";
-import { Collapsible as d } from "../Collapsible/index.js";
-const a = ({ id: c, className: n, items: r }) => /* @__PURE__ */ l("div", { id: c, className: n, children: r == null ? void 0 : r.map((o, p) => /* @__PURE__ */ l(d, { ...o, children: o.children }, `collapsible_item_${p}`)) });
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import t from "clsx";
+const o = a(({ id: r, className: c, children: i, loading: d = !1, ...s }, m) => /* @__PURE__ */ n("div", { id: r, className: t("", c), ref: m, ...s, children: i }));
+o.displayName = "Accordion";
+const l = Object.assign(o);
 export {
-  a as Accordion
+  l as Accordion
 };

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

@@ -1,163 +1,24 @@
-import { AlertBar } from '.';
 import { StoryObj } from '@storybook/react';
+import { AlertBar } from './';
 
 declare const meta: {
     title: string;
-    component: ({ id, className, type, text, textCenter, isDismissable, onDismissClick, }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
-    argTypes: {
-        type: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            options: string[];
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            defaultValue: string;
-            control: {
-                type: string;
-            };
-        };
-        text: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        leftIconProps: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        rightIconProps: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        textCenter: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            defaultValue: string;
-        };
-        isDismissable: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-            defaultValue: string;
-        };
-        onDismissClick: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            action: string;
-            table: {
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    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('./').AlertBarProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+        Icon: import('react').ForwardRefExoticComponent<{
+            icon: any;
+        } & import('react').RefAttributes<SVGSVGElement>>;
+        Dismiss: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLAttributes<HTMLButtonElement>, "icon"> & import('react').RefAttributes<HTMLButtonElement>>;
     };
     args: {
-        text: string;
-        leftIconProps: {
-            type: string;
-            colour: string;
-            hollow: boolean;
-        };
-        rightIconProps: {
-            type: string;
-            colour: string;
-        };
+        children: import("react/jsx-runtime").JSX.Element[];
     };
 };
 export default meta;
 type Story = StoryObj<typeof AlertBar>;
 export declare const Default: Story;
+export declare const Error: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Info: Story;
+export declare const Dismiss: Story;

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

@@ -1,12 +1,16 @@
-import { MouseEventHandler } from 'react';
+import { HTMLAttributes } from 'react';
 
-export interface Props {
+export interface AlertBarProps {
     id?: string;
     className?: string;
-    type?: 'success' | 'warning' | 'error' | 'info';
-    text?: string;
-    textCenter?: boolean;
-    isDismissable?: boolean;
-    onDismissClick?: MouseEventHandler;
+    variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
+    loading?: boolean;
 }
-export declare const AlertBar: ({ id, className, type, text, textCenter, isDismissable, onDismissClick, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const AlertBar: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & AlertBarProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
+    Icon: import('react').ForwardRefExoticComponent<{
+        icon: any;
+    } & import('react').RefAttributes<SVGSVGElement>>;
+    Dismiss: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLButtonElement>, "icon"> & import('react').RefAttributes<HTMLButtonElement>>;
+};
+export { AlertBar };

package/lib/components/AlertBar/index.js

@@ -1,49 +1,36 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useState as m } from "react";
-import t from "classnames";
-const x = ({
-  id: a,
-  className: o,
-  type: s = "warning",
-  text: i,
-  // leftIconProps,
-  // rightIconProps,
-  textCenter: n = !1,
-  isDismissable: c = !1,
-  onDismissClick: d
-}) => {
-  const [r, f] = m({
-    state: "open",
-    display: !0
-  }), l = t({
-    "bg-success": s === "success",
-    "bg-warning": s === "warning",
-    "bg-error": s === "error",
-    "bg-info-light": s === "info"
-  }), p = t({
-    "opacity-100": r.state === "open",
-    "opacity-0": r.state === "closed",
-    hidden: !r.display
-  }), u = t(
-    o,
-    l,
-    p,
-    "flex py-2 text-white duration-700  w-parent transition-opactiy"
-  ), g = t(
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { faExclamation as g } from "@fortawesome/fontawesome-free-solid";
+import u from "clsx";
+import { Button as p } from "../Button/index.js";
+import { Icon as o } from "../Icon/index.js";
+const s = l(
+  ({ id: e, className: a, children: f, variant: r = "default", loading: x, ...m }, d) => /* @__PURE__ */ t(
+    "div",
     {
-      "text-center": n
-      // 'pl-20': !textCenter && leftIconProps !== null,
-      // 'pl-4': !textCenter && leftIconProps === null,
-    },
-    "w-full py-3"
-  );
-  return t(
-    {
-      "hover:cursor-pointer": c
-    },
-    "absolute right-0 pr-8 pt-3"
-  ), /* @__PURE__ */ e("div", { id: a, className: u, children: /* @__PURE__ */ e("h3", { className: g, children: i }) });
-};
+      id: e,
+      className: u("flex w-full items-center gap-x-4 px-8 py-2", {
+        "": r === "default",
+        "border-error-default bg-error-light text-error-default": r === "error",
+        "border-info-default bg-info-light text-info-default": r === "info",
+        "border-success-default bg-success-light text-success-default": r === "success",
+        "border-warning-default bg-warning-light text-warning-default": r === "warning"
+      }),
+      ref: d,
+      ...m,
+      children: f
+    }
+  )
+), i = l(({ ...e }, a) => /* @__PURE__ */ t("p", { className: "text-md text-light-grey flex-1 truncate", ref: a, ...e })), n = l(({ icon: e }, a) => /* @__PURE__ */ t(o, { ref: a, icon: e })), c = l(({ ...e }) => /* @__PURE__ */ t(p, { variant: "ghost", ...e, children: /* @__PURE__ */ t(o, { icon: g }) }));
+s.displayName = "AlertBar";
+i.displayName = "AlertBar.Label";
+n.displayName = "AlertBar.Icon";
+c.displayName = "AlertBar.Dismiss";
+const y = Object.assign(s, {
+  Label: i,
+  Icon: n,
+  Dismiss: c
+});
 export {
-  x as AlertBar
+  y as AlertBar
 };

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

@@ -3,40 +3,6 @@ import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
     component: import('react').FC<{}>;
-    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: {};
 };
 export default meta;

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

@@ -3,58 +3,14 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ id, className, links }: import('.').Props) => import("react/jsx-runtime").JSX.Element;
-    argTypes: {
-        links: {
-            description: string;
-            table: {
-                category: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    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<HTMLUListElement> & import('.').BreadcrumbsProps & import('react').RefAttributes<HTMLUListElement>> & {
+        Item: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLLIElement> & import('react').RefAttributes<HTMLLIElement>>;
+        Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & {
+            href: string;
+        } & import('react').RefAttributes<HTMLParagraphElement>>;
     };
     args: {
-        links: {
-            href: string;
-            name: string;
-        }[];
+        children: import("react/jsx-runtime").JSX.Element[];
     };
 };
 export default meta;

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

@@ -1,4 +1,6 @@
-export interface Props {
+import { HTMLAttributes } from 'react';
+
+export interface BreadcrumbsProps {
     id?: string;
     className?: string;
     links?: Array<{
@@ -6,4 +8,10 @@ export interface Props {
         href: string;
     }>;
 }
-export declare const Breadcrumbs: ({ id, className, links }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Breadcrumbs: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & BreadcrumbsProps & import('react').RefAttributes<HTMLUListElement>> & {
+    Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & import('react').RefAttributes<HTMLLIElement>>;
+    Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & {
+        href: string;
+    } & import('react').RefAttributes<HTMLParagraphElement>>;
+};
+export { Breadcrumbs };

package/lib/components/Breadcrumbs/index.js

@@ -1,12 +1,16 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import n from "classnames";
-const o = ({ id: l, className: m, links: a }) => {
-  const s = a != null ? Object.keys(a).length : 0, h = n(m, "flex py-2");
-  return /* @__PURE__ */ e("ul", { id: l, className: h, children: a == null ? void 0 : a.map((c, r) => /* @__PURE__ */ t("div", { className: "flex", children: [
-    /* @__PURE__ */ e("li", { className: "h-8", children: r + 1 >= s ? /* @__PURE__ */ e("p", { className: "px-1 py-1", children: c.name }) : /* @__PURE__ */ e("p", { className: "px-1 py-1", children: /* @__PURE__ */ e("a", { className: "text-facebook hover:underline", href: c.href, children: c.name }) }) }),
-    r + 1 < s && /* @__PURE__ */ e("li", { className: "h-8", children: /* @__PURE__ */ e("p", { className: "py-1", children: "  >  " }) })
-  ] }, `breadcrumb_${r + 1}`)) });
-};
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+const c = s(({ children: e, ...r }, m) => /* @__PURE__ */ a("ul", { className: "flex gap-2", ...r, children: e })), t = s(({ children: e, ...r }, m) => /* @__PURE__ */ n("li", { className: "flex items-center gap-2", ...r, children: [
+  e,
+  /* @__PURE__ */ a("p", { children: "/" })
+] })), l = s(({ children: e, href: r, ...m }, o) => /* @__PURE__ */ a("p", { className: "px-1 py-1", children: /* @__PURE__ */ a("a", { className: "text-facebook hover:underline", href: r, children: e }) }));
+c.displayName = "Breadcrumbs";
+t.displayName = "Breadcrumbs.Item";
+l.displayName = "Breadcrumbs.Label";
+const b = Object.assign(c, {
+  Item: t,
+  Label: l
+});
 export {
-  o as Breadcrumbs
+  b as Breadcrumbs
 };