trepur_components 2.3.8 → 2.3.10

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

@@ -1,17 +1,2 @@
-import { Props as videoProps } from '../Video';
-import { Props as imageProps } from '../Image';
-import { Props as buttonProps } from '../Button';
-
-export interface Props {
-    id?: string;
-    className?: string;
-    title?: string;
-    imageProps?: imageProps;
-    videoProps?: videoProps;
-    subTitle?: string;
-    description?: string;
-    href?: string;
-    target?: string;
-    buttonProps?: buttonProps;
-}
-export declare const Card: ({ id, className, imageProps, videoProps, title, subTitle, description, href, target, buttonProps, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Card: any;
+export { Card };

package/lib/components/Card/index.js

@@ -1,51 +1,25 @@
-import { jsxs as m, jsx as d } from "react/jsx-runtime";
-import { Button as B } from "../Button/index.js";
-import { Video as F } from "../Video/index.js";
-const C = ({
-  id: N,
-  className: w,
-  imageProps: e,
-  videoProps: l,
-  title: a,
-  subTitle: i,
-  description: f,
-  href: n,
-  target: x,
-  buttonProps: c
-}) => {
-  let h = "div", g = {};
-  (n || x) && (h = "a", g = { href: n, title: a, target: x });
-  const v = (c == null ? void 0 : c.children) !== void 0 && (c.href !== void 0 || c.onClick !== void 0) && h === "div";
-  return /* @__PURE__ */ m(
-    h,
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import m from "clsx";
+const t = l(({ className: s, href: o, target: r, children: d, ...i }, p) => {
+  let a = "div", e = {};
+  return (o || r) && (a = "a", e = { href: o, target: r, ...i }), /* @__PURE__ */ n(
+    a,
     {
-      id: N,
-      className: `${w} flex max-w-96 flex-col overflow-hidden rounded-lg shadow-xl`,
-      ...g,
-      children: [
-        /* @__PURE__ */ d("div", { children: (l == null ? void 0 : l.mp4File) !== void 0 || (l == null ? void 0 : l.webmFile) !== void 0 || (l == null ? void 0 : l.ogvFile) !== void 0 ? /* @__PURE__ */ d(F, { ...l }) : e !== void 0 && /* @__PURE__ */ d(
-          "img",
-          {
-            className: "w-full",
-            title: `${(a == null ? void 0 : a.replace(/\s/g, "-")) ?? "a"}-logo`,
-            alt: a !== void 0 ? `${a == null ? void 0 : a.replace(/\s/g, "-")}-image` : "image",
-            ...e
-          }
-        ) }),
-        /* @__PURE__ */ m("div", { className: "p-2", children: [
-          /* @__PURE__ */ m("div", { children: [
-            a !== void 0 && /* @__PURE__ */ d("h3", { className: "text-md font-regular", children: a }),
-            i !== void 0 && /* @__PURE__ */ d("h4", { className: "text-sm font-regular text-ink", children: i })
-          ] }),
-          /* @__PURE__ */ m("div", { children: [
-            f !== void 0 && /* @__PURE__ */ d("p", { className: "flex-1 pb-6 text-sm font-light", children: f }),
-            v && /* @__PURE__ */ d(B, { ...c, children: c == null ? void 0 : c.children })
-          ] })
-        ] })
-      ]
+      className: m(
+        "grid grid-cols-1 rounded-xl bg-white p-4 drop-shadow",
+        {
+          "hover:cursor-pointer": o
+        },
+        s
+      ),
+      ...e,
+      children: d
     }
   );
-};
+});
+t.displayName = "Card";
+const u = Object.assign(t);
 export {
-  C as Card
+  u as Card
 };

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

@@ -3,558 +3,19 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').FC<import('.').Props>;
-    parameters: {};
-    argTypes: {
-        breakpoints: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        defaultAnimation: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        drag: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        dragSpeed: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        initial: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        loop: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        mode: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        range: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        renderMode: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        rtl: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        rubberband: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        slides: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        vertical: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        animationStarted: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        animationStopped: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        animationEnded: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        destroyed: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        detailsChanged: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        dragged: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        dragStarted: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        dragChecked: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        dragEnded: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        beforeOptionsChanged: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        optionsChanged: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        updated: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        perView: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        spacing: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        number: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: string;
-                type: {
-                    summary: string;
-                };
-                defaultValue: {
-                    summary: string;
-                };
-            };
-        };
-        origin: {
-            type: {
-                name: string;
-                required: boolean;
-            };
-            description: string;
-            table: {
-                category: string;
-                subcategory: 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<HTMLDivElement> & import('.').CarouselContextProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Arrow: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('.').ArrowProps & import('react').RefAttributes<HTMLDivElement>>;
+        Dots: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('.').DotProps & import('react').RefAttributes<HTMLButtonElement>>;
+        Slides: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
+            rightArrow?: boolean | undefined;
+        } & import('react').RefAttributes<HTMLDivElement>>;
     };
     args: {
-        title: string;
-        description: string;
-        loop: boolean;
-        drag: boolean;
-        slides: import("react/jsx-runtime").JSX.Element[];
-        spacing: number;
         perView: number;
-        arrows: {
-            visible: boolean;
-            colour: string;
-            bgColour: string;
-            hoverColour: string;
-            hoverBgColour: string;
-        };
-        dots: {
-            visible: boolean;
-            colour: string;
-            bgColour: string;
-            hoverColour: string;
-            hoverBgColour: string;
-            wrapperBgColour: string;
-        };
+        spacing: number;
+        loop: true;
+        children: import("react/jsx-runtime").JSX.Element[];
     };
 };
 export default meta;