npm - @economic/taco - Versions diffs - 8.1.2-hanger-base-ui.2 → 8.1.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (188) hide show

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

	@@ -1 +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;;;"}
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-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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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-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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;"}
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-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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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-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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;"}
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(), '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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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(), '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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;"}
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-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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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-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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;;"}
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-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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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-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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;;"}
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-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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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;"}
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-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 CHANGED Viewed

@@ -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