{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "color-field",
  "title": "Color Field",
  "description": "Polaris-styled Color Field component.",
  "dependencies": [],
  "devDependencies": [
    "@shopify/polaris-types"
  ],
  "registryDependencies": [
    "@polaris-shadcn/theme",
    "@polaris-shadcn/utils"
  ],
  "files": [
    {
      "path": "registry/templates/components/ui/color-field.tsx",
      "content": "import * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\n\ntype SColorFieldProps = React.ComponentPropsWithoutRef<\"s-color-field\">;\n\nexport interface ColorFieldProps extends SColorFieldProps {\n  className?: string;\n}\n\nconst ColorField = React.forwardRef<\n  HTMLElementTagNameMap[\"s-color-field\"],\n  ColorFieldProps\n>(\n  (\n    {\n      className,\n      id,\n      name,\n      label,\n      details,\n      placeholder,\n      value,\n      defaultValue,\n      alpha = false,\n      disabled = false,\n      readOnly = false,\n      required = false,\n      error,\n      autocomplete,\n      labelAccessibilityVisibility,\n      onChange,\n      onInput,\n      onFocus,\n      onBlur,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <s-color-field\n        ref={ref}\n        {...({ className: cn(className) } as SColorFieldProps)}\n        id={id}\n        name={name}\n        label={label}\n        details={details}\n        placeholder={placeholder}\n        value={value}\n        defaultValue={defaultValue}\n        alpha={alpha || undefined}\n        disabled={disabled || undefined}\n        readOnly={readOnly || undefined}\n        required={required || undefined}\n        error={error}\n        autocomplete={autocomplete}\n        labelAccessibilityVisibility={labelAccessibilityVisibility}\n        onChange={onChange}\n        onInput={onInput}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        {...props}\n      />\n    );\n  },\n);\nColorField.displayName = \"ColorField\";\n\nexport { ColorField };\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}