trepur_components 2.3.46 → 2.3.48

package/lib/components/CarouselThumbnail/index.js

@@ -1,35 +1,35 @@
-import { jsx as l, jsxs as f, Fragment as C } from "react/jsx-runtime";
-import { createContext as T, forwardRef as o, useMemo as x, useContext as v } from "react";
+import { jsx as i, jsxs as C, Fragment as T } from "react/jsx-runtime";
+import { createContext as x, forwardRef as o, useMemo as v, useContext as N } from "react";
 import t from "clsx";
 import "../../node_modules/keen-slider/keen-slider.min.css.js";
 import { useKeenSlider as a } from "../../node_modules/keen-slider/react.js";
-import { breakpointsToRender as N } from "./const.js";
-import { WheelControls as S, ThumbnailPlugin as g } from "./utils.js";
-const m = T(null), u = o(({ children: i, className: e, ...r }, s) => {
-  const n = x(
+import { breakpointsToRender as S } from "./const.js";
+import { WheelControls as g, ThumbnailPlugin as w } from "./utils.js";
+const m = x(null), u = o(({ children: r, className: l, ...e }, s) => {
+  const n = v(
     () => ({
-      ...r
+      ...e
     }),
-    [r]
+    [e]
   );
-  return /* @__PURE__ */ l(m.Provider, { value: n, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(m.Provider, { value: n, children: /* @__PURE__ */ i(
     "div",
     {
       ref: s,
-      className: t("navigation-wrapper w-full", e),
-      ...r,
-      children: i
+      className: t("navigation-wrapper w-full", l),
+      ...e,
+      children: r
     }
   ) });
-}), d = o(({ className: i, children: e }) => {
-  const { rubberband: r, loop: s, ...n } = v(m) || {}, [b, p] = a(
+}), d = o(({ className: r, children: l }, e) => {
+  const { rubberband: s, loop: n, ...b } = N(m) || {}, [p, h] = a(
     {
-      breakpoints: N,
-      loop: s,
-      rubberband: r
+      breakpoints: S,
+      loop: n,
+      rubberband: s
     },
-    [S]
-  ), [h] = a(
+    [g]
+  ), [f] = a(
     {
       initial: 0,
       slides: {
@@ -37,38 +37,39 @@ const m = T(null), u = o(({ children: i, className: e, ...r }, s) => {
         spacing: 10
       }
     },
-    [g(p)]
+    [w(h)]
   );
-  return /* @__PURE__ */ f(C, { children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ C(T, { children: [
+    /* @__PURE__ */ i(
       "div",
       {
-        ref: b,
+        ref: p ?? e,
         className: t(
           "keen-slider h-96 w-full rounded-t-2xl pb-4",
-          i
+          r
         ),
-        ...n,
-        children: e
+        ...b,
+        children: l
       }
     ),
-    /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l("div", { ref: h, className: "keen-slider thumbnail h-24 w-16", children: e }) })
+    /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i("div", { ref: f, className: "keen-slider thumbnail h-24 w-16", children: l }) })
   ] });
-}), c = o(({ src: i, ...e }) => /* @__PURE__ */ l(
+}), c = o(({ src: r, ...l }, e) => /* @__PURE__ */ i(
   "img",
   {
+    ref: e,
     className: "keen-slider__slide rounded-t-2xl object-cover",
-    src: i,
-    ...e
+    src: r,
+    ...l
   }
 ));
 u.displayName = "CarouselThumbnail";
 d.displayName = "CarouselThumbnail.Slides";
 c.displayName = "CarouselThumbnail.Slide";
-const F = Object.assign(u, {
+const K = Object.assign(u, {
   Slides: d,
   Slide: c
 });
 export {
-  F as CarouselThumbnail
+  K as CarouselThumbnail
 };

package/lib/components/Dropdown/index.js

@@ -1,45 +1,47 @@
-import { jsx as n, jsxs as w } from "react/jsx-runtime";
-import { createContext as f, forwardRef as r, useState as D, useRef as b, useMemo as x, useContext as a } from "react";
-import { Button as l } from "../Button/index.js";
-import { faChevronDown as y } from "@fortawesome/fontawesome-free-solid";
-import { useClickOutside as v } from "./utils.js";
-const s = f(null), d = r(({ children: t }) => {
-  const [o, e] = D(!1), i = b(null), u = x(
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import { createContext as D, forwardRef as s, useState as b, useRef as x, useMemo as y, useContext as i } from "react";
+import { Button as d } from "../Button/index.js";
+import { faChevronDown as v } from "@fortawesome/fontawesome-free-solid";
+import { useClickOutside as C } from "./utils.js";
+const a = D(null), c = s(({ children: t }, n) => {
+  const [o, e] = b(!1), l = x(null), w = y(
     () => ({
       showDropdown: o,
       setShowDropdown: e
     }),
     [o, e]
   );
-  return v(i, () => {
+  return C(l, () => {
     e(!1);
-  }), /* @__PURE__ */ n(s.Provider, { value: u, children: /* @__PURE__ */ n("div", { ref: i, className: "relative inline-block text-left", children: t }) });
-}), c = r(({ children: t }) => {
-  const { showDropdown: o, setShowDropdown: e } = a(s) || {};
-  return /* @__PURE__ */ w(l, { onClick: () => e == null ? void 0 : e(!o), children: [
+  }), /* @__PURE__ */ r(a.Provider, { value: w, children: /* @__PURE__ */ r("div", { ref: l ?? n, className: "relative inline-block text-left", children: t }) });
+}), m = s(({ children: t }, n) => {
+  const { showDropdown: o, setShowDropdown: e } = i(a) || {};
+  return /* @__PURE__ */ f(d, { ref: n, onClick: () => e == null ? void 0 : e(!o), children: [
     t,
-    /* @__PURE__ */ n(l.Icon, { icon: y })
+    /* @__PURE__ */ r(d.Icon, { icon: v })
   ] });
-}), m = r(
-  ({ children: t }) => {
-    const { showDropdown: o } = a(s) || {};
-    return o ? /* @__PURE__ */ n(
+}), p = s(
+  ({ children: t }, n) => {
+    const { showDropdown: o } = i(a) || {};
+    return o ? /* @__PURE__ */ r(
       "div",
       {
+        ref: n,
         className: "z-50 mt-2 w-48 rounded-lg border-2 bg-primary text-white",
         role: "menu",
         "aria-orientation": "vertical",
         "aria-labelledby": "menu-button",
-        children: /* @__PURE__ */ n("ul", { className: "py-1 text-sm", children: t })
+        children: /* @__PURE__ */ r("ul", { className: "py-1 text-sm", children: t })
       }
-    ) : /* @__PURE__ */ n("div", {});
+    ) : /* @__PURE__ */ r("div", {});
   }
-), p = r(
-  ({ children: t }) => {
-    const { setShowDropdown: o } = a(s) || {};
-    return /* @__PURE__ */ n(
+), u = s(
+  ({ children: t }, n) => {
+    const { setShowDropdown: o } = i(a) || {};
+    return /* @__PURE__ */ r(
       "li",
       {
+        ref: n,
         className: "px-4 py-2",
         onClick: () => {
           o == null || o(!1);
@@ -52,15 +54,15 @@ const s = f(null), d = r(({ children: t }) => {
     );
   }
 );
-d.displayName = "Dropdown";
-c.displayName = "Dropdown.Label";
-m.displayName = "Dropdown.List";
-p.displayName = "Dropdown.Item";
-const I = Object.assign(d, {
-  Label: c,
-  List: m,
-  Item: p
+c.displayName = "Dropdown";
+m.displayName = "Dropdown.Label";
+p.displayName = "Dropdown.List";
+u.displayName = "Dropdown.Item";
+const g = Object.assign(c, {
+  Label: m,
+  List: p,
+  Item: u
 });
 export {
-  I as Dropdown
+  g as Dropdown
 };

package/lib/components/FooterNav/index.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
 import s from "clsx";
-import { Icon as N } from "../Icon/index.js";
+import { Icon as d } from "../Icon/index.js";
 const l = n(({ className: o, children: e, ...t }, r) => /* @__PURE__ */ a(
   "div",
   {
@@ -13,9 +13,10 @@ const l = n(({ className: o, children: e, ...t }, r) => /* @__PURE__ */ a(
     ...t,
     children: e
   }
-)), m = n(({ className: o, children: e, href: t, onClick: r, ...p }) => /* @__PURE__ */ a(
+)), m = n(({ className: o, children: e, href: t, onClick: r, ...p }, N) => /* @__PURE__ */ a(
   "div",
   {
+    ref: N,
     className: s(
       "group w-full cursor-pointer py-2 text-center transition-all duration-500",
       o
@@ -31,16 +32,16 @@ const l = n(({ className: o, children: e, ...t }, r) => /* @__PURE__ */ a(
     ...t,
     children: e
   }
-)), c = n(({ icon: o, ...e }) => /* @__PURE__ */ a(N, { icon: o, ...e }));
+)), c = n(({ icon: o, ...e }, t) => /* @__PURE__ */ a(d, { icon: o, ref: t, ...e }));
 l.displayName = "FooterNav";
 m.displayName = "FooterNav.Item";
 c.displayName = "FooterNav.Icon";
 i.displayName = "FooterNav.Label";
-const x = Object.assign(l, {
+const F = Object.assign(l, {
   Item: m,
   Label: i,
   Icon: c
 });
 export {
-  x as FooterNav
+  F as FooterNav
 };

package/lib/components/ImageCard/index.js

@@ -1,52 +1,53 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
 import { Image as N } from "../Image/index.js";
-import s from "clsx";
+import r from "clsx";
 import { Button as f } from "../Button/index.js";
-const d = o(({ className: a, children: e, onClick: t, ...r }, I) => /* @__PURE__ */ m(
+const d = o(({ className: a, children: e, onClick: t, ...s }, I) => /* @__PURE__ */ m(
   "div",
   {
     ref: I,
-    className: s(
+    className: r(
       "grid overflow-hidden rounded-xl bg-white drop-shadow",
       a
     ),
     onClick: t,
-    ...r,
+    ...s,
     children: e
   }
-)), n = o(({ src: a, ...e }) => /* @__PURE__ */ m("div", { className: "h-64", children: /* @__PURE__ */ m(N, { className: "object-cover", src: a, ...e }) })), i = o(({ children: a, className: e, ...t }, r) => /* @__PURE__ */ m("div", { className: s("p-4 pt-2", e), ref: r, ...t, children: a })), l = o(({ className: a, ...e }, t) => /* @__PURE__ */ m("p", { className: s("text-sm font-bold", a), ref: t, ...e })), p = o(({ className: a, ...e }, t) => /* @__PURE__ */ m("p", { className: s("text-sm font-thin", a), ref: t, ...e })), c = o(({ className: a, ...e }, t) => /* @__PURE__ */ m(
+)), n = o(({ src: a, ...e }, t) => /* @__PURE__ */ m("div", { ref: t, className: "h-64", children: /* @__PURE__ */ m(N, { className: "object-cover", src: a, ...e }) })), l = o(({ children: a, className: e, ...t }, s) => /* @__PURE__ */ m("div", { className: r("p-4 pt-2", e), ref: s, ...t, children: a })), i = o(({ className: a, ...e }, t) => /* @__PURE__ */ m("p", { className: r("text-sm font-bold", a), ref: t, ...e })), p = o(({ className: a, ...e }, t) => /* @__PURE__ */ m("p", { className: r("text-sm font-normal", a), ref: t, ...e })), c = o(({ className: a, ...e }, t) => /* @__PURE__ */ m(
   "p",
   {
-    className: s("line-clamp-5 pt-2 text-md font-normal", a),
+    className: r("line-clamp-5 pt-2 text-md font-normal", a),
     ref: t,
     ...e
   }
-)), g = o(({ children: a, className: e, ...t }) => /* @__PURE__ */ m(
+)), g = o(({ children: a, className: e, ...t }, s) => /* @__PURE__ */ m(
   f,
   {
-    className: s("mt-4 my-auto w-full justify-center", e),
+    ref: s,
+    className: r("mt-4 my-auto w-full justify-center", e),
     ...t,
     children: a
   }
-)), C = o(({ children: a, className: e, ...t }) => /* @__PURE__ */ m("p", { className: s("pt-4 text-end text-sm", e), ...t, children: a }));
+)), C = o(({ children: a, className: e, ...t }, s) => /* @__PURE__ */ m("p", { ref: s, className: r("pt-4 text-end text-sm", e), ...t, children: a }));
 d.displayName = "ImageCard";
 n.displayName = "ImageCard.Image";
-l.displayName = "ImageCard.Title";
+i.displayName = "ImageCard.Title";
 p.displayName = "ImageCard.Subtitle";
-i.displayName = "ImageCard.Content";
+l.displayName = "ImageCard.Content";
 c.displayName = "ImageCard.Text";
 g.displayName = "ImageCard.Button";
 C.displayName = "ImageCard.Caption";
-const T = Object.assign(d, {
+const h = Object.assign(d, {
   Image: n,
-  Content: i,
-  Title: l,
+  Content: l,
+  Title: i,
   Subtitle: p,
   Text: c,
   Button: g,
   Caption: C
 });
 export {
-  T as ImageCard
+  h as ImageCard
 };

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

@@ -8,7 +8,7 @@ declare const meta: {
         Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
             required?: boolean | undefined;
         } & import('react').RefAttributes<HTMLDivElement>>;
-        Box: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+        Box: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement>>;
         Validation: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     };
     args: {

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

@@ -27,7 +27,7 @@ declare const Input: import('react').ForwardRefExoticComponent<HTMLAttributes<HT
     Label: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
         required?: boolean | undefined;
     } & import('react').RefAttributes<HTMLDivElement>>;
-    Box: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+    Box: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement>>;
     Validation: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
 };
 export { Input };

package/lib/components/Input/index.js

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

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

@@ -26,6 +26,5 @@ export declare const Ghost: Story;
 export declare const Basic: Story;
 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.js

@@ -1,6 +1,6 @@
-import { jsx as b } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import { Icon as x } from "../Icon/index.js";
+import { Icon as h } from "../Icon/index.js";
 import c from "clsx";
 const i = a(
   ({
@@ -8,15 +8,16 @@ const i = a(
     children: e,
     loading: t = !1,
     variant: r = "primary",
-    size: n = "sm",
+    size: b = "sm",
     downloadFileName: s,
-    href: g,
+    href: m,
     target: u,
     ...p
-  }) => /* @__PURE__ */ b("div", { className: "inline-block", children: /* @__PURE__ */ b(
+  }, x) => /* @__PURE__ */ n(
     "a",
     {
-      href: g,
+      ref: x,
+      href: m,
       target: u,
       ...s && { download: s },
       className: c(
@@ -29,24 +30,24 @@ const i = a(
           "border-button-bordered-border text-button-ghost-text hover:bg-button-ghost-hover active:bg-button-ghost-active": r === "bordered" && !t,
           "border-button-basic-border bg-button-basic-bg text-button-basic-text hover:bg-button-basic-hover active:bg-button-basic-active": r === "basic" && !t,
           "w-40 animate-pulse border-loading bg-loading": t,
-          "px-12 py-3 text-base font-normal leading-4": n === "sm",
-          "px-12 py-3 text-lg font-normal leading-8": n === "md",
-          "px-12 py-4 text-xl font-normal leading-8": n === "lg"
+          "px-12 py-3 text-base font-normal leading-4": b === "sm",
+          "px-12 py-3 text-lg font-normal leading-8": b === "md",
+          "px-12 py-4 text-xl font-normal leading-8": b === "lg"
         },
         o
       ),
       ...p,
       children: !t && e
     }
-  ) })
-), 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 }));
+  )
+), g = a(({ className: o, ...e }, t) => /* @__PURE__ */ n("p", { className: c("text-md", o), ref: t, ...e })), d = a(({ icon: o }, e) => /* @__PURE__ */ n(h, { size: "lg", ref: e, icon: o }));
 i.displayName = "Link";
-m.displayName = "Link.Icon";
-d.displayName = "Link.Label";
-const f = Object.assign(i, {
-  Icon: m,
-  Label: d
+d.displayName = "Link.Icon";
+g.displayName = "Link.Label";
+const L = Object.assign(i, {
+  Icon: d,
+  Label: g
 });
 export {
-  f as Link
+  L as Link
 };