@adriansteffan/reactive 0.0.19 → 0.0.21

package/dist/{mod-BlYvqdtq.js → mod-jEw82wE_.js}

@@ -654,7 +654,7 @@ function $c({
   const C = () => {
     f({});
   };
-  return /* @__PURE__ */ Ce.jsxs("div", { className: `max-w-prose mx-auto ${p} mt-20 mb-20`, children: [
+  return /* @__PURE__ */ Ce.jsxs("div", { className: `max-w-prose mx-auto ${p} mt-20 mb-20 px-4 `, children: [
     /* @__PURE__ */ Ce.jsx(
       "article",
       {
@@ -976,7 +976,7 @@ const Q0 = ({ stream: d }) => {
   }, Q = () => {
     C && URL.revokeObjectURL(C), x(null), d.value = null, p();
   };
-  return /* @__PURE__ */ Ce.jsxs("div", { className: "flex flex-col items-center space-y-4 p-4 bg-white", children: [
+  return /* @__PURE__ */ Ce.jsxs("div", { className: "flex flex-col items-center space-y-4 p-4 bg-white px-8 ", children: [
     !C && /* @__PURE__ */ Ce.jsx(
       "button",
       {
@@ -1103,7 +1103,7 @@ function U0({
 }
 const W0 = ({ next: d }) => {
   const [h, p] = Ur(!1);
-  return /* @__PURE__ */ Ce.jsxs("div", { className: "max-w-prose mx-auto mt-20 mb-20", children: [
+  return /* @__PURE__ */ Ce.jsxs("div", { className: "max-w-prose mx-auto mt-20 mb-20 px-4 ", children: [
     /* @__PURE__ */ Ce.jsxs("article", { className: "prose prose-2xl prose-slate text-xl text-black leading-relaxed", children: [
       /* @__PURE__ */ Ce.jsx("h1", { className: "text-3xl mb-6 font-semibold", children: "Let's test your microphone!" }),
       /* @__PURE__ */ Ce.jsx("p", { children: "In this experiment, you will need to answer some questions verbally. To make sure that we don't lose your input, please select your preferred microphone using the menu below..." })
@@ -62177,7 +62177,7 @@ function Z0({ next: d, surveyJson: h, customQuestions: p = {} }) {
     }
     d(x);
   }, [d]);
-  return f.onComplete.add(m), /* @__PURE__ */ Ce.jsxs("div", { className: "max-w-4xl mx-auto", children: [
+  return f.onComplete.add(m), /* @__PURE__ */ Ce.jsxs("div", { className: "max-w-4xl mx-auto px-4", children: [
     /* @__PURE__ */ Ce.jsx("div", { className: "absolute inset-0 -z-10 h-full w-full bg-white bg-[radial-gradient(#e5e7eb_1px,transparent_1px)] [background-size:16px_16px]" }),
     /* @__PURE__ */ Ce.jsx(Ac.Survey, { model: f })
   ] });
@@ -70680,7 +70680,7 @@ var Nh;
   d.UTF8 = "utf8", d.ASCII = "ascii", d.UTF16 = "utf16";
 })(Nh || (Nh = {}));
 const Fs = np("Filesystem", {
-  web: () => import("./web-EvjUSKrQ.js").then((d) => new d.FilesystemWeb())
+  web: () => import("./web-Ct-fywza.js").then((d) => new d.FilesystemWeb())
 }), mx = () => {
   const d = window.electronAPI;
   return {
@@ -70844,7 +70844,7 @@ function xx({
     C && !b.current && Q && Q();
   }, [C, Q]), qn(() => {
     w === "error" && (b.current = !1);
-  }, [w]), /* @__PURE__ */ Ce.jsxs("div", { className: "flex flex-col items-center justify-center gap-4 p-6 text-xl mt-16", children: [
+  }, [w]), /* @__PURE__ */ Ce.jsxs("div", { className: "flex flex-col items-center justify-center gap-4 p-6 text-xl mt-16 px-10", children: [
     w == "initial" && !C && /* @__PURE__ */ Ce.jsxs(Ce.Fragment, { children: [
       /* @__PURE__ */ Ce.jsx("p", { className: "", children: "Thank you for participating! Please click the button below to submit your data." }),
       /* @__PURE__ */ Ce.jsx(
@@ -71305,11 +71305,11 @@ function Gx({
     }
     O.current = Q, C(m + 1);
   }
-  return /* @__PURE__ */ Ce.jsxs("div", { className: "px-4 w-full", children: [
+  return /* @__PURE__ */ Ce.jsxs("div", { className: "w-full", children: [
     /* @__PURE__ */ Ce.jsx(
       "div",
       {
-        className: ` ${h.showProgressBar ? "" : "hidden "} mt-4 sm:mt-12 max-w-2xl mx-auto flex-1 h-6 bg-gray-200 rounded-full overflow-hidden`,
+        className: ` ${h.showProgressBar ? "" : "hidden "} px-4 mt-4 sm:mt-12 max-w-2xl mx-auto flex-1 h-6 bg-gray-200 rounded-full overflow-hidden`,
         children: /* @__PURE__ */ Ce.jsx(
           "div",
           {

package/dist/reactive.es.js

@@ -1,4 +1,4 @@
-import { a, c as r, d as i, e as n, M as t, P as l, Q as o, T as c, U as p, g as x, i as E, n as d, s as f } from "./mod-BlYvqdtq.js";
+import { a, c as r, d as i, e as n, M as t, P as l, Q as o, T as c, U as p, g as x, i as E, n as d, s as f } from "./mod-jEw82wE_.js";
 export {
   a as EnterFullscreen,
   r as ExitFullscreen,