@tmorrow/cre8-wc 1.0.26 → 1.1.2

package/lib/design-tokens/tokens_netflix.theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens_netflix.theme.d.ts","sourceRoot":"","sources":["../../design-tokens/tokens_netflix.theme.ts"],"names":[],"mappings":"AAEC,QAAA,MAAM,OAAO,yBAweb,CAAC;AAGF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"tokens_netflix.theme.d.ts","sourceRoot":"","sources":["../../design-tokens/tokens_netflix.theme.ts"],"names":[],"mappings":"AAEC,QAAA,MAAM,OAAO,yBAkyBb,CAAC;AAGF,eAAe,OAAO,CAAC"}

package/lib/{icon-DImqxDiW.js → icon-D22g8aWB.js}

@@ -1,8 +1,8 @@
 import { css as V, html as i } from "lit";
-import { unsafeHTML as $ } from "lit/directives/unsafe-html.js";
+import { unsafeHTML as m } from "lit/directives/unsafe-html.js";
 import { property as e } from "lit/decorators.js";
 import { s as c } from "./Caret_Down-VI6aytYo.js";
-import { Cre8Element as m } from "./components/cre8-element.js";
+import { Cre8Element as $ } from "./components/cre8-element.js";
 const b = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M15.8125 3.33285L5.57291 13.5724C5.51347 13.6319 5.44289 13.6791 5.3652 13.7113C5.28751 13.7435 5.20423 13.7601 5.12013 13.7601C5.03603 13.7601 4.95275 13.7435 4.87506 13.7113C4.79737 13.6791 4.72678 13.6319 4.66735 13.5724L0.187547 9.0926C0.0674628 8.97251 0 8.80964 0 8.63982C0 8.46999 0.0674628 8.30712 0.187547 8.18704C0.307632 8.06695 0.470502 7.99949 0.640327 7.99949C0.810153 7.99949 0.973022 8.06695 1.09311 8.18704L5.12013 12.2149L14.9069 2.42729C15.027 2.30721 15.1898 2.23975 15.3597 2.23975C15.5295 2.23975 15.6924 2.30721 15.8125 2.42729C15.9325 2.54738 16 2.71025 16 2.88007C16 3.0499 15.9325 3.21277 15.8125 3.33285Z"/>
 </svg>
@@ -48,59 +48,59 @@ const b = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" x
 `, z = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M14.7985 1.20265C14.0284 0.432604 12.984 0 11.895 0C10.8059 0 9.76152 0.432604 8.99146 1.20265L1.16604 9.0273C0.412088 9.80065 -0.0068122 10.8399 8.3812e-05 11.9199C0.00697982 13 0.439117 14.0338 1.20288 14.7975C1.96664 15.5611 3.00052 15.9931 4.08055 15.9999C5.16058 16.0066 6.19979 15.5876 6.97304 14.8335L14.7992 7.00888C15.568 6.23824 15.9997 5.19412 15.9995 4.1056C15.9994 3.01708 15.5674 1.97308 14.7985 1.20265ZM6.10106 13.9616C5.56237 14.5003 4.83171 14.8031 4.06981 14.8031C3.30791 14.8032 2.57719 14.5006 2.0384 13.9619C1.4996 13.4232 1.19687 12.6926 1.1968 11.9307C1.19673 11.1688 1.49932 10.4381 2.03801 9.89927L5.51435 6.42293L9.5774 10.4852L6.10106 13.9616ZM13.9265 6.1369L10.4486 9.61324L6.38709 5.55096L9.8642 2.07462C10.405 1.54629 11.1323 1.25247 11.8884 1.25688C12.6444 1.2613 13.3683 1.5636 13.9029 2.09822C14.4375 2.63284 14.7398 3.35666 14.7442 4.11271C14.7486 4.86876 14.4548 5.59607 13.9265 6.1369ZM12.7369 4.4978C12.7942 4.55509 12.8397 4.62311 12.8707 4.69799C12.9018 4.77286 12.9178 4.85312 12.9178 4.93418C12.9178 5.01523 12.9018 5.09549 12.8707 5.17037C12.8397 5.24524 12.7942 5.31327 12.7369 5.37055L10.8865 7.2209C10.8292 7.27815 10.7612 7.32356 10.6863 7.35452C10.6115 7.38549 10.5313 7.40141 10.4503 7.40137C10.3693 7.40134 10.289 7.38535 10.2142 7.35432C10.1394 7.32328 10.0714 7.27782 10.0142 7.22051C9.9569 7.1632 9.9115 7.09518 9.88053 7.02033C9.84956 6.94548 9.83364 6.86526 9.83368 6.78425C9.83371 6.70324 9.84971 6.62304 9.88074 6.54821C9.91177 6.47339 9.95724 6.4054 10.0145 6.34815L11.8649 4.4978C11.9805 4.38222 12.1374 4.3173 12.3009 4.3173C12.4644 4.3173 12.6212 4.38222 12.7369 4.4978Z"/>
 </svg>
-`, H = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`, p = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 0C6.41775 0 4.87103 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346628 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C15.9978 5.87895 15.1542 3.84542 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM5.97154 11.0769H10.0285C9.61539 12.4877 8.92308 13.7592 8 14.7608C7.07692 13.7592 6.38462 12.4877 5.97154 11.0769ZM5.69231 9.84615C5.48821 8.62384 5.48821 7.37615 5.69231 6.15384H10.3077C10.5118 7.37615 10.5118 8.62384 10.3077 9.84615H5.69231ZM1.23077 8C1.23024 7.37572 1.31645 6.75439 1.48693 6.15384H4.44539C4.2618 7.37777 4.2618 8.62223 4.44539 9.84615H1.48693C1.31645 9.2456 1.23024 8.62428 1.23077 8ZM10.0285 4.92308H5.97154C6.38462 3.51231 7.07692 2.24077 8 1.23923C8.92308 2.24077 9.61539 3.51231 10.0285 4.92308ZM11.5546 6.15384H14.5131C14.8546 7.36092 14.8546 8.63908 14.5131 9.84615H11.5546C11.7382 8.62223 11.7382 7.37777 11.5546 6.15384ZM14.0285 4.92308H11.3031C10.989 3.68732 10.4616 2.51588 9.74462 1.46154C10.6607 1.70771 11.515 2.14286 12.2528 2.73902C12.9906 3.33518 13.5954 4.07915 14.0285 4.92308ZM6.25539 1.46154C5.53838 2.51588 5.01097 3.68732 4.69693 4.92308H1.97154C2.40456 4.07915 3.00941 3.33518 3.74719 2.73902C4.48497 2.14286 5.33935 1.70771 6.25539 1.46154ZM1.97154 11.0769H4.69693C5.01097 12.3127 5.53838 13.4841 6.25539 14.5385C5.33935 14.2923 4.48497 13.8571 3.74719 13.261C3.00941 12.6648 2.40456 11.9208 1.97154 11.0769ZM9.74462 14.5385C10.4616 13.4841 10.989 12.3127 11.3031 11.0769H14.0285C13.5954 11.9208 12.9906 12.6648 12.2528 13.261C11.515 13.8571 10.6607 14.2923 9.74462 14.5385Z"/>
 </svg>
 `, F = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M15.3525 9.13707C15.1781 9.00269 14.9782 8.9052 14.765 8.85054C14.5517 8.79588 14.3296 8.78519 14.1121 8.81913C15.3639 7.55536 15.9971 6.29893 15.9971 5.06715C15.9971 3.30281 14.578 1.86774 12.8336 1.86774C12.3708 1.86483 11.9129 1.96327 11.4922 2.15614C11.0714 2.34902 10.698 2.63165 10.3981 2.9842C10.0982 2.63165 9.72476 2.34902 9.30401 2.15614C8.88325 1.96327 8.42538 1.86483 7.96254 1.86774C6.21819 1.86774 4.79912 3.30281 4.79912 5.06715C4.79912 5.80035 5.01508 6.51289 5.46966 7.26675C5.09736 7.36107 4.75759 7.55457 4.48651 7.82665L2.97879 9.33304H1.06647C0.783625 9.33304 0.512364 9.4454 0.312362 9.6454C0.11236 9.8454 0 10.1167 0 10.3995L0 13.0657C0 13.3485 0.11236 13.6198 0.312362 13.8198C0.512364 14.0198 0.783625 14.1322 1.06647 14.1322H7.99853C8.04213 14.1322 8.08557 14.1268 8.12784 14.1162L12.3937 13.0497C12.4209 13.0432 12.4475 13.0343 12.473 13.023L15.0639 11.9206L15.0932 11.9072C15.3422 11.7828 15.5555 11.597 15.7128 11.3674C15.8702 11.1378 15.9665 10.8719 15.9927 10.5948C16.0189 10.3177 15.9741 10.0385 15.8626 9.78344C15.7511 9.52841 15.5764 9.30597 15.3552 9.13707H15.3525ZM7.96254 2.93421C8.37554 2.92817 8.78096 3.04544 9.12695 3.27104C9.47294 3.49663 9.74379 3.8203 9.90485 4.20064C9.94503 4.29845 10.0134 4.3821 10.1012 4.44097C10.189 4.49984 10.2924 4.53127 10.3981 4.53127C10.5038 4.53127 10.6072 4.49984 10.695 4.44097C10.7828 4.3821 10.8512 4.29845 10.8913 4.20064C11.0524 3.8203 11.3232 3.49663 11.6692 3.27104C12.0152 3.04544 12.4206 2.92817 12.8336 2.93421C13.9701 2.93421 14.9306 3.9107 14.9306 5.06715C14.9306 6.36758 13.8781 7.83864 11.8872 9.32637L11.148 9.49634C11.2128 9.22225 11.2148 8.93703 11.1538 8.66206C11.0928 8.38709 10.9703 8.12949 10.7956 7.90858C10.6208 7.68768 10.3984 7.50918 10.1448 7.38649C9.8913 7.26379 9.61329 7.20006 9.33162 7.20009H6.71077C6.13554 6.42424 5.86559 5.74169 5.86559 5.06715C5.86559 3.9107 6.82608 2.93421 7.96254 2.93421ZM1.06647 10.3995H2.66618V13.0657H1.06647V10.3995ZM14.626 10.9467L12.0931 12.0252L7.93188 13.0657H3.73265V10.0869L5.24104 8.57917C5.33971 8.47971 5.45717 8.40086 5.58659 8.34719C5.716 8.29352 5.8548 8.26612 5.9949 8.26657H9.33162C9.54376 8.26657 9.7472 8.35084 9.8972 8.50084C10.0472 8.65084 10.1315 8.85428 10.1315 9.06642C10.1315 9.27855 10.0472 9.482 9.8972 9.632C9.7472 9.782 9.54376 9.86627 9.33162 9.86627H7.4653C7.32388 9.86627 7.18825 9.92245 7.08824 10.0225C6.98824 10.1225 6.93206 10.2581 6.93206 10.3995C6.93206 10.5409 6.98824 10.6766 7.08824 10.7766C7.18825 10.8766 7.32388 10.9327 7.4653 10.9327H9.59824C9.63838 10.9326 9.67838 10.9282 9.71755 10.9194L14.1834 9.89227L14.2041 9.88694C14.3404 9.84909 14.4859 9.863 14.6126 9.92598C14.7393 9.98897 14.8382 10.0966 14.8903 10.2281C14.9424 10.3597 14.9441 10.5058 14.8949 10.6385C14.8457 10.7711 14.7492 10.8809 14.624 10.9467H14.626Z"/>
 </svg>
-`, j = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`, R = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.92308 12C8.92308 12.1826 8.86894 12.361 8.76751 12.5128C8.66608 12.6646 8.52192 12.7829 8.35325 12.8528C8.18458 12.9227 7.99898 12.941 7.81992 12.9053C7.64086 12.8697 7.47638 12.7818 7.34729 12.6527C7.21819 12.5236 7.13028 12.3591 7.09466 12.1801C7.05904 12.001 7.07732 11.8154 7.14719 11.6468C7.21706 11.4781 7.33537 11.3339 7.48717 11.2325C7.63897 11.1311 7.81743 11.0769 8 11.0769C8.24482 11.0769 8.4796 11.1742 8.65271 11.3473C8.82583 11.5204 8.92308 11.7552 8.92308 12ZM8 3.69231C6.30308 3.69231 4.92308 4.93461 4.92308 6.46154V6.76923C4.92308 6.93244 4.98791 7.08896 5.10332 7.20437C5.21873 7.31978 5.37525 7.38461 5.53846 7.38461C5.70167 7.38461 5.8582 7.31978 5.97361 7.20437C6.08901 7.08896 6.15385 6.93244 6.15385 6.76923V6.46154C6.15385 5.61538 6.98231 4.92308 8 4.92308C9.01769 4.92308 9.84616 5.61538 9.84616 6.46154C9.84616 7.30769 9.01769 8 8 8C7.83679 8 7.68027 8.06483 7.56486 8.18024C7.44945 8.29565 7.38462 8.45217 7.38462 8.61538V9.23077C7.38462 9.39398 7.44945 9.5505 7.56486 9.66591C7.68027 9.78132 7.83679 9.84615 8 9.84615C8.16321 9.84615 8.31974 9.78132 8.43514 9.66591C8.55055 9.5505 8.61539 9.39398 8.61539 9.23077V9.17538C10.0185 8.91769 11.0769 7.79846 11.0769 6.46154C11.0769 4.93461 9.69692 3.69231 8 3.69231ZM16 8C16 9.58225 15.5308 11.129 14.6518 12.4446C13.7727 13.7602 12.5233 14.7855 11.0615 15.391C9.59966 15.9965 7.99113 16.155 6.43928 15.8463C4.88743 15.5376 3.46197 14.7757 2.34315 13.6569C1.22433 12.538 0.462403 11.1126 0.153721 9.56072C-0.15496 8.00887 0.00346628 6.40034 0.608967 4.93853C1.21447 3.47672 2.23985 2.22729 3.55544 1.34824C4.87103 0.469192 6.41775 0 8 0C10.121 0.00223986 12.1546 0.845814 13.6544 2.34562C15.1542 3.84542 15.9978 5.87895 16 8ZM14.7692 8C14.7692 6.66117 14.3722 5.35241 13.6284 4.23922C12.8846 3.12602 11.8274 2.25839 10.5905 1.74605C9.35356 1.2337 7.99249 1.09965 6.67939 1.36084C5.36629 1.62203 4.16013 2.26674 3.21343 3.21343C2.26674 4.16012 1.62203 5.36629 1.36084 6.67939C1.09965 7.99249 1.2337 9.35356 1.74605 10.5905C2.2584 11.8274 3.12603 12.8846 4.23922 13.6284C5.35241 14.3722 6.66117 14.7692 8 14.7692C9.79469 14.7672 11.5153 14.0534 12.7843 12.7843C14.0534 11.5153 14.7672 9.79468 14.7692 8Z"/>
 </svg>
-`, E = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`, I = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 0C6.41775 0 4.87103 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346628 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C15.9978 5.87895 15.1542 3.84542 13.6544 2.34562C12.1546 0.845814 10.121 0.00223986 8 0ZM7.69231 3.69231C7.87488 3.69231 8.05334 3.74644 8.20514 3.84787C8.35694 3.9493 8.47526 4.09347 8.54512 4.26214C8.61499 4.43081 8.63327 4.61641 8.59765 4.79547C8.56203 4.97453 8.47412 5.139 8.34502 5.2681C8.21593 5.39719 8.05145 5.48511 7.87239 5.52072C7.69333 5.55634 7.50773 5.53806 7.33906 5.46819C7.17039 5.39833 7.02623 5.28002 6.9248 5.12822C6.82337 4.97642 6.76923 4.79795 6.76923 4.61538C6.76923 4.37057 6.86649 4.13578 7.0396 3.96267C7.21271 3.78956 7.44749 3.69231 7.69231 3.69231ZM8.61539 12.3077C8.28897 12.3077 7.97591 12.178 7.7451 11.9472C7.51429 11.7164 7.38462 11.4033 7.38462 11.0769V8C7.22141 8 7.06488 7.93516 6.94947 7.81976C6.83407 7.70435 6.76923 7.54782 6.76923 7.38461C6.76923 7.2214 6.83407 7.06488 6.94947 6.94947C7.06488 6.83406 7.22141 6.76923 7.38462 6.76923C7.71104 6.76923 8.02409 6.8989 8.2549 7.12971C8.48572 7.36053 8.61539 7.67358 8.61539 8V11.0769C8.7786 11.0769 8.93512 11.1418 9.05053 11.2572C9.16594 11.3726 9.23077 11.5291 9.23077 11.6923C9.23077 11.8555 9.16594 12.012 9.05053 12.1274C8.93512 12.2429 8.7786 12.3077 8.61539 12.3077Z"/>
 </svg>
 `, o = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M15.7867 12.1506C15.7192 12.2183 15.639 12.2719 15.5507 12.3085C15.4624 12.3451 15.3678 12.3639 15.2722 12.3639C15.1766 12.3639 15.082 12.3451 14.9937 12.3085C14.9054 12.2719 14.8252 12.2183 14.7577 12.1506L7.99992 5.39197L1.24215 12.1506C1.10569 12.2871 0.920613 12.3638 0.727633 12.3638C0.534652 12.3638 0.349576 12.2871 0.213119 12.1506C0.076661 12.0142 3.8041e-09 11.8291 0 11.6361C-3.8041e-09 11.4432 0.076661 11.2581 0.213119 11.1216L7.4854 3.84933C7.55294 3.78172 7.63315 3.72808 7.72143 3.69148C7.80972 3.65488 7.90435 3.63605 7.99992 3.63605C8.09548 3.63605 8.19012 3.65488 8.2784 3.69148C8.36668 3.72808 8.44689 3.78172 8.51443 3.84933L15.7867 11.1216C15.8543 11.1892 15.908 11.2694 15.9446 11.3576C15.9812 11.4459 16 11.5406 16 11.6361C16 11.7317 15.9812 11.8263 15.9446 11.9146C15.908 12.0029 15.8543 12.0831 15.7867 12.1506Z"/>
 </svg>
-`, U = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`, O = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M11.4282 15.4286C11.4282 15.5802 11.368 15.7255 11.2609 15.8327C11.1537 15.9398 11.0084 16 10.8569 16H5.14324C4.9917 16 4.84638 15.9398 4.73922 15.8327C4.63207 15.7255 4.57188 15.5802 4.57188 15.4286C4.57188 15.2771 4.63207 15.1318 4.73922 15.0246C4.84638 14.9175 4.9917 14.8573 5.14324 14.8573H10.8569C11.0084 14.8573 11.1537 14.9175 11.2609 15.0246C11.368 15.1318 11.4282 15.2771 11.4282 15.4286ZM14.2851 6.28682C14.2875 7.23931 14.0723 8.17978 13.656 9.03644C13.2396 9.89311 12.633 10.6433 11.8825 11.2298C11.7421 11.3374 11.6283 11.4756 11.5495 11.6339C11.4708 11.7923 11.4293 11.9665 11.4282 12.1433V12.5718C11.4282 12.8749 11.3078 13.1655 11.0935 13.3798C10.8792 13.5942 10.5886 13.7145 10.2855 13.7145H5.7146C5.41153 13.7145 5.12088 13.5942 4.90657 13.3798C4.69227 13.1655 4.57188 12.8749 4.57188 12.5718V12.1433C4.57176 11.9686 4.53159 11.7963 4.45445 11.6395C4.37732 11.4828 4.26527 11.3458 4.12693 11.2391C3.3783 10.6561 2.77211 9.91037 2.35426 9.05844C1.9364 8.20652 1.71782 7.2707 1.71506 6.32182C1.69649 2.91792 4.4476 0.0832435 7.84865 0.00182421C8.68666 -0.0183701 9.52024 0.129276 10.3003 0.436073C11.0804 0.74287 11.7913 1.20262 12.391 1.78826C12.9908 2.3739 13.4673 3.07359 13.7926 3.84616C14.1179 4.61873 14.2853 5.44857 14.2851 6.28682ZM13.1423 6.28682C13.1425 5.60094 13.0055 4.92196 12.7394 4.28983C12.4732 3.6577 12.0833 3.0852 11.5925 2.60604C11.1018 2.12687 10.5201 1.75072 9.88183 1.49973C9.24353 1.24874 8.56146 1.12798 7.87579 1.14455C5.09039 1.21026 2.84279 3.52928 2.85779 6.31468C2.8604 7.09072 3.03948 7.85601 3.38148 8.55263C3.72348 9.24926 4.21945 9.85897 4.83185 10.3356C5.10713 10.5496 5.3298 10.8238 5.48281 11.1371C5.63582 11.4504 5.7151 11.7946 5.7146 12.1433V12.5718H10.2855V12.1433C10.2863 11.7936 10.3669 11.4487 10.5213 11.135C10.6756 10.8212 10.8996 10.5468 11.1761 10.3328C11.7904 9.85272 12.2869 9.23865 12.6276 8.53744C12.9684 7.83624 13.1444 7.06644 13.1423 6.28682ZM11.9917 5.61976C11.8436 4.7922 11.4454 4.02991 10.8509 3.4355C10.2564 2.8411 9.49399 2.44311 8.66641 2.29513C8.59241 2.28266 8.51667 2.28488 8.44353 2.30168C8.37039 2.31847 8.30127 2.34951 8.24013 2.39301C8.17898 2.43652 8.127 2.49164 8.08716 2.55524C8.04731 2.61883 8.02039 2.68965 8.00791 2.76365C7.99544 2.83765 7.99766 2.91339 8.01446 2.98653C8.03125 3.05967 8.06229 3.12879 8.10579 3.18993C8.1493 3.25108 8.20442 3.30306 8.26802 3.3429C8.33161 3.38275 8.40243 3.40967 8.47643 3.42215C9.65987 3.62141 10.664 4.62558 10.8647 5.81116C10.8873 5.94423 10.9563 6.065 11.0595 6.15207C11.1626 6.23914 11.2933 6.28687 11.4282 6.28682C11.4605 6.28663 11.4928 6.284 11.5247 6.27897C11.674 6.25347 11.8071 6.1697 11.8947 6.04608C11.9823 5.92246 12.0172 5.76911 11.9917 5.61976Z"/>
 </svg>
-`, _ = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`, j = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.00001 0C6.3335 0.00189054 4.73579 0.664747 3.55738 1.84315C2.37898 3.02155 1.71612 4.61927 1.71423 6.28578C1.71423 11.6644 7.42858 15.7266 7.67215 15.8966C7.76823 15.9639 7.8827 16 8.00001 16C8.11732 16 8.23179 15.9639 8.32787 15.8966C8.57144 15.7266 14.2858 11.6644 14.2858 6.28578C14.2839 4.61927 13.621 3.02155 12.4426 1.84315C11.2642 0.664747 9.66652 0.00189054 8.00001 0ZM8.00001 4.00004C8.45209 4.00004 8.89401 4.1341 9.2699 4.38526C9.64578 4.63642 9.93875 4.9934 10.1118 5.41106C10.2848 5.82873 10.33 6.28831 10.2418 6.7317C10.1536 7.17509 9.93594 7.58237 9.61627 7.90204C9.2966 8.2217 8.88933 8.4394 8.44594 8.5276C8.00255 8.61579 7.54296 8.57053 7.1253 8.39752C6.70763 8.22452 6.35065 7.93155 6.09949 7.55567C5.84833 7.17978 5.71427 6.73785 5.71427 6.28578C5.71427 5.67956 5.95509 5.09818 6.38375 4.66952C6.81241 4.24086 7.3938 4.00004 8.00001 4.00004Z"/>
 </svg>
-`, N = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`, U = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M16 8C16 8.17681 15.9298 8.34638 15.8047 8.47141C15.6797 8.59643 15.5101 8.66667 15.3333 8.66667H0.666667C0.489856 8.66667 0.320287 8.59643 0.195262 8.47141C0.070238 8.34638 0 8.17681 0 8C0 7.82319 0.070238 7.65362 0.195262 7.5286C0.320287 7.40357 0.489856 7.33333 0.666667 7.33333H15.3333C15.5101 7.33333 15.6797 7.40357 15.8047 7.5286C15.9298 7.65362 16 7.82319 16 8ZM0.666667 3.33333H15.3333C15.5101 3.33333 15.6797 3.2631 15.8047 3.13807C15.9298 3.01305 16 2.84348 16 2.66667C16 2.48986 15.9298 2.32029 15.8047 2.19526C15.6797 2.07024 15.5101 2 15.3333 2H0.666667C0.489856 2 0.320287 2.07024 0.195262 2.19526C0.070238 2.32029 0 2.48986 0 2.66667C0 2.84348 0.070238 3.01305 0.195262 3.13807C0.320287 3.2631 0.489856 3.33333 0.666667 3.33333ZM15.3333 12.6667H0.666667C0.489856 12.6667 0.320287 12.7369 0.195262 12.8619C0.070238 12.987 0 13.1565 0 13.3333C0 13.5101 0.070238 13.6797 0.195262 13.8047C0.320287 13.9298 0.489856 14 0.666667 14H15.3333C15.5101 14 15.6797 13.9298 15.8047 13.8047C15.9298 13.6797 16 13.5101 16 13.3333C16 13.1565 15.9298 12.987 15.8047 12.8619C15.6797 12.7369 15.5101 12.6667 15.3333 12.6667Z"/>
 </svg>
-`, R = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`, X = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M16 8C16 8.13261 15.9298 8.25979 15.8047 8.35355C15.6797 8.44732 15.5101 8.5 15.3333 8.5H0.666667C0.489856 8.5 0.320287 8.44732 0.195262 8.35355C0.070238 8.25979 0 8.13261 0 8C0 7.86739 0.070238 7.74021 0.195262 7.64645C0.320287 7.55268 0.489856 7.5 0.666667 7.5H15.3333C15.5101 7.5 15.6797 7.55268 15.8047 7.64645C15.9298 7.74021 16 7.86739 16 8Z"/>
 </svg>
-`, M = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`, H = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M15.9179 15.386C15.8639 15.4796 15.7862 15.5573 15.6926 15.6113C15.599 15.6653 15.4929 15.6937 15.3848 15.6937H0.614787C0.506812 15.6936 0.400767 15.6651 0.307299 15.611C0.213832 15.557 0.136232 15.4793 0.0822927 15.3857C0.0283531 15.2922 -2.77002e-05 15.1861 2.02871e-08 15.0781C2.77407e-05 14.9702 0.028463 14.8641 0.0824506 14.7706C1.25405 12.7451 3.05954 11.2927 5.16657 10.6042C4.12434 9.98374 3.31459 9.03832 2.86167 7.91312C2.40875 6.78792 2.33772 5.54515 2.65947 4.37567C2.98122 3.20618 3.67797 2.17465 4.64272 1.43948C5.60747 0.70431 6.78687 0.306152 7.99981 0.306152C9.21274 0.306152 10.3921 0.70431 11.3569 1.43948C12.3216 2.17465 13.0184 3.20618 13.3401 4.37567C13.6619 5.54515 13.5909 6.78792 13.1379 7.91312C12.685 9.03832 11.8753 9.98374 10.833 10.6042C12.9401 11.2927 14.7456 12.7451 15.9172 14.7706C15.9713 14.8641 15.9999 14.9702 16 15.0782C16.0001 15.1862 15.9718 15.2924 15.9179 15.386Z"/>
 </svg>
-`, I = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`, E = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M15.1086 4.08095C14.9691 4.15317 14.8066 4.16706 14.6569 4.11957C14.5072 4.07208 14.3825 3.96708 14.3102 3.82767C13.7447 2.71048 12.8887 1.76624 11.8322 1.09416C11.7663 1.05263 11.7093 0.998538 11.6644 0.934975C11.6194 0.871411 11.5875 0.799619 11.5703 0.723697C11.5531 0.647775 11.551 0.56921 11.5642 0.492487C11.5774 0.415765 11.6055 0.342388 11.647 0.276546C11.6886 0.210704 11.7427 0.153687 11.8062 0.108749C11.8698 0.0638108 11.9416 0.0318326 12.0175 0.01464C12.0934 -0.00255247 12.172 -0.00462266 12.2487 0.00854767C12.3254 0.021718 12.3988 0.0498709 12.4646 0.0913991C13.696 0.879783 14.6958 1.98106 15.3618 3.2826C15.4341 3.42206 15.4479 3.5845 15.4005 3.7342C15.353 3.88391 15.248 4.00863 15.1086 4.08095ZM1.164 4.14761C1.27254 4.14756 1.37899 4.1177 1.47172 4.06128C1.56444 4.00486 1.63989 3.92405 1.68982 3.82767C2.25533 2.71048 3.11132 1.76624 4.16783 1.09416C4.3008 1.01029 4.39501 0.877028 4.42974 0.723697C4.46446 0.570365 4.43685 0.40952 4.35298 0.276546C4.26911 0.143572 4.13585 0.0493619 3.98252 0.01464C3.82919 -0.0200818 3.66834 0.00752924 3.53537 0.0913991C2.30407 0.879783 1.30425 1.98106 0.638182 3.2826C0.591405 3.37289 0.568655 3.4737 0.572122 3.57533C0.575589 3.67696 0.605155 3.77599 0.657977 3.86288C0.710798 3.94978 0.785096 4.02162 0.87372 4.07148C0.962344 4.12135 1.06231 4.14756 1.164 4.14761ZM14.9464 11.8453C15.0513 12.0253 15.107 12.2298 15.1077 12.4381C15.1084 12.6465 15.0542 12.8514 14.9504 13.0321C14.8467 13.2128 14.6972 13.363 14.5169 13.4674C14.3366 13.5719 14.132 13.627 13.9236 13.6271H10.902C10.766 14.2968 10.4027 14.8989 9.87363 15.3313C9.34455 15.7638 8.68223 16 7.9989 16C7.31557 16 6.65325 15.7638 6.12417 15.3313C5.59508 14.8989 5.23177 14.2968 5.09579 13.6271H2.07418C1.86595 13.6267 1.66149 13.5715 1.48142 13.4669C1.30135 13.3623 1.15202 13.2121 1.04847 13.0314C0.944918 12.8508 0.890808 12.646 0.891589 12.4378C0.892369 12.2295 0.948012 12.0252 1.05291 11.8453C1.72018 10.6937 2.07418 9.05623 2.07418 7.10996C2.07418 5.53863 2.69839 4.03166 3.80949 2.92056C4.92059 1.80946 6.42757 1.18525 7.9989 1.18525C9.57023 1.18525 11.0772 1.80946 12.1883 2.92056C13.2994 4.03166 13.9236 5.53863 13.9236 7.10996C13.9236 9.05549 14.2776 10.6929 14.9464 11.8453ZM9.67411 13.6271H6.32368C6.44643 13.9733 6.6734 14.2729 6.97338 14.4848C7.27336 14.6968 7.63162 14.8105 7.9989 14.8105C8.36618 14.8105 8.72444 14.6968 9.02442 14.4848C9.3244 14.2729 9.55136 13.9733 9.67411 13.6271ZM13.9236 12.4422C13.1356 11.0891 12.7387 9.29544 12.7387 7.10996C12.7387 5.8529 12.2393 4.64732 11.3504 3.75844C10.4615 2.86956 9.25596 2.37019 7.9989 2.37019C6.74183 2.37019 5.53625 2.86956 4.64737 3.75844C3.75849 4.64732 3.25913 5.8529 3.25913 7.10996C3.25913 9.29618 2.86069 11.0899 2.07418 12.4422H13.9236Z"/>
 </svg>
-`, S = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, _ = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M11.4273 9.04717C11.4273 9.03116 11.425 9.01744 11.4227 9.00373V7.94514C11.4227 7.35069 10.938 6.86598 10.3435 6.86598H10.0097C9.91828 6.86598 9.84511 6.79281 9.84511 6.70136V6.3927H10.2887C10.5402 6.3927 10.7459 6.18692 10.7459 5.93542V4.10633C10.7459 3.85483 10.5402 3.64906 10.2887 3.64906H5.51474C5.26324 3.64906 5.05746 3.85483 5.05746 4.10633V5.93542C5.05746 6.18692 5.26324 6.3927 5.51474 6.3927H5.94457V6.70136C5.94457 6.79281 5.87141 6.86598 5.77996 6.86598H5.45758C4.86312 6.86598 4.37841 7.35069 4.37841 7.94514V14.9208C4.37841 15.5153 4.86312 16 5.45758 16H10.3413C10.9357 16 11.4204 15.5153 11.4204 14.9208V13.8805C11.4204 13.8668 11.425 13.8508 11.425 13.8371C11.425 13.8234 11.4227 13.8074 11.4204 13.7937V9.09518C11.4204 9.08146 11.425 9.06546 11.425 9.05174L11.4273 9.04717ZM10.5082 13.3753H8.34754V9.50444H10.5082V13.3753ZM5.96972 4.55903H9.82911V5.47358H5.96972V4.55903ZM10.3413 15.0832H5.45758C5.36612 15.0832 5.29296 15.01 5.29296 14.9186V7.94285C5.29296 7.8514 5.36612 7.77824 5.45758 7.77824H5.77996C6.37441 7.77824 6.85912 7.29353 6.85912 6.69907V6.39041H8.92828V6.69907C8.92828 7.29353 9.41299 7.77824 10.0074 7.77824H10.3413C10.4327 7.77824 10.5059 7.8514 10.5059 7.94285V8.5899H7.88798C7.63648 8.5899 7.43071 8.79567 7.43071 9.04717V13.8325C7.43071 14.084 7.63648 14.2898 7.88798 14.2898H10.5059V14.9186C10.5059 15.01 10.4327 15.0832 10.3413 15.0832Z" fill="black"/>
 <path d="M14.8591 11.4181H14.1114C14.9185 10.2109 15.3484 8.81165 15.3484 7.34838C15.3484 3.29694 12.0514 0 7.99999 0C3.94855 0 0.651611 3.29694 0.651611 7.34838C0.651611 8.92826 1.14547 10.435 2.08059 11.7016C2.16976 11.8228 2.30923 11.8868 2.44869 11.8868C2.54243 11.8868 2.63846 11.8571 2.71848 11.7976C2.92197 11.6467 2.96541 11.3609 2.81451 11.1575C1.99599 10.0463 1.56387 8.72934 1.56387 7.34609C1.56387 3.79765 4.44926 0.91226 7.9977 0.91226C11.5461 0.91226 14.4315 3.79765 14.4315 7.34609C14.4315 8.54643 14.1046 9.69648 13.485 10.7048V10.044C13.485 9.7925 13.2792 9.58673 13.0277 9.58673C12.7762 9.58673 12.5704 9.7925 12.5704 10.044V11.8731C12.5704 12.1246 12.7762 12.3304 13.0277 12.3304H14.8568C15.1083 12.3304 15.3141 12.1246 15.3141 11.8731C15.3141 11.6216 15.1083 11.4158 14.8568 11.4158L14.8591 11.4181Z" fill="black"/>
 </svg>
-`, A = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`, N = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M15.9093 14.4497C14.7389 12.4263 12.9352 10.9753 10.8303 10.2875C11.8715 9.66773 12.6804 8.72327 13.1329 7.59922C13.5854 6.47516 13.6563 5.23366 13.3349 4.06537C13.0135 2.89708 12.3174 1.86659 11.3537 1.13217C10.3899 0.397752 9.2117 0 8 0C6.7883 0 5.6101 0.397752 4.64633 1.13217C3.68257 1.86659 2.98653 2.89708 2.6651 4.06537C2.34368 5.23366 2.41464 6.47516 2.8671 7.59922C3.31955 8.72327 4.12848 9.66773 5.16965 10.2875C3.06476 10.9746 1.26112 12.4255 0.0907097 14.4497C0.0477887 14.5197 0.0193195 14.5975 0.00698187 14.6787C-0.00535579 14.7599 -0.00131202 14.8427 0.0188746 14.9223C0.0390612 15.0018 0.0749818 15.0766 0.124517 15.142C0.174052 15.2075 0.236198 15.2624 0.307289 15.3035C0.37838 15.3445 0.456975 15.3709 0.538437 15.3811C0.6199 15.3913 0.702579 15.3851 0.781598 15.3628C0.860616 15.3406 0.934373 15.3027 0.998516 15.2514C1.06266 15.2002 1.11589 15.1366 1.15507 15.0645C2.6029 12.5623 5.16197 11.0683 8 11.0683C10.838 11.0683 13.3971 12.5623 14.8449 15.0645C14.8841 15.1366 14.9373 15.2002 15.0015 15.2514C15.0656 15.3027 15.1394 15.3406 15.2184 15.3628C15.2974 15.3851 15.3801 15.3913 15.4616 15.3811C15.543 15.3709 15.6216 15.3445 15.6927 15.3035C15.7638 15.2624 15.8259 15.2075 15.8755 15.142C15.925 15.0766 15.9609 15.0018 15.9811 14.9223C16.0013 14.8427 16.0054 14.7599 15.993 14.6787C15.9807 14.5975 15.9522 14.5197 15.9093 14.4497ZM3.69646 5.53521C3.69646 4.68405 3.94886 3.85201 4.42174 3.14429C4.89462 2.43658 5.56674 1.88499 6.35311 1.55926C7.13948 1.23354 8.00478 1.14831 8.83958 1.31436C9.67438 1.48042 10.4412 1.89029 11.0431 2.49215C11.6449 3.09401 12.0548 3.86083 12.2208 4.69563C12.3869 5.53044 12.3017 6.39574 11.976 7.18211C11.6502 7.96848 11.0986 8.6406 10.3909 9.11347C9.6832 9.58635 8.85116 9.83875 8 9.83875C6.85901 9.83753 5.76509 9.38373 4.95829 8.57693C4.15148 7.77012 3.69768 6.67621 3.69646 5.53521Z"/>
 </svg>
 `, G = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M14.7689 8C14.7694 8.20893 14.7158 8.41444 14.6134 8.59654C14.511 8.77864 14.3631 8.93113 14.1843 9.03918L3.10176 15.8189C2.91491 15.9333 2.70091 15.9957 2.48185 15.9998C2.26279 16.0038 2.04662 15.9493 1.85566 15.8419C1.66653 15.7362 1.50897 15.582 1.3992 15.3951C1.28942 15.2083 1.2314 14.9956 1.23108 14.7789V1.22109C1.2314 1.0044 1.28942 0.791702 1.3992 0.604871C1.50897 0.41804 1.66653 0.263819 1.85566 0.158069C2.04662 0.0506496 2.26279 -0.00384561 2.48185 0.000211026C2.70091 0.00426766 2.91491 0.0667292 3.10176 0.181145L14.1843 6.96082C14.3631 7.06887 14.511 7.22136 14.6134 7.40346C14.7158 7.58556 14.7694 7.79107 14.7689 8Z"/>
 </svg>
-`, O = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`, S = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 0C6.41775 0 4.87103 0.469192 3.55544 1.34824C2.23985 2.22729 1.21447 3.47672 0.608967 4.93853C0.00346629 6.40034 -0.15496 8.00887 0.153721 9.56072C0.462403 11.1126 1.22433 12.538 2.34315 13.6569C3.46197 14.7757 4.88743 15.5376 6.43928 15.8463C7.99113 16.155 9.59966 15.9965 11.0615 15.391C12.5233 14.7855 13.7727 13.7602 14.6518 12.4446C15.5308 11.129 16 9.58225 16 8C15.9976 5.87899 15.154 3.84553 13.6543 2.34574C12.1545 0.845963 10.121 0.00235276 8 0ZM8 14.2222C6.76936 14.2222 5.56636 13.8573 4.54312 13.1736C3.51988 12.4899 2.72236 11.5181 2.25142 10.3811C1.78047 9.24418 1.65725 7.9931 1.89734 6.7861C2.13743 5.57911 2.73003 4.47042 3.60023 3.60022C4.47042 2.73003 5.57911 2.13742 6.78611 1.89734C7.9931 1.65725 9.24418 1.78047 10.3811 2.25142C11.5181 2.72236 12.4899 3.51988 13.1736 4.54312C13.8573 5.56636 14.2222 6.76936 14.2222 8C14.2205 9.64969 13.5643 11.2313 12.3978 12.3978C11.2313 13.5643 9.6497 14.2205 8 14.2222ZM10.963 8C10.9629 8.14292 10.9285 8.28372 10.8624 8.41048C10.7964 8.53724 10.7008 8.64621 10.5837 8.72815L7.62074 10.8022C7.48754 10.8954 7.33132 10.9503 7.16909 10.9609C7.00685 10.9715 6.84482 10.9374 6.70061 10.8624C6.55641 10.7873 6.43556 10.6741 6.35121 10.5351C6.26686 10.3961 6.22225 10.2367 6.22222 10.0741V5.92592C6.22225 5.76335 6.26686 5.60389 6.35121 5.4649C6.43556 5.32591 6.55641 5.21272 6.70061 5.13764C6.84482 5.06256 7.00685 5.02846 7.16909 5.03907C7.33132 5.04967 7.48754 5.10456 7.62074 5.19778L10.5837 7.27185C10.7008 7.35379 10.7964 7.46276 10.8624 7.58952C10.9285 7.71627 10.9629 7.85708 10.963 8Z"/>
 </svg>
-`, p = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`, M = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 1.32C8 0.590984 8.59493 -0.0110973 9.31404 0.108651C10.4288 0.294276 11.4967 0.714871 12.4446 1.34824C13.7602 2.22729 14.7855 3.47672 15.391 4.93853C15.9965 6.40034 16.155 8.00887 15.8463 9.56072C15.5376 11.1126 14.7757 12.538 13.6569 13.6569C12.538 14.7757 11.1126 15.5376 9.56072 15.8463C8.00887 16.155 6.40034 15.9965 4.93853 15.391C3.47672 14.7855 2.22729 13.7602 1.34824 12.4446C0.714871 11.4967 0.294276 10.4288 0.108651 9.31404C-0.011097 8.59492 0.590984 8 1.32 8C2.04902 8 2.62399 8.5997 2.80172 9.30672C2.95061 9.89901 3.20043 10.4647 3.54332 10.9779C4.13229 11.8593 4.9694 12.5463 5.94882 12.952C6.92823 13.3577 8.00595 13.4638 9.04568 13.257C10.0854 13.0502 11.0405 12.5397 11.7901 11.7901C12.5397 11.0405 13.0502 10.0854 13.257 9.04568C13.4638 8.00595 13.3577 6.92823 12.952 5.94882C12.5463 4.9694 11.8593 4.13229 10.9779 3.54332C10.4647 3.20043 9.89901 2.95061 9.30672 2.80172C8.5997 2.62399 8 2.04902 8 1.32Z"/>
 </svg>
-`, q = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`, A = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M16 7.99949C16.0002 9.94094 15.2358 11.8044 13.8723 13.1864C12.5088 14.5685 10.6559 15.358 8.71461 15.3841H8.61539C6.72942 15.3888 4.91406 14.6671 3.54615 13.3687C3.48741 13.3132 3.44019 13.2466 3.40718 13.1728C3.37417 13.099 3.35603 13.0194 3.35378 12.9385C3.35153 12.8577 3.36522 12.7772 3.39407 12.7017C3.42292 12.6262 3.46636 12.5571 3.52192 12.4983C3.57748 12.4396 3.64407 12.3924 3.71788 12.3594C3.79169 12.3264 3.87127 12.3082 3.9521 12.306C4.03292 12.3037 4.11339 12.3174 4.18893 12.3463C4.26446 12.3751 4.33357 12.4185 4.39231 12.4741C5.27215 13.3039 6.37699 13.856 7.56879 14.0615C8.7606 14.267 9.98654 14.1168 11.0935 13.6296C12.2004 13.1424 13.1392 12.3398 13.7927 11.3222C14.4461 10.3045 14.7852 9.11686 14.7676 7.9076C14.75 6.69833 14.3765 5.52106 13.6937 4.52285C13.011 3.52463 12.0492 2.74973 10.9285 2.29495C9.80792 1.84017 8.57813 1.72567 7.39281 1.96576C6.20748 2.20584 5.11918 2.78987 4.26385 3.64487C4.25756 3.65167 4.25088 3.65809 4.24385 3.66411L2.19923 5.53795H4.30769C4.4709 5.53795 4.62743 5.60279 4.74284 5.71819C4.85824 5.8336 4.92308 5.99013 4.92308 6.15334C4.92308 6.31655 4.85824 6.47307 4.74284 6.58848C4.62743 6.70389 4.4709 6.76872 4.30769 6.76872H0.615385C0.452174 6.76872 0.295649 6.70389 0.180242 6.58848C0.064835 6.47307 0 6.31655 0 6.15334V2.46103C0 2.29782 0.064835 2.14129 0.180242 2.02589C0.295649 1.91048 0.452174 1.84564 0.615385 1.84564C0.778595 1.84564 0.93512 1.91048 1.05053 2.02589C1.16593 2.14129 1.23077 2.29782 1.23077 2.46103V4.75334L3.40385 2.76872C4.43768 1.73891 5.75344 1.03846 7.18502 0.755821C8.61661 0.473178 10.0998 0.621002 11.4475 1.18063C12.7951 1.74027 13.9468 2.68662 14.757 3.90022C15.5673 5.11382 15.9998 6.54027 16 7.99949Z"/>
 </svg>
-`, X = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`, q = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M15.8199 14.95L11.9725 11.1034C13.0876 9.76465 13.6437 8.0475 13.525 6.30919C13.4063 4.57088 12.622 2.94524 11.3353 1.77045C10.0486 0.595655 8.35844 -0.0378381 6.61653 0.00174965C4.87462 0.0413374 3.21503 0.750958 1.98299 1.98299C0.750958 3.21503 0.0413374 4.87462 0.00174965 6.61653C-0.0378381 8.35844 0.595655 10.0486 1.77045 11.3353C2.94524 12.622 4.57088 13.4063 6.30919 13.525C8.0475 13.6437 9.76465 13.0876 11.1034 11.9725L14.95 15.8199C15.0071 15.877 15.0749 15.9223 15.1496 15.9532C15.2242 15.9841 15.3042 16 15.3849 16C15.4657 16 15.5457 15.9841 15.6203 15.9532C15.6949 15.9223 15.7627 15.877 15.8199 15.8199C15.877 15.7627 15.9223 15.6949 15.9532 15.6203C15.9841 15.5457 16 15.4657 16 15.3849C16 15.3042 15.9841 15.2242 15.9532 15.1496C15.9223 15.0749 15.877 15.0071 15.8199 14.95ZM1.24642 6.77888C1.24642 5.68467 1.57089 4.61502 2.17881 3.70521C2.78672 2.7954 3.65078 2.08629 4.6617 1.66755C5.67263 1.24882 6.78502 1.13925 7.85821 1.35273C8.93141 1.5662 9.9172 2.09311 10.6909 2.86684C11.4647 3.64057 11.9916 4.62636 12.205 5.69955C12.4185 6.77275 12.309 7.88514 11.8902 8.89607C11.4715 9.90699 10.7624 10.771 9.85256 11.379C8.94275 11.9869 7.8731 12.3113 6.77888 12.3113C5.31208 12.3097 3.90582 11.7263 2.86864 10.6891C1.83145 9.65195 1.24805 8.24569 1.24642 6.77888Z"/>
 </svg>
 `, Y = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
@@ -144,7 +144,7 @@ const b = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" x
 `, e1 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M1 24H7.85714V0H1V24ZM14.7143 0V24H21.5714V0H14.7143Z"/>
 </svg>
-`, l1 = `<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, t1 = `<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M21.5516 1H7.05411C5.88354 1.00132 4.93494 1.93161 4.93359 3.07959V5.35997C4.93359 5.624 5.15184 5.83804 5.42107 5.83804C5.69029 5.83804 5.90854 5.624 5.90854 5.35997V3.07959C5.90854 2.78227 6.02898 2.49712 6.24336 2.28688C6.45774 2.07664 6.7485 1.95852 7.05167 1.95852H21.5492C21.8524 1.95852 22.1431 2.07664 22.3575 2.28688C22.5719 2.49712 22.6923 2.78227 22.6923 3.07959V11.1828C22.6923 11.802 22.1805 12.3039 21.5492 12.3039H9.38668C9.11746 12.3039 8.89921 12.5179 8.89921 12.782C8.89921 13.046 9.11746 13.26 9.38668 13.26H21.5492C22.7198 13.2587 23.6684 12.3284 23.6697 11.1804V3.0772C23.667 1.93108 22.7203 1.00263 21.5516 1V1Z"  stroke="#14568d" stroke-width="0.4"/>
 <path d="M10.676 5.83309H18.6169C18.8862 5.83309 19.1044 5.61905 19.1044 5.35502C19.1044 5.09099 18.8862 4.87695 18.6169 4.87695H10.676C10.4067 4.87695 10.1885 5.09099 10.1885 5.35502C10.1885 5.61905 10.4067 5.83309 10.676 5.83309Z"  stroke="#14568D" stroke-width="0.4"/>
 <path d="M10.676 9.20027H16.4403C16.7096 9.20027 16.9278 8.98624 16.9278 8.72221C16.9278 8.45818 16.7096 8.24414 16.4403 8.24414H10.676C10.4067 8.24414 10.1885 8.45818 10.1885 8.72221C10.1885 8.98624 10.4067 9.20027 10.676 9.20027Z"  stroke="#14568D" stroke-width="0.4"/>
@@ -153,7 +153,7 @@ const b = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" x
 <path fill-rule="evenodd" clip-rule="evenodd" d="M1 17.3338C1.00269 14.9058 3.00902 12.9382 5.48477 12.9355C7.95902 12.9408 9.96309 14.9073 9.96711 17.3338C9.96711 17.5978 9.74886 17.8118 9.47964 17.8118H1.48748C1.21825 17.8118 1 17.5978 1 17.3338ZM5.48449 13.8945C3.73599 13.8945 2.25454 15.1575 2.01123 16.8556H2.02098H8.95776C8.71445 15.1575 7.233 13.8945 5.48449 13.8945Z" />
 <path d="M5.48477 12.9355L5.48499 12.8355L5.48467 12.8355L5.48477 12.9355ZM1 17.3338L0.9 17.3337V17.3338H1ZM9.96711 17.3338H10.0671L10.0671 17.3336L9.96711 17.3338ZM2.01123 16.8556L1.91224 16.8414L1.89588 16.9556H2.01123V16.8556ZM8.95776 16.8556V16.9556H9.07311L9.05675 16.8414L8.95776 16.8556ZM5.48467 12.8355C2.95561 12.8382 0.90275 14.8487 0.9 17.3337L1.1 17.3339C1.10262 14.9629 3.06243 13.0381 5.48488 13.0355L5.48467 12.8355ZM10.0671 17.3336C10.063 14.8502 8.01248 12.8409 5.48499 12.8355L5.48456 13.0355C7.90557 13.0407 9.86318 14.9643 9.86711 17.3339L10.0671 17.3336ZM9.47964 17.9118C9.80224 17.9118 10.0671 17.6548 10.0671 17.3338H9.86711C9.86711 17.5407 9.69548 17.7118 9.47964 17.7118V17.9118ZM1.48748 17.9118H9.47964V17.7118H1.48748V17.9118ZM0.9 17.3338C0.9 17.6548 1.16487 17.9118 1.48748 17.9118V17.7118C1.27163 17.7118 1.1 17.5407 1.1 17.3338H0.9ZM2.11022 16.8698C2.34627 15.2224 3.78427 13.9945 5.48449 13.9945V13.7945C3.68771 13.7945 2.16281 15.0926 1.91224 16.8414L2.11022 16.8698ZM2.02098 16.7556H2.01123V16.9556H2.02098V16.7556ZM8.95776 16.7556H2.02098V16.9556H8.95776V16.7556ZM5.48449 13.9945C7.18472 13.9945 8.62272 15.2224 8.85877 16.8698L9.05675 16.8414C8.80617 15.0926 7.28128 13.7945 5.48449 13.7945V13.9945Z" />
 </svg>
-`, t1 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`, l1 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.5625 0.304688C7.75313 0.304688 3 3.51094 3 8.7C3 12 4.85625 13.875 5.98125 13.875C6.44531 13.875 6.7125 12.5813 6.7125 12.2156C6.7125 11.7797 5.60156 10.8516 5.60156 9.0375C5.60156 5.26875 8.47031 2.59688 12.1828 2.59688C15.375 2.59688 17.7375 4.41094 17.7375 7.74375C17.7375 10.2328 16.7391 14.9016 13.5047 14.9016C12.3375 14.9016 11.3391 14.0578 11.3391 12.8484C11.3391 11.0766 12.5766 9.36094 12.5766 7.53281C12.5766 4.42969 8.175 4.99219 8.175 8.74219C8.175 9.52969 8.27344 10.4016 8.625 11.1188C7.97813 13.9031 6.65625 18.0516 6.65625 20.9203C6.65625 21.8063 6.78281 22.6781 6.86719 23.5641C7.02656 23.7422 6.94688 23.7234 7.19063 23.6344C9.55313 20.4 9.46875 19.7672 10.5375 15.5344C11.1141 16.6313 12.6047 17.2219 13.7859 17.2219C18.7641 17.2219 21 12.3703 21 7.99688C21 3.34219 16.9781 0.304688 12.5625 0.304688Z"/>
 </svg>
 `, o1 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -178,110 +178,7 @@ const b = `<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" x
 `, v1 = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M21.533 7.11169C21.5482 7.32488 21.5482 7.53811 21.5482 7.7513C21.5482 14.2538 16.599 21.7462 7.5533 21.7462C4.76648 21.7462 2.17767 20.9391 0 19.5381C0.395953 19.5838 0.776625 19.599 1.18781 19.599C3.48727 19.599 5.60405 18.8224 7.29441 17.4975C5.13197 17.4518 3.31978 16.0356 2.69541 14.0863C3 14.132 3.30455 14.1624 3.62437 14.1624C4.06598 14.1624 4.50764 14.1015 4.91878 13.995C2.66498 13.5381 0.974578 11.5584 0.974578 9.16753V9.10664C1.62937 9.47213 2.39086 9.70055 3.19791 9.73097C1.87303 8.8477 1.00505 7.34011 1.00505 5.63452C1.00505 4.72083 1.24866 3.88327 1.67508 3.1523C4.09641 6.13706 7.73602 8.08627 11.8172 8.2995C11.7411 7.93402 11.6954 7.55335 11.6954 7.17263C11.6954 4.46194 13.8883 2.25385 16.6141 2.25385C18.0304 2.25385 19.3095 2.84775 20.208 3.80714C21.3197 3.59395 22.3857 3.18277 23.3299 2.61933C22.9643 3.76149 22.1877 4.72088 21.1674 5.32997C22.1573 5.22342 23.1167 4.94925 23.9999 4.56858C23.33 5.54316 22.4924 6.41114 21.533 7.11169Z"/>
 </svg>
-`, g1 = V`@import '../../design-tokens/core/scss/theming/component';
-
-
-/**
- * 1) Graphic used to supplement text or represent functionality
- */
-
-:host{
-  display: flex;
-  --cre8-u-icon-display: block;
-};
-
-.cre8-c-icon-wrapper {
-  align-items: var(--cre8-u-icon-align-items);
-  justify-content: var(--cre8-u-icon-justify-content);
-  animation: var(--cre8-loading-animation, --cre8-icon-animation, none);
-  margin: var(--cre8-icon-margin, 0);
-}
-
-.cre8-c-icon {
-  height: var(--cre8-icon-height, calc(8px * 2));
-  width: var(--cre8-icon-width, calc(8px * 2));
-  fill: var(--cre8-icon-fill, currentColor);
-}  
-// stylelint-disable selector-no-qualifying-type, max-nesting-depth
-cre8-icon {
-    display: inline-flex;
-    vertical-align: middle;
-
-    &[spin] {
-        @media (prefers-reduced-motion) {
-            &:not([spin='false']) {
-                // stylelint-disable-next-line declaration-no-important
-                animation-duration: 6400ms !important;
-            }
-        }
-        
-        &:not([spin='false']) {
-            animation-duration: 2000ms;
-            animation-iteration-count: infinite;
-            animation-name: spin;
-            animation-timing-function: linear;
-        }
-    }
-
-    &[pulse] {
-        @media (prefers-reduced-motion) {
-            &:not([pulse='false']) {
-                svg {
-                    * {
-                        // stylelint-disable-next-line declaration-no-important
-                        animation-duration: 3s !important;
-                        animation-timing-function: linear;
-                    }
-                }
-            }
-        }
-
-        &:not([pulse='false']) {
-            svg {
-                * {
-                    animation: pulse 1.5s ease-in-out infinite;
-                }
-            }
-        }
-    }
-
-    &[flip='vertical'] {
-        transform: scaleY(-1);
-    }
-    
-    &[flip='horizontal'] {
-        transform: scaleX(-1);
-    }
-    
-    &[flip='both'] {
-        transform: scaleX(-1) scaleY(-1);
-    }
-}
-
-@keyframes spin {
-    from {
-        transform: rotate(0deg);
-    }
-
-    to {
-        transform: rotate(360deg);
-    }
-}
-
-@keyframes pulse {
-    0% {
-        opacity: 1;
-    }
-
-    50% {
-        opacity: 0.5;
-    }
-  
-    100% {
-        opacity: 1;
-    }
-}
-`, L1 = `<?xml version="1.0" encoding="utf-8"?>
+`, g1 = V`*,::slotted(*),*:before,*:after{box-sizing:border-box}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{--cre8-z-index-1: 1;--cre8-z-index-50: 50;--cre8-z-index-100: 100;--cre8-z-index-200: 200;--cre8-z-index-1030: 1030;--cre8-anim-fade-quick: 0.35s;--cre8-anim-ease: ease}@keyframes fadeIn{100%{opacity:1}}@keyframes slideIn{100%{transform:translateX(0)}}@keyframes slideInFwd{100%{width:272px;height:272px}}@keyframes slideOutRight{100%{width:272px;height:272px}}@keyframes slideUp{100%{transform:translateY(0)}}@media(width >= 481px){@keyframes slideInFwd{100%{width:417px;height:417px}}@keyframes slideOutRight{100%{width:417px;height:417px}}}@media(width >= 48rem){@keyframes slideInFwd{100%{width:330px;height:330px}}@keyframes slideOutRight{100%{width:330px;height:330px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 60rem){@keyframes slideInFwd{100%{width:460px;height:460px}}@keyframes slideOutRight{100%{width:460px;height:460px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 75rem){@keyframes slideInFwd{100%{width:592px;height:591px}}@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 45px))}}}@media(width >= 87.5rem){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 120px))}}}@media(width >= 2200px){@keyframes slideOutRight{100%{width:592px;height:591px;transform:translateX(calc(100vw - 592px))}}}span.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple 600ms linear;background-color:var(--ripple-bg-color)}@keyframes ripple{to{transform:scale(4);opacity:1}}:root{--size-base-unit: 0.5rem}[dir=rtl]{--rtlTranslateX: 50%;--rtlGradientToRight: 270deg;--rtlRotate45Inverse: -45deg}:host{display:flex;--cre8-u-icon-display: block}.cre8-c-icon-wrapper{align-items:var(--cre8-u-icon-align-items);justify-content:var(--cre8-u-icon-justify-content);animation:var(--cre8-loading-animation, --cre8-icon-animation, none);margin:var(--cre8-icon-margin, 0)}.cre8-c-icon{height:var(--cre8-icon-height, 1rem);width:var(--cre8-icon-width, 1rem);color:var(--cre8-icon-fill, currentColor)}cre8-icon{display:inline-flex;vertical-align:middle}@media(prefers-reduced-motion){cre8-icon[spin]:not([spin=false]){animation-duration:6400ms !important}}cre8-icon[spin]:not([spin=false]){animation-duration:2000ms;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear}@media(prefers-reduced-motion){cre8-icon[pulse]:not([pulse=false]) svg *{animation-duration:3s !important;animation-timing-function:linear}}cre8-icon[pulse]:not([pulse=false]) svg *{animation:pulse 1.5s ease-in-out infinite}cre8-icon[flip=vertical]{transform:scaleY(-1)}cre8-icon[flip=horizontal]{transform:scaleX(-1)}cre8-icon[flip=both]{transform:scaleX(-1) scaleY(-1)}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}`, L1 = `<?xml version="1.0" encoding="utf-8"?>
 <svg xmlns="http://www.w3.org/2000/svg">
 <symbol id="add" viewBox="0 0 24 24">
 <path d="M24 13.7143H13.7143V24H10.2857V13.7143H0V10.2857H10.2857V0H13.7143V10.2857H24V13.7143Z"/>
@@ -640,12 +537,12 @@ cre8-icon {
 
 </symbol></svg>
 `;
-var w1 = Object.defineProperty, l = (h, C, t, H1) => {
+var w1 = Object.defineProperty, t = (h, C, l, p1) => {
   for (var s = void 0, a = h.length - 1, d; a >= 0; a--)
-    (d = h[a]) && (s = d(C, t, s) || s);
-  return s && w1(C, t, s), s;
+    (d = h[a]) && (s = d(C, l, s) || s);
+  return s && w1(C, l, s), s;
 };
-const r = class r extends m {
+const r = class r extends $ {
   constructor() {
     super(...arguments), this.iconUrl = L1;
   }
@@ -661,32 +558,32 @@ const r = class r extends m {
   }
   render() {
     const C = this.componentClassNames("cre8-c-icon-wrapper", {});
-    i`<svg src=${x} container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${v}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${v}' rotate="180" container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${f}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${g}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${g}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}" height="24" width="24"></svg>`, i`<svg src='${c}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${Z}' rotate="180" container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${Z}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${L}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${b}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${u}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${c}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${c}' flip="vertical" container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${y}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${T}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${B}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`${k}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${D}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${Q}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${w}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${w}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${C1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${P}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${z}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${H}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${F}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${j}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${E}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${i1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${o}' rotate="180" container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${o}' rotate="-90" container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${o}' rotate="90" container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${o}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${H}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${U}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${n1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${_}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${N}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${R}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${M}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${I}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${s1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${S}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${e1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${A}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${l1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${M}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${t1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${G}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${O}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${p}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${q}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${o1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${a1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${X}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${Y}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${p}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${W}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${L}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${c1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${r1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${h1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${d1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${v1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${J}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${K}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
-    const t = this.getIconPath();
+    i`<svg src=${x} container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${v}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${v}' rotate="180" container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${f}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${g}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${g}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}" height="24" width="24"></svg>`, i`<svg src='${c}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${Z}' rotate="180" container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${Z}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${L}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${b}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${u}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${c}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${c}' flip="vertical" container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${y}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${T}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${B}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`${k}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${D}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${Q}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${w}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${w}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${C1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${P}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${z}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${p}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${F}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${R}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${I}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${i1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${o}' rotate="180" container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${o}' rotate="-90" container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${o}' rotate="90" container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${o}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${p}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${O}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${n1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${j}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${U}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${X}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${H}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${E}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${s1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${_}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${e1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${N}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${t1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${H}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${l1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${G}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${S}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${M}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${A}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${o1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${a1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${q}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${Y}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${M}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${W}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${L}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${c1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${r1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${h1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${d1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${v1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${J}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`, i`<svg src='${K}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;
+    const l = this.getIconPath();
     return !this.name && !this.svg ? (console.warn("Cre8Icon: No icon name or svg provided. Please provide either a name or svg."), i``) : i`
-            ${this.svg ? i`<span class="${C}" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}">${$(this.svg)}</span>` : i`
+            ${this.svg ? i`<span class="${C}" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}">${m(this.svg)}</span>` : i`
         <span class="${C}" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}">
             <svg class="cre8-c-icon" xmlns="http://www.w3.org/2000/svg" focusable="${this.focusable ? "true" : "false"}" role="img">
-                <use href="${t}#${this.name}"></use>
+                <use href="${l}#${this.name}"></use>
             </svg>
         </span>`}`;
   }
 };
 r.styles = [g1];
 let n = r;
-l([
+t([
   e({ type: Boolean, reflect: !0 })
 ], n.prototype, "focusable");
-l([
+t([
   e()
 ], n.prototype, "name");
-l([
+t([
   e({ reflect: !0 })
 ], n.prototype, "svg");
-l([
+t([
   e()
 ], n.prototype, "iconUrl");
-l([
+t([
   e()
 ], n.prototype, "iconTitle");
 customElements.get("cre8-icon") === void 0 && customElements.define("cre8-icon", n);
@@ -695,8 +592,8 @@ export {
   o as a,
   L as b,
   u as c,
-  E as d,
-  j as e,
+  I as d,
+  R as e,
   K as f,
   w as g,
   Z as h,

package/lib/index.js

@@ -51,7 +51,7 @@ import { Cre8LayoutSection as Qr } from "./components/layout-section/layout-sect
 import { Cre8LayoutContainer as Wr } from "./components/layout-container/layout-container.js";
 import { Cre8Layout as Yr } from "./components/layout/layout.js";
 import { Cre8InlineAlert as _r } from "./components/inline-alert/inline-alert.js";
-import { C as re } from "./icon-DImqxDiW.js";
+import { C as re } from "./icon-D22g8aWB.js";
 import { Cre8Hero as oe } from "./components/hero/hero.js";
 import { Cre8Heading as me } from "./components/heading/heading.js";
 import { Cre8Header as pe } from "./components/header/header.js";

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@tmorrow/cre8-wc",
-  "version": "1.0.26",
+  "version": "1.1.2",
   "description": "cre8 Web Components is a library of presentational UI web components to be consumed by # web applications.",
   "license": "BSD-3-Clause",
   "scripts": {
     "start": "pnpm run build:custom-elements.json && pnpm run storybook",
-    "build": "rm -rf lib && vite build && tsc",
+    "build": "rm -rf lib && vite build && tsc && cp .storybook/custom-elements.json custom-elements.json && npx tsx scripts/generate-react-wrappers.ts && cd react-wrappers && npx tsc",
     "build:cdn": "rm -rf cdn && vite build --config vite.config.cdn.ts",
     "build:all": "pnpm run build:cdn && pnpm run build",
     "build:watch": "vite build --watch",
@@ -16,7 +16,7 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "del-cli dist && storybook build -o dist",
     "plop": "plop component",
-    "extract-tokens": "node ./extract-tokens.cjs https://mcdonalds.com",
+    "extract-tokens": "node ./extract-tokens.cjs https://",
     "convert-scss-to-ts": "npx tsx ./scripts/convert-scss-to-ts.ts",
     "agentrpc": "npx tsx ./cli/agentric-server.ts",
     "generate-theme": "npx tsx ./cli/theme-generator.ts",
@@ -26,7 +26,7 @@
     "plop:recipe": "plop recipe",
     "lint": "eslint-config --ext .ts,.html . --ignore-path ../../.eslintignore",
     "format": "eslint-config --ext .ts,.html . --fix --ignore-path ../../.eslintignore",
-    "release:publish": "node scripts/release.cjs --skip-lint --skip-tests",
+    "release:publish": "node scripts/release.cjs --skip-lint --skip-tests --publish",
     "version:bump": "node scripts/version-bump.cjs"
   },
   "type": "module",
@@ -51,10 +51,11 @@
       "types": "./lib/index.d.ts"
     },
     "./cdn": {
-      "import": "./lib/cdn.esm.js",
-      "default": "./lib/cdn.min.js"
+      "import": "./cdn/cre8-wc.esm.js",
+      "default": "./cdn/cre8-wc.min.js"
     },
-    "./cdn/cre8-wc.esm.js": "./lib/cdn.esm.js",
+    "./cdn/cre8-wc.esm.js": "./cdn/cre8-wc.esm.js",
+    "./cdn/cre8-wc.min.js": "./cdn/cre8-wc.min.js",
     "./lib/components/*": {
       "import": "./lib/components/*",
       "types": "./lib/components/*",
@@ -65,6 +66,11 @@
       "types": "./icons/*",
       "default": "./icons/*"
     },
+    "./design-tokens/*": {
+      "import": "./design-tokens/*",
+      "types": "./design-tokens/*",
+      "default": "./design-tokens/*"
+    },
     "./global.d.ts": "./global.d.ts",
     "./package.json": "./package.json"
   },
@@ -150,4 +156,4 @@
     "*.ts": "eslint --cache --fix"
   },
   "customElements": ".storybook/custom-elements.json"
-}
+}