@chromatic-com/tetra 3.2.1 → 3.2.2--canary.132.f2f40e5.0

package/dist/index.js

@@ -909,7 +909,7 @@
   &[data-state='closed'] {
     animation: ${xl} 100ms ease;
   }
-`,Jl=({item:e})=>{let{theme:t,desktopActiveId:o}=Tt(),r=o?o===e.id:false;return i__namespace.default.createElement(i__namespace.default.Fragment,null,i__namespace.default.createElement(F2,{theTheme:t,isActive:r},e.name,i__namespace.default.createElement(I2,{className:"CaretDown"},i__namespace.default.createElement(I,{name:"arrowdown","aria-hidden":true,size:12}))),i__namespace.default.createElement(Xl,{asChild:true},i__namespace.default.createElement(O2,{leftPosition:e.leftPosition},i__namespace.default.createElement(Ql,{item:e}))))};var Bn=()=>i__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none"},i__namespace.default.createElement("path",{fill:"#081144",fillRule:"evenodd",d:"M3.114 8a5.553 5.553 0 0 0 10.389 2.731c.194-.344.543-.585.938-.585.972 0 1.674.936 1.196 1.783a8 8 0 1 1 0-7.858c.478.846-.224 1.783-1.196 1.783-.395 0-.744-.242-.939-.585A5.553 5.553 0 0 0 3.114 8Zm5.552-2.537a2.537 2.537 0 1 0 0 5.073 2.537 2.537 0 0 0 0-5.073Z",clipRule:"evenodd"}));var _n=()=>i__namespace.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i__namespace.default.createElement("path",{d:"M8.04919 7.99996C8.04919 7.3451 8.30933 6.71707 8.77239 6.25402C9.23544 5.79096 9.86347 5.53082 10.5183 5.53082C11.1732 5.53082 11.8012 5.79096 12.2643 6.25402C12.7273 6.71707 12.9875 7.3451 12.9875 7.99996C12.9875 8.65481 12.7273 9.28284 12.2643 9.7459C11.8012 10.2089 11.1732 10.4691 10.5183 10.4691C9.86347 10.4691 9.23544 10.2089 8.77239 9.7459C8.30933 9.28284 8.04919 8.65481 8.04919 7.99996V7.99996Z",fill:"#1ABCFE"}),i__namespace.default.createElement("path",{d:"M3.11108 12.9383C3.11108 12.2834 3.37122 11.6554 3.83428 11.1923C4.29733 10.7293 4.92536 10.4691 5.58022 10.4691H8.04935V12.9383C8.04935 13.5931 7.78921 14.2211 7.32616 14.6842C6.86311 15.1472 6.23507 15.4074 5.58022 15.4074C4.92536 15.4074 4.29733 15.1472 3.83428 14.6842C3.37122 14.2211 3.11108 13.5931 3.11108 12.9383H3.11108Z",fill:"#0ACF83"}),i__namespace.default.createElement("path",{d:"M8.04919 0.59259V5.53086H10.5183C11.1732 5.53086 11.8012 5.27072 12.2643 4.80766C12.7273 4.34461 12.9875 3.71658 12.9875 3.06172C12.9875 2.40687 12.7273 1.77884 12.2643 1.31578C11.8012 0.85273 11.1732 0.59259 10.5183 0.59259L8.04919 0.59259Z",fill:"#FF7262"}),i__namespace.default.createElement("path",{d:"M3.11108 3.06172C3.11108 3.71658 3.37122 4.34461 3.83428 4.80766C4.29733 5.27072 4.92536 5.53086 5.58022 5.53086H8.04935V0.59259H5.58022C4.92536 0.59259 4.29733 0.85273 3.83428 1.31578C3.37122 1.77884 3.11108 2.40687 3.11108 3.06172H3.11108Z",fill:"#F24E1E"}),i__namespace.default.createElement("path",{d:"M3.11108 7.99996C3.11108 8.65481 3.37122 9.28284 3.83428 9.7459C4.29733 10.2089 4.92536 10.4691 5.58022 10.4691H8.04935V5.53082H5.58022C4.92536 5.53082 4.29733 5.79096 3.83428 6.25402C3.37122 6.71707 3.11108 7.3451 3.11108 7.99996H3.11108Z",fill:"#A259FF"}));var jn=()=>i__namespace.default.createElement("svg",{style:{width:"1.25rem"},fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 113"},i__namespace.default.createElement("g",{clipPath:"url(#netlify-mark-a)"},i__namespace.default.createElement("path",{d:"M34.593 94.05h-1.209l-6.033-6.032v-1.209l9.223-9.222h6.39l.852.852v6.39l-9.223 9.222ZM27.351 25.816v-1.209l6.033-6.033h1.209l9.223 9.223v6.39l-.852.852h-6.39l-9.223-9.223ZM35.841 61.45H.733L0 60.715v-8.797l.733-.733h35.108l.733.733v8.797l-.733.733ZM127.277 61.45H92.169l-.733-.734v-8.797l.733-.733h35.108l.733.733v8.797l-.733.733ZM58.943 27.064V.734L59.676 0h8.797l.733.733v26.331l-.733.733h-8.797l-.733-.733ZM58.943 111.902v-26.33l.733-.734h8.797l.733.733v26.331l-.733.733h-8.797l-.733-.733Z",fill:"#05bdba"}),i__namespace.default.createElement("path",{d:"M80.46 74.605h-8.778l-.733-.733V53.326c0-3.656-1.436-6.489-5.844-6.588-2.269-.06-4.865 0-7.638.11l-.416.425v26.589l-.733.733H47.54l-.733-.733V38.764l.733-.733h19.753c7.677 0 13.898 6.22 13.898 13.898v21.943l-.733.733Z",fill:"#014847"})),i__namespace.default.createElement("defs",null,i__namespace.default.createElement("clipPath",{id:"netlify-mark-a"},i__namespace.default.createElement("path",{fill:"#fff",d:"M0 0h128v112.635H0z"}))));var Wn=()=>i__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",width:16,height:16,viewBox:"0 0 16 16"},i__namespace.default.createElement("path",{fill:"#F62B54",d:"M1.99 12.593a1.998 1.998 0 0 1-1.74-1.01 1.932 1.932 0 0 1 .054-1.99l3.586-5.63A2 2 0 0 1 5.66 3a1.996 1.996 0 0 1 1.713 1.056 1.93 1.93 0 0 1-.108 1.986l-3.584 5.63a1.999 1.999 0 0 1-1.69.92Z"}),i__namespace.default.createElement("path",{fill:"#FC0",d:"M8.14 12.593a1.992 1.992 0 0 1-1.737-1.008A1.926 1.926 0 0 1 6.457 9.6l3.58-5.618a1.997 1.997 0 0 1 1.77-.982c.73.016 1.391.424 1.725 1.062a1.926 1.926 0 0 1-.129 1.995l-3.578 5.618a1.995 1.995 0 0 1-1.684.917Z"}),i__namespace.default.createElement("path",{fill:"#00CA72",d:"M14.154 12.64c1.02 0 1.846-.81 1.846-1.807 0-.999-.826-1.808-1.846-1.808s-1.846.81-1.846 1.808.826 1.807 1.846 1.807Z"}));var Un=()=>i__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 400 400"},i__namespace.default.createElement("path",{fill:"#2D4552",d:"M136.444 221.556c-12.886 3.657-21.34 10.069-26.909 16.476 5.334-4.668 12.479-8.952 22.117-11.684 9.858-2.794 18.268-2.774 25.217-1.433v-5.434c-5.928-.542-12.724-.11-20.425 2.075zm-27.498-45.68L61.09 188.484s.872 1.232 2.487 2.876l40.576-10.692s-.575 7.409-5.568 14.037c9.445-7.146 10.361-18.829 10.361-18.829zm40.059 112.471C81.658 306.486 46.027 228.438 35.24 187.928c-4.984-18.699-7.16-32.861-7.74-42a15.483 15.483 0 01.034-2.482c-3.494.211-5.167 2.027-4.826 7.275.58 9.134 2.755 23.295 7.74 42 10.782 40.504 46.418 118.552 113.765 100.413 14.659-3.949 25.672-11.142 33.939-20.324-7.62 6.882-17.157 12.302-29.147 15.537zm12.656-160.237v4.793h26.416c-.542-1.697-1.088-3.226-1.63-4.793h-24.786z"}),i__namespace.default.createElement("path",{fill:"#2D4552",d:"M193.981 167.584c11.88 3.374 18.163 11.703 21.484 19.074l13.246 3.762s-1.807-25.797-25.141-32.425c-21.829-6.202-35.262 12.129-36.896 14.501 6.35-4.524 15.623-8.228 27.307-4.912zm105.441 19.193c-21.849-6.23-35.277 12.139-36.887 14.478 6.355-4.519 15.623-8.224 27.302-4.893 11.861 3.379 18.139 11.698 21.47 19.074l13.265 3.776s-1.836-25.802-25.15-32.435zm-13.16 68.018l-110.19-30.805s1.193 6.048 5.77 13.879l92.775 25.936c7.638-4.419 11.645-9.01 11.645-9.01zm-76.395 66.307c-87.249-23.392-76.701-134.559-62.583-187.237 5.813-21.709 11.789-37.845 16.745-48.661-2.957-.609-5.406.949-7.826 5.87-5.262 10.673-11.991 28.05-18.503 52.376-14.114 52.677-24.662 163.84 62.583 187.232 41.123 11.017 73.159-5.727 97.04-32.023-22.668 20.531-51.609 32.042-87.456 22.443z"}),i__namespace.default.createElement("path",{fill:"#E2574C",d:"M161.661 262.296v-22.433l-62.329 17.674s4.606-26.76 37.112-35.981c9.858-2.794 18.269-2.775 25.217-1.433V128.11h31.208c-3.398-10.5-6.685-18.584-9.446-24.201-4.567-9.297-9.249-3.134-19.878 5.756-7.486 6.254-26.406 19.596-54.877 27.268-28.471 7.677-51.489 5.641-61.093 3.978-13.615-2.349-20.736-5.339-20.07 5.017.58 9.134 2.756 23.296 7.74 42 10.782 40.505 46.418 118.553 113.765 100.414 17.592-4.74 30.009-14.109 38.616-26.051h-25.965v.005zM61.085 188.484l47.861-12.608s-1.395 18.412-19.337 23.142c-17.948 4.725-28.524-10.534-28.524-10.534z"}),i__namespace.default.createElement("path",{fill:"#2EAD33",d:"M341.786 129.174c-12.441 2.181-42.288 4.898-79.174-4.989-36.896-9.881-61.376-27.163-71.075-35.286-13.749-11.516-19.797-19.519-25.749-7.413-5.262 10.677-11.991 28.054-18.504 52.38-14.113 52.677-24.661 163.84 62.583 187.232 87.226 23.372 133.663-78.178 147.777-130.86 6.513-24.321 9.369-42.738 10.155-54.613.896-13.452-8.344-9.547-26.013-6.451zm-175.289 43.582s13.749-21.384 37.068-14.756c23.334 6.628 25.141 32.425 25.141 32.425l-62.209-17.669zm56.923 95.957c-41.017-12.015-47.343-44.723-47.343-44.723l110.185 30.806c0-.005-22.241 25.782-62.842 13.917zm38.957-67.218s13.73-21.369 37.045-14.722c23.314 6.638 25.15 32.435 25.15 32.435l-62.195-17.713z"}),i__namespace.default.createElement("path",{fill:"#D65348",d:"M139.88 246.04l-40.548 11.492s4.405-25.092 34.275-35.036l-22.96-86.166-1.984.603c-28.471 7.678-51.489 5.641-61.093 3.978-13.615-2.348-20.736-5.339-20.07 5.018.58 9.134 2.756 23.295 7.74 42 10.782 40.504 46.418 118.552 113.765 100.413l1.984-.623-11.109-41.679zm-78.795-57.555l47.861-12.609s-1.395 18.412-19.337 23.142c-17.947 4.725-28.524-10.533-28.524-10.533z"}),i__namespace.default.createElement("path",{fill:"#1D8D22",d:"M225.27 269.163l-1.855-.451c-41.017-12.014-47.343-44.722-47.343-44.722l56.818 15.882 30.081-115.591-.364-.096c-36.896-9.881-61.375-27.163-71.075-35.286-13.749-11.516-19.797-19.519-25.749-7.413-5.257 10.677-11.986 28.054-18.499 52.38-14.113 52.677-24.661 163.84 62.583 187.231l1.788.403 13.615-52.337zm-58.773-96.407s13.749-21.384 37.068-14.756c23.334 6.628 25.141 32.425 25.141 32.425l-62.209-17.669z"}),i__namespace.default.createElement("path",{fill:"#C04B41",d:"M141.946 245.451l-10.874 3.086c2.569 14.482 7.097 28.38 14.204 40.658 1.237-.273 2.464-.508 3.724-.853 3.302-.891 6.364-1.994 9.312-3.197-7.941-11.784-13.194-25.356-16.366-39.694zm-4.246-102c-5.588 20.856-10.587 50.875-9.211 80.985 2.463-1.069 5.065-2.065 7.955-2.885l2.013-.45c-2.454-32.162 2.851-64.936 8.827-87.235a435.638 435.638 0 014.548-15.781 141.16 141.16 0 01-8.056 4.782 413.232 413.232 0 00-6.076 20.584z"}));var Gn=()=>i__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 963 962"},i__namespace.default.createElement("path",{fill:"#1B1E2E",d:"M340.4 382.8c38.4 0 69.6 20.5 85.6 56.1l1.2 2.8 64.4-21.9-1.3-3.3c-24.9-60.8-82.4-98.5-149.9-98.5-47.5 0-86.1 15.2-118 46.5-31.7 31.1-47.7 70.2-47.7 116.2 0 45.7 16.1 84.6 47.7 115.6 31.9 31.3 70.5 46.5 118 46.5 67.5 0 124.9-37.8 149.9-98.5l1.3-3.3-64.5-21.9-1.1 2.9c-14.4 35.1-46.4 56-85.6 56-26.7 0-49.3-9.3-67.1-27.7-18.1-18.6-27.2-42.1-27.2-69.6 0-27.7 8.9-50.7 27.2-70.2 17.9-18.4 40.4-27.7 67.1-27.7z"}),i__namespace.default.createElement("path",{fill:"url(#cypress-a)",d:"M620 934.4l-19.2-63.3C774 818.5 890.4 661.6 890.4 480.7c0-49.9-8.9-98.7-26.5-144.9l61.8-23.5c20.5 53.8 30.9 110.4 30.9 168.5-.1 210.1-135.3 392.4-336.6 453.6z"}),i__namespace.default.createElement("path",{fill:"#69D3A7",d:"M872.5 361.1c-52.9-172.6-210-288.5-391-288.5-24.6 0-49.2 2.2-73.2 6.5L396.6 14c27.8-5 56.4-7.6 84.9-7.6 210.2 0 392.7 134.7 454.2 335.2l-63.2 19.5z"}),i__namespace.default.createElement("path",{fill:"url(#cypress-b)",d:"M36.9 647.9C16.7 594.5 6.5 538.2 6.5 480.7c0-245 183.9-447.9 427.8-471.9l6.5 65.8C230.9 95.3 72.6 269.9 72.6 480.7c0 49.5 8.8 98 26.1 143.9l-61.8 23.3z"}),i__namespace.default.createElement("path",{fill:"#1B1E2E",d:"M743.7 324L652 556.4 559.6 324H484l129.6 317.2-94.4 229 66.1 13.2L815.1 324h-71.4z"}),i__namespace.default.createElement("path",{fill:"url(#cypress-c)",d:"M531.1 841.4l-13.9 33.7c-3.2 7.7-10.5 13-18.7 13.3-5.7.2-11.3.4-17.1.4-181.5 0-343.1-121.5-393-295.5l-63.6 18.2c58 202.1 245.7 343.3 456.5 343.4h.1c6.6 0 13.2-.1 19.8-.4 33.9-1.4 64.2-22.7 77.2-54.2l18.8-45.7-66.1-13.2z"}),i__namespace.default.createElement("defs",null,i__namespace.default.createElement("linearGradient",{id:"cypress-a",x1:"992.991",x2:"568.87",y1:"483.702",y2:"758.304",gradientUnits:"userSpaceOnUse"},i__namespace.default.createElement("stop",{offset:"0.081",stopColor:"#69D3A7"}),i__namespace.default.createElement("stop",{offset:"1",stopColor:"#69D3A7",stopOpacity:"0"})),i__namespace.default.createElement("linearGradient",{id:"cypress-b",x1:"323.384",x2:"56.936",y1:"12.396",y2:"577.503",gradientUnits:"userSpaceOnUse"},i__namespace.default.createElement("stop",{stopColor:"#69D3A7"}),i__namespace.default.createElement("stop",{offset:"0.823",stopColor:"#2AB586"}),i__namespace.default.createElement("stop",{offset:"1",stopColor:"#1CAE7F"})),i__namespace.default.createElement("linearGradient",{id:"cypress-c",x1:"5.828",x2:"704.494",y1:"697.847",y2:"917.116",gradientUnits:"userSpaceOnUse"},i__namespace.default.createElement("stop",{offset:"0.077",stopColor:"#1CAE7F"}),i__namespace.default.createElement("stop",{offset:"0.164",stopColor:"#1CA379"}),i__namespace.default.createElement("stop",{offset:"0.316",stopColor:"#1C8568"}),i__namespace.default.createElement("stop",{offset:"0.516",stopColor:"#1B554D"}),i__namespace.default.createElement("stop",{offset:"0.719",stopColor:"#1B1E2E"}))));var Yn=()=>i__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 44 30"},i__namespace.default.createElement("g",{fill:"#00B373"},i__namespace.default.createElement("path",{d:"M43.81 29.355H.716V.41h43.096v28.944zM4.153 25.878h36.18V3.894H4.154v21.984h-.003z"}),i__namespace.default.createElement("path",{d:"M29.41 19.95l8.704-10.151V6.365H24.415v3.681h8.332l-8.638 10.119v3.466h14.488V19.95H29.41zm-6.182-4.918c0-1.092-.15-2.184-.447-3.24a8.34 8.34 0 00-1.477-2.92c-.681-.867-1.565-1.574-2.621-2.11-1.063-.534-2.368-.808-3.88-.808-1.276 0-2.473.232-3.558.691A8.521 8.521 0 008.42 8.56a8.987 8.987 0 00-1.856 2.87c-.447 1.095-.672 2.295-.672 3.566 0 1.272.206 2.466.617 3.555a8.533 8.533 0 001.767 2.88 8.1 8.1 0 002.814 1.92c1.1.46 2.338.691 3.675.691 3.238 0 5.795-1.187 7.601-3.525l.31-.4-3.124-2.388-.306.378a7.7 7.7 0 01-1.833 1.66c-.623.392-1.376.59-2.237.59a5.818 5.818 0 01-1.894-.316 5.133 5.133 0 01-1.595-.874 4.355 4.355 0 01-1.092-1.337 3.486 3.486 0 01-.375-1.2h13.004v-1.6l.003.002zM10.23 13.157c.05-.316.144-.639.28-.962.216-.502.523-.965.914-1.379.388-.408.87-.743 1.438-1.001a4.48 4.48 0 011.865-.385c.678 0 1.33.108 1.85.323a3.55 3.55 0 011.277.867c.34.372.597.812.77 1.315.127.378.215.785.264 1.222h-8.66.002z"})));var t1={signin:{title:"Sign in",href:"/start"},signup:{title:"Sign up",href:"/start?startWithSignup=true"},uiTest:{title:"UI Tests",icon:"contrast",iconColor:"cyan500",href:"/features/test"},visualTest:{title:"Visual test",icon:"eye",iconColor:"purple500",href:"/features/visual-test"},interactionTest:{title:"Interaction test",icon:"pointerhand",iconColor:"orange500",href:"/features/interaction-test"},accessibilityTest:{title:"Accessibility test",icon:"accessibility",iconColor:"green500",href:"/features/accessibility-test"},storybook:{title:"Storybook",icon:"storybook",iconColor:"pink500",href:"/storybook"},playwright:{title:"Playwright",customIcon:i__namespace.default.createElement(Un,null),iconColor:"green500",href:"/playwright"},cypress:{title:"Cypress",customIcon:i__namespace.default.createElement(Gn,null),iconColor:"green500",href:"/cypress"},turboSnap:{title:"TurboSnap",icon:"dashboard",iconColor:"blue500",href:"/features/turbosnap"},steadySnap:{title:"SteadySnap",icon:"photostabilize",iconColor:"yellow500",href:"/features/steadysnap"},uiReview:{title:"UI Review",icon:"batchaccept",iconColor:"green500",href:"/features/review"},publish:{title:"Publish",icon:"document",iconColor:"pink500",href:"/features/publish"},figmaPlugin:{title:"Figma plugin",customIcon:i__namespace.default.createElement(_n,null),href:"/features/figma-plugin"},frontendTeams:{title:"Frontend teams",icon:"browser",iconColor:"orange500",href:"/solutions/frontend"},designSystems:{title:"Design systems",icon:"grow",iconColor:"purple500",href:"/solutions/design-systems"},digitalAgencies:{title:"Digital agencies",icon:"component",iconColor:"blue500",href:"/solutions/agencies"},aboutChromatic:{title:"About Chromatic",icon:"chromatic",iconColor:"orange500",href:"/company/about"},careers:{title:"Careers",icon:"user",iconColor:"purple500",href:"/company/careers"},security:{title:"Security",icon:"lock",iconColor:"green500",href:"/security"},enterprise:{title:"Enterprise",icon:"admin",iconColor:"green500",href:"/enterprise"},netlify:{title:"Netlify",customIcon:i__namespace.default.createElement(jn,null),href:"/customers/netlify"},monday:{title:"monday.com",customIcon:i__namespace.default.createElement(Wn,null),href:"/customers/monday"},collective:{title:"Collective.work",customIcon:i__namespace.default.createElement(Bn,null),href:"/customers/collective"},ezcater:{title:"ezCater",customIcon:i__namespace.default.createElement(Yn,null),href:"/customers/ezcater"},blog:{title:"Blog",icon:"starhollow",iconColor:"purple500",href:"/blog"},changelog:{title:"Changelog",icon:"book",iconColor:"green500",href:"/blog/releases"},frontendTestingGuide:{title:"Frontend testing guide",href:"/frontend-testing-guide"},docs:{title:"Docs",icon:"browser",iconColor:"orange500",href:"/docs"},pricing:{title:"Pricing",href:"/pricing",icon:"starhollow",iconColor:"yellow500"},sales:{title:"Contact sales",icon:"email",iconColor:"blue500",href:"/sales"},snapshotCalculator:{title:"Snapshot calculator",icon:"photo",iconColor:"blue500",href:"/snapshot-calculator"},accessibilityBudgetCalculator:{title:"Accessibility budget calculator",icon:"accessibility",iconColor:"green500",href:"/accessibility-budget-calculator"}},o1=(e=t1,t)=>[{id:"platform",name:"Platform",leftPosition:t?-120:-220,menu:[{content:[{type:"separator",title:"Test"},{...e.uiTest,type:"link",description:"Test how UIs look & function"},{...e.visualTest,type:"link",description:"Pinpoint bugs down to the browser, viewport, and pixel"},{...e.interactionTest,type:"link",description:"Verify behavior of all screens and components"},{...e.accessibilityTest,type:"link",description:"Catch accessibility issues at the component level"},{...e.turboSnap,type:"link",description:"Track changed components to only test what's necessary"},{...e.steadySnap,type:"link",description:"Eliminate flakiness in tests by stabilizing frontend rendering"}],backgroundColor:"white"},{content:[{type:"separator",title:"Review"},{...e.uiReview,type:"link",description:"Speed up team sign-off and manage change requests"},{...e.publish,type:"link",description:"Index & version components to reuse existing work"},{...e.figmaPlugin,type:"link",description:"Embed your stories right next to designs in Figma"}],backgroundColor:"white"},{content:[{type:"separator",title:"Integrations"},{...e.storybook,type:"link",description:"Run visual tests directly inside Storybook"},{...e.playwright,type:"link",description:"Visual tests for every page in your Playwright E2E suite"},{...e.cypress,type:"link",description:"Visual tests for every page in your Cypress E2E suite"}],backgroundColor:"white"}]},{id:"solutions",name:"Solutions",leftPosition:-120,menu:[{content:[{type:"separator",title:"Use cases"},{...e.frontendTeams,type:"link",description:"Boost efficiency by streamlining review and QA"},{...e.designSystems,type:"link",description:"Ensure UI consistency and quality every commit"},{...e.digitalAgencies,type:"link",description:"Increase margins by speeding up client sign-off"},{...e.enterprise,type:"link",title:"Enterprise",description:"Scale frontend development & testing"}]},{content:[{type:"separator",title:"Customer Stories"},{...e.netlify,type:"link",description:"How Netlify rebranded in six weeks without bugs"},{...e.monday,type:"link",description:"How 200 developers speed up their frontend velocity"},{...e.collective,type:"link",description:"How to deliver personalized UX across borders & devices"},{...e.ezcater,type:"link",description:"How to simultaneously test UI appearance & functionality"}],backgroundColor:"white"}]},{id:"docs",name:"Docs",...e.docs},{id:"resources",name:"Resources",leftPosition:-220,menu:[{content:[{...e.blog,type:"link",description:"News and feature updates from our team"},{...e.snapshotCalculator,type:"link",description:"Calculate monthly usage based on project-specific needs"},{...e.accessibilityBudgetCalculator,type:"link",description:"Calculate the true cost of accessibility testing"}],backgroundColor:"white"},{content:[{...e.frontendTestingGuide,type:"card",title:"Frontend testing guide",description:"We researched dozens of teams to figure out which testing strategies actually work.",image:"/guides/frontend-testing-guide-thumbnail.jpg"}],backgroundColor:"blue50"}]},{id:"pricing",name:"Pricing",...e.pricing}],r1=(e=t1)=>[{name:"Platform",maxItems:3,content:[e.uiTest,e.uiReview,e.publish,e.visualTest,e.accessibilityTest,e.interactionTest,e.turboSnap,e.steadySnap,e.figmaPlugin]},{content:[e.pricing,e.docs,e.blog,e.sales]},{name:"Integrations",collapsible:true,content:[e.storybook,e.playwright,e.cypress]},{name:"Use cases",collapsible:true,content:[e.frontendTeams,e.designSystems,e.digitalAgencies,e.enterprise]},{name:"Customer Stories",collapsible:true,content:[e.netlify,e.monday,e.collective,e.ezcater]},{name:"Company",collapsible:true,content:[e.aboutChromatic,e.careers,e.security]}];var B2=Xe__default.default(Ul)`
+`,Jl=({item:e})=>{let{theme:t,desktopActiveId:o}=Tt(),r=o?o===e.id:false;return i__namespace.default.createElement(i__namespace.default.Fragment,null,i__namespace.default.createElement(F2,{theTheme:t,isActive:r},e.name,i__namespace.default.createElement(I2,{className:"CaretDown"},i__namespace.default.createElement(I,{name:"arrowdown","aria-hidden":true,size:12}))),i__namespace.default.createElement(Xl,{asChild:true},i__namespace.default.createElement(O2,{leftPosition:e.leftPosition},i__namespace.default.createElement(Ql,{item:e}))))};var Bn=()=>i__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none"},i__namespace.default.createElement("path",{fill:"#081144",fillRule:"evenodd",d:"M3.114 8a5.553 5.553 0 0 0 10.389 2.731c.194-.344.543-.585.938-.585.972 0 1.674.936 1.196 1.783a8 8 0 1 1 0-7.858c.478.846-.224 1.783-1.196 1.783-.395 0-.744-.242-.939-.585A5.553 5.553 0 0 0 3.114 8Zm5.552-2.537a2.537 2.537 0 1 0 0 5.073 2.537 2.537 0 0 0 0-5.073Z",clipRule:"evenodd"}));var _n=()=>i__namespace.default.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i__namespace.default.createElement("path",{d:"M8.04919 7.99996C8.04919 7.3451 8.30933 6.71707 8.77239 6.25402C9.23544 5.79096 9.86347 5.53082 10.5183 5.53082C11.1732 5.53082 11.8012 5.79096 12.2643 6.25402C12.7273 6.71707 12.9875 7.3451 12.9875 7.99996C12.9875 8.65481 12.7273 9.28284 12.2643 9.7459C11.8012 10.2089 11.1732 10.4691 10.5183 10.4691C9.86347 10.4691 9.23544 10.2089 8.77239 9.7459C8.30933 9.28284 8.04919 8.65481 8.04919 7.99996V7.99996Z",fill:"#1ABCFE"}),i__namespace.default.createElement("path",{d:"M3.11108 12.9383C3.11108 12.2834 3.37122 11.6554 3.83428 11.1923C4.29733 10.7293 4.92536 10.4691 5.58022 10.4691H8.04935V12.9383C8.04935 13.5931 7.78921 14.2211 7.32616 14.6842C6.86311 15.1472 6.23507 15.4074 5.58022 15.4074C4.92536 15.4074 4.29733 15.1472 3.83428 14.6842C3.37122 14.2211 3.11108 13.5931 3.11108 12.9383H3.11108Z",fill:"#0ACF83"}),i__namespace.default.createElement("path",{d:"M8.04919 0.59259V5.53086H10.5183C11.1732 5.53086 11.8012 5.27072 12.2643 4.80766C12.7273 4.34461 12.9875 3.71658 12.9875 3.06172C12.9875 2.40687 12.7273 1.77884 12.2643 1.31578C11.8012 0.85273 11.1732 0.59259 10.5183 0.59259L8.04919 0.59259Z",fill:"#FF7262"}),i__namespace.default.createElement("path",{d:"M3.11108 3.06172C3.11108 3.71658 3.37122 4.34461 3.83428 4.80766C4.29733 5.27072 4.92536 5.53086 5.58022 5.53086H8.04935V0.59259H5.58022C4.92536 0.59259 4.29733 0.85273 3.83428 1.31578C3.37122 1.77884 3.11108 2.40687 3.11108 3.06172H3.11108Z",fill:"#F24E1E"}),i__namespace.default.createElement("path",{d:"M3.11108 7.99996C3.11108 8.65481 3.37122 9.28284 3.83428 9.7459C4.29733 10.2089 4.92536 10.4691 5.58022 10.4691H8.04935V5.53082H5.58022C4.92536 5.53082 4.29733 5.79096 3.83428 6.25402C3.37122 6.71707 3.11108 7.3451 3.11108 7.99996H3.11108Z",fill:"#A259FF"}));var jn=()=>i__namespace.default.createElement("svg",{style:{width:"1.25rem"},fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 113"},i__namespace.default.createElement("g",{clipPath:"url(#netlify-mark-a)"},i__namespace.default.createElement("path",{d:"M34.593 94.05h-1.209l-6.033-6.032v-1.209l9.223-9.222h6.39l.852.852v6.39l-9.223 9.222ZM27.351 25.816v-1.209l6.033-6.033h1.209l9.223 9.223v6.39l-.852.852h-6.39l-9.223-9.223ZM35.841 61.45H.733L0 60.715v-8.797l.733-.733h35.108l.733.733v8.797l-.733.733ZM127.277 61.45H92.169l-.733-.734v-8.797l.733-.733h35.108l.733.733v8.797l-.733.733ZM58.943 27.064V.734L59.676 0h8.797l.733.733v26.331l-.733.733h-8.797l-.733-.733ZM58.943 111.902v-26.33l.733-.734h8.797l.733.733v26.331l-.733.733h-8.797l-.733-.733Z",fill:"#05bdba"}),i__namespace.default.createElement("path",{d:"M80.46 74.605h-8.778l-.733-.733V53.326c0-3.656-1.436-6.489-5.844-6.588-2.269-.06-4.865 0-7.638.11l-.416.425v26.589l-.733.733H47.54l-.733-.733V38.764l.733-.733h19.753c7.677 0 13.898 6.22 13.898 13.898v21.943l-.733.733Z",fill:"#014847"})),i__namespace.default.createElement("defs",null,i__namespace.default.createElement("clipPath",{id:"netlify-mark-a"},i__namespace.default.createElement("path",{fill:"#fff",d:"M0 0h128v112.635H0z"}))));var Wn=()=>i__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",width:16,height:16,viewBox:"0 0 16 16"},i__namespace.default.createElement("path",{fill:"#F62B54",d:"M1.99 12.593a1.998 1.998 0 0 1-1.74-1.01 1.932 1.932 0 0 1 .054-1.99l3.586-5.63A2 2 0 0 1 5.66 3a1.996 1.996 0 0 1 1.713 1.056 1.93 1.93 0 0 1-.108 1.986l-3.584 5.63a1.999 1.999 0 0 1-1.69.92Z"}),i__namespace.default.createElement("path",{fill:"#FC0",d:"M8.14 12.593a1.992 1.992 0 0 1-1.737-1.008A1.926 1.926 0 0 1 6.457 9.6l3.58-5.618a1.997 1.997 0 0 1 1.77-.982c.73.016 1.391.424 1.725 1.062a1.926 1.926 0 0 1-.129 1.995l-3.578 5.618a1.995 1.995 0 0 1-1.684.917Z"}),i__namespace.default.createElement("path",{fill:"#00CA72",d:"M14.154 12.64c1.02 0 1.846-.81 1.846-1.807 0-.999-.826-1.808-1.846-1.808s-1.846.81-1.846 1.808.826 1.807 1.846 1.807Z"}));var Un=()=>i__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 400 400"},i__namespace.default.createElement("path",{fill:"#2D4552",d:"M136.444 221.556c-12.886 3.657-21.34 10.069-26.909 16.476 5.334-4.668 12.479-8.952 22.117-11.684 9.858-2.794 18.268-2.774 25.217-1.433v-5.434c-5.928-.542-12.724-.11-20.425 2.075zm-27.498-45.68L61.09 188.484s.872 1.232 2.487 2.876l40.576-10.692s-.575 7.409-5.568 14.037c9.445-7.146 10.361-18.829 10.361-18.829zm40.059 112.471C81.658 306.486 46.027 228.438 35.24 187.928c-4.984-18.699-7.16-32.861-7.74-42a15.483 15.483 0 01.034-2.482c-3.494.211-5.167 2.027-4.826 7.275.58 9.134 2.755 23.295 7.74 42 10.782 40.504 46.418 118.552 113.765 100.413 14.659-3.949 25.672-11.142 33.939-20.324-7.62 6.882-17.157 12.302-29.147 15.537zm12.656-160.237v4.793h26.416c-.542-1.697-1.088-3.226-1.63-4.793h-24.786z"}),i__namespace.default.createElement("path",{fill:"#2D4552",d:"M193.981 167.584c11.88 3.374 18.163 11.703 21.484 19.074l13.246 3.762s-1.807-25.797-25.141-32.425c-21.829-6.202-35.262 12.129-36.896 14.501 6.35-4.524 15.623-8.228 27.307-4.912zm105.441 19.193c-21.849-6.23-35.277 12.139-36.887 14.478 6.355-4.519 15.623-8.224 27.302-4.893 11.861 3.379 18.139 11.698 21.47 19.074l13.265 3.776s-1.836-25.802-25.15-32.435zm-13.16 68.018l-110.19-30.805s1.193 6.048 5.77 13.879l92.775 25.936c7.638-4.419 11.645-9.01 11.645-9.01zm-76.395 66.307c-87.249-23.392-76.701-134.559-62.583-187.237 5.813-21.709 11.789-37.845 16.745-48.661-2.957-.609-5.406.949-7.826 5.87-5.262 10.673-11.991 28.05-18.503 52.376-14.114 52.677-24.662 163.84 62.583 187.232 41.123 11.017 73.159-5.727 97.04-32.023-22.668 20.531-51.609 32.042-87.456 22.443z"}),i__namespace.default.createElement("path",{fill:"#E2574C",d:"M161.661 262.296v-22.433l-62.329 17.674s4.606-26.76 37.112-35.981c9.858-2.794 18.269-2.775 25.217-1.433V128.11h31.208c-3.398-10.5-6.685-18.584-9.446-24.201-4.567-9.297-9.249-3.134-19.878 5.756-7.486 6.254-26.406 19.596-54.877 27.268-28.471 7.677-51.489 5.641-61.093 3.978-13.615-2.349-20.736-5.339-20.07 5.017.58 9.134 2.756 23.296 7.74 42 10.782 40.505 46.418 118.553 113.765 100.414 17.592-4.74 30.009-14.109 38.616-26.051h-25.965v.005zM61.085 188.484l47.861-12.608s-1.395 18.412-19.337 23.142c-17.948 4.725-28.524-10.534-28.524-10.534z"}),i__namespace.default.createElement("path",{fill:"#2EAD33",d:"M341.786 129.174c-12.441 2.181-42.288 4.898-79.174-4.989-36.896-9.881-61.376-27.163-71.075-35.286-13.749-11.516-19.797-19.519-25.749-7.413-5.262 10.677-11.991 28.054-18.504 52.38-14.113 52.677-24.661 163.84 62.583 187.232 87.226 23.372 133.663-78.178 147.777-130.86 6.513-24.321 9.369-42.738 10.155-54.613.896-13.452-8.344-9.547-26.013-6.451zm-175.289 43.582s13.749-21.384 37.068-14.756c23.334 6.628 25.141 32.425 25.141 32.425l-62.209-17.669zm56.923 95.957c-41.017-12.015-47.343-44.723-47.343-44.723l110.185 30.806c0-.005-22.241 25.782-62.842 13.917zm38.957-67.218s13.73-21.369 37.045-14.722c23.314 6.638 25.15 32.435 25.15 32.435l-62.195-17.713z"}),i__namespace.default.createElement("path",{fill:"#D65348",d:"M139.88 246.04l-40.548 11.492s4.405-25.092 34.275-35.036l-22.96-86.166-1.984.603c-28.471 7.678-51.489 5.641-61.093 3.978-13.615-2.348-20.736-5.339-20.07 5.018.58 9.134 2.756 23.295 7.74 42 10.782 40.504 46.418 118.552 113.765 100.413l1.984-.623-11.109-41.679zm-78.795-57.555l47.861-12.609s-1.395 18.412-19.337 23.142c-17.947 4.725-28.524-10.533-28.524-10.533z"}),i__namespace.default.createElement("path",{fill:"#1D8D22",d:"M225.27 269.163l-1.855-.451c-41.017-12.014-47.343-44.722-47.343-44.722l56.818 15.882 30.081-115.591-.364-.096c-36.896-9.881-61.375-27.163-71.075-35.286-13.749-11.516-19.797-19.519-25.749-7.413-5.257 10.677-11.986 28.054-18.499 52.38-14.113 52.677-24.661 163.84 62.583 187.231l1.788.403 13.615-52.337zm-58.773-96.407s13.749-21.384 37.068-14.756c23.334 6.628 25.141 32.425 25.141 32.425l-62.209-17.669z"}),i__namespace.default.createElement("path",{fill:"#C04B41",d:"M141.946 245.451l-10.874 3.086c2.569 14.482 7.097 28.38 14.204 40.658 1.237-.273 2.464-.508 3.724-.853 3.302-.891 6.364-1.994 9.312-3.197-7.941-11.784-13.194-25.356-16.366-39.694zm-4.246-102c-5.588 20.856-10.587 50.875-9.211 80.985 2.463-1.069 5.065-2.065 7.955-2.885l2.013-.45c-2.454-32.162 2.851-64.936 8.827-87.235a435.638 435.638 0 014.548-15.781 141.16 141.16 0 01-8.056 4.782 413.232 413.232 0 00-6.076 20.584z"}));var Gn=()=>i__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 963 962"},i__namespace.default.createElement("path",{fill:"#1B1E2E",d:"M340.4 382.8c38.4 0 69.6 20.5 85.6 56.1l1.2 2.8 64.4-21.9-1.3-3.3c-24.9-60.8-82.4-98.5-149.9-98.5-47.5 0-86.1 15.2-118 46.5-31.7 31.1-47.7 70.2-47.7 116.2 0 45.7 16.1 84.6 47.7 115.6 31.9 31.3 70.5 46.5 118 46.5 67.5 0 124.9-37.8 149.9-98.5l1.3-3.3-64.5-21.9-1.1 2.9c-14.4 35.1-46.4 56-85.6 56-26.7 0-49.3-9.3-67.1-27.7-18.1-18.6-27.2-42.1-27.2-69.6 0-27.7 8.9-50.7 27.2-70.2 17.9-18.4 40.4-27.7 67.1-27.7z"}),i__namespace.default.createElement("path",{fill:"url(#cypress-a)",d:"M620 934.4l-19.2-63.3C774 818.5 890.4 661.6 890.4 480.7c0-49.9-8.9-98.7-26.5-144.9l61.8-23.5c20.5 53.8 30.9 110.4 30.9 168.5-.1 210.1-135.3 392.4-336.6 453.6z"}),i__namespace.default.createElement("path",{fill:"#69D3A7",d:"M872.5 361.1c-52.9-172.6-210-288.5-391-288.5-24.6 0-49.2 2.2-73.2 6.5L396.6 14c27.8-5 56.4-7.6 84.9-7.6 210.2 0 392.7 134.7 454.2 335.2l-63.2 19.5z"}),i__namespace.default.createElement("path",{fill:"url(#cypress-b)",d:"M36.9 647.9C16.7 594.5 6.5 538.2 6.5 480.7c0-245 183.9-447.9 427.8-471.9l6.5 65.8C230.9 95.3 72.6 269.9 72.6 480.7c0 49.5 8.8 98 26.1 143.9l-61.8 23.3z"}),i__namespace.default.createElement("path",{fill:"#1B1E2E",d:"M743.7 324L652 556.4 559.6 324H484l129.6 317.2-94.4 229 66.1 13.2L815.1 324h-71.4z"}),i__namespace.default.createElement("path",{fill:"url(#cypress-c)",d:"M531.1 841.4l-13.9 33.7c-3.2 7.7-10.5 13-18.7 13.3-5.7.2-11.3.4-17.1.4-181.5 0-343.1-121.5-393-295.5l-63.6 18.2c58 202.1 245.7 343.3 456.5 343.4h.1c6.6 0 13.2-.1 19.8-.4 33.9-1.4 64.2-22.7 77.2-54.2l18.8-45.7-66.1-13.2z"}),i__namespace.default.createElement("defs",null,i__namespace.default.createElement("linearGradient",{id:"cypress-a",x1:"992.991",x2:"568.87",y1:"483.702",y2:"758.304",gradientUnits:"userSpaceOnUse"},i__namespace.default.createElement("stop",{offset:"0.081",stopColor:"#69D3A7"}),i__namespace.default.createElement("stop",{offset:"1",stopColor:"#69D3A7",stopOpacity:"0"})),i__namespace.default.createElement("linearGradient",{id:"cypress-b",x1:"323.384",x2:"56.936",y1:"12.396",y2:"577.503",gradientUnits:"userSpaceOnUse"},i__namespace.default.createElement("stop",{stopColor:"#69D3A7"}),i__namespace.default.createElement("stop",{offset:"0.823",stopColor:"#2AB586"}),i__namespace.default.createElement("stop",{offset:"1",stopColor:"#1CAE7F"})),i__namespace.default.createElement("linearGradient",{id:"cypress-c",x1:"5.828",x2:"704.494",y1:"697.847",y2:"917.116",gradientUnits:"userSpaceOnUse"},i__namespace.default.createElement("stop",{offset:"0.077",stopColor:"#1CAE7F"}),i__namespace.default.createElement("stop",{offset:"0.164",stopColor:"#1CA379"}),i__namespace.default.createElement("stop",{offset:"0.316",stopColor:"#1C8568"}),i__namespace.default.createElement("stop",{offset:"0.516",stopColor:"#1B554D"}),i__namespace.default.createElement("stop",{offset:"0.719",stopColor:"#1B1E2E"}))));var Yn=()=>i__namespace.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none",viewBox:"0 0 44 30"},i__namespace.default.createElement("g",{fill:"#00B373"},i__namespace.default.createElement("path",{d:"M43.81 29.355H.716V.41h43.096v28.944zM4.153 25.878h36.18V3.894H4.154v21.984h-.003z"}),i__namespace.default.createElement("path",{d:"M29.41 19.95l8.704-10.151V6.365H24.415v3.681h8.332l-8.638 10.119v3.466h14.488V19.95H29.41zm-6.182-4.918c0-1.092-.15-2.184-.447-3.24a8.34 8.34 0 00-1.477-2.92c-.681-.867-1.565-1.574-2.621-2.11-1.063-.534-2.368-.808-3.88-.808-1.276 0-2.473.232-3.558.691A8.521 8.521 0 008.42 8.56a8.987 8.987 0 00-1.856 2.87c-.447 1.095-.672 2.295-.672 3.566 0 1.272.206 2.466.617 3.555a8.533 8.533 0 001.767 2.88 8.1 8.1 0 002.814 1.92c1.1.46 2.338.691 3.675.691 3.238 0 5.795-1.187 7.601-3.525l.31-.4-3.124-2.388-.306.378a7.7 7.7 0 01-1.833 1.66c-.623.392-1.376.59-2.237.59a5.818 5.818 0 01-1.894-.316 5.133 5.133 0 01-1.595-.874 4.355 4.355 0 01-1.092-1.337 3.486 3.486 0 01-.375-1.2h13.004v-1.6l.003.002zM10.23 13.157c.05-.316.144-.639.28-.962.216-.502.523-.965.914-1.379.388-.408.87-.743 1.438-1.001a4.48 4.48 0 011.865-.385c.678 0 1.33.108 1.85.323a3.55 3.55 0 011.277.867c.34.372.597.812.77 1.315.127.378.215.785.264 1.222h-8.66.002z"})));var t1={signin:{title:"Sign in",href:"https://app.chromatic.com/start"},signup:{title:"Sign up",href:"https://app.chromatic.com/signup"},uiTest:{title:"UI Tests",icon:"contrast",iconColor:"cyan500",href:"/features/test"},visualTest:{title:"Visual test",icon:"eye",iconColor:"purple500",href:"/features/visual-test"},interactionTest:{title:"Interaction test",icon:"pointerhand",iconColor:"orange500",href:"/features/interaction-test"},accessibilityTest:{title:"Accessibility test",icon:"accessibility",iconColor:"green500",href:"/features/accessibility-test"},storybook:{title:"Storybook",icon:"storybook",iconColor:"pink500",href:"/storybook"},playwright:{title:"Playwright",customIcon:i__namespace.default.createElement(Un,null),iconColor:"green500",href:"/playwright"},cypress:{title:"Cypress",customIcon:i__namespace.default.createElement(Gn,null),iconColor:"green500",href:"/cypress"},turboSnap:{title:"TurboSnap",icon:"dashboard",iconColor:"blue500",href:"/features/turbosnap"},steadySnap:{title:"SteadySnap",icon:"photostabilize",iconColor:"yellow500",href:"/features/steadysnap"},uiReview:{title:"UI Review",icon:"batchaccept",iconColor:"green500",href:"/features/review"},publish:{title:"Publish",icon:"document",iconColor:"pink500",href:"/features/publish"},figmaPlugin:{title:"Figma plugin",customIcon:i__namespace.default.createElement(_n,null),href:"/features/figma-plugin"},frontendTeams:{title:"Frontend teams",icon:"browser",iconColor:"orange500",href:"/solutions/frontend"},designSystems:{title:"Design systems",icon:"grow",iconColor:"purple500",href:"/solutions/design-systems"},digitalAgencies:{title:"Digital agencies",icon:"component",iconColor:"blue500",href:"/solutions/agencies"},aboutChromatic:{title:"About Chromatic",icon:"chromatic",iconColor:"orange500",href:"/company/about"},careers:{title:"Careers",icon:"user",iconColor:"purple500",href:"/company/careers"},security:{title:"Security",icon:"lock",iconColor:"green500",href:"/security"},enterprise:{title:"Enterprise",icon:"admin",iconColor:"green500",href:"/enterprise"},netlify:{title:"Netlify",customIcon:i__namespace.default.createElement(jn,null),href:"/customers/netlify"},monday:{title:"monday.com",customIcon:i__namespace.default.createElement(Wn,null),href:"/customers/monday"},collective:{title:"Collective.work",customIcon:i__namespace.default.createElement(Bn,null),href:"/customers/collective"},ezcater:{title:"ezCater",customIcon:i__namespace.default.createElement(Yn,null),href:"/customers/ezcater"},blog:{title:"Blog",icon:"starhollow",iconColor:"purple500",href:"/blog"},changelog:{title:"Changelog",icon:"book",iconColor:"green500",href:"/blog/releases"},frontendTestingGuide:{title:"Frontend testing guide",href:"/frontend-testing-guide"},docs:{title:"Docs",icon:"browser",iconColor:"orange500",href:"/docs"},pricing:{title:"Pricing",href:"/pricing",icon:"starhollow",iconColor:"yellow500"},sales:{title:"Contact sales",icon:"email",iconColor:"blue500",href:"/sales"},snapshotCalculator:{title:"Snapshot calculator",icon:"photo",iconColor:"blue500",href:"/snapshot-calculator"},accessibilityBudgetCalculator:{title:"Accessibility budget calculator",icon:"accessibility",iconColor:"green500",href:"/accessibility-budget-calculator"}},o1=(e=t1,t)=>[{id:"platform",name:"Platform",leftPosition:t?-120:-220,menu:[{content:[{type:"separator",title:"Test"},{...e.uiTest,type:"link",description:"Test how UIs look & function"},{...e.visualTest,type:"link",description:"Pinpoint bugs down to the browser, viewport, and pixel"},{...e.accessibilityTest,type:"link",description:"Catch accessibility issues at the component level"},{...e.interactionTest,type:"link",description:"Verify behavior of all screens and components"},{...e.turboSnap,type:"link",description:"Track changed components to only test what's necessary"},{...e.steadySnap,type:"link",description:"Eliminate flakiness in tests by stabilizing frontend rendering"}],backgroundColor:"white"},{content:[{type:"separator",title:"Review"},{...e.uiReview,type:"link",description:"Speed up team sign-off and manage change requests"},{...e.publish,type:"link",description:"Index & version components to reuse existing work"},{...e.figmaPlugin,type:"link",description:"Embed your stories right next to designs in Figma"}],backgroundColor:"white"},{content:[{type:"separator",title:"Integrations"},{...e.storybook,type:"link",description:"Run visual tests directly inside Storybook"},{...e.playwright,type:"link",description:"Visual tests for every page in your Playwright E2E suite"},{...e.cypress,type:"link",description:"Visual tests for every page in your Cypress E2E suite"}],backgroundColor:"white"}]},{id:"solutions",name:"Solutions",leftPosition:-120,menu:[{content:[{type:"separator",title:"Use cases"},{...e.frontendTeams,type:"link",description:"Boost efficiency by streamlining review and QA"},{...e.designSystems,type:"link",description:"Ensure UI consistency and quality every commit"},{...e.digitalAgencies,type:"link",description:"Increase margins by speeding up client sign-off"},{...e.enterprise,type:"link",title:"Enterprise",description:"Scale frontend development & testing"}]},{content:[{type:"separator",title:"Customer Stories"},{...e.netlify,type:"link",description:"How Netlify rebranded in six weeks without bugs"},{...e.monday,type:"link",description:"How 200 developers speed up their frontend velocity"},{...e.collective,type:"link",description:"How to deliver personalized UX across borders & devices"},{...e.ezcater,type:"link",description:"How to simultaneously test UI appearance & functionality"}],backgroundColor:"white"}]},{id:"docs",name:"Docs",...e.docs},{id:"resources",name:"Resources",leftPosition:-220,menu:[{content:[{...e.blog,type:"link",description:"News and feature updates from our team"},{...e.snapshotCalculator,type:"link",description:"Calculate monthly usage based on project-specific needs"},{...e.accessibilityBudgetCalculator,type:"link",description:"Calculate the true cost of accessibility testing"}],backgroundColor:"white"},{content:[{...e.frontendTestingGuide,type:"card",title:"Frontend testing guide",description:"We researched dozens of teams to figure out which testing strategies actually work.",image:"/guides/frontend-testing-guide-thumbnail.jpg"}],backgroundColor:"blue50"}]},{id:"pricing",name:"Pricing",...e.pricing}],r1=(e=t1)=>[{name:"Platform",maxItems:3,content:[e.uiTest,e.uiReview,e.publish,e.visualTest,e.accessibilityTest,e.interactionTest,e.turboSnap,e.steadySnap,e.figmaPlugin]},{content:[e.pricing,e.docs,e.blog,e.sales]},{name:"Integrations",collapsible:true,content:[e.storybook,e.playwright,e.cypress]},{name:"Use cases",collapsible:true,content:[e.frontendTeams,e.designSystems,e.digitalAgencies,e.enterprise]},{name:"Customer Stories",collapsible:true,content:[e.netlify,e.monday,e.collective,e.ezcater]},{name:"Company",collapsible:true,content:[e.aboutChromatic,e.careers,e.security]}];var B2=Xe__default.default(Ul)`
   position: relative;
   display: flex;
   justify-content: center;
@@ -1475,7 +1475,7 @@
   ${z} {
     display: flex;
   }
-`,Cg=({label:e,items:t,theme:o="light"})=>i__namespace.default.createElement(xg,{variant:o},i__namespace.default.createElement(St,null,i__namespace.default.createElement($g,null,i__namespace.default.createElement(X0,{label:e,items:t,variant:o})),i__namespace.default.createElement(wg,{gap:0},t.map(r=>i__namespace.default.createElement(bg,{key:r.id,href:r.href,variant:o,isActive:r.isActive},r.label," ",r.external&&i__namespace.default.createElement(I,{name:"sharealt","aria-label":"external page"}))))));var Mg=Xe__default.default.div`
+`,Cg=({label:e,items:t,theme:o="light"})=>i__namespace.default.createElement(xg,{variant:o},i__namespace.default.createElement(St,null,i__namespace.default.createElement($g,null,i__namespace.default.createElement(X0,{label:e,items:t,variant:o})),i__namespace.default.createElement(wg,{gap:0},t.map(r=>i__namespace.default.createElement(bg,{key:r.id,href:r.href,variant:o,isActive:r.isActive,LinkWrapper:r.LinkWrapper},r.label," ",r.external&&i__namespace.default.createElement(I,{name:"sharealt","aria-label":"external page"}))))));var Mg=Xe__default.default.div`
   display: flex;
 
   align-items: ${e=>e.variant!=="default"?"flex-start":"center"};