@tmorrow/cre8-wc 2.3.5 → 2.3.6

package/dist/assets/{icon-BmyJ3psE.js → icon-JqBqZA-z.js}

@@ -1,5 +1,5 @@
-import{a as u,b as i,o as f}from"./iframe-DgoqrgRr.js";import{o as p}from"./if-defined-Bh0SnORx.js";import{C as b,n as t}from"./cre8-element-D4jUl3yv.js";const x=u`.cre8-u-content-knockout-brand {
-  color: var(----cre8-color-content-knockout-brand);
+import{a as u,b as i,o as f}from"./iframe-B4bTcHfE.js";import{o as p}from"./if-defined-DA22R8ho.js";import{C as b,n as t}from"./cre8-element-C-P96xHp.js";const x=u`.cre8-u-content-knockout-brand {
+  color: var(--cre8-color-content-knockout-brand);
 }
 
 .cre8-u-is-hidden {
@@ -72,23 +72,23 @@ import{a as u,b as i,o as f}from"./iframe-DgoqrgRr.js";import{o as p}from"./if-d
 }
 
 .cre8-u-margin-sm {
-  margin: size(1) !important;
+  margin: 0.5rem !important;
 }
 
 .cre8-u-margin-md {
-  margin: size(2) !important;
+  margin: 1rem !important;
 }
 
 .cre8-u-margin-lg {
-  margin: size(3) !important;
+  margin: 1.5rem !important;
 }
 
 .cre8-u-margin-xl {
-  margin: size(4) !important;
+  margin: 2rem !important;
 }
 
 .cre8-u-margin-xxl {
-  margin: size(8) !important;
+  margin: 4rem !important;
 }
 
 .cre8-u-margin-top-none {
@@ -96,23 +96,23 @@ import{a as u,b as i,o as f}from"./iframe-DgoqrgRr.js";import{o as p}from"./if-d
 }
 
 .cre8-u-margin-top-sm {
-  margin-top: size(1) !important;
+  margin-top: 0.5rem !important;
 }
 
 .cre8-u-margin-top-md {
-  margin-top: size(2) !important;
+  margin-top: 1rem !important;
 }
 
 .cre8-u-margin-top-lg {
-  margin-top: size(3) !important;
+  margin-top: 1.5rem !important;
 }
 
 .cre8-u-margin-top-xl {
-  margin-top: size(4) !important;
+  margin-top: 2rem !important;
 }
 
 .cre8-u-margin-top-xxl {
-  margin-top: size(8) !important;
+  margin-top: 4rem !important;
 }
 
 .cre8-u-margin-right-none {
@@ -120,23 +120,23 @@ import{a as u,b as i,o as f}from"./iframe-DgoqrgRr.js";import{o as p}from"./if-d
 }
 
 .cre8-u-margin-right-sm {
-  margin-right: size(1) !important;
+  margin-right: 0.5rem !important;
 }
 
 .cre8-u-margin-right-md {
-  margin-right: size(2) !important;
+  margin-right: 1rem !important;
 }
 
 .cre8-u-margin-right-lg {
-  margin-right: size(3) !important;
+  margin-right: 1.5rem !important;
 }
 
 .cre8-u-margin-right-xl {
-  margin-right: size(4) !important;
+  margin-right: 2rem !important;
 }
 
 .cre8-u-margin-right-xxl {
-  margin-right: size(8) !important;
+  margin-right: 4rem !important;
 }
 
 .cre8-u-margin-bottom-none {
@@ -144,32 +144,32 @@ import{a as u,b as i,o as f}from"./iframe-DgoqrgRr.js";import{o as p}from"./if-d
 }
 
 .cre8-u-margin-bottom-sm {
-  margin-bottom: size(1) !important;
+  margin-bottom: 0.5rem !important;
 }
 
 .cre8-u-margin-bottom-md {
-  margin-bottom: size(2) !important;
+  margin-bottom: 1rem !important;
 }
 
 .cre8-u-margin-bottom-lg {
-  margin-bottom: size(3) !important;
+  margin-bottom: 1.5rem !important;
 }
 
 .cre8-u-margin-bottom-xl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 
 .cre8-u-margin-bottom-xxl {
-  margin-bottom: size(8) !important;
+  margin-bottom: 4rem !important;
 }
 
 .cre8-u-margin-bottom-xl-xxl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 
 @media all and (min-width: 768px) {
   .cre8-u-margin-bottom-xl-xxl {
-    margin-bottom: size(8) !important;
+    margin-bottom: 4rem !important;
   }
 }
 .cre8-u-margin-left-none {
@@ -177,23 +177,23 @@ import{a as u,b as i,o as f}from"./iframe-DgoqrgRr.js";import{o as p}from"./if-d
 }
 
 .cre8-u-margin-left-sm {
-  margin-left: size(1) !important;
+  margin-left: 0.5rem !important;
 }
 
 .cre8-u-margin-left-md {
-  margin-left: size(2) !important;
+  margin-left: 1rem !important;
 }
 
 .cre8-u-margin-left-lg {
-  margin-left: size(3) !important;
+  margin-left: 1.5rem !important;
 }
 
 .cre8-u-margin-left-xl {
-  margin-left: size(4) !important;
+  margin-left: 2rem !important;
 }
 
 .cre8-u-margin-left-xxl {
-  margin-left: size(8) !important;
+  margin-left: 4rem !important;
 }
 
 .cre8-u-padding-none {
@@ -201,23 +201,23 @@ import{a as u,b as i,o as f}from"./iframe-DgoqrgRr.js";import{o as p}from"./if-d
 }
 
 .cre8-u-padding-sm {
-  padding: size(1) !important;
+  padding: 0.5rem !important;
 }
 
 .cre8-u-padding-md {
-  padding: size(2) !important;
+  padding: 1rem !important;
 }
 
 .cre8-u-padding-lg {
-  padding: size(3) !important;
+  padding: 1.5rem !important;
 }
 
 .cre8-u-padding-xl {
-  padding: size(4) !important;
+  padding: 2rem !important;
 }
 
 .cre8-u-padding-xxl {
-  padding: size(8) !important;
+  padding: 4rem !important;
 }
 
 .cre8-u-padding-top-none {
@@ -225,23 +225,23 @@ import{a as u,b as i,o as f}from"./iframe-DgoqrgRr.js";import{o as p}from"./if-d
 }
 
 .cre8-u-padding-top-sm {
-  padding-top: size(1) !important;
+  padding-top: 0.5rem !important;
 }
 
 .cre8-u-padding-top-md {
-  padding-top: size(2) !important;
+  padding-top: 1rem !important;
 }
 
 .cre8-u-padding-top-lg {
-  padding-top: size(3) !important;
+  padding-top: 1.5rem !important;
 }
 
 .cre8-u-padding-top-xl {
-  padding-top: size(4) !important;
+  padding-top: 2rem !important;
 }
 
 .cre8-u-padding-top-xxl {
-  padding-top: size(8) !important;
+  padding-top: 4rem !important;
 }
 
 .cre8-u-padding-right-none {
@@ -249,23 +249,23 @@ import{a as u,b as i,o as f}from"./iframe-DgoqrgRr.js";import{o as p}from"./if-d
 }
 
 .cre8-u-padding-right-sm {
-  padding-right: size(1) !important;
+  padding-right: 0.5rem !important;
 }
 
 .cre8-u-padding-right-md {
-  padding-right: size(2) !important;
+  padding-right: 1rem !important;
 }
 
 .cre8-u-padding-right-lg {
-  padding-right: size(3) !important;
+  padding-right: 1.5rem !important;
 }
 
 .cre8-u-padding-right-xl {
-  padding-right: size(4) !important;
+  padding-right: 2rem !important;
 }
 
 .cre8-u-padding-right-xxl {
-  padding-right: size(8) !important;
+  padding-right: 4rem !important;
 }
 
 .cre8-u-padding-bottom-none {
@@ -273,23 +273,23 @@ import{a as u,b as i,o as f}from"./iframe-DgoqrgRr.js";import{o as p}from"./if-d
 }
 
 .cre8-u-padding-bottom-sm {
-  padding-bottom: size(1) !important;
+  padding-bottom: 0.5rem !important;
 }
 
 .cre8-u-padding-bottom-md {
-  padding-bottom: size(2) !important;
+  padding-bottom: 1rem !important;
 }
 
 .cre8-u-padding-bottom-lg {
-  padding-bottom: size(3) !important;
+  padding-bottom: 1.5rem !important;
 }
 
 .cre8-u-padding-bottom-xl {
-  padding-bottom: size(4) !important;
+  padding-bottom: 2rem !important;
 }
 
 .cre8-u-padding-bottom-xxl {
-  padding-bottom: size(8) !important;
+  padding-bottom: 4rem !important;
 }
 
 .cre8-u-padding-left-none {
@@ -297,23 +297,23 @@ import{a as u,b as i,o as f}from"./iframe-DgoqrgRr.js";import{o as p}from"./if-d
 }
 
 .cre8-u-padding-left-sm {
-  padding-left: size(1) !important;
+  padding-left: 0.5rem !important;
 }
 
 .cre8-u-padding-left-md {
-  padding-left: size(2) !important;
+  padding-left: 1rem !important;
 }
 
 .cre8-u-padding-left-lg {
-  padding-left: size(3) !important;
+  padding-left: 1.5rem !important;
 }
 
 .cre8-u-padding-left-xl {
-  padding-left: size(4) !important;
+  padding-left: 2rem !important;
 }
 
 .cre8-u-padding-left-xxl {
-  padding-left: size(8) !important;
+  padding-left: 4rem !important;
 }
 
 .cre8-u-display-flex {
@@ -329,7 +329,6 @@ body {
   font-size: var(--cre8-typography-body-default-font-size);
   font-weight: var(--cre8-typography-body-default-font-weight);
   line-height: var(--cre8-typography-body-default-line-height);
-  -webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-transform: var(--cre8-typography-body-default-text-transform);
   display: flex;
@@ -337,7 +336,7 @@ body {
   padding: 0;
   margin: 0;
   color: var(--cre8-color-content-default);
-  background: var(--background-default);
+  background: var(--cre8-color-bg-default);
 }
 
 @media all and (min-width: 60rem) {
@@ -665,13 +664,13 @@ cre8-icon[flip=both] {
 }`;var $=Object.defineProperty,s=(h,C,o,l)=>{for(var e=void 0,r=h.length-1,g;r>=0;r--)(g=h[r])&&(e=g(C,o,e)||e);return e&&$(C,o,e),e};const y=`<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 0ZM8 14.7692C6.66117 14.7692 5.35241 14.3722 4.23922 13.6284C3.12603 12.8846 2.2584 11.8274 1.74605 10.5905C1.2337 9.35356 1.09965 7.99249 1.36084 6.67939C1.62203 5.36629 2.26674 4.16012 3.21343 3.21343C4.16013 2.26674 5.36629 1.62203 6.67939 1.36084C7.99249 1.09965 9.35356 1.2337 10.5905 1.74605C11.8274 2.25839 12.8846 3.12602 13.6284 4.23922C14.3722 5.35241 14.7692 6.66117 14.7692 8C14.7672 9.79468 14.0534 11.5153 12.7843 12.7843C11.5153 14.0534 9.79469 14.7672 8 14.7692ZM11.6923 8C11.6923 8.16321 11.6275 8.31973 11.5121 8.43514C11.3967 8.55055 11.2401 8.61538 11.0769 8.61538H8.61539V11.0769C8.61539 11.2401 8.55055 11.3967 8.43514 11.5121C8.31974 11.6275 8.16321 11.6923 8 11.6923C7.83679 11.6923 7.68027 11.6275 7.56486 11.5121C7.44945 11.3967 7.38462 11.2401 7.38462 11.0769V8.61538H4.92308C4.75987 8.61538 4.60334 8.55055 4.48794 8.43514C4.37253 8.31973 4.30769 8.16321 4.30769 8C4.30769 7.83679 4.37253 7.68026 4.48794 7.56486C4.60334 7.44945 4.75987 7.38461 4.92308 7.38461H7.38462V4.92308C7.38462 4.75987 7.44945 4.60334 7.56486 4.48793C7.68027 4.37253 7.83679 4.30769 8 4.30769C8.16321 4.30769 8.31974 4.37253 8.43514 4.48793C8.55055 4.60334 8.61539 4.75987 8.61539 4.92308V7.38461H11.0769C11.2401 7.38461 11.3967 7.44945 11.5121 7.56486C11.6275 7.68026 11.6923 7.83679 11.6923 8Z"/>
 </svg>
-`,v=`<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="M16 8.00007C16 8.17688 15.9298 8.34644 15.8047 8.47146C15.6797 8.59648 15.5102 8.66672 15.3334 8.66672H2.27628L7.13862 13.5282C7.20056 13.5902 7.24969 13.6637 7.28322 13.7446C7.31674 13.8255 7.33399 13.9123 7.33399 13.9999C7.33399 14.0875 7.31674 14.1742 7.28322 14.2551C7.24969 14.3361 7.20056 14.4096 7.13862 14.4715C7.07669 14.5335 7.00315 14.5826 6.92223 14.6161C6.8413 14.6496 6.75457 14.6669 6.66697 14.6669C6.57938 14.6669 6.49264 14.6496 6.41172 14.6161C6.33079 14.5826 6.25726 14.5335 6.19532 14.4715L0.195518 8.47172C0.133536 8.40981 0.0843647 8.33629 0.0508163 8.25536C0.0172679 8.17443 0 8.08768 0 8.00007C0 7.91246 0.0172679 7.82572 0.0508163 7.74479C0.0843647 7.66386 0.133536 7.59033 0.195518 7.52842L6.19532 1.52862C6.32041 1.40353 6.49007 1.33325 6.66697 1.33325C6.84388 1.33325 7.01353 1.40353 7.13862 1.52862C7.26371 1.65371 7.33399 1.82336 7.33399 2.00027C7.33399 2.17717 7.26371 2.34683 7.13862 2.47192L2.27628 7.33343H15.3334C15.5102 7.33343 15.6797 7.40366 15.8047 7.52868C15.9298 7.6537 16 7.82327 16 8.00007Z"/>
 </svg>
 `,T=`<svg fill="currentColor" width="16" height="17" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.00251 1.90538e-07C6.6212 -0.00030123 5.26334 0.357025 4.0611 1.0372C2.85886 1.71737 1.85319 2.69722 1.14199 3.88137C0.430785 5.06552 0.0382741 6.41363 0.00266021 7.79449C-0.0329537 9.17534 0.289543 10.5419 0.938759 11.7611L0.0655986 14.3806C-0.00672782 14.5975 -0.0172241 14.8302 0.0352863 15.0527C0.0877968 15.2752 0.201239 15.4787 0.362897 15.6404C0.524556 15.802 0.728043 15.9155 0.95055 15.968C1.17306 16.0205 1.40579 16.01 1.62267 15.9377L4.24215 15.0645C5.31516 15.6352 6.50407 15.954 7.71866 15.9966C8.93325 16.0392 10.1416 15.8046 11.252 15.3105C12.3623 14.8164 13.3455 14.0758 14.127 13.145C14.9084 12.2142 15.4675 11.1176 15.7618 9.93844C16.0562 8.75928 16.078 7.52857 15.8257 6.33971C15.5734 5.15086 15.0535 4.03511 14.3056 3.07715C13.5577 2.1192 12.6014 1.34422 11.5092 0.811043C10.4171 0.277864 9.21785 0.000498686 8.00251 1.90538e-07ZM10.4643 9.8471H5.54074C5.37751 9.8471 5.22097 9.78226 5.10555 9.66684C4.99014 9.55142 4.9253 9.39488 4.9253 9.23166C4.9253 9.06843 4.99014 8.91189 5.10555 8.79647C5.22097 8.68105 5.37751 8.61621 5.54074 8.61621H10.4643C10.6275 8.61621 10.7841 8.68105 10.8995 8.79647C11.0149 8.91189 11.0797 9.06843 11.0797 9.23166C11.0797 9.39488 11.0149 9.55142 10.8995 9.66684C10.7841 9.78226 10.6275 9.8471 10.4643 9.8471ZM10.4643 7.38532H5.54074C5.37751 7.38532 5.22097 7.32048 5.10555 7.20506C4.99014 7.08965 4.9253 6.93311 4.9253 6.76988C4.9253 6.60665 4.99014 6.45011 5.10555 6.3347C5.22097 6.21928 5.37751 6.15444 5.54074 6.15444H10.4643C10.6275 6.15444 10.7841 6.21928 10.8995 6.3347C11.0149 6.45011 11.0797 6.60665 11.0797 6.76988C11.0797 6.93311 11.0149 7.08965 10.8995 7.20506C10.7841 7.32048 10.6275 7.38532 10.4643 7.38532Z"/>
 </svg>
-`,m=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`,v=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M14.1538 1.23077H12.3077V0.615385C12.3077 0.452174 12.2428 0.295649 12.1274 0.180242C12.012 0.064835 11.8555 0 11.6923 0C11.5291 0 11.3725 0.064835 11.2571 0.180242C11.1417 0.295649 11.0769 0.452174 11.0769 0.615385V1.23077H4.92305V0.615385C4.92305 0.452174 4.85821 0.295649 4.74281 0.180242C4.6274 0.064835 4.47087 0 4.30766 0C4.14445 0 3.98793 0.064835 3.87252 0.180242C3.75711 0.295649 3.69228 0.452174 3.69228 0.615385V1.23077H1.84613C1.51971 1.23077 1.20665 1.36044 0.97584 1.59125C0.745026 1.82207 0.615356 2.13512 0.615356 2.46154V14.7692C0.615356 15.0957 0.745026 15.4087 0.97584 15.6395C1.20665 15.8703 1.51971 16 1.84613 16H14.1538C14.4802 16 14.7933 15.8703 15.0241 15.6395C15.2549 15.4087 15.3846 15.0957 15.3846 14.7692V2.46154C15.3846 2.13512 15.2549 1.82207 15.0241 1.59125C14.7933 1.36044 14.4802 1.23077 14.1538 1.23077ZM3.69228 2.46154V3.07692C3.69228 3.24013 3.75711 3.39666 3.87252 3.51207C3.98793 3.62747 4.14445 3.69231 4.30766 3.69231C4.47087 3.69231 4.6274 3.62747 4.74281 3.51207C4.85821 3.39666 4.92305 3.24013 4.92305 3.07692V2.46154H11.0769V3.07692C11.0769 3.24013 11.1417 3.39666 11.2571 3.51207C11.3725 3.62747 11.5291 3.69231 11.6923 3.69231C11.8555 3.69231 12.012 3.62747 12.1274 3.51207C12.2428 3.39666 12.3077 3.24013 12.3077 3.07692V2.46154H14.1538V4.92308H1.84613V2.46154H3.69228ZM14.1538 14.7692H1.84613V6.15385H14.1538V14.7692ZM6.7692 8V12.9231C6.7692 13.0863 6.70437 13.2428 6.58896 13.3582C6.47355 13.4736 6.31703 13.5385 6.15382 13.5385C5.99061 13.5385 5.83408 13.4736 5.71868 13.3582C5.60327 13.2428 5.53843 13.0863 5.53843 12.9231V8.99539L5.19843 9.16615C5.05236 9.23919 4.88326 9.25121 4.72832 9.19956C4.57339 9.14792 4.44532 9.03684 4.37228 8.89077C4.29924 8.7447 4.28722 8.57559 4.33887 8.42066C4.39051 8.26573 4.50159 8.13765 4.64766 8.06462L5.87843 7.44923C5.97229 7.40227 6.0766 7.38008 6.18144 7.3848C6.28629 7.38951 6.38818 7.42095 6.47745 7.47615C6.56671 7.53134 6.64038 7.60845 6.69145 7.70013C6.74251 7.79182 6.76928 7.89505 6.7692 8ZM11.32 10.3423L9.84612 12.3077H11.0769C11.2401 12.3077 11.3966 12.3725 11.512 12.4879C11.6274 12.6033 11.6923 12.7599 11.6923 12.9231C11.6923 13.0863 11.6274 13.2428 11.512 13.3582C11.3966 13.4736 11.2401 13.5385 11.0769 13.5385H8.61536C8.50107 13.5385 8.38904 13.5066 8.29183 13.4466C8.19461 13.3865 8.11605 13.3005 8.06494 13.1983C8.01383 13.0961 7.99219 12.9816 8.00246 12.8678C8.01272 12.754 8.05448 12.6453 8.12305 12.5538L10.3369 9.60231C10.3873 9.53527 10.4234 9.45865 10.4431 9.37715C10.4627 9.29565 10.4656 9.21098 10.4513 9.12836C10.4371 9.04573 10.4062 8.96687 10.3604 8.89664C10.3146 8.8264 10.2549 8.76626 10.1851 8.71991C10.1152 8.67356 10.0366 8.64198 9.95408 8.6271C9.87156 8.61222 9.78688 8.61436 9.70523 8.63338C9.62357 8.6524 9.54666 8.68791 9.47922 8.73773C9.41178 8.78755 9.35524 8.85062 9.31305 8.92308C9.27383 8.99529 9.22055 9.05893 9.15635 9.11022C9.09214 9.16151 9.01831 9.19942 8.93922 9.22172C8.86012 9.24401 8.77736 9.25024 8.69582 9.24004C8.61428 9.22983 8.53561 9.2034 8.46445 9.16229C8.39329 9.12119 8.33109 9.06625 8.2815 9.00072C8.23192 8.93519 8.19597 8.86038 8.17576 8.78073C8.15555 8.70108 8.15151 8.61818 8.16386 8.53694C8.17621 8.45569 8.2047 8.37774 8.24766 8.30769C8.45094 7.95591 8.76459 7.68102 9.13998 7.52562C9.51538 7.37021 9.93155 7.34298 10.324 7.44815C10.7164 7.55331 11.0632 7.785 11.3106 8.10729C11.558 8.42958 11.6921 8.82448 11.6923 9.23077C11.6936 9.63211 11.5627 10.0227 11.32 10.3423Z"/>
 </svg>
 `,c=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
@@ -686,13 +685,13 @@ cre8-icon[flip=both] {
 `,k=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M15.7656 14.6336C15.8399 14.708 15.8988 14.7962 15.9391 14.8933C15.9793 14.9904 16 15.0945 16 15.1996C16 15.3047 15.9793 15.4088 15.9391 15.5059C15.8988 15.603 15.8399 15.6912 15.7656 15.7656C15.6912 15.8399 15.603 15.8988 15.5059 15.9391C15.4088 15.9793 15.3047 16 15.1996 16C15.0945 16 14.9904 15.9793 14.8933 15.9391C14.7962 15.8988 14.708 15.8399 14.6336 15.7656L8 9.13094L1.36637 15.7656C1.21626 15.9157 1.01268 16 0.8004 16C0.588121 16 0.384536 15.9157 0.234432 15.7656C0.0843276 15.6155 4.18453e-09 15.4119 0 15.1996C-4.18453e-09 14.9873 0.0843276 14.7837 0.234432 14.6336L6.86906 8L0.234432 1.36637C0.0843276 1.21626 0 1.01268 0 0.8004C0 0.588121 0.0843276 0.384536 0.234432 0.234432C0.384536 0.0843276 0.588121 0 0.8004 0C1.01268 0 1.21626 0.0843276 1.36637 0.234432L8 6.86906L14.6336 0.234432C14.7837 0.0843276 14.9873 -4.18453e-09 15.1996 0C15.4119 4.18453e-09 15.6155 0.0843276 15.7656 0.234432C15.9157 0.384536 16 0.588121 16 0.8004C16 1.01268 15.9157 1.21626 15.7656 1.36637L9.13094 8L15.7656 14.6336Z"/>
 </svg>
-`,z=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`,D=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M4.195 7.13833C4.10166 7.0451 4.03808 6.92626 4.01231 6.79687C3.98655 6.66748 3.99975 6.53336 4.05025 6.41147C4.10075 6.28959 4.18628 6.18543 4.29601 6.11219C4.40574 6.03894 4.53474 5.9999 4.66667 6H7.33333V0.666667C7.33333 0.489856 7.40357 0.320287 7.5286 0.195262C7.65362 0.070238 7.82319 0 8 0C8.17681 0 8.34638 0.070238 8.47141 0.195262C8.59643 0.320287 8.66667 0.489856 8.66667 0.666667V6H11.3333C11.4653 5.9999 11.5943 6.03894 11.704 6.11219C11.8137 6.18543 11.8992 6.28959 11.9497 6.41147C12.0002 6.53336 12.0135 6.66748 11.9877 6.79687C11.9619 6.92626 11.8983 7.0451 11.805 7.13833L8.47167 10.4717C8.40975 10.5337 8.33623 10.5828 8.25529 10.6164C8.17436 10.6499 8.08761 10.6672 8 10.6672C7.91239 10.6672 7.82564 10.6499 7.74471 10.6164C7.66377 10.5828 7.59025 10.5337 7.52833 10.4717L4.195 7.13833ZM15.3333 9.33333C15.1565 9.33333 14.987 9.40357 14.8619 9.52859C14.7369 9.65362 14.6667 9.82319 14.6667 10V14.6667H1.33333V10C1.33333 9.82319 1.2631 9.65362 1.13807 9.52859C1.01305 9.40357 0.843478 9.33333 0.666667 9.33333C0.489856 9.33333 0.320287 9.40357 0.195262 9.52859C0.070238 9.65362 0 9.82319 0 10V14.6667C0 15.0203 0.140476 15.3594 0.390524 15.6095C0.640573 15.8595 0.979711 16 1.33333 16H14.6667C15.0203 16 15.3594 15.8595 15.6095 15.6095C15.8595 15.3594 16 15.0203 16 14.6667V10C16 9.82319 15.9298 9.65362 15.8047 9.52859C15.6797 9.40357 15.5101 9.33333 15.3333 9.33333Z"/>
 </svg>
-`,D=`<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="M15.6243 3.95007L12.05 0.374994C11.9311 0.256108 11.79 0.161801 11.6347 0.0974588C11.4794 0.0331167 11.3129 0 11.1448 0C10.9767 0 10.8103 0.0331167 10.6549 0.0974588C10.4996 0.161801 10.3585 0.256108 10.2397 0.374994L0.375194 10.2403C0.255821 10.3587 0.16118 10.4997 0.0967705 10.655C0.0323612 10.8103 -0.000530733 10.9769 6.47574e-06 11.145V14.7201C6.47574e-06 15.0596 0.134859 15.3851 0.374897 15.6252C0.614935 15.8652 0.940497 16.0001 1.27996 16.0001H4.85504C5.02319 16.0006 5.18977 15.9677 5.34509 15.9033C5.50041 15.8389 5.64139 15.7442 5.75981 15.6249L15.6243 5.76041C15.7432 5.64155 15.8375 5.50044 15.9018 5.34513C15.9662 5.18982 15.9993 5.02335 15.9993 4.85524C15.9993 4.68713 15.9662 4.52067 15.9018 4.36535C15.8375 4.21004 15.7432 4.06893 15.6243 3.95007ZM4.85504 14.7201H1.27996V11.145L8.31972 4.10527L11.8948 7.68034L4.85504 14.7201ZM12.7996 6.77478L9.22449 3.2005L11.1444 1.28056L14.7195 4.85484L12.7996 6.77478Z"/>
 </svg>
-`,P=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`,z=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M10.0741 7.99998C10.0741 8.41019 9.95243 8.81119 9.72453 9.15227C9.49663 9.49335 9.1727 9.75919 8.79371 9.91617C8.41473 10.0732 7.9977 10.1142 7.59537 10.0342C7.19304 9.95417 6.82347 9.75663 6.53341 9.46657C6.24334 9.1765 6.04581 8.80694 5.96578 8.40461C5.88575 8.00228 5.92682 7.58525 6.08381 7.20626C6.24079 6.82728 6.50663 6.50335 6.84771 6.27545C7.18879 6.04755 7.58979 5.9259 8 5.9259C8.55008 5.9259 9.07763 6.14442 9.46659 6.53339C9.85556 6.92235 10.0741 7.4499 10.0741 7.99998ZM2.07407 5.9259C1.66386 5.9259 1.26286 6.04755 0.921781 6.27545C0.580702 6.50335 0.314862 6.82728 0.15788 7.20626C0.000898661 7.58525 -0.0401749 8.00228 0.0398537 8.40461C0.119882 8.80694 0.317419 9.1765 0.607483 9.46657C0.897548 9.75663 1.26711 9.95417 1.66944 10.0342C2.07177 10.1142 2.4888 10.0732 2.86779 9.91617C3.24678 9.75919 3.5707 9.49335 3.7986 9.15227C4.02651 8.81119 4.14815 8.41019 4.14815 7.99998C4.14815 7.4499 3.92963 6.92235 3.54067 6.53339C3.1517 6.14442 2.62415 5.9259 2.07407 5.9259ZM13.9259 5.9259C13.5157 5.9259 13.1147 6.04755 12.7736 6.27545C12.4326 6.50335 12.1667 6.82728 12.0097 7.20626C11.8527 7.58525 11.8117 8.00228 11.8917 8.40461C11.9717 8.80694 12.1693 9.1765 12.4593 9.46657C12.7494 9.75663 13.119 9.95417 13.5213 10.0342C13.9236 10.1142 14.3407 10.0732 14.7196 9.91617C15.0986 9.75919 15.4226 9.49335 15.6505 9.15227C15.8784 8.81119 16 8.41019 16 7.99998C16 7.72761 15.9464 7.4579 15.8421 7.20626C15.7379 6.95463 15.5851 6.72598 15.3925 6.53339C15.1999 6.34079 14.9713 6.18801 14.7196 6.08378C14.468 5.97955 14.1983 5.9259 13.9259 5.9259Z"/>
 </svg>
 `,R=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
@@ -831,10 +830,10 @@ cre8-icon[flip=both] {
 `,p1=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M24 12.0526L18.9474 7V10.7895H0V13.3158H18.9474V17.1053L24 12.0526Z"/>
 </svg>
-`,v1=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`,m1=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16.8 5L19.548 7.748L13.692 13.604L8.892 8.804L0 17.708L1.692 19.4L8.892 12.2L13.692 17L21.252 9.452L24 12.2V5H16.8Z"/>
 </svg>
-`,m1=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+`,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>
 `,w1=`<?xml version="1.0" encoding="utf-8"?>
@@ -1195,7 +1194,7 @@ cre8-icon[flip=both] {
 <path d="M22.2 17.6335L14.0016 3.39569C13.7967 3.04687 13.5042 2.75764 13.1532 2.55668C12.8021 2.35572 12.4046 2.25 12 2.25C11.5955 2.25 11.198 2.35572 10.8469 2.55668C10.4958 2.75764 10.2033 3.04687 9.99847 3.39569L1.80003 17.6335C1.60291 17.9709 1.49902 18.3546 1.49902 18.7454C1.49902 19.1361 1.60291 19.5199 1.80003 19.8572C2.00228 20.2082 2.29425 20.499 2.64599 20.6998C2.99773 20.9006 3.39658 21.0043 3.80159 21.0001H20.1985C20.6032 21.0039 21.0016 20.9001 21.353 20.6993C21.7044 20.4985 21.9961 20.2079 22.1982 19.8572C22.3956 19.52 22.4998 19.1364 22.5001 18.7456C22.5004 18.3549 22.3969 17.9711 22.2 17.6335ZM11.25 9.75006C11.25 9.55115 11.329 9.36038 11.4697 9.21973C11.6104 9.07908 11.8011 9.00006 12 9.00006C12.1989 9.00006 12.3897 9.07908 12.5304 9.21973C12.671 9.36038 12.75 9.55115 12.75 9.75006V13.5001C12.75 13.699 12.671 13.8897 12.5304 14.0304C12.3897 14.171 12.1989 14.2501 12 14.2501C11.8011 14.2501 11.6104 14.171 11.4697 14.0304C11.329 13.8897 11.25 13.699 11.25 13.5001V9.75006ZM12 18.0001C11.7775 18.0001 11.56 17.9341 11.375 17.8105C11.19 17.6868 11.0458 17.5111 10.9607 17.3056C10.8755 17.1 10.8532 16.8738 10.8966 16.6556C10.9401 16.4374 11.0472 16.2369 11.2045 16.0796C11.3619 15.9222 11.5623 15.8151 11.7806 15.7717C11.9988 15.7283 12.225 15.7505 12.4305 15.8357C12.6361 15.9208 12.8118 16.065 12.9354 16.25C13.059 16.435 13.125 16.6526 13.125 16.8751C13.125 17.1734 13.0065 17.4596 12.7955 17.6706C12.5845 17.8815 12.2984 18.0001 12 18.0001Z"/>
 
 </symbol></svg>
-`,d=class d extends b{constructor(){super(...arguments),this.iconUrl=w1}getIconPath(){if(window.Cre8_ICON_URL)return window.Cre8_ICON_URL;const C=document.querySelector('script[src$="icon"]');return C?`${C.src.replace(/^(.+)\/.*$/,"$1")}/svgs/svgs.svg`:this.iconUrl}render(){const C=this.componentClassNames("cre8-c-icon-wrapper",{});i`<svg src=${y} 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='${T}' 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='${m}' 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='${V}' rotate="180" 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='${w}' 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='${k}' 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='${z}' 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='${P}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,i`${R}' 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='${n1}' 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='${L}' 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='${I}' 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='${H}' 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='${_}' 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='${a}' rotate="180" container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,i`<svg src='${a}' rotate="-90" container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,i`<svg src='${a}' rotate="90" 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='${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='${s1}' 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='${E}' 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='${M}' 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='${o1}' 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='${a1}' 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='${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='${r1}' 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='${Z}' 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='${d1}' 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>`,i`<svg src='${Z}' 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='${h1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,i`<svg src='${g1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,i`<svg src='${p1}' 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='${m1}' 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='${i1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`;const o=this.getIconPath();if(!this.name&&!this.svg)return console.warn("Cre8Icon: No icon name or svg provided. Please provide either a name or svg."),i``;const l=this.iconTitle?"img":void 0;return i`
+`,d=class d extends b{constructor(){super(...arguments),this.iconUrl=w1}getIconPath(){if(window.Cre8_ICON_URL)return window.Cre8_ICON_URL;const C=document.querySelector('script[src$="icon"]');return C?`${C.src.replace(/^(.+)\/.*$/,"$1")}/svgs/svgs.svg`:this.iconUrl}render(){const C=this.componentClassNames("cre8-c-icon-wrapper",{});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='${m}' rotate="180" 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='${v}' 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}" 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='${V}' rotate="180" 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='${w}' 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='${k}' 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='${D}' 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`${R}' 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='${n1}' 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='${L}' 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='${I}' 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='${H}' 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='${_}' 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='${a}' rotate="180" container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,i`<svg src='${a}' rotate="-90" container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,i`<svg src='${a}' rotate="90" 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='${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='${s1}' 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='${E}' 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='${M}' 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='${o1}' 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='${a1}' 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='${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='${r1}' 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='${Z}' 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='${d1}' 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>`,i`<svg src='${Z}' 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='${h1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,i`<svg src='${g1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,i`<svg src='${p1}' container-class="${C}" class="cre8-c-icon" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}"></svg>`,i`<svg src='${m1}' 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='${C1}' 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>`;const o=this.getIconPath();if(!this.name&&!this.svg)return console.warn("Cre8Icon: No icon name or svg provided. Please provide either a name or svg."),i``;const l=this.iconTitle?"img":void 0;return i`
             ${this.svg?i`<span class="${C}" role="${p(l)}" aria-label="${this.iconTitle}" aria-hidden="${!this.iconTitle}">${f(this.svg)}</span>`:i`
         <span class="${C}" role="${p(l)}" 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"}" aria-hidden="true">

package/dist/assets/{icon.stories-BfZHRx4U.js → icon.stories-BCMK0dvc.js}

@@ -1,4 +1,4 @@
-import{b as o}from"./iframe-DgoqrgRr.js";import{s as n}from"./spread-Cc0YLoqh.js";import"./icon-BmyJ3psE.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-Bh0SnORx.js";import"./cre8-element-D4jUl3yv.js";import"./_commonjsHelpers-DaWZu8wl.js";const t=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+import{b as o}from"./iframe-B4bTcHfE.js";import{s as n}from"./spread-Bid2THYj.js";import"./icon-JqBqZA-z.js";import"./preload-helper-PPVm8Dsz.js";import"./if-defined-DA22R8ho.js";import"./cre8-element-C-P96xHp.js";import"./_commonjsHelpers-DaWZu8wl.js";const t=`<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>
 `,l={title:"cre8 Components/Icon/Icon",component:"cre8-icon-legacy",parameters:{status:{type:"inProgress"}},args:{name:"add"}},r=e=>o`

package/dist/assets/if-defined-DA22R8ho.js

@@ -0,0 +1 @@
+import{A as r}from"./iframe-B4bTcHfE.js";const m=o=>o??r;export{m as o};