[
  {
    "attribute": "color",
    "property": "color",
    "type": "string",
    "kind": "text",
    "values": [],
    "optional": false,
    "default": "'rgba(255, 0, 0, 0.5)'",
    "description": "The CSS color value shown inside the handle. Supports any valid CSS color\nstring, including alpha transparency (which reveals the checkerboard).\n\nDefault is semi-transparent red so the opacity checkerboard is visible\nwhen the component is rendered without a `color` attribute.",
    "inheritedFrom": "ColorHandleBase",
    "since": "2.0.0-beta.1"
  },
  {
    "attribute": "disabled",
    "property": "disabled",
    "type": "boolean",
    "kind": "boolean",
    "values": [],
    "optional": false,
    "default": "false",
    "description": "Reflected. Suppresses the loupe (`open && !disabled`).",
    "inheritedFrom": "ColorHandleBase",
    "since": "2.0.0-beta.1"
  },
  {
    "attribute": "focused",
    "property": "focused",
    "type": "boolean",
    "kind": "boolean",
    "values": [],
    "optional": false,
    "default": "false",
    "description": "Reflected. Set by the parent color component when the parent picker is\nfocused (keyboard or programmatic); enlarges the handle as the focus\nindicator.",
    "inheritedFrom": "ColorHandleBase",
    "since": "2.0.0-beta.1"
  },
  {
    "attribute": "open",
    "property": "open",
    "type": "boolean",
    "kind": "boolean",
    "values": [],
    "optional": false,
    "default": "false",
    "description": "Reflected. Shows the built-in loupe; auto-toggled by touch pointers.",
    "inheritedFrom": "ColorHandleBase",
    "since": "2.0.0-beta.1"
  },
  {
    "attribute": "fill",
    "property": "fill",
    "type": "boolean",
    "kind": "boolean",
    "values": [],
    "optional": false,
    "default": "true",
    "description": "Reflected. `true` shows the inner color swatch (1st-gen behavior);\n`false` renders an outline-only handle.",
    "inheritedFrom": "ColorHandleBase",
    "since": "2.0.0-beta.1"
  }
]