@economic/taco 8.1.2-hanger-base-ui.3 → 8.1.2

package/dist/components/Header/components/Logo.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.cjs","sources":["../../../../src/components/Header/components/Logo.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LogoProps = React.SVGAttributes<SVGSVGElement>;\n\nexport const Logo = React.forwardRef<SVGSVGElement, LogoProps>(function Logo(props, ref) {\n    const className = cn('h-7 w-7 m-1 self-center justify-self-center flex-shrink-0 flex-grow-0', props.className);\n\n    return (\n        <svg {...props} className={className} ref={ref} viewBox=\"0 0 28 28\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g className=\"fill-brand-sunsetOrange\">\n                <path d=\"M3.2496172 16.0366c-1.44938-.2893-2.857854.6517-3.1442248 2.1011-.2863702 1.4493.6516388 2.8578 2.1010248 3.1442 1.44938.2893 2.85786-.6517 3.14423-2.101.28929-1.4465-.65164-2.855-2.10103-3.1443z\" />\n                <path d=\"M18.9911672 19.1692c-2.4137-.4792-4.7602 1.0871-5.2423 3.5037-.4793 2.4137 1.087 4.7602 3.5036 5.2423 2.4137.4793 4.7602-1.087 5.2424-3.5036.4792-2.4166-1.0871-4.7631-3.5037-5.2424z\" />\n                <path d=\"M23.6958672.105135c-2.8988-.578585-5.7157 1.303275-6.2943 4.199125l-.5172 2.62116c-.3828 1.93446-2.2647 3.19098-4.1992 2.80819l-1.7474-.35651c-1.92569-.3828-3.18221-2.25589-2.79941-4.19035l.08766-.43832c.33021-1.68608-.7656-3.33417-2.45168-3.66438-1.69776-.336043-3.33709.75976-3.67606 2.45461-.33897 1.68607.76561 3.3254 2.45168 3.66437l.43833.09058c1.93446.3828 3.19098 2.26467 2.79941 4.19039l-.16948.8737c-.3828 1.9345.87372 3.8163 2.79945 4.1991 1.9344.3828 3.8163-.8737 4.1991-2.8082l.1695-.8737c.3828-1.9257 2.2646-3.1822 4.1903-2.7994l2.63.526c2.8987.5698 5.7157-1.31206 6.2855-4.20791.5844-2.90169-1.2974-5.718636-4.1962-6.288455z\" />\n            </g>\n        </svg>\n    );\n});\n\nexport const LogoLegacy = React.forwardRef<SVGSVGElement, LogoProps>(function Logo(props, ref) {\n    const className = cn('-mr-[156px] xs:-mr-14 md:!mr-0 h-9 shrink-0 w-[180px] px-1', props.className);\n\n    return (\n        <svg {...props} className={className} ref={ref} viewBox=\"0 0 127 13\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g className=\"fill-white\">\n                <path\n                    className=\"fill-white\"\n                    d=\"M5.716016 1.34924242c3.029712.25015152 6.374384 1.74121213 8.2804 3.86060606 2.4384 2.71227273 1.603248 5.42454542-1.877568 6.05681822-3.480816.6322727-8.2804-1.0498485-10.720832-3.76212125C-.471424 5.42848485-.41656 3.35242424 1.27 2.2080303l9.67232 6.92742425-5.226304-7.78621213z\"\n                    fillRule=\"nonzero\"\n                />\n                <g className=\"hidden md:flex\">\n                    <path\n                        d=\"M53.67528 11.2509091l-1.2192-4.72727274c-.176784-.56333333-.24384-1.12666666-.36576-1.6880303h-.026416c-.107696.57515152-.148336 1.13848485-.308864 1.71363636l-1.22936 4.70954548h-2.101088l2.822448-9.87409093h1.647952l2.942336 9.86424243-2.162048.0019697z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M21.553424 1.38469697l1.2192 4.72727273c.174752.56333333.241808 1.12469697.363728 1.6880303h.026416c.107696-.57515152.148336-1.13848485.310896-1.71363636l1.2192-4.70954546h2.105152L23.9776 11.2410606h-1.64592l-2.938272-9.85636363h2.160016z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path fillRule=\"nonzero\" d=\"M28.313888 1.38666667h2.01168v9.86424243h-2.01168z\" />\n                    <path\n                        fillRule=\"nonzero\"\n                        d=\"M41.694608 1.38666667l.983488 5.82045454h.026416l.808736-5.82045454h2.700528l1.0668 9.86424243h-2.064512l-.485648-7.10469698h-.028448l-.323088 2.43257576-.865632 4.67212122h-1.550416l-.98552-4.72333334L40.64 4.32939394v-.18318182h-.026416l-.296672 7.10469698h-2.160016l.890016-9.86424243z\"\n                    />\n                    <path\n                        d=\"M35.310064 1.38469697c-.3577988.27917284-.6303655.64756811-.788416 1.06560606-.526288 1.22909091.036576 2.16666667.534416 3.00575758.073152.12409091.148336.24818181.217424.37227272 1.085088 1.80424243 1.515872 3.13378788.705104 5.02863637-.056896.1339394-.191008.3939394-.191008.3939394h-2.424176c.3204254-.2482168.5741848-.5678542.739648-.9316667.556768-1.30196967-.099568-2.49166664-.735584-3.64393937-.764032-1.37878788-1.552448-2.81863636-.715264-4.78045455.079248-.18712121.254-.50424242.254-.50424242l2.403856-.00590909z\"\n                        fillRule=\"nonzero\"\n                    />\n                </g>\n            </g>\n            <g className=\"xs:flex xs:-translate-x-[40px] hidden md:!translate-x-0\">\n                <path className=\"stroke-white\" d=\"M61.496448 0v12.8680303\" strokeWidth=\"1.68\" />\n                <g className=\"fill-white\">\n                    <path\n                        d=\"M70.841616 9.70863636c-.999744 0-1.7888373-.29479798-2.36728-.88439394-.5784427-.58959596-.867664-1.40964646-.867664-2.46015151 0-1.05707071.2709333-1.89681818.8128-2.51924243.5304376-.61728629 1.3256457-.96197654 2.15392-.93363636.7626734-.03509605 1.5014967.26264579 2.013712.81151515.4944533.53969697.7410027 1.25272728.739648 2.13909091v.62833334h-4.659376c.022352.77015151.221488 1.35318181.6096 1.7530303.388112.39984848.916432.59090909 1.607312.59090909.743701-.00293405 1.4788698-.15377248 2.160016-.44318182v.88636364c-.3298144.14174433-.6736336.25063692-1.02616.325-.3855929.07188992-.7778273.1048941-1.170432.09848485m-.27432-5.95242425c-.4900374-.02138848-.9649513.16736328-1.298448.51606061-.3477231.40033357-.5485505.90121019-.570992 1.42409091h3.53568c0-.62636364-.14224-1.1069697-.430784-1.43984849-.3103282-.34233825-.7661196-.52691285-1.235456-.50030303\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M75.053952 6.25575758c-.0151689-.21657791.0536783-.43083638.19304-.60075758.1381463-.1429001.3347885-.21871211.536448-.20681818.2081607-.01140173.4114497.0638378.5588.20681818.2680858.35762602.2680858.84191943 0 1.19954545-.3018073.26987298-.7638609.27916874-1.07696.02166667-.1529999-.17086259-.2265151-.39533511-.2032-.62045454\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M81.586832 9.70863636c-.979424 0-1.73736-.29217171-2.273808-.87651515-.536448-.58434343-.8073813-1.41095959-.8128-2.47984848 0-1.09777778.2709333-1.94540404.8128-2.54287879.5418667-.59747475 1.318768-.89686869 2.330704-.89818182.3279782-.00003668.654999.03430434.97536.10242424.2639542.04817256.5206342.12824173.764032.23833334l-.31496.845c-.2397537-.0929503-.4871838-.16608946-.739648-.21863637-.2330197-.05435362-.4715521-.08342113-.7112-.08666666-1.373632 0-2.060448.84959596-2.060448 2.54878788 0 .80494949.1673013 1.42343434.501904 1.85545454.33528.42939394.83312.64606061 1.491488.64606061.5966181-.00678768 1.1861142-.12655871 1.735328-.35257576v.87848485c-.5339642.24467285-1.120715.3615322-1.710944.34075757\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M90.690192 6.30893939c0 1.06757576-.278384 1.90207071-.835152 2.50348485-.556768.60141414-1.3241867.90146465-2.302256.90015152-.5660565.00980534-1.1238362-.13269357-1.611376-.41166667-.4744234-.28111893-.8520726-.69243374-1.085088-1.18181818-.2674171-.5661279-.3987341-1.18372355-.384048-1.80621212 0-1.06888889.2756747-1.90207071.827024-2.49954546.5513493-.59747474 1.316736-.89555555 2.29616-.89424242.8559447-.03726298 1.6841715.29875604 2.257552.91590909.556768.61060606.8358293 1.43656566.837184 2.47787879m-5.155184 0c0 .83777778.17272 1.47595959.51816 1.91454545.34544.43858586.85344.65787879 1.524.65787879s1.1799147-.21863636 1.528064-.65590909.522224-1.07611111.522224-1.91651515c0-.83515152-.1740747-1.46873738-.522224-1.90075758-.3481493-.4320202-.861568-.64868687-1.540256-.65-.67056 0-1.176528.21469697-1.517904.64015152-.341376.42545454-.512064 1.06363636-.512064 1.91060606\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M96.989392 9.58848485V5.34575758c0-.53444445-.1253067-.9329798-.37592-1.19560606-.251968-.2639394-.644144-.3939394-1.180592-.3939394-.707136 0-1.225296.18580808-1.55448.55742424-.329184.37161617-.493776.98419192-.493776 1.83772728v3.43909091h-1.02616V3.03136364h.83312l.168656.89621212h.048768c.213947-.32669621.5199877-.58712571.881888-.75045455.3956439-.18075251.8285923-.27169306 1.265936-.26590909.8128 0 1.4257867.19040404 1.83896.57121212.4131733.38080808.6163733.99010101.6096 1.82787879v4.27818182h-1.016z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M105.759504 6.30893939c0 1.06757576-.277707 1.90207071-.83312 2.50348485-.555413.60141414-1.322832.90146465-2.302256.90015152-.566147.01053143-1.124127-.1320188-1.611376-.41166667-.474546-.2815508-.852738-.69268701-1.08712-1.18181818-.2666505-.56630799-.397268-1.18388155-.382016-1.80621212 0-1.06888889.2756747-1.90207071.827024-2.49954546.551349-.59747474 1.316736-.89555555 2.29616-.89424242.948267 0 1.700107.30530303 2.25552.91590909.555413.61060606.834475 1.43525253.837184 2.47393939m-5.155184 0c0 .83777778.17272 1.4759596.51816 1.91454546.34544.43924242.855472.65787879 1.526032.65787879.589088.03526465 1.159066-.20939357 1.528064-.65590909.348149-.43727273.521547-1.07611112.520192-1.91651516-.001355-.84040404-.174752-1.4739899-.520192-1.90075757-.349504-.43333334-.861568-.65-1.540256-.65-.678688 0-1.17856.21469697-1.519936.64015151-.341376.42545455-.512064 1.06363637-.512064 1.91060606\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M116.1796 9.58848485V5.32409091c0-.52525253-.115147-.91919192-.34544-1.18181818-.229616-.26-.58928-.3939394-1.074928-.3939394-.635339 0-1.109472.1779293-1.4224.53378788-.312928.35585859-.465328.90212121-.4572 1.63878788v3.66166667h-1.016V5.32409091c0-.52525253-.115824-.91919192-.347472-1.18181818-.229616-.26-.58928-.3939394-1.078992-.3939394-.642112 0-1.113536.1969697-1.410208.55939394-.296672.36242425-.449072.98484849-.449072 1.83575758v3.43909091h-1.016V3.03136364h.83312l.166624.89621212h.0508c.192326-.31859024.474248-.57752095.8128-.74651515.36534-.18279258.771528-.27547583 1.182624-.26984849 1.05664 0 1.748197.3709596 2.074672 1.11287879h.048768c.20551-.34688729.509496-.62924665.875792-.81348485.403616-.20402984.853472-.30695163 1.308608-.29939394.765387 0 1.338411.19040404 1.719072.57121212.380661.38080808.570992.99010101.570992 1.82787879v4.27818182h-1.02616z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M119.16664 1.25272727c-.016875-.18221767.045768-.36295537.17272-.49833333.243232-.21393452.614272-.21393452.857504 0 .129279.13353172.194239.31385023.178816.49636364.015568.18371514-.049334.36530074-.178816.50030303-.240531.22061195-.616973.22061195-.857504 0-.125769-.13683457-.188192-.31765204-.17272-.50030303v.00196969zm1.111504 8.33378788h-1.02616V3.03136364h1.02616v6.55515151z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M125.091952 9.70863636c-.979424 0-1.738037-.29217171-2.27584-.87651515-.537803-.58434343-.808736-1.41095959-.8128-2.47984848 0-1.09777778.270933-1.94540404.8128-2.54287879.541867-.59747475 1.318768-.89686869 2.330704-.89818182.327978-.00003668.654999.03430434.97536.10242424.264596.04821437.521943.12827865.766064.23833334l-.31496.845c-.239852-.09267891-.487258-.16581103-.739648-.21863637-.233047-.05421-.471563-.08327549-.7112-.08666666-1.373632 0-2.061125.84959596-2.06248 2.54878788 0 .80494949.167979 1.42343434.503936 1.85545454.33528.42939394.83312.64606061 1.491488.64606061.595961-.00679074 1.184792-.12656681 1.733296-.35257576v.87848485c-.533172.24487796-1.119318.3617557-1.708912.34075757\"\n                        fillRule=\"nonzero\"\n                    />\n                </g>\n            </g>\n        </svg>\n    );\n});\n"],"names":["Logo"],"mappings":";;;;AAKO,MAAM,OAAO,MAAM,WAAqC,SAASA,MAAK,OAAO,KAAK;AACrF,QAAM,YAAY,GAAG,yEAAyE,MAAM,SAAS;AAE7G,SACK,sBAAA,cAAA,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAU,SAAQ,aAAY,OAAM,6BAAA,GACrE,sBAAA,cAAA,KAAA,EAAE,WAAU,6BACR,sBAAA,cAAA,QAAA,EAAK,GAAE,sMAAA,CAAsM,GAC9M,sBAAA,cAAC,QAAK,EAAA,GAAE,yLAAwL,GAC/L,sBAAA,cAAA,QAAA,EAAK,GAAE,koBAAkoB,CAAA,CAC9oB,CACJ;AAER,CAAC;AAEM,MAAM,aAAa,MAAM,WAAqC,SAASA,MAAK,OAAO,KAAK;AAC3F,QAAM,YAAY,GAAG,8DAA8D,MAAM,SAAS;AAElG,SACK,sBAAA,cAAA,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAU,SAAQ,cAAa,OAAM,6BAAA,GACtE,sBAAA,cAAA,KAAA,EAAE,WAAU,gBACT,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAAA,GAEb,sBAAA,cAAC,KAAE,EAAA,WAAU,iBACT,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,KAEZ,sBAAA,cAAA,QAAA,EAAK,UAAS,WAAU,GAAE,sDAAqD,GAChF,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAEN,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEjB,CAAA,CACJ,uCACC,KAAE,EAAA,WAAU,6DACR,sBAAA,cAAA,QAAA,EAAK,WAAU,gBAAe,GAAE,2BAA0B,aAAY,OAAA,CAAO,GAC7E,sBAAA,cAAA,KAAA,EAAE,WAAU,aACT,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEjB,CAAA,CACJ,CACJ;AAER,CAAC;;;"}
+{"version":3,"file":"Logo.cjs","sources":["../../../../src/components/Header/components/Logo.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LogoProps = React.SVGAttributes<SVGSVGElement>;\n\nexport const Logo = React.forwardRef<SVGSVGElement, LogoProps>(function Logo(props, ref) {\n    const className = cn('h-7 w-7 m-1 self-center justify-self-center flex-shrink-0 flex-grow-0', props.className);\n\n    return (\n        <svg {...props} className={className} ref={ref} viewBox=\"0 0 28 28\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g className=\"fill-brand-sunset\">\n                <path d=\"M3.2496172 16.0366c-1.44938-.2893-2.857854.6517-3.1442248 2.1011-.2863702 1.4493.6516388 2.8578 2.1010248 3.1442 1.44938.2893 2.85786-.6517 3.14423-2.101.28929-1.4465-.65164-2.855-2.10103-3.1443z\" />\n                <path d=\"M18.9911672 19.1692c-2.4137-.4792-4.7602 1.0871-5.2423 3.5037-.4793 2.4137 1.087 4.7602 3.5036 5.2423 2.4137.4793 4.7602-1.087 5.2424-3.5036.4792-2.4166-1.0871-4.7631-3.5037-5.2424z\" />\n                <path d=\"M23.6958672.105135c-2.8988-.578585-5.7157 1.303275-6.2943 4.199125l-.5172 2.62116c-.3828 1.93446-2.2647 3.19098-4.1992 2.80819l-1.7474-.35651c-1.92569-.3828-3.18221-2.25589-2.79941-4.19035l.08766-.43832c.33021-1.68608-.7656-3.33417-2.45168-3.66438-1.69776-.336043-3.33709.75976-3.67606 2.45461-.33897 1.68607.76561 3.3254 2.45168 3.66437l.43833.09058c1.93446.3828 3.19098 2.26467 2.79941 4.19039l-.16948.8737c-.3828 1.9345.87372 3.8163 2.79945 4.1991 1.9344.3828 3.8163-.8737 4.1991-2.8082l.1695-.8737c.3828-1.9257 2.2646-3.1822 4.1903-2.7994l2.63.526c2.8987.5698 5.7157-1.31206 6.2855-4.20791.5844-2.90169-1.2974-5.718636-4.1962-6.288455z\" />\n            </g>\n        </svg>\n    );\n});\n\nexport const LogoLegacy = React.forwardRef<SVGSVGElement, LogoProps>(function Logo(props, ref) {\n    const className = cn('-mr-[156px] xs:-mr-14 md:!mr-0 h-9 shrink-0 w-[180px] px-1', props.className);\n\n    return (\n        <svg {...props} className={className} ref={ref} viewBox=\"0 0 127 13\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g className=\"fill-white\">\n                <path\n                    className=\"fill-white\"\n                    d=\"M5.716016 1.34924242c3.029712.25015152 6.374384 1.74121213 8.2804 3.86060606 2.4384 2.71227273 1.603248 5.42454542-1.877568 6.05681822-3.480816.6322727-8.2804-1.0498485-10.720832-3.76212125C-.471424 5.42848485-.41656 3.35242424 1.27 2.2080303l9.67232 6.92742425-5.226304-7.78621213z\"\n                    fillRule=\"nonzero\"\n                />\n                <g className=\"hidden md:flex\">\n                    <path\n                        d=\"M53.67528 11.2509091l-1.2192-4.72727274c-.176784-.56333333-.24384-1.12666666-.36576-1.6880303h-.026416c-.107696.57515152-.148336 1.13848485-.308864 1.71363636l-1.22936 4.70954548h-2.101088l2.822448-9.87409093h1.647952l2.942336 9.86424243-2.162048.0019697z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M21.553424 1.38469697l1.2192 4.72727273c.174752.56333333.241808 1.12469697.363728 1.6880303h.026416c.107696-.57515152.148336-1.13848485.310896-1.71363636l1.2192-4.70954546h2.105152L23.9776 11.2410606h-1.64592l-2.938272-9.85636363h2.160016z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path fillRule=\"nonzero\" d=\"M28.313888 1.38666667h2.01168v9.86424243h-2.01168z\" />\n                    <path\n                        fillRule=\"nonzero\"\n                        d=\"M41.694608 1.38666667l.983488 5.82045454h.026416l.808736-5.82045454h2.700528l1.0668 9.86424243h-2.064512l-.485648-7.10469698h-.028448l-.323088 2.43257576-.865632 4.67212122h-1.550416l-.98552-4.72333334L40.64 4.32939394v-.18318182h-.026416l-.296672 7.10469698h-2.160016l.890016-9.86424243z\"\n                    />\n                    <path\n                        d=\"M35.310064 1.38469697c-.3577988.27917284-.6303655.64756811-.788416 1.06560606-.526288 1.22909091.036576 2.16666667.534416 3.00575758.073152.12409091.148336.24818181.217424.37227272 1.085088 1.80424243 1.515872 3.13378788.705104 5.02863637-.056896.1339394-.191008.3939394-.191008.3939394h-2.424176c.3204254-.2482168.5741848-.5678542.739648-.9316667.556768-1.30196967-.099568-2.49166664-.735584-3.64393937-.764032-1.37878788-1.552448-2.81863636-.715264-4.78045455.079248-.18712121.254-.50424242.254-.50424242l2.403856-.00590909z\"\n                        fillRule=\"nonzero\"\n                    />\n                </g>\n            </g>\n            <g className=\"xs:flex xs:-translate-x-[40px] hidden md:!translate-x-0\">\n                <path className=\"stroke-white\" d=\"M61.496448 0v12.8680303\" strokeWidth=\"1.68\" />\n                <g className=\"fill-white\">\n                    <path\n                        d=\"M70.841616 9.70863636c-.999744 0-1.7888373-.29479798-2.36728-.88439394-.5784427-.58959596-.867664-1.40964646-.867664-2.46015151 0-1.05707071.2709333-1.89681818.8128-2.51924243.5304376-.61728629 1.3256457-.96197654 2.15392-.93363636.7626734-.03509605 1.5014967.26264579 2.013712.81151515.4944533.53969697.7410027 1.25272728.739648 2.13909091v.62833334h-4.659376c.022352.77015151.221488 1.35318181.6096 1.7530303.388112.39984848.916432.59090909 1.607312.59090909.743701-.00293405 1.4788698-.15377248 2.160016-.44318182v.88636364c-.3298144.14174433-.6736336.25063692-1.02616.325-.3855929.07188992-.7778273.1048941-1.170432.09848485m-.27432-5.95242425c-.4900374-.02138848-.9649513.16736328-1.298448.51606061-.3477231.40033357-.5485505.90121019-.570992 1.42409091h3.53568c0-.62636364-.14224-1.1069697-.430784-1.43984849-.3103282-.34233825-.7661196-.52691285-1.235456-.50030303\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M75.053952 6.25575758c-.0151689-.21657791.0536783-.43083638.19304-.60075758.1381463-.1429001.3347885-.21871211.536448-.20681818.2081607-.01140173.4114497.0638378.5588.20681818.2680858.35762602.2680858.84191943 0 1.19954545-.3018073.26987298-.7638609.27916874-1.07696.02166667-.1529999-.17086259-.2265151-.39533511-.2032-.62045454\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M81.586832 9.70863636c-.979424 0-1.73736-.29217171-2.273808-.87651515-.536448-.58434343-.8073813-1.41095959-.8128-2.47984848 0-1.09777778.2709333-1.94540404.8128-2.54287879.5418667-.59747475 1.318768-.89686869 2.330704-.89818182.3279782-.00003668.654999.03430434.97536.10242424.2639542.04817256.5206342.12824173.764032.23833334l-.31496.845c-.2397537-.0929503-.4871838-.16608946-.739648-.21863637-.2330197-.05435362-.4715521-.08342113-.7112-.08666666-1.373632 0-2.060448.84959596-2.060448 2.54878788 0 .80494949.1673013 1.42343434.501904 1.85545454.33528.42939394.83312.64606061 1.491488.64606061.5966181-.00678768 1.1861142-.12655871 1.735328-.35257576v.87848485c-.5339642.24467285-1.120715.3615322-1.710944.34075757\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M90.690192 6.30893939c0 1.06757576-.278384 1.90207071-.835152 2.50348485-.556768.60141414-1.3241867.90146465-2.302256.90015152-.5660565.00980534-1.1238362-.13269357-1.611376-.41166667-.4744234-.28111893-.8520726-.69243374-1.085088-1.18181818-.2674171-.5661279-.3987341-1.18372355-.384048-1.80621212 0-1.06888889.2756747-1.90207071.827024-2.49954546.5513493-.59747474 1.316736-.89555555 2.29616-.89424242.8559447-.03726298 1.6841715.29875604 2.257552.91590909.556768.61060606.8358293 1.43656566.837184 2.47787879m-5.155184 0c0 .83777778.17272 1.47595959.51816 1.91454545.34544.43858586.85344.65787879 1.524.65787879s1.1799147-.21863636 1.528064-.65590909.522224-1.07611111.522224-1.91651515c0-.83515152-.1740747-1.46873738-.522224-1.90075758-.3481493-.4320202-.861568-.64868687-1.540256-.65-.67056 0-1.176528.21469697-1.517904.64015152-.341376.42545454-.512064 1.06363636-.512064 1.91060606\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M96.989392 9.58848485V5.34575758c0-.53444445-.1253067-.9329798-.37592-1.19560606-.251968-.2639394-.644144-.3939394-1.180592-.3939394-.707136 0-1.225296.18580808-1.55448.55742424-.329184.37161617-.493776.98419192-.493776 1.83772728v3.43909091h-1.02616V3.03136364h.83312l.168656.89621212h.048768c.213947-.32669621.5199877-.58712571.881888-.75045455.3956439-.18075251.8285923-.27169306 1.265936-.26590909.8128 0 1.4257867.19040404 1.83896.57121212.4131733.38080808.6163733.99010101.6096 1.82787879v4.27818182h-1.016z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M105.759504 6.30893939c0 1.06757576-.277707 1.90207071-.83312 2.50348485-.555413.60141414-1.322832.90146465-2.302256.90015152-.566147.01053143-1.124127-.1320188-1.611376-.41166667-.474546-.2815508-.852738-.69268701-1.08712-1.18181818-.2666505-.56630799-.397268-1.18388155-.382016-1.80621212 0-1.06888889.2756747-1.90207071.827024-2.49954546.551349-.59747474 1.316736-.89555555 2.29616-.89424242.948267 0 1.700107.30530303 2.25552.91590909.555413.61060606.834475 1.43525253.837184 2.47393939m-5.155184 0c0 .83777778.17272 1.4759596.51816 1.91454546.34544.43924242.855472.65787879 1.526032.65787879.589088.03526465 1.159066-.20939357 1.528064-.65590909.348149-.43727273.521547-1.07611112.520192-1.91651516-.001355-.84040404-.174752-1.4739899-.520192-1.90075757-.349504-.43333334-.861568-.65-1.540256-.65-.678688 0-1.17856.21469697-1.519936.64015151-.341376.42545455-.512064 1.06363637-.512064 1.91060606\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M116.1796 9.58848485V5.32409091c0-.52525253-.115147-.91919192-.34544-1.18181818-.229616-.26-.58928-.3939394-1.074928-.3939394-.635339 0-1.109472.1779293-1.4224.53378788-.312928.35585859-.465328.90212121-.4572 1.63878788v3.66166667h-1.016V5.32409091c0-.52525253-.115824-.91919192-.347472-1.18181818-.229616-.26-.58928-.3939394-1.078992-.3939394-.642112 0-1.113536.1969697-1.410208.55939394-.296672.36242425-.449072.98484849-.449072 1.83575758v3.43909091h-1.016V3.03136364h.83312l.166624.89621212h.0508c.192326-.31859024.474248-.57752095.8128-.74651515.36534-.18279258.771528-.27547583 1.182624-.26984849 1.05664 0 1.748197.3709596 2.074672 1.11287879h.048768c.20551-.34688729.509496-.62924665.875792-.81348485.403616-.20402984.853472-.30695163 1.308608-.29939394.765387 0 1.338411.19040404 1.719072.57121212.380661.38080808.570992.99010101.570992 1.82787879v4.27818182h-1.02616z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M119.16664 1.25272727c-.016875-.18221767.045768-.36295537.17272-.49833333.243232-.21393452.614272-.21393452.857504 0 .129279.13353172.194239.31385023.178816.49636364.015568.18371514-.049334.36530074-.178816.50030303-.240531.22061195-.616973.22061195-.857504 0-.125769-.13683457-.188192-.31765204-.17272-.50030303v.00196969zm1.111504 8.33378788h-1.02616V3.03136364h1.02616v6.55515151z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M125.091952 9.70863636c-.979424 0-1.738037-.29217171-2.27584-.87651515-.537803-.58434343-.808736-1.41095959-.8128-2.47984848 0-1.09777778.270933-1.94540404.8128-2.54287879.541867-.59747475 1.318768-.89686869 2.330704-.89818182.327978-.00003668.654999.03430434.97536.10242424.264596.04821437.521943.12827865.766064.23833334l-.31496.845c-.239852-.09267891-.487258-.16581103-.739648-.21863637-.233047-.05421-.471563-.08327549-.7112-.08666666-1.373632 0-2.061125.84959596-2.06248 2.54878788 0 .80494949.167979 1.42343434.503936 1.85545454.33528.42939394.83312.64606061 1.491488.64606061.595961-.00679074 1.184792-.12656681 1.733296-.35257576v.87848485c-.533172.24487796-1.119318.3617557-1.708912.34075757\"\n                        fillRule=\"nonzero\"\n                    />\n                </g>\n            </g>\n        </svg>\n    );\n});\n"],"names":["Logo"],"mappings":";;;;AAKO,MAAM,OAAO,MAAM,WAAqC,SAASA,MAAK,OAAO,KAAK;AACrF,QAAM,YAAY,GAAG,yEAAyE,MAAM,SAAS;AAE7G,SACK,sBAAA,cAAA,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAU,SAAQ,aAAY,OAAM,6BAAA,GACrE,sBAAA,cAAA,KAAA,EAAE,WAAU,uBACR,sBAAA,cAAA,QAAA,EAAK,GAAE,sMAAA,CAAsM,GAC9M,sBAAA,cAAC,QAAK,EAAA,GAAE,yLAAwL,GAC/L,sBAAA,cAAA,QAAA,EAAK,GAAE,koBAAkoB,CAAA,CAC9oB,CACJ;AAER,CAAC;AAEM,MAAM,aAAa,MAAM,WAAqC,SAASA,MAAK,OAAO,KAAK;AAC3F,QAAM,YAAY,GAAG,8DAA8D,MAAM,SAAS;AAElG,SACK,sBAAA,cAAA,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAU,SAAQ,cAAa,OAAM,6BAAA,GACtE,sBAAA,cAAA,KAAA,EAAE,WAAU,gBACT,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAAA,GAEb,sBAAA,cAAC,KAAE,EAAA,WAAU,iBACT,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,KAEZ,sBAAA,cAAA,QAAA,EAAK,UAAS,WAAU,GAAE,sDAAqD,GAChF,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAEN,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEjB,CAAA,CACJ,uCACC,KAAE,EAAA,WAAU,6DACR,sBAAA,cAAA,QAAA,EAAK,WAAU,gBAAe,GAAE,2BAA0B,aAAY,OAAA,CAAO,GAC7E,sBAAA,cAAA,KAAA,EAAE,WAAU,aACT,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEjB,CAAA,CACJ,CACJ;AAER,CAAC;;;"}

package/dist/components/Header/components/Logo.js

@@ -2,7 +2,7 @@ import React__default from "react";
 import cn from "clsx";
 const Logo = React__default.forwardRef(function Logo2(props, ref) {
   const className = cn("h-7 w-7 m-1 self-center justify-self-center flex-shrink-0 flex-grow-0", props.className);
-  return /* @__PURE__ */ React__default.createElement("svg", { ...props, className, ref, viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React__default.createElement("g", { className: "fill-brand-sunsetOrange" }, /* @__PURE__ */ React__default.createElement("path", { d: "M3.2496172 16.0366c-1.44938-.2893-2.857854.6517-3.1442248 2.1011-.2863702 1.4493.6516388 2.8578 2.1010248 3.1442 1.44938.2893 2.85786-.6517 3.14423-2.101.28929-1.4465-.65164-2.855-2.10103-3.1443z" }), /* @__PURE__ */ React__default.createElement("path", { d: "M18.9911672 19.1692c-2.4137-.4792-4.7602 1.0871-5.2423 3.5037-.4793 2.4137 1.087 4.7602 3.5036 5.2423 2.4137.4793 4.7602-1.087 5.2424-3.5036.4792-2.4166-1.0871-4.7631-3.5037-5.2424z" }), /* @__PURE__ */ React__default.createElement("path", { d: "M23.6958672.105135c-2.8988-.578585-5.7157 1.303275-6.2943 4.199125l-.5172 2.62116c-.3828 1.93446-2.2647 3.19098-4.1992 2.80819l-1.7474-.35651c-1.92569-.3828-3.18221-2.25589-2.79941-4.19035l.08766-.43832c.33021-1.68608-.7656-3.33417-2.45168-3.66438-1.69776-.336043-3.33709.75976-3.67606 2.45461-.33897 1.68607.76561 3.3254 2.45168 3.66437l.43833.09058c1.93446.3828 3.19098 2.26467 2.79941 4.19039l-.16948.8737c-.3828 1.9345.87372 3.8163 2.79945 4.1991 1.9344.3828 3.8163-.8737 4.1991-2.8082l.1695-.8737c.3828-1.9257 2.2646-3.1822 4.1903-2.7994l2.63.526c2.8987.5698 5.7157-1.31206 6.2855-4.20791.5844-2.90169-1.2974-5.718636-4.1962-6.288455z" })));
+  return /* @__PURE__ */ React__default.createElement("svg", { ...props, className, ref, viewBox: "0 0 28 28", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ React__default.createElement("g", { className: "fill-brand-sunset" }, /* @__PURE__ */ React__default.createElement("path", { d: "M3.2496172 16.0366c-1.44938-.2893-2.857854.6517-3.1442248 2.1011-.2863702 1.4493.6516388 2.8578 2.1010248 3.1442 1.44938.2893 2.85786-.6517 3.14423-2.101.28929-1.4465-.65164-2.855-2.10103-3.1443z" }), /* @__PURE__ */ React__default.createElement("path", { d: "M18.9911672 19.1692c-2.4137-.4792-4.7602 1.0871-5.2423 3.5037-.4793 2.4137 1.087 4.7602 3.5036 5.2423 2.4137.4793 4.7602-1.087 5.2424-3.5036.4792-2.4166-1.0871-4.7631-3.5037-5.2424z" }), /* @__PURE__ */ React__default.createElement("path", { d: "M23.6958672.105135c-2.8988-.578585-5.7157 1.303275-6.2943 4.199125l-.5172 2.62116c-.3828 1.93446-2.2647 3.19098-4.1992 2.80819l-1.7474-.35651c-1.92569-.3828-3.18221-2.25589-2.79941-4.19035l.08766-.43832c.33021-1.68608-.7656-3.33417-2.45168-3.66438-1.69776-.336043-3.33709.75976-3.67606 2.45461-.33897 1.68607.76561 3.3254 2.45168 3.66437l.43833.09058c1.93446.3828 3.19098 2.26467 2.79941 4.19039l-.16948.8737c-.3828 1.9345.87372 3.8163 2.79945 4.1991 1.9344.3828 3.8163-.8737 4.1991-2.8082l.1695-.8737c.3828-1.9257 2.2646-3.1822 4.1903-2.7994l2.63.526c2.8987.5698 5.7157-1.31206 6.2855-4.20791.5844-2.90169-1.2974-5.718636-4.1962-6.288455z" })));
 });
 const LogoLegacy = React__default.forwardRef(function Logo3(props, ref) {
   const className = cn("-mr-[156px] xs:-mr-14 md:!mr-0 h-9 shrink-0 w-[180px] px-1", props.className);

package/dist/components/Header/components/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sources":["../../../../src/components/Header/components/Logo.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LogoProps = React.SVGAttributes<SVGSVGElement>;\n\nexport const Logo = React.forwardRef<SVGSVGElement, LogoProps>(function Logo(props, ref) {\n    const className = cn('h-7 w-7 m-1 self-center justify-self-center flex-shrink-0 flex-grow-0', props.className);\n\n    return (\n        <svg {...props} className={className} ref={ref} viewBox=\"0 0 28 28\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g className=\"fill-brand-sunsetOrange\">\n                <path d=\"M3.2496172 16.0366c-1.44938-.2893-2.857854.6517-3.1442248 2.1011-.2863702 1.4493.6516388 2.8578 2.1010248 3.1442 1.44938.2893 2.85786-.6517 3.14423-2.101.28929-1.4465-.65164-2.855-2.10103-3.1443z\" />\n                <path d=\"M18.9911672 19.1692c-2.4137-.4792-4.7602 1.0871-5.2423 3.5037-.4793 2.4137 1.087 4.7602 3.5036 5.2423 2.4137.4793 4.7602-1.087 5.2424-3.5036.4792-2.4166-1.0871-4.7631-3.5037-5.2424z\" />\n                <path d=\"M23.6958672.105135c-2.8988-.578585-5.7157 1.303275-6.2943 4.199125l-.5172 2.62116c-.3828 1.93446-2.2647 3.19098-4.1992 2.80819l-1.7474-.35651c-1.92569-.3828-3.18221-2.25589-2.79941-4.19035l.08766-.43832c.33021-1.68608-.7656-3.33417-2.45168-3.66438-1.69776-.336043-3.33709.75976-3.67606 2.45461-.33897 1.68607.76561 3.3254 2.45168 3.66437l.43833.09058c1.93446.3828 3.19098 2.26467 2.79941 4.19039l-.16948.8737c-.3828 1.9345.87372 3.8163 2.79945 4.1991 1.9344.3828 3.8163-.8737 4.1991-2.8082l.1695-.8737c.3828-1.9257 2.2646-3.1822 4.1903-2.7994l2.63.526c2.8987.5698 5.7157-1.31206 6.2855-4.20791.5844-2.90169-1.2974-5.718636-4.1962-6.288455z\" />\n            </g>\n        </svg>\n    );\n});\n\nexport const LogoLegacy = React.forwardRef<SVGSVGElement, LogoProps>(function Logo(props, ref) {\n    const className = cn('-mr-[156px] xs:-mr-14 md:!mr-0 h-9 shrink-0 w-[180px] px-1', props.className);\n\n    return (\n        <svg {...props} className={className} ref={ref} viewBox=\"0 0 127 13\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g className=\"fill-white\">\n                <path\n                    className=\"fill-white\"\n                    d=\"M5.716016 1.34924242c3.029712.25015152 6.374384 1.74121213 8.2804 3.86060606 2.4384 2.71227273 1.603248 5.42454542-1.877568 6.05681822-3.480816.6322727-8.2804-1.0498485-10.720832-3.76212125C-.471424 5.42848485-.41656 3.35242424 1.27 2.2080303l9.67232 6.92742425-5.226304-7.78621213z\"\n                    fillRule=\"nonzero\"\n                />\n                <g className=\"hidden md:flex\">\n                    <path\n                        d=\"M53.67528 11.2509091l-1.2192-4.72727274c-.176784-.56333333-.24384-1.12666666-.36576-1.6880303h-.026416c-.107696.57515152-.148336 1.13848485-.308864 1.71363636l-1.22936 4.70954548h-2.101088l2.822448-9.87409093h1.647952l2.942336 9.86424243-2.162048.0019697z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M21.553424 1.38469697l1.2192 4.72727273c.174752.56333333.241808 1.12469697.363728 1.6880303h.026416c.107696-.57515152.148336-1.13848485.310896-1.71363636l1.2192-4.70954546h2.105152L23.9776 11.2410606h-1.64592l-2.938272-9.85636363h2.160016z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path fillRule=\"nonzero\" d=\"M28.313888 1.38666667h2.01168v9.86424243h-2.01168z\" />\n                    <path\n                        fillRule=\"nonzero\"\n                        d=\"M41.694608 1.38666667l.983488 5.82045454h.026416l.808736-5.82045454h2.700528l1.0668 9.86424243h-2.064512l-.485648-7.10469698h-.028448l-.323088 2.43257576-.865632 4.67212122h-1.550416l-.98552-4.72333334L40.64 4.32939394v-.18318182h-.026416l-.296672 7.10469698h-2.160016l.890016-9.86424243z\"\n                    />\n                    <path\n                        d=\"M35.310064 1.38469697c-.3577988.27917284-.6303655.64756811-.788416 1.06560606-.526288 1.22909091.036576 2.16666667.534416 3.00575758.073152.12409091.148336.24818181.217424.37227272 1.085088 1.80424243 1.515872 3.13378788.705104 5.02863637-.056896.1339394-.191008.3939394-.191008.3939394h-2.424176c.3204254-.2482168.5741848-.5678542.739648-.9316667.556768-1.30196967-.099568-2.49166664-.735584-3.64393937-.764032-1.37878788-1.552448-2.81863636-.715264-4.78045455.079248-.18712121.254-.50424242.254-.50424242l2.403856-.00590909z\"\n                        fillRule=\"nonzero\"\n                    />\n                </g>\n            </g>\n            <g className=\"xs:flex xs:-translate-x-[40px] hidden md:!translate-x-0\">\n                <path className=\"stroke-white\" d=\"M61.496448 0v12.8680303\" strokeWidth=\"1.68\" />\n                <g className=\"fill-white\">\n                    <path\n                        d=\"M70.841616 9.70863636c-.999744 0-1.7888373-.29479798-2.36728-.88439394-.5784427-.58959596-.867664-1.40964646-.867664-2.46015151 0-1.05707071.2709333-1.89681818.8128-2.51924243.5304376-.61728629 1.3256457-.96197654 2.15392-.93363636.7626734-.03509605 1.5014967.26264579 2.013712.81151515.4944533.53969697.7410027 1.25272728.739648 2.13909091v.62833334h-4.659376c.022352.77015151.221488 1.35318181.6096 1.7530303.388112.39984848.916432.59090909 1.607312.59090909.743701-.00293405 1.4788698-.15377248 2.160016-.44318182v.88636364c-.3298144.14174433-.6736336.25063692-1.02616.325-.3855929.07188992-.7778273.1048941-1.170432.09848485m-.27432-5.95242425c-.4900374-.02138848-.9649513.16736328-1.298448.51606061-.3477231.40033357-.5485505.90121019-.570992 1.42409091h3.53568c0-.62636364-.14224-1.1069697-.430784-1.43984849-.3103282-.34233825-.7661196-.52691285-1.235456-.50030303\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M75.053952 6.25575758c-.0151689-.21657791.0536783-.43083638.19304-.60075758.1381463-.1429001.3347885-.21871211.536448-.20681818.2081607-.01140173.4114497.0638378.5588.20681818.2680858.35762602.2680858.84191943 0 1.19954545-.3018073.26987298-.7638609.27916874-1.07696.02166667-.1529999-.17086259-.2265151-.39533511-.2032-.62045454\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M81.586832 9.70863636c-.979424 0-1.73736-.29217171-2.273808-.87651515-.536448-.58434343-.8073813-1.41095959-.8128-2.47984848 0-1.09777778.2709333-1.94540404.8128-2.54287879.5418667-.59747475 1.318768-.89686869 2.330704-.89818182.3279782-.00003668.654999.03430434.97536.10242424.2639542.04817256.5206342.12824173.764032.23833334l-.31496.845c-.2397537-.0929503-.4871838-.16608946-.739648-.21863637-.2330197-.05435362-.4715521-.08342113-.7112-.08666666-1.373632 0-2.060448.84959596-2.060448 2.54878788 0 .80494949.1673013 1.42343434.501904 1.85545454.33528.42939394.83312.64606061 1.491488.64606061.5966181-.00678768 1.1861142-.12655871 1.735328-.35257576v.87848485c-.5339642.24467285-1.120715.3615322-1.710944.34075757\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M90.690192 6.30893939c0 1.06757576-.278384 1.90207071-.835152 2.50348485-.556768.60141414-1.3241867.90146465-2.302256.90015152-.5660565.00980534-1.1238362-.13269357-1.611376-.41166667-.4744234-.28111893-.8520726-.69243374-1.085088-1.18181818-.2674171-.5661279-.3987341-1.18372355-.384048-1.80621212 0-1.06888889.2756747-1.90207071.827024-2.49954546.5513493-.59747474 1.316736-.89555555 2.29616-.89424242.8559447-.03726298 1.6841715.29875604 2.257552.91590909.556768.61060606.8358293 1.43656566.837184 2.47787879m-5.155184 0c0 .83777778.17272 1.47595959.51816 1.91454545.34544.43858586.85344.65787879 1.524.65787879s1.1799147-.21863636 1.528064-.65590909.522224-1.07611111.522224-1.91651515c0-.83515152-.1740747-1.46873738-.522224-1.90075758-.3481493-.4320202-.861568-.64868687-1.540256-.65-.67056 0-1.176528.21469697-1.517904.64015152-.341376.42545454-.512064 1.06363636-.512064 1.91060606\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M96.989392 9.58848485V5.34575758c0-.53444445-.1253067-.9329798-.37592-1.19560606-.251968-.2639394-.644144-.3939394-1.180592-.3939394-.707136 0-1.225296.18580808-1.55448.55742424-.329184.37161617-.493776.98419192-.493776 1.83772728v3.43909091h-1.02616V3.03136364h.83312l.168656.89621212h.048768c.213947-.32669621.5199877-.58712571.881888-.75045455.3956439-.18075251.8285923-.27169306 1.265936-.26590909.8128 0 1.4257867.19040404 1.83896.57121212.4131733.38080808.6163733.99010101.6096 1.82787879v4.27818182h-1.016z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M105.759504 6.30893939c0 1.06757576-.277707 1.90207071-.83312 2.50348485-.555413.60141414-1.322832.90146465-2.302256.90015152-.566147.01053143-1.124127-.1320188-1.611376-.41166667-.474546-.2815508-.852738-.69268701-1.08712-1.18181818-.2666505-.56630799-.397268-1.18388155-.382016-1.80621212 0-1.06888889.2756747-1.90207071.827024-2.49954546.551349-.59747474 1.316736-.89555555 2.29616-.89424242.948267 0 1.700107.30530303 2.25552.91590909.555413.61060606.834475 1.43525253.837184 2.47393939m-5.155184 0c0 .83777778.17272 1.4759596.51816 1.91454546.34544.43924242.855472.65787879 1.526032.65787879.589088.03526465 1.159066-.20939357 1.528064-.65590909.348149-.43727273.521547-1.07611112.520192-1.91651516-.001355-.84040404-.174752-1.4739899-.520192-1.90075757-.349504-.43333334-.861568-.65-1.540256-.65-.678688 0-1.17856.21469697-1.519936.64015151-.341376.42545455-.512064 1.06363637-.512064 1.91060606\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M116.1796 9.58848485V5.32409091c0-.52525253-.115147-.91919192-.34544-1.18181818-.229616-.26-.58928-.3939394-1.074928-.3939394-.635339 0-1.109472.1779293-1.4224.53378788-.312928.35585859-.465328.90212121-.4572 1.63878788v3.66166667h-1.016V5.32409091c0-.52525253-.115824-.91919192-.347472-1.18181818-.229616-.26-.58928-.3939394-1.078992-.3939394-.642112 0-1.113536.1969697-1.410208.55939394-.296672.36242425-.449072.98484849-.449072 1.83575758v3.43909091h-1.016V3.03136364h.83312l.166624.89621212h.0508c.192326-.31859024.474248-.57752095.8128-.74651515.36534-.18279258.771528-.27547583 1.182624-.26984849 1.05664 0 1.748197.3709596 2.074672 1.11287879h.048768c.20551-.34688729.509496-.62924665.875792-.81348485.403616-.20402984.853472-.30695163 1.308608-.29939394.765387 0 1.338411.19040404 1.719072.57121212.380661.38080808.570992.99010101.570992 1.82787879v4.27818182h-1.02616z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M119.16664 1.25272727c-.016875-.18221767.045768-.36295537.17272-.49833333.243232-.21393452.614272-.21393452.857504 0 .129279.13353172.194239.31385023.178816.49636364.015568.18371514-.049334.36530074-.178816.50030303-.240531.22061195-.616973.22061195-.857504 0-.125769-.13683457-.188192-.31765204-.17272-.50030303v.00196969zm1.111504 8.33378788h-1.02616V3.03136364h1.02616v6.55515151z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M125.091952 9.70863636c-.979424 0-1.738037-.29217171-2.27584-.87651515-.537803-.58434343-.808736-1.41095959-.8128-2.47984848 0-1.09777778.270933-1.94540404.8128-2.54287879.541867-.59747475 1.318768-.89686869 2.330704-.89818182.327978-.00003668.654999.03430434.97536.10242424.264596.04821437.521943.12827865.766064.23833334l-.31496.845c-.239852-.09267891-.487258-.16581103-.739648-.21863637-.233047-.05421-.471563-.08327549-.7112-.08666666-1.373632 0-2.061125.84959596-2.06248 2.54878788 0 .80494949.167979 1.42343434.503936 1.85545454.33528.42939394.83312.64606061 1.491488.64606061.595961-.00679074 1.184792-.12656681 1.733296-.35257576v.87848485c-.533172.24487796-1.119318.3617557-1.708912.34075757\"\n                        fillRule=\"nonzero\"\n                    />\n                </g>\n            </g>\n        </svg>\n    );\n});\n"],"names":["React","Logo"],"mappings":";;AAKO,MAAM,OAAOA,eAAM,WAAqC,SAASC,MAAK,OAAO,KAAK;AACrF,QAAM,YAAY,GAAG,yEAAyE,MAAM,SAAS;AAE7G,SACKD,+BAAA,cAAA,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAU,SAAQ,aAAY,OAAM,6BAAA,GACrEA,+BAAA,cAAA,KAAA,EAAE,WAAU,6BACRA,+BAAA,cAAA,QAAA,EAAK,GAAE,sMAAA,CAAsM,GAC9MA,+BAAA,cAAC,QAAK,EAAA,GAAE,yLAAwL,GAC/LA,+BAAA,cAAA,QAAA,EAAK,GAAE,koBAAkoB,CAAA,CAC9oB,CACJ;AAER,CAAC;AAEM,MAAM,aAAaA,eAAM,WAAqC,SAASC,MAAK,OAAO,KAAK;AAC3F,QAAM,YAAY,GAAG,8DAA8D,MAAM,SAAS;AAElG,SACKD,+BAAA,cAAA,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAU,SAAQ,cAAa,OAAM,6BAAA,GACtEA,+BAAA,cAAA,KAAA,EAAE,WAAU,gBACTA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAAA,GAEbA,+BAAA,cAAC,KAAE,EAAA,WAAU,iBACT,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,KAEZA,+BAAA,cAAA,QAAA,EAAK,UAAS,WAAU,GAAE,sDAAqD,GAChFA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAEN,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEjB,CAAA,CACJ,gDACC,KAAE,EAAA,WAAU,6DACRA,+BAAA,cAAA,QAAA,EAAK,WAAU,gBAAe,GAAE,2BAA0B,aAAY,OAAA,CAAO,GAC7EA,+BAAA,cAAA,KAAA,EAAE,WAAU,aACT,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEjB,CAAA,CACJ,CACJ;AAER,CAAC;"}
+{"version":3,"file":"Logo.js","sources":["../../../../src/components/Header/components/Logo.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LogoProps = React.SVGAttributes<SVGSVGElement>;\n\nexport const Logo = React.forwardRef<SVGSVGElement, LogoProps>(function Logo(props, ref) {\n    const className = cn('h-7 w-7 m-1 self-center justify-self-center flex-shrink-0 flex-grow-0', props.className);\n\n    return (\n        <svg {...props} className={className} ref={ref} viewBox=\"0 0 28 28\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g className=\"fill-brand-sunset\">\n                <path d=\"M3.2496172 16.0366c-1.44938-.2893-2.857854.6517-3.1442248 2.1011-.2863702 1.4493.6516388 2.8578 2.1010248 3.1442 1.44938.2893 2.85786-.6517 3.14423-2.101.28929-1.4465-.65164-2.855-2.10103-3.1443z\" />\n                <path d=\"M18.9911672 19.1692c-2.4137-.4792-4.7602 1.0871-5.2423 3.5037-.4793 2.4137 1.087 4.7602 3.5036 5.2423 2.4137.4793 4.7602-1.087 5.2424-3.5036.4792-2.4166-1.0871-4.7631-3.5037-5.2424z\" />\n                <path d=\"M23.6958672.105135c-2.8988-.578585-5.7157 1.303275-6.2943 4.199125l-.5172 2.62116c-.3828 1.93446-2.2647 3.19098-4.1992 2.80819l-1.7474-.35651c-1.92569-.3828-3.18221-2.25589-2.79941-4.19035l.08766-.43832c.33021-1.68608-.7656-3.33417-2.45168-3.66438-1.69776-.336043-3.33709.75976-3.67606 2.45461-.33897 1.68607.76561 3.3254 2.45168 3.66437l.43833.09058c1.93446.3828 3.19098 2.26467 2.79941 4.19039l-.16948.8737c-.3828 1.9345.87372 3.8163 2.79945 4.1991 1.9344.3828 3.8163-.8737 4.1991-2.8082l.1695-.8737c.3828-1.9257 2.2646-3.1822 4.1903-2.7994l2.63.526c2.8987.5698 5.7157-1.31206 6.2855-4.20791.5844-2.90169-1.2974-5.718636-4.1962-6.288455z\" />\n            </g>\n        </svg>\n    );\n});\n\nexport const LogoLegacy = React.forwardRef<SVGSVGElement, LogoProps>(function Logo(props, ref) {\n    const className = cn('-mr-[156px] xs:-mr-14 md:!mr-0 h-9 shrink-0 w-[180px] px-1', props.className);\n\n    return (\n        <svg {...props} className={className} ref={ref} viewBox=\"0 0 127 13\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g className=\"fill-white\">\n                <path\n                    className=\"fill-white\"\n                    d=\"M5.716016 1.34924242c3.029712.25015152 6.374384 1.74121213 8.2804 3.86060606 2.4384 2.71227273 1.603248 5.42454542-1.877568 6.05681822-3.480816.6322727-8.2804-1.0498485-10.720832-3.76212125C-.471424 5.42848485-.41656 3.35242424 1.27 2.2080303l9.67232 6.92742425-5.226304-7.78621213z\"\n                    fillRule=\"nonzero\"\n                />\n                <g className=\"hidden md:flex\">\n                    <path\n                        d=\"M53.67528 11.2509091l-1.2192-4.72727274c-.176784-.56333333-.24384-1.12666666-.36576-1.6880303h-.026416c-.107696.57515152-.148336 1.13848485-.308864 1.71363636l-1.22936 4.70954548h-2.101088l2.822448-9.87409093h1.647952l2.942336 9.86424243-2.162048.0019697z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M21.553424 1.38469697l1.2192 4.72727273c.174752.56333333.241808 1.12469697.363728 1.6880303h.026416c.107696-.57515152.148336-1.13848485.310896-1.71363636l1.2192-4.70954546h2.105152L23.9776 11.2410606h-1.64592l-2.938272-9.85636363h2.160016z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path fillRule=\"nonzero\" d=\"M28.313888 1.38666667h2.01168v9.86424243h-2.01168z\" />\n                    <path\n                        fillRule=\"nonzero\"\n                        d=\"M41.694608 1.38666667l.983488 5.82045454h.026416l.808736-5.82045454h2.700528l1.0668 9.86424243h-2.064512l-.485648-7.10469698h-.028448l-.323088 2.43257576-.865632 4.67212122h-1.550416l-.98552-4.72333334L40.64 4.32939394v-.18318182h-.026416l-.296672 7.10469698h-2.160016l.890016-9.86424243z\"\n                    />\n                    <path\n                        d=\"M35.310064 1.38469697c-.3577988.27917284-.6303655.64756811-.788416 1.06560606-.526288 1.22909091.036576 2.16666667.534416 3.00575758.073152.12409091.148336.24818181.217424.37227272 1.085088 1.80424243 1.515872 3.13378788.705104 5.02863637-.056896.1339394-.191008.3939394-.191008.3939394h-2.424176c.3204254-.2482168.5741848-.5678542.739648-.9316667.556768-1.30196967-.099568-2.49166664-.735584-3.64393937-.764032-1.37878788-1.552448-2.81863636-.715264-4.78045455.079248-.18712121.254-.50424242.254-.50424242l2.403856-.00590909z\"\n                        fillRule=\"nonzero\"\n                    />\n                </g>\n            </g>\n            <g className=\"xs:flex xs:-translate-x-[40px] hidden md:!translate-x-0\">\n                <path className=\"stroke-white\" d=\"M61.496448 0v12.8680303\" strokeWidth=\"1.68\" />\n                <g className=\"fill-white\">\n                    <path\n                        d=\"M70.841616 9.70863636c-.999744 0-1.7888373-.29479798-2.36728-.88439394-.5784427-.58959596-.867664-1.40964646-.867664-2.46015151 0-1.05707071.2709333-1.89681818.8128-2.51924243.5304376-.61728629 1.3256457-.96197654 2.15392-.93363636.7626734-.03509605 1.5014967.26264579 2.013712.81151515.4944533.53969697.7410027 1.25272728.739648 2.13909091v.62833334h-4.659376c.022352.77015151.221488 1.35318181.6096 1.7530303.388112.39984848.916432.59090909 1.607312.59090909.743701-.00293405 1.4788698-.15377248 2.160016-.44318182v.88636364c-.3298144.14174433-.6736336.25063692-1.02616.325-.3855929.07188992-.7778273.1048941-1.170432.09848485m-.27432-5.95242425c-.4900374-.02138848-.9649513.16736328-1.298448.51606061-.3477231.40033357-.5485505.90121019-.570992 1.42409091h3.53568c0-.62636364-.14224-1.1069697-.430784-1.43984849-.3103282-.34233825-.7661196-.52691285-1.235456-.50030303\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M75.053952 6.25575758c-.0151689-.21657791.0536783-.43083638.19304-.60075758.1381463-.1429001.3347885-.21871211.536448-.20681818.2081607-.01140173.4114497.0638378.5588.20681818.2680858.35762602.2680858.84191943 0 1.19954545-.3018073.26987298-.7638609.27916874-1.07696.02166667-.1529999-.17086259-.2265151-.39533511-.2032-.62045454\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M81.586832 9.70863636c-.979424 0-1.73736-.29217171-2.273808-.87651515-.536448-.58434343-.8073813-1.41095959-.8128-2.47984848 0-1.09777778.2709333-1.94540404.8128-2.54287879.5418667-.59747475 1.318768-.89686869 2.330704-.89818182.3279782-.00003668.654999.03430434.97536.10242424.2639542.04817256.5206342.12824173.764032.23833334l-.31496.845c-.2397537-.0929503-.4871838-.16608946-.739648-.21863637-.2330197-.05435362-.4715521-.08342113-.7112-.08666666-1.373632 0-2.060448.84959596-2.060448 2.54878788 0 .80494949.1673013 1.42343434.501904 1.85545454.33528.42939394.83312.64606061 1.491488.64606061.5966181-.00678768 1.1861142-.12655871 1.735328-.35257576v.87848485c-.5339642.24467285-1.120715.3615322-1.710944.34075757\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M90.690192 6.30893939c0 1.06757576-.278384 1.90207071-.835152 2.50348485-.556768.60141414-1.3241867.90146465-2.302256.90015152-.5660565.00980534-1.1238362-.13269357-1.611376-.41166667-.4744234-.28111893-.8520726-.69243374-1.085088-1.18181818-.2674171-.5661279-.3987341-1.18372355-.384048-1.80621212 0-1.06888889.2756747-1.90207071.827024-2.49954546.5513493-.59747474 1.316736-.89555555 2.29616-.89424242.8559447-.03726298 1.6841715.29875604 2.257552.91590909.556768.61060606.8358293 1.43656566.837184 2.47787879m-5.155184 0c0 .83777778.17272 1.47595959.51816 1.91454545.34544.43858586.85344.65787879 1.524.65787879s1.1799147-.21863636 1.528064-.65590909.522224-1.07611111.522224-1.91651515c0-.83515152-.1740747-1.46873738-.522224-1.90075758-.3481493-.4320202-.861568-.64868687-1.540256-.65-.67056 0-1.176528.21469697-1.517904.64015152-.341376.42545454-.512064 1.06363636-.512064 1.91060606\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M96.989392 9.58848485V5.34575758c0-.53444445-.1253067-.9329798-.37592-1.19560606-.251968-.2639394-.644144-.3939394-1.180592-.3939394-.707136 0-1.225296.18580808-1.55448.55742424-.329184.37161617-.493776.98419192-.493776 1.83772728v3.43909091h-1.02616V3.03136364h.83312l.168656.89621212h.048768c.213947-.32669621.5199877-.58712571.881888-.75045455.3956439-.18075251.8285923-.27169306 1.265936-.26590909.8128 0 1.4257867.19040404 1.83896.57121212.4131733.38080808.6163733.99010101.6096 1.82787879v4.27818182h-1.016z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M105.759504 6.30893939c0 1.06757576-.277707 1.90207071-.83312 2.50348485-.555413.60141414-1.322832.90146465-2.302256.90015152-.566147.01053143-1.124127-.1320188-1.611376-.41166667-.474546-.2815508-.852738-.69268701-1.08712-1.18181818-.2666505-.56630799-.397268-1.18388155-.382016-1.80621212 0-1.06888889.2756747-1.90207071.827024-2.49954546.551349-.59747474 1.316736-.89555555 2.29616-.89424242.948267 0 1.700107.30530303 2.25552.91590909.555413.61060606.834475 1.43525253.837184 2.47393939m-5.155184 0c0 .83777778.17272 1.4759596.51816 1.91454546.34544.43924242.855472.65787879 1.526032.65787879.589088.03526465 1.159066-.20939357 1.528064-.65590909.348149-.43727273.521547-1.07611112.520192-1.91651516-.001355-.84040404-.174752-1.4739899-.520192-1.90075757-.349504-.43333334-.861568-.65-1.540256-.65-.678688 0-1.17856.21469697-1.519936.64015151-.341376.42545455-.512064 1.06363637-.512064 1.91060606\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M116.1796 9.58848485V5.32409091c0-.52525253-.115147-.91919192-.34544-1.18181818-.229616-.26-.58928-.3939394-1.074928-.3939394-.635339 0-1.109472.1779293-1.4224.53378788-.312928.35585859-.465328.90212121-.4572 1.63878788v3.66166667h-1.016V5.32409091c0-.52525253-.115824-.91919192-.347472-1.18181818-.229616-.26-.58928-.3939394-1.078992-.3939394-.642112 0-1.113536.1969697-1.410208.55939394-.296672.36242425-.449072.98484849-.449072 1.83575758v3.43909091h-1.016V3.03136364h.83312l.166624.89621212h.0508c.192326-.31859024.474248-.57752095.8128-.74651515.36534-.18279258.771528-.27547583 1.182624-.26984849 1.05664 0 1.748197.3709596 2.074672 1.11287879h.048768c.20551-.34688729.509496-.62924665.875792-.81348485.403616-.20402984.853472-.30695163 1.308608-.29939394.765387 0 1.338411.19040404 1.719072.57121212.380661.38080808.570992.99010101.570992 1.82787879v4.27818182h-1.02616z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M119.16664 1.25272727c-.016875-.18221767.045768-.36295537.17272-.49833333.243232-.21393452.614272-.21393452.857504 0 .129279.13353172.194239.31385023.178816.49636364.015568.18371514-.049334.36530074-.178816.50030303-.240531.22061195-.616973.22061195-.857504 0-.125769-.13683457-.188192-.31765204-.17272-.50030303v.00196969zm1.111504 8.33378788h-1.02616V3.03136364h1.02616v6.55515151z\"\n                        fillRule=\"nonzero\"\n                    />\n                    <path\n                        d=\"M125.091952 9.70863636c-.979424 0-1.738037-.29217171-2.27584-.87651515-.537803-.58434343-.808736-1.41095959-.8128-2.47984848 0-1.09777778.270933-1.94540404.8128-2.54287879.541867-.59747475 1.318768-.89686869 2.330704-.89818182.327978-.00003668.654999.03430434.97536.10242424.264596.04821437.521943.12827865.766064.23833334l-.31496.845c-.239852-.09267891-.487258-.16581103-.739648-.21863637-.233047-.05421-.471563-.08327549-.7112-.08666666-1.373632 0-2.061125.84959596-2.06248 2.54878788 0 .80494949.167979 1.42343434.503936 1.85545454.33528.42939394.83312.64606061 1.491488.64606061.595961-.00679074 1.184792-.12656681 1.733296-.35257576v.87848485c-.533172.24487796-1.119318.3617557-1.708912.34075757\"\n                        fillRule=\"nonzero\"\n                    />\n                </g>\n            </g>\n        </svg>\n    );\n});\n"],"names":["React","Logo"],"mappings":";;AAKO,MAAM,OAAOA,eAAM,WAAqC,SAASC,MAAK,OAAO,KAAK;AACrF,QAAM,YAAY,GAAG,yEAAyE,MAAM,SAAS;AAE7G,SACKD,+BAAA,cAAA,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAU,SAAQ,aAAY,OAAM,6BAAA,GACrEA,+BAAA,cAAA,KAAA,EAAE,WAAU,uBACRA,+BAAA,cAAA,QAAA,EAAK,GAAE,sMAAA,CAAsM,GAC9MA,+BAAA,cAAC,QAAK,EAAA,GAAE,yLAAwL,GAC/LA,+BAAA,cAAA,QAAA,EAAK,GAAE,koBAAkoB,CAAA,CAC9oB,CACJ;AAER,CAAC;AAEM,MAAM,aAAaA,eAAM,WAAqC,SAASC,MAAK,OAAO,KAAK;AAC3F,QAAM,YAAY,GAAG,8DAA8D,MAAM,SAAS;AAElG,SACKD,+BAAA,cAAA,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAU,SAAQ,cAAa,OAAM,6BAAA,GACtEA,+BAAA,cAAA,KAAA,EAAE,WAAU,gBACTA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAAA,GAEbA,+BAAA,cAAC,KAAE,EAAA,WAAU,iBACT,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,KAEZA,+BAAA,cAAA,QAAA,EAAK,UAAS,WAAU,GAAE,sDAAqD,GAChFA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EAEN,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEjB,CAAA,CACJ,gDACC,KAAE,EAAA,WAAU,6DACRA,+BAAA,cAAA,QAAA,EAAK,WAAU,gBAAe,GAAE,2BAA0B,aAAY,OAAA,CAAO,GAC7EA,+BAAA,cAAA,KAAA,EAAE,WAAU,aACT,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEb,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EAEjB,CAAA,CACJ,CACJ;AAER,CAAC;"}

package/dist/components/Header/components/MenuButton.cjs

@@ -7,7 +7,7 @@ const Button = require("./Button.cjs");
 const MenuButton = React.forwardRef(function MenuButton2(props, ref) {
   const className = cn(
     Button.getButtonClasses(false),
-    "mr-1 !bg-transparent hover:!bg-white/[.08] focus:!bg-white/[.08]] lg:hidden z-[2] !text-white"
+    "mr-1 !bg-transparent hover:!bg-white-subtle focus:!bg-white-subtle lg:hidden z-[2] !text-white"
   );
   return /* @__PURE__ */ React.createElement(IconButton.IconButton, { ...props, className, "data-taco": "header-toggle-sidebar", icon: "menu", ref });
 });

package/dist/components/Header/components/MenuButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.cjs","sources":["../../../../src/components/Header/components/MenuButton.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { getButtonClasses } from './Button';\n\nexport type MenuButtonProps = {\n    onClick: () => void;\n};\n\nexport const MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>(function MenuButton(props, ref) {\n    const className = cn(\n        getButtonClasses(false),\n        'mr-1 !bg-transparent hover:!bg-white/[.08] focus:!bg-white/[.08]] lg:hidden z-[2] !text-white'\n    );\n\n    return <IconButton {...props} className={className} data-taco=\"header-toggle-sidebar\" icon=\"menu\" ref={ref} />;\n});\n"],"names":["MenuButton","getButtonClasses","IconButton"],"mappings":";;;;;;AASO,MAAM,aAAa,MAAM,WAA+C,SAASA,YAAW,OAAO,KAAK;AAC3G,QAAM,YAAY;AAAA,IACdC,OAAAA,iBAAiB,KAAK;AAAA,IACtB;AAAA,EACJ;AAEO,SAAA,sBAAA,cAACC,yBAAY,GAAG,OAAO,WAAsB,aAAU,yBAAwB,MAAK,QAAO,IAAU,CAAA;AAChH,CAAC;;"}
+{"version":3,"file":"MenuButton.cjs","sources":["../../../../src/components/Header/components/MenuButton.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { getButtonClasses } from './Button';\n\nexport type MenuButtonProps = {\n    onClick: () => void;\n};\n\nexport const MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>(function MenuButton(props, ref) {\n    const className = cn(\n        getButtonClasses(false),\n        'mr-1 !bg-transparent hover:!bg-white-subtle focus:!bg-white-subtle lg:hidden z-[2] !text-white'\n    );\n\n    return <IconButton {...props} className={className} data-taco=\"header-toggle-sidebar\" icon=\"menu\" ref={ref} />;\n});\n"],"names":["MenuButton","getButtonClasses","IconButton"],"mappings":";;;;;;AASO,MAAM,aAAa,MAAM,WAA+C,SAASA,YAAW,OAAO,KAAK;AAC3G,QAAM,YAAY;AAAA,IACdC,OAAAA,iBAAiB,KAAK;AAAA,IACtB;AAAA,EACJ;AAEO,SAAA,sBAAA,cAACC,yBAAY,GAAG,OAAO,WAAsB,aAAU,yBAAwB,MAAK,QAAO,IAAU,CAAA;AAChH,CAAC;;"}

package/dist/components/Header/components/MenuButton.js

@@ -5,7 +5,7 @@ import { getButtonClasses } from "./Button.js";
 const MenuButton = React__default.forwardRef(function MenuButton2(props, ref) {
   const className = cn(
     getButtonClasses(false),
-    "mr-1 !bg-transparent hover:!bg-white/[.08] focus:!bg-white/[.08]] lg:hidden z-[2] !text-white"
+    "mr-1 !bg-transparent hover:!bg-white-subtle focus:!bg-white-subtle lg:hidden z-[2] !text-white"
   );
   return /* @__PURE__ */ React__default.createElement(IconButton, { ...props, className, "data-taco": "header-toggle-sidebar", icon: "menu", ref });
 });

package/dist/components/Header/components/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","sources":["../../../../src/components/Header/components/MenuButton.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { getButtonClasses } from './Button';\n\nexport type MenuButtonProps = {\n    onClick: () => void;\n};\n\nexport const MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>(function MenuButton(props, ref) {\n    const className = cn(\n        getButtonClasses(false),\n        'mr-1 !bg-transparent hover:!bg-white/[.08] focus:!bg-white/[.08]] lg:hidden z-[2] !text-white'\n    );\n\n    return <IconButton {...props} className={className} data-taco=\"header-toggle-sidebar\" icon=\"menu\" ref={ref} />;\n});\n"],"names":["React","MenuButton"],"mappings":";;;;AASO,MAAM,aAAaA,eAAM,WAA+C,SAASC,YAAW,OAAO,KAAK;AAC3G,QAAM,YAAY;AAAA,IACd,iBAAiB,KAAK;AAAA,IACtB;AAAA,EACJ;AAEO,SAAAD,+BAAA,cAAC,cAAY,GAAG,OAAO,WAAsB,aAAU,yBAAwB,MAAK,QAAO,IAAU,CAAA;AAChH,CAAC;"}
+{"version":3,"file":"MenuButton.js","sources":["../../../../src/components/Header/components/MenuButton.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { getButtonClasses } from './Button';\n\nexport type MenuButtonProps = {\n    onClick: () => void;\n};\n\nexport const MenuButton = React.forwardRef<HTMLButtonElement, MenuButtonProps>(function MenuButton(props, ref) {\n    const className = cn(\n        getButtonClasses(false),\n        'mr-1 !bg-transparent hover:!bg-white-subtle focus:!bg-white-subtle lg:hidden z-[2] !text-white'\n    );\n\n    return <IconButton {...props} className={className} data-taco=\"header-toggle-sidebar\" icon=\"menu\" ref={ref} />;\n});\n"],"names":["React","MenuButton"],"mappings":";;;;AASO,MAAM,aAAaA,eAAM,WAA+C,SAASC,YAAW,OAAO,KAAK;AAC3G,QAAM,YAAY;AAAA,IACd,iBAAiB,KAAK;AAAA,IACtB;AAAA,EACJ;AAEO,SAAAD,+BAAA,cAAC,cAAY,GAAG,OAAO,WAAsB,aAAU,yBAAwB,MAAK,QAAO,IAAU,CAAA;AAChH,CAAC;"}

package/dist/components/Header/components/PrimaryNavigation.cjs

@@ -14,7 +14,7 @@ const PrimaryNavigation = React.forwardRef(function PrimaryNavigation2(props, re
     "flex h-full w-full flex-grow items-center overflow-hidden active:outline-none relative",
     props.className
   );
-  const moreButton = () => /* @__PURE__ */ React.createElement(Button.Button, { className: cn(Link.getLinkClasses(), "!bg-transparent aria-expanded:!bg-white/[.08]") }, texts.header.more);
+  const moreButton = () => /* @__PURE__ */ React.createElement(Button.Button, { className: cn(Link.getLinkClasses(), "aria-expanded:!bg-white-subtle !bg-transparent") }, texts.header.more);
   return /* @__PURE__ */ React.createElement("nav", { ...props, className, ref: internalRef }, /* @__PURE__ */ React.createElement(OverflowGroup.OverflowGroup, { className: "h-full flex-grow items-center gap-1 px-1", moreButton }, props.children));
 });
 exports.PrimaryNavigation = PrimaryNavigation;

package/dist/components/Header/components/PrimaryNavigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PrimaryNavigation.cjs","sources":["../../../../src/components/Header/components/PrimaryNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { getLinkClasses } from './Link';\nimport { useLocalization } from '../../Provider/Localization';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { Button } from '../../Button/Button';\nimport { OverflowGroup } from '../../OverflowGroup/OverflowGroup';\n\nexport type PrimaryNavigationProps = React.HTMLAttributes<HTMLElement>;\n\nexport const PrimaryNavigation = React.forwardRef<HTMLElement, PrimaryNavigationProps>(function PrimaryNavigation(props, ref) {\n    const { texts } = useLocalization();\n    const internalRef = useMergedRef<HTMLDivElement>(ref);\n\n    const className = cn(\n        'flex h-full w-full flex-grow items-center overflow-hidden active:outline-none relative',\n        props.className\n    );\n\n    const moreButton = () => (\n        <Button className={cn(getLinkClasses(), '!bg-transparent aria-expanded:!bg-white/[.08]')}>{texts.header.more}</Button>\n    );\n    return (\n        <nav {...props} className={className} ref={internalRef}>\n            <OverflowGroup className=\"h-full flex-grow items-center gap-1 px-1\" moreButton={moreButton}>\n                {props.children}\n            </OverflowGroup>\n        </nav>\n    );\n});\n"],"names":["PrimaryNavigation","useLocalization","useMergedRef","Button","getLinkClasses","OverflowGroup"],"mappings":";;;;;;;;;AAUO,MAAM,oBAAoB,MAAM,WAAgD,SAASA,mBAAkB,OAAO,KAAK;AACpH,QAAA,EAAE,MAAM,IAAIC,6BAAgB;AAC5B,QAAA,cAAcC,0BAA6B,GAAG;AAEpD,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EACV;AAEA,QAAM,aAAa,MACd,sBAAA,cAAAC,OAAAA,QAAA,EAAO,WAAW,GAAGC,KAAe,eAAA,GAAG,+CAA+C,EAAA,GAAI,MAAM,OAAO,IAAK;AAEjH,SACK,sBAAA,cAAA,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAK,YAAA,GACtC,sBAAA,cAAAC,cAAAA,eAAA,EAAc,WAAU,4CAA2C,cAC/D,MAAM,QACX,CACJ;AAER,CAAC;;"}
+{"version":3,"file":"PrimaryNavigation.cjs","sources":["../../../../src/components/Header/components/PrimaryNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { getLinkClasses } from './Link';\nimport { useLocalization } from '../../Provider/Localization';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { Button } from '../../Button/Button';\nimport { OverflowGroup } from '../../OverflowGroup/OverflowGroup';\n\nexport type PrimaryNavigationProps = React.HTMLAttributes<HTMLElement>;\n\nexport const PrimaryNavigation = React.forwardRef<HTMLElement, PrimaryNavigationProps>(function PrimaryNavigation(props, ref) {\n    const { texts } = useLocalization();\n    const internalRef = useMergedRef<HTMLDivElement>(ref);\n\n    const className = cn(\n        'flex h-full w-full flex-grow items-center overflow-hidden active:outline-none relative',\n        props.className\n    );\n\n    const moreButton = () => (\n        <Button className={cn(getLinkClasses(), 'aria-expanded:!bg-white-subtle !bg-transparent')}>{texts.header.more}</Button>\n    );\n    return (\n        <nav {...props} className={className} ref={internalRef}>\n            <OverflowGroup className=\"h-full flex-grow items-center gap-1 px-1\" moreButton={moreButton}>\n                {props.children}\n            </OverflowGroup>\n        </nav>\n    );\n});\n"],"names":["PrimaryNavigation","useLocalization","useMergedRef","Button","getLinkClasses","OverflowGroup"],"mappings":";;;;;;;;;AAUO,MAAM,oBAAoB,MAAM,WAAgD,SAASA,mBAAkB,OAAO,KAAK;AACpH,QAAA,EAAE,MAAM,IAAIC,6BAAgB;AAC5B,QAAA,cAAcC,0BAA6B,GAAG;AAEpD,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EACV;AAEA,QAAM,aAAa,MACd,sBAAA,cAAAC,OAAAA,QAAA,EAAO,WAAW,GAAGC,KAAe,eAAA,GAAG,gDAAgD,EAAA,GAAI,MAAM,OAAO,IAAK;AAElH,SACK,sBAAA,cAAA,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAK,YAAA,GACtC,sBAAA,cAAAC,cAAAA,eAAA,EAAc,WAAU,4CAA2C,cAC/D,MAAM,QACX,CACJ;AAER,CAAC;;"}

package/dist/components/Header/components/PrimaryNavigation.js

@@ -12,7 +12,7 @@ const PrimaryNavigation = React__default.forwardRef(function PrimaryNavigation2(
     "flex h-full w-full flex-grow items-center overflow-hidden active:outline-none relative",
     props.className
   );
-  const moreButton = () => /* @__PURE__ */ React__default.createElement(Button, { className: cn(getLinkClasses(), "!bg-transparent aria-expanded:!bg-white/[.08]") }, texts.header.more);
+  const moreButton = () => /* @__PURE__ */ React__default.createElement(Button, { className: cn(getLinkClasses(), "aria-expanded:!bg-white-subtle !bg-transparent") }, texts.header.more);
   return /* @__PURE__ */ React__default.createElement("nav", { ...props, className, ref: internalRef }, /* @__PURE__ */ React__default.createElement(OverflowGroup, { className: "h-full flex-grow items-center gap-1 px-1", moreButton }, props.children));
 });
 export {

package/dist/components/Header/components/PrimaryNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimaryNavigation.js","sources":["../../../../src/components/Header/components/PrimaryNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { getLinkClasses } from './Link';\nimport { useLocalization } from '../../Provider/Localization';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { Button } from '../../Button/Button';\nimport { OverflowGroup } from '../../OverflowGroup/OverflowGroup';\n\nexport type PrimaryNavigationProps = React.HTMLAttributes<HTMLElement>;\n\nexport const PrimaryNavigation = React.forwardRef<HTMLElement, PrimaryNavigationProps>(function PrimaryNavigation(props, ref) {\n    const { texts } = useLocalization();\n    const internalRef = useMergedRef<HTMLDivElement>(ref);\n\n    const className = cn(\n        'flex h-full w-full flex-grow items-center overflow-hidden active:outline-none relative',\n        props.className\n    );\n\n    const moreButton = () => (\n        <Button className={cn(getLinkClasses(), '!bg-transparent aria-expanded:!bg-white/[.08]')}>{texts.header.more}</Button>\n    );\n    return (\n        <nav {...props} className={className} ref={internalRef}>\n            <OverflowGroup className=\"h-full flex-grow items-center gap-1 px-1\" moreButton={moreButton}>\n                {props.children}\n            </OverflowGroup>\n        </nav>\n    );\n});\n"],"names":["React","PrimaryNavigation"],"mappings":";;;;;;;AAUO,MAAM,oBAAoBA,eAAM,WAAgD,SAASC,mBAAkB,OAAO,KAAK;AACpH,QAAA,EAAE,MAAM,IAAI,gBAAgB;AAC5B,QAAA,cAAc,aAA6B,GAAG;AAEpD,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EACV;AAEA,QAAM,aAAa,MACdD,+BAAA,cAAA,QAAA,EAAO,WAAW,GAAG,eAAe,GAAG,+CAA+C,EAAA,GAAI,MAAM,OAAO,IAAK;AAEjH,SACKA,+BAAA,cAAA,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAK,YAAA,GACtCA,+BAAA,cAAA,eAAA,EAAc,WAAU,4CAA2C,cAC/D,MAAM,QACX,CACJ;AAER,CAAC;"}
+{"version":3,"file":"PrimaryNavigation.js","sources":["../../../../src/components/Header/components/PrimaryNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { getLinkClasses } from './Link';\nimport { useLocalization } from '../../Provider/Localization';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { Button } from '../../Button/Button';\nimport { OverflowGroup } from '../../OverflowGroup/OverflowGroup';\n\nexport type PrimaryNavigationProps = React.HTMLAttributes<HTMLElement>;\n\nexport const PrimaryNavigation = React.forwardRef<HTMLElement, PrimaryNavigationProps>(function PrimaryNavigation(props, ref) {\n    const { texts } = useLocalization();\n    const internalRef = useMergedRef<HTMLDivElement>(ref);\n\n    const className = cn(\n        'flex h-full w-full flex-grow items-center overflow-hidden active:outline-none relative',\n        props.className\n    );\n\n    const moreButton = () => (\n        <Button className={cn(getLinkClasses(), 'aria-expanded:!bg-white-subtle !bg-transparent')}>{texts.header.more}</Button>\n    );\n    return (\n        <nav {...props} className={className} ref={internalRef}>\n            <OverflowGroup className=\"h-full flex-grow items-center gap-1 px-1\" moreButton={moreButton}>\n                {props.children}\n            </OverflowGroup>\n        </nav>\n    );\n});\n"],"names":["React","PrimaryNavigation"],"mappings":";;;;;;;AAUO,MAAM,oBAAoBA,eAAM,WAAgD,SAASC,mBAAkB,OAAO,KAAK;AACpH,QAAA,EAAE,MAAM,IAAI,gBAAgB;AAC5B,QAAA,cAAc,aAA6B,GAAG;AAEpD,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EACV;AAEA,QAAM,aAAa,MACdD,+BAAA,cAAA,QAAA,EAAO,WAAW,GAAG,eAAe,GAAG,gDAAgD,EAAA,GAAI,MAAM,OAAO,IAAK;AAElH,SACKA,+BAAA,cAAA,OAAA,EAAK,GAAG,OAAO,WAAsB,KAAK,YAAA,GACtCA,+BAAA,cAAA,eAAA,EAAc,WAAU,4CAA2C,cAC/D,MAAM,QACX,CACJ;AAER,CAAC;"}

package/dist/components/HoverCard/HoverCard.cjs

@@ -31,13 +31,13 @@ const Arrow = () => /* @__PURE__ */ React__namespace.createElement(previewCard.P
   "path",
   {
     d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
-    className: "fill-gray-200 dark:fill-none"
+    className: "fill-gray-100 dark:fill-none"
   }
 ), /* @__PURE__ */ React__namespace.createElement(
   "path",
   {
     d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
-    className: "dark:fill-gray-300"
+    className: "dark:fill-gray-100"
   }
 )));
 const Trigger = React__namespace.forwardRef(function HoverCardTrigger(props, ref) {

package/dist/components/HoverCard/HoverCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.cjs","sources":["../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';\n\nimport { Placement } from '../..';\nimport { getPopoverStyleClassnames } from '../Popover/util';\n\nconst Arrow = () => (\n    <PreviewCardPrimitive.Arrow className=\"data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=right]:left-[-13px] data-[side=top]:bottom-[-8px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180\">\n        <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\">\n            <path\n                d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n                className=\"fill-[canvas]\"\n            />\n            <path\n                d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n                className=\"fill-gray-200 dark:fill-none\"\n            />\n            <path\n                d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n                className=\"dark:fill-gray-300\"\n            />\n        </svg>\n    </PreviewCardPrimitive.Arrow>\n);\n\n/**\n * @deprecated\n */\nexport type HoverCardTriggerProps = React.HTMLAttributes<HTMLAnchorElement> & { children: React.ReactElement };\nconst Trigger = React.forwardRef(function HoverCardTrigger(props: HoverCardTriggerProps, ref: React.Ref<HTMLAnchorElement>) {\n    const { children, className, ...otherProps } = props;\n\n    return (\n        <PreviewCardPrimitive.Trigger\n            {...otherProps}\n            className={cn('text-black', className)}\n            delay={300}\n            ref={ref}\n            render={children}\n        />\n    );\n});\n\n/**\n * @deprecated\n */\nexport type HoverCardContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Set the position of the HoverCard relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\nconst Content = React.forwardRef(function HoverCardContent(props: HoverCardContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement: side } = props;\n    const className = cn(getPopoverStyleClassnames(), 'min-w-[theme(spacing.40)] max-w-[theme(spacing.96)]', props.className);\n\n    return (\n        <PreviewCardPrimitive.Portal>\n            <PreviewCardPrimitive.Positioner side={side} sideOffset={12}>\n                <PreviewCardPrimitive.Popup className={className} data-taco=\"hover-card\" ref={ref}>\n                    {props.children}\n                    <Arrow />\n                </PreviewCardPrimitive.Popup>\n            </PreviewCardPrimitive.Positioner>\n        </PreviewCardPrimitive.Portal>\n    );\n});\n\n/**\n * @deprecated\n */\nexport type HoverCardProps = React.PropsWithChildren<object>;\n\n/**\n * @deprecated\n */\nexport const HoverCard = (props: HoverCardProps) => {\n    return <PreviewCardPrimitive.Root {...props} />;\n};\nHoverCard.Trigger = Trigger;\nHoverCard.Content = Content;\n"],"names":["React","PreviewCardPrimitive","getPopoverStyleClassnames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,QAAQ,MACVA,iCAAA,cAACC,YAAqB,YAAA,OAArB,EAA2B,WAAU,kNACjCD,iCAAA,cAAA,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,UACjDA,iCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,GAAE;AAAA,IACF,WAAU;AAAA,EAAA;AACd,GACAA,iCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,GAAE;AAAA,IACF,WAAU;AAAA,EAAA;AACd,GACAA,iCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,GAAE;AAAA,IACF,WAAU;AAAA,EAAA;AACd,CACJ,CACJ;AAOJ,MAAM,UAAUA,iBAAM,WAAW,SAAS,iBAAiB,OAA8B,KAAmC;AACxH,QAAM,EAAE,UAAU,WAAW,GAAG,WAAe,IAAA;AAG3C,SAAAA,iCAAA;AAAA,IAACC,YAAAA,YAAqB;AAAA,IAArB;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,GAAG,cAAc,SAAS;AAAA,MACrC,OAAO;AAAA,MACP;AAAA,MACA,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER,CAAC;AASD,MAAM,UAAUD,iBAAM,WAAW,SAAS,iBAAiB,OAA8B,KAAgC;AAC/G,QAAA,EAAE,WAAW,KAAA,IAAS;AAC5B,QAAM,YAAY,GAAGE,KAAAA,0BAA6B,GAAA,uDAAuD,MAAM,SAAS;AAGpH,SAAAF,iCAAA,cAACC,YAAqB,YAAA,QAArB,MACGD,iCAAA,cAACC,wBAAqB,YAArB,EAAgC,MAAY,YAAY,GACrD,GAAAD,iCAAA,cAACC,wBAAqB,OAArB,EAA2B,WAAsB,aAAU,cAAa,IAAA,GACpE,MAAM,UACND,iCAAA,cAAA,OAAA,IAAM,CACX,CACJ,CACJ;AAER,CAAC;AAUY,MAAA,YAAY,CAAC,UAA0B;AAChD,SAAQA,iCAAA,cAAAC,YAAAA,YAAqB,MAArB,EAA2B,GAAG,OAAO;AACjD;AACA,UAAU,UAAU;AACpB,UAAU,UAAU;;"}
+{"version":3,"file":"HoverCard.cjs","sources":["../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';\n\nimport { Placement } from '../..';\nimport { getPopoverStyleClassnames } from '../Popover/util';\n\nconst Arrow = () => (\n    <PreviewCardPrimitive.Arrow className=\"data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=right]:left-[-13px] data-[side=top]:bottom-[-8px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180\">\n        <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\">\n            <path\n                d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n                className=\"fill-[canvas]\"\n            />\n            <path\n                d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n                className=\"fill-gray-100 dark:fill-none\"\n            />\n            <path\n                d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n                className=\"dark:fill-gray-100\"\n            />\n        </svg>\n    </PreviewCardPrimitive.Arrow>\n);\n\n/**\n * @deprecated\n */\nexport type HoverCardTriggerProps = React.HTMLAttributes<HTMLAnchorElement> & { children: React.ReactElement };\nconst Trigger = React.forwardRef(function HoverCardTrigger(props: HoverCardTriggerProps, ref: React.Ref<HTMLAnchorElement>) {\n    const { children, className, ...otherProps } = props;\n\n    return (\n        <PreviewCardPrimitive.Trigger\n            {...otherProps}\n            className={cn('text-black', className)}\n            delay={300}\n            ref={ref}\n            render={children}\n        />\n    );\n});\n\n/**\n * @deprecated\n */\nexport type HoverCardContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Set the position of the HoverCard relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\nconst Content = React.forwardRef(function HoverCardContent(props: HoverCardContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement: side } = props;\n    const className = cn(getPopoverStyleClassnames(), 'min-w-[theme(spacing.40)] max-w-[theme(spacing.96)]', props.className);\n\n    return (\n        <PreviewCardPrimitive.Portal>\n            <PreviewCardPrimitive.Positioner side={side} sideOffset={12}>\n                <PreviewCardPrimitive.Popup className={className} data-taco=\"hover-card\" ref={ref}>\n                    {props.children}\n                    <Arrow />\n                </PreviewCardPrimitive.Popup>\n            </PreviewCardPrimitive.Positioner>\n        </PreviewCardPrimitive.Portal>\n    );\n});\n\n/**\n * @deprecated\n */\nexport type HoverCardProps = React.PropsWithChildren<object>;\n\n/**\n * @deprecated\n */\nexport const HoverCard = (props: HoverCardProps) => {\n    return <PreviewCardPrimitive.Root {...props} />;\n};\nHoverCard.Trigger = Trigger;\nHoverCard.Content = Content;\n"],"names":["React","PreviewCardPrimitive","getPopoverStyleClassnames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,QAAQ,MACVA,iCAAA,cAACC,YAAqB,YAAA,OAArB,EAA2B,WAAU,kNACjCD,iCAAA,cAAA,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,UACjDA,iCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,GAAE;AAAA,IACF,WAAU;AAAA,EAAA;AACd,GACAA,iCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,GAAE;AAAA,IACF,WAAU;AAAA,EAAA;AACd,GACAA,iCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,GAAE;AAAA,IACF,WAAU;AAAA,EAAA;AACd,CACJ,CACJ;AAOJ,MAAM,UAAUA,iBAAM,WAAW,SAAS,iBAAiB,OAA8B,KAAmC;AACxH,QAAM,EAAE,UAAU,WAAW,GAAG,WAAe,IAAA;AAG3C,SAAAA,iCAAA;AAAA,IAACC,YAAAA,YAAqB;AAAA,IAArB;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,GAAG,cAAc,SAAS;AAAA,MACrC,OAAO;AAAA,MACP;AAAA,MACA,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER,CAAC;AASD,MAAM,UAAUD,iBAAM,WAAW,SAAS,iBAAiB,OAA8B,KAAgC;AAC/G,QAAA,EAAE,WAAW,KAAA,IAAS;AAC5B,QAAM,YAAY,GAAGE,KAAAA,0BAA6B,GAAA,uDAAuD,MAAM,SAAS;AAGpH,SAAAF,iCAAA,cAACC,YAAqB,YAAA,QAArB,MACGD,iCAAA,cAACC,wBAAqB,YAArB,EAAgC,MAAY,YAAY,GACrD,GAAAD,iCAAA,cAACC,wBAAqB,OAArB,EAA2B,WAAsB,aAAU,cAAa,IAAA,GACpE,MAAM,UACND,iCAAA,cAAA,OAAA,IAAM,CACX,CACJ,CACJ;AAER,CAAC;AAUY,MAAA,YAAY,CAAC,UAA0B;AAChD,SAAQA,iCAAA,cAAAC,YAAAA,YAAqB,MAArB,EAA2B,GAAG,OAAO;AACjD;AACA,UAAU,UAAU;AACpB,UAAU,UAAU;;"}

package/dist/components/HoverCard/HoverCard.js

@@ -12,13 +12,13 @@ const Arrow = () => /* @__PURE__ */ React.createElement(PreviewCard.Arrow, { cla
   "path",
   {
     d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
-    className: "fill-gray-200 dark:fill-none"
+    className: "fill-gray-100 dark:fill-none"
   }
 ), /* @__PURE__ */ React.createElement(
   "path",
   {
     d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
-    className: "dark:fill-gray-300"
+    className: "dark:fill-gray-100"
   }
 )));
 const Trigger = React.forwardRef(function HoverCardTrigger(props, ref) {

package/dist/components/HoverCard/HoverCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.js","sources":["../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';\n\nimport { Placement } from '../..';\nimport { getPopoverStyleClassnames } from '../Popover/util';\n\nconst Arrow = () => (\n    <PreviewCardPrimitive.Arrow className=\"data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=right]:left-[-13px] data-[side=top]:bottom-[-8px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180\">\n        <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\">\n            <path\n                d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n                className=\"fill-[canvas]\"\n            />\n            <path\n                d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n                className=\"fill-gray-200 dark:fill-none\"\n            />\n            <path\n                d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n                className=\"dark:fill-gray-300\"\n            />\n        </svg>\n    </PreviewCardPrimitive.Arrow>\n);\n\n/**\n * @deprecated\n */\nexport type HoverCardTriggerProps = React.HTMLAttributes<HTMLAnchorElement> & { children: React.ReactElement };\nconst Trigger = React.forwardRef(function HoverCardTrigger(props: HoverCardTriggerProps, ref: React.Ref<HTMLAnchorElement>) {\n    const { children, className, ...otherProps } = props;\n\n    return (\n        <PreviewCardPrimitive.Trigger\n            {...otherProps}\n            className={cn('text-black', className)}\n            delay={300}\n            ref={ref}\n            render={children}\n        />\n    );\n});\n\n/**\n * @deprecated\n */\nexport type HoverCardContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Set the position of the HoverCard relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\nconst Content = React.forwardRef(function HoverCardContent(props: HoverCardContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement: side } = props;\n    const className = cn(getPopoverStyleClassnames(), 'min-w-[theme(spacing.40)] max-w-[theme(spacing.96)]', props.className);\n\n    return (\n        <PreviewCardPrimitive.Portal>\n            <PreviewCardPrimitive.Positioner side={side} sideOffset={12}>\n                <PreviewCardPrimitive.Popup className={className} data-taco=\"hover-card\" ref={ref}>\n                    {props.children}\n                    <Arrow />\n                </PreviewCardPrimitive.Popup>\n            </PreviewCardPrimitive.Positioner>\n        </PreviewCardPrimitive.Portal>\n    );\n});\n\n/**\n * @deprecated\n */\nexport type HoverCardProps = React.PropsWithChildren<object>;\n\n/**\n * @deprecated\n */\nexport const HoverCard = (props: HoverCardProps) => {\n    return <PreviewCardPrimitive.Root {...props} />;\n};\nHoverCard.Trigger = Trigger;\nHoverCard.Content = Content;\n"],"names":["PreviewCardPrimitive"],"mappings":";;;;AAOA,MAAM,QAAQ,MACV,sBAAA,cAACA,YAAqB,OAArB,EAA2B,WAAU,kNACjC,sBAAA,cAAA,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,UACjD,sBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,GAAE;AAAA,IACF,WAAU;AAAA,EAAA;AACd,GACA,sBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,GAAE;AAAA,IACF,WAAU;AAAA,EAAA;AACd,GACA,sBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,GAAE;AAAA,IACF,WAAU;AAAA,EAAA;AACd,CACJ,CACJ;AAOJ,MAAM,UAAU,MAAM,WAAW,SAAS,iBAAiB,OAA8B,KAAmC;AACxH,QAAM,EAAE,UAAU,WAAW,GAAG,WAAe,IAAA;AAG3C,SAAA,sBAAA;AAAA,IAACA,YAAqB;AAAA,IAArB;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,GAAG,cAAc,SAAS;AAAA,MACrC,OAAO;AAAA,MACP;AAAA,MACA,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER,CAAC;AASD,MAAM,UAAU,MAAM,WAAW,SAAS,iBAAiB,OAA8B,KAAgC;AAC/G,QAAA,EAAE,WAAW,KAAA,IAAS;AAC5B,QAAM,YAAY,GAAG,0BAA6B,GAAA,uDAAuD,MAAM,SAAS;AAGpH,SAAA,sBAAA,cAACA,YAAqB,QAArB,MACG,sBAAA,cAACA,YAAqB,YAArB,EAAgC,MAAY,YAAY,GACrD,GAAA,sBAAA,cAACA,YAAqB,OAArB,EAA2B,WAAsB,aAAU,cAAa,IAAA,GACpE,MAAM,UACN,sBAAA,cAAA,OAAA,IAAM,CACX,CACJ,CACJ;AAER,CAAC;AAUY,MAAA,YAAY,CAAC,UAA0B;AAChD,SAAQ,sBAAA,cAAAA,YAAqB,MAArB,EAA2B,GAAG,OAAO;AACjD;AACA,UAAU,UAAU;AACpB,UAAU,UAAU;"}
+{"version":3,"file":"HoverCard.js","sources":["../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';\n\nimport { Placement } from '../..';\nimport { getPopoverStyleClassnames } from '../Popover/util';\n\nconst Arrow = () => (\n    <PreviewCardPrimitive.Arrow className=\"data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=right]:left-[-13px] data-[side=top]:bottom-[-8px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180\">\n        <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\">\n            <path\n                d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n                className=\"fill-[canvas]\"\n            />\n            <path\n                d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n                className=\"fill-gray-100 dark:fill-none\"\n            />\n            <path\n                d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n                className=\"dark:fill-gray-100\"\n            />\n        </svg>\n    </PreviewCardPrimitive.Arrow>\n);\n\n/**\n * @deprecated\n */\nexport type HoverCardTriggerProps = React.HTMLAttributes<HTMLAnchorElement> & { children: React.ReactElement };\nconst Trigger = React.forwardRef(function HoverCardTrigger(props: HoverCardTriggerProps, ref: React.Ref<HTMLAnchorElement>) {\n    const { children, className, ...otherProps } = props;\n\n    return (\n        <PreviewCardPrimitive.Trigger\n            {...otherProps}\n            className={cn('text-black', className)}\n            delay={300}\n            ref={ref}\n            render={children}\n        />\n    );\n});\n\n/**\n * @deprecated\n */\nexport type HoverCardContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Set the position of the HoverCard relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\nconst Content = React.forwardRef(function HoverCardContent(props: HoverCardContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement: side } = props;\n    const className = cn(getPopoverStyleClassnames(), 'min-w-[theme(spacing.40)] max-w-[theme(spacing.96)]', props.className);\n\n    return (\n        <PreviewCardPrimitive.Portal>\n            <PreviewCardPrimitive.Positioner side={side} sideOffset={12}>\n                <PreviewCardPrimitive.Popup className={className} data-taco=\"hover-card\" ref={ref}>\n                    {props.children}\n                    <Arrow />\n                </PreviewCardPrimitive.Popup>\n            </PreviewCardPrimitive.Positioner>\n        </PreviewCardPrimitive.Portal>\n    );\n});\n\n/**\n * @deprecated\n */\nexport type HoverCardProps = React.PropsWithChildren<object>;\n\n/**\n * @deprecated\n */\nexport const HoverCard = (props: HoverCardProps) => {\n    return <PreviewCardPrimitive.Root {...props} />;\n};\nHoverCard.Trigger = Trigger;\nHoverCard.Content = Content;\n"],"names":["PreviewCardPrimitive"],"mappings":";;;;AAOA,MAAM,QAAQ,MACV,sBAAA,cAACA,YAAqB,OAArB,EAA2B,WAAU,kNACjC,sBAAA,cAAA,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,UACjD,sBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,GAAE;AAAA,IACF,WAAU;AAAA,EAAA;AACd,GACA,sBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,GAAE;AAAA,IACF,WAAU;AAAA,EAAA;AACd,GACA,sBAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,GAAE;AAAA,IACF,WAAU;AAAA,EAAA;AACd,CACJ,CACJ;AAOJ,MAAM,UAAU,MAAM,WAAW,SAAS,iBAAiB,OAA8B,KAAmC;AACxH,QAAM,EAAE,UAAU,WAAW,GAAG,WAAe,IAAA;AAG3C,SAAA,sBAAA;AAAA,IAACA,YAAqB;AAAA,IAArB;AAAA,MACI,GAAG;AAAA,MACJ,WAAW,GAAG,cAAc,SAAS;AAAA,MACrC,OAAO;AAAA,MACP;AAAA,MACA,QAAQ;AAAA,IAAA;AAAA,EACZ;AAER,CAAC;AASD,MAAM,UAAU,MAAM,WAAW,SAAS,iBAAiB,OAA8B,KAAgC;AAC/G,QAAA,EAAE,WAAW,KAAA,IAAS;AAC5B,QAAM,YAAY,GAAG,0BAA6B,GAAA,uDAAuD,MAAM,SAAS;AAGpH,SAAA,sBAAA,cAACA,YAAqB,QAArB,MACG,sBAAA,cAACA,YAAqB,YAArB,EAAgC,MAAY,YAAY,GACrD,GAAA,sBAAA,cAACA,YAAqB,OAArB,EAA2B,WAAsB,aAAU,cAAa,IAAA,GACpE,MAAM,UACN,sBAAA,cAAA,OAAA,IAAM,CACX,CACJ,CACJ;AAER,CAAC;AAUY,MAAA,YAAY,CAAC,UAA0B;AAChD,SAAQ,sBAAA,cAAAA,YAAqB,MAArB,EAA2B,GAAG,OAAO;AACjD;AACA,UAAU,UAAU;AACpB,UAAU,UAAU;"}

package/dist/components/Input/util.cjs

@@ -12,16 +12,16 @@ const getInputClasses = (props) => {
     {
       "bg-white": !props.highlighted && !readOnly,
       // default
-      "border-gray-300 enabled:hover:border-gray-500 disabled:border-gray-200": !invalid,
+      "border-gray-200 enabled:hover:border-gray-300 disabled:border-gray-100": !invalid,
       // disabled
-      "text-opacity-25 cursor-not-allowed placeholder:text-gray-700": disabled,
+      "text-opacity-25 cursor-not-allowed placeholder:text-gray-500": disabled,
       // highlighted
-      "bg-yellow-100/50": props.highlighted && disabled,
-      "bg-yellow-100": props.highlighted && !disabled,
+      "bg-yellow-50/25": props.highlighted && disabled,
+      "bg-yellow-50/50": props.highlighted && !disabled,
       // invalid
-      "border-red-500 enabled:hover:border-red-700 disabled:border-red-500/50": invalid,
+      "border-red-500 enabled:hover:border-red-500 disabled:border-red-300/50": invalid,
       // readOnly
-      "cursor-not-allowed text-black bg-gray-200": readOnly
+      "cursor-not-allowed text-black bg-gray-50": readOnly
     }
   );
 };
@@ -31,7 +31,7 @@ const getButtonStateClasses = (invalid, disabled = false) => {
       "border-red-500/30": disabled
     });
   }
-  return "border border-gray-300 group-peer-hover:enabled:border-gray-500 transition-colors transition-opacity ease-in";
+  return "border border-gray-200 group-peer-hover:enabled:border-gray-300 transition-colors transition-opacity ease-in";
 };
 exports.getButtonStateClasses = getButtonStateClasses;
 exports.getInputClasses = getInputClasses;

package/dist/components/Input/util.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"util.cjs","sources":["../../../src/components/Input/util.ts"],"sourcesContent":["import cn from 'clsx';\n\ntype InputClassesProps = Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    'aria-disabled' | 'aria-readonly' | 'aria-invalid' | 'readOnly' | 'disabled'\n> & {\n    invalid?: boolean;\n    highlighted?: boolean;\n};\n\nexport const getInputClasses = (props: InputClassesProps) => {\n    const disabled = props.disabled || !!props['aria-disabled'];\n    const readOnly = props.readOnly || !!props['aria-readonly'];\n    const invalid = props.invalid || !!props['aria-invalid'];\n\n    return cn(\n        'peer text-black text-sm border font-normal not-italic no-underline rounded flex items-center leading-6 px-2 relative w-full text-ellipsis transition-colors transition-opacity ease-in min-h-[theme(spacing.8)] focus:yt-focus',\n        // hide the arrow controls on input[type=number]\n        '[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',\n        {\n            'bg-white': !props.highlighted && !readOnly,\n            // default\n            'border-gray-300 enabled:hover:border-gray-500 disabled:border-gray-200': !invalid,\n            // disabled\n            'text-opacity-25 cursor-not-allowed placeholder:text-gray-700': disabled,\n            // highlighted\n            'bg-yellow-100/50': props.highlighted && disabled,\n            'bg-yellow-100': props.highlighted && !disabled,\n            // invalid\n            'border-red-500 enabled:hover:border-red-700 disabled:border-red-500/50': invalid,\n            // readOnly\n            'cursor-not-allowed text-black bg-gray-200': readOnly,\n        }\n    );\n};\n\nexport const getButtonStateClasses = (invalid: boolean | undefined, disabled = false): string => {\n    if (invalid) {\n        return cn('border border-red-500 group-peer-hover:enabled:border-red-700 transition-colors ease-in', {\n            'border-red-500/30': disabled,\n        });\n    }\n\n    return 'border border-gray-300 group-peer-hover:enabled:border-gray-500 transition-colors transition-opacity ease-in';\n};\n"],"names":[],"mappings":";;;AAUa,MAAA,kBAAkB,CAAC,UAA6B;AACzD,QAAM,WAAW,MAAM,YAAY,CAAC,CAAC,MAAM,eAAe;AAC1D,QAAM,WAAW,MAAM,YAAY,CAAC,CAAC,MAAM,eAAe;AAC1D,QAAM,UAAU,MAAM,WAAW,CAAC,CAAC,MAAM,cAAc;AAEhD,SAAA;AAAA,IACH;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,MACI,YAAY,CAAC,MAAM,eAAe,CAAC;AAAA;AAAA,MAEnC,0EAA0E,CAAC;AAAA;AAAA,MAE3E,gEAAgE;AAAA;AAAA,MAEhE,oBAAoB,MAAM,eAAe;AAAA,MACzC,iBAAiB,MAAM,eAAe,CAAC;AAAA;AAAA,MAEvC,0EAA0E;AAAA;AAAA,MAE1E,6CAA6C;AAAA,IAAA;AAAA,EAErD;AACJ;AAEO,MAAM,wBAAwB,CAAC,SAA8B,WAAW,UAAkB;AAC7F,MAAI,SAAS;AACT,WAAO,GAAG,2FAA2F;AAAA,MACjG,qBAAqB;AAAA,IAAA,CACxB;AAAA,EAAA;AAGE,SAAA;AACX;;;"}
+{"version":3,"file":"util.cjs","sources":["../../../src/components/Input/util.ts"],"sourcesContent":["import cn from 'clsx';\n\ntype InputClassesProps = Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    'aria-disabled' | 'aria-readonly' | 'aria-invalid' | 'readOnly' | 'disabled'\n> & {\n    invalid?: boolean;\n    highlighted?: boolean;\n};\n\nexport const getInputClasses = (props: InputClassesProps) => {\n    const disabled = props.disabled || !!props['aria-disabled'];\n    const readOnly = props.readOnly || !!props['aria-readonly'];\n    const invalid = props.invalid || !!props['aria-invalid'];\n\n    return cn(\n        'peer text-black text-sm border font-normal not-italic no-underline rounded flex items-center leading-6 px-2 relative w-full text-ellipsis transition-colors transition-opacity ease-in min-h-[theme(spacing.8)] focus:yt-focus',\n        // hide the arrow controls on input[type=number]\n        '[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',\n        {\n            'bg-white': !props.highlighted && !readOnly,\n            // default\n            'border-gray-200 enabled:hover:border-gray-300 disabled:border-gray-100': !invalid,\n            // disabled\n            'text-opacity-25 cursor-not-allowed placeholder:text-gray-500': disabled,\n            // highlighted\n            'bg-yellow-50/25': props.highlighted && disabled,\n            'bg-yellow-50/50': props.highlighted && !disabled,\n            // invalid\n            'border-red-500 enabled:hover:border-red-500 disabled:border-red-300/50': invalid,\n            // readOnly\n            'cursor-not-allowed text-black bg-gray-50': readOnly,\n        }\n    );\n};\n\nexport const getButtonStateClasses = (invalid: boolean | undefined, disabled = false): string => {\n    if (invalid) {\n        return cn('border border-red-500 group-peer-hover:enabled:border-red-700 transition-colors ease-in', {\n            'border-red-500/30': disabled,\n        });\n    }\n\n    return 'border border-gray-200 group-peer-hover:enabled:border-gray-300 transition-colors transition-opacity ease-in';\n};\n"],"names":[],"mappings":";;;AAUa,MAAA,kBAAkB,CAAC,UAA6B;AACzD,QAAM,WAAW,MAAM,YAAY,CAAC,CAAC,MAAM,eAAe;AAC1D,QAAM,WAAW,MAAM,YAAY,CAAC,CAAC,MAAM,eAAe;AAC1D,QAAM,UAAU,MAAM,WAAW,CAAC,CAAC,MAAM,cAAc;AAEhD,SAAA;AAAA,IACH;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,MACI,YAAY,CAAC,MAAM,eAAe,CAAC;AAAA;AAAA,MAEnC,0EAA0E,CAAC;AAAA;AAAA,MAE3E,gEAAgE;AAAA;AAAA,MAEhE,mBAAmB,MAAM,eAAe;AAAA,MACxC,mBAAmB,MAAM,eAAe,CAAC;AAAA;AAAA,MAEzC,0EAA0E;AAAA;AAAA,MAE1E,4CAA4C;AAAA,IAAA;AAAA,EAEpD;AACJ;AAEO,MAAM,wBAAwB,CAAC,SAA8B,WAAW,UAAkB;AAC7F,MAAI,SAAS;AACT,WAAO,GAAG,2FAA2F;AAAA,MACjG,qBAAqB;AAAA,IAAA,CACxB;AAAA,EAAA;AAGE,SAAA;AACX;;;"}

package/dist/components/Input/util.js

@@ -10,16 +10,16 @@ const getInputClasses = (props) => {
     {
       "bg-white": !props.highlighted && !readOnly,
       // default
-      "border-gray-300 enabled:hover:border-gray-500 disabled:border-gray-200": !invalid,
+      "border-gray-200 enabled:hover:border-gray-300 disabled:border-gray-100": !invalid,
       // disabled
-      "text-opacity-25 cursor-not-allowed placeholder:text-gray-700": disabled,
+      "text-opacity-25 cursor-not-allowed placeholder:text-gray-500": disabled,
       // highlighted
-      "bg-yellow-100/50": props.highlighted && disabled,
-      "bg-yellow-100": props.highlighted && !disabled,
+      "bg-yellow-50/25": props.highlighted && disabled,
+      "bg-yellow-50/50": props.highlighted && !disabled,
       // invalid
-      "border-red-500 enabled:hover:border-red-700 disabled:border-red-500/50": invalid,
+      "border-red-500 enabled:hover:border-red-500 disabled:border-red-300/50": invalid,
       // readOnly
-      "cursor-not-allowed text-black bg-gray-200": readOnly
+      "cursor-not-allowed text-black bg-gray-50": readOnly
     }
   );
 };
@@ -29,7 +29,7 @@ const getButtonStateClasses = (invalid, disabled = false) => {
       "border-red-500/30": disabled
     });
   }
-  return "border border-gray-300 group-peer-hover:enabled:border-gray-500 transition-colors transition-opacity ease-in";
+  return "border border-gray-200 group-peer-hover:enabled:border-gray-300 transition-colors transition-opacity ease-in";
 };
 export {
   getButtonStateClasses,

package/dist/components/Input/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../src/components/Input/util.ts"],"sourcesContent":["import cn from 'clsx';\n\ntype InputClassesProps = Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    'aria-disabled' | 'aria-readonly' | 'aria-invalid' | 'readOnly' | 'disabled'\n> & {\n    invalid?: boolean;\n    highlighted?: boolean;\n};\n\nexport const getInputClasses = (props: InputClassesProps) => {\n    const disabled = props.disabled || !!props['aria-disabled'];\n    const readOnly = props.readOnly || !!props['aria-readonly'];\n    const invalid = props.invalid || !!props['aria-invalid'];\n\n    return cn(\n        'peer text-black text-sm border font-normal not-italic no-underline rounded flex items-center leading-6 px-2 relative w-full text-ellipsis transition-colors transition-opacity ease-in min-h-[theme(spacing.8)] focus:yt-focus',\n        // hide the arrow controls on input[type=number]\n        '[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',\n        {\n            'bg-white': !props.highlighted && !readOnly,\n            // default\n            'border-gray-300 enabled:hover:border-gray-500 disabled:border-gray-200': !invalid,\n            // disabled\n            'text-opacity-25 cursor-not-allowed placeholder:text-gray-700': disabled,\n            // highlighted\n            'bg-yellow-100/50': props.highlighted && disabled,\n            'bg-yellow-100': props.highlighted && !disabled,\n            // invalid\n            'border-red-500 enabled:hover:border-red-700 disabled:border-red-500/50': invalid,\n            // readOnly\n            'cursor-not-allowed text-black bg-gray-200': readOnly,\n        }\n    );\n};\n\nexport const getButtonStateClasses = (invalid: boolean | undefined, disabled = false): string => {\n    if (invalid) {\n        return cn('border border-red-500 group-peer-hover:enabled:border-red-700 transition-colors ease-in', {\n            'border-red-500/30': disabled,\n        });\n    }\n\n    return 'border border-gray-300 group-peer-hover:enabled:border-gray-500 transition-colors transition-opacity ease-in';\n};\n"],"names":[],"mappings":";AAUa,MAAA,kBAAkB,CAAC,UAA6B;AACzD,QAAM,WAAW,MAAM,YAAY,CAAC,CAAC,MAAM,eAAe;AAC1D,QAAM,WAAW,MAAM,YAAY,CAAC,CAAC,MAAM,eAAe;AAC1D,QAAM,UAAU,MAAM,WAAW,CAAC,CAAC,MAAM,cAAc;AAEhD,SAAA;AAAA,IACH;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,MACI,YAAY,CAAC,MAAM,eAAe,CAAC;AAAA;AAAA,MAEnC,0EAA0E,CAAC;AAAA;AAAA,MAE3E,gEAAgE;AAAA;AAAA,MAEhE,oBAAoB,MAAM,eAAe;AAAA,MACzC,iBAAiB,MAAM,eAAe,CAAC;AAAA;AAAA,MAEvC,0EAA0E;AAAA;AAAA,MAE1E,6CAA6C;AAAA,IAAA;AAAA,EAErD;AACJ;AAEO,MAAM,wBAAwB,CAAC,SAA8B,WAAW,UAAkB;AAC7F,MAAI,SAAS;AACT,WAAO,GAAG,2FAA2F;AAAA,MACjG,qBAAqB;AAAA,IAAA,CACxB;AAAA,EAAA;AAGE,SAAA;AACX;"}
+{"version":3,"file":"util.js","sources":["../../../src/components/Input/util.ts"],"sourcesContent":["import cn from 'clsx';\n\ntype InputClassesProps = Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    'aria-disabled' | 'aria-readonly' | 'aria-invalid' | 'readOnly' | 'disabled'\n> & {\n    invalid?: boolean;\n    highlighted?: boolean;\n};\n\nexport const getInputClasses = (props: InputClassesProps) => {\n    const disabled = props.disabled || !!props['aria-disabled'];\n    const readOnly = props.readOnly || !!props['aria-readonly'];\n    const invalid = props.invalid || !!props['aria-invalid'];\n\n    return cn(\n        'peer text-black text-sm border font-normal not-italic no-underline rounded flex items-center leading-6 px-2 relative w-full text-ellipsis transition-colors transition-opacity ease-in min-h-[theme(spacing.8)] focus:yt-focus',\n        // hide the arrow controls on input[type=number]\n        '[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',\n        {\n            'bg-white': !props.highlighted && !readOnly,\n            // default\n            'border-gray-200 enabled:hover:border-gray-300 disabled:border-gray-100': !invalid,\n            // disabled\n            'text-opacity-25 cursor-not-allowed placeholder:text-gray-500': disabled,\n            // highlighted\n            'bg-yellow-50/25': props.highlighted && disabled,\n            'bg-yellow-50/50': props.highlighted && !disabled,\n            // invalid\n            'border-red-500 enabled:hover:border-red-500 disabled:border-red-300/50': invalid,\n            // readOnly\n            'cursor-not-allowed text-black bg-gray-50': readOnly,\n        }\n    );\n};\n\nexport const getButtonStateClasses = (invalid: boolean | undefined, disabled = false): string => {\n    if (invalid) {\n        return cn('border border-red-500 group-peer-hover:enabled:border-red-700 transition-colors ease-in', {\n            'border-red-500/30': disabled,\n        });\n    }\n\n    return 'border border-gray-200 group-peer-hover:enabled:border-gray-300 transition-colors transition-opacity ease-in';\n};\n"],"names":[],"mappings":";AAUa,MAAA,kBAAkB,CAAC,UAA6B;AACzD,QAAM,WAAW,MAAM,YAAY,CAAC,CAAC,MAAM,eAAe;AAC1D,QAAM,WAAW,MAAM,YAAY,CAAC,CAAC,MAAM,eAAe;AAC1D,QAAM,UAAU,MAAM,WAAW,CAAC,CAAC,MAAM,cAAc;AAEhD,SAAA;AAAA,IACH;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,MACI,YAAY,CAAC,MAAM,eAAe,CAAC;AAAA;AAAA,MAEnC,0EAA0E,CAAC;AAAA;AAAA,MAE3E,gEAAgE;AAAA;AAAA,MAEhE,mBAAmB,MAAM,eAAe;AAAA,MACxC,mBAAmB,MAAM,eAAe,CAAC;AAAA;AAAA,MAEzC,0EAA0E;AAAA;AAAA,MAE1E,4CAA4C;AAAA,IAAA;AAAA,EAEpD;AACJ;AAEO,MAAM,wBAAwB,CAAC,SAA8B,WAAW,UAAkB;AAC7F,MAAI,SAAS;AACT,WAAO,GAAG,2FAA2F;AAAA,MACjG,qBAAqB;AAAA,IAAA,CACxB;AAAA,EAAA;AAGE,SAAA;AACX;"}

package/dist/components/Layout/components/Sidebar.cjs

@@ -39,7 +39,7 @@ const Sidebar = React.forwardRef(function LayoutSidebar(props, ref) {
       // this prevents awkward animation in the edge case (resizing the browser, instead of starting at a given size)
       invisible: isSmallScreen && !ready,
       "transition-[transform] duration-300 visible": isSmallScreen && ready,
-      "border-r-2 border-black/[.08] ": !showBackdrop
+      "border-r-2 border-black-subtle ": !showBackdrop
     },
     props.className
   );
@@ -61,7 +61,7 @@ const Sidebar = React.forwardRef(function LayoutSidebar(props, ref) {
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       onClick: () => setSidebarOpen(false),
-      className: "fixed inset-0 z-[1] cursor-default overflow-y-auto bg-blue-900/[0.3] print:absolute print:overflow-visible"
+      className: "bg-brand-midnight/[0.3] fixed inset-0 z-[1] cursor-default overflow-y-auto print:absolute print:overflow-visible"
     }
   )));
 });

package/dist/components/Layout/components/Sidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.cjs","sources":["../../../../src/components/Layout/components/Sidebar.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { LayoutContext } from './Context';\nimport { useIsLargeScreen } from '../../../hooks/useIsLargeScreen';\n\nexport type LayoutSidebarProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    children:\n        | React.ReactNode\n        | (({\n              isLargeScreen,\n              open,\n              toggleSidebar,\n          }: {\n              isLargeScreen: boolean;\n              open: boolean;\n              toggleSidebar: () => void;\n          }) => React.ReactNode);\n};\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, LayoutSidebarProps>(function LayoutSidebar(props, ref) {\n    const { children, ...attributes } = props;\n    const { sidebarOpen, setSidebarOpen } = React.useContext(LayoutContext);\n    const isLargeScreen = useIsLargeScreen();\n    const isSmallScreen = !isLargeScreen;\n\n    // if it's a large screen we override the open state and make it always visible\n    const isVisible = isLargeScreen || sidebarOpen;\n\n    // ensures the menu is always closed by default when resizing to a smaller window size\n    React.useEffect(() => {\n        setSidebarOpen(isLargeScreen);\n    }, [isLargeScreen]);\n\n    React.useEffect(() => {\n        const handleEscapeKey = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                event.preventDefault();\n                event.stopPropagation();\n                setSidebarOpen(false);\n            }\n        };\n\n        if (isSmallScreen && sidebarOpen) {\n            window.addEventListener('keydown', handleEscapeKey);\n        }\n\n        return () => {\n            window.removeEventListener('keydown', handleEscapeKey);\n        };\n    }, [isSmallScreen, sidebarOpen]);\n\n    const showBackdrop = isSmallScreen && sidebarOpen === true;\n\n    const [ready, setReady] = React.useState(isSmallScreen);\n\n    const className = cn(\n        'bg-gray-50 h-full w-64 flex-shrink-0 flex-grow-0 print:hidden',\n        {\n            'absolute z-10 aria-hidden:-translate-x-64 ': isSmallScreen,\n            // prevent animation when crossing the boundary from large to small screen,\n            // this prevents awkward animation in the edge case (resizing the browser, instead of starting at a given size)\n            invisible: isSmallScreen && !ready,\n            'transition-[transform] duration-300 visible': isSmallScreen && ready,\n            'border-r-2 border-black/[.08] ': !showBackdrop,\n        },\n        props.className\n    );\n\n    React.useEffect(() => {\n        // ensure state is updated in the next cpu tick so that the animation definitely doesn't run\n        setTimeout(() => {\n            setReady(isSmallScreen);\n        }, 1);\n    }, [isSmallScreen]);\n\n    const toggleSidebar = () => setSidebarOpen(open => !open);\n    const content = typeof children === 'function' ? children({ isLargeScreen, open: sidebarOpen, toggleSidebar }) : children;\n\n    if (!content) {\n        return null;\n    }\n\n    return (\n        <>\n            <nav {...attributes} data-responsive={isSmallScreen} aria-hidden={!isVisible} className={className} ref={ref}>\n                {content}\n            </nav>\n            <AnimatePresence>\n                {showBackdrop && (\n                    <motion.div\n                        aria-hidden\n                        initial={{ opacity: 0 }}\n                        animate={{ opacity: 1 }}\n                        exit={{ opacity: 0 }}\n                        onClick={() => setSidebarOpen(false)}\n                        className=\"fixed inset-0 z-[1] cursor-default overflow-y-auto bg-blue-900/[0.3] print:absolute print:overflow-visible\"\n                    />\n                )}\n            </AnimatePresence>\n        </>\n    );\n});\n"],"names":["LayoutContext","useIsLargeScreen","AnimatePresence","motion"],"mappings":";;;;;;;AAoBO,MAAM,UAAU,MAAM,WAA+C,SAAS,cAAc,OAAO,KAAK;AAC3G,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,EAAE,aAAa,eAAA,IAAmB,MAAM,WAAWA,QAAAA,aAAa;AACtE,QAAM,gBAAgBC,iBAAAA,iBAAiB;AACvC,QAAM,gBAAgB,CAAC;AAGvB,QAAM,YAAY,iBAAiB;AAGnC,QAAM,UAAU,MAAM;AAClB,mBAAe,aAAa;AAAA,EAAA,GAC7B,CAAC,aAAa,CAAC;AAElB,QAAM,UAAU,MAAM;AACZ,UAAA,kBAAkB,CAAC,UAAyB;AAC1C,UAAA,MAAM,QAAQ,UAAU;AACxB,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB,uBAAe,KAAK;AAAA,MAAA;AAAA,IAE5B;AAEA,QAAI,iBAAiB,aAAa;AACvB,aAAA,iBAAiB,WAAW,eAAe;AAAA,IAAA;AAGtD,WAAO,MAAM;AACF,aAAA,oBAAoB,WAAW,eAAe;AAAA,IACzD;AAAA,EAAA,GACD,CAAC,eAAe,WAAW,CAAC;AAEzB,QAAA,eAAe,iBAAiB,gBAAgB;AAEtD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,aAAa;AAEtD,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,8CAA8C;AAAA;AAAA;AAAA,MAG9C,WAAW,iBAAiB,CAAC;AAAA,MAC7B,+CAA+C,iBAAiB;AAAA,MAChE,kCAAkC,CAAC;AAAA,IACvC;AAAA,IACA,MAAM;AAAA,EACV;AAEA,QAAM,UAAU,MAAM;AAElB,eAAW,MAAM;AACb,eAAS,aAAa;AAAA,OACvB,CAAC;AAAA,EAAA,GACL,CAAC,aAAa,CAAC;AAElB,QAAM,gBAAgB,MAAM,eAAe,CAAA,SAAQ,CAAC,IAAI;AAClD,QAAA,UAAU,OAAO,aAAa,aAAa,SAAS,EAAE,eAAe,MAAM,aAAa,cAAc,CAAC,IAAI;AAEjH,MAAI,CAAC,SAAS;AACH,WAAA;AAAA,EAAA;AAGX,mEAES,sBAAA,cAAA,OAAA,EAAK,GAAG,YAAY,mBAAiB,eAAe,eAAa,CAAC,WAAW,WAAsB,IAC/F,GAAA,OACL,GACA,sBAAA,cAACC,aAAAA,uBACI,gBACG,sBAAA;AAAA,IAACC,aAAAA,OAAO;AAAA,IAAP;AAAA,MACG,eAAW;AAAA,MACX,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,MAAM,EAAE,SAAS,EAAE;AAAA,MACnB,SAAS,MAAM,eAAe,KAAK;AAAA,MACnC,WAAU;AAAA,IAAA;AAAA,EAAA,CAGtB,CACJ;AAER,CAAC;;"}
+{"version":3,"file":"Sidebar.cjs","sources":["../../../../src/components/Layout/components/Sidebar.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { LayoutContext } from './Context';\nimport { useIsLargeScreen } from '../../../hooks/useIsLargeScreen';\n\nexport type LayoutSidebarProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    children:\n        | React.ReactNode\n        | (({\n              isLargeScreen,\n              open,\n              toggleSidebar,\n          }: {\n              isLargeScreen: boolean;\n              open: boolean;\n              toggleSidebar: () => void;\n          }) => React.ReactNode);\n};\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, LayoutSidebarProps>(function LayoutSidebar(props, ref) {\n    const { children, ...attributes } = props;\n    const { sidebarOpen, setSidebarOpen } = React.useContext(LayoutContext);\n    const isLargeScreen = useIsLargeScreen();\n    const isSmallScreen = !isLargeScreen;\n\n    // if it's a large screen we override the open state and make it always visible\n    const isVisible = isLargeScreen || sidebarOpen;\n\n    // ensures the menu is always closed by default when resizing to a smaller window size\n    React.useEffect(() => {\n        setSidebarOpen(isLargeScreen);\n    }, [isLargeScreen]);\n\n    React.useEffect(() => {\n        const handleEscapeKey = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                event.preventDefault();\n                event.stopPropagation();\n                setSidebarOpen(false);\n            }\n        };\n\n        if (isSmallScreen && sidebarOpen) {\n            window.addEventListener('keydown', handleEscapeKey);\n        }\n\n        return () => {\n            window.removeEventListener('keydown', handleEscapeKey);\n        };\n    }, [isSmallScreen, sidebarOpen]);\n\n    const showBackdrop = isSmallScreen && sidebarOpen === true;\n\n    const [ready, setReady] = React.useState(isSmallScreen);\n\n    const className = cn(\n        'bg-gray-50 h-full w-64 flex-shrink-0 flex-grow-0 print:hidden',\n        {\n            'absolute z-10 aria-hidden:-translate-x-64 ': isSmallScreen,\n            // prevent animation when crossing the boundary from large to small screen,\n            // this prevents awkward animation in the edge case (resizing the browser, instead of starting at a given size)\n            invisible: isSmallScreen && !ready,\n            'transition-[transform] duration-300 visible': isSmallScreen && ready,\n            'border-r-2 border-black-subtle ': !showBackdrop,\n        },\n        props.className\n    );\n\n    React.useEffect(() => {\n        // ensure state is updated in the next cpu tick so that the animation definitely doesn't run\n        setTimeout(() => {\n            setReady(isSmallScreen);\n        }, 1);\n    }, [isSmallScreen]);\n\n    const toggleSidebar = () => setSidebarOpen(open => !open);\n    const content = typeof children === 'function' ? children({ isLargeScreen, open: sidebarOpen, toggleSidebar }) : children;\n\n    if (!content) {\n        return null;\n    }\n\n    return (\n        <>\n            <nav {...attributes} data-responsive={isSmallScreen} aria-hidden={!isVisible} className={className} ref={ref}>\n                {content}\n            </nav>\n            <AnimatePresence>\n                {showBackdrop && (\n                    <motion.div\n                        aria-hidden\n                        initial={{ opacity: 0 }}\n                        animate={{ opacity: 1 }}\n                        exit={{ opacity: 0 }}\n                        onClick={() => setSidebarOpen(false)}\n                        className=\"bg-brand-midnight/[0.3] fixed inset-0 z-[1] cursor-default overflow-y-auto print:absolute print:overflow-visible\"\n                    />\n                )}\n            </AnimatePresence>\n        </>\n    );\n});\n"],"names":["LayoutContext","useIsLargeScreen","AnimatePresence","motion"],"mappings":";;;;;;;AAoBO,MAAM,UAAU,MAAM,WAA+C,SAAS,cAAc,OAAO,KAAK;AAC3G,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,EAAE,aAAa,eAAA,IAAmB,MAAM,WAAWA,QAAAA,aAAa;AACtE,QAAM,gBAAgBC,iBAAAA,iBAAiB;AACvC,QAAM,gBAAgB,CAAC;AAGvB,QAAM,YAAY,iBAAiB;AAGnC,QAAM,UAAU,MAAM;AAClB,mBAAe,aAAa;AAAA,EAAA,GAC7B,CAAC,aAAa,CAAC;AAElB,QAAM,UAAU,MAAM;AACZ,UAAA,kBAAkB,CAAC,UAAyB;AAC1C,UAAA,MAAM,QAAQ,UAAU;AACxB,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB,uBAAe,KAAK;AAAA,MAAA;AAAA,IAE5B;AAEA,QAAI,iBAAiB,aAAa;AACvB,aAAA,iBAAiB,WAAW,eAAe;AAAA,IAAA;AAGtD,WAAO,MAAM;AACF,aAAA,oBAAoB,WAAW,eAAe;AAAA,IACzD;AAAA,EAAA,GACD,CAAC,eAAe,WAAW,CAAC;AAEzB,QAAA,eAAe,iBAAiB,gBAAgB;AAEtD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,aAAa;AAEtD,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,8CAA8C;AAAA;AAAA;AAAA,MAG9C,WAAW,iBAAiB,CAAC;AAAA,MAC7B,+CAA+C,iBAAiB;AAAA,MAChE,mCAAmC,CAAC;AAAA,IACxC;AAAA,IACA,MAAM;AAAA,EACV;AAEA,QAAM,UAAU,MAAM;AAElB,eAAW,MAAM;AACb,eAAS,aAAa;AAAA,OACvB,CAAC;AAAA,EAAA,GACL,CAAC,aAAa,CAAC;AAElB,QAAM,gBAAgB,MAAM,eAAe,CAAA,SAAQ,CAAC,IAAI;AAClD,QAAA,UAAU,OAAO,aAAa,aAAa,SAAS,EAAE,eAAe,MAAM,aAAa,cAAc,CAAC,IAAI;AAEjH,MAAI,CAAC,SAAS;AACH,WAAA;AAAA,EAAA;AAGX,mEAES,sBAAA,cAAA,OAAA,EAAK,GAAG,YAAY,mBAAiB,eAAe,eAAa,CAAC,WAAW,WAAsB,IAC/F,GAAA,OACL,GACA,sBAAA,cAACC,aAAAA,uBACI,gBACG,sBAAA;AAAA,IAACC,aAAAA,OAAO;AAAA,IAAP;AAAA,MACG,eAAW;AAAA,MACX,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,MAAM,EAAE,SAAS,EAAE;AAAA,MACnB,SAAS,MAAM,eAAe,KAAK;AAAA,MACnC,WAAU;AAAA,IAAA;AAAA,EAAA,CAGtB,CACJ;AAER,CAAC;;"}

package/dist/components/Layout/components/Sidebar.js

@@ -37,7 +37,7 @@ const Sidebar = React__default.forwardRef(function LayoutSidebar(props, ref) {
       // this prevents awkward animation in the edge case (resizing the browser, instead of starting at a given size)
       invisible: isSmallScreen && !ready,
       "transition-[transform] duration-300 visible": isSmallScreen && ready,
-      "border-r-2 border-black/[.08] ": !showBackdrop
+      "border-r-2 border-black-subtle ": !showBackdrop
     },
     props.className
   );
@@ -59,7 +59,7 @@ const Sidebar = React__default.forwardRef(function LayoutSidebar(props, ref) {
       animate: { opacity: 1 },
       exit: { opacity: 0 },
       onClick: () => setSidebarOpen(false),
-      className: "fixed inset-0 z-[1] cursor-default overflow-y-auto bg-blue-900/[0.3] print:absolute print:overflow-visible"
+      className: "bg-brand-midnight/[0.3] fixed inset-0 z-[1] cursor-default overflow-y-auto print:absolute print:overflow-visible"
     }
   )));
 });

package/dist/components/Layout/components/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Layout/components/Sidebar.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { LayoutContext } from './Context';\nimport { useIsLargeScreen } from '../../../hooks/useIsLargeScreen';\n\nexport type LayoutSidebarProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    children:\n        | React.ReactNode\n        | (({\n              isLargeScreen,\n              open,\n              toggleSidebar,\n          }: {\n              isLargeScreen: boolean;\n              open: boolean;\n              toggleSidebar: () => void;\n          }) => React.ReactNode);\n};\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, LayoutSidebarProps>(function LayoutSidebar(props, ref) {\n    const { children, ...attributes } = props;\n    const { sidebarOpen, setSidebarOpen } = React.useContext(LayoutContext);\n    const isLargeScreen = useIsLargeScreen();\n    const isSmallScreen = !isLargeScreen;\n\n    // if it's a large screen we override the open state and make it always visible\n    const isVisible = isLargeScreen || sidebarOpen;\n\n    // ensures the menu is always closed by default when resizing to a smaller window size\n    React.useEffect(() => {\n        setSidebarOpen(isLargeScreen);\n    }, [isLargeScreen]);\n\n    React.useEffect(() => {\n        const handleEscapeKey = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                event.preventDefault();\n                event.stopPropagation();\n                setSidebarOpen(false);\n            }\n        };\n\n        if (isSmallScreen && sidebarOpen) {\n            window.addEventListener('keydown', handleEscapeKey);\n        }\n\n        return () => {\n            window.removeEventListener('keydown', handleEscapeKey);\n        };\n    }, [isSmallScreen, sidebarOpen]);\n\n    const showBackdrop = isSmallScreen && sidebarOpen === true;\n\n    const [ready, setReady] = React.useState(isSmallScreen);\n\n    const className = cn(\n        'bg-gray-50 h-full w-64 flex-shrink-0 flex-grow-0 print:hidden',\n        {\n            'absolute z-10 aria-hidden:-translate-x-64 ': isSmallScreen,\n            // prevent animation when crossing the boundary from large to small screen,\n            // this prevents awkward animation in the edge case (resizing the browser, instead of starting at a given size)\n            invisible: isSmallScreen && !ready,\n            'transition-[transform] duration-300 visible': isSmallScreen && ready,\n            'border-r-2 border-black/[.08] ': !showBackdrop,\n        },\n        props.className\n    );\n\n    React.useEffect(() => {\n        // ensure state is updated in the next cpu tick so that the animation definitely doesn't run\n        setTimeout(() => {\n            setReady(isSmallScreen);\n        }, 1);\n    }, [isSmallScreen]);\n\n    const toggleSidebar = () => setSidebarOpen(open => !open);\n    const content = typeof children === 'function' ? children({ isLargeScreen, open: sidebarOpen, toggleSidebar }) : children;\n\n    if (!content) {\n        return null;\n    }\n\n    return (\n        <>\n            <nav {...attributes} data-responsive={isSmallScreen} aria-hidden={!isVisible} className={className} ref={ref}>\n                {content}\n            </nav>\n            <AnimatePresence>\n                {showBackdrop && (\n                    <motion.div\n                        aria-hidden\n                        initial={{ opacity: 0 }}\n                        animate={{ opacity: 1 }}\n                        exit={{ opacity: 0 }}\n                        onClick={() => setSidebarOpen(false)}\n                        className=\"fixed inset-0 z-[1] cursor-default overflow-y-auto bg-blue-900/[0.3] print:absolute print:overflow-visible\"\n                    />\n                )}\n            </AnimatePresence>\n        </>\n    );\n});\n"],"names":["React"],"mappings":";;;;;AAoBO,MAAM,UAAUA,eAAM,WAA+C,SAAS,cAAc,OAAO,KAAK;AAC3G,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,EAAE,aAAa,eAAA,IAAmBA,eAAM,WAAW,aAAa;AACtE,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,gBAAgB,CAAC;AAGvB,QAAM,YAAY,iBAAiB;AAGnCA,iBAAM,UAAU,MAAM;AAClB,mBAAe,aAAa;AAAA,EAAA,GAC7B,CAAC,aAAa,CAAC;AAElBA,iBAAM,UAAU,MAAM;AACZ,UAAA,kBAAkB,CAAC,UAAyB;AAC1C,UAAA,MAAM,QAAQ,UAAU;AACxB,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB,uBAAe,KAAK;AAAA,MAAA;AAAA,IAE5B;AAEA,QAAI,iBAAiB,aAAa;AACvB,aAAA,iBAAiB,WAAW,eAAe;AAAA,IAAA;AAGtD,WAAO,MAAM;AACF,aAAA,oBAAoB,WAAW,eAAe;AAAA,IACzD;AAAA,EAAA,GACD,CAAC,eAAe,WAAW,CAAC;AAEzB,QAAA,eAAe,iBAAiB,gBAAgB;AAEtD,QAAM,CAAC,OAAO,QAAQ,IAAIA,eAAM,SAAS,aAAa;AAEtD,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,8CAA8C;AAAA;AAAA;AAAA,MAG9C,WAAW,iBAAiB,CAAC;AAAA,MAC7B,+CAA+C,iBAAiB;AAAA,MAChE,kCAAkC,CAAC;AAAA,IACvC;AAAA,IACA,MAAM;AAAA,EACV;AAEAA,iBAAM,UAAU,MAAM;AAElB,eAAW,MAAM;AACb,eAAS,aAAa;AAAA,OACvB,CAAC;AAAA,EAAA,GACL,CAAC,aAAa,CAAC;AAElB,QAAM,gBAAgB,MAAM,eAAe,CAAA,SAAQ,CAAC,IAAI;AAClD,QAAA,UAAU,OAAO,aAAa,aAAa,SAAS,EAAE,eAAe,MAAM,aAAa,cAAc,CAAC,IAAI;AAEjH,MAAI,CAAC,SAAS;AACH,WAAA;AAAA,EAAA;AAGX,qFAESA,+BAAA,cAAA,OAAA,EAAK,GAAG,YAAY,mBAAiB,eAAe,eAAa,CAAC,WAAW,WAAsB,IAC/F,GAAA,OACL,GACAA,+BAAA,cAAC,uBACI,gBACGA,+BAAA;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACG,eAAW;AAAA,MACX,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,MAAM,EAAE,SAAS,EAAE;AAAA,MACnB,SAAS,MAAM,eAAe,KAAK;AAAA,MACnC,WAAU;AAAA,IAAA;AAAA,EAAA,CAGtB,CACJ;AAER,CAAC;"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Layout/components/Sidebar.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { LayoutContext } from './Context';\nimport { useIsLargeScreen } from '../../../hooks/useIsLargeScreen';\n\nexport type LayoutSidebarProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    children:\n        | React.ReactNode\n        | (({\n              isLargeScreen,\n              open,\n              toggleSidebar,\n          }: {\n              isLargeScreen: boolean;\n              open: boolean;\n              toggleSidebar: () => void;\n          }) => React.ReactNode);\n};\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, LayoutSidebarProps>(function LayoutSidebar(props, ref) {\n    const { children, ...attributes } = props;\n    const { sidebarOpen, setSidebarOpen } = React.useContext(LayoutContext);\n    const isLargeScreen = useIsLargeScreen();\n    const isSmallScreen = !isLargeScreen;\n\n    // if it's a large screen we override the open state and make it always visible\n    const isVisible = isLargeScreen || sidebarOpen;\n\n    // ensures the menu is always closed by default when resizing to a smaller window size\n    React.useEffect(() => {\n        setSidebarOpen(isLargeScreen);\n    }, [isLargeScreen]);\n\n    React.useEffect(() => {\n        const handleEscapeKey = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                event.preventDefault();\n                event.stopPropagation();\n                setSidebarOpen(false);\n            }\n        };\n\n        if (isSmallScreen && sidebarOpen) {\n            window.addEventListener('keydown', handleEscapeKey);\n        }\n\n        return () => {\n            window.removeEventListener('keydown', handleEscapeKey);\n        };\n    }, [isSmallScreen, sidebarOpen]);\n\n    const showBackdrop = isSmallScreen && sidebarOpen === true;\n\n    const [ready, setReady] = React.useState(isSmallScreen);\n\n    const className = cn(\n        'bg-gray-50 h-full w-64 flex-shrink-0 flex-grow-0 print:hidden',\n        {\n            'absolute z-10 aria-hidden:-translate-x-64 ': isSmallScreen,\n            // prevent animation when crossing the boundary from large to small screen,\n            // this prevents awkward animation in the edge case (resizing the browser, instead of starting at a given size)\n            invisible: isSmallScreen && !ready,\n            'transition-[transform] duration-300 visible': isSmallScreen && ready,\n            'border-r-2 border-black-subtle ': !showBackdrop,\n        },\n        props.className\n    );\n\n    React.useEffect(() => {\n        // ensure state is updated in the next cpu tick so that the animation definitely doesn't run\n        setTimeout(() => {\n            setReady(isSmallScreen);\n        }, 1);\n    }, [isSmallScreen]);\n\n    const toggleSidebar = () => setSidebarOpen(open => !open);\n    const content = typeof children === 'function' ? children({ isLargeScreen, open: sidebarOpen, toggleSidebar }) : children;\n\n    if (!content) {\n        return null;\n    }\n\n    return (\n        <>\n            <nav {...attributes} data-responsive={isSmallScreen} aria-hidden={!isVisible} className={className} ref={ref}>\n                {content}\n            </nav>\n            <AnimatePresence>\n                {showBackdrop && (\n                    <motion.div\n                        aria-hidden\n                        initial={{ opacity: 0 }}\n                        animate={{ opacity: 1 }}\n                        exit={{ opacity: 0 }}\n                        onClick={() => setSidebarOpen(false)}\n                        className=\"bg-brand-midnight/[0.3] fixed inset-0 z-[1] cursor-default overflow-y-auto print:absolute print:overflow-visible\"\n                    />\n                )}\n            </AnimatePresence>\n        </>\n    );\n});\n"],"names":["React"],"mappings":";;;;;AAoBO,MAAM,UAAUA,eAAM,WAA+C,SAAS,cAAc,OAAO,KAAK;AAC3G,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,EAAE,aAAa,eAAA,IAAmBA,eAAM,WAAW,aAAa;AACtE,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,gBAAgB,CAAC;AAGvB,QAAM,YAAY,iBAAiB;AAGnCA,iBAAM,UAAU,MAAM;AAClB,mBAAe,aAAa;AAAA,EAAA,GAC7B,CAAC,aAAa,CAAC;AAElBA,iBAAM,UAAU,MAAM;AACZ,UAAA,kBAAkB,CAAC,UAAyB;AAC1C,UAAA,MAAM,QAAQ,UAAU;AACxB,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB,uBAAe,KAAK;AAAA,MAAA;AAAA,IAE5B;AAEA,QAAI,iBAAiB,aAAa;AACvB,aAAA,iBAAiB,WAAW,eAAe;AAAA,IAAA;AAGtD,WAAO,MAAM;AACF,aAAA,oBAAoB,WAAW,eAAe;AAAA,IACzD;AAAA,EAAA,GACD,CAAC,eAAe,WAAW,CAAC;AAEzB,QAAA,eAAe,iBAAiB,gBAAgB;AAEtD,QAAM,CAAC,OAAO,QAAQ,IAAIA,eAAM,SAAS,aAAa;AAEtD,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,8CAA8C;AAAA;AAAA;AAAA,MAG9C,WAAW,iBAAiB,CAAC;AAAA,MAC7B,+CAA+C,iBAAiB;AAAA,MAChE,mCAAmC,CAAC;AAAA,IACxC;AAAA,IACA,MAAM;AAAA,EACV;AAEAA,iBAAM,UAAU,MAAM;AAElB,eAAW,MAAM;AACb,eAAS,aAAa;AAAA,OACvB,CAAC;AAAA,EAAA,GACL,CAAC,aAAa,CAAC;AAElB,QAAM,gBAAgB,MAAM,eAAe,CAAA,SAAQ,CAAC,IAAI;AAClD,QAAA,UAAU,OAAO,aAAa,aAAa,SAAS,EAAE,eAAe,MAAM,aAAa,cAAc,CAAC,IAAI;AAEjH,MAAI,CAAC,SAAS;AACH,WAAA;AAAA,EAAA;AAGX,qFAESA,+BAAA,cAAA,OAAA,EAAK,GAAG,YAAY,mBAAiB,eAAe,eAAa,CAAC,WAAW,WAAsB,IAC/F,GAAA,OACL,GACAA,+BAAA,cAAC,uBACI,gBACGA,+BAAA;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACG,eAAW;AAAA,MACX,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,MAAM,EAAE,SAAS,EAAE;AAAA,MACnB,SAAS,MAAM,eAAe,KAAK;AAAA,MACnC,WAAU;AAAA,IAAA;AAAA,EAAA,CAGtB,CACJ;AAER,CAAC;"}

package/dist/components/Menu/components/Item.cjs

@@ -42,7 +42,7 @@ const useItemStyling = ({
       "pl-1.5": !(menu2 == null ? void 0 : menu2.indented),
       /* TODO: Why have both hover and data-[highlighted]? */
       /* shadow-none on hover is to prevent the focus style from showing up on hover */
-      "cursor-pointer text-black hover:wcag-gray-200 data-[highlighted]:wcag-gray-200 focus-visible:yt-focus hover:!shadow-none": !disabled,
+      "cursor-pointer text-black hover:wcag-gray-100 data-[highlighted]:wcag-gray-100 focus-visible:yt-focus hover:!shadow-none": !disabled,
       "cursor-not-allowed hover:bg-white text-gray-300": disabled
     },
     className