{
  "$schema": "../../schemas/component-contract.schema.json",
  "name": "color-picker",
  "category": "data-input",
  "status": "beta",
  "kind": "custom-element",
  "tagName": "blora-color-picker",
  "since": "2.0.0",
  "requiresJavaScript": true,
  "formAssociated": false,
  "attributes": {
    "value": {
      "type": "string",
      "default": "#3B82F6"
    },
    "label": {
      "type": "string"
    },
    "disabled": {
      "type": "boolean",
      "default": false
    }
  },
  "properties": {
    "value": {
      "type": "string"
    }
  },
  "methods": {
    "open": {
      "signature": "() => void"
    },
    "close": {
      "signature": "() => void"
    }
  },
  "events": {
    "blora:change": {
      "detail": "{ value: string, hsv: { h: number, s: number, v: number } }",
      "bubbles": true,
      "composed": false
    }
  },
  "slots": {
    "default": "Content"
  },
  "parts": [],
  "cssProperties": [],
  "accessibilityPattern": "section"
}