@adriansteffan/reactive 0.0.33 → 0.0.35

package/dist/{web-a2dmy96o.js → web-BDYezuEB.js}

@@ -1,4 +1,4 @@
-import { W as P, b as x, E } from "./mod-E7J43-ME.js";
+import { W as P, b as x, E } from "./mod-bwTFfeeq.js";
 function m(w) {
   const e = w.split("/").filter((t) => t !== "."), r = [];
   return e.forEach((t) => {

package/dist/{web-CPiYvLVz.js → web-rfSabFi1.js}

@@ -1,4 +1,4 @@
-import { W as e } from "./mod-E7J43-ME.js";
+import { W as e } from "./mod-bwTFfeeq.js";
 class s extends e {
   async enable() {
     console.log("Immersive mode is only available on Android");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adriansteffan/reactive",
-  "version": "0.0.33",
+  "version": "0.0.35",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/src/components/text.tsx

@@ -5,6 +5,7 @@ function Text({
   content,
   buttonText = 'Click me',
   className = '',
+  containerClass = '',
   next,
   animate = false,
   allowedKeys = false,
@@ -13,6 +14,7 @@ function Text({
   buttonText?: string;
   onButtonClick?: () => void;
   className?: string;
+  containerClass?: string;
   animate?: boolean;
   allowedKeys?: string[] | boolean;
 } & BaseComponentProps) {
@@ -62,7 +64,8 @@ function Text({
   };
 
   return (
-    <div className={`max-w-prose mx-auto ${className} mt-20 mb-20 px-4 `}>
+    <div className={`${containerClass}`}>
+      <div className={`max-w-prose mx-auto ${className} mt-20 mb-20 px-4 `}>
       <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
             ${animate ? 'animate-slide-down opacity-0' : ''}`}
@@ -83,6 +86,7 @@ function Text({
           </button>
         </div>
       )}
+      </div>
     </div>
   );
 }

package/src/mod.tsx

@@ -6,4 +6,4 @@ export * from './utils/array';
 export * from './utils/common';
 export * from './components';
 
-export { toast } from 'react-toastify';
+export * from 'react-toastify';

package/template/package-lock.json

@@ -19,7 +19,6 @@
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-icons": "^5.1.0",
-        "react-toastify": "^10.0.6",
         "survey-react-ui": "^1.12.9"
       },
       "devDependencies": {

package/template/package.json

@@ -71,7 +71,6 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^5.1.0",
-    "react-toastify": "^10.0.6",
     "survey-react-ui": "^1.12.9"
   },
   "devDependencies": {