@rankingcoach/vanguard 1.0.1

package/dist/index-Icon-visibility.svg.js

@@ -0,0 +1,4 @@
+const C = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%202C2%202%200%208%200%208C0%208%202%2014%208%2014C14%2014%2016%208%2016%208C16%208%2014%202%208%202ZM8%2012C4.51667%2012%202.78333%209.26667%202.16667%208C2.78333%206.71667%204.51667%204%208%204C11.4833%204%2013.2167%206.73333%2013.8333%208C13.2%209.28333%2011.4667%2012%208%2012ZM8%205C6.33333%205%205%206.35%205%208C5%209.66667%206.33333%2011%208%2011C9.65%2011%2011%209.66667%2011%208C11%206.35%209.65%205%208%205ZM8%209C7.45%209%207%208.55%207%208C7%207.45%207.45%207%208%207C8.55%207%209%207.45%209%208C9%208.55%208.55%209%208%209Z'%20fill='%232A3546'/%3e%3c/svg%3e";
+export {
+  C as default
+};

package/dist/index-Icon-warning-1.svg.js

@@ -0,0 +1,4 @@
+const e = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.7%2019.0485L13.75%203.02348C13%201.67348%2011%201.64848%2010.25%203.02348L1.30002%2019.0485C0.57502%2020.3735%201.52502%2021.9985%203.05002%2021.9985H20.95C22.475%2021.9985%2023.425%2020.3735%2022.7%2019.0485ZM3.05002%2019.9985L12%203.99848L20.95%2019.9985H3.05002ZM11%209.39848V14.6985H13V9.39848C13%207.82348%2011%207.79848%2011%209.39848ZM13%2017.1985C13%2015.8735%2011%2015.8735%2011%2017.1985C11%2018.5235%2013%2018.5235%2013%2017.1985Z'%20fill='%232A3546'/%3e%3c/svg%3e";
+export {
+  e as default
+};

package/dist/index-Icon-warning-full.svg.js

@@ -0,0 +1,4 @@
+const e = "data:image/svg+xml,%3csvg%20width='24'%20height='22'%20viewBox='0%200%2024%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M23.7272%2018.2441L13.8042%201.05023C13.4355%200.401066%2012.7465%200%2012%200C11.2535%200%2010.5645%200.401066%2010.1958%201.05023L0.272795%2018.2441C-0.0938836%2018.8866%20-0.0907107%2019.6758%200.281122%2020.3153C0.652955%2020.9549%201.33719%2021.3481%202.07698%2021.3473H21.923C22.6628%2021.3481%2023.347%2020.9549%2023.7189%2020.3153C24.0907%2019.6758%2024.0939%2018.8866%2023.7272%2018.2441ZM12.2526%2019.1282C11.1167%2019.1282%2010.1958%2018.2073%2010.1958%2017.0714C10.1958%2015.9355%2011.1167%2015.0146%2012.2526%2015.0146C13.3885%2015.0146%2014.3094%2015.9355%2014.3094%2017.0714C14.2995%2018.2003%2013.3815%2019.1102%2012.2526%2019.1101V19.1282ZM12.9743%2014.1486H11.4768L10.0876%207.96026C10.075%206.73872%2011.016%205.71869%2012.2345%205.63286C13.4517%205.68154%2014.4103%206.68802%2014.3996%207.90614L12.9743%2014.1486Z'%20fill='%234A4A4A'/%3e%3c/svg%3e";
+export {
+  e as default
+};

package/dist/index-Icon-warning.svg.js

@@ -0,0 +1,4 @@
+const e = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.5501%2012.85L9.78342%201.35C9.05008%20-0.116667%206.95008%20-0.116667%206.21675%201.35L0.450084%2012.85C-0.216583%2014.1833%200.750084%2015.75%202.23342%2015.75H13.7501C15.2501%2015.75%2016.2168%2014.1833%2015.5501%2012.85ZM2.23342%2013.75L8.00008%202.25L13.7501%2013.75H2.23342ZM9.00008%206.73333C9.00008%205.41667%207.00008%205.4%207.00008%206.73333V9.73333H9.00008V6.73333ZM7.00008%2012.75H9.00008V10.7333H7.00008V12.75Z'%20fill='%232A3546'/%3e%3c/svg%3e";
+export {
+  e as default
+};

package/dist/index-Icon-whatsapp-1.svg.js

@@ -0,0 +1,4 @@
+const C = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22%2011.925C22%206.475%2017.6%202%2012.025%202C6.55%202%202.1%206.45%202.1%2011.925C2.1%2013.65%202.55%2015.375%203.425%2016.85L2%2022L7.275%2020.625C8.725%2021.4%2010.375%2021.825%2012.025%2021.825C17.525%2021.825%2022%2017.375%2022%2011.925ZM12.025%2020.125C10.575%2020.125%209.125%2019.7%207.85%2019L7.525%2018.825L4.375%2019.65L5.225%2016.6L5%2016.275C4.175%2015.025%203.775%2013.45%203.775%2011.925C3.775%207.375%207.5%203.675%2012.025%203.675C16.6%203.675%2020.3%207.35%2020.3%2011.925C20.3%2016.45%2016.6%2020.125%2012.025%2020.125ZM16.575%2013.975C16.325%2013.85%2015.1%2013.25%2014.875%2013.175C14.65%2013.1%2014.475%2013.025%2014.3%2013.3C14.15%2013.55%2013.7%2014.1%2013.55%2014.275C13.4%2014.475%2013.25%2014.45%2013%2014.325C12.75%2014.225%2011.95%2013.925%2011.025%2013.1C10.25%2012.45%209.725%2011.625%209.6%2011.375C9.475%2011.15%209.575%2011%209.725%2010.875C9.825%2010.775%209.95%2010.6%2010.1%2010.45C10.225%2010.3%2010.25%2010.225%2010.325%2010.05C10.4%209.875%2010.375%209.725%2010.3%209.6C10.25%209.5%209.725%208.275%209.55%207.75C9.375%207.275%209.15%207.35%209%207.35H8.5C8.35%207.35%208.1%207.4%207.875%207.65C7.625%207.9%207%208.475%207%209.725C7%2010.925%207.9%2012.075%208%2012.275C8.1%2012.45%209.725%2014.95%2012.25%2016C13.35%2016.475%2014.2%2016.775%2015.225%2016.625C15.725%2016.55%2016.7%2016.025%2016.9%2015.45C17.125%2014.875%2017.125%2014.375%2017.05%2014.275C16.975%2014.2%2016.825%2014.1%2016.575%2013.975Z'%20fill='%232A3546'/%3e%3c/svg%3e";
+export {
+  C as default
+};

package/dist/index-Icon-whatsapp.svg.js

@@ -0,0 +1,4 @@
+const C = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.9667%207.95011C14.9667%204.13345%2011.9333%201.03345%208.03333%201.03345C4.21666%201.03345%201.08333%204.11678%201.08333%207.95011C1.08333%209.15011%201.41666%2010.3334%202.01666%2011.3834L1.03333%2014.9668L4.71666%2014.0168C5.73333%2014.5668%206.86666%2014.8501%208.03333%2014.8501C11.8667%2014.8501%2014.9667%2011.7501%2014.9667%207.95011ZM8.03333%2013.6668C6.99999%2013.6668%205.98333%2013.3834%205.09999%2012.8834L4.89999%2012.7668L2.69999%2013.3334L3.28333%2011.2001L3.14999%2010.9834C2.59999%2010.0668%202.26666%209.01678%202.26666%207.95011C2.26666%204.78345%204.84999%202.20011%208.04999%202.20011C11.2167%202.20011%2013.8%204.78345%2013.8%207.95011C13.8%2011.1001%2011.2%2013.6668%208.03333%2013.6668ZM11.2%209.38345C11.0167%209.30011%2010.1833%208.86678%2010.0167%208.81678C9.84999%208.75011%209.73333%208.73345%209.63333%208.90011C9.49999%209.06678%209.18332%209.46678%209.06666%209.58345C8.96666%209.70011%208.86666%209.71678%208.69999%209.63345C8.51666%209.53345%207.96666%209.35011%207.29999%208.76678C6.78333%208.31678%206.44999%207.75011%206.34999%207.58345C6.24999%207.40011%206.33333%207.30011%206.41666%207.21678C6.59999%207.03345%206.73333%206.86678%206.84999%206.63345C6.91666%206.51678%206.88333%206.41678%206.83333%206.33345C6.79999%206.25011%206.44999%205.38345%206.29999%205.05011C6.14999%204.70011%206.01666%204.75011%205.91666%204.75011H5.58333C5.46666%204.75011%205.26666%204.80011%205.11666%204.96678C4.94999%205.13345%204.51666%205.55011%204.51666%206.40011C4.51666%207.25011%205.13333%208.06678%205.21666%208.18345C5.29999%208.30011%206.46666%2010.0168%208.16666%2010.7834C8.59999%2010.9834%208.91666%2011.0668%209.16666%2011.1501C9.58333%2011.2668%209.96666%2011.2668%2010.2667%2011.2168C10.6%2011.1668%2011.2833%2010.8001%2011.4333%2010.4168C11.5833%2010.0001%2011.5667%209.65011%2011.5333%209.58345C11.4833%209.51678%2011.3667%209.46678%2011.2%209.38345Z'%20fill='%232A3546'/%3e%3c/svg%3e";
+export {
+  C as default
+};

package/dist/index-Icon-wizard-1.svg.js

@@ -0,0 +1,4 @@
+const C = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20%2020.5H4V14.5H8.15C8.6%2016.225%2010.15%2017.5%2012%2017.5C13.85%2017.5%2015.4%2016.225%2015.85%2014.5H18.175L16.35%2016.325L17.75%2017.75L22%2013.5L17.75%209.25L16.35%2010.675L18.175%2012.5H15.85C15.4%2010.775%2013.85%209.5%2012%209.5C10.15%209.5%208.6%2010.775%208.15%2012.5H4V7.5H20V9.5H22V3.5C22%202.4%2021.1%201.5%2020%201.5H4C2.9%201.5%202%202.4%202%203.5V20.5C2%2021.6%202.9%2022.5%204%2022.5H20C21.1%2022.5%2022%2021.6%2022%2020.5V18.5H20V20.5ZM4%203.5H20V5.5H4V3.5ZM12%2011.5C13.1%2011.5%2014%2012.4%2014%2013.5C14%2014.6%2013.1%2015.5%2012%2015.5C10.9%2015.5%2010%2014.6%2010%2013.5C10%2012.4%2010.9%2011.5%2012%2011.5Z'%20fill='%232A3546'/%3e%3c/svg%3e";
+export {
+  C as default
+};

package/dist/index-Icon-wizard.svg.js

@@ -0,0 +1,4 @@
+const C = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%205V2C16%200.900001%2015.1%200%2014%200H2C0.9%200%200%200.900001%200%202V14C0%2015.1%200.9%2016%202%2016H14C15.1%2016%2016%2015.1%2016%2014V13H14V14H2V10H4.18333C5.08333%2012.6167%208.85%2012.7%209.81667%2010H12V13L16%209L12%205V8H9.81667C8.86667%205.31667%205.08333%205.36667%204.18333%208H2V4H14V5H16ZM7%208C7.55%208%208%208.45%208%209C8%209.55%207.55%2010%207%2010C6.45%2010%206%209.55%206%209C6%208.45%206.45%208%207%208Z'%20fill='%232A3546'/%3e%3c/svg%3e";
+export {
+  C as default
+};

package/dist/index-Icon-youtube-1.svg.js

@@ -0,0 +1,4 @@
+const C = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9875%205.0374C11.9875%205.0374%205.73748%204.9874%204.18748%205.4624C3.36248%205.7124%202.66248%206.3624%202.46248%207.2124C2.08748%208.7624%202.03748%2012.0124%202.03748%2012.0124C2.03748%2012.0124%202.06248%2015.2624%202.46248%2016.7874C2.68748%2017.6374%203.36248%2018.3374%204.18748%2018.5374C5.78748%2018.9374%2011.9875%2018.9624%2011.9875%2018.9624C11.9875%2018.9624%2018.2375%2019.0124%2019.7875%2018.5374C20.6125%2018.2874%2021.3125%2017.6624%2021.5375%2016.8124C21.9375%2015.2624%2021.9625%2012.0124%2021.9625%2012.0124C21.9625%2012.0124%2021.9375%208.7624%2021.5375%207.2124C21.3125%206.3624%2020.6125%205.6624%2019.7875%205.4874C18.2125%205.1624%2011.9875%205.0374%2011.9875%205.0374ZM10.0125%209.0124L15.1875%2012.0124L10.0125%2014.9874V9.0124Z'%20fill='%232A3546'/%3e%3c/svg%3e";
+export {
+  C as default
+};

package/dist/index-Icon-youtube.svg.js

@@ -0,0 +1,4 @@
+const C = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.99987%203.12491C7.99987%203.12491%203.6332%203.10824%202.54987%203.42491C1.96654%203.59157%201.4832%204.05824%201.3332%204.65824C1.06654%205.74157%201.0332%208.00824%201.0332%208.00824C1.0332%208.00824%201.0332%2010.2749%201.3332%2011.3416C1.49987%2011.9416%201.96654%2012.4249%202.54987%2012.5749C3.66654%2012.8582%207.99987%2012.8749%207.99987%2012.8749C7.99987%2012.8749%2012.3665%2012.8916%2013.4499%2012.5749C14.0332%2012.4082%2014.5165%2011.9582%2014.6832%2011.3582C14.9832%2010.2749%2014.9665%208.00824%2014.9665%208.00824C14.9665%208.00824%2014.9499%205.74157%2014.6832%204.65824C14.5332%204.05824%2014.0332%203.57491%2013.4499%203.44157C12.3499%203.19157%207.99987%203.12491%207.99987%203.12491ZM6.61654%205.90824L10.2332%208.00824L6.61654%2010.0916V5.90824Z'%20fill='%232A3546'/%3e%3c/svg%3e";
+export {
+  C as default
+};

package/dist/index-Icon.js

@@ -0,0 +1,96 @@
+import { jsx as y } from "react/jsx-runtime";
+import { useDynamicImport as w } from "./index-use-dynamic-import.js";
+import { classNames as L } from "./index-classNames.js";
+import { parseColor as f, applyOpacity as O } from "./index-color-helpers.js";
+import { StyledSVG as j } from "./index-StyledSVG.js";
+import "react";
+import z from "./index-Icon.module.scss.js";
+var s;
+(function(e) {
+  e.small = "small", e.large = "large";
+})(s || (s = {}));
+const F = (e) => {
+  const {
+    style: v,
+    children: C,
+    svgClassName: x = "",
+    className: $ = "",
+    onClick: I,
+    role: S,
+    icnRef: M,
+    hasCircle: k,
+    testId: c,
+    forceSize: t,
+    circleSize: n,
+    spin: N,
+    onMouseEnter: m,
+    onMouseLeave: p
+  } = e;
+  let {
+    type: a,
+    color: o,
+    fillColor: l,
+    hoverColor: r,
+    fillOpacity: d
+  } = e, i = {
+    display: "inlineBlock",
+    flexShrink: 0
+  };
+  if (a || (a = s.small), o ? o = f(o) : o = "var(--n900)", r ? r = f(r) : r = o, k && (i = {
+    ...i,
+    border: `2px solid ${o}`,
+    padding: 2,
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "50%",
+    height: n || "auto",
+    width: n || "auto"
+  }, l)) {
+    l = f(l);
+    const g = d ? O(l, d) : l;
+    i = {
+      ...i,
+      backgroundColor: g,
+      border: `2px solid ${g}`
+      // backgroundClip: "padding-box", // Ensures the background color doesn't bleed into the border
+    };
+  }
+  const h = a === s.small ? 16 : 24, b = a === s.small ? "" : "-1", {
+    SvgIcon: u,
+    loading: R,
+    error: E
+  } = w(`icons/Icon-${C}${b}.svg`);
+  return u ? y("span", {
+    "data-testid": c,
+    onClick: I,
+    onMouseEnter: m,
+    onMouseLeave: p,
+    className: L($, N ? z.spin : ""),
+    role: S,
+    ref: M,
+    style: {
+      ...v,
+      ...i,
+      // border:'1px solid red',
+      // width: height,
+      // height: height,
+      display: "flex"
+    },
+    children: y(j, {
+      role: "figure",
+      testid: c ? `${c}-svg` : "",
+      hovercolor: r,
+      className: x,
+      width: t || h,
+      height: t || h,
+      color: o,
+      src: u,
+      onMouseEnter: m,
+      onMouseLeave: p
+    })
+  }) : null;
+};
+export {
+  F as Icon,
+  s as IconSize
+};

package/dist/index-Icon.module.scss.js

@@ -0,0 +1,7 @@
+const s = "spin_fV", n = {
+  spin: s
+};
+export {
+  n as default,
+  s as spin
+};

package/dist/index-IconButton.js

@@ -0,0 +1,67 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useHover as N } from "./index-use-hover.js";
+import { classNames as R } from "./index-classNames.js";
+import { Icon as V } from "./index-Icon.js";
+import { Popover as $ } from "./index-Popover.js";
+import { useRef as j, useState as z, useEffect as A } from "react";
+import { a as d } from "./index-react-spring_web.modern.js";
+import v from "./index-IconButton.module.scss.js";
+import { useSpring as b } from "./index-react-spring_core.modern.js";
+const K = (h) => {
+  const {
+    isActive: o,
+    onHover: n,
+    onClick: C,
+    icon: S,
+    message: y,
+    isDisabled: e,
+    isSpinning: B
+  } = h, g = j(null), a = N(g), r = (s, H = 1) => `rgb(from var(${s}) r g b / ${H})`, m = r("--fn-fg-cta"), t = r("--fn-fg-light"), p = r("--fn-bg"), u = r("--fn-bg-hov-p-gl", 0.32), [I, k] = z(o ? m : t);
+  A(() => {
+    n == null || n(a);
+  }, [a, n]);
+  let i = p, c = t, l = "pointer";
+  o ? (i = u, c = m, l = e ? "not-allowed" : "pointer") : e ? (i = p, c = t, l = "not-allowed") : (i = a ? u : p, c = t, l = "pointer");
+  const x = b({
+    backgroundColor: i,
+    config: {
+      tension: 200,
+      friction: 20
+    }
+  }), w = b({
+    color: o ? m : c,
+    config: {
+      tension: 200,
+      friction: 20
+    },
+    onChange: (s) => {
+      s.value.color && k(s.value.color);
+    }
+  });
+  return f($, {
+    message: y,
+    children: f(d.div, {
+      ref: g,
+      style: {
+        ...x,
+        cursor: l
+      },
+      className: R(v.btn, o && v.active),
+      onClick: e ? void 0 : C,
+      role: "button",
+      tabIndex: e ? -1 : 0,
+      children: f(d.span, {
+        style: w,
+        children: f(V, {
+          forceSize: 16,
+          color: I,
+          spin: B,
+          children: S
+        })
+      })
+    })
+  });
+};
+export {
+  K as IconButton
+};

package/dist/index-IconButton.module.scss.js

@@ -0,0 +1,7 @@
+const t = "btn_o-", n = {
+  btn: t
+};
+export {
+  t as btn,
+  n as default
+};

package/dist/index-IconButton2.js

@@ -0,0 +1,187 @@
+import h from "./index-objectWithoutPropertiesLoose.js";
+import i from "./index-extends.js";
+import * as p from "react";
+import r from "./index-_virtual16.js";
+import { clsx as R } from "./index-clsx.js";
+import { c as m } from "./index-colorManipulator2.js";
+import z from "./index-styled.js";
+import C, { getIconButtonUtilityClass as O } from "./index-iconButtonClasses.js";
+import { jsx as x } from "react/jsx-runtime";
+import { useDefaultProps as T } from "./index-DefaultPropsProvider.js";
+import n from "./index-capitalize.js";
+import $ from "./index-composeClasses.js";
+import B from "./index-ButtonBase.js";
+import k from "./index-chainPropTypes.js";
+const I = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], j = (o) => {
+  const {
+    classes: e,
+    disabled: t,
+    color: a,
+    edge: s,
+    size: l
+  } = o, c = {
+    root: ["root", t && "disabled", a !== "default" && `color${n(a)}`, s && `edge${n(s)}`, `size${n(l)}`]
+  };
+  return $(c, O, e);
+}, N = z(B, {
+  name: "MuiIconButton",
+  slot: "Root",
+  overridesResolver: (o, e) => {
+    const {
+      ownerState: t
+    } = o;
+    return [e.root, t.color !== "default" && e[`color${n(t.color)}`], t.edge && e[`edge${n(t.edge)}`], e[`size${n(t.size)}`]];
+  }
+})(({
+  theme: o,
+  ownerState: e
+}) => i({
+  textAlign: "center",
+  flex: "0 0 auto",
+  fontSize: o.typography.pxToRem(24),
+  padding: 8,
+  borderRadius: "50%",
+  overflow: "visible",
+  // Explicitly set the default value to solve a bug on IE11.
+  color: (o.vars || o).palette.action.active,
+  transition: o.transitions.create("background-color", {
+    duration: o.transitions.duration.shortest
+  })
+}, !e.disableRipple && {
+  "&:hover": {
+    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : m.alpha(o.palette.action.active, o.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  }
+}, e.edge === "start" && {
+  marginLeft: e.size === "small" ? -3 : -12
+}, e.edge === "end" && {
+  marginRight: e.size === "small" ? -3 : -12
+}), ({
+  theme: o,
+  ownerState: e
+}) => {
+  var t;
+  const a = (t = (o.vars || o).palette) == null ? void 0 : t[e.color];
+  return i({}, e.color === "inherit" && {
+    color: "inherit"
+  }, e.color !== "inherit" && e.color !== "default" && i({
+    color: a == null ? void 0 : a.main
+  }, !e.disableRipple && {
+    "&:hover": i({}, a && {
+      backgroundColor: o.vars ? `rgba(${a.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : m.alpha(a.main, o.palette.action.hoverOpacity)
+    }, {
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    })
+  }), e.size === "small" && {
+    padding: 5,
+    fontSize: o.typography.pxToRem(18)
+  }, e.size === "large" && {
+    padding: 12,
+    fontSize: o.typography.pxToRem(28)
+  }, {
+    [`&.${C.disabled}`]: {
+      backgroundColor: "transparent",
+      color: (o.vars || o).palette.action.disabled
+    }
+  });
+}), E = /* @__PURE__ */ p.forwardRef(function(e, t) {
+  const a = T({
+    props: e,
+    name: "MuiIconButton"
+  }), {
+    edge: s = !1,
+    children: l,
+    className: c,
+    color: g = "default",
+    disabled: d = !1,
+    disableFocusRipple: u = !1,
+    size: b = "medium"
+  } = a, v = h(a, I), f = i({}, a, {
+    edge: s,
+    color: g,
+    disabled: d,
+    disableFocusRipple: u,
+    size: b
+  }), y = j(f);
+  return /* @__PURE__ */ x(N, i({
+    className: R(y.root, c),
+    centerRipple: !0,
+    focusRipple: !u,
+    disabled: d,
+    ref: t
+  }, v, {
+    ownerState: f,
+    children: l
+  }));
+});
+process.env.NODE_ENV !== "production" && (E.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The icon to display.
+   */
+  children: k(r.node, (o) => p.Children.toArray(o.children).some((t) => /* @__PURE__ */ p.isValidElement(t) && t.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+`)) : null),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'default'
+   */
+  color: r.oneOfType([r.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: r.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: r.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   *
+   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
+   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
+   * @default false
+   */
+  disableRipple: r.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: r.oneOf(["end", "start", !1]),
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: r.oneOfType([r.oneOf(["small", "medium", "large"]), r.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
+});
+export {
+  E as default
+};

package/dist/index-IconNames.js

@@ -0,0 +1,8 @@
+var t;
+(function(i) {
+  i.hamburgerMenu = "hamburger-menu", i.search = "search", i.location = "location", i.calendar = "calendar", i.language = "language", i.check = "check", i.close = "close", i.warning = "warning", i.info = "info", i.help = "help", i.add = "add", i.save = "save", i.login = "login", i.user = "user", i.settings = "settings", i.settingsActive = "settings-active", i.link = "link", i.mail = "mail", i.phone = "phone", i.message = "message", i.attachment = "attachment", i.download = "download", i.upload = "upload", i.refresh = "refresh", i.filter = "filter", i.home = "home", i.homeActive = "home-active", i.business = "business", i.businessActive = "business-active", i.searchEngines = "search-engines", i.searchEnginesActive = "search-engines-active", i.google = "google", i.maps = "maps", i.prize = "prize", i.bulletList = "bullet-list", i.list = "list", i.socialMedia = "social-media", i.socialMediaActive = "social-media-active", i.gAds = "g-ads", i.gAdsActive = "g-ads-active", i.budget = "budget", i.lineChart = "line-chart", i.tools = "tools", i.barChart = "bar-chart", i.tasks = "tasks", i.news = "news", i.share = "share", i.edit = "edit", i.mobile = "mobile", i.browser = "browser", i.browserActive = "browser-active", i.manageProjects = "manage-projects", i.lock = "lock", i.lockOpen = "lock-open", i.notification = "notification", i.media = "media", i.trafic = "trafic", i.photo = "photo", i.clock = "clock", i.caretLeft = "caret-left", i.caretRight = "caret-right", i.caretUp = "caret-up", i.caretDown = "caret-down", i.end = "end", i.start = "start", i.arrowLeft = "arrow-left", i.arrowRight = "arrow-right", i.arrowUp = "arrow-up", i.arrowDown = "arrow-down", i.wizard = "wizard", i.document = "document", i.api = "api", i.visibility = "visibility", i.card = "card", i.visibilityOff = "visibility-off", i.kebabMenu = "kebab-menu", i.meatballsMenu = "meatballs-menu", i.remove = "remove", i.bing = "bing", i.instagram = "instagram", i.facebook = "facebook", i.twitter = "twitter", i.trash = "trash", i.exclamation = "exclamation", i.play = "play", i.tag = "tag", i.linkedin = "linkedin", i.youtube = "youtube", i.whatsapp = "whatsapp", i.bank = "bank", i.newTab = "new-tab", i.sepa = "sepa", i.pause = "pause", i.details = "details", i.qAnalysis = "q-analysis", i.duplicate = "duplicate", i.region = "region", i.connect = "connect", i.category = "category", i.slideV = "slide-v", i.slideH = "slide-h", i.image = "image", i.gmb = "gmb", i.star = "star", i.starActive = "star-active", i.text = "text", i.pinFilled = "pin-filled", i.cursor = "cursor", i.desktop = "desktop", i.directions = "directions", i.queriesBrand = "queries-brand", i.queriesDiscovery = "queries-discovery", i.queriesTarget = "queries-target", i.tablet = "tablet", i.question = "question", i.send = "send", i.emailAt = "email-at", i.shield = "shield", i.shieldActive = "shield-active", i.dash = "dash", i.low = "low", i.medium = "medium", i.high = "high", i.ai = "ai", i.aiReviews = "ai-reviews", i.audioMicrophone = "audio-microphone", i.audioSettings = "audio-settings", i.callTracking = "call-tracking", i.email = "email", i.fax = "fax", i.generate = "generate", i.minimize = "minimize", i.maximize = "maximize", i.messageBad = "message-bad", i.messageGood = "message-good", i.messageNeutral = "message-neutral", i.rewrite = "rewrite", i.sorting = "sorting", i.userRound = "user-round", i.rec = "rec", i.boost = "boost", i.post = "post", i.postsSeries = "posts-series", i.event = "event", i.like = "like";
+})(t || (t = {}));
+Object.values(t);
+export {
+  t as IconNames
+};

package/dist/index-IllustrationBlob.js

@@ -0,0 +1,65 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { classNames as u } from "./index-classNames.js";
+import { Icon as I, IconSize as h } from "./index-Icon.js";
+import { IconNames as v } from "./index-IconNames.js";
+import { BlobAnimation as S } from "./index-BlobAnimation.js";
+import { Render as a } from "./index-Render.js";
+import { StyledSVG as b } from "./index-StyledSVG.js";
+import "react";
+import o from "./index-IllustrationBlob.module.scss.js";
+const q = (c) => {
+  const {
+    icon: e,
+    SVGObject: i,
+    onlyImage: s = !1,
+    imageAlignments: m,
+    color: t
+  } = c, {
+    SvgIcon: d,
+    loading: f,
+    error: p
+  } = i || {
+    SvgIcon: "",
+    loading: !1,
+    error: null
+  }, g = [1, 2];
+  return i && (f || p) ? null : r("div", {
+    className: o.mainContainer,
+    children: g.map((n, N) => l("div", {
+      className: u(o.container, n === 2 ? o.orbChild : void 0),
+      children: [r("div", {
+        className: o.image,
+        style: {
+          ...m
+        },
+        children: r(b, {
+          src: d,
+          uniquifyIDs: !0
+        })
+      }), r(a, {
+        if: !s,
+        children: l("div", {
+          className: o.blobAndIconContainer,
+          children: [r(S, {
+            size: "small",
+            baseColor: t
+          }), r(a, {
+            if: !!e,
+            children: r("div", {
+              className: o.icon,
+              children: r(I, {
+                type: h.large,
+                forceSize: 48,
+                color: "--n000",
+                children: e ?? v.card
+              })
+            })
+          })]
+        })
+      })]
+    }, n))
+  });
+};
+export {
+  q as IllustrationBlob
+};

package/dist/index-IllustrationBlob.module.scss.js

@@ -0,0 +1,17 @@
+const n = "main-container_K1", o = "container_e5", i = "image_7l", c = "blob-and-icon-container_1P", t = "icon_5W", a = "orb-child_N1", e = {
+  mainContainer: n,
+  container: o,
+  image: i,
+  blobAndIconContainer: c,
+  icon: t,
+  orbChild: a
+};
+export {
+  c as blobAndIconContainer,
+  o as container,
+  e as default,
+  t as icon,
+  i as image,
+  n as mainContainer,
+  a as orbChild
+};

package/dist/index-ImageCompressorTransformer.js

@@ -0,0 +1,125 @@
+var d = Object.defineProperty;
+var h = (t, i, o) => i in t ? d(t, i, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[i] = o;
+var e = (t, i, o) => h(t, typeof i != "symbol" ? i + "" : i, o);
+import { ContentType as m } from "./index-Document.types.js";
+import { ModalService as a } from "./index-ModalService.js";
+import f from "./index-compressor.esm.js";
+import { MediaItemTransformer as u } from "./index-MediaItemTransformer.js";
+class C extends u {
+  /**
+   * Constructor for ImageCompressorTransformer.
+   *
+   * @param config - Configuration options for the transformer.
+   */
+  constructor(o) {
+    super();
+    /**
+     * List of applicable file types for compression.
+     */
+    e(this, "applicableFileTypes", [m.IMAGE_ANY, m.IMAGE_JPEG, m.IMAGE_JPG, m.IMAGE_PNG]);
+    /**
+     * Promise resolver for the transform method.
+     * @private
+     */
+    e(this, "resolveTransformPromise");
+    /**
+     * Options for the compressor.
+     * @private
+     */
+    e(this, "compressorOptions");
+    /**
+     * Flag to show loading modal during compression.
+     * @private
+     */
+    e(this, "showLoadingModalDuringCompression");
+    /**
+     * Transforms the given files by compressing them.
+     *
+     * @param files - Array of files to be compressed.
+     * @returns A promise that resolves with the compressed files or null.
+     */
+    e(this, "transform", (o) => new Promise((r) => {
+      this.resolveTransformPromise = r, this.compress(o);
+    }));
+    /**
+     * Compresses the given files.
+     *
+     * @param files - Array of files to be compressed.
+     * @private
+     */
+    e(this, "compress", (o) => {
+      this.showLoadingModalDuringCompression && a.openLoadingModal(), o.length === 1 ? this.compressSingleFile(o[0]) : this.compressMultipeFiles(o);
+    });
+    /**
+     * Compresses a single file.
+     *
+     * @param selectedFile - The file to be compressed.
+     * @private
+     */
+    e(this, "compressSingleFile", (o) => {
+      const r = performance.now();
+      this.compressorOptions.success = (n) => {
+        var s;
+        this.handleLoadingModalClose(r), (s = this.resolveTransformPromise) == null || s.call(this, [{
+          file: n,
+          filePriority: o.filePriority
+        }]), this.resolveTransformPromise = void 0;
+      }, new f(o.file, this.compressorOptions);
+    });
+    /**
+     * Compresses multiple files.
+     *
+     * @param selectedFiles - Array of files to be compressed.
+     * @private
+     */
+    e(this, "compressMultipeFiles", (o) => {
+      const r = performance.now(), n = [];
+      for (const s of o)
+        n.push(new Promise((l, c) => {
+          (!s.file || s.file.type && !this.applicableFileTypes.includes(s.file.type)) && l(s), this.compressorOptions.success = (p) => {
+            l({
+              file: p,
+              filePriority: s.filePriority
+            });
+          }, this.compressorOptions.error = (p) => {
+            c(p);
+          }, new f(s.file, this.compressorOptions);
+        }));
+      Promise.all(n).then((s) => {
+        var l;
+        this.handleLoadingModalClose(r), (l = this.resolveTransformPromise) == null || l.call(this, s), this.resolveTransformPromise = void 0;
+      });
+    });
+    /**
+     * Handles the closing of the loading modal after compression.
+     *
+     * @param t0 - The timestamp when the compression started.
+     *
+     * This function calculates the duration of the compression process and determines
+     * an appropriate timeout before closing the loading modal. The timeout is used to
+     * ensure that the modal is visible for a minimum amount of time, even if the
+     * compression process is very fast.
+     *
+     * Timeout logic:
+     * - If the duration is less than or equal to 500ms, the timeout is set to 1500ms.
+     * - If the duration is less than or equal to 1000ms, the timeout is set to 1000ms.
+     * - If the duration is less than or equal to 1500ms, the timeout is set to 500ms.
+     * - If the duration is less than or equal to 2000ms, the timeout is set to 0ms.
+     *
+     * After the calculated timeout, the loading modal is closed using the ModalService.
+     */
+    e(this, "handleLoadingModalClose", (o) => {
+      if (this.showLoadingModalDuringCompression) {
+        const r = performance.now(), n = r - o;
+        let s = 1500;
+        r - o <= 500 ? s = 1500 : n <= 1e3 ? s = 1e3 : n <= 1500 ? s = 500 : n <= 2e3 && (s = 0), setTimeout(() => {
+          a.closeLoadingModal();
+        }, s);
+      }
+    });
+    this.compressorOptions = o.compressorOptions, this.showLoadingModalDuringCompression = o.showLoadingModalDuringCompression ?? !1;
+  }
+}
+export {
+  C as ImageCompressorTransformer
+};