{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "book-open",
  "type": "registry:ui",
  "title": "BookOpen",
  "description": "A meaningful microanimated Book open icon.",
  "files": [
    {
      "path": "ui/icons/book-open.tsx",
      "type": "registry:ui",
      "content": "import { forwardRef, type SVGProps } from \"react\";\n\nexport interface BookOpenProps extends Omit<SVGProps<SVGSVGElement>, \"children\"> {\n  size?: number | string;\n  title?: string;\n}\n\nconst styles = \"/* Framework-neutral motion trigger. Import once in the consuming app. */\\n:root {\\n  --mi-time: 1;\\n  --mi-ease: cubic-bezier(0.32, 0.72, 0.24, 1);\\n  --mi-ease-spring: linear(0, 0.032 2%, 0.12 4%, 0.31 7%, 0.56 10.5%, 0.76 13.5%, 0.9 16.5%, 0.988 19.5%, 1.042 22.5%, 1.07 26%, 1.078 30%, 1.062 36%, 1.03 44%, 1.008 52%, 0.997 62%, 0.998 74%, 1);\\n  --mi-ease-pop: linear(0, 0.04 2%, 0.15 4.5%, 0.4 8%, 0.68 11.5%, 0.9 14.5%, 1.06 17.5%, 1.15 21%, 1.185 25%, 1.17 29.5%, 1.11 35.5%, 1.04 42%, 0.985 49%, 0.962 55.5%, 0.965 62%, 0.985 70%, 1.002 82%, 1);\\n  --mi-ease-bounce: linear(0, 0.2 5%, 0.65 11%, 1.05 17%, 1.35 22%, 1.52 26%, 1.55 29%, 1.44 34%, 1.2 41%, 1 48%, 0.88 55%, 0.86 59%, 0.92 66%, 1 74%, 1.04 81%, 1.01 90%, 1);\\n}\\n\\n@media (hover: hover) {\\n  :where(button:not(:disabled), [role=\\\"button\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"menuitem\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"tab\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"option\\\"]:not([aria-disabled=\\\"true\\\"]), a:not([aria-disabled=\\\"true\\\"]), summary:not([aria-disabled=\\\"true\\\"]), label:not([aria-disabled=\\\"true\\\"]), .mi-trigger:not([aria-disabled=\\\"true\\\"])):hover .mi {\\n    --mi-progress: 1;\\n  }\\n}\\n\\n:where(button:not(:disabled), [role=\\\"button\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"menuitem\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"tab\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"option\\\"]:not([aria-disabled=\\\"true\\\"]), a:not([aria-disabled=\\\"true\\\"]), summary:not([aria-disabled=\\\"true\\\"]), label:not([aria-disabled=\\\"true\\\"]), .mi-trigger:not([aria-disabled=\\\"true\\\"])):focus-visible .mi {\\n  --mi-progress: 1;\\n}\\n\\n:where(button, [role=\\\"button\\\"], [role=\\\"menuitem\\\"], [role=\\\"tab\\\"], [role=\\\"option\\\"], a, summary, label, .mi-trigger):not(:hover):not(:focus-visible) .mi,\\n:where(button:disabled, [aria-disabled=\\\"true\\\"]) .mi {\\n  --mi-progress: 0;\\n}\\n\\n.mi-play .mi,\\n.mi.mi-play { --mi-progress: 1; }\\n.mi { overflow: visible; }\\n\\n\\n@media (prefers-reduced-motion: no-preference) {\\n  .mi-book-open .mi-book-open-cover {\\n    d: path(\\\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\\\");\\n  }\\n  .mi-book-open .mi-book-open-spine {\\n    d: path(\\\"M12 7v14\\\");\\n  }\\n  .mi-book-open .mi-book-open-cover,\\n  .mi-book-open .mi-book-open-spine {\\n    transition: d calc(300ms * var(--mi-time, 1))\\n      var(--mi-ease-spring, ease-out);\\n  }\\n  @media (hover: hover) {\\n    :where(button:not(:disabled), [role=\\\"button\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"menuitem\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"tab\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"option\\\"]:not([aria-disabled=\\\"true\\\"]), a:not([aria-disabled=\\\"true\\\"]), summary:not([aria-disabled=\\\"true\\\"]), label:not([aria-disabled=\\\"true\\\"]), .mi-trigger:not([aria-disabled=\\\"true\\\"])):where(:hover) .mi-book-open .mi-book-open-cover {\\n      d: path(\\\"M2.2 18.4a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h5.5a4.3 7.3 0 0 1 4.3 7.3 4.3 7.3 0 0 1 4.3-7.3h5.5a1 1 0 0 1 1 1v13.9a1 1 0 0 1-1 1h-6.5a3.3 3.4 0 0 0-3.3 3.4 3.3 3.4 0 0 0-3.3-3.4z\\\");\\n    }\\n    :where(button:not(:disabled), [role=\\\"button\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"menuitem\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"tab\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"option\\\"]:not([aria-disabled=\\\"true\\\"]), a:not([aria-disabled=\\\"true\\\"]), summary:not([aria-disabled=\\\"true\\\"]), label:not([aria-disabled=\\\"true\\\"]), .mi-trigger:not([aria-disabled=\\\"true\\\"])):where(:hover) .mi-book-open .mi-book-open-spine {\\n      d: path(\\\"M12 9.8v12\\\");\\n    }\\n  }\\n  :where(button:not(:disabled), [role=\\\"button\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"menuitem\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"tab\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"option\\\"]:not([aria-disabled=\\\"true\\\"]), a:not([aria-disabled=\\\"true\\\"]), summary:not([aria-disabled=\\\"true\\\"]), label:not([aria-disabled=\\\"true\\\"]), .mi-trigger:not([aria-disabled=\\\"true\\\"])):where(:focus-visible) .mi-book-open .mi-book-open-cover,\\n  .mi-play .mi-book-open .mi-book-open-cover {\\n    d: path(\\\"M2.2 18.4a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h5.5a4.3 7.3 0 0 1 4.3 7.3 4.3 7.3 0 0 1 4.3-7.3h5.5a1 1 0 0 1 1 1v13.9a1 1 0 0 1-1 1h-6.5a3.3 3.4 0 0 0-3.3 3.4 3.3 3.4 0 0 0-3.3-3.4z\\\");\\n  }\\n  :where(button:not(:disabled), [role=\\\"button\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"menuitem\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"tab\\\"]:not([aria-disabled=\\\"true\\\"]), [role=\\\"option\\\"]:not([aria-disabled=\\\"true\\\"]), a:not([aria-disabled=\\\"true\\\"]), summary:not([aria-disabled=\\\"true\\\"]), label:not([aria-disabled=\\\"true\\\"]), .mi-trigger:not([aria-disabled=\\\"true\\\"])):where(:focus-visible) .mi-book-open .mi-book-open-spine,\\n  .mi-play .mi-book-open .mi-book-open-spine {\\n    d: path(\\\"M12 9.8v12\\\");\\n  }\\n}\";\n\nexport const BookOpen = forwardRef<SVGSVGElement, BookOpenProps>(function BookOpen(\n  { size = 24, strokeWidth = 2, className, title, \"aria-label\": ariaLabel, ...props },\n  ref,\n) {\n  const accessibleTitle = title ?? ariaLabel;\n\n  return (\n    <>\n      <style>{styles}</style>\n      <svg\n        ref={ref}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        aria-hidden={accessibleTitle ? undefined : true}\n        aria-label={ariaLabel}\n        role={accessibleTitle ? \"img\" : undefined}\n        className={[\"mi\", \"mi-book-open\", className].filter(Boolean).join(\" \")}\n        dangerouslySetInnerHTML={{\n          __html: `${title ? `<title>${escapeText(title)}</title>` : \"\"}<path class=\"mi-book-open-spine\" d=\"M12 7v14\"></path><path class=\"mi-book-open-cover\" d=\"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z\"></path>`,\n        }}\n        {...props}\n      />\n    </>\n  );\n});\n\nBookOpen.displayName = \"BookOpen\";\n\nfunction escapeText(value: string): string {\n  return value.replaceAll(\"&\", \"&amp;\").replaceAll(\"<\", \"&lt;\").replaceAll(\">\", \"&gt;\");\n}\n\nexport default BookOpen;\n"
    }
  ]
}