beercss 3.13.2 → 4.0.0

package/src/cdn/{helpers → settings}/theme.css

@@ -1,186 +1,186 @@
-.transparent {
-  background-color: transparent !important;
-  box-shadow: none !important;
-  color: inherit !important;
-}
-
-.primary {
-  background-color: var(--primary) !important;
-  color: var(--on-primary) !important;
-}
-
-.primary-text {
-  color: var(--primary) !important;
-}
-
-.primary-border {
-  border-color: var(--primary) !important;
-}
-
-.primary-container {
-  background-color: var(--primary-container) !important;
-  color: var(--on-primary-container) !important;
-}
-
-.secondary {
-  background-color: var(--secondary) !important;
-  color: var(--on-secondary) !important;
-}
-
-.secondary-text {
-  color: var(--secondary) !important;
-}
-
-.secondary-border {
-  border-color: var(--secondary) !important;
-}
-
-.secondary-container {
-  background-color: var(--secondary-container) !important;
-  color: var(--on-secondary-container) !important;
-}
-
-.tertiary {
-  background-color: var(--tertiary) !important;
-  color: var(--on-tertiary) !important;
-}
-
-.tertiary-text {
-  color: var(--tertiary) !important;
-}
-
-.tertiary-border {
-  border-color: var(--tertiary) !important;
-}
-
-.tertiary-container {
-  background-color: var(--tertiary-container) !important;
-  color: var(--on-tertiary-container) !important;
-}
-
-.error {
-  background-color: var(--error) !important;
-  color: var(--on-error) !important;
-}
-
-.error-text {
-  color: var(--error) !important;
-}
-
-.error-border {
-  border-color: var(--error) !important;
-}
-
-.error-container {
-  background-color: var(--error-container) !important;
-  color: var(--on-error-container) !important;
-}
-
-.background {
-  background-color: var(--background) !important;
-  color: var(--on-background) !important;
-}
-
-.surface,
-.surface-dim,
-.surface-bright,
-.surface-container-lowest,
-.surface-container-low,
-.surface-container,
-.surface-container-high,
-.surface-container-highest {
-  background-color: var(--surface) !important;
-  color: var(--on-surface) !important;
-}
-
-.surface-variant {
-  background-color: var(--surface-variant) !important;
-  color: var(--on-surface-variant) !important;
-}
-
-.inverse-surface {
-  background-color: var(--inverse-surface);
-  color: var(--inverse-on-surface);
-}
-
-.inverse-primary {
-  background-color: var(--inverse-primary);
-  color: var(--primary);
-}
-
-.inverse-primary-text {
-  color: var(--inverse-primary) !important;
-}
-
-.inverse-primary-border {
-  border-color: var(--inverse-primary) !important;
-}
-
-.surface-dim {
-  background-color: var(--surface-dim) !important;
-}
-
-.surface-bright {
-  background-color: var(--surface-bright) !important;
-}
-
-.surface-container-lowest {
-  background-color: var(--surface-container-lowest) !important;
-}
-
-.surface-container-low {
-  background-color: var(--surface-container-low) !important;
-}
-
-.surface-container {
-  background-color: var(--surface-container) !important;
-}
-
-.surface-container-high {
-  background-color: var(--surface-container-high) !important;
-}
-
-.surface-container-highest {
-  background-color: var(--surface-container-highest) !important;
-}
-
-.surface-container-low {
-  background-color: var(--surface-container-low) !important;
-}
-
-.black {
-  background-color: #000 !important;
-}
-
-.black-border {
-  border-color: #000 !important;
-}
-
-.black-text {
-  color: #000 !important;
-}
-
-.white {
-  background-color: #FFF !important;
-}
-
-.white-border {
-  border-color: #FFF !important;
-}
-
-.white-text {
-  color: #FFF !important;
-}
-
-.transparent-border {
-  border-color: transparent !important;
-}
-
-.transparent-text {
-  color: transparent !important;
-}
-
-.fill:not(i) {
-  background-color: var(--surface-variant) !important;
-  color: var(--on-surface-variant) !important;
-}
+.transparent {
+  background-color: transparent !important;
+  box-shadow: none !important;
+  color: inherit !important;
+}
+
+.primary {
+  background-color: var(--primary) !important;
+  color: var(--on-primary) !important;
+}
+
+.primary-text {
+  color: var(--primary) !important;
+}
+
+.primary-border {
+  border-color: var(--primary) !important;
+}
+
+.primary-container {
+  background-color: var(--primary-container) !important;
+  color: var(--on-primary-container) !important;
+}
+
+.secondary {
+  background-color: var(--secondary) !important;
+  color: var(--on-secondary) !important;
+}
+
+.secondary-text {
+  color: var(--secondary) !important;
+}
+
+.secondary-border {
+  border-color: var(--secondary) !important;
+}
+
+.secondary-container {
+  background-color: var(--secondary-container) !important;
+  color: var(--on-secondary-container) !important;
+}
+
+.tertiary {
+  background-color: var(--tertiary) !important;
+  color: var(--on-tertiary) !important;
+}
+
+.tertiary-text {
+  color: var(--tertiary) !important;
+}
+
+.tertiary-border {
+  border-color: var(--tertiary) !important;
+}
+
+.tertiary-container {
+  background-color: var(--tertiary-container) !important;
+  color: var(--on-tertiary-container) !important;
+}
+
+.error {
+  background-color: var(--error) !important;
+  color: var(--on-error) !important;
+}
+
+.error-text {
+  color: var(--error) !important;
+}
+
+.error-border {
+  border-color: var(--error) !important;
+}
+
+.error-container {
+  background-color: var(--error-container) !important;
+  color: var(--on-error-container) !important;
+}
+
+.background {
+  background-color: var(--background) !important;
+  color: var(--on-background) !important;
+}
+
+.surface,
+.surface-dim,
+.surface-bright,
+.surface-container-lowest,
+.surface-container-low,
+.surface-container,
+.surface-container-high,
+.surface-container-highest {
+  background-color: var(--surface) !important;
+  color: var(--on-surface) !important;
+}
+
+.surface-variant {
+  background-color: var(--surface-variant) !important;
+  color: var(--on-surface-variant) !important;
+}
+
+.inverse-surface {
+  background-color: var(--inverse-surface);
+  color: var(--inverse-on-surface);
+}
+
+.inverse-primary {
+  background-color: var(--inverse-primary);
+  color: var(--primary);
+}
+
+.inverse-primary-text {
+  color: var(--inverse-primary) !important;
+}
+
+.inverse-primary-border {
+  border-color: var(--inverse-primary) !important;
+}
+
+.surface-dim {
+  background-color: var(--surface-dim) !important;
+}
+
+.surface-bright {
+  background-color: var(--surface-bright) !important;
+}
+
+.surface-container-lowest {
+  background-color: var(--surface-container-lowest) !important;
+}
+
+.surface-container-low {
+  background-color: var(--surface-container-low) !important;
+}
+
+.surface-container {
+  background-color: var(--surface-container) !important;
+}
+
+.surface-container-high {
+  background-color: var(--surface-container-high) !important;
+}
+
+.surface-container-highest {
+  background-color: var(--surface-container-highest) !important;
+}
+
+.surface-container-low {
+  background-color: var(--surface-container-low) !important;
+}
+
+.black {
+  background-color: #000 !important;
+}
+
+.black-border {
+  border-color: #000 !important;
+}
+
+.black-text {
+  color: #000 !important;
+}
+
+.white {
+  background-color: #FFF !important;
+}
+
+.white-border {
+  border-color: #FFF !important;
+}
+
+.white-text {
+  color: #FFF !important;
+}
+
+.transparent-border {
+  border-color: transparent !important;
+}
+
+.transparent-text {
+  color: transparent !important;
+}
+
+.fill:not(i) {
+  background-color: var(--surface-variant) !important;
+  color: var(--on-surface-variant) !important;
+}

package/src/cdn/{helpers → settings}/theme.ts

@@ -1,84 +1,84 @@
-import { type IBeerCssTheme } from "../interfaces";
-import { isDark } from "../utils";
-
-const _lastTheme: IBeerCssTheme = {
-  light: "",
-  dark: "",
-};
-
-function getMode() {
-  return document?.body?.classList.contains("dark") ? "dark" : "light";
-}
-
-function lastTheme(): IBeerCssTheme {
-  if (_lastTheme.light && _lastTheme.dark) return _lastTheme;
-  const body = document.body;
-
-  const light = document.createElement("body");
-  light.className = "light";
-  body.appendChild(light);
-
-  const dark = document.createElement("body");
-  dark.className = "dark";
-  body.appendChild(dark);
-
-  const fromLight = getComputedStyle(light);
-  const fromDark = getComputedStyle(dark);
-  const variables = ["--primary", "--on-primary", "--primary-container", "--on-primary-container", "--secondary", "--on-secondary", "--secondary-container", "--on-secondary-container", "--tertiary", "--on-tertiary", "--tertiary-container", "--on-tertiary-container", "--error", "--on-error", "--error-container", "--on-error-container", "--background", "--on-background", "--surface", "--on-surface", "--surface-variant", "--on-surface-variant", "--outline", "--outline-variant", "--shadow", "--scrim", "--inverse-surface", "--inverse-on-surface", "--inverse-primary", "--surface-dim", "--surface-bright", "--surface-container-lowest", "--surface-container-low", "--surface-container", "--surface-container-high", "--surface-container-highest"];
-  for (let i = 0, n = variables.length; i < n; i++) {
-    _lastTheme.light += variables[i] + ":" + fromLight.getPropertyValue(variables[i]) + ";";
-    _lastTheme.dark += variables[i] + ":" + fromDark.getPropertyValue(variables[i]) + ";";
-  }
-
-  body.removeChild(light);
-  body.removeChild(dark);
-  return _lastTheme;
-}
-
-export function updateTheme(source?: IBeerCssTheme | any): IBeerCssTheme | Promise<IBeerCssTheme> {
-  const context = globalThis as any;
-  const body = document.body;
-  if (!source || !context.materialDynamicColors) return lastTheme();
-
-  const mode = getMode();
-  if (source.light && source.dark) {
-    _lastTheme.light = source.light;
-    _lastTheme.dark = source.dark;
-    body.setAttribute("style", source[mode]);
-    return source;
-  }
-
-  return context.materialDynamicColors(source).then((theme: IBeerCssTheme) => {
-    const toCss = (data: any) => {
-      let style = "";
-      for (let i = 0, keys = Object.keys(data), n = keys.length; i < n; i++) {
-        const key = keys[i];
-        const value = data[key] as string;
-        const kebabCase = key.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
-        style += "--" + kebabCase + ":" + value + ";";
-      }
-      return style;
-    };
-
-    _lastTheme.light = toCss(theme.light);
-    _lastTheme.dark = toCss(theme.dark);
-    body.setAttribute("style", _lastTheme[mode]);
-    return _lastTheme;
-  });
-}
-
-export function updateMode(value: string): string {
-  const context = (globalThis as any);
-  const body = document.body;
-
-  if (!body) return value;
-  if (!value) return getMode();
-  if (value === "auto") value = isDark() ? "dark" : "light";
-  
-  body.classList.remove("light", "dark");
-  body.classList.add(value);
-  
-  const lastThemeStyle = value === "light" ? _lastTheme.light : _lastTheme.dark;
-  if (context.materialDynamicColors) body.setAttribute("style", lastThemeStyle);
-  return getMode();
+import { type IBeerCssTheme } from "../interfaces";
+import { isDark } from "../utils";
+
+const _lastTheme: IBeerCssTheme = {
+  light: "",
+  dark: "",
+};
+
+function getMode() {
+  return document?.body?.classList.contains("dark") ? "dark" : "light";
+}
+
+function lastTheme(): IBeerCssTheme {
+  if (_lastTheme.light && _lastTheme.dark) return _lastTheme;
+  const body = document.body;
+
+  const light = document.createElement("body");
+  light.className = "light";
+  body.appendChild(light);
+
+  const dark = document.createElement("body");
+  dark.className = "dark";
+  body.appendChild(dark);
+
+  const fromLight = getComputedStyle(light);
+  const fromDark = getComputedStyle(dark);
+  const variables = ["--primary", "--on-primary", "--primary-container", "--on-primary-container", "--secondary", "--on-secondary", "--secondary-container", "--on-secondary-container", "--tertiary", "--on-tertiary", "--tertiary-container", "--on-tertiary-container", "--error", "--on-error", "--error-container", "--on-error-container", "--background", "--on-background", "--surface", "--on-surface", "--surface-variant", "--on-surface-variant", "--outline", "--outline-variant", "--shadow", "--scrim", "--inverse-surface", "--inverse-on-surface", "--inverse-primary", "--surface-dim", "--surface-bright", "--surface-container-lowest", "--surface-container-low", "--surface-container", "--surface-container-high", "--surface-container-highest"];
+  for (let i = 0, n = variables.length; i < n; i++) {
+    _lastTheme.light += variables[i] + ":" + fromLight.getPropertyValue(variables[i]) + ";";
+    _lastTheme.dark += variables[i] + ":" + fromDark.getPropertyValue(variables[i]) + ";";
+  }
+
+  body.removeChild(light);
+  body.removeChild(dark);
+  return _lastTheme;
+}
+
+export async function updateTheme(source?: IBeerCssTheme | any): Promise<IBeerCssTheme> {
+  const context = globalThis as any;
+  const body = document.body;
+  if (!source || !context.materialDynamicColors) return lastTheme();
+
+  const mode = getMode();
+  if (source.light && source.dark) {
+    _lastTheme.light = source.light;
+    _lastTheme.dark = source.dark;
+    body.setAttribute("style", source[mode]);
+    return source;
+  }
+
+  return context.materialDynamicColors(source).then((theme: IBeerCssTheme) => {
+    const toCss = (data: any) => {
+      let style = "";
+      for (let i = 0, keys = Object.keys(data), n = keys.length; i < n; i++) {
+        const key = keys[i];
+        const value = data[key] as string;
+        const kebabCase = key.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
+        style += "--" + kebabCase + ":" + value + ";";
+      }
+      return style;
+    };
+
+    _lastTheme.light = toCss(theme.light);
+    _lastTheme.dark = toCss(theme.dark);
+    body.setAttribute("style", _lastTheme[mode]);
+    return _lastTheme;
+  });
+}
+
+export function updateMode(value: string): string {
+  const context = (globalThis as any);
+  const body = document.body;
+
+  if (!body) return value;
+  if (!value) return getMode();
+  if (value === "auto") value = isDark() ? "dark" : "light";
+  
+  body.classList.remove("light", "dark");
+  body.classList.add(value);
+  
+  const lastThemeStyle = value === "light" ? _lastTheme.light : _lastTheme.dark;
+  if (context.materialDynamicColors) body.setAttribute("style", lastThemeStyle);
+  return getMode();
 }

package/src/cdn/shapes/arch.svg

@@ -1,3 +1,3 @@
-<svg width="304" height="304" viewBox="0 0 304 304" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M304 253.72C304 259.83 304 262.89 303.69 265.46C301.31 285.51 285.51 301.31 265.46 303.69C262.89 304 259.83 304 253.72 304H50.281C44.169 304 41.113 304 38.544 303.69C18.495 301.31 2.68799 285.51 0.304993 265.46C-7.33137e-06 262.89 0 259.83 0 253.72V152C0 68.05 68.053 0 152 0C235.95 0 304 68.05 304 152V253.72Z" fill="#D0BCFF"/>
-</svg>
+<svg width="304" height="304" viewBox="0 0 304 304" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M304 253.72C304 259.83 304 262.89 303.69 265.46C301.31 285.51 285.51 301.31 265.46 303.69C262.89 304 259.83 304 253.72 304H50.281C44.169 304 41.113 304 38.544 303.69C18.495 301.31 2.68799 285.51 0.304993 265.46C-7.33137e-06 262.89 0 259.83 0 253.72V152C0 68.05 68.053 0 152 0C235.95 0 304 68.05 304 152V253.72Z" fill="#D0BCFF"/>
+</svg>

package/src/cdn/shapes/arrow.svg

@@ -1,3 +1,3 @@
-<svg width="316" height="278" viewBox="0 0 316 278" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M271.57 122.2C257.552 100.62 243.535 79.01 229.517 57.43C220.423 43.42 211.167 29.2202 198.872 18.0902C186.576 6.94018 170.648 -0.939823 154.316 0.0901773C139.976 1.01018 126.684 8.72013 116.191 18.7901C105.698 28.8601 97.546 41.2601 89.528 53.5401C67.842 86.7201 46.13 119.9 24.444 153.1C14.139 168.86 3.56499 185.31 0.712987 204.09C-2.73101 226.78 6.55198 249.89 23.018 264.98C40.237 280.76 68.138 279.48 89.098 275.16C112.075 270.41 134.541 261.48 157.975 261.51C178.047 261.51 197.446 268.11 216.979 272.91C236.485 277.68 257.445 280.62 276.279 273.52C299.659 264.73 316.448 239.73 315.991 214.07C315.56 190.66 302.457 169.75 289.839 150.27C283.758 140.92 277.678 131.55 271.597 122.2H271.57Z" fill="#D0BCFF"/>
-</svg>
+<svg width="316" height="278" viewBox="0 0 316 278" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M271.57 122.2C257.552 100.62 243.535 79.01 229.517 57.43C220.423 43.42 211.167 29.2202 198.872 18.0902C186.576 6.94018 170.648 -0.939823 154.316 0.0901773C139.976 1.01018 126.684 8.72013 116.191 18.7901C105.698 28.8601 97.546 41.2601 89.528 53.5401C67.842 86.7201 46.13 119.9 24.444 153.1C14.139 168.86 3.56499 185.31 0.712987 204.09C-2.73101 226.78 6.55198 249.89 23.018 264.98C40.237 280.76 68.138 279.48 89.098 275.16C112.075 270.41 134.541 261.48 157.975 261.51C178.047 261.51 197.446 268.11 216.979 272.91C236.485 277.68 257.445 280.62 276.279 273.52C299.659 264.73 316.448 239.73 315.991 214.07C315.56 190.66 302.457 169.75 289.839 150.27C283.758 140.92 277.678 131.55 271.597 122.2H271.57Z" fill="#D0BCFF"/>
+</svg>

package/src/cdn/shapes/boom.svg

@@ -1,3 +1,3 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M156.818 10.1599C157.571 4.13988 157.948 1.13006 158.52 0.590059C159.353 -0.199941 160.647 -0.199941 161.48 0.590059C162.052 1.13006 162.429 4.13988 163.182 10.1599L172.76 86.74C173.064 89.17 173.216 90.3799 173.652 90.8899C174.285 91.6099 175.32 91.8399 176.193 91.4299C176.794 91.1499 177.425 90.1 178.686 88L218.415 21.9599C221.539 16.7699 223.101 14.1699 223.842 13.9099C224.92 13.5399 226.102 14.0699 226.546 15.1299C226.851 15.8499 225.977 18.76 224.229 24.57L201.999 98.4399C201.293 100.79 200.941 101.96 201.136 102.59C201.42 103.52 202.276 104.14 203.238 104.13C203.901 104.12 204.901 103.42 206.901 102.02L269.911 57.9399C274.867 54.4699 277.344 52.74 278.125 52.8C279.261 52.9 280.127 53.87 280.105 55.01C280.091 55.8 278.117 58.0999 274.17 62.6899L223.976 121.09C222.383 122.94 221.587 123.87 221.508 124.53C221.393 125.49 221.922 126.41 222.807 126.79C223.416 127.06 224.613 126.82 227.006 126.36L302.403 111.86C308.332 110.72 311.297 110.15 311.983 110.53C312.981 111.08 313.381 112.32 312.898 113.36C312.566 114.07 309.834 115.36 304.37 117.94L234.892 150.77C232.686 151.81 231.584 152.33 231.244 152.9C230.751 153.73 230.862 154.79 231.516 155.5C231.966 155.99 233.152 156.27 235.525 156.82L310.272 174.41C316.15 175.79 319.09 176.48 319.562 177.11C320.249 178.02 320.114 179.32 319.253 180.07C318.66 180.58 315.643 180.65 309.607 180.77L232.857 182.34C230.421 182.39 229.203 182.42 228.662 182.8C227.875 183.36 227.548 184.37 227.859 185.29C228.073 185.92 229.043 186.66 230.985 188.14L292.158 234.76C296.968 238.43 299.374 240.27 299.551 241.03C299.809 242.15 299.162 243.28 298.071 243.61C297.322 243.84 294.54 242.66 288.975 240.31L218.226 210.36C215.98 209.41 214.857 208.93 214.207 209.06C213.263 209.25 212.555 210.04 212.468 211C212.409 211.66 212.996 212.74 214.171 214.88L251.192 282.5C254.103 287.81 255.559 290.47 255.411 291.25C255.194 292.37 254.148 293.14 253.016 293C252.238 292.9 250.173 290.69 246.043 286.26L193.526 229.96C191.859 228.18 191.025 227.28 190.38 227.14C189.441 226.92 188.475 227.35 188.006 228.2C187.683 228.78 187.786 230 187.991 232.44L194.458 309.35C194.967 315.4 195.221 318.42 194.773 319.07C194.12 320.01 192.854 320.28 191.878 319.69C191.206 319.28 190.215 316.41 188.233 310.68L163.029 237.78C162.229 235.46 161.829 234.31 161.299 233.91C160.529 233.33 159.471 233.33 158.701 233.91C158.171 234.31 157.771 235.46 156.971 237.78L131.767 310.68C129.785 316.41 128.794 319.28 128.122 319.69C127.146 320.28 125.88 320.01 125.227 319.07C124.779 318.42 125.033 315.4 125.542 309.35L132.009 232.44C132.214 230 132.317 228.78 131.994 228.2C131.525 227.35 130.559 226.92 129.621 227.14C128.975 227.28 128.141 228.18 126.474 229.96L73.9568 286.26C69.8267 290.69 67.7616 292.9 66.984 293C65.8524 293.14 64.8055 292.37 64.5894 291.25C64.4409 290.47 65.8966 287.81 68.808 282.5L105.829 214.88C107.004 212.74 107.591 211.66 107.532 211C107.445 210.04 106.737 209.25 105.793 209.06C105.143 208.93 104.02 209.41 101.774 210.36L31.0245 240.31C25.4605 242.66 22.6785 243.84 21.9288 243.61C20.838 243.28 20.191 242.15 20.4489 241.03C20.6262 240.27 23.0316 238.43 27.8424 234.76L89.0148 188.14C90.957 186.66 91.927 185.92 92.141 185.29C92.452 184.37 92.125 183.36 91.338 182.8C90.797 182.42 89.5787 182.39 87.1425 182.34L10.3933 180.77C4.35749 180.65 1.3395 180.58 0.747495 180.07C-0.114065 179.32 -0.249315 178.02 0.438095 177.11C0.910495 176.48 3.84969 175.79 9.72809 174.41L84.475 156.82C86.8477 156.27 88.034 155.99 88.4844 155.5C89.1385 154.79 89.2491 153.73 88.756 152.9C88.4164 152.33 87.3137 151.81 85.1083 150.77L15.6304 117.94C10.1664 115.36 7.4344 114.07 7.1023 113.36C6.6191 112.32 7.01889 111.08 8.01699 110.53C8.70279 110.15 11.6676 110.72 17.5971 111.86L92.994 126.36C95.387 126.82 96.584 127.06 97.193 126.79C98.078 126.41 98.607 125.49 98.492 124.53C98.414 123.87 97.617 122.94 96.024 121.09L45.8303 62.6899C41.8829 58.0999 39.9092 55.8 39.8946 55.01C39.8732 53.87 40.739 52.9 41.8751 52.8C42.6558 52.74 45.1335 54.4699 50.0889 57.9399L113.099 102.02C115.099 103.42 116.099 104.12 116.762 104.13C117.724 104.14 118.58 103.52 118.864 102.59C119.059 101.96 118.707 100.79 118.001 98.4399L95.771 24.57C94.023 18.76 93.149 15.8499 93.454 15.1299C93.898 14.0699 95.08 13.5399 96.158 13.9099C96.899 14.1699 98.461 16.7699 101.585 21.9599L141.314 88C142.575 90.1 143.206 91.1499 143.807 91.4299C144.68 91.8399 145.715 91.6099 146.348 90.8899C146.784 90.3799 146.936 89.17 147.24 86.74L156.818 10.1599Z" fill="#D0BCFF"/>
-</svg>
+<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M156.818 10.1599C157.571 4.13988 157.948 1.13006 158.52 0.590059C159.353 -0.199941 160.647 -0.199941 161.48 0.590059C162.052 1.13006 162.429 4.13988 163.182 10.1599L172.76 86.74C173.064 89.17 173.216 90.3799 173.652 90.8899C174.285 91.6099 175.32 91.8399 176.193 91.4299C176.794 91.1499 177.425 90.1 178.686 88L218.415 21.9599C221.539 16.7699 223.101 14.1699 223.842 13.9099C224.92 13.5399 226.102 14.0699 226.546 15.1299C226.851 15.8499 225.977 18.76 224.229 24.57L201.999 98.4399C201.293 100.79 200.941 101.96 201.136 102.59C201.42 103.52 202.276 104.14 203.238 104.13C203.901 104.12 204.901 103.42 206.901 102.02L269.911 57.9399C274.867 54.4699 277.344 52.74 278.125 52.8C279.261 52.9 280.127 53.87 280.105 55.01C280.091 55.8 278.117 58.0999 274.17 62.6899L223.976 121.09C222.383 122.94 221.587 123.87 221.508 124.53C221.393 125.49 221.922 126.41 222.807 126.79C223.416 127.06 224.613 126.82 227.006 126.36L302.403 111.86C308.332 110.72 311.297 110.15 311.983 110.53C312.981 111.08 313.381 112.32 312.898 113.36C312.566 114.07 309.834 115.36 304.37 117.94L234.892 150.77C232.686 151.81 231.584 152.33 231.244 152.9C230.751 153.73 230.862 154.79 231.516 155.5C231.966 155.99 233.152 156.27 235.525 156.82L310.272 174.41C316.15 175.79 319.09 176.48 319.562 177.11C320.249 178.02 320.114 179.32 319.253 180.07C318.66 180.58 315.643 180.65 309.607 180.77L232.857 182.34C230.421 182.39 229.203 182.42 228.662 182.8C227.875 183.36 227.548 184.37 227.859 185.29C228.073 185.92 229.043 186.66 230.985 188.14L292.158 234.76C296.968 238.43 299.374 240.27 299.551 241.03C299.809 242.15 299.162 243.28 298.071 243.61C297.322 243.84 294.54 242.66 288.975 240.31L218.226 210.36C215.98 209.41 214.857 208.93 214.207 209.06C213.263 209.25 212.555 210.04 212.468 211C212.409 211.66 212.996 212.74 214.171 214.88L251.192 282.5C254.103 287.81 255.559 290.47 255.411 291.25C255.194 292.37 254.148 293.14 253.016 293C252.238 292.9 250.173 290.69 246.043 286.26L193.526 229.96C191.859 228.18 191.025 227.28 190.38 227.14C189.441 226.92 188.475 227.35 188.006 228.2C187.683 228.78 187.786 230 187.991 232.44L194.458 309.35C194.967 315.4 195.221 318.42 194.773 319.07C194.12 320.01 192.854 320.28 191.878 319.69C191.206 319.28 190.215 316.41 188.233 310.68L163.029 237.78C162.229 235.46 161.829 234.31 161.299 233.91C160.529 233.33 159.471 233.33 158.701 233.91C158.171 234.31 157.771 235.46 156.971 237.78L131.767 310.68C129.785 316.41 128.794 319.28 128.122 319.69C127.146 320.28 125.88 320.01 125.227 319.07C124.779 318.42 125.033 315.4 125.542 309.35L132.009 232.44C132.214 230 132.317 228.78 131.994 228.2C131.525 227.35 130.559 226.92 129.621 227.14C128.975 227.28 128.141 228.18 126.474 229.96L73.9568 286.26C69.8267 290.69 67.7616 292.9 66.984 293C65.8524 293.14 64.8055 292.37 64.5894 291.25C64.4409 290.47 65.8966 287.81 68.808 282.5L105.829 214.88C107.004 212.74 107.591 211.66 107.532 211C107.445 210.04 106.737 209.25 105.793 209.06C105.143 208.93 104.02 209.41 101.774 210.36L31.0245 240.31C25.4605 242.66 22.6785 243.84 21.9288 243.61C20.838 243.28 20.191 242.15 20.4489 241.03C20.6262 240.27 23.0316 238.43 27.8424 234.76L89.0148 188.14C90.957 186.66 91.927 185.92 92.141 185.29C92.452 184.37 92.125 183.36 91.338 182.8C90.797 182.42 89.5787 182.39 87.1425 182.34L10.3933 180.77C4.35749 180.65 1.3395 180.58 0.747495 180.07C-0.114065 179.32 -0.249315 178.02 0.438095 177.11C0.910495 176.48 3.84969 175.79 9.72809 174.41L84.475 156.82C86.8477 156.27 88.034 155.99 88.4844 155.5C89.1385 154.79 89.2491 153.73 88.756 152.9C88.4164 152.33 87.3137 151.81 85.1083 150.77L15.6304 117.94C10.1664 115.36 7.4344 114.07 7.1023 113.36C6.6191 112.32 7.01889 111.08 8.01699 110.53C8.70279 110.15 11.6676 110.72 17.5971 111.86L92.994 126.36C95.387 126.82 96.584 127.06 97.193 126.79C98.078 126.41 98.607 125.49 98.492 124.53C98.414 123.87 97.617 122.94 96.024 121.09L45.8303 62.6899C41.8829 58.0999 39.9092 55.8 39.8946 55.01C39.8732 53.87 40.739 52.9 41.8751 52.8C42.6558 52.74 45.1335 54.4699 50.0889 57.9399L113.099 102.02C115.099 103.42 116.099 104.12 116.762 104.13C117.724 104.14 118.58 103.52 118.864 102.59C119.059 101.96 118.707 100.79 118.001 98.4399L95.771 24.57C94.023 18.76 93.149 15.8499 93.454 15.1299C93.898 14.0699 95.08 13.5399 96.158 13.9099C96.899 14.1699 98.461 16.7699 101.585 21.9599L141.314 88C142.575 90.1 143.206 91.1499 143.807 91.4299C144.68 91.8399 145.715 91.6099 146.348 90.8899C146.784 90.3799 146.936 89.17 147.24 86.74L156.818 10.1599Z" fill="#D0BCFF"/>
+</svg>

package/src/cdn/shapes/bun.svg

@@ -1,3 +1,3 @@
-<svg width="310" height="320" viewBox="0 0 310 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0 81.36C0 36.42 36.42 0 81.36 0H228.64C273.58 0 310 36.42 310 81.36C310 118.41 285.23 149.68 251.34 159.5C251.12 159.57 250.97 159.77 250.97 160C250.97 160.23 251.12 160.43 251.34 160.5C285.23 170.32 310 201.59 310 238.64C310 283.58 273.58 320 228.64 320H81.36C36.42 320 0 283.58 0 238.64C0 201.83 24.45 170.73 58 160.69C58.3 160.6 58.51 160.32 58.51 160C58.51 159.68 58.3 159.4 58 159.31C24.45 149.27 0 118.17 0 81.36Z" fill="#D0BCFF"/>
-</svg>
+<svg width="310" height="320" viewBox="0 0 310 320" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 81.36C0 36.42 36.42 0 81.36 0H228.64C273.58 0 310 36.42 310 81.36C310 118.41 285.23 149.68 251.34 159.5C251.12 159.57 250.97 159.77 250.97 160C250.97 160.23 251.12 160.43 251.34 160.5C285.23 170.32 310 201.59 310 238.64C310 283.58 273.58 320 228.64 320H81.36C36.42 320 0 283.58 0 238.64C0 201.83 24.45 170.73 58 160.69C58.3 160.6 58.51 160.32 58.51 160C58.51 159.68 58.3 159.4 58 159.31C24.45 149.27 0 118.17 0 81.36Z" fill="#D0BCFF"/>
+</svg>

package/src/cdn/shapes/burst.svg

@@ -1,3 +1,3 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M157.39 2.55C158.13 1.23 158.49 0.58 158.94 0.3C159.59 -0.1 160.41 -0.1 161.06 0.3C161.51 0.58 161.87 1.23 162.61 2.55L187.87 47.6999C188.32 48.5099 188.55 48.92 188.86 49.16C189.3 49.52 189.87 49.6699 190.43 49.5799C190.82 49.5199 191.22 49.29 192.01 48.81L236.47 22.3399C237.76 21.5699 238.41 21.18 238.93 21.17C239.7 21.14 240.4 21.5499 240.77 22.2199C241.02 22.6899 241.01 23.4399 240.99 24.9499L240.29 76.68C240.27 77.61 240.27 78.0699 240.41 78.4399C240.61 78.9699 241.03 79.3899 241.56 79.5899C241.93 79.7299 242.39 79.7299 243.32 79.7099L295.05 79.01C296.56 78.99 297.31 78.9799 297.78 79.2299C298.45 79.5999 298.86 80.2999 298.83 81.0699C298.82 81.5899 298.43 82.24 297.66 83.53L271.19 127.99C270.71 128.78 270.48 129.18 270.42 129.57C270.33 130.13 270.48 130.7 270.84 131.14C271.08 131.45 271.49 131.68 272.3 132.13L317.45 157.39C318.77 158.13 319.42 158.49 319.7 158.94C320.1 159.59 320.1 160.41 319.7 161.06C319.42 161.51 318.77 161.87 317.45 162.61L272.3 187.87C271.49 188.32 271.08 188.55 270.84 188.86C270.48 189.3 270.33 189.87 270.42 190.43C270.48 190.82 270.71 191.22 271.19 192.01L297.66 236.47C298.43 237.76 298.82 238.41 298.83 238.93C298.86 239.7 298.45 240.4 297.78 240.77C297.31 241.02 296.56 241.01 295.05 240.99L243.32 240.29C242.39 240.27 241.93 240.27 241.56 240.41C241.03 240.61 240.61 241.03 240.41 241.56C240.27 241.93 240.27 242.39 240.29 243.32L240.99 295.05C241.01 296.56 241.02 297.31 240.77 297.78C240.4 298.45 239.7 298.86 238.93 298.83C238.41 298.82 237.76 298.43 236.47 297.66L192.01 271.19C191.22 270.71 190.82 270.48 190.43 270.42C189.87 270.33 189.3 270.48 188.86 270.84C188.55 271.08 188.32 271.49 187.87 272.3L162.61 317.45C161.87 318.77 161.51 319.42 161.06 319.7C160.41 320.1 159.59 320.1 158.94 319.7C158.49 319.42 158.13 318.77 157.39 317.45L132.13 272.3C131.68 271.49 131.45 271.08 131.14 270.84C130.7 270.48 130.13 270.33 129.57 270.42C129.18 270.48 128.78 270.71 127.99 271.19L83.53 297.66C82.24 298.43 81.5899 298.82 81.0699 298.83C80.2999 298.86 79.5999 298.45 79.2299 297.78C78.9799 297.31 78.99 296.56 79.01 295.05L79.7099 243.32C79.7299 242.39 79.7299 241.93 79.5899 241.56C79.3899 241.03 78.9699 240.61 78.4399 240.41C78.0699 240.27 77.61 240.27 76.68 240.29L24.9499 240.99C23.4399 241.01 22.6899 241.02 22.2199 240.77C21.5499 240.4 21.14 239.7 21.17 238.93C21.18 238.41 21.5699 237.76 22.3399 236.47L48.81 192.01C49.29 191.22 49.5199 190.82 49.5799 190.43C49.6699 189.87 49.52 189.3 49.16 188.86C48.92 188.55 48.5099 188.32 47.6999 187.87L2.55 162.61C1.23 161.87 0.58 161.51 0.3 161.06C-0.1 160.41 -0.1 159.59 0.3 158.94C0.58 158.49 1.23 158.13 2.55 157.39L47.6999 132.13C48.5099 131.68 48.92 131.45 49.16 131.14C49.52 130.7 49.6699 130.13 49.5799 129.57C49.5199 129.18 49.29 128.78 48.81 127.99L22.3399 83.53C21.5699 82.24 21.18 81.5899 21.17 81.0699C21.14 80.2999 21.5499 79.5999 22.2199 79.2299C22.6899 78.9799 23.4399 78.99 24.9499 79.01L76.68 79.7099C77.61 79.7299 78.0699 79.7299 78.4399 79.5899C78.9699 79.3899 79.3899 78.9699 79.5899 78.4399C79.7299 78.0699 79.7299 77.61 79.7099 76.68L79.01 24.9499C78.99 23.4399 78.9799 22.6899 79.2299 22.2199C79.5999 21.5499 80.2999 21.14 81.0699 21.17C81.5899 21.18 82.24 21.5699 83.53 22.3399L127.99 48.81C128.78 49.29 129.18 49.5199 129.57 49.5799C130.13 49.6699 130.7 49.52 131.14 49.16C131.45 48.92 131.68 48.5099 132.13 47.6999L157.39 2.55Z" fill="#D0BCFF"/>
-</svg>
+<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M157.39 2.55C158.13 1.23 158.49 0.58 158.94 0.3C159.59 -0.1 160.41 -0.1 161.06 0.3C161.51 0.58 161.87 1.23 162.61 2.55L187.87 47.6999C188.32 48.5099 188.55 48.92 188.86 49.16C189.3 49.52 189.87 49.6699 190.43 49.5799C190.82 49.5199 191.22 49.29 192.01 48.81L236.47 22.3399C237.76 21.5699 238.41 21.18 238.93 21.17C239.7 21.14 240.4 21.5499 240.77 22.2199C241.02 22.6899 241.01 23.4399 240.99 24.9499L240.29 76.68C240.27 77.61 240.27 78.0699 240.41 78.4399C240.61 78.9699 241.03 79.3899 241.56 79.5899C241.93 79.7299 242.39 79.7299 243.32 79.7099L295.05 79.01C296.56 78.99 297.31 78.9799 297.78 79.2299C298.45 79.5999 298.86 80.2999 298.83 81.0699C298.82 81.5899 298.43 82.24 297.66 83.53L271.19 127.99C270.71 128.78 270.48 129.18 270.42 129.57C270.33 130.13 270.48 130.7 270.84 131.14C271.08 131.45 271.49 131.68 272.3 132.13L317.45 157.39C318.77 158.13 319.42 158.49 319.7 158.94C320.1 159.59 320.1 160.41 319.7 161.06C319.42 161.51 318.77 161.87 317.45 162.61L272.3 187.87C271.49 188.32 271.08 188.55 270.84 188.86C270.48 189.3 270.33 189.87 270.42 190.43C270.48 190.82 270.71 191.22 271.19 192.01L297.66 236.47C298.43 237.76 298.82 238.41 298.83 238.93C298.86 239.7 298.45 240.4 297.78 240.77C297.31 241.02 296.56 241.01 295.05 240.99L243.32 240.29C242.39 240.27 241.93 240.27 241.56 240.41C241.03 240.61 240.61 241.03 240.41 241.56C240.27 241.93 240.27 242.39 240.29 243.32L240.99 295.05C241.01 296.56 241.02 297.31 240.77 297.78C240.4 298.45 239.7 298.86 238.93 298.83C238.41 298.82 237.76 298.43 236.47 297.66L192.01 271.19C191.22 270.71 190.82 270.48 190.43 270.42C189.87 270.33 189.3 270.48 188.86 270.84C188.55 271.08 188.32 271.49 187.87 272.3L162.61 317.45C161.87 318.77 161.51 319.42 161.06 319.7C160.41 320.1 159.59 320.1 158.94 319.7C158.49 319.42 158.13 318.77 157.39 317.45L132.13 272.3C131.68 271.49 131.45 271.08 131.14 270.84C130.7 270.48 130.13 270.33 129.57 270.42C129.18 270.48 128.78 270.71 127.99 271.19L83.53 297.66C82.24 298.43 81.5899 298.82 81.0699 298.83C80.2999 298.86 79.5999 298.45 79.2299 297.78C78.9799 297.31 78.99 296.56 79.01 295.05L79.7099 243.32C79.7299 242.39 79.7299 241.93 79.5899 241.56C79.3899 241.03 78.9699 240.61 78.4399 240.41C78.0699 240.27 77.61 240.27 76.68 240.29L24.9499 240.99C23.4399 241.01 22.6899 241.02 22.2199 240.77C21.5499 240.4 21.14 239.7 21.17 238.93C21.18 238.41 21.5699 237.76 22.3399 236.47L48.81 192.01C49.29 191.22 49.5199 190.82 49.5799 190.43C49.6699 189.87 49.52 189.3 49.16 188.86C48.92 188.55 48.5099 188.32 47.6999 187.87L2.55 162.61C1.23 161.87 0.58 161.51 0.3 161.06C-0.1 160.41 -0.1 159.59 0.3 158.94C0.58 158.49 1.23 158.13 2.55 157.39L47.6999 132.13C48.5099 131.68 48.92 131.45 49.16 131.14C49.52 130.7 49.6699 130.13 49.5799 129.57C49.5199 129.18 49.29 128.78 48.81 127.99L22.3399 83.53C21.5699 82.24 21.18 81.5899 21.17 81.0699C21.14 80.2999 21.5499 79.5999 22.2199 79.2299C22.6899 78.9799 23.4399 78.99 24.9499 79.01L76.68 79.7099C77.61 79.7299 78.0699 79.7299 78.4399 79.5899C78.9699 79.3899 79.3899 78.9699 79.5899 78.4399C79.7299 78.0699 79.7299 77.61 79.7099 76.68L79.01 24.9499C78.99 23.4399 78.9799 22.6899 79.2299 22.2199C79.5999 21.5499 80.2999 21.14 81.0699 21.17C81.5899 21.18 82.24 21.5699 83.53 22.3399L127.99 48.81C128.78 49.29 129.18 49.5199 129.57 49.5799C130.13 49.6699 130.7 49.52 131.14 49.16C131.45 48.92 131.68 48.5099 132.13 47.6999L157.39 2.55Z" fill="#D0BCFF"/>
+</svg>

package/src/cdn/shapes/circle.svg

@@ -1,3 +1,3 @@
-<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M320 160C320 248.366 248.366 320 160 320C71.6344 320 -1e-05 248.366 0 160C0 71.6344 71.6345 -7.72516e-06 160 0C248.366 7.72516e-06 320 71.6345 320 160Z" fill="#D0BCFF"/>
-</svg>
+<svg width="320" height="320" viewBox="0 0 320 320" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M320 160C320 248.366 248.366 320 160 320C71.6344 320 -1e-05 248.366 0 160C0 71.6344 71.6345 -7.72516e-06 160 0C248.366 7.72516e-06 320 71.6345 320 160Z" fill="#D0BCFF"/>
+</svg>

package/src/cdn/shapes/clamshell.svg

@@ -1,3 +1,3 @@
-<svg width="320" height="254" viewBox="0 0 320 254" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M306.405 84.081C313.114 97.591 316.468 104.346 318.162 111.403C320.613 121.606 320.613 132.394 318.162 142.597C316.468 149.654 313.114 156.409 306.405 169.919L285.967 211.079C279.258 224.589 275.904 231.344 271.495 236.58C265.12 244.148 257.084 249.543 248.259 252.177C242.155 254 235.446 254 222.028 254H97.972C84.554 254 77.845 254 71.741 252.178C62.916 249.543 54.88 244.149 48.505 236.58C44.096 231.345 40.742 224.589 34.033 211.079L13.595 169.919C6.88599 156.409 3.53201 149.654 1.83801 142.597C-0.612994 132.394 -0.612994 121.606 1.83801 111.403C3.53201 104.346 6.88599 97.591 13.595 84.081L34.033 42.921C40.742 29.411 44.096 22.655 48.505 17.42C54.88 9.85098 62.916 4.45699 71.741 1.82199C77.845 -9.05991e-06 84.554 0 97.972 0H222.028C235.446 0 242.155 -9.05991e-06 248.259 1.82199C257.084 4.45699 265.12 9.85098 271.495 17.42C275.904 22.655 279.258 29.41 285.967 42.921L306.405 84.081Z" fill="#D0BCFF"/>
-</svg>
+<svg width="320" height="254" viewBox="0 0 320 254" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M306.405 84.081C313.114 97.591 316.468 104.346 318.162 111.403C320.613 121.606 320.613 132.394 318.162 142.597C316.468 149.654 313.114 156.409 306.405 169.919L285.967 211.079C279.258 224.589 275.904 231.344 271.495 236.58C265.12 244.148 257.084 249.543 248.259 252.177C242.155 254 235.446 254 222.028 254H97.972C84.554 254 77.845 254 71.741 252.178C62.916 249.543 54.88 244.149 48.505 236.58C44.096 231.345 40.742 224.589 34.033 211.079L13.595 169.919C6.88599 156.409 3.53201 149.654 1.83801 142.597C-0.612994 132.394 -0.612994 121.606 1.83801 111.403C3.53201 104.346 6.88599 97.591 13.595 84.081L34.033 42.921C40.742 29.411 44.096 22.655 48.505 17.42C54.88 9.85098 62.916 4.45699 71.741 1.82199C77.845 -9.05991e-06 84.554 0 97.972 0H222.028C235.446 0 242.155 -9.05991e-06 248.259 1.82199C257.084 4.45699 265.12 9.85098 271.495 17.42C275.904 22.655 279.258 29.41 285.967 42.921L306.405 84.081Z" fill="#D0BCFF"/>
+</svg>

package/src/cdn/shapes/diamond.svg

@@ -1,3 +1,3 @@
-<svg width="268" height="320" viewBox="0 0 268 320" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M191.442 276.481C174.606 298.514 166.188 309.53 156.466 314.548C142.383 321.817 125.617 321.817 111.534 314.548C101.812 309.53 93.394 298.514 76.558 276.481L20.646 203.308C10.406 189.906 5.286 183.206 2.751 176.032C-0.917 165.654 -0.917 154.346 2.751 143.968C5.286 136.794 10.406 130.094 20.646 116.692L76.558 43.5194C93.394 21.4863 101.812 10.4697 111.534 5.45181C125.617 -1.81727 142.383 -1.81727 156.466 5.4518C166.188 10.4697 174.606 21.4863 191.442 43.5195L247.354 116.692C257.594 130.094 262.714 136.794 265.249 143.968C268.917 154.346 268.917 165.654 265.249 176.032C262.714 183.206 257.594 189.906 247.354 203.308L191.442 276.481Z" fill="#D0BCFF"/>
-</svg>
+<svg width="268" height="320" viewBox="0 0 268 320" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M191.442 276.481C174.606 298.514 166.188 309.53 156.466 314.548C142.383 321.817 125.617 321.817 111.534 314.548C101.812 309.53 93.394 298.514 76.558 276.481L20.646 203.308C10.406 189.906 5.286 183.206 2.751 176.032C-0.917 165.654 -0.917 154.346 2.751 143.968C5.286 136.794 10.406 130.094 20.646 116.692L76.558 43.5194C93.394 21.4863 101.812 10.4697 111.534 5.45181C125.617 -1.81727 142.383 -1.81727 156.466 5.4518C166.188 10.4697 174.606 21.4863 191.442 43.5195L247.354 116.692C257.594 130.094 262.714 136.794 265.249 143.968C268.917 154.346 268.917 165.654 265.249 176.032C262.714 183.206 257.594 189.906 247.354 203.308L191.442 276.481Z" fill="#D0BCFF"/>
+</svg>