@cripty2001/utils 0.0.154 → 0.0.156

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

@@ -1,8 +1,6 @@
-import { LucideIcon } from "lucide-react";
 export type ButtonProps = {
-    title: string;
-    icon?: React.ReactElement<LucideIcon>;
     onClick: () => void | Promise<void>;
+    children: React.ReactElement;
     className?: string;
 };
-export default function Button({ title, onClick, className, icon }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export default function Button({ onClick, children, className }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/react-ui/button.js

@@ -4,7 +4,7 @@ exports.default = Button;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const lucide_react_1 = require("lucide-react");
 const react_1 = require("react");
-function Button({ title, onClick, className, icon }) {
+function Button({ onClick, children, className }) {
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(null);
     const handleClick = async () => {
@@ -21,19 +21,19 @@ function Button({ title, onClick, className, icon }) {
             .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: 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.jsxs)("div", { className: "flex flex-row gap-4 items-center justify-center", children: [icon, title] }) }), error && (0, jsx_runtime_1.jsx)("div", { style: {
-                    color: '#ef4444'
-                }, children: error })] }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-2", 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',
+                            } }) :
+                        children }), error && (0, jsx_runtime_1.jsx)("div", { style: {
+                        color: '#ef4444'
+                    }, children: error })] }) }));
 }

package/dist/react-ui/form.js

@@ -7,8 +7,8 @@ exports.default = FormComponent;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_2 = require("react");
-const button_1 = __importDefault(require("./button"));
 const input_1 = __importDefault(require("./input"));
+const textButton_1 = __importDefault(require("./textButton"));
 function FormComponent(props) {
     const variants = (0, react_2.useMemo)(() => ({
         default: props.variant
@@ -43,5 +43,5 @@ function FormComponent(props) {
                         return (0, jsx_runtime_1.jsx)("div", { style: { color: '#ef4444', backgroundColor: 'white' }, children: "Unknown input type" });
                 }
             })()), props.submit &&
-                (0, jsx_runtime_1.jsx)(button_1.default, { className: variants.default.button, title: props.submit.label, onClick: () => props.submit?.callback(props.value) })] }));
+                (0, jsx_runtime_1.jsx)(textButton_1.default, { className: variants.default.button, title: props.submit.label, onClick: () => props.submit?.callback(props.value) })] }));
 }

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

@@ -5,4 +5,5 @@ import BaseInput, { type InputComponentProps as BaseInputProps } from './input';
 import BaseLoader, { type LoaderProps as BaseLoaderProps } from './loader';
 import BaseModal, { type ModalComponentProps as BaseModalProps } from './modal';
 import BaseTable, { type TableProps as BaseTableProps } from './table';
-export { BaseButton, BaseButtonProps, BaseCopiable, BaseCopiableProps, BaseForm, BaseFormProps, BaseInput, BaseInputProps, BaseLoader, BaseLoaderProps, BaseModal, BaseModalProps, BaseTable, BaseTableProps };
+import BaseTextButton, { type TextButtonProps as BaseTextButtonProps } from './textButton';
+export { BaseButton, BaseButtonProps, BaseCopiable, BaseCopiableProps, BaseForm, BaseFormProps, BaseInput, BaseInputProps, BaseLoader, BaseLoaderProps, BaseModal, BaseModalProps, BaseTable, BaseTableProps, BaseTextButton, BaseTextButtonProps };

package/dist/react-ui/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseTable = exports.BaseModal = exports.BaseLoader = exports.BaseInput = exports.BaseForm = exports.BaseCopiable = exports.BaseButton = void 0;
+exports.BaseTextButton = exports.BaseTable = exports.BaseModal = exports.BaseLoader = exports.BaseInput = exports.BaseForm = exports.BaseCopiable = exports.BaseButton = void 0;
 const button_1 = __importDefault(require("./button"));
 exports.BaseButton = button_1.default;
 const copiable_1 = __importDefault(require("./copiable"));
@@ -18,3 +18,5 @@ const modal_1 = __importDefault(require("./modal"));
 exports.BaseModal = modal_1.default;
 const table_1 = __importDefault(require("./table"));
 exports.BaseTable = table_1.default;
+const textButton_1 = __importDefault(require("./textButton"));
+exports.BaseTextButton = textButton_1.default;

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

@@ -0,0 +1,7 @@
+import { LucideIcon } from "lucide-react";
+import { ButtonProps } from "./button";
+export type TextButtonProps = Omit<ButtonProps, 'children'> & {
+    title: string;
+    icon?: React.ReactElement<LucideIcon>;
+};
+export default function TextButton({ title, onClick, className, icon }: TextButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/react-ui/textButton.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TextButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const button_1 = __importDefault(require("./button"));
+function TextButton({ title, onClick, className, icon }) {
+    return ((0, jsx_runtime_1.jsx)(button_1.default, { onClick: onClick, className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-4 items-center justify-center", children: [icon, title] }) }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cripty2001/utils",
-  "version": "0.0.154",
+  "version": "0.0.156",
   "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": {