@cripty2001/utils 0.0.111 → 0.0.113

package/dist/react-ui/button.js

@@ -21,5 +21,17 @@ function Button({ title, onClick, className }) {
             .catch(e => setError(e instanceof Error ? e.message : "Unknown error"))
             .finally(() => setLoading(false));
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { onClick: handleClick, className: `cursor-pointer ${className}`, children: loading ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { className: "w-4 h-4 animate-spin" }) : (0, jsx_runtime_1.jsx)("div", { children: title }) }), error && (0, jsx_runtime_1.jsx)("div", { className: "text-red-500", children: error })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { onClick: handleClick, className: className, style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    textAlign: 'center',
+                    cursor: 'pointer',
+                }, children: loading ? (0, jsx_runtime_1.jsx)(lucide_react_1.Loader2, { style: {
+                        width: '1rem',
+                        height: '1rem',
+                        animation: 'spin 1s linear infinite',
+                    } }) : (0, jsx_runtime_1.jsx)("div", { children: title }) }), error && (0, jsx_runtime_1.jsx)("div", { style: {
+                    color: '#ef4444'
+                }, children: error })] }));
 }

package/dist/react-ui/modal.d.ts

@@ -1,6 +1,6 @@
 export type ModalComponentProps = {
     children: React.ReactNode;
-    open: boolean | undefined;
-    setOpen: (open: boolean) => void | undefined;
+    open: boolean;
+    setOpen: (open: boolean) => void;
 };
 export default function ModalComponent(props: ModalComponentProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/react-ui/modal.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = ModalComponent;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const react_whispr_1 = require("../react-whispr");
 const slideUpKeyframes = `
 @keyframes slide-up {
     from { 
@@ -28,8 +27,7 @@ let modalCount = 0;
 function ModalComponent(props) {
     const zIndex = (0, react_1.useRef)(1000 + modalCount++).current;
     const id = (0, react_1.useRef)(`modal-${zIndex}`).current;
-    const [open, setOpen] = (0, react_whispr_1.useSynced)(true, props.open, props.setOpen);
-    if (!open)
+    if (!props.open)
         return null;
     return ((0, jsx_runtime_1.jsx)("div", { id: id, style: {
             position: 'fixed',
@@ -45,5 +43,5 @@ function ModalComponent(props) {
             height: '100vh',
             width: '100vw',
             zIndex: zIndex
-        }, onClick: () => setOpen(false), children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: '100%', animation: 'slide-up 0.3s ease-out' }, onClick: (e) => e.stopPropagation(), children: props.children }) }));
+        }, onClick: () => props.setOpen(false), children: (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: '100%', animation: 'slide-up 0.3s ease-out' }, onClick: (e) => e.stopPropagation(), children: props.children }) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cripty2001/utils",
-  "version": "0.0.111",
+  "version": "0.0.113",
   "description": "Internal Set of utils. If you need them use them, otherwise go to the next package ;)",
   "homepage": "https://github.com/cripty2001/utils#readme",
   "bugs": {