{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "brand-midjourney-icon", "dependencies": ["motion"], "devDependencies": [], "registryDependencies": [], "files": [ { "path": "icons/brand-midjourney-icon.tsx", "content": "import { forwardRef, useImperativeHandle, useCallback } from \"react\";\nimport type { AnimatedIconHandle, AnimatedIconProps } from \"./types\";\nimport { motion, useAnimate } from \"motion/react\";\n\nconst BrandMidJourneyIcon = forwardRef(\n (\n { size = 24, color = \"currentColor\", strokeWidth = 0.75, className = \"\" },\n ref,\n ) => {\n const [scope, animate] = useAnimate();\n\n const start = useCallback(() => {\n // Boat rocking on the waves\n animate(\n \".midjourney-sails\",\n {\n rotate: [0, 2, -2, 0],\n y: [0, -0.5, 0.5, 0],\n },\n { duration: 2, repeat: Infinity, ease: \"easeInOut\" },\n );\n\n // Waves undulating\n animate(\n \".midjourney-waves\",\n {\n y: [0, 0.5, -0.5, 0],\n scaleY: [1, 0.98, 1.02, 1],\n },\n { duration: 1.5, repeat: Infinity, ease: \"easeInOut\" },\n );\n }, [animate]);\n\n const stop = useCallback(() => {\n animate(\".midjourney-sails\", { rotate: 0, y: 0 }, { duration: 0.3 });\n animate(\".midjourney-waves\", { y: 0, scaleY: 1 }, { duration: 0.3 });\n }, [animate]);\n\n useImperativeHandle(ref, () => ({\n startAnimation: start,\n stopAnimation: stop,\n }));\n\n return (\n \n Midjourney\n\n {/* Boat with sails */}\n \n \n \n\n {/* Animated waves */}\n \n \n );\n },\n);\n\nBrandMidJourneyIcon.displayName = \"BrandMidJourneyIcon\";\nexport default BrandMidJourneyIcon;\n", "type": "registry:ui" }, { "path": "icons/types.ts", "content": "import type { SVGProps } from \"react\";\n\n/** Standard stroke width for 24×24 outline icons */\nexport const DEFAULT_STROKE_WIDTH = 2;\n\n/** Scale stroke to match DEFAULT_STROKE_WIDTH on non-24 viewBoxes */\nexport function scaledStrokeWidth(\n strokeWidth: number,\n viewBoxSize: number,\n): number {\n return strokeWidth * (viewBoxSize / 24);\n}\n\nexport type IconEasing =\n | \"linear\"\n | \"easeIn\"\n | \"easeOut\"\n | \"easeInOut\"\n | \"circIn\"\n | \"circOut\"\n | \"circInOut\"\n | \"backIn\"\n | \"backOut\"\n | \"backInOut\"\n | \"anticipate\";\n\nexport interface AnimatedIconProps extends Omit<\n SVGProps,\n | \"ref\"\n | \"onAnimationStart\"\n | \"onAnimationEnd\"\n | \"onAnimationIteration\"\n | \"onDrag\"\n | \"onDragEnd\"\n | \"onDragEnter\"\n | \"onDragExit\"\n | \"onDragLeave\"\n | \"onDragOver\"\n | \"onDragStart\"\n | \"onDrop\"\n | \"values\"\n> {\n /** Icon size in pixels or CSS string */\n size?: number | string;\n /** Icon color (defaults to currentColor) */\n color?: string;\n /** SVG stroke width */\n strokeWidth?: number;\n /** Additional CSS classes */\n className?: string;\n}\n\nexport interface AnimatedIconHandle {\n startAnimation: () => void;\n stopAnimation: () => void;\n}\n", "type": "registry:ui" } ], "type": "registry:ui" }