{
  "name": "input-stepper",
  "displayName": "Input stepper",
  "type": "progressive",
  "isCustomElement": true,
  "tag": "l-input-stepper",
  "nativeTag": null,
  "selector": "l-input-stepper",
  "subItemOf": null,
  "summary": "A stepper control that enhances a native `<input type=\"number\">` with\ndecrement/increment buttons and an optional animated number track.",
  "status": "stable",
  "appearances": [
    "default",
    "rounded"
  ],
  "import": {
    "css": "luxen-ui/css/input-stepper/default",
    "js": "luxen-ui/input-stepper"
  },
  "properties": [
    {
      "name": "min",
      "attribute": "min",
      "type": "number | undefined",
      "default": null,
      "reflects": false,
      "description": "Minimum allowed value. Falls back to the input's `min` attribute."
    },
    {
      "name": "max",
      "attribute": "max",
      "type": "number | undefined",
      "default": null,
      "reflects": false,
      "description": "Maximum allowed value. Falls back to the input's `max` attribute."
    },
    {
      "name": "step",
      "attribute": "step",
      "type": "number | undefined",
      "default": null,
      "reflects": false,
      "description": "Step increment. Falls back to the input's `step` attribute."
    },
    {
      "name": "size",
      "attribute": "size",
      "type": "InputStepperSize",
      "default": "'md'",
      "reflects": true,
      "description": "Control size."
    },
    {
      "name": "withRoller",
      "attribute": "with-roller",
      "type": "boolean",
      "default": "false",
      "reflects": true,
      "description": "Enable the animated number roller overlay."
    },
    {
      "name": "decrementIcon",
      "attribute": "decrement-icon",
      "type": "string",
      "default": "'lucide:minus'",
      "reflects": false,
      "description": "Icon name for the decrement button."
    },
    {
      "name": "incrementIcon",
      "attribute": "increment-icon",
      "type": "string",
      "default": "'lucide:plus'",
      "reflects": false,
      "description": "Icon name for the increment button."
    }
  ],
  "attributes": [],
  "events": [
    {
      "name": "change",
      "description": "Fired when the value changes. Bubbles. Properties: `value: number`.",
      "cancelable": false
    }
  ],
  "methods": [
    {
      "name": "decrement",
      "params": [],
      "returns": null,
      "description": "Decrease the value by one step."
    },
    {
      "name": "increment",
      "params": [],
      "returns": null,
      "description": "Increase the value by one step."
    }
  ],
  "slots": [],
  "cssClasses": [],
  "cssParts": [],
  "cssProperties": [
    {
      "name": "--border-color",
      "default": "--l-color-border",
      "description": "Border color of the stepper container (default appearance) and of each button (rounded appearance)."
    },
    {
      "name": "--border-radius",
      "default": "--radius-md",
      "description": "Border radius of the stepper container (default appearance)."
    }
  ],
  "commands": [],
  "examples": [
    {
      "title": null,
      "language": "html",
      "code": "<l-input-stepper>\n  <input type=\"number\" min=\"0\" max=\"10\" value=\"5\" />\n</l-input-stepper>"
    }
  ]
}