@stackific/md3 0.1.0

package/dist/md3.js

@@ -0,0 +1,621 @@
+const G = [], H = /* @__PURE__ */ new WeakMap(), E = navigator.userAgent.includes("Chrome");
+navigator.userAgent.includes("Firefox");
+navigator.userAgent.includes("Safari");
+navigator.userAgent.includes("Windows");
+const et = navigator.userAgent.includes("Macintosh");
+navigator.userAgent.includes("Linux");
+navigator.userAgent.includes("Android");
+const nt = /iPad|iPhone|iPod/.test(navigator.userAgent);
+function Ft() {
+  var t, e;
+  return ((e = (t = window == null ? void 0 : window.matchMedia) == null ? void 0 : t.call(window, "(prefers-color-scheme: dark)")) == null ? void 0 : e.matches) ?? !1;
+}
+async function it(t) {
+  await new Promise((e) => setTimeout(e, t));
+}
+function St() {
+  return "fxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (t) => {
+    const e = Math.random() * 16 | 0;
+    return (t === "x" ? e : e & 3 | 8).toString(16);
+  });
+}
+function v(t, e) {
+  try {
+    return typeof t == "string" ? (e ?? document).querySelector(t) : t;
+  } catch {
+    return null;
+  }
+}
+function f(t, e) {
+  try {
+    return typeof t == "string" ? (e ?? document).querySelectorAll(t) : t ?? G;
+  } catch {
+    return G;
+  }
+}
+function s(t, e) {
+  return (t == null ? void 0 : t.classList.contains(e)) ?? !1;
+}
+function h(t, e) {
+  var n;
+  return ((n = t == null ? void 0 : t.tagName) == null ? void 0 : n.toLowerCase()) === e;
+}
+function A(t, e) {
+  var n;
+  return ((n = t == null ? void 0 : t.type) == null ? void 0 : n.toLowerCase()) === e;
+}
+function y(t, e) {
+  if (t instanceof NodeList) for (let n = 0; n < t.length; n++) t[n].classList.add(e);
+  else t == null || t.classList.add(e);
+}
+function g(t, e) {
+  if (t instanceof NodeList) for (let n = 0; n < t.length; n++) t[n].classList.remove(e);
+  else t == null || t.classList.remove(e);
+}
+function x(t, e, n, i = !0) {
+  t != null && t.addEventListener && t.addEventListener(e, n, i);
+}
+function c(t, e, n, i = !0) {
+  if (!t) return;
+  let o = H.get(t);
+  o || (o = /* @__PURE__ */ new Map(), H.set(t, o));
+  const u = e + (i ? "1" : "0");
+  let r = o.get(u);
+  r || (r = /* @__PURE__ */ new Set(), o.set(u, r)), !r.has(n) && (r.add(n), x(t, e, n, i));
+}
+function F(t, e, n, i = !0) {
+  t != null && t.removeEventListener && t.removeEventListener(e, n, i);
+}
+function Mt(t, e) {
+  var n;
+  (n = e == null ? void 0 : e.parentNode) == null || n.insertBefore(t, e);
+}
+function B(t) {
+  return t == null ? void 0 : t.previousElementSibling;
+}
+function O(t) {
+  return t == null ? void 0 : t.nextElementSibling;
+}
+function w(t) {
+  return t == null ? void 0 : t.parentElement;
+}
+function Dt(t) {
+  const e = document.createElement("div");
+  for (const n of Object.keys(t))
+    e.setAttribute(n, t[n]);
+  return e;
+}
+function P() {
+  var t, e;
+  (e = (t = document.activeElement) == null ? void 0 : t.blur) == null || e.call(t);
+}
+function Lt(t) {
+  return f(`[data-ui="#${t}"]`);
+}
+function It(t) {
+  return v(`[data-ui="#${t}"]`);
+}
+function _t(t) {
+  t.id && s(t, "page") && (t = It(t.id) ?? t);
+  const e = w(t);
+  if (!s(e, "tabs") && !s(e, "tabbed") && !h(e, "nav")) return;
+  const n = f("a", e);
+  for (let i = 0; i < n.length; i++) g(n[i], "active");
+  !h(t, "button") && !s(t, "button") && !s(t, "chip") && y(t, "active");
+}
+function rt() {
+  const t = getComputedStyle(document.documentElement).getPropertyValue("--size") || "16px";
+  return t.includes("%") ? parseInt(t) * 16 / 100 : t.includes("em") ? parseInt(t) * 16 : parseInt(t);
+}
+function q(t) {
+  t.placeholder || (t.placeholder = " ");
+}
+function Bt(t) {
+  const e = t.currentTarget, n = w(e), i = v("input:not([type=file], [type=checkbox], [type=radio]), select, textarea", n);
+  i && i.focus();
+}
+function $(t) {
+  T(t.currentTarget);
+}
+function R(t) {
+  T(t.currentTarget);
+}
+function Ot(t) {
+  z(t.currentTarget);
+}
+function Pt(t) {
+  j(t.currentTarget);
+}
+function qt(t) {
+  z(t.currentTarget, t);
+}
+function $t(t) {
+  j(t.currentTarget, t);
+}
+function Rt(t) {
+  var i;
+  const e = t.currentTarget, n = v("input", w(e));
+  n && ((i = e.textContent) != null && i.includes("visibility")) && (n.type === "password" ? (n.type = "text", e.textContent = "visibility_off") : (n.type = "password", e.textContent = "visibility"));
+}
+function zt(t) {
+  ot(t.currentTarget);
+}
+function jt(t) {
+  const e = t.target.closest(".field > label");
+  e && (Object.defineProperty(t, "currentTarget", { value: e, configurable: !0 }), Bt(t));
+}
+function Kt() {
+  const t = document.body;
+  t && c(t, "click", jt);
+}
+function Nt() {
+  const t = f(".field > input:not([type=file], [type=color], [type=range])");
+  for (let e = 0; e < t.length; e++)
+    c(t[e], "focus", $), c(t[e], "blur", R), T(t[e]);
+}
+function Ut() {
+  const t = f(".field > select");
+  for (let e = 0; e < t.length; e++)
+    c(t[e], "focus", $), c(t[e], "blur", R);
+}
+function Wt() {
+  const t = f(".field > input[type=file]");
+  for (let e = 0; e < t.length; e++)
+    c(t[e], "change", Ot), z(t[e]);
+}
+function Yt() {
+  const t = f(".field > input[type=color]");
+  for (let e = 0; e < t.length; e++)
+    c(t[e], "change", Pt), j(t[e]);
+}
+function Gt() {
+  const t = f(".field > textarea");
+  for (let e = 0; e < t.length; e++)
+    c(t[e], "focus", $), c(t[e], "blur", R), q(t[e]), !(E && !et && !nt) && (c(t[e], "input", zt), ot(t[e]));
+}
+function Ht() {
+  const t = f(".field:has(> input[type=password]) > i, a");
+  for (let e = 0; e < t.length; e++) c(t[e], "click", Rt);
+}
+function T(t) {
+  A(t, "number") && !t.value && (t.value = ""), q(t);
+}
+function z(t, e) {
+  if ((e == null ? void 0 : e.key) === "Enter") {
+    const i = B(t);
+    if (!A(i, "file")) return;
+    i.click();
+    return;
+  }
+  const n = O(t);
+  A(n, "text") && (n.value = t.files ? Array.from(t.files).map((i) => i.name).join(", ") : "", n.readOnly = !0, c(n, "keydown", qt, !1), T(n));
+}
+function j(t, e) {
+  if ((e == null ? void 0 : e.key) === "Enter") {
+    const i = B(t);
+    if (!A(i, "color")) return;
+    i.click();
+    return;
+  }
+  const n = O(t);
+  A(n, "text") && (n.readOnly = !0, n.value = t.value, c(n, "keydown", $t, !1), T(n));
+}
+function ot(t) {
+  if (q(t), t.hasAttribute("rows")) return;
+  const e = rt();
+  t.style.blockSize = "auto", t.style.blockSize = `${t.scrollHeight - e}px`;
+}
+function Vt() {
+  Kt(), Nt(), Ut(), Wt(), Yt(), Gt(), Ht();
+}
+function V(t) {
+  const e = t.target;
+  !h(e, "input") && !h(e, "select") || (e.type === "range" ? (e.focus(), ct(e)) : at());
+}
+function Zt(t) {
+  if (!window.matchMedia("(pointer: coarse)").matches) return;
+  t.target.blur();
+}
+function at() {
+  const t = document.body, e = f(".slider > input[type=range]");
+  e.length ? x(t, "input", V, !1) : F(t, "input", V, !1);
+  for (let n = 0; n < e.length; n++) ct(e[n]);
+}
+function ct(t) {
+  c(t, "change", Zt);
+  const e = w(t), n = v("span", e), i = f("input", e);
+  if (!i.length || !n) return;
+  const o = rt(), u = s(e, "max") ? 0 : 0.25 * o * 100 / i[0].offsetWidth, r = [], l = [];
+  for (let m = 0, Tt = i.length; m < Tt; m++) {
+    const U = parseFloat(i[m].min) || 0, Ct = parseFloat(i[m].max) || 100, W = parseFloat(i[m].value) || 0, Y = (W - U) * 100 / (Ct - U), Et = u / 2 - u * Y / 100;
+    r.push(Y + Et), l.push(W);
+  }
+  let p = r[0], d = 0, N = 100 - d - p, S = l[0], M = l[1] || 0;
+  i.length > 1 && (p = Math.abs(r[1] - r[0]), d = r[1] > r[0] ? r[0] : r[1], N = 100 - d - p, M > S && (S = l[1] || 0, M = l[0])), requestAnimationFrame(() => {
+    e.style.cssText = `--_start: ${d}%; --_end: ${N}%; --_value1: '${S}'; --_value2: '${M}';`;
+  });
+}
+function Xt() {
+  at();
+}
+const Z = {
+  red: "#F44336",
+  pink: "#E91E63",
+  purple: "#9C27B0",
+  "deep-purple": "#673AB7",
+  blue: "#2196F3",
+  "light-blue": "#03A9F4",
+  cyan: "#00BCD4",
+  green: "#4CAF50",
+  "light-green": "#8BC34A",
+  lime: "#CDDC39",
+  yellow: "#FFEB3B",
+  amber: "#FFC107",
+  orange: "#FF9800",
+  "deep-orange": "#FF5722",
+  brown: "#795548",
+  "blue-grey": "#607D8B",
+  stackific: "#1447E6",
+  "hello-pumpkin": "#FF8F00",
+  "sea-lettuce": "#63A002",
+  olive: "#7C7C67",
+  nord: "#5E81AC",
+  "vega-violet": "#AD46FF",
+  "wild-strawberry": "#F6339A",
+  "heliotrope-magenta": "#E12AFB",
+  "voodoo-violet": "#804792",
+  "red-orchid": "#C0001C",
+  "green-brown": "#6E5D00",
+  shakshuka: "#AB350F",
+  "purple-honeycreeper": "#8E51FF",
+  maldives: "#00B8DB",
+  verditer: "#00BBA7",
+  fennel: "#00BC7D",
+  gold: "#EFB100",
+  "vitamin-c": "#FD9A00",
+  burtuqali: "#FF6900"
+}, ut = [
+  "stackific",
+  "hello-pumpkin",
+  "sea-lettuce",
+  "olive",
+  "nord",
+  "vega-violet",
+  "wild-strawberry",
+  "heliotrope-magenta",
+  "voodoo-violet",
+  "red-orchid",
+  "green-brown",
+  "shakshuka",
+  "purple-honeycreeper",
+  "maldives",
+  "verditer",
+  "fennel",
+  "gold",
+  "vitamin-c",
+  "burtuqali"
+], a = {
+  light: "",
+  dark: ""
+}, st = "md3:mode", lt = "md3:theme";
+function Qt() {
+  return ut.slice();
+}
+function Jt() {
+  var t;
+  try {
+    return ((t = globalThis.localStorage) == null ? void 0 : t.getItem(lt)) || null;
+  } catch {
+    return null;
+  }
+}
+function te(t) {
+  var e;
+  try {
+    (e = globalThis.localStorage) == null || e.setItem(lt, t);
+  } catch {
+  }
+}
+function b() {
+  return document == null ? void 0 : document.documentElement;
+}
+function ft() {
+  var t;
+  try {
+    return ((t = globalThis.localStorage) == null ? void 0 : t.getItem(st)) || null;
+  } catch {
+    return null;
+  }
+}
+function ee(t) {
+  var e;
+  try {
+    (e = globalThis.localStorage) == null || e.setItem(st, t);
+  } catch {
+  }
+}
+function X() {
+  var e, n;
+  const t = (n = (e = b()) == null ? void 0 : e.dataset) == null ? void 0 : n.mode;
+  return t === "auto" || t === "light" || t === "dark" ? t : ft() || "auto";
+}
+function _() {
+  var e, n;
+  const t = (n = (e = b()) == null ? void 0 : e.dataset) == null ? void 0 : n.mode;
+  return t === "light" || t === "dark" ? t : Ft() ? "dark" : "light";
+}
+function ne() {
+  if (a.light && a.dark) return a;
+  const t = b();
+  if (!t) return a;
+  const e = t.dataset.mode, n = (i) => {
+    t.dataset.mode = i;
+    const o = getComputedStyle(t), u = [
+      "--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"
+    ];
+    let r = "";
+    for (let l = 0, p = u.length; l < p; l++)
+      r += u[l] + ":" + o.getPropertyValue(u[l]) + ";";
+    return r;
+  };
+  try {
+    a.light = n("light"), a.dark = n("dark");
+  } finally {
+    e === void 0 ? delete t.dataset.mode : t.dataset.mode = e;
+  }
+  return a;
+}
+async function dt(t) {
+  const e = b();
+  if (!t) return ne();
+  if (t.light && t.dark)
+    return a.light = t.light, a.dark = t.dark, e.setAttribute("style", t[_()]), t;
+  if (typeof t == "string" && ut.includes(t))
+    return te(t), e.dataset.theme = t, e.removeAttribute("style"), a.light = "", a.dark = "", { light: "", dark: "" };
+  typeof t == "string" && Z[t] && (t = Z[t]);
+  const n = globalThis.materialDynamicColors;
+  if (typeof n != "function")
+    throw new Error(
+      'ui("theme", source) requires material-dynamic-colors. Install it and `import "material-dynamic-colors"` once at app entry, or include the CDN script.'
+    );
+  return n(t).then((i) => {
+    const o = (u) => {
+      let r = "";
+      for (const l of Object.keys(u)) {
+        const p = u[l], d = l.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
+        r += "--" + d + ":" + p + ";";
+      }
+      return r;
+    };
+    return a.light = o(i.light), a.dark = o(i.dark), e.setAttribute("style", a[_()]), a;
+  });
+}
+function pt(t) {
+  const e = b();
+  return e ? (t && (t !== "auto" && t !== "light" && t !== "dark" && (t = "auto"), ee(t), e.dataset.mode = t, a.light && a.dark && e.setAttribute("style", a[_()])), X()) : t;
+}
+let Q = !1;
+function ie() {
+  if (Q || typeof globalThis.matchMedia != "function") return;
+  const t = globalThis.matchMedia("(prefers-color-scheme: dark)"), e = () => {
+    const n = b();
+    !n || n.dataset.mode !== "auto" || !a.light || !a.dark || n.setAttribute("style", a[t.matches ? "dark" : "light"]);
+  };
+  t.addEventListener ? t.addEventListener("change", e) : t.addListener && t.addListener(e), Q = !0;
+}
+const C = [];
+function gt(t) {
+  if (t.key === "Escape") {
+    const e = t.currentTarget;
+    yt(e, e);
+  }
+}
+function re(t) {
+  (v("[autofocus]", t) ?? t).focus();
+}
+function ht(t, e) {
+  g(Lt(t.id), "active"), g(t, "active"), g(e, "active"), t.close(), C.pop();
+  const n = C[C.length - 1];
+  n && n.focus();
+}
+async function oe(t, e, n, i) {
+  !h(i, "button") && !s(i, "button") && !s(i, "chip") && y(i, "active"), y(e, "active"), y(t, "active"), n ? t.showModal() : t.show(), await it(90), n || x(t, "keydown", gt, !1), C.push(t), re(t);
+}
+function ae(t) {
+  const e = t.currentTarget, n = O(e);
+  h(n, "dialog") && ht(n, e);
+}
+async function yt(t, e) {
+  P();
+  let n = B(e);
+  const i = s(e, "active") || e.open, o = s(e, "modal");
+  o || F(e, "keydown", gt, !1), s(n, "overlay") || (n = Dt({ class: "overlay" }), Mt(n, e), await it(90)), o || c(n, "click", ae, !1), i ? ht(e, n) : oe(e, n, o, t);
+}
+let D;
+function vt(t) {
+  F(document.body, "click", vt);
+  const e = t.target, n = f("menu.active");
+  for (let i = 0; i < n.length; i++) bt(e, n[i], t);
+}
+function ce(t) {
+  setTimeout(() => {
+    const e = v(".field > input", t);
+    e ? e.focus() : t.focus();
+  }, 90);
+}
+function bt(t, e, n) {
+  D && clearTimeout(D), D = setTimeout(() => {
+    x(document.body, "click", vt), h(document.activeElement, "input") || P();
+    const i = s(e, "active"), o = (n == null ? void 0 : n.target) === t, u = !!t.closest("menu");
+    if (!i && u || i && o) {
+      g(e, "active");
+      return;
+    }
+    g(f("menu.active"), "active"), y(e, "active"), ce(e);
+  }, 90);
+}
+let k;
+function ue(t) {
+  const e = t.currentTarget;
+  g(e, "active"), k && clearTimeout(k);
+}
+function se(t, e) {
+  P();
+  const n = f(".snackbar.active");
+  for (let i = 0; i < n.length; i++) g(n[i], "active");
+  y(t, "active"), c(t, "click", ue), k && clearTimeout(k), e !== -1 && (k = setTimeout(() => {
+    g(t, "active");
+  }, e ?? 6e3));
+}
+function le(t) {
+  const e = w(t);
+  e && g(f(":scope > .page", e), "active"), y(t, "active");
+}
+function mt(t) {
+  const e = t instanceof MouseEvent, n = t.currentTarget, i = n.getBoundingClientRect(), o = Math.max(i.width, i.height), u = o / 2, r = e ? t.clientX - i.left - u : i.width / 2 - u, l = e ? t.clientY - i.top - u : i.height / 2 - u, p = document.createElement("div");
+  p.className = "ripple-js";
+  const d = document.createElement("div");
+  d.style.inlineSize = d.style.blockSize = `${o}px`, d.style.left = `${r}px`, d.style.top = `${l}px`, c(d, "animationend", () => {
+    p.remove();
+  }), p.appendChild(d), n.appendChild(p);
+}
+function fe(t) {
+  const e = t.target.closest(".slow-ripple, .ripple, .fast-ripple");
+  e && (Object.defineProperty(t, "currentTarget", { value: e, configurable: !0 }), mt(t));
+}
+function de(t) {
+  const e = t.target.closest(".slow-ripple, .ripple, .fast-ripple");
+  !e || t.key !== " " || (Object.defineProperty(t, "currentTarget", { value: e, configurable: !0 }), mt(t));
+}
+function pe() {
+  const t = document.body;
+  t && (c(t, "mousedown", fe), c(t, "keydown", de));
+}
+function J(t) {
+  const e = t.target;
+  h(e, "progress") ? kt(e) : At();
+}
+function kt(t) {
+  requestAnimationFrame(() => {
+    if (!t.hasAttribute("value") && !t.hasAttribute("max")) {
+      const e = s(t, "circle") ? "50" : "100";
+      t.style.setProperty("--_value", e), t.setAttribute("value", e), t.setAttribute("max", "100"), t.classList.add("indeterminate");
+    } else
+      t.style.setProperty("--_value", String(t.value));
+  });
+}
+function At() {
+  if (E && !et && !nt) return;
+  const t = document.body, e = f("progress");
+  e.length ? x(t, "input", J, !1) : F(t, "input", J, !1);
+  for (let n = 0; n < e.length; n++) kt(e[n]);
+}
+let L, I = null;
+function tt() {
+  L && clearTimeout(L), L = setTimeout(() => wt(), 180);
+}
+async function K(t, e, n, i) {
+  if (!e && (e = v(t.getAttribute("data-ui")), !e)) {
+    t.classList.toggle("active");
+    return;
+  }
+  if (_t(t), h(e, "dialog")) {
+    requestAnimationFrame(() => yt(t, e));
+    return;
+  }
+  if (h(e, "menu")) {
+    requestAnimationFrame(() => bt(t, e, i));
+    return;
+  }
+  if (s(e, "snackbar")) {
+    requestAnimationFrame(() => se(e, n));
+    return;
+  }
+  if (s(e, "page")) {
+    requestAnimationFrame(() => le(e));
+    return;
+  }
+  if (s(e, "active")) {
+    g(t, "active"), g(e, "active");
+    return;
+  }
+  y(e, "active");
+}
+function xt() {
+  globalThis.ui || I || !globalThis.MutationObserver || (I = new MutationObserver(tt), I.observe(document.body, { childList: !0, subtree: !0 }), tt());
+}
+function ge(t) {
+  const e = t.target.closest("[data-ui]");
+  e && K(e, null, null, t);
+}
+function he(t) {
+  const e = t.target.closest("[data-ui]");
+  e && h(e, "a") && !e.getAttribute("href") && t.key === "Enter" && K(e, null, null, t);
+}
+function ye() {
+  const t = document.body;
+  t && (c(t, "click", ge), c(t, "keydown", he));
+}
+function wt(t, e) {
+  if (t) {
+    if (t === "setup") {
+      xt();
+      return;
+    }
+    if (t === "guid") return St();
+    if (t === "mode") return pt(e);
+    if (t === "theme") return dt(e);
+    if (t === "themes") return Qt();
+    const n = v(t);
+    if (!n) return;
+    K(n, n, e);
+  }
+  ye(), Vt(), pe(), Xt(), At();
+}
+function ve() {
+  var e;
+  if (globalThis.ui) return;
+  const t = (e = globalThis.document) == null ? void 0 : e.documentElement;
+  if (t) {
+    pt(ft() || t.dataset.mode || "auto");
+    const n = Jt();
+    n && dt(n);
+  }
+  ie(), xt(), globalThis.ui = wt;
+}
+ve();

package/dist/shapes/arch.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="304" height="304" fill="none" viewBox="0 0 304 304"><path fill="#d0bcff" d="M304 253.72c0 6.11 0 9.17-.31 11.74-2.38 20.05-18.18 35.85-38.23 38.23-2.57.31-5.63.31-11.74.31H50.281c-6.112 0-9.168 0-11.737-.31-20.049-2.38-35.856-18.18-38.239-38.23C0 262.89 0 259.83 0 253.72V152C0 68.05 68.053 0 152 0c83.95 0 152 68.05 152 152z"/></svg>

package/dist/shapes/arrow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="316" height="278" fill="none" viewBox="0 0 316 278"><path fill="#d0bcff" d="M271.57 122.2c-14.018-21.58-28.035-43.19-42.053-64.77-9.094-14.01-18.35-28.21-30.645-39.34-12.296-11.15-28.224-19.03-44.556-18-14.34.92-27.632 8.63-38.125 18.7S97.546 41.26 89.528 53.54C67.842 86.72 46.13 119.9 24.444 153.1 14.139 168.86 3.565 185.31.713 204.09c-3.444 22.69 5.839 45.8 22.305 60.89 17.219 15.78 45.12 14.5 66.08 10.18 22.977-4.75 45.443-13.68 68.877-13.65 20.072 0 39.471 6.6 59.004 11.4 19.506 4.77 40.466 7.71 59.3.61 23.38-8.79 40.169-33.79 39.712-59.45-.431-23.41-13.534-44.32-26.152-63.8-6.081-9.35-12.161-18.72-18.242-28.07z"/></svg>

package/dist/shapes/boom.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M156.818 10.16c.753-6.02 1.13-9.03 1.702-9.57a2.145 2.145 0 0 1 2.96 0c.572.54.949 3.55 1.702 9.57l9.578 76.58c.304 2.43.456 3.64.892 4.15.633.72 1.668.95 2.541.54.601-.28 1.232-1.33 2.493-3.43l39.729-66.04c3.124-5.19 4.686-7.79 5.427-8.05 1.078-.37 2.26.16 2.704 1.22.305.72-.569 3.63-2.317 9.44l-22.23 73.87c-.706 2.35-1.058 3.52-.863 4.15a2.17 2.17 0 0 0 2.102 1.54c.663-.01 1.663-.71 3.663-2.11l63.01-44.08c4.956-3.47 7.433-5.2 8.214-5.14a2.177 2.177 0 0 1 1.98 2.21c-.014.79-1.988 3.09-5.935 7.68l-50.194 58.4c-1.593 1.85-2.389 2.78-2.468 3.44-.115.96.414 1.88 1.299 2.26.609.27 1.806.03 4.199-.43l75.397-14.5c5.929-1.14 8.894-1.71 9.58-1.33.998.55 1.398 1.79.915 2.83-.332.71-3.064 2-8.528 4.58l-69.478 32.83c-2.206 1.04-3.308 1.56-3.648 2.13-.493.83-.382 1.89.272 2.6.45.49 1.636.77 4.009 1.32l74.747 17.59c5.878 1.38 8.818 2.07 9.29 2.7.687.91.552 2.21-.309 2.96-.593.51-3.61.58-9.646.7l-76.75 1.57c-2.436.05-3.654.08-4.195.46a2.19 2.19 0 0 0-.803 2.49c.214.63 1.184 1.37 3.126 2.85l61.173 46.62c4.81 3.67 7.216 5.51 7.393 6.27a2.18 2.18 0 0 1-1.48 2.58c-.749.23-3.531-.95-9.096-3.3l-70.749-29.95c-2.246-.95-3.369-1.43-4.019-1.3a2.18 2.18 0 0 0-1.739 1.94c-.059.66.528 1.74 1.703 3.88l37.021 67.62c2.911 5.31 4.367 7.97 4.219 8.75a2.175 2.175 0 0 1-2.395 1.75c-.778-.1-2.843-2.31-6.973-6.74l-52.517-56.3c-1.667-1.78-2.501-2.68-3.146-2.82a2.15 2.15 0 0 0-2.374 1.06c-.323.58-.22 1.8-.015 4.24l6.467 76.91c.509 6.05.763 9.07.315 9.72a2.16 2.16 0 0 1-2.895.62c-.672-.41-1.663-3.28-3.645-9.01l-25.204-72.9c-.8-2.32-1.2-3.47-1.73-3.87a2.16 2.16 0 0 0-2.598 0c-.53.4-.93 1.55-1.73 3.87l-25.204 72.9c-1.982 5.73-2.973 8.6-3.645 9.01-.976.59-2.242.32-2.895-.62-.448-.65-.194-3.67.315-9.72l6.467-76.91c.205-2.44.308-3.66-.015-4.24a2.146 2.146 0 0 0-2.373-1.06c-.646.14-1.48 1.04-3.147 2.82l-52.517 56.3c-4.13 4.43-6.195 6.64-6.973 6.74a2.175 2.175 0 0 1-2.395-1.75c-.148-.78 1.308-3.44 4.219-8.75l37.021-67.62c1.175-2.14 1.762-3.22 1.703-3.88a2.18 2.18 0 0 0-1.739-1.94c-.65-.13-1.773.35-4.019 1.3l-70.75 29.95c-5.564 2.35-8.346 3.53-9.095 3.3a2.18 2.18 0 0 1-1.48-2.58c.177-.76 2.583-2.6 7.393-6.27l61.173-46.62c1.942-1.48 2.912-2.22 3.126-2.85a2.19 2.19 0 0 0-.803-2.49c-.541-.38-1.76-.41-4.195-.46l-76.75-1.57c-6.036-.12-9.054-.19-9.646-.7a2.19 2.19 0 0 1-.309-2.96c.472-.63 3.412-1.32 9.29-2.7l74.747-17.59c2.373-.55 3.559-.83 4.01-1.32.653-.71.764-1.77.271-2.6-.34-.57-1.442-1.09-3.648-2.13L15.63 117.94c-5.464-2.58-8.196-3.87-8.528-4.58a2.18 2.18 0 0 1 .915-2.83c.686-.38 3.65.19 9.58 1.33l75.397 14.5c2.393.46 3.59.7 4.199.43a2.18 2.18 0 0 0 1.299-2.26c-.078-.66-.875-1.59-2.468-3.44L45.83 62.69c-3.947-4.59-5.92-6.89-5.935-7.68a2.18 2.18 0 0 1 1.98-2.21c.78-.06 3.258 1.67 8.214 5.14l63.01 44.08c2 1.4 3 2.1 3.663 2.11a2.17 2.17 0 0 0 2.102-1.54c.195-.63-.157-1.8-.863-4.15l-22.23-73.87c-1.748-5.81-2.622-8.72-2.317-9.44a2.17 2.17 0 0 1 2.704-1.22c.741.26 2.303 2.86 5.427 8.05L141.314 88c1.261 2.1 1.892 3.15 2.493 3.43.873.41 1.908.18 2.541-.54.436-.51.588-1.72.892-4.15z"/></svg>

package/dist/shapes/bun.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="310" height="320" fill="none" viewBox="0 0 310 320"><path fill="#d0bcff" d="M0 81.36A81.35 81.35 0 0 1 81.36 0h147.28a81.35 81.35 0 0 1 22.7 159.5.5.5 0 0 0-.37.5c0 .23.15.43.37.5a81.38 81.38 0 0 1-22.7 159.5H81.36A81.35 81.35 0 0 1 0 238.64a81.4 81.4 0 0 1 58-77.95.72.72 0 0 0 0-1.38A81.4 81.4 0 0 1 0 81.36"/></svg>

package/dist/shapes/burst.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M157.39 2.55c.74-1.32 1.1-1.97 1.55-2.25.65-.4 1.47-.4 2.12 0 .45.28.81.93 1.55 2.25l25.26 45.15c.45.81.68 1.22.99 1.46.44.36 1.01.51 1.57.42.39-.06.79-.29 1.58-.77l44.46-26.47c1.29-.77 1.94-1.16 2.46-1.17.77-.03 1.47.38 1.84 1.05.25.47.24 1.22.22 2.73l-.7 51.73c-.02.93-.02 1.39.12 1.76.2.53.62.95 1.15 1.15.37.14.83.14 1.76.12l51.73-.7c1.51-.02 2.26-.03 2.73.22.67.37 1.08 1.07 1.05 1.84-.01.52-.4 1.17-1.17 2.46l-26.47 44.46c-.48.79-.71 1.19-.77 1.58-.09.56.06 1.13.42 1.57.24.31.65.54 1.46.99l45.15 25.26c1.32.74 1.97 1.1 2.25 1.55.4.65.4 1.47 0 2.12-.28.45-.93.81-2.25 1.55l-45.15 25.26c-.81.45-1.22.68-1.46.99-.36.44-.51 1.01-.42 1.57.06.39.29.79.77 1.58l26.47 44.46c.77 1.29 1.16 1.94 1.17 2.46.03.77-.38 1.47-1.05 1.84-.47.25-1.22.24-2.73.22l-51.73-.7c-.93-.02-1.39-.02-1.76.12-.53.2-.95.62-1.15 1.15-.14.37-.14.83-.12 1.76l.7 51.73c.02 1.51.03 2.26-.22 2.73-.37.67-1.07 1.08-1.84 1.05-.52-.01-1.17-.4-2.46-1.17l-44.46-26.47c-.79-.48-1.19-.71-1.58-.77-.56-.09-1.13.06-1.57.42-.31.24-.54.65-.99 1.46l-25.26 45.15c-.74 1.32-1.1 1.97-1.55 2.25-.65.4-1.47.4-2.12 0-.45-.28-.81-.93-1.55-2.25l-25.26-45.15c-.45-.81-.68-1.22-.99-1.46-.44-.36-1.01-.51-1.57-.42-.39.06-.79.29-1.58.77l-44.46 26.47c-1.29.77-1.94 1.16-2.46 1.17-.77.03-1.47-.38-1.84-1.05-.25-.47-.24-1.22-.22-2.73l.7-51.73c.02-.93.02-1.39-.12-1.76-.2-.53-.62-.95-1.15-1.15-.37-.14-.83-.14-1.76-.12l-51.73.7c-1.51.02-2.26.03-2.73-.22a2.01 2.01 0 0 1-1.05-1.84c.01-.52.4-1.17 1.17-2.46l26.47-44.46c.48-.79.71-1.19.77-1.58.09-.56-.06-1.13-.42-1.57-.24-.31-.65-.54-1.46-.99L2.55 162.61c-1.32-.74-1.97-1.1-2.25-1.55-.4-.65-.4-1.47 0-2.12.28-.45.93-.81 2.25-1.55l45.15-25.26c.81-.45 1.22-.68 1.46-.99.36-.44.51-1.01.42-1.57-.06-.39-.29-.79-.77-1.58L22.34 83.53c-.77-1.29-1.16-1.94-1.17-2.46-.03-.77.38-1.47 1.05-1.84.47-.25 1.22-.24 2.73-.22l51.73.7c.93.02 1.39.02 1.76-.12.53-.2.95-.62 1.15-1.15.14-.37.14-.83.12-1.76l-.7-51.73c-.02-1.51-.03-2.26.22-2.73.37-.67 1.07-1.08 1.84-1.05.52.01 1.17.4 2.46 1.17l44.46 26.47c.79.48 1.19.71 1.58.77.56.09 1.13-.06 1.57-.42.31-.24.54-.65.99-1.46z"/></svg>

package/dist/shapes/circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" d="M320 160c0 88.366-71.634 160-160 160S0 248.366 0 160 71.635 0 160 0c88.366 0 160 71.635 160 160"/></svg>

package/dist/shapes/clamshell.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="254" fill="none" viewBox="0 0 320 254"><path fill="#d0bcff" d="M306.405 84.081c6.709 13.51 10.063 20.265 11.757 27.322a67.1 67.1 0 0 1 0 31.194c-1.694 7.057-5.048 13.812-11.757 27.322l-20.438 41.16c-6.709 13.51-10.063 20.265-14.472 25.501-6.375 7.568-14.411 12.963-23.236 15.597C242.155 254 235.446 254 222.028 254H97.972c-13.418 0-20.127 0-26.231-1.822-8.825-2.635-16.861-8.029-23.236-15.598-4.409-5.235-7.763-11.991-14.472-25.501l-20.438-41.16c-6.709-13.51-10.063-20.265-11.757-27.322a67.1 67.1 0 0 1 0-31.194c1.694-7.057 5.048-13.812 11.757-27.322l20.438-41.16c6.709-13.51 10.063-20.266 14.472-25.501C54.88 9.851 62.916 4.457 71.741 1.822 77.845 0 84.554 0 97.972 0h124.056c13.418 0 20.127 0 26.231 1.822 8.825 2.635 16.861 8.029 23.236 15.598 4.409 5.235 7.763 11.99 14.472 25.501z"/></svg>

package/dist/shapes/diamond.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="268" height="320" fill="none" viewBox="0 0 268 320"><path fill="#d0bcff" d="M191.442 276.481c-16.836 22.033-25.254 33.049-34.976 38.067a49.02 49.02 0 0 1-44.932 0c-9.722-5.018-18.14-16.034-34.976-38.067l-55.912-73.173c-10.24-13.402-15.36-20.102-17.895-27.276a48.1 48.1 0 0 1 0-32.064c2.535-7.174 7.655-13.874 17.895-27.276l55.912-73.173c16.836-22.033 25.254-33.05 34.976-38.067a49.02 49.02 0 0 1 44.932 0c9.722 5.018 18.14 16.034 34.976 38.068l55.912 73.172c10.24 13.402 15.36 20.102 17.895 27.276a48.1 48.1 0 0 1 0 32.064c-2.535 7.174-7.655 13.874-17.895 27.276z"/></svg>

package/dist/shapes/fan.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="280" height="280" fill="none" viewBox="0 0 280 280"><path fill="#d0bcff" d="M0 44.21c0-1.56 0-2.34.02-2.999C.717 18.757 18.757.717 41.211.021c.66-.021 1.44-.021 3-.021C52.53 0 56.69 0 60.208.11 179.96 3.825 276.17 100.037 279.89 219.791c.11 3.518.11 7.678.11 15.997 0 1.56 0 2.34-.02 3-.7 22.454-18.74 40.494-41.19 41.191-.66.02-1.44.02-3 .02H62.945c-19.018 0-28.528 0-36.071-2.987a42.53 42.53 0 0 1-23.887-23.887C0 245.583 0 236.073 0 217.055z"/></svg>

package/dist/shapes/flower.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill="none" viewBox="0 0 320 320"><path fill="#d0bcff" fill-rule="evenodd" d="M273.13 46.863c-11.88-11.875-38.94-6.003-71.58 12.818C191.77 23.286 176.79 0 160 0c-16.8 0-31.78 23.284-41.55 59.678-32.65-18.82-59.7-24.69-71.58-12.817-11.87 11.876-6 38.935 12.82 71.585C23.29 128.222 0 143.204 0 160c0 16.793 23.28 31.773 59.68 41.549-18.83 32.651-24.7 59.712-12.83 71.588 11.88 11.876 38.94 6.001 71.59-12.827C128.22 296.711 143.2 320 160 320c16.79 0 31.77-23.291 41.55-59.693 32.66 18.829 59.72 24.705 71.6 12.829 11.87-11.876 6-38.936-12.83-71.587C296.72 191.773 320 176.793 320 160c0-16.796-23.29-31.778-59.7-41.554 18.83-32.65 24.7-59.708 12.83-71.583" clip-rule="evenodd"/></svg>

package/dist/shapes/gem.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="302" height="312" fill="none" viewBox="0 0 302 312"><path fill="#d0bcff" d="M92.48 26.632c18.16-13.196 27.25-19.794 36.93-23.074a67.3 67.3 0 0 1 43.18 0c9.68 3.28 18.77 9.878 36.93 23.074l40.85 29.673c10.79 7.836 16.19 11.754 20.58 16.458a67.2 67.2 0 0 1 14.32 23.618c2.14 6.073 3.11 12.667 5.07 25.855l7.56 51.001c3.43 23.136 5.15 34.704 3.42 45.13a67.3 67.3 0 0 1-21.46 39.064c-7.87 7.055-18.56 11.814-39.93 21.332l-48.41 21.563c-12.9 5.744-19.35 8.615-25.97 10.083a67.3 67.3 0 0 1-29.1 0c-6.62-1.468-13.07-4.339-25.97-10.083l-48.41-21.563c-21.37-9.518-32.06-14.277-39.93-21.332A67.3 67.3 0 0 1 .68 218.367c-1.73-10.426-.01-21.994 3.42-45.13l7.56-51.001c1.96-13.188 2.93-19.782 5.07-25.855a67.2 67.2 0 0 1 14.32-23.618c4.39-4.704 9.79-8.622 20.58-16.458z"/></svg>

package/dist/shapes/ghost-ish.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="304" height="304" fill="none" viewBox="0 0 304 304"><path fill="#d0bcff" d="M0 144.762C0 64.812 68.053 0 152 0s152 64.812 152 144.762v101.333c0 31.98-27.221 57.905-60.8 57.905-9.953 0-19.347-2.278-27.64-6.315-4.225-2.058-8.441-4.313-12.675-6.578-14.899-7.971-30.019-16.059-46.558-16.059h-8.654c-16.539 0-31.659 8.088-46.558 16.059-4.234 2.265-8.45 4.52-12.675 6.578C80.147 301.722 70.753 304 60.8 304 27.221 304 0 278.075 0 246.095z"/></svg>

package/dist/shapes/heart.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="286" fill="none" viewBox="0 0 320 286"><path fill="#d0bcff" d="M251.1.13c-21.661 0-40.987 10.17-53.619 26.07L160 67.51v-.13l-37.481-41.32C109.887 10.17 90.561 0 68.9 0 30.848 0 0 31.37 0 70.06c0 34 28.375 59.41 48.919 83.82 20.47 24.33 40.937 48.64 61.404 72.96l45.949 54.6c1.244 1.47 2.484 2.95 3.728 4.43v.13c1.244-1.48 2.484-2.95 3.728-4.43 15.315-18.2 30.63-36.39 45.949-54.59l61.404-72.96C291.625 129.61 320 104.2 320 70.19 320 31.5 289.152.13 251.1.13"/></svg>

package/dist/shapes/leaf-clover4.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="296" height="296" fill="none" viewBox="0 0 296 296"><path fill="#d0bcff" d="M21 148C7.9 132.34 0 112.13 0 90.06 0 40.32 40.11 0 89.6 0c22.39 0 42.87 8.26 58.57 21.91C163.84 8.26 184.27 0 206.61 0 255.98 0 296 40.32 296 90.06c0 22.07-7.88 42.28-20.95 57.94 13.07 15.66 20.95 35.87 20.95 57.94 0 49.74-40.02 90.06-89.39 90.06-22.34 0-42.77-8.26-58.44-21.91C132.47 287.74 111.99 296 89.6 296 40.11 296 0 255.68 0 205.94c0-22.07 7.9-42.28 21-57.94"/></svg>