fix: number field showcase

Author: yyyyaaa

packages/react/scaffolds/number-field/number-field.tsx

@@ -135,7 +135,6 @@ const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(
 
       // Default mode, fallback to react-aria logic
       if (clampValueOnBlur) {
-        console.log("old mode");
         newValue = state.numberValue;
         applyFormatting(newValue);
         inputProps.onBlur?.(e);

packages/react/showroom/NumberField.show.tsx

@@ -2,9 +2,7 @@ import * as React from "react";
 import type { Story } from "@ladle/react";
 import Box from "../src/ui/box";
 import Button from "../src/ui/button";
-import Text from "../src/ui/text";
 import NumberField from "../src/ui/number-field";
-import Avatar from "../src/ui/avatar";
 import {
   NumberFieldIntent,
   NumberFieldSize,
@@ -43,24 +41,26 @@ export const DefaultNumberField: Story<{
         borderless={props.borderless}
         textAlign={props.textAlign}
         clampValueOnBlur={props.clampValueOnBlur}
+        minValue={props.minValue}
+        maxValue={props.maxValue}
         decrementButton={
           <Button
             size="xs"
             variant="unstyled"
             leftIcon="minusRound"
-            onClick={() => setValue(value - 1)}
+            onClick={() => setValue(Math.max(value - 1, props.minValue))}
           />
         }
         incrementButton={
           <Button
             size="xs"
             variant="unstyled"
             leftIcon="plusRound"
-            onClick={() => setValue(value + 1)}
+            onClick={() => setValue(Math.min(value + 1, props.maxValue))}
           />
         }
         onChange={(value) => {
-          console.log("[sb1] Change", value);
+          console.log("NumberField Change", value);
           setValue(value);
         }}
       />