trepur_components 2.3.38 → 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/ImageCard/ImageCard.stories.d.ts

@@ -3,11 +3,8 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
+    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

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

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