@imfusion/web-ui 0.6.4-dev.31.gcef47041 → 0.6.4-dev.36.ga02df89a

package/src/docgen/doc.gen.json

@@ -2920,6 +2920,660 @@
       }
     ]
   },
+  "number-field": {
+    "root": {
+      "name": "NumberField.Root",
+      "description": "",
+      "props": [
+        {
+          "name": "allowOutOfRange",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "When true, direct text entry may be outside the `min`/`max` range without clamping,\nso native range underflow/overflow validation can occur.\nStep-based interactions (keyboard arrows, buttons, wheel, scrub) still clamp."
+        },
+        {
+          "name": "allowWheelScrub",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether to allow the user to scrub the input value with the mouse wheel while focused and\nhovering over the input."
+        },
+        {
+          "name": "className",
+          "required": false,
+          "type": "| string\n| ((state: NumberFieldRootState) => string)",
+          "defaultValue": null,
+          "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+        },
+        {
+          "name": "defaultValue",
+          "required": false,
+          "type": "number",
+          "defaultValue": null,
+          "description": "The uncontrolled value of the field when it's initially rendered.\n\nTo render a controlled number field, use the `value` prop instead."
+        },
+        {
+          "name": "disabled",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the component should ignore user interaction."
+        },
+        {
+          "name": "form",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Identifies the form that owns the hidden input.\nUseful when the number field is rendered outside the form."
+        },
+        {
+          "name": "format",
+          "required": false,
+          "type": "NumberFormatOptions",
+          "defaultValue": null,
+          "description": "Options to format the input value."
+        },
+        {
+          "name": "id",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "The id of the input element."
+        },
+        {
+          "name": "inputRef",
+          "required": false,
+          "type": "Ref<HTMLInputElement>",
+          "defaultValue": null,
+          "description": "A ref to access the hidden input element."
+        },
+        {
+          "name": "largeStep",
+          "required": false,
+          "type": "number",
+          "defaultValue": "10",
+          "description": "The large step value of the input element when incrementing while the shift key is held.\nSnaps to multiples of this value when `snapOnStep` is enabled."
+        },
+        {
+          "name": "locale",
+          "required": false,
+          "type": "LocalesArgument",
+          "defaultValue": null,
+          "description": "The locale of the input element.\nDefaults to the user's runtime locale."
+        },
+        {
+          "name": "max",
+          "required": false,
+          "type": "number",
+          "defaultValue": null,
+          "description": "The maximum value of the input element."
+        },
+        {
+          "name": "min",
+          "required": false,
+          "type": "number",
+          "defaultValue": null,
+          "description": "The minimum value of the input element."
+        },
+        {
+          "name": "name",
+          "required": false,
+          "type": "string",
+          "defaultValue": null,
+          "description": "Identifies the field when a form is submitted."
+        },
+        {
+          "name": "onValueChange",
+          "required": false,
+          "type": "(\n  value: number | null,\n  eventDetails: NumberFieldRootChangeEventDetails\n) => void",
+          "defaultValue": null,
+          "description": "Callback fired when the number value changes.\n\nThe `eventDetails.reason` indicates what triggered the change:\n- `'input-change'` for parseable typing or programmatic text updates\n- `'input-clear'` when the field becomes empty\n- `'input-blur'` when formatting (and clamping, if enabled) occurs on blur\n- `'input-paste'` for paste interactions\n- `'keyboard'` for arrow-key/Home/End stepping (typing digits uses `'input-change'`/`'input-clear'`)\n- `'increment-press'` / `'decrement-press'` for button presses on the increment and decrement controls\n- `'wheel'` for wheel-based scrubbing\n- `'scrub'` for scrub area drags"
+        },
+        {
+          "name": "onValueCommitted",
+          "required": false,
+          "type": "(\n  value: number | null,\n  eventDetails: NumberFieldRootCommitEventDetails\n) => void",
+          "defaultValue": null,
+          "description": "Callback function that is fired when the value is committed.\nIt runs later than `onValueChange`, when:\n- The input is blurred after typing a value.\n- The pointer is released after scrubbing or pressing the increment/decrement buttons.\n\nIt runs simultaneously with `onValueChange` when interacting with the keyboard or the\nmouse wheel.\n\n**Warning**: This is a generic event not a change event."
+        },
+        {
+          "name": "readOnly",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the user should be unable to change the field value."
+        },
+        {
+          "name": "ref",
+          "required": false,
+          "type": "Ref<HTMLDivElement>",
+          "defaultValue": null,
+          "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+        },
+        {
+          "name": "render",
+          "required": false,
+          "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, NumberFieldRootState>",
+          "defaultValue": null,
+          "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+        },
+        {
+          "name": "required",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the user must enter a value before submitting a form."
+        },
+        {
+          "name": "smallStep",
+          "required": false,
+          "type": "number",
+          "defaultValue": "0.1",
+          "description": "The small step value of the input element when incrementing while the alt key is held.\nSnaps to multiples of this value when `snapOnStep` is enabled."
+        },
+        {
+          "name": "snapOnStep",
+          "required": false,
+          "type": "boolean",
+          "defaultValue": "false",
+          "description": "Whether the value should snap to the nearest step when incrementing or decrementing."
+        },
+        {
+          "name": "step",
+          "required": false,
+          "type": "number | \"any\"",
+          "defaultValue": "1",
+          "description": "Amount to increment and decrement with the buttons and arrow keys, or to scrub with pointer movement in the scrub area.\nTo always enable step validation on form submission, specify the `min` prop explicitly in conjunction with this prop.\nSpecify `step=\"any\"` to always disable step validation; interactive stepping then uses a base amount of `1`, while the alt and shift keys still step by `smallStep` and `largeStep`."
+        },
+        {
+          "name": "style",
+          "required": false,
+          "type": "| CSSProperties\n| ((state: NumberFieldRootState) => CSSProperties)",
+          "defaultValue": null,
+          "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+        },
+        {
+          "name": "value",
+          "required": false,
+          "type": "number | null",
+          "defaultValue": null,
+          "description": "The raw numeric value of the field."
+        }
+      ]
+    },
+    "subComponents": [
+      {
+        "name": "NumberField.Decrement",
+        "description": "NumberField.Decrement — full-height square control that decreases the value.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NumberFieldDecrementState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `false` if the rendered element is not a button (for example, `<div>`)."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, NumberFieldDecrementState>",
+            "defaultValue": null,
+            "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: NumberFieldDecrementState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "NumberField.Group",
+        "description": "NumberField.Group — bordered box grouping the input with the stepper controls.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NumberFieldGroupState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, NumberFieldGroupState>",
+            "defaultValue": null,
+            "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          },
+          {
+            "name": "size",
+            "required": false,
+            "type": "\"sm\" | \"md\" | \"lg\" | null",
+            "defaultValue": "md",
+            "description": ""
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: NumberFieldGroupState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "\"outline\" | \"primary\" | \"filled\" | \"ghost\" | null",
+            "defaultValue": "outline",
+            "description": ""
+          }
+        ]
+      },
+      {
+        "name": "NumberField.Increment",
+        "description": "NumberField.Increment — full-height square control that increases the value.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NumberFieldIncrementState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "nativeButton",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "true",
+            "description": "Whether the component renders a native `<button>` element when replacing it\nvia the `render` prop.\nSet to `false` if the rendered element is not a button (for example, `<div>`)."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, NumberFieldIncrementState>",
+            "defaultValue": null,
+            "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: NumberFieldIncrementState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "NumberField.Input",
+        "description": "NumberField.Input — transparent, borderless mono numeric field.",
+        "props": [
+          {
+            "name": "aria-roledescription",
+            "required": false,
+            "type": "string",
+            "defaultValue": "Number field",
+            "description": "A user-friendly description of the input's role for assistive tech. This is a role\ndescription, not an accessible name — use `Field.Label` or `aria-label` to name the control."
+          },
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NumberFieldInputState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, NumberFieldInputState>",
+            "defaultValue": null,
+            "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: NumberFieldInputState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "NumberField.ScrubArea",
+        "description": "NumberField.ScrubArea — draggable region that scrubs the value on pointer move.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NumberFieldScrubAreaState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "direction",
+            "required": false,
+            "type": "\"horizontal\" | \"vertical\"",
+            "defaultValue": "horizontal",
+            "description": "Cursor movement direction in the scrub area."
+          },
+          {
+            "name": "pixelSensitivity",
+            "required": false,
+            "type": "number",
+            "defaultValue": "2",
+            "description": "Determines how many pixels the cursor must move before the value changes.\nA higher value will make scrubbing less sensitive."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, NumberFieldScrubAreaState>",
+            "defaultValue": null,
+            "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: NumberFieldScrubAreaState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          },
+          {
+            "name": "teleportDistance",
+            "required": false,
+            "type": "number",
+            "defaultValue": null,
+            "description": "If specified, determines the distance that the cursor may move from the center\nof the scrub area before it will loop back around."
+          }
+        ]
+      },
+      {
+        "name": "NumberField.ScrubAreaCursor",
+        "description": "NumberField.ScrubAreaCursor — virtual cursor shown while scrubbing under pointer lock.",
+        "props": [
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NumberFieldScrubAreaCursorState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<\n    HTMLProps,\n    NumberFieldScrubAreaCursorState\n  >",
+            "defaultValue": null,
+            "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((\n    state: NumberFieldScrubAreaCursorState\n  ) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          }
+        ]
+      },
+      {
+        "name": "NumberField.Stepper",
+        "description": "NumberField.Stepper — pre-composed Root → Group → Input + controls. Use the\nindividual parts instead when a custom composition (e.g. with `Field` or\n`ScrubArea`) is needed.",
+        "props": [
+          {
+            "name": "allowOutOfRange",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "When true, direct text entry may be outside the `min`/`max` range without clamping,\nso native range underflow/overflow validation can occur.\nStep-based interactions (keyboard arrows, buttons, wheel, scrub) still clamp."
+          },
+          {
+            "name": "allowWheelScrub",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether to allow the user to scrub the input value with the mouse wheel while focused and\nhovering over the input."
+          },
+          {
+            "name": "className",
+            "required": false,
+            "type": "| string\n| ((state: NumberFieldRootState) => string)",
+            "defaultValue": null,
+            "description": "CSS class applied to the element, or a function that\nreturns a class based on the component's state."
+          },
+          {
+            "name": "defaultValue",
+            "required": false,
+            "type": "number",
+            "defaultValue": null,
+            "description": "The uncontrolled value of the field when it's initially rendered.\n\nTo render a controlled number field, use the `value` prop instead."
+          },
+          {
+            "name": "disabled",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the component should ignore user interaction."
+          },
+          {
+            "name": "form",
+            "required": false,
+            "type": "string",
+            "defaultValue": null,
+            "description": "Identifies the form that owns the hidden input.\nUseful when the number field is rendered outside the form."
+          },
+          {
+            "name": "format",
+            "required": false,
+            "type": "NumberFormatOptions",
+            "defaultValue": null,
+            "description": "Options to format the input value."
+          },
+          {
+            "name": "id",
+            "required": false,
+            "type": "string",
+            "defaultValue": null,
+            "description": "The id of the input element."
+          },
+          {
+            "name": "inputRef",
+            "required": false,
+            "type": "Ref<HTMLInputElement>",
+            "defaultValue": null,
+            "description": "A ref to access the hidden input element."
+          },
+          {
+            "name": "largeStep",
+            "required": false,
+            "type": "number",
+            "defaultValue": "10",
+            "description": "The large step value of the input element when incrementing while the shift key is held.\nSnaps to multiples of this value when `snapOnStep` is enabled."
+          },
+          {
+            "name": "layout",
+            "required": false,
+            "type": "\"trailing\" | \"flanking\"",
+            "defaultValue": "trailing",
+            "description": "Control placement relative to the input."
+          },
+          {
+            "name": "locale",
+            "required": false,
+            "type": "LocalesArgument",
+            "defaultValue": null,
+            "description": "The locale of the input element.\nDefaults to the user's runtime locale."
+          },
+          {
+            "name": "max",
+            "required": false,
+            "type": "number",
+            "defaultValue": null,
+            "description": "The maximum value of the input element."
+          },
+          {
+            "name": "min",
+            "required": false,
+            "type": "number",
+            "defaultValue": null,
+            "description": "The minimum value of the input element."
+          },
+          {
+            "name": "name",
+            "required": false,
+            "type": "string",
+            "defaultValue": null,
+            "description": "Identifies the field when a form is submitted."
+          },
+          {
+            "name": "onValueChange",
+            "required": false,
+            "type": "(\n  value: number | null,\n  eventDetails: NumberFieldRootChangeEventDetails\n) => void",
+            "defaultValue": null,
+            "description": "Callback fired when the number value changes.\n\nThe `eventDetails.reason` indicates what triggered the change:\n- `'input-change'` for parseable typing or programmatic text updates\n- `'input-clear'` when the field becomes empty\n- `'input-blur'` when formatting (and clamping, if enabled) occurs on blur\n- `'input-paste'` for paste interactions\n- `'keyboard'` for arrow-key/Home/End stepping (typing digits uses `'input-change'`/`'input-clear'`)\n- `'increment-press'` / `'decrement-press'` for button presses on the increment and decrement controls\n- `'wheel'` for wheel-based scrubbing\n- `'scrub'` for scrub area drags"
+          },
+          {
+            "name": "onValueCommitted",
+            "required": false,
+            "type": "(\n  value: number | null,\n  eventDetails: NumberFieldRootCommitEventDetails\n) => void",
+            "defaultValue": null,
+            "description": "Callback function that is fired when the value is committed.\nIt runs later than `onValueChange`, when:\n- The input is blurred after typing a value.\n- The pointer is released after scrubbing or pressing the increment/decrement buttons.\n\nIt runs simultaneously with `onValueChange` when interacting with the keyboard or the\nmouse wheel.\n\n**Warning**: This is a generic event not a change event."
+          },
+          {
+            "name": "readOnly",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the user should be unable to change the field value."
+          },
+          {
+            "name": "ref",
+            "required": false,
+            "type": "Ref<HTMLDivElement>",
+            "defaultValue": null,
+            "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}"
+          },
+          {
+            "name": "render",
+            "required": false,
+            "type": "| ReactElement<\n    unknown,\n    string | JSXElementConstructor<any>\n  >\n| ComponentRenderFn<HTMLProps, NumberFieldRootState>",
+            "defaultValue": null,
+            "description": "Allows you to replace the component's HTML element\nwith a different tag, or compose it with another component.\n\nAccepts a `ReactElement` or a function that returns the element to render."
+          },
+          {
+            "name": "required",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the user must enter a value before submitting a form."
+          },
+          {
+            "name": "scrub",
+            "required": false,
+            "type": "ReactNode",
+            "defaultValue": null,
+            "description": "Content rendered above the field as a drag handle: pressing it and moving\nsideways changes the value. Usually the field's label. The scrub cursor is\nsupplied automatically."
+          },
+          {
+            "name": "size",
+            "required": false,
+            "type": "\"sm\" | \"md\" | \"lg\"",
+            "defaultValue": "md",
+            "description": "Control height, matching Input's scale."
+          },
+          {
+            "name": "smallStep",
+            "required": false,
+            "type": "number",
+            "defaultValue": "0.1",
+            "description": "The small step value of the input element when incrementing while the alt key is held.\nSnaps to multiples of this value when `snapOnStep` is enabled."
+          },
+          {
+            "name": "snapOnStep",
+            "required": false,
+            "type": "boolean",
+            "defaultValue": "false",
+            "description": "Whether the value should snap to the nearest step when incrementing or decrementing."
+          },
+          {
+            "name": "step",
+            "required": false,
+            "type": "number | \"any\"",
+            "defaultValue": "1",
+            "description": "Amount to increment and decrement with the buttons and arrow keys, or to scrub with pointer movement in the scrub area.\nTo always enable step validation on form submission, specify the `min` prop explicitly in conjunction with this prop.\nSpecify `step=\"any\"` to always disable step validation; interactive stepping then uses a base amount of `1`, while the alt and shift keys still step by `smallStep` and `largeStep`."
+          },
+          {
+            "name": "style",
+            "required": false,
+            "type": "| CSSProperties\n| ((state: NumberFieldRootState) => CSSProperties)",
+            "defaultValue": null,
+            "description": "Style applied to the element, or a function that\nreturns a style object based on the component's state."
+          },
+          {
+            "name": "value",
+            "required": false,
+            "type": "number | null",
+            "defaultValue": null,
+            "description": "The raw numeric value of the field."
+          },
+          {
+            "name": "variant",
+            "required": false,
+            "type": "\"outline\" | \"primary\" | \"filled\" | \"ghost\"",
+            "defaultValue": "outline",
+            "description": "Surface treatment applied to the group."
+          }
+        ]
+      }
+    ]
+  },
   "popover": {
     "root": {
       "name": "Popover.Root",
@@ -6949,7 +7603,7 @@
             "name": "variant",
             "required": false,
             "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
-            "defaultValue": "main",
+            "defaultValue": "primary",
             "description": ""
           }
         ]
@@ -6983,7 +7637,7 @@
             "name": "variant",
             "required": false,
             "type": "| \"main\"\n| \"support\"\n| \"minor\"\n| \"brand\"\n| \"primary\"\n| \"negative\"\n| \"positive\"\n| \"warning\"\n| \"info\"\n| \"oncolor\"\n| \"accent-1\"\n| \"accent-2\"\n| \"accent-3\"\n| null",
-            "defaultValue": "main",
+            "defaultValue": "primary",
             "description": ""
           }
         ]