{
  "name": "input-otp",
  "displayName": "Input OTP",
  "type": "progressive",
  "isCustomElement": true,
  "tag": "l-input-otp",
  "nativeTag": null,
  "selector": "l-input-otp",
  "subItemOf": null,
  "summary": "Stripe-style OTP input with visual digit cells over a hidden native input.",
  "status": "stable",
  "appearances": [],
  "import": {
    "css": "luxen-ui/css/input-otp",
    "js": "luxen-ui/input-otp"
  },
  "properties": [
    {
      "name": "separatorAfter",
      "attribute": "separator-after",
      "type": "number | undefined",
      "default": null,
      "reflects": true,
      "description": "Position after which to insert a visual separator (e.g., 3 for a 3-3 grouping)."
    }
  ],
  "attributes": [
    {
      "name": "size",
      "data": false,
      "values": [
        "sm",
        "lg"
      ],
      "description": "Cell size. Default is md."
    }
  ],
  "events": [],
  "methods": [],
  "slots": [],
  "cssClasses": [],
  "cssParts": [],
  "cssProperties": [
    {
      "name": "--digits",
      "default": null,
      "description": "Number of digit boxes (default: 6). Must match input's maxlength."
    },
    {
      "name": "--cell-size",
      "default": null,
      "description": "Cell width and height (default: 2.75rem). Font size scales automatically."
    },
    {
      "name": "--cell-gap",
      "default": null,
      "description": "Space between cells (default: 0.5rem)."
    },
    {
      "name": "--cell-bg-color",
      "default": null,
      "description": "Cell background color."
    },
    {
      "name": "--cell-border-color",
      "default": null,
      "description": "Cell border color."
    },
    {
      "name": "--cell-border-radius",
      "default": null,
      "description": "Cell border-radius."
    },
    {
      "name": "--cell-focus-color",
      "default": null,
      "description": "Border + ring color of the active (focused) cell."
    },
    {
      "name": "--cell-focus-ring",
      "default": null,
      "description": "`box-shadow` of the active cell ring (defaults to a 1px solid ring; set to `none` to disable)."
    }
  ],
  "commands": [],
  "examples": []
}
