@adriansteffan/reactive 0.0.34 → 0.0.36

package/dist/{mod-DTHSZEKb.js → mod-B9pn3CIt.js}

@@ -1124,61 +1124,62 @@ function rp({
   content: d,
   buttonText: h = "Click me",
   className: p = "",
-  next: f,
-  animate: g = !1,
-  allowedKeys: C = !1
+  containerClass: f = "",
+  next: g,
+  animate: C = !1,
+  allowedKeys: x = !1
 }) {
-  const x = dt(0);
+  const w = dt(0);
   tr(() => {
-    x.current = br();
-    const V = (b) => {
-      const S = br();
-      if (C === !0 || Array.isArray(C) && C.includes(b.key)) {
-        const k = S - x.current;
-        f({
-          key: b.key,
-          time: S,
-          reactionTime: k
+    w.current = br();
+    const b = (S) => {
+      const D = br();
+      if (x === !0 || Array.isArray(x) && x.includes(S.key)) {
+        const W = D - w.current;
+        g({
+          key: S.key,
+          time: D,
+          reactionTime: W
         });
       }
     };
-    return C && window.addEventListener("keydown", V), () => {
-      C && window.removeEventListener("keydown", V);
+    return x && window.addEventListener("keydown", b), () => {
+      x && window.removeEventListener("keydown", b);
     };
-  }, [f, C]);
-  const w = () => {
-    const V = br(), b = V - x.current;
-    f({
+  }, [g, x]);
+  const V = () => {
+    const b = br(), S = b - w.current;
+    g({
       key: "button",
-      time: V,
-      reactionTime: b
+      time: b,
+      reactionTime: S
     });
   };
-  return /* @__PURE__ */ z.jsxs("div", { className: `max-w-prose mx-auto ${p} mt-20 mb-20 px-4 `, children: [
+  return /* @__PURE__ */ z.jsx("div", { className: `min-h-screen ${f}`, children: /* @__PURE__ */ z.jsxs("div", { className: `max-w-prose mx-auto ${p} pt-20 pb-20 px-4 `, children: [
     /* @__PURE__ */ z.jsx(
       "article",
       {
         className: `prose prose-2xl prose-slate text-xl prose-a:text-blue-600 prose-a:underline prose-h1:text-4xl prose-h1:mb-10 prose-h1:font-bold prose-p:mb-4 prose-strong:font-bold text-black leading-relaxed
-            ${g ? "animate-slide-down opacity-0" : ""}`,
+            ${C ? "animate-slide-down opacity-0" : ""}`,
         children: d
       }
     ),
     h && /* @__PURE__ */ z.jsx(
       "div",
       {
-        className: `mt-16 flex justify-center ${g ? "animate-fade-in opacity-0" : ""}`,
-        style: g ? { animationDelay: "1s" } : {},
+        className: `mt-16 flex justify-center ${C ? "animate-fade-in opacity-0" : ""}`,
+        style: C ? { animationDelay: "1s" } : {},
         children: /* @__PURE__ */ z.jsx(
           "button",
           {
-            onClick: w,
+            onClick: V,
             className: "bg-white cursor-pointer px-8 py-3 border-2 border-black font-bold text-black text-lg rounded-xl shadow-[2px_2px_0px_rgba(0,0,0,1)] hover:translate-x-[2px] hover:translate-y-[2px] hover:shadow-none",
             children: h
           }
         )
       }
     )
-  ] });
+  ] }) });
 }
 function u1({
   content: d,
@@ -70879,7 +70880,7 @@ var Yc;
   d.UTF8 = "utf8", d.ASCII = "ascii", d.UTF16 = "utf16";
 })(Yc || (Yc = {}));
 const Yi = na("Filesystem", {
-  web: () => import("./web-GQ9-WV5_.js").then((d) => new d.FilesystemWeb())
+  web: () => import("./web-B5ojRUs4.js").then((d) => new d.FilesystemWeb())
 });
 ug("Upload", [
   {
@@ -71188,7 +71189,7 @@ var Wh;
   d.None = "NONE", d.Slide = "SLIDE", d.Fade = "FADE";
 })(Wh || (Wh = {}));
 const vm = na("StatusBar"), bm = na("ImmersiveMode", {
-  web: () => import("./web-Db12RAAA.js").then((d) => new d.ImmersiveModeWeb())
+  web: () => import("./web-wJPoJ8Wb.js").then((d) => new d.ImmersiveModeWeb())
 });
 function $x({
   content: d,

package/dist/mod.d.ts

@@ -243,11 +243,12 @@ declare type StoreUpdateFunction = (data?: RefinedTrialData[], store?: Store_2)
 
 export declare function subsetExperimentByParam(experiment: any[]): any[];
 
-declare function Text_2({ content, buttonText, className, next, animate, allowedKeys, }: {
+declare function Text_2({ content, buttonText, className, containerClass, next, animate, allowedKeys, }: {
     content: default_2.ReactNode;
     buttonText?: string;
     onButtonClick?: () => void;
     className?: string;
+    containerClass?: string;
     animate?: boolean;
     allowedKeys?: string[] | boolean;
 } & BaseComponentProps): JSX_2.Element;

package/dist/reactive.es.js

@@ -1,4 +1,4 @@
-import { H as e, C as n, v as r, o as t, q as i, t as o, u as l, Y as c, z as m, M as p, P as u, l as P, m as x, Q as C, R as E, F as g, T, w as d, U as f, X as k, k as F, c as h, x as v, y as B, g as w, e as y, d as R, i as q, n as D, p as I, r as M, h as Q, f as U, s as b, a as j, j as z, B as A, N as H, L } from "./mod-DTHSZEKb.js";
+import { H as e, C as n, v as r, o as t, q as i, t as o, u as l, Y as c, z as m, M as p, P as u, l as P, m as x, Q as C, R as E, F as g, T, w as d, U as f, X as k, k as F, c as h, x as v, y as B, g as w, e as y, d as R, i as q, n as D, p as I, r as M, h as Q, f as U, s as b, a as j, j as z, B as A, N as H, L } from "./mod-B9pn3CIt.js";
 export {
   e as Bounce,
   n as CanvasBlock,