trepur_components 2.3.37 → 2.3.39

package/lib/components/Carousel/index.js

@@ -1,4 +1,4 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import { createContext as I, forwardRef as h, useState as S, useMemo as K, useContext as b } from "react";
 import { Icon as j } from "../Icon/index.js";
 import { faChevronRight as L, faChevronLeft as O, faCircle as T } from "@fortawesome/fontawesome-free-solid";
@@ -8,25 +8,25 @@ import { useKeenSlider as $ } from "../../node_modules/keen-slider/react.js";
 import { WheelControls as M } from "./utils.js";
 const N = I(null), A = h(
   ({
-    breakpoints: s,
+    breakpoints: o,
     children: t,
-    className: a,
+    className: s,
     loop: e,
     perView: n,
     rubberband: r,
     spacing: c,
     ...i
   }, y) => {
-    const [f, u] = S(1), [x, l] = S(!1), [C, p] = $(
+    const [f, u] = S(1), [x, a] = S(!1), [C, p] = $(
       {
-        breakpoints: s,
+        breakpoints: o,
         loop: e,
         rubberband: r,
         slideChanged(d) {
           u(d.track.details.rel);
         },
         created() {
-          l(!0);
+          a(!0);
         },
         slides: {
           spacing: c,
@@ -56,18 +56,18 @@ const N = I(null), A = h(
       var v;
       d.key === "Tab" && ((v = p.current) == null || v.next());
     };
-    return /* @__PURE__ */ o(N.Provider, { value: g, children: /* @__PURE__ */ o(
+    return /* @__PURE__ */ l(N.Provider, { value: g, children: /* @__PURE__ */ l(
       "div",
       {
         onKeyDown: w,
-        className: m("navigation-wrapper w-full", a),
+        className: m("navigation-wrapper w-full", s),
         ref: y,
         ...i,
         children: t
       }
     ) });
   }
-), D = h(({ children: s, className: t, ...a }, e) => /* @__PURE__ */ o(
+), D = h(({ children: o, className: t, ...s }, e) => /* @__PURE__ */ l(
   "div",
   {
     ref: e,
@@ -75,39 +75,39 @@ const N = I(null), A = h(
       "navigation-wrapper flex w-full justify-between gap-4",
       t
     ),
-    ...a,
-    children: s
+    ...s,
+    children: o
   }
-)), P = h(({ className: s, children: t, ...a }) => {
+)), P = h(({ className: o, children: t, ...s }) => {
   const { sliderRef: e } = b(N) || {};
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ l(
     "div",
     {
       ref: e,
-      className: m("keen-slider w-full pb-4", s),
-      ...a,
+      className: m("keen-slider w-full pb-4", o),
+      ...s,
       children: t
     }
   );
-}), R = h(({ className: s, rightArrow: t = !1, ...a }, e) => {
+}), R = h(({ className: o, rightArrow: t = !1, ...s }, e) => {
   const { instanceRef: n } = b(N) || {};
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ l(
     "div",
     {
       ref: e,
       className: m(
         "hidden md:block my-auto text-carousel-arrow-default hover:cursor-pointer hover:text-carousel-arrow-hover",
-        s
+        o
       ),
       onClick: (r) => {
         var c, i;
         t ? r.stopPropagation() !== void 0 || ((c = n.current) == null || c.next()) : r.stopPropagation() !== void 0 || ((i = n.current) == null || i.prev());
       },
-      ...a,
-      children: /* @__PURE__ */ o("a", { children: /* @__PURE__ */ o(j, { icon: t ? L : O, size: "3x" }) })
+      ...s,
+      children: /* @__PURE__ */ l(j, { icon: t ? L : O, size: "3x" })
     }
   );
-}), z = h(({ className: s, ...t }, a) => {
+}), z = h(({ className: o, ...t }, s) => {
   var y, f, u, x;
   const {
     instanceRef: e,
@@ -115,20 +115,20 @@ const N = I(null), A = h(
     currentSlide: r = 1,
     perView: c = 1
   } = b(N) || {}, i = (x = (u = (f = (y = e == null ? void 0 : e.current) == null ? void 0 : y.track) == null ? void 0 : f.details) == null ? void 0 : u.slides) == null ? void 0 : x.length;
-  return /* @__PURE__ */ o("div", { className: m("flex justify-center gap-0.5 pt-2", s), children: [...Array(i).keys()].map((l) => {
+  return /* @__PURE__ */ l("div", { className: m("flex justify-center gap-0.5 pt-2", o), children: [...Array(i).keys()].map((a) => {
     var g, w, d, v;
-    const C = ((v = (d = (w = (g = e == null ? void 0 : e.current) == null ? void 0 : g.track) == null ? void 0 : w.details) == null ? void 0 : d.slides) == null ? void 0 : v.length) ?? 1, p = n ? r + c <= C ? l >= r && l < r + c : l >= r || r + c - C - 1 >= l : r === l;
-    return /* @__PURE__ */ o(
+    const C = ((v = (d = (w = (g = e == null ? void 0 : e.current) == null ? void 0 : g.track) == null ? void 0 : w.details) == null ? void 0 : d.slides) == null ? void 0 : v.length) ?? 1, p = n ? r + c <= C ? a >= r && a < r + c : a >= r || r + c - C - 1 >= a : r === a;
+    return /* @__PURE__ */ l(
       "button",
       {
-        ref: a,
+        ref: s,
         type: "button",
         onClick: () => {
           var k;
-          (k = e.current) == null || k.moveToIdx(l);
+          (k = e.current) == null || k.moveToIdx(a);
         },
         "aria-label": `carousel-button${t.id ? `-${t.id}` : ""}`,
-        children: /* @__PURE__ */ o(
+        children: /* @__PURE__ */ l(
           j,
           {
             className: m(
@@ -140,7 +140,7 @@ const N = I(null), A = h(
           }
         )
       },
-      l
+      a
     );
   }) });
 });

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

@@ -1,5 +1,6 @@
 export interface ImageProps {
     src: string;
+    alt?: string;
 }
 declare const Image: any;
 export { Image };

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

@@ -5,9 +5,6 @@ declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLAnchorElement> & import('react').RefAttributes<HTMLAnchorElement>> & {
         Image: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<import('../Image').ImageProps> & import('../Image').ImageProps & import('react').RefAttributes<HTMLImageElement>>;
-        Images: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
-            asCarousel?: boolean | undefined;
-        } & import('react').RefAttributes<HTMLDivElement>>;
         Content: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
         Title: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
         Subtitle: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;

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

@@ -3,9 +3,6 @@ import { HTMLAttributes } from 'react';
 
 declare const ImageCard: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLAnchorElement> & import('react').RefAttributes<HTMLAnchorElement>> & {
     Image: import('react').ForwardRefExoticComponent<HTMLAttributes<ImageProps> & ImageProps & import('react').RefAttributes<HTMLImageElement>>;
-    Images: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-        asCarousel?: boolean | undefined;
-    } & import('react').RefAttributes<HTMLDivElement>>;
     Content: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     Title: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
     Subtitle: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;

package/lib/components/ImageCard/index.js

@@ -1,46 +1,30 @@
 import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import { Image as C } from "../Image/index.js";
-import N from "clsx";
-import { Carousel as s } from "../Carousel/index.js";
-const l = r(({ className: e, children: a, onClick: t, ...p }, I) => /* @__PURE__ */ m(
-  "a",
+import { forwardRef as t } from "react";
+import { Image as p } from "../Image/index.js";
+import C from "clsx";
+const s = t(({ className: a, children: e, onClick: r, ...c }, g) => /* @__PURE__ */ m("a", { ref: g, className: "", href: "", onClick: r, ...c, children: /* @__PURE__ */ m(
+  "div",
   {
-    ref: I,
-    className: "inline-block h-full",
-    href: "",
-    onClick: t,
-    ...p,
-    children: /* @__PURE__ */ m(
-      "div",
-      {
-        className: N(
-          "grid max-w-96 overflow-hidden rounded-xl bg-white drop-shadow",
-          e
-        ),
-        children: a
-      }
-    )
+    className: C(
+      "grid max-w-96 overflow-hidden rounded-xl bg-white drop-shadow",
+      a
+    ),
+    children: e
   }
-)), d = r(({ children: e, asCarousel: a = !1, ...t }) => a ? /* @__PURE__ */ m(s, { perView: 1, spacing: 0, className: "h-64", loop: !0, ...t, children: /* @__PURE__ */ m(s.Content, { children: /* @__PURE__ */ m(s.Slides, { children: e }) }) }) : /* @__PURE__ */ m("div", { children: e[0] })), i = r(({ src: e, ...a }) => (
-  // <div className="keen-slider__slide h-64">
-  /* @__PURE__ */ m("div", { className: "h-64", children: /* @__PURE__ */ m(C, { className: "object-cover", src: e, ...a }) })
-)), o = r(({ children: e, ...a }, t) => /* @__PURE__ */ m("div", { className: "px-2 pb-4 pt-2", ref: t, ...a, children: e })), n = r(({ ...e }, a) => /* @__PURE__ */ m("p", { className: "text-lg", ref: a, ...e })), c = r(({ ...e }, a) => /* @__PURE__ */ m("p", { className: "text-sm", ref: a, ...e })), g = r(({ ...e }, a) => /* @__PURE__ */ m("p", { className: "line-clamp-4 pt-4", ref: a, ...e }));
-l.displayName = "ImageCard";
-i.displayName = "ImageCard.Image";
-d.displayName = "ImageCard.Images";
-n.displayName = "ImageCard.Title";
-c.displayName = "ImageCard.Subtitle";
+) })), d = t(({ src: a, ...e }) => /* @__PURE__ */ m("div", { className: "h-64", children: /* @__PURE__ */ m(p, { className: "object-cover", src: a, ...e }) })), o = t(({ children: a, ...e }, r) => /* @__PURE__ */ m("div", { className: "px-2 pb-4 pt-2", ref: r, ...e, children: a })), l = t(({ ...a }, e) => /* @__PURE__ */ m("p", { className: "text-lg", ref: e, ...a })), i = t(({ ...a }, e) => /* @__PURE__ */ m("p", { className: "text-sm", ref: e, ...a })), n = t(({ ...a }, e) => /* @__PURE__ */ m("p", { className: "line-clamp-4 pt-4", ref: e, ...a }));
+s.displayName = "ImageCard";
+d.displayName = "ImageCard.Image";
+l.displayName = "ImageCard.Title";
+i.displayName = "ImageCard.Subtitle";
 o.displayName = "ImageCard.Content";
-g.displayName = "ImageCard.Text";
-const y = Object.assign(l, {
-  Image: i,
-  Images: d,
+n.displayName = "ImageCard.Text";
+const b = Object.assign(s, {
+  Image: d,
   Content: o,
-  Title: n,
-  Subtitle: c,
-  Text: g
+  Title: l,
+  Subtitle: i,
+  Text: n
 });
 export {
-  y as ImageCard
+  b as ImageCard
 };

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

@@ -28,3 +28,4 @@ export declare const Loading: Story;
 export declare const Small: Story;
 export declare const Medium: Story;
 export declare const Large: Story;
+export declare const Download: Story;

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

@@ -6,6 +6,7 @@ export interface LinkProps {
     href?: string;
     target?: string;
     size?: 'sm' | 'md' | 'lg';
+    downloadFileName?: string;
 }
 declare const Link: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLAnchorElement> & LinkProps & import('react').RefAttributes<HTMLAnchorElement>> & {
     Icon: import('react').ForwardRefExoticComponent<{

package/lib/components/Link/index.js

@@ -1,23 +1,25 @@
 import { jsx as b } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import { Icon as p } from "../Icon/index.js";
-import s from "clsx";
-const c = a(
+import { Icon as x } from "../Icon/index.js";
+import c from "clsx";
+const i = a(
   ({
-    className: e,
-    children: o,
+    className: o,
+    children: e,
     loading: t = !1,
     variant: r = "primary",
     size: n = "sm",
-    href: m,
-    target: g,
-    ...u
+    downloadFileName: s,
+    href: g,
+    target: u,
+    ...p
   }) => /* @__PURE__ */ b("div", { className: "inline-block", children: /* @__PURE__ */ b(
     "a",
     {
-      href: m,
-      target: g,
-      className: s(
+      href: g,
+      target: u,
+      ...s && { download: s },
+      className: c(
         "flex items-center gap-3 rounded border text-center",
         {
           "duration-200": !t,
@@ -31,20 +33,20 @@ const c = a(
           "px-12 py-3 text-lg font-normal leading-8": n === "md",
           "px-12 py-4 text-xl font-normal leading-8": n === "lg"
         },
-        e
+        o
       ),
-      ...u,
-      children: !t && o
+      ...p,
+      children: !t && e
     }
   ) })
-), i = a(({ className: e, ...o }, t) => /* @__PURE__ */ b("p", { className: s("text-md", e), ref: t, ...o })), d = a(({ icon: e }, o) => /* @__PURE__ */ b(p, { size: "md", ref: o, icon: e }));
-c.displayName = "Link";
-d.displayName = "Link.Icon";
-i.displayName = "Link.Label";
-const v = Object.assign(c, {
-  Icon: d,
-  Label: i
+), d = a(({ className: o, ...e }, t) => /* @__PURE__ */ b("p", { className: c("text-md", o), ref: t, ...e })), m = a(({ icon: o }, e) => /* @__PURE__ */ b(x, { size: "md", ref: e, icon: o }));
+i.displayName = "Link";
+m.displayName = "Link.Icon";
+d.displayName = "Link.Label";
+const f = Object.assign(i, {
+  Icon: m,
+  Label: d
 });
 export {
-  v as Link
+  f as Link
 };

package/lib/components/Nav/index.js

@@ -93,15 +93,16 @@ const i = w(null), g = d(({ className: t, children: r, loading: a }, o) => {
       ]
     }
   );
-}), y = d(({ className: t, src: r, ...a }, o) => {
-  const { loading: s } = c(i) || {};
-  return s ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "h-20 w-20 animate-pulse bg-gray-300" }) }) : /* @__PURE__ */ e(
+}), y = d(({ className: t, src: r, alt: a, ...o }, s) => {
+  const { loading: l } = c(i) || {};
+  return l ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", { className: "h-20 w-20 animate-pulse bg-gray-300" }) }) : /* @__PURE__ */ e(
     "img",
     {
       className: n("h-20 flex-none", t),
-      ref: o,
+      ref: s,
       src: r,
-      ...a
+      alt: a,
+      ...o
     }
   );
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trepur_components",
-  "version": "2.3.37",
+  "version": "2.3.39",
   "description": "component lib",
   "author": "trepur_ttenneb",
   "private": false,