trepur_components 2.3.46 → 2.3.48

package/lib/components/Nav/index.js

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as p, Fragment as H } from "react/jsx-runtime";
-import { createContext as w, forwardRef as d, useState as v, useMemo as C, useContext as c, useRef as k } from "react";
-import { HamburgerIcon as M } from "../HamburgerIcon/index.js";
-import { faChevronDown as j } from "@fortawesome/fontawesome-free-solid";
+import { jsx as e, jsxs as p, Fragment as w } from "react/jsx-runtime";
+import { createContext as C, forwardRef as d, useState as v, useMemo as k, useContext as m, useRef as M } from "react";
+import { HamburgerIcon as j } from "../HamburgerIcon/index.js";
+import { faChevronDown as D } from "@fortawesome/fontawesome-free-solid";
 import n from "clsx";
-import { Icon as D } from "../Icon/index.js";
-import { NavItem as F } from "../NavItem/index.js";
-const i = w(null), g = d(({ className: t, children: r, loading: a }, o) => {
-  const [s, l] = v(!1), m = C(
+import { Icon as F } from "../Icon/index.js";
+import { NavItem as L } from "../NavItem/index.js";
+const c = C(null), g = d(({ className: r, children: t, loading: a }, o) => {
+  const [s, l] = v(!1), i = k(
     () => ({
       expanded: s,
       setExpanded: l,
@@ -14,115 +14,115 @@ const i = w(null), g = d(({ className: t, children: r, loading: a }, o) => {
     }),
     [s, l, a]
   );
-  return /* @__PURE__ */ e(i.Provider, { value: m, children: /* @__PURE__ */ e("div", { className: t, ref: o, children: r }) });
-}), N = d(
-  ({ className: t, children: r }, a) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(c.Provider, { value: i, children: /* @__PURE__ */ e("div", { className: r, ref: o, children: t }) });
+}), f = d(
+  ({ className: r, children: t }, a) => /* @__PURE__ */ e(
     "div",
     {
       ref: a,
-      className: n("relative h-24 w-full bg-nav-bg px-2 py-2", t),
-      children: r
+      className: n("relative h-24 w-full bg-nav-bg px-2 py-2", r),
+      children: t
     }
   )
-), f = d(({ className: t, children: r }, a) => {
-  const { loading: o, setExpanded: s, expanded: l } = c(i) || {};
-  return /* @__PURE__ */ p("div", { ref: a, className: n("flex h-full lg:hidden", t), children: [
+), N = d(({ className: r, children: t }, a) => {
+  const { loading: o, setExpanded: s, expanded: l } = m(c) || {};
+  return /* @__PURE__ */ p("div", { ref: a, className: n("flex h-full lg:hidden", r), children: [
     !o && /* @__PURE__ */ e("div", { className: "my-auto", children: /* @__PURE__ */ e(
-      M,
+      j,
       {
         variant: "ghost",
         onClick: () => s == null ? void 0 : s(!l),
         className: "aspect-square"
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform", children: r })
+    /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform", children: t })
   ] });
-}), u = d(({ className: t, children: r }, a) => /* @__PURE__ */ e(
+}), u = d(({ className: r, children: t }, a) => /* @__PURE__ */ e(
   "div",
   {
     ref: a,
     className: n(
       "hidden justify-between lg:flex gap-4 px-4 lg:gap-8 lg:px-20",
-      t
+      r
     ),
-    children: r
+    children: t
   }
 )), x = d(
-  ({ className: t, children: r }, a) => {
-    const { expanded: o } = c(i) || {};
+  ({ className: r, children: t }, a) => {
+    const { expanded: o } = m(c) || {};
     return o ? /* @__PURE__ */ e(
       "div",
       {
         ref: a,
         className: n(
           "h-screen bg-nav-bg px-8 pb-12 pt-2 lg:hidden",
-          t
+          r
         ),
-        children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 lg:hidden", children: r })
+        children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 lg:hidden", children: t })
       }
-    ) : /* @__PURE__ */ e(H, {});
+    ) : /* @__PURE__ */ e(w, {});
   }
 ), h = d(
-  ({ className: t, children: r }, a) => {
-    const { loading: o } = c(i) || {};
-    return o ? /* @__PURE__ */ e("div", { ref: a, className: n("my-4 lg:flex lg:gap-6", t), children: [...Array(5)].map((s, l) => /* @__PURE__ */ e(F, { loading: !0 }, l)) }) : /* @__PURE__ */ e("div", { ref: a, className: n("my-4 lg:flex lg:gap-6", t), children: r });
+  ({ className: r, children: t }, a) => {
+    const { loading: o } = m(c) || {};
+    return o ? /* @__PURE__ */ e("div", { ref: a, className: n("my-4 lg:flex lg:gap-6", r), children: [...Array(5)].map((s, l) => /* @__PURE__ */ e(L, { loading: !0 }, l)) }) : /* @__PURE__ */ e("div", { ref: a, className: n("my-4 lg:flex lg:gap-6", r), children: t });
   }
-), b = d(({ className: t, label: r, children: a, active: o = !1 }) => {
-  const [s, l] = v(!1), m = k(null);
+), b = d(({ className: r, label: t, children: a, active: o = !1 }, s) => {
+  const [l, i] = v(!1), H = M(null);
   return /* @__PURE__ */ p(
     "div",
     {
-      ref: m,
-      onMouseEnter: () => l(!0),
-      onMouseLeave: () => l(!1),
-      onClick: () => l(!s),
+      ref: H ?? s,
+      onMouseEnter: () => i(!0),
+      onMouseLeave: () => i(!1),
+      onClick: () => i(!l),
       className: n(
         "relative m-auto py-0 text-nav-text lg:after:block after:scale-x-0 after:border-b-2 after:border-nav-text after:transition-all after:duration-300 after:ease-in-out hover:cursor-pointer hover:after:scale-x-100",
         {
           "font-bold": o,
           "font-light": !o
         },
-        t
+        r
       ),
       children: [
         /* @__PURE__ */ p("div", { className: "flex justify-center items-center gap-1", children: [
-          /* @__PURE__ */ e("p", { className: "text-lg", children: r }),
-          /* @__PURE__ */ e(D, { size: "xs", icon: j })
+          /* @__PURE__ */ e("p", { className: "text-lg", children: t }),
+          /* @__PURE__ */ e(F, { size: "xs", icon: D })
         ] }),
-        s && /* @__PURE__ */ e("div", { className: "rounded-md lg:absolute lg:-left-5 top-7 z-50 w-40 bg-nav-bg", children: /* @__PURE__ */ e("div", { className: "rounded-md grid grid-cols-1 gap-y-2 bg-nav-bg px-1 py-2 w-full", children: a }) })
+        l && /* @__PURE__ */ e("div", { className: "rounded-md lg:absolute lg:-left-5 top-7 z-50 w-40 bg-nav-bg", children: /* @__PURE__ */ e("div", { className: "rounded-md grid grid-cols-1 gap-y-2 bg-nav-bg px-1 py-2 w-full", children: a }) })
       ]
     }
   );
-}), y = d(({ className: t, src: r, alt: a, ...o }, s) => {
-  const { loading: l } = c(i) || {};
+}), y = d(({ className: r, src: t, alt: a, ...o }, s) => {
+  const { loading: l } = m(c) || {};
   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),
+      className: n("h-20 flex-none", r),
       ref: s,
-      src: r,
+      src: t,
       alt: a,
       ...o
     }
   );
 });
 g.displayName = "Nav";
-N.displayName = "Nav.Header";
+f.displayName = "Nav.Header";
 u.displayName = "Nav.DesktopHeader";
-f.displayName = "Nav.MobileHeader";
+N.displayName = "Nav.MobileHeader";
 y.displayName = "Nav.Logo";
 h.displayName = "Nav.Section";
 x.displayName = "Nav.Body";
 b.displayName = "Nav.Folder";
-const q = Object.assign(g, {
-  Header: N,
+const A = Object.assign(g, {
+  Header: f,
   DesktopHeader: u,
-  MobileHeader: f,
+  MobileHeader: N,
   Section: h,
   Logo: y,
   Body: x,
   Folder: b
 });
 export {
-  q as Nav
+  A as Nav
 };

package/lib/components/Pill/index.js

@@ -1,11 +1,11 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
 import s from "clsx";
-import { Icon as a } from "../Icon/index.js";
-const i = r(({ children: o, variant: e = "info", inverse: l = !1 }, f) => /* @__PURE__ */ t(
+import { Icon as c } from "../Icon/index.js";
+const i = r(({ children: o, variant: e = "info", inverse: l = !1 }, a) => /* @__PURE__ */ t(
   "div",
   {
-    ref: f,
+    ref: a,
     className: s(
       "inline-grid grid-flow-col w-auto py-2 px-4 text-base font-semibold rounded-full gap-2",
       {
@@ -21,12 +21,12 @@ const i = r(({ children: o, variant: e = "info", inverse: l = !1 }, f) => /* @__
     ),
     children: o
   }
-)), g = r(({ className: o, ...e }, l) => /* @__PURE__ */ t("p", { className: s("text-base my-auto", o), ref: l, ...e })), d = r(({ icon: o }, e) => /* @__PURE__ */ t(a, { className: "my-auto", size: "md", ref: e, icon: o }));
+)), g = r(({ className: o, ...e }, l) => /* @__PURE__ */ t("p", { className: s("text-base my-auto", o), ref: l, ...e })), f = r(({ icon: o }, e) => /* @__PURE__ */ t(c, { className: "my-auto", size: "sm", ref: e, icon: o }));
 i.displayName = "Pill";
-d.displayName = "Pill.Icon";
+f.displayName = "Pill.Icon";
 g.displayName = "Chip.Label";
 const m = Object.assign(i, {
-  Icon: d,
+  Icon: f,
   Label: g
 });
 export {

package/lib/components/Timeline/index.js

@@ -1,30 +1,30 @@
 import { jsx as n, jsxs as c } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import l from "clsx";
-const o = t(({ id: e, className: m, children: i }, d) => /* @__PURE__ */ n("div", { ref: d, id: e, className: m, children: i })), r = t(
+import o from "clsx";
+const r = t(({ id: e, className: m, children: i }, l) => /* @__PURE__ */ n("div", { ref: l, id: e, className: m, children: i })), s = t(
   ({ id: e, children: m }, i) => /* @__PURE__ */ n("div", { ref: i, id: e, className: "flex", children: m })
-), s = t(({ className: e, index: m, length: i }) => /* @__PURE__ */ c("div", { className: "hidden sm:block", children: [
+), a = t(({ className: e, index: m, length: i }, l) => /* @__PURE__ */ c("div", { ref: l, className: "hidden sm:block", children: [
   /* @__PURE__ */ n(
     "p",
     {
-      className: l("z-10 m-auto mt-12 h-4 w-4 rounded-full", e)
+      className: o("z-10 m-auto mt-12 h-4 w-4 rounded-full", e)
     }
   ),
   /* @__PURE__ */ n(
     "div",
     {
-      className: m !== i - 1 ? l("m-auto h-full w-1", e) : "border-r-2 border-transparent"
+      className: m !== i - 1 ? o("m-auto h-full w-1", e) : "border-r-2 border-transparent"
     }
   )
-] })), a = t(({ children: e }) => /* @__PURE__ */ n("div", { className: "my-2 w-full sm:ml-8", children: e }));
-o.displayName = "Timeline";
-r.displayName = "Timeline.Item";
-s.displayName = "Timeline.Dot";
-a.displayName = "Timeline.Content";
-const T = Object.assign(o, {
-  Item: r,
-  Dot: s,
-  Content: a
+] })), d = t(({ children: e }, m) => /* @__PURE__ */ n("div", { ref: m, className: "my-2 w-full sm:ml-8", children: e }));
+r.displayName = "Timeline";
+s.displayName = "Timeline.Item";
+a.displayName = "Timeline.Dot";
+d.displayName = "Timeline.Content";
+const T = Object.assign(r, {
+  Item: s,
+  Dot: a,
+  Content: d
 });
 export {
   T as Timeline

package/lib/components/Tubestops/index.js

@@ -1,86 +1,83 @@
-import { jsx as l, jsxs as T } from "react/jsx-runtime";
-import { createContext as f, forwardRef as a, useState as x, useMemo as v, useContext as i, Children as k } from "react";
-import r from "clsx";
-import { Button as b } from "../Button/index.js";
-const p = f(null), N = f(
+import { jsx as r, jsxs as T } from "react/jsx-runtime";
+import { createContext as f, forwardRef as a, useState as v, Children as z, useMemo as N, useContext as i } from "react";
+import l from "clsx";
+import { Button as d } from "../Button/index.js";
+const p = f(null), h = f(
   null
-), h = a(({ className: n, children: t, activeStop: s = 1 }, e) => {
-  const [o, u] = x(s), [c, m] = x(0), d = v(
+), y = a(({ className: n, children: t, activeStop: e = 1 }, s) => {
+  var b, x;
+  const [o, u] = v(e), c = (x = (b = z.toArray(t)[0]) == null ? void 0 : b.props) == null ? void 0 : x.children.length, m = N(
     () => ({
-      totalStops: c ?? 0,
-      setTotalStops: m,
+      totalStops: c,
       currentStop: o,
       setCurrentStop: u
     }),
-    [o, u, c, m]
+    [o, u]
   );
-  return /* @__PURE__ */ l(p.Provider, { value: d, children: /* @__PURE__ */ l("div", { ref: e, className: n, children: t }) });
-}), y = a(({ className: n, children: t }, s) => {
-  const { setTotalStops: e } = i(p) || {}, o = k.count(t);
-  return e == null || e(o), /* @__PURE__ */ l("div", { ref: s, className: r("flex py-4", n), children: t });
-}), C = a(({ className: n, children: t }, s) => /* @__PURE__ */ l("div", { ref: s, className: r("", n), children: t })), S = a(({ className: n, stopId: t, children: s }, e) => {
+  return /* @__PURE__ */ r(p.Provider, { value: m, children: /* @__PURE__ */ r("div", { ref: s, className: n, children: t }) });
+}), C = a(({ className: n, children: t }, e) => /* @__PURE__ */ r("div", { ref: e, className: l("flex py-4", n), children: t })), S = a(({ className: n, children: t }, e) => /* @__PURE__ */ r("div", { ref: e, className: l("", n), children: t })), g = a(({ className: n, stopId: t, children: e }, s) => {
   const { currentStop: o = 0 } = i(p) || {};
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ r(
     "div",
     {
-      ref: e,
-      className: r("", n, {
+      ref: s,
+      className: l("", n, {
         block: o === t,
         hidden: o !== t
       }),
-      children: s
+      children: e
     }
   );
 }), w = a(({ className: n }, t) => {
   const {
-    setCurrentStop: s,
-    currentStop: e = 0,
+    setCurrentStop: e,
+    currentStop: s = 0,
     totalStops: o = 0
   } = i(p) || {};
-  return /* @__PURE__ */ T("div", { ref: t, className: r("flex justify-between", n), children: [
-    /* @__PURE__ */ l(
-      b,
+  return /* @__PURE__ */ T("div", { ref: t, className: l("flex justify-between", n), children: [
+    /* @__PURE__ */ r(
+      d,
       {
-        disabled: e === 1,
-        onClick: () => e > 1 && (s == null ? void 0 : s(e - 1)),
-        children: /* @__PURE__ */ l(b.Label, { children: "Previous" })
+        disabled: s === 1,
+        onClick: () => s > 1 && (e == null ? void 0 : e(s - 1)),
+        children: /* @__PURE__ */ r(d.Label, { children: "Previous" })
       }
     ),
-    /* @__PURE__ */ l(
-      b,
+    /* @__PURE__ */ r(
+      d,
       {
-        disabled: e === o,
-        onClick: () => e < o && (s == null ? void 0 : s(e + 1)),
-        children: /* @__PURE__ */ l(b.Label, { children: "Next" })
+        disabled: s === o,
+        onClick: () => s < o && (e == null ? void 0 : e(s + 1)),
+        children: /* @__PURE__ */ r(d.Label, { children: "Next" })
       }
     )
   ] });
-}), g = a(({ className: n, stopId: t = 0, children: s }, e) => {
+}), j = a(({ className: n, stopId: t = 0, children: e }, s) => {
   const {
     currentStop: o = 0,
     setCurrentStop: u,
     totalStops: c = 0
-  } = i(p) || {}, [m] = x(t), d = v(
+  } = i(p) || {}, [m] = v(t), b = N(
     () => ({
       stopNumber: m
     }),
     [m]
   );
-  return /* @__PURE__ */ l(N.Provider, { value: d, children: /* @__PURE__ */ T("div", { ref: e, className: r(n, "w-full min-w-[120px]"), children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ r(h.Provider, { value: b, children: /* @__PURE__ */ T("div", { ref: s, className: l(n, "w-full min-w-[120px]"), children: [
+    /* @__PURE__ */ r(
       "div",
       {
-        className: r({
+        className: l({
           "mt-4 h-1 w-full translate-x-1/2 bg-tubestop-line-future": t >= o && t < c,
           "mt-4 h-1 w-full translate-x-1/2 bg-tubestop-line-complete": t < o && t < c
         })
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ r(
       "p",
       {
         onClick: () => u == null ? void 0 : u(t),
-        className: r(
+        className: l(
           "hover:cursor-pointer z-10 mx-auto h-6 w-6 rounded-full",
           {
             "relative z-20 -mt-4 bg-tubestop-station-complete": t < o,
@@ -91,20 +88,20 @@ const p = f(null), N = f(
         )
       }
     ),
-    s
+    e
   ] }) });
-}), j = a(({ className: n, children: t }, s) => {
-  const { currentStop: e = 0 } = i(p) || {}, { stopNumber: o = 0 } = i(N) || {};
-  return /* @__PURE__ */ l(
+}), k = a(({ className: n, children: t }, e) => {
+  const { currentStop: s = 0 } = i(p) || {}, { stopNumber: o = 0 } = i(h) || {};
+  return /* @__PURE__ */ r(
     "p",
     {
-      ref: s,
-      className: r(
+      ref: e,
+      className: l(
         "mt-2 text-center",
         {
-          "font-medium text-tubestop-text-complete": o < e,
-          "font-bold text-tubestop-text-active": e === o,
-          "font-medium text-tubestop-text-future": o > e
+          "font-medium text-tubestop-text-complete": o < s,
+          "font-bold text-tubestop-text-active": s === o,
+          "font-medium text-tubestop-text-future": o > s
         },
         n
       ),
@@ -112,21 +109,21 @@ const p = f(null), N = f(
     }
   );
 });
-h.displayName = "Tubestop";
-y.displayName = "Tubestops.Header";
-g.displayName = "Tubestops.Stop";
-j.displayName = "Tubestops.Text";
+y.displayName = "Tubestop";
+C.displayName = "Tubestops.Header";
+j.displayName = "Tubestops.Stop";
+k.displayName = "Tubestops.Text";
 w.displayName = "Tubestops.Controls";
-C.displayName = "Tubestops.Body";
-S.displayName = "Tubestops.Content";
-const L = Object.assign(h, {
-  Header: y,
-  Stop: g,
-  Text: j,
+S.displayName = "Tubestops.Body";
+g.displayName = "Tubestops.Content";
+const A = Object.assign(y, {
+  Header: C,
+  Stop: j,
+  Text: k,
   Controls: w,
-  Body: C,
-  Content: S
+  Body: S,
+  Content: g
 });
 export {
-  L as Tubestops
+  A as Tubestops
 };

package/lib/documentation/assets/index.d.ts

@@ -1,3 +1,3 @@
-import { default as TrepurComponentsLogo } from './trepurComponentsLogo.svg';
+import { default as TrepurComponentsLogo } from '/trepurComponentsLogo.svg';
 
 export { TrepurComponentsLogo };

package/package.json

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