trepur_components 2.3.47 → 2.3.48

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.47",
+  "version": "2.3.48",
   "description": "component lib",
   "author": "trepur_ttenneb",
   "private": false,