@thom1729/react-utils 0.0.3 → 0.0.4

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.4",
   "description": "",
   "type": "module",
   "main": "dist/esm/index.js",

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}
+  />;
+}