@thom1729/react-utils 0.0.3 → 0.0.5

package/dist/esm/components/index.d.ts

@@ -1,6 +1,8 @@
 export * from './helpers.js';
 export * from './input.js';
 export * from './select.js';
-import { type FC } from 'react';
+import type { FC, ReactNode } from 'react';
 import type { ExtendBuiltin } from './helpers.js';
-export declare const Button: FC<ExtendBuiltin<'button'>>;
+export declare const Button: FC<ExtendBuiltin<'button', {
+    label?: ReactNode;
+}>>;

package/dist/esm/index.js

@@ -65,7 +65,12 @@ function SelectOptions({ options, }) {
         }) });
 }
 
-const Button = ({ type = 'button', ...rest }) => jsx("button", { type: type, ...rest });
+const Button = ({ type = 'button', label, children, ...rest }) => {
+    if (label !== undefined && label !== null && children !== null) {
+        throw new TypeError(`can't provide both label prop and children`);
+    }
+    return jsx("button", { type: type, children: label ?? children, ...rest });
+};
 
 function useEventListener(target, type, listener, dependencies) {
     const callback = useMemo(() => listener, dependencies);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thom1729/react-utils",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "",
   "type": "module",
   "main": "dist/esm/index.js",
@@ -31,7 +31,9 @@
     "typescript": "^5.6.2"
   },
   "dependencies": {
-    "react": "^18.3.1",
     "tslib": "^2.7.0"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1"
   }
 }

package/src/components/index.tsx

@@ -2,10 +2,21 @@ export * from './helpers.js';
 export * from './input.js';
 export * from './select.js';
 
-import { type FC } from 'react';
+import type { FC, ReactNode } from 'react';
 import type { ExtendBuiltin } from './helpers.js';
 
-export const Button: FC<ExtendBuiltin<'button'>> = ({
+export const Button: FC<ExtendBuiltin<'button', { label?: ReactNode }>> = ({
   type = 'button',
+  label,
+  children,
   ...rest
-}) => <button type={type} {...rest} />;
+}) => {
+  if (label !== undefined && label !== null && children !== null ) {
+    throw new TypeError(`can't provide both label prop and children`);
+  }
+  return <button
+    type={type}
+    children={label ?? children}
+    {...rest}
+  />;
+}