{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "luma-logo",
  "title": "Luma Logo",
  "description": "Luma logo with variant support",
  "dependencies": [],
  "registryDependencies": [],
  "files": [
    {
      "path": "registry/default/blocks/logos/luma-logo/components/logos/luma.tsx",
      "content": "const COLORS = {\n  dark: \"#FFFFFF\",\n  light: \"#000000\",\n};\n\nexport function LumaLogo({\n  className,\n  variant = \"icon\",\n  mode = \"dark\",\n}: {\n  className?: string;\n  variant?: \"icon\" | \"icon-color\" | \"wordmark\";\n  mode?: \"dark\" | \"light\";\n}) {\n  const color = COLORS[mode];\n\n  if (variant === \"icon\") {\n    return (\n      <svg\n        role=\"img\"\n        viewBox=\"0 0 24 24\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n        fill={color}\n        fillRule=\"evenodd\"\n      >\n        <title>Luma</title>\n        <path\n          d=\"M12.393 24L2 17.998l10.393-6 10.392 6-10.393 6z\"\n          fillOpacity=\".66\"\n        ></path>\n        <path d=\"M2 5.999L12.393 0v24L2 18V5.999z\" fillOpacity=\".66\"></path>\n      </svg>\n    );\n  }\n\n  if (variant === \"icon-color\") {\n    return (\n      <svg\n        role=\"img\"\n        viewBox=\"0 0 24 24\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n      >\n        <title>Luma</title>\n        <path d=\"M2 5.999L12.392 0v24L2 18V5.999z\" fill=\"#000\"></path>\n        <path\n          d=\"M12.392 24L2 18l10.392-6 10.393 6-10.393 6z\"\n          fill=\"url(#lobe-icons-luma-fill-0)\"\n        ></path>\n        <path\n          d=\"M12.392 24L2 18l10.392-6 10.393 6-10.393 6z\"\n          fill=\"url(#lobe-icons-luma-fill-1)\"\n        ></path>\n        <path\n          d=\"M2 5.999L12.392 0v24L2 18V5.999z\"\n          fill=\"url(#lobe-icons-luma-fill-2)\"\n          style={{ mixBlendMode: \"screen\" }}\n        ></path>\n        <path\n          d=\"M12.392 24L2 18l10.392-6 10.393 6-10.393 6z\"\n          fill=\"url(#lobe-icons-luma-fill-3)\"\n          style={{ mixBlendMode: \"overlay\" }}\n        ></path>\n        <path\n          d=\"M2 5.999L12.392 0v24L2 18V5.999z\"\n          fill=\"url(#lobe-icons-luma-fill-4)\"\n          style={{ mixBlendMode: \"overlay\" }}\n        ></path>\n        <defs>\n          <linearGradient\n            gradientUnits=\"userSpaceOnUse\"\n            id=\"lobe-icons-luma-fill-0\"\n            x1=\"2\"\n            x2=\"22.785\"\n            y1=\"18\"\n            y2=\"18\"\n          >\n            <stop stopColor=\"#00A\"></stop>\n            <stop offset=\"1\" stopColor=\"#A78DFF\"></stop>\n          </linearGradient>\n          <linearGradient\n            gradientUnits=\"userSpaceOnUse\"\n            id=\"lobe-icons-luma-fill-1\"\n            x1=\"2\"\n            x2=\"22.785\"\n            y1=\"18\"\n            y2=\"18\"\n          >\n            <stop stopColor=\"#00A\"></stop>\n            <stop offset=\"1\" stopColor=\"#A78DFF\"></stop>\n          </linearGradient>\n          <linearGradient\n            gradientUnits=\"userSpaceOnUse\"\n            id=\"lobe-icons-luma-fill-2\"\n            x1=\"13.748\"\n            x2=\"4.672\"\n            y1=\"22.642\"\n            y2=\"3.745\"\n          >\n            <stop stopColor=\"#004EFF\"></stop>\n            <stop offset=\"1\" stopColor=\"#0FF\"></stop>\n          </linearGradient>\n          <linearGradient\n            gradientUnits=\"userSpaceOnUse\"\n            id=\"lobe-icons-luma-fill-3\"\n            x1=\"2\"\n            x2=\"22.785\"\n            y1=\"18\"\n            y2=\"18\"\n          >\n            <stop stopColor=\"#00A\"></stop>\n            <stop offset=\"1\" stopColor=\"#A78DFF\"></stop>\n          </linearGradient>\n          <linearGradient\n            gradientUnits=\"userSpaceOnUse\"\n            id=\"lobe-icons-luma-fill-4\"\n            x1=\"13.748\"\n            x2=\"4.672\"\n            y1=\"22.642\"\n            y2=\"3.745\"\n          >\n            <stop stopColor=\"#004EFF\"></stop>\n            <stop offset=\"1\" stopColor=\"#0FF\"></stop>\n          </linearGradient>\n        </defs>\n      </svg>\n    );\n  }\n\n  return (\n    <svg\n      role=\"img\"\n      viewBox=\"0 0 111 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      fill={color}\n      fillRule=\"evenodd\"\n    >\n      <title>Luma</title>\n      <path d=\"M2 2h2.314v17.355h8.926v2.15H2V2zm28.402 12.066c0 1.065-.137 2.075-.413 3.03-.257.956-.68 1.8-1.267 2.535-.57.716-1.323 1.295-2.26 1.735-.936.423-2.074.634-3.415.634-1.34 0-2.48-.211-3.416-.634-.937-.44-1.699-1.019-2.287-1.735a7.47 7.47 0 01-1.267-2.535 11.616 11.616 0 01-.386-3.03V2h2.315v11.736c0 .79.082 1.551.247 2.286.166.735.441 1.387.827 1.956.386.57.9 1.028 1.543 1.377.642.331 1.45.496 2.424.496.973 0 1.781-.165 2.424-.496a4.311 4.311 0 001.543-1.377 5.67 5.67 0 00.826-1.956c.166-.735.248-1.497.248-2.286V2h2.314v12.066zM35.171 2h3.443l6.612 15.29h.055L51.948 2h3.36v19.504h-2.313V5.14h-.056l-6.997 16.364h-1.405L37.54 5.14h-.055v16.364H35.17V2zm31.328 0h2.177l8.292 19.504h-2.7l-1.983-4.793h-9.752l-2.011 4.793h-2.618L66.5 2zm1.047 2.975h-.055l-4.05 9.587h7.962l-3.857-9.587zM93.563 2h2.177l8.292 19.504h-2.7l-1.983-4.793h-9.753l-2.01 4.793h-2.618L93.563 2zm1.047 2.975h-.055l-4.05 9.587h7.962L94.61 4.975zM106.624 2h2.314v19.504h-2.314V2z\"></path>\n    </svg>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "meta": {
    "hasVariants": true,
    "variants": [
      "icon",
      "icon-color",
      "wordmark"
    ],
    "variantTypes": {
      "base": [
        "icon",
        "icon-color",
        "wordmark"
      ],
      "modes": [
        "dark",
        "light"
      ]
    }
  },
  "docs": "Luma logo with 3 base variant(s) (icon, icon-color, wordmark) and 2 modes (dark, light) = 6 total combinations.",
  "categories": [
    "AI",
    "Media",
    "logo",
    "brand"
  ],
  "type": "registry:ui"
}