@etsoo/materialui 1.6.28 → 1.6.30

package/lib/cjs/NumberField.d.ts

@@ -1,6 +1,9 @@
 import * as React from "react";
 import { NumberField as BaseNumberField } from "@base-ui/react/number-field";
-export default function NumberField({ id: idProp, label, error, size, ...other }: BaseNumberField.Root.Props & {
+/**
+ * Number field component
+ */
+export declare function NumberField({ id: idProp, label, error, size, ...other }: BaseNumberField.Root.Props & {
     label?: React.ReactNode;
     size?: "small" | "medium";
     error?: boolean;

package/lib/cjs/NumberField.js

@@ -36,7 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = NumberField;
+exports.NumberField = NumberField;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const number_field_1 = require("@base-ui/react/number-field");
@@ -55,6 +55,9 @@ function SSRInitialFilled(_) {
     return null;
 }
 SSRInitialFilled.muiName = "Input";
+/**
+ * Number field component
+ */
 function NumberField({ id: idProp, label, error, size = "medium", ...other }) {
     let id = React.useId();
     if (idProp) {

package/lib/cjs/NumberSpinner.d.ts

@@ -1,6 +1,9 @@
 import * as React from "react";
 import { NumberField as BaseNumberField } from "@base-ui/react/number-field";
-export default function NumberSpinner({ id: idProp, label, error, size, ...other }: BaseNumberField.Root.Props & {
+/**
+ * Number spinner component
+ */
+export declare function NumberSpinner({ id: idProp, label, error, size, ...other }: BaseNumberField.Root.Props & {
     label?: React.ReactNode;
     size?: "small" | "medium";
     error?: boolean;

package/lib/cjs/NumberSpinner.js

@@ -36,7 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = NumberSpinner;
+exports.NumberSpinner = NumberSpinner;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = __importStar(require("react"));
 const number_field_1 = require("@base-ui/react/number-field");
@@ -48,6 +48,9 @@ const Add_1 = __importDefault(require("@mui/icons-material/Add"));
 const Remove_1 = __importDefault(require("@mui/icons-material/Remove"));
 const OutlinedInput_1 = __importDefault(require("@mui/material/OutlinedInput"));
 const OpenInFull_1 = __importDefault(require("@mui/icons-material/OpenInFull"));
+/**
+ * Number spinner component
+ */
 function NumberSpinner({ id: idProp, label, error, size = "medium", ...other }) {
     let id = React.useId();
     if (idProp) {
@@ -62,7 +65,7 @@ function NumberSpinner({ id: idProp, label, error, size = "medium", ...other })
                         color: "text.primary"
                     }
                 }
-            }, children: props.children })), children: [(0, jsx_runtime_1.jsxs)(number_field_1.NumberField.ScrubArea, { render: (0, jsx_runtime_1.jsx)(Box_1.default, { component: "span", sx: { userSelect: "none", width: "max-content" } }), children: [(0, jsx_runtime_1.jsx)(FormLabel_1.default, { htmlFor: id, sx: {
+            }, children: props.children })), children: [(0, jsx_runtime_1.jsxs)(number_field_1.NumberField.ScrubArea, { render: (0, jsx_runtime_1.jsx)(Box_1.default, { component: "span", sx: { userSelect: "none", width: "max-content" } }), children: [label != null && ((0, jsx_runtime_1.jsx)(FormLabel_1.default, { htmlFor: id, sx: {
                             display: "inline-block",
                             cursor: "ew-resize",
                             fontSize: "0.875rem",
@@ -70,7 +73,7 @@ function NumberSpinner({ id: idProp, label, error, size = "medium", ...other })
                             fontWeight: 500,
                             lineHeight: 1.5,
                             mb: 0.5
-                        }, children: label }), (0, jsx_runtime_1.jsx)(number_field_1.NumberField.ScrubAreaCursor, { children: (0, jsx_runtime_1.jsx)(OpenInFull_1.default, { fontSize: "small", sx: { transform: "translateY(12.5%) rotate(45deg)" } }) })] }), (0, jsx_runtime_1.jsxs)(Box_1.default, { sx: { display: "flex" }, children: [(0, jsx_runtime_1.jsx)(number_field_1.NumberField.Decrement, { render: (0, jsx_runtime_1.jsx)(Button_1.default, { variant: "outlined", "aria-label": "Decrease", size: size, sx: {
+                        }, children: label })), (0, jsx_runtime_1.jsx)(number_field_1.NumberField.ScrubAreaCursor, { children: (0, jsx_runtime_1.jsx)(OpenInFull_1.default, { fontSize: "small", sx: { transform: "translateY(12.5%) rotate(45deg)" } }) })] }), (0, jsx_runtime_1.jsxs)(Box_1.default, { sx: { display: "flex" }, children: [(0, jsx_runtime_1.jsx)(number_field_1.NumberField.Decrement, { render: (0, jsx_runtime_1.jsx)(Button_1.default, { variant: "outlined", "aria-label": "Decrease", size: size, sx: {
                                 borderTopRightRadius: 0,
                                 borderBottomRightRadius: 0,
                                 borderRight: "0px",

package/lib/mjs/NumberField.d.ts

@@ -1,6 +1,9 @@
 import * as React from "react";
 import { NumberField as BaseNumberField } from "@base-ui/react/number-field";
-export default function NumberField({ id: idProp, label, error, size, ...other }: BaseNumberField.Root.Props & {
+/**
+ * Number field component
+ */
+export declare function NumberField({ id: idProp, label, error, size, ...other }: BaseNumberField.Root.Props & {
     label?: React.ReactNode;
     size?: "small" | "medium";
     error?: boolean;

package/lib/mjs/NumberField.js

@@ -16,7 +16,10 @@ function SSRInitialFilled(_) {
     return null;
 }
 SSRInitialFilled.muiName = "Input";
-export default function NumberField({ id: idProp, label, error, size = "medium", ...other }) {
+/**
+ * Number field component
+ */
+export function NumberField({ id: idProp, label, error, size = "medium", ...other }) {
     let id = React.useId();
     if (idProp) {
         id = idProp;

package/lib/mjs/NumberSpinner.d.ts

@@ -1,6 +1,9 @@
 import * as React from "react";
 import { NumberField as BaseNumberField } from "@base-ui/react/number-field";
-export default function NumberSpinner({ id: idProp, label, error, size, ...other }: BaseNumberField.Root.Props & {
+/**
+ * Number spinner component
+ */
+export declare function NumberSpinner({ id: idProp, label, error, size, ...other }: BaseNumberField.Root.Props & {
     label?: React.ReactNode;
     size?: "small" | "medium";
     error?: boolean;

package/lib/mjs/NumberSpinner.js

@@ -9,7 +9,10 @@ import AddIcon from "@mui/icons-material/Add";
 import RemoveIcon from "@mui/icons-material/Remove";
 import OutlinedInput from "@mui/material/OutlinedInput";
 import OpenInFullIcon from "@mui/icons-material/OpenInFull";
-export default function NumberSpinner({ id: idProp, label, error, size = "medium", ...other }) {
+/**
+ * Number spinner component
+ */
+export function NumberSpinner({ id: idProp, label, error, size = "medium", ...other }) {
     let id = React.useId();
     if (idProp) {
         id = idProp;
@@ -23,7 +26,7 @@ export default function NumberSpinner({ id: idProp, label, error, size = "medium
                         color: "text.primary"
                     }
                 }
-            }, children: props.children })), children: [_jsxs(BaseNumberField.ScrubArea, { render: _jsx(Box, { component: "span", sx: { userSelect: "none", width: "max-content" } }), children: [_jsx(FormLabel, { htmlFor: id, sx: {
+            }, children: props.children })), children: [_jsxs(BaseNumberField.ScrubArea, { render: _jsx(Box, { component: "span", sx: { userSelect: "none", width: "max-content" } }), children: [label != null && (_jsx(FormLabel, { htmlFor: id, sx: {
                             display: "inline-block",
                             cursor: "ew-resize",
                             fontSize: "0.875rem",
@@ -31,7 +34,7 @@ export default function NumberSpinner({ id: idProp, label, error, size = "medium
                             fontWeight: 500,
                             lineHeight: 1.5,
                             mb: 0.5
-                        }, children: label }), _jsx(BaseNumberField.ScrubAreaCursor, { children: _jsx(OpenInFullIcon, { fontSize: "small", sx: { transform: "translateY(12.5%) rotate(45deg)" } }) })] }), _jsxs(Box, { sx: { display: "flex" }, children: [_jsx(BaseNumberField.Decrement, { render: _jsx(Button, { variant: "outlined", "aria-label": "Decrease", size: size, sx: {
+                        }, children: label })), _jsx(BaseNumberField.ScrubAreaCursor, { children: _jsx(OpenInFullIcon, { fontSize: "small", sx: { transform: "translateY(12.5%) rotate(45deg)" } }) })] }), _jsxs(Box, { sx: { display: "flex" }, children: [_jsx(BaseNumberField.Decrement, { render: _jsx(Button, { variant: "outlined", "aria-label": "Decrease", size: size, sx: {
                                 borderTopRightRadius: 0,
                                 borderBottomRightRadius: 0,
                                 borderRight: "0px",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.6.28",
+  "version": "1.6.30",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",

package/src/NumberField.tsx

@@ -17,7 +17,10 @@ function SSRInitialFilled(_: BaseNumberField.Root.Props) {
 }
 SSRInitialFilled.muiName = "Input";
 
-export default function NumberField({
+/**
+ * Number field component
+ */
+export function NumberField({
   id: idProp,
   label,
   error,

package/src/NumberSpinner.tsx

@@ -9,7 +9,10 @@ import RemoveIcon from "@mui/icons-material/Remove";
 import OutlinedInput from "@mui/material/OutlinedInput";
 import OpenInFullIcon from "@mui/icons-material/OpenInFull";
 
-export default function NumberSpinner({
+/**
+ * Number spinner component
+ */
+export function NumberSpinner({
   id: idProp,
   label,
   error,
@@ -58,20 +61,22 @@ export default function NumberSpinner({
           />
         }
       >
-        <FormLabel
-          htmlFor={id}
-          sx={{
-            display: "inline-block",
-            cursor: "ew-resize",
-            fontSize: "0.875rem",
-            color: "text.primary",
-            fontWeight: 500,
-            lineHeight: 1.5,
-            mb: 0.5
-          }}
-        >
-          {label}
-        </FormLabel>
+        {label != null && (
+          <FormLabel
+            htmlFor={id}
+            sx={{
+              display: "inline-block",
+              cursor: "ew-resize",
+              fontSize: "0.875rem",
+              color: "text.primary",
+              fontWeight: 500,
+              lineHeight: 1.5,
+              mb: 0.5
+            }}
+          >
+            {label}
+          </FormLabel>
+        )}
         <BaseNumberField.ScrubAreaCursor>
           <OpenInFullIcon
             fontSize="small"